/*
[Master Stylesheet] 
Project:Artistly Sales Page HTML
-------------------------------------------------------------------*/
/********************************************************
1. body start
 *******************************************************/
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;	  	
	-webkit-font-smoothing: antialiased;
    font-family: 'Inter', sans-serif;  
    background: #040d30;
}
@keyframes installation {
    0% {
        transform: translateY(0px);        
    }
    50% {
        transform: translateY(-20px);        
    }
}
html {
  scroll-behavior: smooth;
}
*,*:before,*:after{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
a, a:hover, a:focus{	
	text-transform: capitalize;
	text-decoration: none;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
h1, h2, h3, h4, h5, h6{	
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	margin:0;
	padding:0;	
	word-break: break-word;
    font-family: 'K2D', sans-serif;
}
img, video {
	max-width: 100%;
}
input, textarea, select, button, label, svg, svg path, svg rect, svg polygon, img, a, :after, :before, :hover, :focus, .form-control:focus{
	outline: none !important;
	box-shadow:none;
}
ul{
	padding:0;
	margin:0;
	list-style-type: none;
}
p {
  margin: 0px;
  word-break: break-word;  
}
/* Bottom To Top css Start */
.ar-top-icon a {
    display: flex;
    background-image:-moz-linear-gradient( 20deg, rgb(153,41,234) 0%, rgb(88,8,251) 100%);
    background-image:-webkit-linear-gradient( 20deg, rgb(153,41,234) 0%, rgb(88,8,251) 100%);
    background-image:-ms-linear-gradient( 20deg, rgb(153,41,234) 0%, rgb(88,8,251) 100%);
    background-image:linear-gradient( 20deg, rgb(153,41,234) 0%, rgb(88,8,251) 100%);
    box-shadow:0 0 20px rgb(130 24 212 / 50%);
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: fixed;
    bottom: 30px;
    right: 20px;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor:pointer;
    transition: all 0.3s ease-in-out;
	animation: 4s installation infinite alternate;
}
@keyframes installation {
    0% {
        transform: translateY(0px);        
    }
    50% {
        transform: translateY(-20px);        
    }
}
.ar-top-icon a svg {
    fill: #fff;
    transform: rotate(270deg);
}
.ar-top-icon a:active {
    background-color: #555;
}
.ar-top-icon a.show {
    opacity: 1;
    visibility: visible;
}
/* Bottom To Top css End */

/* Top Bar css Start */
.ar-topbar {
    background-image: linear-gradient(71deg, #c7208f 0%, #6a14d1 100%);
}
.ar-topbar p {
    font-size: 18px;
    font-weight: 600;
    color: #fff254;
    text-align: center;
    padding: 10px 0;
}
/* Top Bar css End */

/* Banner Section css Start */
.ar-banner-wrapper {
    background-image: url(../images/banner-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0 200px 0;
    text-align: center;
    position: relative;
}
.ar-banner-logo {
    padding-bottom: 20px;
    z-index: 1;
    position: relative;
}
.ar-banner-logo a img {
    width: auto;
    height: 52px;
    object-fit: contain;
}
.ar-banner-content {
    position: relative;
}
.ar-banner-content h4 {
    display: inline-block;
    text-align: center;
    min-width: 400px;
    padding: 15px 20px;
    border-radius: 30px;
    background-image: -moz-linear-gradient(115deg, #0dcbff 0%, #4760ff 100%);
    background-image: -webkit-linear-gradient(115deg, #0dcbff 0%, #4760ff 100%);
    background-image: -ms-linear-gradient(115deg, #0dcbff 0%, #4760ff 100%);
    background-image: linear-gradient(115deg, #0dcbff 0%, #4760ff 100%);
    font-size: 26px;
    font-weight: 900;
    color: #fff;
    font-family: "Inter";
    position: relative;
}
.ar-banner-content h4:before{
    content: '';
    background-image: url(../images/banner-heading-shape.png);
    background-repeat: no-repeat;    
    width: 80px;
    height: 19px;
    position: absolute;
    top: 20px;    
    left: -90px;
}
.ar-banner-content h4:after{
    content: '';
    background-image: url(../images/banner-heading-shape1.png);
    background-repeat: no-repeat;    
    width: 80px;
    height: 19px;
    position: absolute;
    top: 20px;    
    right: -90px;
}
.ar-banner-content h1 {
    max-width: 1150px;
    width: 100%;
    margin: auto;
    font-size: 64px;    
    color: #fff;
    font-weight: 800;
    padding: 15px 0;    
}
.ar-banner-content h2.ar-border {
    font-size: 64px;
    color: #e065fe;
    font-weight: 800;
    font-family: "K2D";
    padding: 10px 25px;
    border: 2px solid;
    border-image: -moz-linear-gradient(45deg, #e065fe, #fcc257) 1;
    border-image: -webkit-linear-gradient(45deg, #e065fe, #fcc257) 1;
    border-image: -ms-linear-gradient(45deg, #e065fe, #fcc257) 1;
    border-image: linear-gradient(45deg, #e065fe, #fcc257) 1;
    display: inline-block;
    margin: 15px 0 80px 0;
    position: relative;
}
.ar-banner-content h2.ar-border span {
    background: -moz-linear-gradient(to right, #f34491 30%, #fcc257 50%);
    background: -webkit-linear-gradient(to right, #f34491 30%, #fcc257 50%);
    background: -ms-linear-gradient(to right, #f34491 30%, #fcc257 50%);
    background: linear-gradient(to right, #f34491 30%, #fcc257 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ar-banner-content h2.ar-border:before, .ar-banner-content h2.ar-border:after{
    content: '';
    width: 10px;
    height: 10px;
    background-color: #e065fe;
    border-radius: 50%;
    position: absolute;
    left: -5px;
}
.ar-banner-content h2.ar-border:before{
    top: -5px;
}
.ar-banner-content h2.ar-border:after{
    bottom: -5px;
}
.ar-banner-content h2.ar-border span:before, .ar-banner-content h2.ar-border span:after{
    content: '';
    width: 10px;
    height: 10px;
    background-color: #fcc257;
    border-radius: 50%;
    position: absolute;
    right: -5px;
}
.ar-banner-content h2.ar-border span:before{
    top: -5px;
}
.ar-banner-content h2.ar-border span:after{
    bottom: -5px;
}
.ar-banner-video-box {
    max-width: 760px;
    width: 100%;
    height: 460px;
    margin: auto;
    background-color: #1e213b;
    border-left: 5px solid #f34491;
    border-right: 5px solid #f34491; 
    position: relative;
    z-index: 1;
}
.ar-banner-video-box > img:first-child {
    position: absolute;
    top: -30px;
    right: -33px;
}
.ar-banner-video-box img.ar-banr-shape-btm {
    position: absolute;
    bottom: -30px;
    left: -33px;
    transform: rotate(180deg);
}
.ar-banner-video-box:before, .ar-banner-video-box:after {
    content: '';
    width: 400px;    
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;    
    transition: all 0.3s;    
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    z-index: -1;
}
.ar-banner-video {
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0px;
    left: 0;
}
.ar-banner-video video{
    border-radius: 10px;
}
.ar-banner-video-box:before{
    border-top: 20px solid #1e213b;
    bottom: -20px;
}
.ar-banner-video-box:after{
    border-bottom: 20px solid #1e213b;
    top: -20px;
}
.ar-banner-video-box:hover:before{
    border-top: 20px solid #dd65ff;
}
.ar-banner-video-box:hover:after{
    border-bottom: 20px solid #dd65ff;
}
.ar-banner-down-arrow a {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background-color: #dd65ff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 95px;
    z-index: 99;
    cursor: auto;
    animation: shadow-pulse 1.5s infinite;
}
@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(255 255 255 / 70%)
    }
    100% {
        box-shadow: 0 0 0 30px rgb(255 255 0 / 0%);        
    }
}
.ar-banner-down-arrow a svg{
    fill: #fff;
}
/*Video custom css*/
.video-autoplay-paused .video-autoplay-overlay-top-lines, .video-autoplay-paused .video-autoplay-overlay-play-lines{
    display:none !important;
}
/*Video custom css*/

/* Badge css start */
.ar-banner-badge {
    max-width: 1250px;
    width: 100%;
    margin: auto;
    padding: 40px 0 20px 0;
}
.ar-banner-badge-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
.ar-badge-box {
    background-color: #1e1f39;
    border-radius: 10px;
    padding: 0 15px;
    min-height: 150px;
    min-width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ar-badge-box:hover {
    -webkit-animation-name: wobble-horizontal;
    animation-name: wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@keyframes wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.ar-badge-box3{
    padding: 0 5px;
}
.ar-badge-box4{
    padding: 0;
}
.ar-banner-badge a {
    display: block;
    width: 100%;
    height: 100%;
}
.ar-banner-badge a img {
    width: 150px;
    height: auto;
    object-fit: contain;
    border-radius: 5px;
}
/* Badge css end */

/* Rating css start */
.ar-rating-stars-main {
    max-width: 1000px;
    width: 100%;
    margin: 30px auto auto;
}
.ar-rating-box {
    background: #1e1f39;
    border-radius: 10px;
    padding: 25px 15px;
}
.ar-rating-box:hover {
    -webkit-animation-name: wobble-horizontal;
    animation-name: wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.ar-rating-box h4{
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
}
.ar-rating-parent {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.ar-rating-parent span{
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.ar-rating-stars {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
/* Rating css end */

/* Banner Section css End */

/* Unlock Slider Section css Start */
.ar-unlck-slider-wrapper {
    background-image: url(../images/unlock-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 170px 0;
    text-align: center;
    margin-top: -130px;
    position: relative;  
    z-index: 0;  
}
.ar-unlck-slider-wrapper::before {
    content: '';
    background-image: url(../images/unlock-bg-shape.png);
    background-repeat: no-repeat;    
    background-position: center 60px;
    opacity: 0.5;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    animation:4s installation infinite alternate;
}
.ar-unlck-heading {
    background-color: #312a44;
    display: inline-block;
    border-radius: 40px;
    padding: 5px 40px 5px 120px;
    position: relative;
}
.ar-unlck-heading img {
    display: block;
    position: absolute;
    top: -60px;
    left: -70px;
}
.ar-unlck-heading p{    
    border-radius: 30px;
    display: inline-block;        
    text-align: center;
    font-size: 44px;
    font-weight: 800;
    text-transform: capitalize;
    background: -moz-linear-gradient(to right, #f34491 30%, #fcc257 50%);
    background: -webkit-linear-gradient(to right, #f34491 30%, #fcc257 50%);
    background: -ms-linear-gradient(to right, #f34491 30%, #fcc257 50%);
    background: linear-gradient(to right, #f34491 30%, #fcc257 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "K2D";
}
.ar-unlck-sb-heading {
    max-width: 910px;
    width: 100%;
    margin: 40px auto 0 auto;
    border-radius: 20px;
    background-color: rgba(0,0,0,0.302);
    position: relative;
    padding: 15px 20px;
}
.ar-unlck-sb-heading h4{
    font-size: 54px;        
    font-weight: 800;    
    color: #fff;
}
.ar-unlck-sb-heading h4 span{
    text-transform: capitalize;
    background: -moz-linear-gradient(to right, #0dccff 30%, #4760ff 50%);
    background: -webkit-linear-gradient(to right, #0dccff 30%, #4760ff 50%);
    background: -ms-linear-gradient(to right, #0dccff 30%, #4760ff 50%);
    background: linear-gradient(to right, #0dccff 30%, #4760ff 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.ar-unlck-sb-heading img:first-child.ar-orange-line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -4px;
}
.ar-unlck-sb-heading img.ar-yellow-line{    
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -4px;
}
.ar-unlck-slider-main {
    position: relative;
    margin-top: 50px;
    overflow: hidden;
}

.ar-unlck-slider-main .swiper-wrapper{
    align-items: center;    
    text-align: center;
}

.ar-unlck-slider-main:before {
    content: '';
    width: 200px;
    height: 300px;
    background-image: -moz-linear-gradient(-90deg, rgba(17,19,47,0) 0%, rgba(17,19,47,0) 34%, rgba(17,19,47,0.9999999999999999) 76%, rgba(17,19,47,0.9999999999999999) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgba(17,19,47,0) 0%, rgba(17,19,47,0) 34%, rgba(17,19,47,0.9999999999999999) 76%, rgba(17,19,47,0.9999999999999999) 100%);
    background-image: -ms-linear-gradient(-90deg, rgba(17,19,47,0) 0%, rgba(17,19,47,0) 34%, rgba(17,19,47,0.9999999999999999) 76%, rgba(17,19,47,0.9999999999999999) 100%);
    background-image: linear-gradient(-90deg, rgba(17,19,47,0) 0%, rgba(17,19,47,0) 34%, rgba(17,19,47,0.9999999999999999) 76%, rgba(17,19,47,0.9999999999999999) 100%);
    position: absolute;
    top: 0px;
    left: -20px;
    z-index: 9;
}
.ar-unlck-slider-main:after {
    content: '';
    width: 200px;
    height: 300px;
    background-image: -moz-linear-gradient(90deg, rgba(17,19,47,0) 0%, rgba(17,19,47,0) 34%, rgba(17,19,47,0.9999999999999999) 76%, rgba(17,19,47,0.9999999999999999) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(17,19,47,0) 0%, rgba(17,19,47,0) 34%, rgba(17,19,47,0.9999999999999999) 76%, rgba(17,19,47,0.9999999999999999) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(17,19,47,0) 0%, rgba(17,19,47,0) 34%, rgba(17,19,47,0.9999999999999999) 76%, rgba(17,19,47,0.9999999999999999) 100%);
    background-image: linear-gradient(90deg, rgba(17,19,47,0) 0%, rgba(17,19,47,0) 34%, rgba(17,19,47,0.9999999999999999) 76%, rgba(17,19,47,0.9999999999999999) 100%);
    position: absolute;
    top: 0px;    
    right: -20px;
    z-index: 9;
}
.ar-slider-nav .swiper-button-prev, .ar-slider-nav .swiper-button-next {
    width: 50px;
    height: 50px;
    border-radius: 30px;
    background-image: -moz-linear-gradient(78deg, #ff404f 0%, #fdc159 100%);        
    background-image: -webkit-linear-gradient(78deg, #ff404f 0%, #fdc159 100%);        
    background-image: -ms-linear-gradient(78deg, #ff404f 0%, #fdc159 100%);        
    background-image: linear-gradient(78deg, #ff404f 0%, #fdc159 100%);        
}
.ar-slider-nav .swiper-button-prev:after, .ar-slider-nav .swiper-button-next:after{
    font-size: 15px;
    font-weight: 900;
    color: #fff;
}
.ar-slider-nav .swiper-button-prev{
    left:20px;
}
.ar-slider-nav .swiper-button-next{
    right:20px;
}
.ar-unlck-optns {
    margin: 50px 0 0 0;
    position: relative;
}
.ar-unlck-optns ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
.ar-unlck-optns ul li{    
    margin-right: 30px;
}
.ar-unlck-optns ul li:last-child{
    margin-right: 0;
}
.ar-unlck-optns ul li a img{
    display: block;
    margin-right: 15px;
}
.ar-unlck-optns ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;    
    border-radius: 50px;
    background-image: url(../images/unlimited-design.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 15px 30px;
    font-family: "Inter";
    transition: all 0.3s;
}
.ar-unlck-optns ul li a:hover{
    transform: translateY(-5px);
    color: #dd65ff;
}
.ar-unlck-optns ul li:nth-child(2) a{
    background-image: url(../images/unique-images.png);
}
.ar-unlck-optns ul li:last-child a{
    background-image: url(../images/commercial-use.png);
}
.ar-arrow a {
    display: block;
    margin: 40px auto;
    text-align: center;
    animation: 2s up-down infinite alternate;
    cursor: auto;
}
@keyframes up-down {
    0% {
        transform: translateY(0px);        
    }
    50% {
        transform: translateY(-10px);        
    }
}
.ar-arrow a svg{
    fill: #fff;
}
.ar-unlck-slider-img img {
    border-radius: 10px;
}
/* Unlock Slider Section css End */

/* Steps Section css Start */
.ar-steps-wrapper {
    background-image: url(../images/step-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -120px;
    position: relative;
    padding-bottom: 42px;
    padding-top: 30px;
    z-index: 1;
}
.ar-steps-wrapper:before {
    content: '';
    background-image: url(../images/step-bg-shape.png);
    background-repeat: no-repeat;
    background-position: -50px center;
    position: absolute;
    opacity: 0.5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    animation:4s installation infinite alternate;
}
.ar-steps-heading {
    max-width: 770px;
    width: 100%;
    margin: auto;
    border-radius: 20px;
    background-color: #1d2146;
    position: relative;
    padding: 10px 20px 50px;
    text-align: center;
    margin-top: -70px;
}
.ar-steps-heading h1 {
    font-size: 54px;
    color: #fff;
    font-weight: 800;
    text-transform: capitalize;
}
.ar-steps-heading span{
    font-size: 54px;
    font-weight: 800;
    text-transform: capitalize;
    background: -moz-linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background: -webkit-linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background: -ms-linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background: linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
    font-family: "K2D";
}
.ar-step-sub-heading {
    display: inline-block;
    text-align: center;
    padding: 0px 35px;
    background-image: -moz-linear-gradient(71deg, #c7208f 0%, #6a14d1 100%);
    background-image: -webkit-linear-gradient(71deg, #c7208f 0%, #6a14d1 100%);
    background-image: -ms-linear-gradient(71deg, #c7208f 0%, #6a14d1 100%);
    background-image: linear-gradient(71deg, #c7208f 0%, #6a14d1 100%);
    border-radius: 40px;
    font-size: 46px;
    font-weight: 800;
    color: #fff;
    font-family: "K2D";
    text-align: center;
    position: absolute;
    bottom: -35px;
    min-width: 540px;
    left: 50%;
    transform: translateX(-50%);
}
.ar-steps-boxes-parent {
    padding-top: 150px;
    position: relative;
}
.ar-steps-boxes-parent img.step-shape-line {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.ar-step-box {
    background-image: url(../images/step-bg1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 454px;
    border-radius: 0 20px 20px 20px;
}
.ar-step-box2{
    background-image: url(../images/step-bg2.png);
}
.ar-step-box3{
    background-image: url(../images/step-bg3.png);
}
.ar-step-box img.ar-steps {
    position: absolute;
    top: -45px;
    left: 0;
}
.ar-step-inner {
    padding: 100px 15px 40px 15px;
}
.ar-step-inner img {
    display: block;
    margin: auto;
    z-index: 2;
    position: relative;
    transition: all 0.3s;
}
.ar-step-box:hover .ar-step-inner img{
    transform: translateY(-5px);
}
.ar-step-inner h4 {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    font-family: "K2D";
    text-align: center;
    padding-top: 40px;
    max-width: 260px;
    width: 100%;
    margin: auto;
    transition: all 0.3s;
}
.ar-step-box:hover .ar-step-inner h4{    
    color: #dd65ff;
}
.ar-step-inner p{    
    font-size: 18px;    
    font-weight: 400;
    color: #b3b6d3;
    font-family: "Inter";
    text-align: center;
    padding-top: 15px;
}
.ar-steps-heading img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -3px;
}
.ar-steps-heading img.ar-step-left-line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: -3px;
}
.ar-steps-wrapper .ar-arrow a {
    display: block;
    margin: 45px auto;
    text-align: center;
}
/* Steps Section css End */

/* Feature Section css Start */
.ar-feature-wrapper {
    background-image: url(../images/feature-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 70px 0 0;
    margin-top: -60px;
    padding-bottom: 70px;
    position: relative;
    z-index: 0;
}
.ar-feature-wrapper:before {
    content: '';
    background-image: url(../images/feature-bg-shape.png);
    background-repeat: no-repeat;
    background-position: center;    
    opacity: 0.5;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    animation:4s installation infinite alternate;
}
.ar-feature-wrapper .container-fluid{
    padding: 0 200px;
}
.ar-feature-main-parent{
    position: relative;
}
.ar-feature-heading {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    border-radius: 60px;
    background-image: -moz-linear-gradient(70deg, rgba(241,141,38,0.996078431372549) 0%, rgba(253,100,79,0.9999999999999999) 100%);
    background-image: -webkit-linear-gradient(70deg, rgba(241,141,38,0.996078431372549) 0%, rgba(253,100,79,0.9999999999999999) 100%);
    background-image: -ms-linear-gradient(70deg, rgba(241,141,38,0.996078431372549) 0%, rgba(253,100,79,0.9999999999999999) 100%);
    background-image: linear-gradient(70deg, rgba(241,141,38,0.996078431372549) 0%, rgba(253,100,79,0.9999999999999999) 100%);
    padding: 15px 30px;
    position: relative;
    margin-bottom: 80px;
}
.ar-feature-heading h1{
    font-size: 54px;    
    color: #fff;
    font-weight: 800;
    font-family: "K2D";
    text-align: center;
}
.ar-feature-heading img.feature-top-heading-shap {
    position: absolute;
    top: -10px;
    left: -10px;    
}
.ar-feature-heading img.feature-btm-heading-shap {
    position: absolute;
    right: -10px;
    bottom: -10px;
    transform: rotate(180deg);
}
.ar-feature-box{    
    background-color: #1e1f39;
    border-radius: 25px;
    padding: 50px;
    margin-bottom: 60px;
}
.ar-feature-box.ar-feature-box-2.small-line-left.feature-commercial {
    margin-bottom: 0;
}
.ar-feature-box-2 .ar-feature-right > img { 
    display: block;
    margin: auto;
}
.ar-feature-box-2 .ar-feature-right-text {
    max-width: 525px; 
    margin-top: 50px;
    margin-left: 120px;
}
.ar-feature-box-2 .ar-feature-purple img {
    position: absolute;
    top: -55px;
    left: 120px;
    right: auto;
    margin: auto;
}
.ar-feature-box-2 .ar-feature-left > span { 
    max-width: 450px;
    color: #fff;
    font-weight: 600;
}
.ar-feature-left {
    padding-left: 20px;
}
.ar-feature-left h4 {
    min-width: 400px;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    gap: 10px;
    background-image: -moz-linear-gradient(70deg, rgba(241,141,38,0.996078431372549) 0%, rgba(253,100,79,0.9999999999999999) 100%);
    background-image: -webkit-linear-gradient(70deg, rgba(241,141,38,0.996078431372549) 0%, rgba(253,100,79,0.9999999999999999) 100%);
    background-image: -ms-linear-gradient(70deg, rgba(241,141,38,0.996078431372549) 0%, rgba(253,100,79,0.9999999999999999) 100%);
    background-image: linear-gradient(70deg, rgba(241,141,38,0.996078431372549) 0%, rgba(253,100,79,0.9999999999999999) 100%);
    padding: 10px 25px 10px 15px;
    border-radius: 0px 40px 40px 0;
    font-size: 34px;
    color: #fff;
    font-weight: 800;
    position: relative;
}
.ar-feature-left h4:before {
    content: '';
    width: 4px;    
    background: #fff;
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: 0;
}
.ar-feature-left h4 img{
    width: 40px;
    height: auto;
    display: inline-block;
}
.ar-feature-left > span, .ar-feature-left p {
    font-size: 18px;
    color: #b3b6d3;
    font-weight: 400;
    font-family: "Inter";
    display: block;
}
.ar-feature-left > span {
    padding: 40px 0 20px 0px;
    color: #fff;
    font-weight: 600;
    max-width: 580px;
    width: 100%;
}
.ar-feature-left p span{
    color: #fff;
    font-weight: 500;
    font-family: "Inter";
}
.ar-feature-right-main {
    display: flex;
    justify-content: center;
    align-items: end;
}
.ar-feature-right-text {
    max-width: 300px;
    width: 100%;
    border-radius: 10px;
    background-color: #2b2c45;
    border: 2px dashed #5b4c6f;
    position: relative;
    padding: 30px 20px 20px 20px;
}
.ar-feature-right-text h4 {
    max-width: 90px;
    width: 100%;
    padding: 5px;
    border-radius: 20px;
    background-image: -moz-linear-gradient(70deg, #f772d1 0%, #c772f1 100%);
    background-image: -webkit-linear-gradient(70deg, #f772d1 0%, #c772f1 100%);
    background-image: -ms-linear-gradient(70deg, #f772d1 0%, #c772f1 100%);
    background-image: linear-gradient(70deg, #f772d1 0%, #c772f1 100%);
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    font-family: "Inter";
    text-align: center;
    text-transform: capitalize;
    position: absolute;
    top: -15px;
    left: 15px;
}
.ar-feature-right-text.ar-feature-yellow {
    margin-left: 20px;
}
.ar-feature-yellow h4{
    background-image: -moz-linear-gradient(70deg, #f73700 0%, #f39207 100%);
    background-image: -webkit-linear-gradient(70deg, #f73700 0%, #f39207 100%);
    background-image: -ms-linear-gradient(70deg, #f73700 0%, #f39207 100%);
    background-image: linear-gradient(70deg, #f73700 0%, #f39207 100%);
}
.ar-feature-right-text p{
    font-size: 16px;    
    font-weight: 400;
    color: #fff;
    font-family: "Inter";
}
.ar-feature-purple img {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    margin: auto;
}
.ar-feature-yellow img {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    margin: auto;
}
.feature-upscaler .ar-feature-left p {
    padding-top: 30px;
}
.ar-feature-right img {
    display: block;
    margin: auto;
}
.ar-feature-wrapper .ar-arrow a {    
    margin: 50px auto; 
}
.ar-feature-box:nth-last-of-type(2n+1) .row{
    flex-direction: row-reverse;
}
.feature-unlimited .ar-feature-right img {
    max-width: 320px;
    width: 100%;
    height: auto;
    margin-top: -50px;
}
.feature-commercial .ar-feature-right img {
    max-width: 320px;
    width: 100%;
    height: auto;    
}
.ar-feature-left h4.arNewTag{
    padding-top: 20px;
}
.arNewTag span {
    font-size: 22px;
    font-weight: 500;
    color: #f74d2f;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50px;
    padding: 5px 15px;
    position: absolute;
    top: -22px;
    left: 15px;
}
/* Feature Section css End */

/* Feature2 section css start */
.ar-feat2-wrapper {
    padding-top: 20px;
}
.ar-feat2-main-head {
    padding: 0 10px;
}
.ar-feat2-heading {
    max-width: 800px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 20px 10px !important;
    margin-top: 0;
}
.ar-feat2-heading h1{
    font-size: 54px;
    font-weight: 800;
    color: #fff;
    text-transform: capitalize;
}
.ar-feat2-sbhead {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background-image: linear-gradient(70deg, rgba(241,141,38,0.99) 0%, rgba(253,100,79,0.99) 100%);
    padding: 7px 20px;
    border-radius: 60px;
    display: inline-flex;
    margin-top: 30px;
}
.ar-feat2-slider {
    position: relative;
    overflow: hidden;
    margin: 50px 0;
}
.ar-feat2-slider .swiper-wrapper{
    align-items: center;
}
.ar-feat2-img, .ar-feat2-img img{ 
    border-radius: 10px;
}
.ar-feat2-wrapper .ar-earn-slider-nav .swiper-button-prev {
    left: -70px;
}
.ar-feat2-wrapper .ar-earn-slider-nav .swiper-button-next {
    right: -70px;
}
/* Feature2 section css end */

/* Earn Slider Section css Start */
.ar-earn-slider-wrapper {
    background-image: url(../images/earn-slider-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 90px;
    margin-top: -68px;
    position: relative;
    z-index: 1;
}
.ar-earn-slider-wrapper:before {
    content: '';
    background-image: url(../images/ear-slider-bg-shape.png);
    background-repeat: no-repeat;
    background-position: -150px 100px;
    position: absolute;
    opacity: 0.5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    animation:4s installation infinite alternate;
}
.ar-earn-slider-wrapper .ar-steps-heading {
    max-width: 900px;
    padding: 15px 20px;
    margin-top: -140px;
}
.ar-earn-slider-wrapper .ar-steps-heading h1 { 
    text-transform: capitalize;
}
.ar-steps-heading h1 > span {
    font-size: 54px;
    font-weight: 800;
    text-transform: capitalize;
    background: -moz-linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background: -webkit-linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background: -ms-linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background: linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "K2D";
    display: inline-block;
}
.ar-earn-sb-heading {
    text-align: center;
    padding: 50px 0 40px 0;
    position: relative;
}
.ar-earn-sb-heading h4{    
    min-width: 500px;
    display: inline-block;   
    padding: 10px 30px;
    border-radius: 30px;
    background-image: -moz-linear-gradient( 20deg, rgb(13,204,255) 0%, rgb(71,96,255) 100%);
    background-image: -webkit-linear-gradient( 20deg, rgb(13,204,255) 0%, rgb(71,96,255) 100%);
    background-image: -ms-linear-gradient( 20deg, rgb(13,204,255) 0%, rgb(71,96,255) 100%);                   
    background-image: linear-gradient( 20deg, rgb(13,204,255) 0%, rgb(71,96,255) 100%);                       
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
}
.ar-earn-sb-heading h4 span {    
    text-decoration: underline;
    color: #fff600;
}  
.ar-earn-slider-box {
    border-radius: 20px;
    background-color: rgb(16, 34, 67);
    padding: 35px 20px 25px 20px;
    text-align: center;
}
.ar-earn-icon img{
    display: block;
    margin: auto;
}  
.ar-earn-content h4 {
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    text-align: center;    
    margin: auto;
    padding: 30px 0 15px 0;
}
.ar-earn-content p{
    font-size: 18px;
    font-weight: 400;
    color: #b3b6d3;;
}
.ar-earn-slider-main, .ar-earn-mm-slider{
    position: relative;
    overflow: hidden;
}
.ar-earn-slider-main .swiper-wrapper, .ar-earn-mm-slider .swiper-wrapper {
    align-items: center;
    text-align: center;
}
.ar-earn-slider-nav .swiper-button-prev, .ar-earn-slider-nav .swiper-button-next {
    top: 75%;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    background-image: -moz-linear-gradient(70deg, #0dcbff 0%, #4760ff 100%);
    background-image: -webkit-linear-gradient(70deg, #0dcbff 0%, #4760ff 100%);
    background-image: -ms-linear-gradient(70deg, #0dcbff 0%, #4760ff 100%);
    background-image: linear-gradient(70deg, #0dcbff 0%, #4760ff 100%);    
}
.ar-earn-slider-nav .swiper-button-prev:after, .ar-earn-slider-nav .swiper-button-next:after{
    font-size: 15px;
    font-weight: 900;
    color: #fff;
}
.ar-earn-slider-nav .swiper-button-prev{
    left:20px;
}
.ar-earn-slider-nav .swiper-button-next{
    right:20px;
}
.ar-earn-slider-main:before, .ar-earn-mm-slider:before {
    content: '';
    width: 200px;
    height: 390px;
    background-image: -moz-linear-gradient(-90deg, rgba(17,19,47,0) 0%, rgba(17,19,47,0) 34%, rgba(17,19,47,0.9999999999999999) 76%, rgba(17,19,47,0.9999999999999999) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgba(17,19,47,0) 0%, rgba(17,19,47,0) 34%, rgba(17,19,47,0.9999999999999999) 76%, rgba(17,19,47,0.9999999999999999) 100%);
    background-image: -ms-linear-gradient(-90deg, rgba(17,19,47,0) 0%, rgba(17,19,47,0) 34%, rgba(17,19,47,0.9999999999999999) 76%, rgba(17,19,47,0.9999999999999999) 100%);
    background-image: linear-gradient(-90deg, rgba(17,19,47,0) 0%, rgba(17,19,47,0) 34%, rgba(17,19,47,0.9999999999999999) 76%, rgba(17,19,47,0.9999999999999999) 100%);
    position: absolute;
    top: 0px;
    left: -20px;
    z-index: 9;
}
.ar-earn-slider-main:after, .ar-earn-mm-slider:after {
    content: '';
    width: 200px;
    height: 390px;
    background-image: -moz-linear-gradient(90deg, rgba(17,19,47,0) 0%, rgba(17,19,47,0) 34%, rgba(17,19,47,0.9999999999999999) 76%, rgba(17,19,47,0.9999999999999999) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(17,19,47,0) 0%, rgba(17,19,47,0) 34%, rgba(17,19,47,0.9999999999999999) 76%, rgba(17,19,47,0.9999999999999999) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(17,19,47,0) 0%, rgba(17,19,47,0) 34%, rgba(17,19,47,0.9999999999999999) 76%, rgba(17,19,47,0.9999999999999999) 100%);
    background-image: linear-gradient(90deg, rgba(17,19,47,0) 0%, rgba(17,19,47,0) 34%, rgba(17,19,47,0.9999999999999999) 76%, rgba(17,19,47,0.9999999999999999) 100%);
    position: absolute;
    top: 0px;    
    right: -20px;
    z-index: 9;
}
.earn-purple-bg h4{
    background-image: -moz-linear-gradient( 20deg, rgb(153,41,234) 0%, rgb(88,8,251) 100%);
    background-image: -webkit-linear-gradient( 20deg, rgb(153,41,234) 0%, rgb(88,8,251) 100%);
    background-image: -ms-linear-gradient( 20deg, rgb(153,41,234) 0%, rgb(88,8,251) 100%);
    background-image: linear-gradient( 20deg, rgb(153,41,234) 0%, rgb(88,8,251) 100%);
}  
.ar-earn-mm-slider-nav .swiper-button-prev, .ar-earn-mm-slider-nav .swiper-button-next {
    width: 50px;
    height: 50px;
    border-radius: 30px;
    background-image: -moz-linear-gradient( 20deg, rgb(153,41,234) 0%, rgb(88,8,251) 100%);
    background-image: -webkit-linear-gradient( 20deg, rgb(153,41,234) 0%, rgb(88,8,251) 100%);
    background-image: -ms-linear-gradient( 20deg, rgb(153,41,234) 0%, rgb(88,8,251) 100%);
    background-image: linear-gradient( 20deg, rgb(153,41,234) 0%, rgb(88,8,251) 100%);
}
/* Earn Slider Section css End */

/* Goal Section css Start */
.ar-goal-wrapper {
    background-image: url(../images/goal-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
    margin-top: -90px;
    position: relative;
    z-index: 0;
}
.ar-goal-wrapper:before{
    content: '';
    background-image: url(../images/goal-bg-shape.png);
    background-repeat: no-repeat;
    background-position: center;    
    position: absolute;
    opacity: 0.5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    animation:4s installation infinite alternate;
}
.ar-goal-heading {
    margin-top: -105px;
    position: relative;
    z-index: 9;
}
.ar-goal-heading, .ar-goal-sb-heading{
    text-align: center;
}
.ar-goal-heading h1{
    display: inline-block;
    min-width: 800px;
    padding: 10px 20px;
    background-color: #1d2146;
    border-radius: 50px;
    font-size: 54px;    
    color: #fff;
    font-weight: 800;    
    text-align: center;
    text-transform: capitalize;
}
.ar-goal-sb-heading {
    padding-top: 30px;
    padding-bottom: 50px;
}
.ar-goal-sb-heading h2{
    display: inline-block;
    min-width: 900px;
    padding: 10px 20px;
    background-image: -moz-linear-gradient(70deg, #f772d1 0%, #c772f1 100%);
    background-image: -webkit-linear-gradient(70deg, #f772d1 0%, #c772f1 100%);
    background-image: -ms-linear-gradient(70deg, #f772d1 0%, #c772f1 100%);
    background-image: linear-gradient(70deg, #f772d1 0%, #c772f1 100%);
    border-radius: 30px;
    font-size: 54px;    
    color: #fff;
    font-weight: 800;    
    text-align: center;
    text-transform: capitalize;
}
.ar-goal-box {
    background-image: url(../images/g1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    
    border-radius: 20px;
    padding: 50px 30px;
}
.ar-goal-wrapper .row .col-lg-4:nth-child(2) .ar-goal-box{
    background-image: url(../images/g2.png);
}
.ar-goal-wrapper .row .col-lg-4:nth-child(3) .ar-goal-box{
    background-image: url(../images/g3.png);
}
.ar-goal-wrapper .row .col-lg-4:nth-child(4) .ar-goal-box{
    background-image: url(../images/g4.png);
}
.ar-goal-wrapper .row .col-lg-4:nth-child(5) .ar-goal-box{
    background-image: url(../images/g5.png);
}
.ar-goal-wrapper .row .col-lg-4:nth-child(6) .ar-goal-box{
    background-image: url(../images/g6.png);
}
.ar-goal-wrapper .row .col-lg-4:nth-child(7) .ar-goal-box{
    background-image: url(../images/g7.png);
}
.ar-goal-wrapper .row .col-lg-4:nth-child(8) .ar-goal-box{
    background-image: url(../images/g8.png);
}
.ar-goal-wrapper .row .col-lg-4:last-child .ar-goal-box{
    background-image: url(../images/g9.png);
}
.ar-goal-img img{
    display: block;
    margin: auto;
    transition: all 0.3s;
}
.ar-goal-box:hover .ar-goal-img img{
    transform: translateY(-5px);
}
.ar-goal-content h4 {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    text-align: center;
    text-transform: capitalize;
    padding: 40px 0 15px 0;
    transition: all 0.3s;
}
.ar-goal-box:hover .ar-goal-content h4{
    color: #dd65ff;
}
.ar-goal-content p {
    font-size: 18px;
    font-weight: 400;
    color: #b3b6d3;
    font-family: "Inter";
    text-align: center;
    max-width: 250px;
    width: 100%;
    margin: auto;
}  
.ar-earn-slider-wrapper .ar-goal-heading {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: 0;
}
.ar-goal-feat {
    max-width: 1100px;
    width: 100%;
    margin: auto;
    padding-bottom: 40px;
    text-align: center;
}
.ar-goal-feat > h4 {
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: #fff;
    padding: 15px 30px;
    margin-top: 60px;
    display: inline-block;
    background: linear-gradient(70deg, rgba(241,141,38,0.99) 0%, rgba(253,100,79,0.99) 100%);
    border-radius: 50px;
}
.ar-goal-feat-box{
    position: relative;
}
.ar-goal-feat-box::before, .ar-goal-feat-box::after{
    content: '';
    background-color: #09f2ef;
    height: 8px;
    position: absolute;
    left: 40px;
    right: 40px;
}
.ar-goal-feat-box::before{
    top: 0;
    border-radius: 0 0 30px 30px;
}
.ar-goal-feat-box::after{
    bottom: 0;
    border-radius: 30px 30px 0 0;
}
.ar-goal-feat-box2::before, .ar-goal-feat-box2::after{
    background-color: #d926ff;
}
.ar-goal-feat-box3::before, .ar-goal-feat-box3::after{
    background-color: #ff840c;
}
.ar-goal-feat-box4::before, .ar-goal-feat-box4::after{
    background-color: #208eff;
}
.ar-goal-feat-box5::before, .ar-goal-feat-box5::after{
    background-color: #8ace4e;
}
.ar-goal-feat-inner{
    background-color: #1a1d44;
    border: 1px solid #09f2ef;
    border-radius: 10px;
    padding: 50px 30px;    
    text-align: center;
}
.ar-goal-feat-box2 .ar-goal-feat-inner{
    border: 1px solid #d926ff;
}
.ar-goal-feat-box3 .ar-goal-feat-inner{
    border: 1px solid #ff840c;
}
.ar-goal-feat-box4 .ar-goal-feat-inner{
    border: 1px solid #208eff;
}
.ar-goal-feat-box5 .ar-goal-feat-inner{
    border: 1px solid #8ace4e;
}
.ar-goal-feat-content h4{
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    padding-top: 30px;
}
/* Goal Section css End */

/* Fact Section css Start */
.ar-fact-wrapper {
    background-image: url(../images/fact-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: -96px;
    padding: 145px 0;
    position: relative;
    z-index: 1;
}
.ar-fact-wrapper:before {
    content: "";
    background-image: url(../images/fact-bg-shape.png);
    background-repeat: no-repeat;
    background-position: center -90px;
    opacity: 0.5;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    animation:4s installation infinite alternate;
}
.ar-fact-wrapper .ar-steps-heading {
    max-width: 700px;
    padding: 10px 20px 10px;
    margin-top: -140px;
}
.ar-fact-content {
    background-image: url(../images/money-back-bg2.png);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin-top: 60px;
    text-align: center;
    z-index: 1;
} 
.ar-fact-content h4 {
    font-size: 44px;
    font-weight: 800;
    text-transform: capitalize;
    background: -moz-linear-gradient(to top, #ac812b 30%, #fec554 50%);
    background: -webkit-linear-gradient(to top, #ac812b 30%, #fec554 50%);
    background: -ms-linear-gradient(to top, #ac812b 30%, #fec554 50%);
    background: linear-gradient(to top, #ac812b 30%, #fec554 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 50px 0 40px 0;
}  
.ar-fact-content p {
    font-size: 24px;
    font-weight: 500;
    color: #0d1443;
    max-width: 790px;
    margin: auto;
}
p.ar-para2 {
    padding: 40px 0 60px 0;
}
p.ar-para4 {
    padding-top: 30px;
    padding-bottom: 250px;
}
.ar-fact-big-img {
    margin-top: 50px;    
}
.ar-fact-big-img img {    
    display: block;
    margin: auto;
}
/* Fact Section css End */

/* Pricing Section css Start */ 
.ar-pricing-wrapper {
    background-image: url(../images/price-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
    margin-top: -100px;
    position: relative;
    z-index: 0;
}
.ar-pricing-wrapper:before{
    content: '';
    background-image: url(../images/pricing-bg-shape.png);
    background-repeat: no-repeat;
    background-position: center 180px;
    position: absolute;
    opacity: 0.5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    animation:4s installation infinite alternate;
}
.ar-pricing-wrapper .container-fluid{
    padding: 0 200px;
}
.ar-pricing-wrapper .ar-steps-heading {
    max-width: 850px;
    padding: 10px 20px 10px;
    margin-top: -130px;
    z-index: 9;
}
.ar-price-main-parent {
    padding-top: 280px;
}
.ar-price-main {
    padding: 0px 0 30px 0px;
    position: relative;
    background: #181b3a;
    position: relative;
    border: 3px dotted #b51afc;
    border-top: 0;
    border-radius: 0 0 20px 20px;
    max-width: 750px;
    width: 100%;
    margin: auto;
}
.ar-price-comercial{
    position: relative;    
}
.ar-price-main::before {
    content: '';    
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 159px;
    position: absolute;
    top: -155px;
    left: -3px;
    right: -3px;
}
.ar-price-comercial::before{
    background-image: url(../images/table/table-blue.png);
}
.ar-price-premium::before{
    background-image: url(../images/table/table-pink.png);
}
.tableHeading {
    font-size: 33px;
    font-weight: 700;
    color: #fff;
    font-family: "K2D";
    text-transform: capitalize;
    position: absolute;
    top: -114px;
    left: 57%;
}
.ar-price-logo {
    max-width: 600px;
    width: 100%;
    margin: auto;
    position: absolute;
    top: -100px;
    left: 40px;
}
.ar-price-list {
    max-width: 650px;
    width: 100%;
    margin: auto;
}
.ar-price-list ul li{
    font-size: 26px;    
    color: #fff;
    font-weight: 400;
    font-family: "Inter";
    margin-bottom: 28px;
    text-transform: capitalize;
}
.ar-price-list ul li:last-child{
    margin-bottom: 0;
}
.ar-price-list ul li img{
    display: inline-block;
    margin-right: 20px;
    width: 33px;
    height: auto;
}
.ar-price-main-parent .ar-price-payment ul li:before{
    display: none;
}
.ar-price-payment {
    text-align: center;
}
.ar-price-payment h4 {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    text-align: center;
    text-transform: capitalize;
    padding: 40px 0 20px 0;
}
.ar-price-payment a {
    display: block;
    text-align: center;
}
.ar-price-payment a.ar-btn{
    margin: 10px 0 30px 0;
}
a.ar-btn {
    background-image: url(../images/btn-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 35px;
    color: #fff;
    font-weight: 800;
    font-family: "K2D";
    text-align: center;
    padding: 17px 0px;    
}
.ar-price-payment ul {
    padding: 20px 0 30px 0;
}
.ar-price-payment ul li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    position: relative;
}
.ar-price-payment ul li:before {
    content: '';
    width: 2px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    top: 3px;
    right: -10px;
}
.ar-price-payment ul li:last-child:before{
    display: none;
}
.ar-price-payment ul li a{
    font-size: 16px;    
    font-weight: 400;
    color: #fff;
    font-family: "Inter";
    text-align: center;
    text-transform: capitalize;
}
.ar-steps-heading.step-btm-heading {
    max-width: 850px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
}
/* Pricing Section css End */

/* Faq Section css Start */
.ar-faq-wrapper {
    background-image: url(../images/faq-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 186px 0 100px;
    margin-top: -125px;
    position: relative;
    z-index: 1;
}
.ar-faq-wrapper:before {
    content: '';
    background-image: url(../images/faq-bg-shape.png);
    background-repeat: no-repeat;
    background-position: 90px 100px;
    position: absolute;
    opacity: 0.5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    animation:4s installation infinite alternate;
}
.ar-faq-wrapper .ar-goal-heading {
    background-color: #1d2146;
    border-radius: 40px;
    max-width: 730px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -100px;
}
.ar-faq-wrapper .ar-goal-heading h1{
    min-width: 730px;
    text-transform: capitalize;    
    background-image: -moz-linear-gradient(to right, #4facfe 30%, #00f2fe 50%);
    background-image: -webkit-linear-gradient(to right, #4facfe 30%, #00f2fe 50%);
    background-image: -ms-linear-gradient(to right, #4facfe 30%, #00f2fe 50%);
    background-image: linear-gradient(to right, #4facfe 30%, #00f2fe 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}  
.ar-faq-parent {
    padding-top: 80px;
}
.accordion-header {
    margin-bottom: 0;
}
.ar-question-accordian .accordion-item {
    margin-bottom: 20px;
    border-radius: 10px;
    filter: drop-shadow(1.075px 2.801px 30px rgba(145, 72, 189, 0.2));
    background-color: #0d1d3d;    
    z-index: 1;
    position: relative;
    border: 2px dashed #00c0fa;        
}
.ar-question-accordian button.accordion-button {
    font-size: 24px;
    font-weight: 700;
    border-radius: 10px;
    color: #fff;
    background: #0d1d3d;
    font-family: "K2D";
    text-transform: capitalize;
    padding: 22px 25px;
}
.accordion-item:first-of-type .accordion-button {    
    background: transparent;
    color: #fff;
}
.accordion-button:focus { 
    box-shadow: none;
}
.ar-question-accordian button.accordion-button span {
    padding-right: 18px;
    width: 80px;
    height: 40px;
}
.accordion-button:not(.collapsed){
    box-shadow: none;
}
.ar-question-accordian .accordion-button::after {
    background-image: url("../images/faq-arrow-down.png");
    background-size: cover;
    width: 35px;
    height: 35px;
}
.ar-question-accordian .accordion-button:not(.collapsed)::after {
    background-image: url("../images/faq-arrow-down.png");
    width: 35px;
    height: 35px;
    transform: rotate(180deg);
}
.ar-question-accordian .accordion-body {
    padding: 0px 50px 20px 105px;
    background: #0d1d3d;
}
.ar-question-accordian .accordion-body p {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    font-family: "Inter";
}
/* Faq Section css End */

/* Testimonial Slider Section css Start */
.ar-temnl-wrapper {
    background-image: url(../images/temstmnl-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 80px 0 50px 0;
    margin-top: -110px;
    z-index: 0;
}
.ar-temnl-wrapper:before {
    content: '';
    background-image: url(../images/testimonial-bg-shape.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    animation:4s installation infinite alternate;
}
.ar-temnl-wrapper .container-fluid{
    padding: 0 120px;
}
.ar-faq-wrapper .testmnl-heading {
    background-color: #1d2146;
    border-radius: 40px;
    max-width: 550px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -90px;
}
.ar-faq-wrapper .testmnl-heading h1 {
    min-width: 550px;
    text-transform: capitalize;
    background: -moz-linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background: -webkit-linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background: -ms-linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background: linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ar-temnl-box {
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(8,9,24,0.6);
    background-color: #1c2041;
    padding: 40px;
    max-width: 770px;
    width: 100%;
    margin: auto;
}
.ar-temnl-top-heading {
    display: flex;
    align-items: center;
}
.ar-rating span, .ar-date p{
    font-size: 18px;    
    font-weight: 400;
    color: #fff;
    font-family: "Inter";
    text-transform: capitalize;
    display: inline-block;
}
.ar-rating {
    padding-right: 40px;
}
.ar-rating img {
    display: inline-block;
    margin-top: -5px;
    margin-right: 6px;
}
.ar-date p span{
    font-size: 14px;    
    color: #62b137;
    font-weight: 700;
    font-family: "Inter";
    text-transform: capitalize;
}
.ar-temnl-content h4{
    font-size: 26px;    
    font-weight: 700;    
    color: #fff;
    text-transform: capitalize;
    padding: 30px 0;
}
.ar-temnl-content p{
    max-width: 667px;    
    width: 100%;
    font-size: 18px;    
    font-weight: 400;
    color: #fff;
    font-family: "Inter";
}
.ar-temnl-content p:last-child{
    padding-top: 30px;
}
.ar-testmnl-slider-main {
    margin-top: 80px;
    overflow: hidden;
    position: relative;
    padding-bottom: 50px;
}
.ar-temnl-wrapper .ar-earn-slider-nav .swiper-button-prev {
    top: 290px;
    left: 95px;
}
.ar-temnl-wrapper .ar-earn-slider-nav .swiper-button-next {
    top: 290px;
    right: 95px;
}
.ar-testmnl-slider-main .swiper-pagination-bullet{
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #fff;
}
.ar-footer-pyment-main .ar-price-payment h4 {
    font-size: 46px;
    padding-bottom: 0;
}
.ar-footer-pyment-main .ar-price-payment span{
    font-size: 46px;
    font-weight: 800;
    text-transform: capitalize;
    background: -moz-linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background: -webkit-linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background: -ms-linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background: linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "K2D";
}
.ar-footer-pyment-main .ar-price-payment a.ar-btn {
    margin: 20px 0 20px 0;
}
.ar-goal-heading.testmnl-heading {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
}
/* Footer css Start */
.ar-footer-inner {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0px;
    border-radius: 20px;
    background-color: #252245;
    border: 2px solid #00c0fa;
    margin-top: 40px;
}
.ar-footer-heading h2 {
    font-size: 20px;
    color: #432552;
    font-weight: 500;
    width: 100%;
    max-width: 820px;
    margin: 0 auto 40px;
    text-align: center;
    padding-top: 35px;
    font-family: "Outfit";
}
.ar-footer-inner h2 {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    font-family: "Outfit";
    padding-top: 15px;
}
.ar-feedback-inner>span>p {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    margin: 0 auto;
    text-align: center;
    padding: 3px 0;
    text-transform: capitalize;
    margin-top: 15px;
    max-width: 279px;
    border-radius: 8px;
    font-family: "Outfit";
}
.ar-copywrite-btn h2 {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    padding: 13px 0 13px 30px;
    width: 100%;
    max-width: 680px;
    margin: 14px auto 16px;
    text-align: center;
    font-family: "Outfit";
}
.ar-location {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0 30px 0;
}
.ar-location img{
    display: block;
    position: relative;
    z-index: 1;
}
.ar-location p {
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    border-radius: 40px;
    background-color: #33314e;
    padding: 7px 25px 7px 55px;
    margin-left: -40px;
    font-family: "Outfit";
}
.ar-footer-links ul li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 50px;
    position: relative;
}
.ar-footer-links ul li:last-child{
    margin-right: 0;
}
.ar-footer-links ul li::before {
    content: '';
    width: 2px;
    height: 15px;
    background-color: #fff;
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);    
}
.ar-footer-links ul li:last-child::before{
    display: none;
}
.ar-footer-links ul li a{
    font-size: 20px;    
    text-decoration: underline;
    color: #fff;
    font-weight: 400;    
    text-transform: capitalize;
    font-family: "Outfit";    
    transition: all 0.3s;
}
.ar-footer-links ul li a:hover{
    color: #dd65ff;
}
.ar-footer-inner .ar-badge-box, .ar-footer-inner .ar-rating-box {    
    background: #2a2750;            
}
/* Footer css End */
/* Testimonial Slider Section css End */

/* Version 2 css start */
.ar-price-main-parent .row {
    justify-content: center;
}
/* Version 2 css start */

/* Extra Video CSS Start */
.ar-feature-video , .ar-feature-video video{
    width: 100%;
    min-height: 100%;
}
.ar-feature-video video, .ar-feature-video iframe, .feature-stylizer .ar-feature-right img {    
    border-radius: 20px;
    border: 2px solid #fb6949;
    box-shadow: 0px 0px 45px 0px rgba(251,105,73,0.4);
}
.feature-painting .ar-feature-video{
    text-align: center;
}
.feature-painting .ar-feature-video video {
    max-width: 500px;
    width: 100%;
    height: 555px;
}
.feature-stylizer .ar-feature-left > span{
    font-weight: 400;
    color: #b3b6d3;
}
.ar-goal-video-main{
    padding-bottom: 80px;
}
.ar-goal-video-main h4 {
    background-image: linear-gradient(to right, #f28e27 30%, #fd644f 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px;
    font-weight: 800;
    text-transform: capitalize;
    text-align: center;
    padding-bottom: 50px;
}
.ar-goal-sb-heading { 
    padding-bottom: 30px;
}
.ar-banner-video-box { 
    height: 425px;
}
/* Extra Video CSS End */

/* Add On Feature */
.ar-feature-right .swiper-button-next:after, .ar-feature-right .swiper-button-prev::after{
    display: none;
}
.ar-feature-right .swiper-button-next, .ar-feature-right .swiper-button-prev {
    width: 45px;
    height: 45px;
    top: 48%;
    border: none;
    box-shadow: none;
}
.ar-feature-right .swiper-button-next img, .ar-feature-right .swiper-button-prev img{
    border: none;
    box-shadow: none;
}
.ar-feature-right .swiper-button-next {
    right: -10px;
}
.ar-feature-right .swiper-button-prev {
    left: -10px;
}
.ar-feature-right{
    position: relative;
}
.ar-feature-right .swiper{
    overflow: hidden;
}
.ve_feature_slide_video_section{
    border-radius: 20px;
    width: 100%;
}
.ve_feature_slider_video {
    border-radius: 20px;    
    width: 100%;
    min-height: 100%;
}
.ve_feature_slider_video iframe {
    border-radius: 20px;       
}
/* Book cover slider */
.ar_feature_cover_img_slider{
    position: relative;
    padding-top: 50px;
}
.swiper.ar_feature_cover_img_slider_inner {
    overflow: hidden;
}
.ar_feature_slide_img {
    max-width: 250px;
    width: 100%;
    height: 315px;
    box-sizing: content-box;
    position: relative;
    border-radius: 7px;
    isolation: isolate;
    overflow: hidden;
    margin: auto;
}
.ar_feature_slide_img > img {
    object-fit: cover;
    border-radius: 6px;
    width: 100%;
    height: 100%;
}
.ar_feature_cover_img_slider .swiper-button-next:after, .ar_feature_cover_img_slider .swiper-button-prev::after{
    display: none;
}
.ar_feature_cover_img_slider .swiper-button-lock {
    display: block;
}
.ar_feature_cover_img_slider .swiper-button-next, .ar_feature_cover_img_slider .swiper-button-prev {
    width: 50px;
    height: 50px;
    top: 58%;
    border: none;
    box-shadow: none;
}
.ar_feature_cover_img_slider .swiper-button-next {
    right: -20px;
}
.ar_feature_cover_img_slider .swiper-button-prev {
    left: -20px;
}
/* Add On Feature */

/*================ Responsive CSS Start =======================*/
@media(max-width:1860px){
    .ar-pricing-wrapper .container-fluid {
        padding: 0 150px;
    }
}
@media(max-width:1850px){
    .ar-steps-wrapper img.top-left-line {        
        left: -100px;
    }
    .ar-steps-wrapper img.top-right-line {        
        right: -100px;
    }
}
@media(max-width:1750px){
    .ar-pricing-wrapper .container-fluid {
        padding: 0 15px;
    }
}
@media(max-width:1550px){
    .ar-feature-wrapper .container-fluid {
        padding: 0 100px;
    }
    .ar-feature-heading{
        margin-top: 50px;
    }
    .ar-feature-box-2 .ar-feature-right-text {     
        margin-left: 0;
    }
    .ar-temnl-wrapper .container-fluid {
        padding: 0 20px;
    }
    .ar-temnl-wrapper .ar-earn-slider-nav .swiper-button-prev {
        top: 330px;
        left: 10px;
    }
    .ar-temnl-wrapper .ar-earn-slider-nav .swiper-button-next {
        top: 330px;
        right: 10px;
    }
}
@media(max-width:1399px){
    .ar-feature-box {
        padding: 30px;     
    }
    .ar-feature-left {
        padding-left: 20px;
    }
    .ar-feature-right-text {
        padding: 25px 10px 10px 10px;
    }
    .ar-price-main {     
        background-size: contain;
    }
    .ar-price-logo {
        max-width: 200px;
        left: 20px;
    }   
    .ar-price-list { 
        max-width: 570px;        
    }
    .ar-price-list ul li {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .tableHeading {
        left: 56%;
        top: -102px;
    }
    /* .ar-price-main {
        max-width: 580px;
    } */
    .ar-price-main::before {
        top: -145px;
    }
}
@media(max-width:1199px){
    .ar-unlck-optns ul li { 
        margin-right: 20px;
    }
    .ar-unlck-optns ul li a {
        font-size: 20px;
        padding: 10px 20px;
    }
    .ar-steps-wrapper:before {
        background-position: -70px 120px;
    }
    .ar-feature-heading h1 {
        font-size: 40px;     
    }
    .ar-feature-wrapper .container-fluid {
        padding: 0 20px;
    }
    .ar-feature-heading {
        margin-top: 0;
        max-width: 850px;
    }
    .ar-feature-left h4 {
        font-size: 30px;        
        font-weight: 700;     
    }
    .ar-goal-sb-heading h2{
        font-size: 50px;
    }   
    .ar-price-logo, .ar-price-list {
        max-width: 510px;
    }
    .ar-price-list ul li {
        font-size: 18px;
        margin-bottom: 15px;
    }    
    .ar-price-logo img {
        width: 210px;
        height: auto;
        object-fit: contain;
    }
    .ar-price-payment h4 {
        font-size: 23px;        
        font-weight: 700;
        padding: 40px 10px 20px 10px;
    } 
    .ar-price-payment a.ar-btn {
        font-size: 25px;
    } 
    .ar-price-payment ul li {     
        margin-right: 10px;        
    }
    .ar-price-payment ul li a {
        font-size: 14px;       
    }  
    .ar-price-payment ul li:before {
        height: 15px;
        top: 3px;
        right: -8px;
    }
    .ar-question-accordian button.accordion-button {
        font-size: 20px;
        font-weight: 600;
        padding-left: 12px;
        padding-right: 12px;
    }
    .ar-question-accordian .accordion-body {
        padding: 0px 50px 20px 85px;     
    }
    .ar-question-accordian .accordion-body p {
        font-size: 16px;     
    }
    .ar-question-accordian button.accordion-button span {        
        width: 65px;     
    }
    .ar-temnl-box {
        padding: 30px
    }
    .ar-footer-links ul li {     
        margin-right: 40px;        
    } 
    .tableHeading {
        top: -85px;
        font-size: 25px;
    }      
    .ar-price-main {     
        border-width: 2px;
    }   
    .ar-price-main-parent {
        padding-top: 200px;
    }
    .ar-price-main {
        max-width: 510px;
    }
    .ar-price-main::before {
        top: -135px;
    }
    .ar-price-logo {
        max-width: 160px;
        top: -85px;
    }
    .ar-price-list {
        padding-left: 20px;
    }
    .feature-painting .ar-feature-video video {
        max-width: 441px;     
        height: 490px;
    }
    .ar-faq-wrapper:before{
        display: none;
    }
    .ar-banner-badge-flex {
        flex-wrap: wrap;
    }
    .feature-unlimited .ar-feature-right img {
        max-width: 250px;
        margin-top: -30px;
    }
    .feature-commercial .ar-feature-right img {
        max-width: 270px;     
    }
    .ar-feat2-wrapper .ar-earn-slider-nav .swiper-button-prev {
        left: 0px;
    }
    .ar-feat2-wrapper .ar-earn-slider-nav .swiper-button-next {
        right: 0px;
    }
}
@media(max-width:1100px){
    .tableHeading {
        top: -80px;
        font-size: 23px;
        font-weight: 600;
    }
    .ar-price-logo img {
        width: 180px;        
    }
    .ar-price-list {
        max-width: 460px;
    }
    .ar-price-list ul li {
        font-size: 17px;
        margin-bottom: 10px;
    }
    .ar-price-list ul li img {     
        margin-right: 15px;
        width: 25px;
        height: auto;
        object-fit: contain;
    }
    .ar-price-payment h4 {
        font-size: 20px;
        font-weight: 600;     
    }
    .ar-price-payment a.ar-btn {
        font-size: 22px;
        padding: 10px 0;
    }
    a.ar-price-btm-img img {
        width: 380px;
        height: auto;
        object-fit: contain;
    }      
    .ar-price-list {
        padding-left: 10px;
    } 
    .ar-price-main::before {
        top: -133px;
    }
}
@media(max-width:991px){
    .ar-unlck-optns ul li {
        margin-right: 10px;
    }
    .ar-unlck-optns ul li a {
        font-size: 18px;
        padding: 10px 10px;
    }
    .ar-unlck-optns ul li a img {     
        margin-right: 10px;
        width: 45px;
        height: 45px;
    }
    .ar-steps-heading {
        max-width: 600px;     
    }
    .ar-steps-heading h1, .ar-steps-heading span, .ar-steps-heading h1 > span{
        font-size: 40px;     
    }
    .ar-feat2-heading span {
        font-size: 22px;
    }
    .ar-step-sub-heading {
        font-size: 35px;
        bottom: -25px;
        min-width: 430px;
    }
    .ar-steps-wrapper {
        margin-top: -140px;
    }
    .ar-step-box.ar-step-box2 {
        margin: 50px 0;
    }
    .ar-steps-heading {
        margin-top: 0;
    }
    .ar-feature-wrapper {
        margin-top: -140px;
    }
    .ar-feature-left h4:before{
        display: none;
    }
    .ar-feature-left {     
        text-align: center;
    }
    .ar-feature-left h4{
        border-radius: 40px;
    }
    .ar-feature-left > span, .ar-feature-left p {
        margin: auto;
        padding-left: 0;
    }
    .ar-feature-box-2 .ar-feature-right-text {
        margin-left: auto;
        margin-right: auto;
    }    
    .ar-feature-main-parent .ar-feature-box:nth-child(3) .ar-feature-box-inner .ar-feature-right img, .ar-feature-main-parent .ar-feature-box:nth-child(4) .ar-feature-box-inner .ar-feature-right img, .ar-feature-main-parent .ar-feature-box:nth-child(5) .ar-feature-box-inner .ar-feature-right img, .ar-feature-main-parent .ar-feature-box:nth-child(7) .ar-feature-box-inner .ar-feature-right img, .ar-feature-main-parent .ar-feature-box:nth-child(8) .ar-feature-box-inner .ar-feature-right img, .ar-feature-main-parent .ar-feature-box:nth-child(9) .ar-feature-box-inner .ar-feature-right img, .ar-feature-main-parent .ar-feature-box:nth-child(10) .ar-feature-box-inner .ar-feature-right img, .ar-feature-main-parent .ar-feature-box:nth-child(12) .ar-feature-box-inner .ar-feature-right img{        
        margin-top: 30px;
    }
    .ar-earn-slider-wrapper .ar-steps-heading {
        max-width: 740px;     
    }
    .ar-goal-heading h1 {        
        min-width: 580px;
        font-size: 40px;        
        font-weight: 700;        
    }
    .ar-goal-sb-heading h2 {        
        min-width: 720px;
        font-size: 40px;        
        font-weight: 700;
    }
    .ar-fact-content {
        background-size: contain;        
    }
    .ar-fact-content h4 {
        font-size: 30px;
        padding: 20px 0;
    }
    .ar-fact-content p {
        font-size: 20px;
        max-width: 480px;
    }
    p.ar-para2 {
        padding: 20px 0;
    }
    p.ar-para4 {
        padding-top: 20px;
        padding-bottom: 170px;
    }
    .ar-steps-heading.step-btm-heading {
        max-width: 650px;
    }
    .ar-price-list {
        max-width: 100%;
        margin: auto;
        padding-left: 20px;
    }
    .ar-price-logo {
        max-width: 400px;
        width: 100%;
        margin: auto;
        padding-left: 0;
    }
    .ar-faq-wrapper .ar-goal-heading {
        max-width: 550px;
        margin-top: -90px;
    }
    .ar-faq-wrapper .ar-goal-heading h1 {
        min-width: 550px;
    }
    .ar-rating span, .ar-date p {
        font-size: 15px;
    }
    .ar-date p span {
        font-size: 13px;     
        font-weight: 600;        
    }
    .ar-temnl-content h4 {
        font-size: 20px;
        font-weight: 500;
        padding: 20px 0;
    }
    .ar-temnl-content p {
        font-size: 15px;
        font-weight: 300;     
    }
    .ar-temnl-wrapper {
        padding: 50px 0 50px 0;
    }
    .ar-faq-wrapper .ar-goal-heading.testmnl-heading {
        max-width: 350px;
    }
    .ar-faq-wrapper .ar-goal-heading.testmnl-heading h1 {
        min-width: 350px;
    }
    .ar-goal-heading.testmnl-heading {     
        bottom: 50px;
    }
    .ar-temnl-wrapper .ar-earn-slider-nav .swiper-button-prev, .ar-temnl-wrapper .ar-earn-slider-nav .swiper-button-next {
        top: 270px;     
    }
    .ar-footer-pyment-main .ar-price-payment h4, .ar-footer-pyment-main .ar-price-payment span{
        font-size: 40px;     
    }
    .ar-footer-links ul li {     
        margin-right: 25px;        
    }
    .ar-footer-links ul li a {
        font-size: 18px;
    }
    .ar-footer-links ul li::before {
        right: -15px;
    }
    .ar-steps-boxes-parent img.step-shape-line{
        display: none;
    }    
    .feature-stylizer .ar-feature-left > span {     
        padding-top: 20px;
    }
    .ar-feat2-wrapper {
        padding-top: 0;
    }
    .ar-price-main.ar-price-premium {     
        margin-top: 120px;
    }
    .ar-banner-video-box > img:first-child, .ar-banner-video-box img.ar-banr-shape-btm{
        display: none;
    }
    .ar-goal-video-main h4{
        font-size: 40px;
    }
    .ar-banner-video-box {
        height: 385px;
    }
    .ar-feature-left {
        padding-top: 30px;
    }
    .ar-feature-video {
        max-width: 600px;
        margin: auto;
    }        
    .feature-dynamic .ar-feature-left, .feature-creator .ar-feature-left, .feature-unlimited .ar-feature-left, .feature-thriving .ar-feature-left{ 
        padding-bottom: 0;
    }    
    .feature-dynamic .ar-feature-right img, .feature-unlimited .ar-feature-right img{
        margin-top: 0 !important;
    }
    .ar-temnl-wrapper {
        margin-top: -150px;     
    }
    .ar-goal-feat > h4 {        
        font-size: 30px; 
    }
    .ar-goal-feat {
        padding-bottom: 30px;
    }
    .ar-footer-inner .ar-banner-badge {
        max-width: 500px;        
    }
    .feature-stylizer img{
        max-width: 600px;
        width: 100%;
        margin: auto;
    }
    .arNewTag span {
        left: 0;
        right: 0;
        width: 80px;
        margin: auto;
    }
}
@media(max-width:767px){
    .ar-earn-slider-wrapper, .ar-fact-wrapper, .ar-pricing-wrapper{
        padding-left: 15px;
        padding-right: 15px;
    }
    .ar-banner-content h4 {        
        min-width: 350px;
        font-size: 22px;
        font-weight: 700;
    }
    .ar-banner-content h1, .ar-banner-content h2.ar-border{
        font-size: 40px;
    }
    .ar-unlck-optns ul {     
        flex-direction: column;
    }
    .ar-unlck-optns ul li {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .ar-unlck-optns ul li:last-child {     
        margin-bottom: 0px;
    }
    .ar-unlck-optns ul li a {
        font-size: 20px;
        padding: 15px 20px;
    }
    .ar-unlck-slider-wrapper {
        padding: 110px 0;
    }
    .ar-unlck-sb-heading {
        margin: 60px auto 0 auto;     
    }
    .ar-unlck-heading {        
        padding: 5px 40px 5px 100px;        
    }
    .ar-unlck-heading p {
        font-size: 30px;
    }
    .ar-unlck-sb-heading h4 {
        font-size: 40px;     
    }
    .ar-unlck-heading img {     
        left: -50px;
        width: 130px;
        height: 135px;
        object-fit: contain;
    }
    .ar-steps-heading h1, .ar-steps-heading span, .ar-steps-heading h1 > span{
        font-size: 35px;
    }
    .ar-feat2-heading span {
        font-size: 22px;
    }
    .ar-step-sub-heading {
        font-size: 25px;
        bottom: -15px;
        min-width: 310px;
        padding: 0 15px;
    }
    .ar-steps-heading {     
        padding-bottom: 35px;
    }
    .ar-feature-heading h1 {
        font-size: 30px;
        font-weight: 600;
    }
    .ar-feature-left h4 {
        font-size: 25px;
        font-weight: 600;
    }
    .ar-feature-left {
        padding-left: 0;
    }
    .ar-earn-slider-wrapper .ar-steps-heading {
        max-width: 600px;
    }
    .ar-earn-sb-heading h4 {
        min-width: unset;        
        padding: 10px 20px;
        font-size: 20px;
    }
    .ar-goal-heading h1 {        
        min-width: 530px;
        padding: 10px;
        font-size: 35px;
    }
    .ar-goal-sb-heading h2 {
        min-width: unset;
        font-size: 28px;
        font-weight: 700;
    }
    .ar-fact-content {
        background-size: cover;
    } 
    .ar-footer-pyment-main .ar-price-payment h4, .ar-footer-pyment-main .ar-price-payment span {
        font-size: 35px;
    }
    .ar-footer-inner h2, .ar-feedback-inner>span>p, .ar-location p{
        font-size: 18px;
    }
    .ar-steps-heading img.ar-step-left-line{
        right: 0;
    }
    .ar-steps-heading img{
        left: 0;
    }
    .ar-feat2-sbhead {
        font-size: 16px;
        padding: 7px 15px;
        margin-top: 20px;
    }
    .ar-feat2-slider {     
        margin: 50px 0;
    }
    .ar-banner-video-box {
        height: 300px;
        max-width: 545px;
    }
    .ar-goal-video-main h4 {
        font-size: 30px;
    }
    .feature-painting .ar-feature-video video {
        max-width: 400px; 
        height: 445px;
    }
    .ar-faq-wrapper {
        margin-top: -135px;
    }
}
@media(max-width:610px){
    .ar-location img {
        display: none;
    }
    .ar-location p {
        padding: 7px 25px;
        margin-left: 0;     
    }
}
@media(max-width:575px){
    .ar-banner-content h4:before, .ar-banner-content h4:after{
        display: none;
    }
    .ar-banner-video-box:before, .ar-banner-video-box:after {        
        width: 300px;
    }
    .ar-unlck-heading img {     
        width: 100px;
        height: 135px;        
    }
    .ar-unlck-heading {
        padding: 5px 20px 5px 60px;
    }
    .ar-slider-nav .swiper-button-prev, .ar-slider-nav .swiper-button-next, .ar-earn-mm-slider-nav .swiper-button-prev, .ar-earn-mm-slider-nav .swiper-button-next, .ar-earn-slider-nav .swiper-button-prev, .ar-earn-slider-nav .swiper-button-next{
        width: 40px;
        height: 40px;
    }
    .ar-slider-nav .swiper-button-prev:after, .ar-slider-nav .swiper-button-next:after {
        font-size: 12px;     
    }
    .ar-feature-purple img, .ar-feature-yellow img{
        display: none;
    }
    .ar-goal-heading h1 {
        min-width: 440px;     
        font-size: 30px;
    }
    .ar-goal-sb-heading h2 {     
        font-size: 23px;
    }
    .ar-faq-wrapper .ar-goal-heading {
        max-width: 400px;     
    }
    .ar-faq-wrapper .ar-goal-heading h1 {
        min-width: 400px;
    }    
    .ar-feat2-heading h1 {
        font-size: 32px;
    }
    .ar-feat2-sbhead {
        font-size: 15px;
        padding: 5px 10px;        
        font-weight: 500;
        max-width: 350px;
        width: 100%;
    }
    .ar-price-main {
        border: 2px dotted #b51afc;
        border-radius: 10px;
        padding-top: 40px;
    }
    .ar-price-main::before{
        display: none;
    }
    .ar-price-logo {
        position: unset;
        padding-bottom: 30px;
        margin-left: 0;
    }
    .ar-price-list { 
        padding-left: 0;
    }
    .ar-banner-video-box:before {     
        bottom: -10px;
    }
    .ar-banner-video-box:after {     
        top: -10px;
    }
    .ar-banner-video-box {
        height: 250px;
        max-width: 455px;
    }
    .ar-goal-video-main h4 {     
        font-size: 26px;
        padding-bottom: 30px;
    }
    .ar-goal-video-main {
        padding-bottom: 50px;
    }
    .feature-painting .ar-feature-video video {
        max-width: 300px;
        height: 333px;
    }
    .ar-pricing-wrapper .ar-price-payment {
        padding: 0 15px;
    }
    .ar-price-payment h4 {     
        font-size: 18px;
        padding: 30px 10px 10px 10px;
    }
    .ar-pricing-wrapper .ar-price-payment ul {
        padding: 15px 0 15px 0;
    }
    .ar-price-main {
        padding: 30px 10px 30px 20px;
    }
    .ar-price-comercial .tableHeading, .tableHeading {
        top: 0;
        right: 0;
        left: auto;
        background: #7316f4;
        padding: 1px 10px 5px 10px;
        border-radius: 0 10px 0 0;
    }
    .tableHeading{
        background: #ff3f5f;
    }
    .ar-price-main-parent {
        padding-top: 80px;
    }
    .ar-price-main.ar-price-premium {
        margin-top: 0px;
    }
    .arNewTag span {
        font-size: 20px;
        padding: 3px 10px; 
        top: -16px;        
        width: 70px;        
    }
}
@media(max-width:525px){
    .ar-unlck-heading p {
        font-size: 25px;
    }
    .ar-fact-content h4 {
        font-size: 25px;
        padding: 30px 0 15px;
    }
    .ar-fact-content p {
        font-size: 18px;
        max-width: 400px;
    }
    .ar-faq-wrapper {
        margin-top: -174px;
    }
}
@media(max-width:480px){
    .tableHeading {        
        font-size: 20px;
        font-weight: 500;
    }    
    .ar-unlck-heading img {     
        display: none;
    }
    .ar-unlck-heading {
        padding: 5px 20px;
    }
    .ar-unlck-slider-wrapper {
        padding: 80px 0;
    }
    .ar-feature-left h4 {
        max-width: 340px;
        min-width: unset;
    }
    .ar-feature-right-main {
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }
    .ar-feature-right-text.ar-feature-yellow {
        margin-left: 0;
        margin-top: 30px;
    }
    .ar-goal-heading h1 {
        font-size: 20px;
        padding: 10px 0;
        min-width: 300px;
    }
    .ar-goal-sb-heading h2 {
        font-size: 20px;
    }
    .ar-price-logo img {
        width: 130px;
    }
    .ar-price-list ul li {
        font-size: 15px;     
    }
    .ar-price-list ul li img {
        margin-right: 10px;
        width: 20px;     
    }
    .ar-price-payment h4 {
        font-size: 18px;        
        padding-top: 20px;
    }
    .ar-price-payment a.ar-btn {
        font-size: 21px;
        padding: 12px 10px;
        margin: 0 0 10px 0;
    }
    .ar-price-payment ul {
        padding: 10px 0 10px 0;
    }
    a.ar-price-card img {
        width: 300px;
        height: auto;
        object-fit: contain;
    }
    a.ar-price-btm-img img {
        width: 300px;     
    }
    .ar-price-logo {
        max-width: 330px;     
    }
    .ar-price-list {
        max-width: 330px;     
    }
    .ar-price-payment ul li {
        margin-right: 5px;
    }
    .ar-price-payment ul li:before{
        display: none;
    }
    .ar-price-payment ul li a {
        font-size: 12px;
    }
    .ar-faq-wrapper .ar-goal-heading {
        max-width: 270px;     
    }
    .ar-faq-wrapper .ar-goal-heading h1 {
        min-width: 270px;
    }
    .ar-faq-wrapper .ar-goal-heading.testmnl-heading {
        max-width: 200px;
    }
    .ar-faq-wrapper .ar-goal-heading.testmnl-heading h1 {
        min-width: 200px;
    }
    .ar-temnl-wrapper {
        padding: 10px 0 50px 0;
    }
    .ar-goal-heading.testmnl-heading {
        bottom: 70px;
    }
    .ar-feature-heading {     
        margin-bottom: 40px;
    }
    .ar-feature-heading h1 {
        font-size: 18px;
        font-weight: 500;
    }
    .ar-feature-left h4 {
        font-size: 18px;
        font-weight: 500;
    }
    .ar-feature-left h4 img {
        width: 25px;     
    }
    .ar-feature-left > span, .ar-feature-left p{
        font-size: 15px;
    }
    .ar-earn-sb-heading h4 {     
        font-size: 17px;
    }
    .ar-feat2-heading h1 {
        font-size: 28px;
    }   
    .ar-feat2-slider {
        margin: 30px 0;
    }     
    .ar-banner-badge a img {
        width: 120px;     
    }
    .ar-banner-video-box {
        height: 220px;
        max-width: 400px;
    }
    .ar-goal-sb-heading {
        padding-top: 0px;     
    }
    .ar-earn-slider-wrapper{
        padding-bottom: 60px;
    }
    .ar-goal-video-main h4 {
        font-size: 25px;     
    }
    .ar-feature-box {
        margin-bottom: 30px;
    }
    .ar-pricing-wrapper .ar-price-payment a.ar-btn {
        font-size: 18px;
        padding: 10px;
        margin: 10px 0 10px 0;
    }    
    .ar-price-list, .ar-price-logo {
        max-width: 100%;
    }   
    .ar-goal-feat > h4 {
        font-size: 28px;
        padding: 10px;
    }
    .ar-rating-box {
        padding: 20px 10px;
    }
    .ar-rating-box h4 {
        font-size: 18px;
    }
    .ar-rating-stars > svg {
        height: 15px;
    }
    .ar-rating-parent span {
        font-size: 15px;     
    }
    .feature-stylizer .ar-feature-left > span {        
        padding-bottom: 0;
    }
     .arNewTag span {
        font-size: 17px;
        width: 60px;        
    }
    .ar-feature-right .swiper-button-next, .ar-feature-right .swiper-button-prev {
        width: 35px;
        height: 35px; 
    }
    .ar-feature-right .swiper-button-prev {
        left: 0;
    }
    .ar-feature-right .swiper-button-next {
        right: 0;
    }
    .ar_feature_cover_img_slider .swiper-button-next, .ar_feature_cover_img_slider .swiper-button-prev {
        width: 40px;
        height: 40px; 
    }
    .ar_feature_cover_img_slider .swiper-button-prev {
        left: 0;
    }
    .ar_feature_cover_img_slider .swiper-button-next {
        right: 0;
    }
    .ar-pricing-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}
@media(max-width:425px){
    .ar-banner-content h4 {
        min-width: 250px;
        font-size: 16px;     
    }
    .ar-banner-content h1, .ar-banner-content h2.ar-border, .ar-unlck-sb-heading h4{
        font-size: 24px;
    }    
    .ar-banner-content h2.ar-border {
        padding: 10px 15px;
    }
    .ar-steps-heading h1, .ar-steps-heading span, .ar-steps-heading h1 > span{
        font-size: 25px;
    }
    .ar-feat2-heading h1 {
        font-size: 24px;
    }
    .ar-feat2-heading span {
        font-size: 17px;
    }
    .ar-step-sub-heading {
        font-size: 18px;
        bottom: -10px;
        min-width: 220px;
        padding: 4px 15px;
        font-weight: 500;
    }
    .ar-feature-right-main {     
        flex-direction: column;
    }
    .ar-feature-right-text.ar-feature-purple {
        margin-bottom: 30px;
        margin-top: 10px;
    }
    .ar-feature-left h4 {
        min-width: 280px;
        font-size: 20px;     
    }
    .ar-feature-left h4 img {
        width: 27px;
    }
    .ar-feature-left > span, .ar-feature-left p {
        font-size: 16px;
    }   
    .ar-feature-right-text h4 {
        max-width: 80px;        
        padding: 4px;
        font-size: 14px;        
        font-weight: 500;       
    } 
    .ar-feature-right-text p {
        font-size: 14px;
        font-weight: 300;     
    }
    .ar-slider-nav .swiper-button-prev, .ar-earn-slider-nav .swiper-button-prev {
        left: 10px;
    }
    .ar-slider-nav .swiper-button-next, .ar-earn-slider-nav .swiper-button-next {
        right: 10px;
    }
    .ar-goal-sb-heading {
        padding-top: 0;     
    }
    .ar-fact-content h4 {
        font-size: 22px;     
    }
    .ar-fact-content p {
        font-size: 16px;
        max-width: 330px;
    }
    .ar-price-main {
        padding: 18px 10px 30px 10px;
    }  
    .ar-question-accordian .accordion-body {
        padding: 0px 20px 20px 20px;     
    }
    .ar-question-accordian button.accordion-button {
        font-size: 18px;
        font-weight: 500;
    }
    .ar-question-accordian .accordion-body p {
        font-size: 15px;
        font-weight: 300;     
    }
    .ar-faq-wrapper {
        margin-top: -174px;
    }
    .ar-rating {
        padding-right: 0;
    }
    .ar-date {
        margin-left: auto;
    }
    .ar-banner-video-box {
        height: 300px;
    }
    .ar-faq-wrapper {
        padding: 186px 0 100px;
    }
    .ar-faq-wrapper .ar-goal-heading {     
        margin-top: -120px;
    }
    .ar-unlck-slider-main:before, .ar-unlck-slider-main:after, .ar-earn-slider-main:before, .ar-earn-mm-slider:before, .ar-earn-mm-slider:after {        
        width: 100px;
    }
    .ar-steps-heading img {     
        left: 0;
    }
    .ar-steps-heading img.ar-step-left-line {
        right: 0;
    }    
    .ar-price-list ul li {
        font-size: 13px;
    }
    .ar-price-payment h4 {
        font-size: 15px;     
    }
    .ar-price-payment a.ar-btn {
        font-size: 16px;
    }
    .ar-price-list ul li img {     
        width: 16px;
    }
    .ar-goal-sb-heading h2 {
        font-size: 17px;
    }
    .ar-earn-sb-heading h4 {     
        padding: 10px 10px;
        font-size: 16px;
    }
    .ar-feat2-sbhead {
        font-size: 13px;        
        max-width: 300px;        
    }    
    .ar-price-main {     
        padding: 30px 15px;
    }
    .ar-banner-video-box {
        height: 190px;
        max-width: 348px;
    }
    .ar-goal-video-main h4 {
        font-size: 22px;     
    }
    .feature-painting .ar-feature-video video {
        max-width: 259px;
        height: 287px;
    }
    .ar-topbar p {
        font-size: 16px;
        padding: 8px 0;
    }
    .ar-footer-pyment-main {
        padding: 0 15px;
    }
    .ar-price-payment a.ar-btn {
        font-size: 19px;
    }
    .ar-footer-pyment-main .ar-price-payment a.ar-btn {
        margin: 20px 0 20px 0;
    }
    .ar-footer-pyment-main .ar-price-payment h4, .ar-footer-pyment-main .ar-price-payment span {
        font-size: 27px;
    }
    .ar-banner-logo a img {
        width: 180px;
        height: auto;
    }    
    .ar-banner-content h2.ar-border {
        margin: 15px 0 40px 0;
    }
    .ar-footer-heading a img {
        width: 190px;
        height: auto;
    }
    .ar-pricing-wrapper .ar-price-payment {
        padding: 0;
    }
    .ar-footer-inner h2, .ar-feedback-inner>span>p, .ar-location p {
        font-size: 16px;
    }
    .ar-footer-inner {
        padding: 30px 5px;        
        background-color: #252245;
        border: 1px solid #00c0fa;        
    }
    .ar-feedback-inner>span>p {
        margin-top: 2px;
    }
    .ar-footer-links ul li a {
        font-size: 15px;     
    }
    .ar-location {
        margin: 15px 0;
    }
    .ar-goal-feat > h4 {
        font-size: 25px;     
    }
    .ar-fact-wrapper {
        padding: 130px 0px 60px 0;
    }    
    .ar-price-main-parent {
        padding-top: 70px;
    }
    .ar-banner-badge-flex {     
        gap: 15px;
    }
    .ar-badge-box {
        flex: 0 45%;
    }
    .ar-rating-box h4 {
        font-size: 16px;
    }
    .ar-rating-stars > svg {
        height: 13px;
    }
    .ar-rating-stars {
        gap: 3px;
    }
    .ar-rating-parent span {
        font-size: 13px;
    }
    .ar-rating-parent {
        gap: 5px;
    }
}
@media(max-width:375px){
    .ar-feature-box {
        padding: 20px;
    }
    .ar-feature-left h4 {
        min-width: 200px;
        font-size: 17px;
        padding: 10px;
    }
    .ar-earn-sb-heading h4 {        
        padding: 10px;
        font-size: 15px;
    }
    .ar-goal-heading h1 {
        font-size: 18px;     
        min-width: 270px;
    }
    .ar-goal-sb-heading h2 {
        font-size: 17px;
        min-width: 300px;
    }
    .ar-earn-slider-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
    p.ar-para4 {     
        padding-bottom: 220px;
    }
    .ar-fact-content {     
        padding: 0 15px;
    }
    .ar-price-logo img {
        width: 97px;
    }
    .ar-price-list ul li {
        font-size: 12px;
    }    
    .ar-price-list ul li img {
        margin-right: 8px;
        width: 19px;
    }
    .ar-price-payment h4 {
        font-size: 16px;
        padding-top: 20px;
        font-weight: 500;
    }
    .ar-price-payment a.ar-btn {
        font-size: 15px;
        padding: 7px 0;
        font-weight: 500;
    }
    a.ar-price-card img {
        width: 220px;
    }
    a.ar-price-btm-img img {
        width: 230px;
    }
    .ar-pricing-wrapper{
        padding-left: 0;
        padding-right: 0;
    }
    .ar-goal-video-main h4 {
        font-size: 20px;
    }
    .feature-painting .ar-feature-video video {
        max-width: 250px;
        height: 277px;
    }
    .ar-topbar p {
        font-size: 14px;
        padding: 5px 0;
    }
    .ar-footer-pyment-main {
        padding: 0 5px;
    }
    .ar-price-payment a.ar-btn {
        font-size: 16px !important;
        padding: 8px 5px;
    }
    .tableHeading {
        font-size: 18px;     
    }
    .ar-feat2-heading h1 {
        font-size: 20px;
    }
    .ar-feat2-heading span {
        font-size: 14px;
    }
    .ar-feat2-sbhead {
        font-size: 12px;
        max-width: 240px;
        font-weight: 400;
        margin-top: 10px;
    }
    .ar-badge-box {
        min-height: 120px;
        min-width: 120px;
    }
}
/*================ Responsive CSS End =======================*/