:root {
   --primary-color: #FA43F3;
   --white-color: #ffffff;
   --green-color: rgb(76, 213, 70);
   --dark-color: #222222;
   --dark-color2: #464a53;
   --red-color2: rgb(255, 52, 115);
   --red-color: rgb(255, 26, 0);
   --pink-color: #fd08d6;
   --teal-color: #26f3ee;
   --blue-color: #106aff;
   --blue-color1: #614cae;
   --blue-color2: #020130;
   --orange-color: #ffac0c;
   --orange-color2: #ebd618;
   --heading-color: #2E1D42;
   --text-color: #5F4785;
   --lightBg-color: #F9F4FF;
   --purple-color:#8E30EE;
   --btnGradient: linear-gradient(91.89deg, #A9239F 0.95%, #5C09C2 139.13%);
   --orange-gradient: linear-gradient(to bottom right,rgb(254, 100, 4) 1%, rgb(248, 181, 30) 100%);
   --purple-gradient1: linear-gradient(to bottom left,rgb(76, 45, 242) 0%, rgb(245, 37, 199) 100%);
   --purple-gradient2: linear-gradient(90deg, #A20BF2 0%, #28B1F8 100%);
   --gradient1: linear-gradient(90deg, #FE935A 0%, #FA3878 33.42%, #BA5AD7 69.68%, #3278FC 100%);
   --gradient2:  linear-gradient(90deg, #FEA157 0%, #FF667D 41.83%, #7572E7 65.38%);
   --gradient3:  linear-gradient(90deg, #e828cb 0%, #a03cde 41.83%, #5d2fee 65.38%);
   --themefont: "Be Vietnam Pro", sans-serif;
   --afacadFont: "Afacad", sans-serif;

}

.orange_gradient{
    background: var(--orange-gradient);
}
.purple_gradient1{
    background: var(--purple-gradient1);
}
.purple_gradient2{
    background: var(--purple-gradient2);
}
.gradient1{
    background: var(--gradient1);
}
.gradient2{
    background: var(--gradient2);
}
.gradient3{
    background: var(--gradient3);
}
.gradient_text{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradientText{
    background: linear-gradient(180deg, #A9239F 0.79%, #5C09C2 99.15%);
    background: -webkit-linear-gradient(91.4deg, #A9239F 0.79%, #5C09C2 99.15%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;
    font-weight: 500;
    font-size: 20px;
    line-height: 43px;
    letter-spacing: 00;

}
.gradientTagLineBannerText {
    background: linear-gradient(91.34deg, #FF00EC 0.68%, #00D0FF 99.14%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 7px;
}
.gradientTagLineText {
    background: linear-gradient(91.34deg, #FF00EC 0.68%, #00D0FF 99.14%);
    background: linear-gradient(91.34deg, #A9239F 0.68%, #5C09C2 99.14%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;
    font-weight: 700;
    font-size: 18px;
line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 7px;
}
@property --angle{
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}
/********************************************************
1. body start
 *******************************************************/
html {
	scroll-behavior: smooth;
}

body {
	font-family: var(--themefont);
	font-weight: 400;
	font-size: 16px;
	background-color: var(--white-color);
	-webkit-font-smoothing: antialiased;
    /* overflow-x: hidden; */
    color: var(--text-color);
}

html {
	scroll-behavior: smooth;
    /* overflow-x: hidden; */
}

*,
*:before,
*:after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

a,
a:hover,
a:focus {
	color: var(--white-color);
	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;
    /* color: var(--white-color); */
}

img {
	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;
    /* color: var(--white-color); */
}
::-webkit-scrollbar {
	width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
	background: #424242;
	width: 4px;
}
.font12{
    font-size: 12px;
}
.font14{
    font-size:  clamp(12px, 4vw, 14px);
}
.font16{
    font-size:  clamp(14px, 4vw, 16px);
}
.font18{
    font-size:  clamp(16px, 4vw, 18px);
}
.font20{
    font-size:  clamp(18px, 4vw, 20px);
}
.font22{
    font-size:  clamp(18px, 4vw, 22px);
}
.font24{
    font-size:  clamp(20px, 4vw, 24px);
}
.font26{
    font-size:  clamp(22px, 4vw, 28px);
}
.font28{
    font-size:  clamp(22px, 4vw, 28px);
}
.font30{
    font-size:  clamp(22px, 4vw, 30px);
}
.font32 {
    font-size:  clamp(24px, 4vw, 32px);
}
.font34{
    font-size:  clamp(24px, 4vw, 34px);
}
.font36{
    font-size:  clamp(24px, 4vw, 36px);
}
.font38{
    font-size:  clamp(25px, 4vw, 38px);
}
.font40{
    font-size:  clamp(25px, 4vw, 40px);
}
.font42{
    font-size:  clamp(25px, 4vw, 42px);
}
.font44{
    font-size:  clamp(25px, 4vw, 44px);
}
.font46{
    font-size:  clamp(26px, 4vw, 46px);
}
.font48{
    font-size:  clamp(26px, 4vw, 48px);
}
.font50{
    font-size:  clamp(26px, 4vw, 50px);
}
.font56{
    font-size: clamp(26px, 4vw, 56px);
}
.font66{
    font-size: clamp(28px, 4vw, 66px);
}
.weight_100{
    font-weight: 100;
}
.weight_200{
    font-weight: 200;
}
.weight_300{
    font-weight: 300;
}
.weight_400{
    font-weight: 400;
}
.weight_500{
    font-weight: 500;
}
.weight_600{
    font-weight: 600;
}
.weight_700{
    font-weight: 700;
}
.weight_800{
    font-weight: 800;
}
.weight_900{
    font-weight: 900;
}
.underline{
    text-decoration: underline;
}
.green_color{
    color: var(--green-color);
}
.black_color{
    color: var(--dark-color);
}
.heading_color1{
    color: var(--dark-color2);
}
.red_color{
    color: var(--red-color);
}
.red_color2{
    color: var(--red-color2);
}
.pink_color{
    color: var(--pink-color);
}
.teal_color{
    color: var(--teal-color);
}
.blue_color{
    color: var(--blue-color);
}
.blue_color1{
    color: var(--blue-color1);
}
.blue_color2{
    color: var(--blue-color2);
}
.orange_color{
    color: var(--orange-color);
}
.orange_color2{
    color: var(--orange-color2);
}
.white_color{
    color: var(--white-color);
}
.bf_btn {
    padding: 11px 20px;
    border-radius: 40px;
    font-size: 20px;
}
.mb_5{margin-bottom:5px}.mb_10{margin-bottom:10px}.mb_15{margin-bottom:15px}.mb_20{margin-bottom:20px}.mb_25{margin-bottom:25px}.mb_30{margin-bottom:30px}.mb_35{margin-bottom:35px}.mb_40{margin-bottom:40px}.mb_45{margin-bottom:45px}.mb_50{margin-bottom:50px}.mb_55{margin-bottom:55px}.mb_60{margin-bottom:60px}.mb_65{margin-bottom:65px}.mb_70{margin-bottom:70px}.mb_75{margin-bottom:75px}.mb_80{margin-bottom:80px}.mb_85{margin-bottom:85px}.mb_90{margin-bottom:90px}.mb_95{margin-bottom:95px}.mb_100{margin-bottom:100px}
.mt_5{margin-top:5px}.mt_10{margin-top:10px}.mt_15{margin-top:15px}.mt_20{margin-top:20px}.mt_25{margin-top:25px}.mt_30{margin-top:30px}.mt_35{margin-top:35px}.mt_40{margin-top:40px}.mt_45{margin-top:45px}.mt_50{margin-top:50px}.mt_55{margin-top:55px}.mt_60{margin-top:60px}.mt_65{margin-top:65px}.mt_70{margin-top:70px}.mt_75{margin-top:75px}.mt_80{margin-top:80px}.mt_85{margin-top:85px}.mt_90{margin-top:90px}.mt_95{margin-top:95px}.mt_100{margin-top:100px}
/********************************************************
1. body end
 *******************************************************/
/* -----------------------------------------
Header css start
----------------------------------------- */
.sp_mainPage_wrapper {
    position: relative;
    z-index: 1;
}
.sp_sectionWhite {
    background-color: #fff;
}
.sp_brandLogin .sp_btn {
    min-width: 165px;
}
/* .sp_header:before {
    content: '';
    background-image: url(../images/EllipsesHead.png);
    position: absolute;
    top: auto;
    width: 100%;
    background-size: cover;
    height: 100%;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    bottom: 0;
    background-position: bottom;
    left: 0;
    right: 0;
    z-index: 0;
} */
.sp_header {
    background-image: url(../images/bannerImage.png);
    background-position: 50% 0%;
    background-size: 100% auto;
    padding: 89px 30px 89px;
    position: relative;
    z-index: 10;
    background-repeat: no-repeat;
}
.sp_bodyOverlay{
    background-image: url(../images/bodyBanner.png);
    background-position: top center;
    background-size: cover;
    background-color: #110824 !important;
    position: relative;
}
.sp_container{
    max-width: 1340px;
    margin: 0px auto;
    padding: 0px 20px;
    width: 100%;
}
.sp_ft_nav.navbar {
    border: 1px solid #3A2C58;
    background: #FFFFFF0F;
    backdrop-filter: blur(20px);
    max-width: 1300px;
    margin: auto;
    border-radius: 12px;
    overflow: hidden;
    padding: 10px 20px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    top: 20px;
}
.sp_scrolledMenu .sp_ft_nav.navbar{
    background: #3A2C58;
    max-width: 1600px;
    top: 0;
}
.sp_btnLink {
    white-space: nowrap;
}
.aa_header_menu_list {
    display: flex;
    align-items: center;
    gap: 45px;
    justify-content: center;
}
.hide {
display: none;
}

/* Toggle Menu */
.pre_toggle_menu {
    display: none;
    height: 35px;
    width: 35px;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-color);
    border: 0px solid var(--bg-color);
    flex-direction: column;
    padding:0px;
    border-radius: 8px;
}
.pre_toggle_menu span{
    display: block;
    height: 3px;
    width: 23px;
    margin-bottom: 4px;
    background-color: var(--vl-primary-color);
    transition: all .3s ease-in-out;
    border-radius: 2px;
    margin-left: auto;
}
.pre_toggle_menu span:nth-child(2){
    width: 17px;
    text-align: left;
    margin-right: 6px;
}

/* Toggle Menu End*/


.sp_brandLogin {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
    /* flex-wrap: wrap; */
    width: calc(100% - 200px);
}
.sp_brandLogin p {
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    text-transform: capitalize;
    color: #fff;
}
.sp_brandLogin p .sp_btnLink {
    font-weight: 600;
}
.sp_btnLink:hover {
    color: #A9239F;
}
.sp_bannerWrapper {
    text-align: center;
    color: #ffff;
    padding: 85px 0;
}
.sp_bannerTagline {
    background-color:#E4CDFF;
    display: inline-block;
    color: white;
    padding: 0px 36px;
    border-radius: 999px;
    font-weight: 600;
    margin-bottom: 16px;
}
.sp_bannerTitle {
    font-weight: 700;
    font-size: 60px;
    line-height: 1.2;
    text-align: center;
    text-transform: capitalize;
    margin-top: 20px;
}
.sp_bannerDescription {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    color: #A997C5;
    margin: 20px auto 30px;
    max-width: 650px;
}
.sp_listWrapper {
    display: flex;
    max-width: 100%;
    margin: 100px auto 0;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.sp_listLogo_item {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(58, 44, 88);
    border-image: initial;
    background: #FFFFFF0F;
    backdrop-filter: blur(20px);
    padding: 15px 20px;
    border-radius: 10px;
    height: 90px;
    align-items: center;
    justify-content: center;
    display: flex;
    max-width: 260px;
    width: 100%;
}
/* Why Choose Section Css */
.sp_whyChoose_section {
    background: linear-gradient(180deg, #FFFFFF 0%, #F9F4FF 100%);
}
.sp_sectionSpacing{
    padding: 80px 0px;
}
.sp_heading_wrapper h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 1.3;
    letter-spacing: 0;
    margin-top: 15px;
    text-align: center;
    text-transform: capitalize;
    color: #2E1D42;
}
.sp_heading_wrapper {
    text-align: center;
    margin-bottom: 50px;
}
.sp_tagLine {
    background: #E4CDFF;
    padding: 10px 20px;
    border-radius: 20px;
}
.box_absolute_img {
    position: absolute;
}
.sec2_img1 {
   box-shadow: 0px 0px 60px 0px #0000001A;

}
.sec2_img2 {
    box-shadow: 1px 12px 30px 0px #744AA63D;
    left: -4%;
    top: -9%;
    border-radius: 5px;
}
.sec2_img3 {
    box-shadow: 1px 12px 30px 0px #744AA63D;
    right: 0;
    top: -9%;
}
.sec2_img4 {
    box-shadow: 1px 12px 30px 0px #744AA63D;
    right: -3%;
    bottom: -9%;
}
.sec2_img5 {
    box-shadow: 1px 12px 30px 0px #744AA63D;
    left: 6%;
    bottom: -9%;
}
/* Feature Section Css */
.sp_maxContainer{
    max-width: 1600px;
    margin: 0px auto;
}
.sp_contentBox{
    padding: 50px 100px;
    border-radius: 50px;
    margin-bottom: 35px;
    position: sticky;
    top: 90px;
}
.sp_wrapBox_dv {
    /* position: relative;
    overflow-x: hidden; */
}
.sp_contentBox:last-child{
    margin-bottom: 0px;
}
.sp_contentBox:first-child {
	/* padding-top: calc(1 * 15px); */
    top: 100px;
}
.sp_contentBox:nth-child(2) {
	/* padding-top: calc(2 * 15px); */
    top: 150px;
}
.sp_contentBox:nth-child(3) {
	/* padding-top: calc(3 * 15px); */
    top: 200px;
}
.sp_contentBox:nth-child(4) {
	/* padding-top: calc(4 * 15px); */
    top: 250px;
}
.sp_contentBox:nth-child(5) {
	/* padding-top: calc(5 * 15px); */
    top: 300px;
}
.sp_contentBox:nth-child(6) {
	/* padding-top: calc(6 * 15px); */
    top: 350px;
}
.bg_lightGreen {
    background: #C4F3E5;
}
.sp_brandBox{
    border: 1px solid #FFFFFF;
    width: 100%;
    max-width: 260px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.7);
    height: 90px;
    margin-bottom: 25px;
    padding: 0px 20px;
}
.sp_greenShadow {
    box-shadow: 0px 0px 50px 0px #10B8864D;
}
.sp_columnConten p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    max-width: 545px;
}
.sp_columnConten p:last-child{
    margin-bottom: 0px;
}
.sp_whyChoos_content .sp_columnConten p {
    font-size: 16px;
    line-height: 24px;
}
.sp_lightPurple{
    background: #EBE8FF;
}
.sp_lightNavyBlue{
    background: #DFF1FF;
}
.sp_lightYellow{
    background: #FFF7EC;
}
.sp_lightBlue{
    background: #E0F9FF;
}
.sp_PurpleShadow {
    box-shadow: 0px 0px 50px 0px #0080e317;
}
.sp_navyBlueShadow {
    box-shadow: 0px 0px 50px 0px #0080E34D;
}
.sp_yellowShadow {
    box-shadow: 0px 0px 50px 0px #D87E034D;
}
.sp_blueShadow {
    box-shadow: 0px 0px 50px 0px #0096BA4D;
}
.sp_round_btn {
    background: #06B873;
    padding: 16px 15px;
    border-radius: 120px;
    display: inline-block;
    width: 100%;
    max-width: 156px;
    text-align: center;
    margin-top: 22px;
    position: relative;
    transition: all 0.3s;
}
.sp_round_btn:hover {
   transform: translateY(-2px);
}
.sp_round_btn:hover::after {
   opacity: 1;
}
.sp_round_btn:after {
    width: 100%;
    height: 1em;
    position: absolute;
    left: 0;
    bottom: -1.35em;
    background: radial-gradient(ellipse at center, rgb(0 0 0 / 10%) 0%, rgba(0, 0, 0, 0) 80%);
    opacity: 0;
    transition: all 0.65s;
    content: "";
}
/* Button Css */
.sp_btn {
    background: var(--btnGradient);
    padding: 0px 30px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0;
    border: 0px;
    box-shadow: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.3s;
    position: relative;
    z-index: 1;
}
.sp_footerBtn{
    position: relative;
    z-index: 1;
}
.sp_btn > span, .sp_footerBtn > span{
    position: relative;
    z-index: 1;
}
.sp_btn:before, .sp_footerBtn:before{
    content: '';
    position: absolute;
    background-color: #020130;
    transform: scale(0);
    z-index: 0;
    left: 2px;
    right: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 50px;
    top: 2px;
    bottom: 2px;
}
.sp_btn:hover, .sp_footerBtn:hover{
    background: var(--btnGradient);
    filter: blur(5);
    animation:slidebg 2s linear infinite;
}
.sp_btn:hover::before, .sp_footerBtn:hover::before{
    transform: scale(1);
}

@keyframes slidebg {
  to {
    background-position:20vw;
  }
}
canvas#bodyParticalCanvas {
    position: fixed;
    z-index: 0;
    width: 100vw;
    height: 100vh;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.sp_body:before, .sp_body:after{
        content: '';
    width: 716px;
    height: 716px;
    border-radius: 50%;
    opacity: .1;
    background: linear-gradient(83.84deg, #ffbf10 0, #ff1dac 50%, #8355ff 100%);
    display: inline;
    position: fixed;
    z-index: 1;
    filter: blur(100px);
}
/* How work Section Css */
.sp_lightBgSection{
    background-color: var(--lightBg-color);
}
.sp_workImage {
    max-width: 520px;
    border-radius: 20px;
    height: 340px;
    padding: 25px;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 15px;
    justify-content: center;
}
.sp_bgLightYellow{
    background: #FFEED6;
}
.sp_bgLightBlue{
    background: #D0EBFF;
}
.sp_bgLightPurpal{
    background: #EFDAFF;
}
.sp_textContent_wrap h3 {
    font-weight: 700;
    font-size: 30px;
    line-height: 42px;
    letter-spacing: 0;
    text-align: center;
    text-transform: capitalize;
    font-family: var(--afacadFont);
    margin-bottom: 15px;
}
.sp_textContent_wrap p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    text-align: center;
}
.sp_yellowText{
    color: #FF9600;
}
.sp_purpalText{
    color:#B75CFF;
}
.sp_blueText{
    color: #48B2FF;
}
.testimonial-section {
    background: #1E1334;
    padding: 80px 0;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
}
/* .sp_faqAccordion h3 {
    font-size: 20px;
    margin-bottom: 30px;
    color: var(--dark-color);
    font-weight: 600;
    text-align: center;
}
.sp_faqAccordion {
    background-color: #ffffff;
    padding: 30px 15px;
    border-radius: 10px;
} */


.stars {
    color: #FFB800;
    font-size: 16px;
}
.testimonial-section::before,
.testimonial-section::after{
    content: '';
    position: absolute;
    background: linear-gradient(90deg, #1E1334 -2%, rgba(30, 19, 52, 0) 82.45%);
    width: 190px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.testimonial-section::after{
    left: auto;
    right: 0;
    background: linear-gradient(-90deg, #1E1334 0%, rgba(30, 19, 52, 0) 82.8%);
}
.sp_testimonialBox {
    background: #FFFFFF;
    padding: 30px;
    border-radius: 10px;
    min-height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.swiper.mySwiper1 {
    margin-bottom: 30px;
}
.testimonial-name {
    color: #000000;
    font-weight: 400;
    font-size: 18.35px;
    line-height: 1.3;
    letter-spacing: 0;
}
.testimonial-name > b{
    font-weight: 600;
}
.sp_testimonialBox p{
    color: #757575;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0;
    margin-top: 10px;
    margin-bottom: 15px;
}
/* Pricing Plan Section CSS */
.sp_planBox_wrap {
    border: 1px solid #EFE7F6;
    background: #fff;
    border-radius: 20px;
    padding: 50px;
    text-align: left;
    box-shadow: 0px 0px 60px 0px rgba(116, 74, 166, 0.1);
    height: 100%;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
}
.sp_planFeatureList {
    list-style: disc;
    text-align: left;
    margin: 20px 0 0;
    padding-left: 20px;
    margin-bottom: 30px;
}
.sp_planFeatureList li {
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    color: #757575;
}
.sp_planIcon {
    margin-bottom: 35px;
    display: block;
}
.sp_planType {
    text-align: left;
}
.sp_planType h3 {
    color: #000;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
}
.sp_planType p {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
}
.sp_planAmount {
    font-weight: 700;
    font-size: 36px;
    color: #000;
    line-height: 50px;
    letter-spacing: 0;
}
.sp_planAmount sub {
    font-weight: 700;
    font-size: 36px;
    opacity: 0.2;
    font-size: inherit;
    bottom:0px;
}
.sp_lightBG_btn {
    border: 1px solid rgba(197, 176, 219, 1);
    background: rgba(250, 244, 255, 1);
    display: block;
    text-align: center;
    border-radius: 10px;
    height: 47px;
    position: relative;
    transition: all 0.3s;
}
.sp_lightBG_btn:hover{
    background: var(--btnGradient);
    color: #fff;

}
.sp_lightBG_btn:hover .gradientText{
    color: #fff;
    background: none;
    -webkit-text-fill-color: #fff;
}
.sp_lightBG_btn .gradientText{
    font-size: 16px;
    line-height: 45px;
}
.sp_planBox_wrap.activePlan {
    background: linear-gradient(91.4deg, #A9239F 0.79%, #5C09C2 99.15%);
    color: #fff;
}
.activePlan .sp_planType h3, .activePlan .sp_planType p, .activePlan .sp_planAmount, .activePlan .sp_planFeatureList li{
    color: #fff;
}
.sp_innerSectionSpacing{
    padding: 80px 0;
}
.sp_darkBox_wrapper {
    border: 1px solid;
    background: url(../images/darkBg.jpg) top center / cover;
    border-radius: 20px;
    padding: 30px;
    overflow: hidden;
}
.sp_tagLineDark {
    background: linear-gradient(90deg, #1D1B49 0%, #291C47 100%);
    color: #fff;
    width: fit-content;
    padding: 10px 20px;
    border-radius: 35px;
    margin-bottom: 20px;
}
.sp_dakeBox_content h3 {
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0;
    color: #fff;
}
.sp_dakeBox_content {
    color: #fff;
}
.sp_dakeBox_content p {
    font-weight: 700;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 20px 0;
    gap: 20px;
}
.sp_priceBox {
    background: linear-gradient(90deg, #573F94 0%, #3A2865 100%);
    background-image: url('../images/priceBox.png');
    background-size: 100% 100%;
    font-weight: 700;
    font-size: 30px;
    line-height: 70px;
    letter-spacing: 0;
    padding: 0 15px;
    border-radius: 10px;
}
.sp_priceBox sub {
    font-weight: normal;
    font-size: 10px;
    line-height: 40px;
    letter-spacing: 0;
}
.sp_dakeBox_content .sp_btn {
    margin: 0;
}
/* FAQ CSS */
.sp_faqAccordion .accordion-item {
    background-color: transparent;
    border-radius: 10px;
    margin-bottom: 30px;
    border: 1px solid #F1E2FF !important;
    margin-bottom: 30px;
    border-radius: 20px !important;
    overflow: hidden;
}
.sp_faqAccordion .accordion-item button.accordion-button {
    box-shadow: none;
    background: #8E30EE;
    color: #fff;
    align-items: start;
}
.bk_plan_detail .bk_planDetails .bk_startAt_txt {
    color: var(--dark-color);
    font-size: 15px;
}
.sp_faqAccordion .accordion-collapse.collapse.show {
    border-top: 1px solid #dedede;
}
.sp_faqAccordion .accordion-item button.accordion-button[aria-expanded="false"]:after {
    transform: none !important;
}
.sp_faqAccordion .accordion-body{
    background-color: #fff;
}
.sp_faqAccordion .accordion-body p {
    color: #8d8d8d;
    font-size: 15px;
}
.sp_faqAccordion .accordion-body ul{
    padding-left: 20px;
}
.sp_faqAccordion .accordion-body ul li {
    line-height: 28px;
    font-size: 14px;
    list-style: disc;
}
.sp_faqAccordion .accordion-item {
    border: 1px solid #F1E2FF !important;
    margin-bottom: 30px;
    border-radius: 14px !important;
    overflow: hidden;
}
.sp_faqAccordion .accordion-button::after{
    filter: brightness(30);
}
.sp_faqAccordion .accordion-item button.accordion-button>img{
    margin-right: 5px;
}
/* Tab Css */
.sp_faqTabSection .tab-pane.active {
    opacity: 1;
}
.sp_faqTabSection .tab-pane{
    transition: opacity 2s;
    opacity: 0;
}

.sp_faqTabSection .nav-pills .nav-link.active,
.sp_faqTabSection  .nav-pills .show>.nav-link {
    color: #8E30EE;
    background-color: rgba(142, 48, 238, 0.1);
    border-radius: 10px;
    font-weight: 700;
}
.sp_faqTabSection .nav {
    justify-content: center;
    margin-bottom: 30px;
}
.sp_faqTabSection .nav-pills .nav-link {
    border-radius: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 0;
    color: #666666;
    padding: 0 20px;
}
.sp_faqHead{
    margin-bottom: 35px;
}

/* Footer Section */
.sp_footerWrapper {
    background-image: url(../images/footerBg.png);
    padding: 80px 0 0;
    background-size: cover;
    text-align: center;
    position: relative;
    color: #fff;
}
.sp_footerContent h5 {
    font-weight: 600;
    font-size: 28px;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: center;
    text-transform: capitalize;
    margin: 30px 0;
}
.sp_footerBtn {
    background: linear-gradient(58.57deg, #5E1CFF -4.45%, #6D20FE 23.08%, #952AFE 74.7%, #B433FE 110.26%);
    width: 120px;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto auto 50px;
    border-radius: 60px;
}
.sp_footerMenu {
    margin: auto;
    width: fit-content;
    display: flex;
    gap: 25px;
    padding-bottom: 30px;
}
.sp_copyRIght_footer {
    padding: 13px 20px;
    background-color: rgba(255 255 255 / 10%);
}
.sp_footerLink {
    text-decoration: underline;
    font-weight: 400;
    font-size: 16px;
}
.sp_copyRIght_footer p {
    font-size: 16px;
    font-weight: 500;
}
.sp_planList_wrapper .row{
    row-gap: 30px;
}
/* social icon start */
.sp_social_icons_list {
    gap: 15px;
    padding-bottom: 30px
}
.sp_social_icons_list > li > a {
    width: 50px;
    height: 50px;
    /* background: var(--btnGradient); */
    background:#340e43;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all 0.3s;
    padding: 10px;
}
.rotate_animation:after, .rotate_animation:before {
    position: absolute;
    content: "";
    background: conic-gradient(from var(--angle), transparent 70%, #a422a1);
    top: -2px;
    bottom: -2px;
    right: -2px;
    left: -2px;
    border-radius: 6px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    animation: rotate 5s linear infinite;
}
.rotate_animation:hover:after, .rotate_animation:hover:before {
    opacity: 1;
    visibility: visible;

}
 .rotate_animation:before {
    filter: blur(10px);
    opacity: 0.5;

}
@keyframes rotate{
    from{
        --angle: 0deg;
    }
    to{
        --angle:360deg
    }
}
/* social icon end */
/* Responsive Css Start */
@media(max-width:1650px){
    .sp_maxContainer {
        max-width: 95%;
    }
    .sp_scrolledMenu .sp_ft_nav.navbar{
        border-radius: 0px;
        max-width: 100%;
        top: 0px;
    }
}
@media(max-width:1400px){
    .sp_bannerWrapper {
    padding: 85px 0 0;
}
}
@media(max-width:1200px){
    .sp_textContent_wrap p {
        font-size: 14px;
        line-height: 24px;
    }
    .sp_textContent_wrap h3 {
        font-size: 24px;
        line-height: 30px;
    }
    .sp_workImage {
        height: 250px;
    }
    .sp_bannerTitle {
    font-size: 50px;
}
}
@media(max-width:1024px){
    /* menu */
    .sp_navbarCollapse {
        position: fixed;
        left: -265px;
        top: 59px;
        bottom: 0;
        width: 260px;
        background-color: #eaf1fa;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        justify-content: start;
        flex-direction: column;
        padding: 20px 10px;
        z-index: 99;
        background-color: #3a2c58 !important;
        height: calc(100vh - 75px);
        overflow: auto;
    }
    .sp_navbarCollapse li a {
        padding: 10px 15px;
        /* color: var(--heading-color); */
        width: 100%;
        display: block;
        border-bottom: 1px solid rgb(0 0 0 / 5%);
    }
    .menu_open .sidebar_overlay {
        opacity: 1;
        visibility: visible;
    }
    .menu_open .sp_navbarCollapse {
        left: -1px;
        gap: 0;
        background-color: transparent;
    }
    .sp_brandLogin .sp_btn {
        min-width: 100%;
        display: flex;
    }
    .sidebar_overlay {
        position: fixed;
        background: rgb(0 0 0 / 45%);
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        z-index: 99;
        cursor: default;
        transition: var(--transition);
    }
    .bk_logoMenu_wrap {
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(0 0 0 / 5%);
        padding-bottom: 20px;
    }
    /* toggle button */
    /* toggle button start */
    .pre_toggle_menu {
        display: inline-block;
        background: var(--primary-color);
        border-radius: 2px;
        margin-left: 0px;
        position: relative;
        right: 0px;
        top: 0px;
    }
    .pre_toggle_menu > svg {
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        transition: transform 400ms;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        width: 35px;
    }
    .menu_open .pre_toggle_menu > svg {
        transform: rotate(45deg);
    }
    .pre_toggle_btn_line {
        fill:none;
        transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
        stroke:var(--white-color);
        stroke-width:4;
        stroke-linecap:round;
    }
    .pre_toggle_menu .top {
        stroke-dasharray: 40 121;
    }
    .pre_toggle_menu .bottom {
        stroke-dasharray: 40 121;
    }
    .menu_open .pre_toggle_menu .top {
        stroke-dashoffset: -68px;
    }
    .menu_open .pre_toggle_menu .bottom {
        stroke-dashoffset: -68px;
    }
    /* toggle button */
    .sp_navbarCollapse .nav-item {
        display: block;
        text-align: left;
        width: 100%;
    }
    .sp_navbarCollapse .navbar-nav {
        display: block;
        width: 100%;
    }
    .sp_ft_nav.navbar {
        overflow: visible;
        height: auto;
        align-items: start;
        flex-direction: row;
        top: 0px;
    }
    .aa_header_menu_list {
        gap: 0px;
        width: 100%;
        flex-direction: column;
    }
    .menu_open .sp_ft_nav.navbar {
        overflow: visible;
        /* height: auto; */
        align-items: start;
        flex-direction: row;
        top: 0px;
        position: fixed;
    }
    .aa_header_menu_list li {
        width: 100%;
    }
    .aa_header_menu_list {
        justify-content: start;
        padding-top: 0px;
    }
    /* menu */

}
@media(max-width:991px){
    .container {
        max-width: 100% !important;
    }
    .sp_whyChoos_content .sp_imgColumn_wrap {
        margin-bottom: 50px;
    }
    .sp_planBox_wrap {
        padding: 30px 20px;
    }
    .sp_dakeBox_content h3 {
        font-size: 24px;
        line-height: 30px;
    }
    .sp_dakeBox_content p {
        font-size: 14px;
        line-height: 30px;
    }
    .sp_priceBox {
        font-size: 24px;
        line-height: 50px;
    }
    .sp_tagLineDark{
        font-size: 14px;
    }
    .sp_footerContent h5 {
        font-size: 20px;
        margin: 15px 0;
    }
    .sp_footerLink {
        font-size: 12px;
    }
    .sp_footerBtn {
        height: 40px;
        margin-bottom: 30px;
    }
    .sp_copyRIght_footer p {
        font-size: 12px;
    }

    .sp_maxContainer {
        max-width: 100%;
    }
    .testimonial-section {
        padding: 50px 0;
        border-radius: 0;
    }
    .sp_mobilePadd{
        padding: 0px 20px;
    }
    .sp_contentBox {
        padding: 30px 20px;
        border-radius: 0px;
        margin-bottom: 0;
    }
}
@media(max-width:768px){
    br {
        display: none;
    }

    .sp_brandLogin p {
        font-size: 12px;
    }
    .sp_brandLogin .sp_btn {
        /* padding: 0px 20px;
        height: 30px;
        line-height: 30px;
        font-size: 12px; */
    }
    .sp_ft_logo {
        max-height: 20px;
    }
    .navbar-brand.sp_brand {
        padding: 0 !important;
        width: calc(100% - 55px);
    }
    .sp_ft_nav.navbar {
        height: 60px;
        max-width: 95%;
    }
    .sp_bannerTitle {
        font-size: 42px;
    }
    .gradientText {
        font-size: 16px;
        line-height: 30px;
    }
    .sp_bannerTagline {
        padding: 6px 25px;
    }
    .sp_bannerDescription {
        font-size: 16px;
        margin: 15px auto;
        max-width: 520px;
    }
    .sp_bannerWrapper {
        padding: 30px 0;
    }
    .sp_listLogo_item {
        padding: 10px 15px;
        height: 65px;
        min-width: 200px;
        max-width: 200px;
    }
    .sp_listLogo_item img {
        max-height: 38px;
    }
    .sp_listWrapper {
        margin: 30px auto 0;
    }
    .testimonial-section::before, .testimonial-section::after{
        width: 90px;
    }
    .sp_order1 {
        order: 1;
    }
    .sp_order2 {
        order: 2;
    }
    .sp_columnConten {
        margin-bottom: 0px;
    }
    .sp_imgColumn_wrap {
        margin-top: 30px;
    }
    .sp_workImage {
        height: auto;
    }
    .sp_howWork_box {
        align-items: center;
        justify-content: center;
        margin-bottom: 50px;
        display: flex;
        flex-direction: column;
    }
    .col-12.mt-5 {
        margin-top: 0px !important;
    }
    .sp_planBox_wrap {
        margin-bottom: 30px;
    }
    .sp_dakeBox_content {
        margin-bottom: 30px;
    }
    .sp_footerMenu {
        gap: 10px;
        justify-content: center;
    }
    .sp_header{
        background-color: rgb(4 1 3);
    }
}
@media(max-width:575px){
    .sp_sectionSpacing {
        padding: 50px 0px;
    }
    .sp_header {
        padding: 50px 5px 50px;
    }
        .sp_bannerTitle {
        font-size: 28px;
    }
    .sp_listLogo_item {
        min-width: initial;
        max-width: calc(50% - 12px);
    }
    .testimonial-section::before, .testimonial-section::after{
        width: 60px;
    }
    .sp_heading_wrapper h2 {
        font-size: 28px;
    }
    .gradientText {
        font-size: 14px;
    }
    .sp_whyChoos_content .sp_columnConten p,
    .sp_columnConten p {
        font-size: 14px;
        line-height: 24px;
    }
    .sp_faqTabSection .nav-pills .nav-link {
        font-size: 14px;
        padding: 0 10px;
    }
    .sp_brandLogin p{
        display: none;
    }
    .sp_footerContent h5 {
        font-size: 16px;
    }
    .testimonial-name {
        font-size: 16px;
    }
    .sp_testimonialBox p{
    font-size: 15px;
    }
    .sp_round_btn {
    font-size: 14px;
    padding: 10px 10px;
}
}
@media(max-width:480px) {
    .sp_brandBox {
    max-width: 160px;
    height: inherit;
    padding: 12px 12px;
}
    .sec2_img2, .sec2_img3, .sec2_img4, .sec2_img5 {
        max-width: 21%;
    }
    .gradientTagLineBannerText {
        letter-spacing: 1px;
    }
    .gradientTagLineText {
        font-size: 16px;
        letter-spacing: 1px;
    }
 .sp_heading_wrapper h2 {
        font-size: 20px;
    }
}
@media(max-width:380px) {
.sp_social_icons_list {
    gap: 6px;
}
}