.font-caveat{
  font-family: "Caveat", cursive;
  font-optical-sizing: auto;
  font-style: normal;
}


 /* .ts-clr */


 .ts-clr {
	color: #00ccff;
}

.ts-clr1 {
	color: #FFF500;
}

.ts-clr2 {
	color: #0085FF;
}

.ts-clr3{
	color: #70FF00;
}

.ts-clr4 {
	color: #FF1D48;
}

.ts-clr5 {
	color: #FF8A00;
}

.ts-clr6 {
	color: #442CAD;
}

.ts-clr7 {
	color: #F228C6;
}

.ts-clr8 {
	color: #00FFF0;
}

.ts-clr9 {
	color: #FF4767;
}
.ts-clr10 {
	color: #FFB60A;
}
.ts-clr11 {
	color: #00FFF0;
}
.ts-clr12{
	color: #00FFF0;
}
.ts-clr13 {
	color: #00FFF0;
}
.ts-clr14 {
	color: #00FFF0;
}
.ts-clr15 {
	color: #FF0078;
}


.box-headline {
	border-radius: 0;
	border: 1px dashed #00E0FD;
	background: rgba(255, 255, 255, 0.32);
	display: inline-block;
	padding: 10px;
	border-radius: 0;
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0.31);
	display: inline-block;
	padding: 10px;
}

.box-headline2 {
	/* background: #ffe4c436; */
	padding: 4px 10px;
	display: inline-block;
	border: 1px dashed #3ff6f6;
}


.ts-clr {
	color: #00ccff;
}

.ts-clr1 {
	color: rgb(60, 39, 112);
	/* color: #FFF500; */
}

.ts-clr2 {
	color: #0085FF;
}

.ts-clr3 {
	color: #70FF00;
}

.ts-clr4 {
	color: #FF1D48;
}

.ts-clr5 {
	color: #FF8A00;
}

.ts-clr6 {
	color: #442CAD;
}

.ts-clr7 {
	color: #F228C6;
}

.ts-clr8 {
	color: #00FFF0;
}

.ts-clr9 {
	color: #FF4767;
}

.ts-clr10 {
	color: #FFB60A;
	color: #840AFF;
}

.ts-clr11 {
	color: #00FFF0;
}

.ts-clr12 {
	color: #00FFF0;
}

.ts-clr13 {
	color: #00FFF0;
}

.ts-clr14 {
	color: rgb(255, 199, 67);
}

.ts-clr15 {
	color: #FF0078;
}



@media (min-width: 768px) {
	.tops-icon1 {
position: absolute;
    left: -8%;
    top: 18%;
    width: 24%;
    z-index: 0;
    opacity: 0.8;

	}

	.tops-icon2 {
position: absolute;
    right: -1%;
    width: 10%;
    z-index: 0;
    opacity: 0.8;
    top: 27%;

	}


	.tops-icon3 {
position: absolute;
    left: -4%;
    bottom: 7%;
    width: 19%;
    z-index: 1;
    opacity: 0.5;

	
	}

	.tops-icon4 {
position: absolute;
    right: -7%;
    top: 24%;
    width: 26%;
    z-index: 1;
    opacity: 0.4;

	}


}


 .tab-pane {
  position: relative;
  padding: 2px !important;
}
.tab-pane::before {
position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  z-index: 0;
background: linear-gradient(180deg, #26D3FD 0%, #26D3FD, transparent 77%);
  content: "";
  border-radius: 20px;
}

.tab-pane .inner {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
background-color: #fff0;
background-color: #050631;
background-color: #04042a;
  /* padding: 50px; */
  border-radius: 20px;
  font-size: 14px;
}

.play-video {

  border-radius: 5px;
  padding: 10px 10px;
}

@media (max-width: 768px) {}

.t-g {
	background: linear-gradient(90deg, #fdb011 0%, #00D1FF 100%);
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.line-hihglight {
	padding:
		5px 5px;
	display: inline-block;
	background:
		linear-gradient(0deg, #2203ff 0%, #009FFF 100%);

	border-radius:
		5px;
}
.line-makover {
	padding: 5px 5px;
	display: inline-block;
	background: url(../images/makover.png) no-repeat center center;

	border-radius: 5px;
}
.line-makover2 {
	padding: 5px 5px;
	display: inline-block;
	background: url(../images/makover2.png) no-repeat center center;

	border-radius: 5px;
}

@media (min-width: 768px) {
	.line-hihglight {
		padding: 4px 5px;
		display: inline-block;
		background: linear-gradient(0deg, #2203ff 0%, #009FFF 100%);

		background-image: linear-gradient(45deg, rgb(0, 86, 254) 0%, rgb(0, 214, 253) 100%);
		border-radius: 5px;
	}
	.line-makover {
		padding: 4px 9px;
		display: inline-block;
		background: url(../images/makover.png) no-repeat center center;
		background-size: auto;
		z-index: 9;
		background-size: 100% 100%;

	
	}
}

.making-box {
	border: 1px dashed #00FFF0;
	border-radius: 10px;
	display: inline-block;
	padding: 1px 40px;
}

.effect-5 {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.effect-5::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 14px;
	left: 50%;
	bottom: 20px;
	background-color: rgb(0, 194, 255);

	z-index: -1;
	transform: translateX(-50%);
}



.l-box{
 background-image: linear-gradient(90deg, rgb(74, 2, 208) 0%, rgb(255, 22, 22) 100%);
  padding: 0px 5px;
  border-radius: 0;
background-image: linear-gradient(90deg, rgb(192, 2, 208) 0%, rgb(0, 97, 255) 100%);
}


.text_shadow {
    text-shadow: 0px 5px 0px rgba(0, 0, 0, 0.5);
  }

  
  .top-arrow {
    position: absolute;
    bottom: -39%;
    width: 100%;
  }

  .no{
    color: rgb(251, 69, 69);
  }

  .gradient-clr3 {
    background: linear-gradient(90deg, #FF00F5 0%, #FFBA28 100.99%);
      background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .engaging-section {
background-color: rgb(255, 255, 255);
    background-size: cover;
    padding: 30px 0px 0 0;
  }
  @media (min-width: 768px) {
    .engaging-section {
      padding: 70px 0px 0 0;
    }
  }
  .shots-box {
    background-color: rgba(213, 199, 247, 0.39);
    padding: 30px 30px;
    border-radius: 15px;
    border: 1px solid #e50eff;
  }




  .data-box {
    padding: 5px 10px;
    background-color: #2ddaff;
    background-color: #ff4767;
  }
  .demo-video-card {
    border-radius: 20px 20px 20px 20px;
    /* background-image: linear-gradient(to bottom right, rgb(255, 194, 0) 0%, rgb(255, 41, 0) 100%); */
    background-color: rgb(247, 65, 65);
    background-color: rgb(255, 187, 54);
    background-color: rgba(83, 118, 202, 0.18);
    position: relative;
    z-index: 9;
    padding: 1px 10px 60px 10px;
  }
  
@media (min-width: 768px) {
	.hends {
		/* width: 230px;
		height: 120px; */
		padding-right: 3rem !important;

	}

	.hends2 {

		/* width: 230px;
		height: 120px; */
		padding-left: 3rem !important;

	}

	.client-vsfeed1 {
		padding: 18px 35px 35px 25px;
		border-radius: 20px;
		background: #fff;
		color: #000;
	}
}

@media (max-width: 768px) {
	.client-vsfeed1 {
		padding: 18px 15px 35px 15px;
		border-radius: 20px;
		background: #fff;
		color: #000;
	}

	/* .hends {
		width: 200px;
		height: 100px;
	}

	.hends2 {
		width: 200px;
		height: 100px;
	} */
}

@media (max-width: 400px) {
	.client-vsfeed1 {
		padding: 18px 15px 35px 15px;
		border-radius: 20px;
		background: #fff;
		color: #000;
	}

	.hends {
		width: 80px;
		height: 50px;
		padding-right: 1rem !important;

	}

	.hends2 {
		width: 80px;
		height: 50px;
		padding-left: 1rem !important;
	}
}
.l1-img {
  position: absolute;
  bottom: 0;
  left: -2%;
  z-index: 0;
}
.l2-img {
position: absolute;
  bottom: 5%;
  right: -102%;
z-index: 0;
}

.l2-img img{
width: 20%;
}
.l1-img img{
width: 25%;

 }
.p1-img {
  position: absolute;
  top: 20px;
  z-index: 99;
}
.p2-img {
  position: absolute;
  top: 20px;
  z-index: 99;
  right: 0;
}

@media (max-width: 768px) {

	.p1-img img {
		position: absolute;
		top: 55px;
		z-index: 99;
		width: 34px;
	}

	.p2-img img {
		position: absolute;
		top: 55px;
		right: 0;
		z-index: 99;
		width: 34px;
	}

}
.h-bg-blue {
  position: relative;
}
@media (max-width: 400px) {

	.p1-img img {
		position: absolute;
		top: 35px;
		z-index: 99;
		width: 40px;
	}

	.p2-img img {
		position: absolute;
		right: 0;
		top: 35px;
		z-index: 99;
		width: 40px;
	}

}
@media (max-width: 991px) {

	
	.l1-img {
		display: none;
	}
.l2-img{
	display: none;
}
}
.sec-2 {
  padding: 50px 0 0px 0;
 background: url(../images/sec-2-video.png) no-repeat center center;
  background-size: auto;
  background-size: cover;
  overflow: hidden;
}
.sec-3 {
  padding: 50px 0 50px 0;
  background-color: #323a4d;
  overflow: hidden;
}
.position-relative {
  position: relative !important;
}

@media (min-width: 768px) {
  .sec-2 {
    padding: 80px 0 0px 0;

	  background: url(../images/sec-2-video.png) no-repeat center top;
  background-size: auto;
  background-size: cover;
    /* background-color: #323a4d;
	background-color: #f4f3ff; */
  }
  .sec-3 {
    padding: 5px 0 50px 0;
    background-color: #323a4d;
  }
}

@media (min-width: 768px) {
  .more-section {
    padding: 70px 0 0px 0;
  }
}
.more-section {
  background-color: rgb(248, 249, 255);
  background-size: cover;
  padding: 70px 0 0px 0;
}
.much-box {
/* background-color: #FF8235; */
  padding: 50px 30px;
  position: relative;
  border-radius: 30px;
 
}
.much-contant {
background-color: #FF8235;
  padding: 10px 0px;
  border-radius: 5px;
}
.much-box1 {
  background-color: #F9115D70;
  padding: 50px 50px;
  position: relative;
  border-radius: 30px;
}
.much-box2 {
  background-color: #FFFFFF70;
  padding: 50px 50px;
  position: relative;
  border-radius: 30px;
}
.much-box3 {
  background-color: #FFFFFF70;
  padding: 50px 50px;
  position: relative;
  border-radius: 30px;
}
.much-box4 {
  background-color: #ECD49A5C;
  padding: 50px 50px;
  position: relative;
  border-radius: 30px;
}

.much-box5 {
	background-color: #ffffff14;
	padding: 50px 50px;
	position: relative;
	border-radius: 30px;
  }
  .much-box6 {
  background-color: #FFE4A4;
  padding: 50px 50px;
  position: relative;
  border-radius: 30px;
}
.much-box7 {
 background-image: linear-gradient(0deg,rgb(213, 193, 255) 0%, rgb(255, 201, 177) 100%);
  padding: 50px 50px;
  position: relative;
  border-radius: 30px;
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
}
.just-section1{
  padding: 10px 0 0px 0;
  background: url(../images/just-section1.png) no-repeat center center;
  background-size: auto;
  background-size: auto;
  background-size: cover;
  padding: 80px 0px 0px 0px;
  background-attachment: fixed;
  overflow: hidden;
}

.beach-section{

  background: url(../images/beach-section.png) no-repeat center center;
  background-size: auto;
  background-size: cover;
  padding: 80px 0px 80px 0px;

}

.frame-vi{
  
  /* background-color: rgb(232, 214, 255);
    padding: 10px; */
    border-radius: 12px;
    width: 100%;

}


.frame-block {
	position: relative;
  border-radius: 20px;
background-color: rgb(255, 255, 255);
  padding: 20px;
border: 5px solid ;
border-color:  rgb(11, 3, 245);;
}

.fbd1{
  border-color:  rgb(237, 74, 244) !important;
}

.fbd2{
  border-color:  rgb(255, 168, 46) !important;
}
.fbd3{
 border-color: rgb(13, 215, 118) !important;
}
.fbd4{
  border-color:  rgb(46, 180, 255) !important;
}
.fbd5{
  border-color:  rgb(250, 66, 66) !important;
}
.fbd6{
  border-color:  rgb(101, 15, 230) !important;
}
.fbd7{
  border-color:  rgb(14, 167, 239) !important;
}
.fbd8{
  border-color:  rgb(9, 221, 47) !important;
}
.fbd9{
  border-color:  rgb(241, 13, 132) !important;
}
.fbd10{
  border-color:  rgb(232, 181, 1) !important;
}
.fbd11{
  border-color:  rgb(232, 1, 186) !important;
}
.fbd12{
  border-color:  rgb(11, 3, 245) !important;
}




.fbg1{
background-color: rgb(237, 74, 244)!important;
}
.fbg2{
background-color: rgb(255, 168, 46)!important;
}
.fbg3{
background-color: rgb(13, 215, 118)!important;
}
.fbg4{
background-color: rgb(46, 180, 255)!important;
}
.fbg5{
background-color: rgb(250, 66, 66)!important;
}
.fbg6{
background-color: rgb(101, 15, 230)!important;
}
.fbg7{
background-color: rgb(14, 167, 239)!important;
}
.fbg8{
background-color: rgb(9, 221, 47)!important;
}
.fbg9{
background-color: rgb(241, 13, 132)!important;
}
.fbg10{
background-color: rgb(232, 181, 1)!important;
}
.fbg11{
background-color: rgb(232, 1, 186)!important;
}
.fbg12{
background-color: rgb(11, 3, 245)!important;
}


.frame-title{

background: #f612a8;
  display: inline-block;
  padding: 1px 20px;
  color: #fff;

}

.arr2-img {
position: absolute;
    bottom: 0%;
    width: 21%;
    left: -10%;
  }
  .arr3-img {
position: absolute;
    bottom: 0%;
    width: 21%;
    right: -10%;
    z-index: 1;
  }
@media (min-width: 768px) {
  .frame-block {
padding: 90px 40px;
    /* height: 100%; */
    /* height: 100%; */
   /* height: 333px; */
   height: 360px;
  }

.arr2-img {
position: absolute;
    bottom: 0%;
    width: 21%;
    left: -10%;
  }
  .arr3-img {
position: absolute;
    bottom: 0%;
    width: 21%;
    right: -10%;
    z-index: 1;
  }

}



@media (min-width: 768px){

.num-box {
width: 80%;
  /* height: 100%; */
  /* top: 40px;
  left: 0%;
  position: absolute; */
  top: -15px;
  left: -40px;
  position: relative;
  background-color: #fff;
  /* justify-content: center;
  display: flex;
  align-items: center; */
  border-radius: 0 15px 15px 0;
  border-color: rgb(255, 209, 68);
  border: 0px solid rgb(255, 209, 68);
  padding: 12px 40px;
  background-color: rgb(11, 3, 245);
}
}


@media (max-width: 768px){

.num-box {
  width: 100% !important;

  top: 40px;
  left: 0%;
  position: absolute;
  top: -15px;
  left: -20px;
  position: relative;
  background-color: #fff;

  border-radius: 0 15px 15px 0;
  border-color: rgb(255, 209, 68);
  border: 0px solid rgb(255, 209, 68);
  padding: 12px 5px;
  background-color: rgb(11, 3, 245);
}
}



.outclass-box {
border-radius: 30px;
  border: 1px solid #fff;
  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, .04);
  padding: 0 40px 55px 40px;
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  background-color: rgb(255, 255, 255);
  border-color: #0000000f;
}

.outclass-title {

  z-index: 0;
  padding: 10px 40px;
  border-radius: 54px;
  display: inline-block;
  color: rgb(46, 37, 64);
  position: relative;
  z-index: 0;
  border: 1px solid rgb(46, 37, 64);
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.22);
}

.outclass-title {
	display: inline-block;
	padding: 15px 30px;
	margin-top: -60px;
}

@media (min-width: 768px) {
	.outclass-title {
		padding: 10px 50px;
	}
}

.outclass-box2 {
	border-radius: 10px;
background-image: linear-gradient(90deg,rgb(255, 232, 232) 0%, rgb(217, 199, 255) 100%);
  padding: 40px 40px 4px 40px;
  border-radius: 0 0px 30px 30px;
  margin-top: -20px;
}

.outclass-box1 {
	border-radius: 0px;
background-image: linear-gradient(90deg,rgb(255, 232, 232) 0%, rgb(217, 199, 255) 100%);
	padding: 0 0px 0px 0px;
	border-radius: 30px 30px 0 0;
}

.outclass-title1 {
padding: 10px 40px;
  border-radius: 54px;
  background: #FFF;
  display: inline-block;
  color: rgb(255, 126, 69);
  position: relative;
  z-index: 0;
  border-color: rgb(255, 126, 69);
  border: 1px solid rgb(255, 126, 69);
    box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.22);
}


.outclass-title1 {
	display: inline-block;
	padding: 15px 30px;
	margin-top: -60px;
}

@media (min-width: 768px) {
	.outclass-title1 {
		padding: 10px 30px;
	}
}

.outclass-innerbox {
	position: relative;

}

.outclass-innerbox {
	background-color: #FFF;
  padding: 40px 30px;
  border-radius: 20px;
  margin-bottom: 60px;
}

.cunts-box span {
	font-size: 30px;
	font-weight: 700;
}

.cunts-box span {
	position: absolute;
	top: -30px;
	z-index: 99;
	background-image: linear-gradient(0deg, #00DFFE 0%, #0030FE 100%);
	background-image: linear-gradient(90deg, rgb(133, 8, 255) 0%, rgb(231, 14, 255) 100%);
opacity: 1;
border: 2px solid #ff6000;
  width: 70px;
  height: 70px;
  line-height: 22px;
  border-radius: 360px;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  border: 2px solid #ff6000;
background-image: linear-gradient(0deg,rgb(255, 191, 166) 0%, rgb(0, 0, 0) 100%);
}

.out-arrow {
	position: absolute;
	z-index: 1;
	left: 43%;
	width: 9%;
	bottom: -32%;
}

@media only screen and (max-width: 1200px) {
	.out-arrow {
		left: 43%;
		width: 10%;
		bottom: -32% !important;
	}
}

@media only screen and (max-width: 1024px) {
	.out-arrow {
		left: 43%;
		width: 13%;
		bottom: -29% !important;
	}
}

@media only screen and (max-width: 991px) {
	.out-arrow {
		position: absolute;
		z-index: 1;
		left: 47%;
		width: 6%;
		bottom: -49% !important;
	}
}

@media only screen and (max-width: 768px) {
	.out-arrow {
		left: 47%;
		width: 7%;
		bottom: -39% !important;
	}
}

@media (max-width: 576px) {


	.outclass-box2 {
		padding: 0 20px 2px 20px;
	}


	.cunts-box span {
		position: absolute;
		top: -25px;
		width: 50px;
		height: 50px;
	}

	.out-arrow {
		position: absolute;
		z-index: 1;
		left: 43%;
		width: 9% !important;
		bottom: -54% !important;
	}
}

@media only screen and (max-width:400px) {
	.out-arrow {
		left: 43%;
		width: 13% !important;
		bottom: -38% !important;
	}
}

.bgclr {
	background-color: #FFE8E8;
  box-shadow: 0 0px 5px 0 rgb(255, 232, 232);
}

.bgclr1 {
	background-color: #00DFFE1C;
background-color: #D9C7FF;
  box-shadow: 0 0px 5px 0 rgb(217, 199, 255);
}

.classout-box1 {
	position: relative;
}

.cunts-box1 span {
	position: relative;
	top: 0px;
	z-index: 99;
	background-image: linear-gradient(0deg, #00DFFE 0%, #0030FE 100%);
	background-image: linear-gradient(90deg, rgb(131, 8, 255) 0%, rgb(231, 14, 255) 100%);
	opacity: 1;

	width: 55px;
	height: 55px;
	line-height: 22px;
	border-radius: 360px;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	  border: 2px solid #ff6000;
background-image: linear-gradient(0deg,rgb(255, 191, 166) 0%, rgb(0, 0, 0) 100%);
}

.cunts-box1 span {
	font-size: 30px;
	font-weight: 700;
}

.classout-box1 {
	display: flex;
	padding: 15px 20px 0px 20px;
	border-radius: 20px;
	align-items: center;
}

.classout-text {
	padding: 0 0 0 35px;
}

.out-box-img {
  margin-top: -38px;
}

.risponce-img img {
	width: 93%;
}

.outclass-section {
	background: url(../images/outclass-section.png) no-repeat center top;
	background-color: #080124;
	  background-size: auto;
	background-size: auto;
	padding: 80px 0px 80px 0;
	background-size: cover;
	overflow: hidden;
  }





  
.cancel-section {
	padding: 30px 0px 0 0;
	background: #323a4d  url(../images/cancel-section.png) no-repeat center center / cover;
	position: relative;
}
.muchmore-section {
	padding: 50px 0px 50px 0;
	background: #323a4d url(../images/cancel-section.png) no-repeat center center / cover;
	position: relative;
}

@media (min-width: 768px) {
	.muchmore-section {
	  padding: 30px 0px 70px 0;
	}
  }

@media (min-width: 768px) {
	.cancel-section {
		padding: 30px 0px 0 0;
	}
	.logo-image img{
max-width: 50%;
	}
}

.cancel-future-box {
	border: 1px solid rgba(0, 2, 36, 0);
	background-color: rgba(2, 2, 38, 0.13);
	box-shadow: 0px 0px 10px 0px rgba(4, 80, 196, 0.78);
	padding: 30px 25px 30px 25px;
	border-radius: 12px;
	height: 100%;
}

.c-1 {
	border: 1px solid rgba(0, 2, 36, 0);
	background-color: rgb(255, 255, 255);
	color: #212529;
}

.c-2 {
	border: 1px solid rgba(0, 2, 36, 0);
	background-color: rgb(255, 255, 255);
	color: #212529;
}

.cancel-future-box {
	position: relative;
}

.cross-img1 {
	position: absolute;
	top: 3%;
	width: 50%;
	left: 25%;
}

.gradient-clr4{
	background-image: linear-gradient(90deg, rgb(51, 0, 238), rgb(244, 79, 14));
	background-image: linear-gradient(90deg, rgb(51, 0, 238), rgb(244, 79, 14));
background-image: linear-gradient(0deg, rgba(6, 79, 254, 0.04), rgb(0, 75, 254));
  background-size: cover;
  padding: 10px 20px;
  text-align: center;
  color: #fff;
}
.TextShadow2 {
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.bonus-wrap img{
width: 80%;
}

@media (min-width: 768px) {
.bonus-wrap img{
width: 80%;
}
	}
	
.effect-13 {
  position: relative;
  z-index: 1;
  display: inline-block;
}

	.effect-13::before {
  content: '';
  position: absolute;
  width: 100%;

  height: 20px;
  left: 50%;
  bottom: 0px;
  z-index: -1;
  transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../images/effect-13.png) no-repeat center center;
    background-size: auto;
  background-size: auto;
  background-size: 100% 100%;
}

a.custom-link {
  color: #fff;
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: block;
  border-radius: 5px;
background: rgb(255, 209, 0);

  padding: 20px 0px 20px 0;
  padding: 12px 0px 12px 0;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0px 0px 14px 3px rgba(4, 10, 10, 0.21);
  transition: 0.15s linear;
  border: 5px solid #fff;
  border-radius: 20px;
}

a.custom-link:hover {
  box-shadow: 0px 10px 20px 0px rgba(4, 10, 10, 0.21);
	transform: translateY(-5px);
  border: 5px solid #fff;
}


@media (min-width:1200px) {
.link-btn{
    /* display: flex;
  align-items: center;
  justify-content: center; */

  position: relative;
margin: 11px -100px 5px 0;
}
.btn-link-img{

position: absolute;
    top: -25px;
    left: -2px;
    width: 114px;

}
}
@media (max-width:1024px) {
  .link-btn{
      /* display: flex;
    align-items: center;
    justify-content: center; */
 
    position: relative;
margin: 11px -100px 5px 0;
  }
  .btn-link-img{
    position: absolute;
    top: -25px;
    left: -2px;
    width: 114px;
  
  }
  }
  @media (max-width:768px) {
    .link-btn{
        /* display: flex;
      align-items: center;
      justify-content: center; */
      display: block;
      position: relative;
      margin: 10px 0px 10px 0px;
    }
    .btn-link-img{
      position: absolute;
     top: -25px;
    left: -2px;
    width: 114px;
    }
    

    }


	.mr15 {
  margin-right: 15px !important;


  
}

  @media (max-width:768px) {

.logo-img {
  width: 100%;
  height: 100%;
  max-width: 250px;
  margin-right: auto;
  margin-left: auto;
}

.just-section1 {


  padding: 30px 0px 0px 0px;
;
}
.frame-block {
  position: relative;
  border-radius: 20px;
background-color: rgb(255, 255, 255);
  padding: 50px 20px;
  border: 3px solid rgb(232, 214, 255);
}

.arr2-img img {
display: none !important;
}
.arr3-img img {
display: none !important;
}
.much-box {

  padding: 30px 10px;
 
}
.much-box2 {
  background-color: #FFFFFF70;
  padding: 30px 10px;
  position: relative;
  border-radius: 30px;
}
.much-box5 {
  background-color: #ffffff14;
  padding: 30px 10px;
  position: relative;
  border-radius: 30px;
}
.future-box {

  padding: 30px 10px;

}
.feature-count-box .minuns {
  margin-top: 0px;
  max-height: 150px;
}
.arr1{
  width: 30px;
}
  }



.money-wrap {
 border-radius: 75px;
 background: linear-gradient( 90deg, #b14ff4, #eb58b4 );
    overflow: hidden;
}
@media (min-width: 768px) {
  .money-wrap {
    border-radius: 75px;
background: linear-gradient( 90deg, #b14ff4, #eb58b4 );
    overflow: hidden;
    }
  }

  .endstime-section {
  padding: 30px 0px;
  color: #fff;
  background-color: rgb(252, 20, 62);
  padding: 30px 0px;
  /* color: #000; */
  /* background-color: rgb(238, 175, 25);
  background-color: rgb(238, 215, 25); */
}



/* 
.demo-video{
  max-height: 500px;
}

@media (max-width: 1398px){
.demo-video{
  max-height: 435px;
  height: 500px;
}
}
@media (max-width:768px){
.demo-video{
  max-height: 285px;
  height: 285px;
}
}

@media (max-width:475px){
.demo-video{
  max-height: 235px;
  height: 235px;
}
}

@media (max-width:380px){
.demo-video{
  max-height: 175px;
  height: 175px;
}
} */





/* Force Wistia wrapper to behave like iframe with no padding */
.custom-wistia-wrapper {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border-radius: 8px;        /* optional rounded corners */
  overflow: hidden;
}

/* Make the video fill the box completely */
.custom-wistia-wrapper .wistia_embed {
  width: 100% !important;
  height: 100% !important;
}


#wistia-video .w-css-reset{
  object-fit: cover !important;
}

.wnl-payment-img {
display: block;
  max-width: 420px;
  width: auto;
  max-height: 65px;
  object-fit: contain;
  margin: 0 auto;
}
.timers-box {
margin-top: -65px;
  height: 60px;
}



/* =========================================================

   BASE

========================================================= */

.osaas-math-section,

.osaas-math-section *,

.osaas-business-value,

.osaas-business-value * {

  box-sizing: border-box;

}

.osaas-math-section {

  --math-accent: #a652e4;

  --math-accent-2: #df5ab7;

  --math-accent-rgb: 166, 82, 228;

  position: relative;

  overflow: hidden;

  padding: 95px 0 105px;

background: #fff url(../images/osaas-math-section.png) no-repeat center top / cover;

  color: #fff;

  font-size: 18px;

}



/* subtle grid */

/* .osaas-math-section::before {

  content: "";

  position: absolute;

  inset: 0;

  pointer-events: none;

  opacity: .15;

  background-image:

    linear-gradient(

      rgba(255,255,255,.035) 1px,

      transparent 1px

    ),

    linear-gradient(

      90deg,

      rgba(255,255,255,.035) 1px,

      transparent 1px

    );

  background-size: 55px 55px;

  mask-image:

    linear-gradient(

      to bottom,

      transparent,

      #000 16%,

      #000 84%,

      transparent

    );

} */



/* =========================================================

   DIFFERENT COLOR PER SECTION

========================================================= */

.osaas-math-purple {

  --math-accent: #a653e4;

  --math-accent-2: #dd5ab5;

  --math-accent-rgb: 166, 83, 228;

}



.osaas-math-blue {

  --math-accent: #308fff;

  --math-accent-2: #67c7ff;

  --math-accent-rgb: 48, 143, 255;

}



.osaas-math-pink {

  --math-accent: #e44ba7;

  --math-accent-2: #ff82c8;

  --math-accent-rgb: 228, 75, 167;

}



.osaas-math-gold {

  --math-accent: #f0a929;

  --math-accent-2: #ffd86e;

  --math-accent-rgb: 240, 169, 41;

}



/* =========================================================

   GLOW

========================================================= */

.osaas-math-glow {

  position: absolute;

  width: 500px;

  height: 500px;

  top: -280px;

  left: 50%;

  transform: translateX(-50%);

  border-radius: 50%;

  background:

    rgba(var(--math-accent-rgb), .14);

  filter: blur(110px);

  pointer-events: none;

}



/* =========================================================

   HEADER

========================================================= */

.osaas-math-header {

  position: relative;

  z-index: 2;

  max-width: 1050px;

  margin: 0 auto 50px;

}



.osaas-math-kicker {

  width: max-content;

  max-width: 100%;

  margin: 0 auto 20px;

  padding: 9px 17px;

  display: inline-flex;

  align-items: center;

  gap: 9px;

  border-radius: 100px;

  border:

    1px solid rgba(var(--math-accent-rgb), .28);

  background:

    rgba(var(--math-accent-rgb), .08);

  color: var(--math-accent-2);

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 1.5px;

}



.osaas-math-kicker span {

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background:

    var(--math-accent);

  box-shadow:

    0 0 15px rgba(var(--math-accent-rgb), .75);

}



.osaas-math-header h2 {

  max-width: 1050px;

  margin: 0 auto 20px;

  color: #ffffff;

  font-size:

    clamp(36px, 4.2vw, 56px);

  font-weight: 900;

  line-height: 1.07;

  letter-spacing: -1.8px;

}



.osaas-math-header h2 span {

  color: var(--math-accent-2);

}



.osaas-math-header p {

  max-width: 850px;

  margin: 9px auto 0;

  color: #aeb8ca;

  font-size: 18px;

  line-height: 1.7;

}



.osaas-math-header p strong {

  color: #ffffff;

}



/* =========================================================

   COMPARISON

========================================================= */

.osaas-compare-card {

  min-height: 170px;

  height: 100%;

  display: flex;

  align-items: flex-start;

  gap: 18px;

  padding: 26px;

  border-radius: 22px;

  border:

    1px solid rgba(255,255,255,.08);

  transition:

    transform .3s ease,

    border-color .3s ease;

}



.osaas-compare-card:hover {

  transform: translateY(-5px);

}



.osaas-compare-card--muted {

  background:

    linear-gradient(

      145deg,

      rgba(255,255,255,.07),

      rgba(255,255,255,.025)

    );

}



.osaas-compare-card--accent {

  border-color:

    rgba(var(--math-accent-rgb), .35);

  background:

    linear-gradient(

      145deg,

      rgba(var(--math-accent-rgb), .18),

      rgba(var(--math-accent-rgb), .045)

    );

}



.osaas-compare-icon {

  width: 50px;

  height: 50px;

  flex: 0 0 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 14px;

  background:

    rgba(var(--math-accent-rgb), .13);

  border:

    1px solid rgba(var(--math-accent-rgb), .23);

  color:

    var(--math-accent-2);

}



.osaas-compare-card h3 {

  margin: 3px 0 9px;

  color: #fff;

  font-size: 19px;

  font-weight: 850;

}



.osaas-compare-card p {

  margin: 0;

  color: #b5becf;

  font-size: 18px;

  line-height: 1.55;

}



/* =========================================================

   TABLE CARD

========================================================= */

.osaas-premium-table-card {

  position: relative;

  z-index: 3;

  overflow: hidden;

  border-radius: 26px;

  border:

    1px solid rgba(var(--math-accent-rgb), .24);

  background:

    linear-gradient(

      145deg,

      #0d1221,

      #080c17

    );

  box-shadow:

    0 32px 80px rgba(0,0,0,.4),

    0 0 55px rgba(var(--math-accent-rgb), .055);

}



.osaas-premium-table-card::before {

  content: "";

  position: absolute;

  top: 0;

  left: 10%;

  right: 10%;

  height: 2px;

  background:

    linear-gradient(

      90deg,

      transparent,

      var(--math-accent),

      var(--math-accent-2),

      transparent

    );

}



/* =========================================================

   TABLE TOP

========================================================= */

.osaas-premium-table-top {

  padding: 27px 30px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  border-bottom:

    1px solid rgba(255,255,255,.08);

  background:

    linear-gradient(

      90deg,

      rgba(var(--math-accent-rgb), .10),

      transparent

    );

}



.osaas-table-small {

  display: block;

  margin-bottom: 5px;

  color: var(--math-accent-2);

  font-size: 11px;

  font-weight: 850;

  letter-spacing: 1.4px;

}



.osaas-premium-table-top h3 {

  margin: 0;

  color: #fff;

  font-size:

    clamp(21px, 2vw, 28px);

  font-weight: 850;

}



.osaas-table-top-icon {

  width: 52px;

  height: 52px;

  flex: 0 0 52px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 15px;

  background:

    rgba(var(--math-accent-rgb), .12);

  border:

    1px solid rgba(var(--math-accent-rgb), .22);

  color:

    var(--math-accent-2);

  font-size: 19px;

}



/* =========================================================

   TABLE

========================================================= */

.osaas-premium-table {

  width: 100%;

  min-width: 650px;

  color: #ffffff;

  --bs-table-bg: transparent;

  --bs-table-color: #ffffff;

  --bs-table-border-color: rgba(255,255,255,.08);

}



.osaas-premium-table thead th {

  padding: 17px 20px;

  vertical-align: middle;

  background:

    rgba(var(--math-accent-rgb), .17);

  border-color:

    rgba(var(--math-accent-rgb), .20);

  color: #ffffff;

  font-size: 14px;

  font-weight: 800;

  letter-spacing: .2px;

}



.osaas-premium-table tbody td {

  padding: 17px 20px;

  vertical-align: middle;

  color: #c4cbda;

  font-size: 17px;

  border-color:

    rgba(255,255,255,.065);

  background:

    rgba(255,255,255,.012);

  transition: background .25s ease;

}



.osaas-premium-table tbody tr:hover td {

  background:

    rgba(var(--math-accent-rgb), .075);

}



.osaas-premium-table tbody strong {

  color: #ffffff;

  font-weight: 850;

}



/* Total */

.osaas-premium-table .osaas-table-total td {

  background:

    rgba(var(--math-accent-rgb), .12);

  color: #ffffff;

}



/* =========================================================

   TABLE NOTE

========================================================= */

.osaas-table-note {

  padding: 18px 24px;

  display: flex;

  align-items: flex-start;

  justify-content: center;

  gap: 10px;

  border-top:

    1px solid rgba(255,255,255,.07);

  color: #858fa3;

  font-size: 13px;

  line-height: 1.55;

  text-align: center;

}



.osaas-table-note i {

  margin-top: 3px;

  color: var(--math-accent);

}



/* =========================================================

   STATEMENT

========================================================= */

.osaas-math-statement {

  max-width: 950px;

  margin: 40px auto 0;

  color: #ffffff;

  font-size:

    clamp(22px, 2.3vw, 30px);

  font-weight: 850;

  line-height: 1.25;

  letter-spacing: -.6px;

}



/* =========================================================

   PLAN BADGE

========================================================= */

.osaas-plan-badge {

  display: inline-flex;

  padding: 7px 13px;

  border-radius: 8px;

  border:

    1px solid rgba(var(--math-accent-rgb), .25);

  background:

    rgba(var(--math-accent-rgb), .09);

  color:

    var(--math-accent-2);

  font-size: 14px;

  font-weight: 800;

}



/* =========================================================

   TIER MESSAGE

========================================================= */

.osaas-tier-message {

  max-width: 850px;

  margin: 35px auto 0;

  padding: 18px 22px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 14px;

  border-radius: 16px;

  border:

    1px solid rgba(var(--math-accent-rgb), .19);

  background:

    rgba(var(--math-accent-rgb), .06);

}



.osaas-tier-message i {

  color:

    var(--math-accent-2);

}



.osaas-tier-message p {

  margin: 0;

  color: #b9c1d0;

  font-size: 18px;

  line-height: 1.55;

}



.osaas-tier-message strong {

  color: #ffffff;

}



/* =========================================================

   BUSINESS VALUE SECTION

========================================================= */

.osaas-business-value {

  position: relative;

  overflow: hidden;

  padding: 100px 0;

  background:

    radial-gradient(

      circle at 50% 0%,

      rgba(172, 72, 221, .14),

      transparent 35%

    ),

    #040610;

  color: #ffffff;

  font-size: 18px;

}



.osaas-business-value__card {

  position: relative;

  padding: 58px 50px;

  border-radius: 30px;

  border:

    1px solid rgba(188, 87, 226, .25);

  background:

    linear-gradient(

      145deg,

      rgba(173, 79, 220, .10),

      rgba(255,255,255,.025)

    );

  box-shadow:

    0 35px 100px rgba(0,0,0,.42);

}



.osaas-business-value__icon {

  width: 70px;

  height: 70px;

  margin: 0 auto 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 21px;

  background:

    linear-gradient(

      135deg,

      rgba(174,80,222,.20),

      rgba(225,88,178,.15)

    );

  border:

    1px solid rgba(197, 98, 231, .27);

  color: #df82f3;

  font-size: 26px;

}



.osaas-business-value__tag {

  display: inline-block;

  margin-bottom: 15px;

  color: #d790f0;

  font-size: 12px;

  font-weight: 850;

  letter-spacing: 1.5px;

}



.osaas-business-value h2 {

  max-width: 850px;

  margin: 0 auto 25px;

  color: #ffffff;

  font-size:

    clamp(35px, 4vw, 52px);

  font-weight: 900;

  line-height: 1.08;

  letter-spacing: -1.6px;

}



.osaas-business-value h2 span {

  color: #dd66c1;

}



.osaas-business-value__copy {

  max-width: 820px;

  margin: auto;

}



.osaas-business-value__copy p {

  margin: 9px 0;

  color: #b5bdcd;

  font-size: 18px;

  line-height: 1.65;

}



.osaas-business-value__copy strong {

  color: #ffffff;

}



/* =========================================================

   EQUATION

========================================================= */

.osaas-business-value__equation {

  max-width: 850px;

  margin: 38px auto;

  display: grid;

  grid-template-columns:

    1fr auto 1fr auto 1.2fr;

  align-items: center;

  gap: 14px;

}



.osaas-business-value__equation > div {

  min-height: 125px;

  padding: 20px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  border-radius: 20px;

  border:

    1px solid rgba(255,255,255,.08);

  background:

    rgba(255,255,255,.035);

}



.osaas-business-value__equation span {

  color: #ffffff;

  font-size:

    clamp(28px, 3vw, 42px);

  font-weight: 900;

}



.osaas-business-value__equation small {

  margin-top: 4px;

  color: #929caf;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: 1px;

}



.osaas-business-value__equation > i {

  color: #bf6ee3;

}



.osaas-business-value__equation

.osaas-business-value__result {

  border-color:

    rgba(221, 92, 186, .25);

  background:

    linear-gradient(

      135deg,

      rgba(174, 78, 219, .16),

      rgba(225, 88, 177, .12)

    );

}



.osaas-business-value__result span {

  color: #e983cf;

}



/* =========================================================

   NOTE + CLOSING

========================================================= */

.osaas-business-value__note {

  color: #818a9c;

  font-size: 13px;

}



.osaas-business-value__content h3 {

  max-width: 900px;

  margin: 30px auto 0;

  color: #ffffff;

  font-size:

    clamp(24px, 2.5vw, 33px);

  font-weight: 850;

  line-height: 1.25;

}



/* =========================================================

   TABLET

========================================================= */

@media (max-width: 991.98px) {

  .osaas-math-section {

    padding: 75px 0 85px;

  }



  .osaas-business-value {

    padding: 75px 0;

  }



  .osaas-business-value__card {

    padding: 45px 30px;

  }



  .osaas-business-value__equation {

    grid-template-columns:

      1fr auto 1fr;

  }



  .osaas-business-value__equation

  > div:last-child {

    grid-column: 1 / -1;

  }



  .osaas-business-value__equation

  > i:nth-of-type(2) {

    display: none;

  }

}



/* =========================================================

   MOBILE

========================================================= */

@media (max-width: 767.98px) {

  .osaas-math-section {

    padding: 58px 0 65px;

    font-size: 18px;

  }



  .osaas-math-header {

    margin-bottom: 36px;

  }



  .osaas-math-header h2 {

    font-size: 34px;

    letter-spacing: -1px;

  }



  .osaas-math-header p {

    font-size: 18px;

  }



  .osaas-compare-card {

    min-height: auto;

    padding: 20px;

  }



  .osaas-premium-table-card {

    border-radius: 19px;

  }



  .osaas-premium-table-top {

    padding: 20px;

  }



  .osaas-table-top-icon {

    width: 45px;

    height: 45px;

    flex-basis: 45px;

  }



  .osaas-premium-table {

    min-width: 600px;

  }



  .osaas-premium-table thead th,

  .osaas-premium-table tbody td {

    padding: 14px 15px;

  }



  .osaas-math-statement {

    margin-top: 30px;

    font-size: 22px;

  }



  .osaas-tier-message {

    align-items: flex-start;

    padding: 17px;

  }



  .osaas-business-value {

    padding: 60px 0;

  }



  .osaas-business-value__card {

    padding: 35px 18px;

    border-radius: 22px;

  }



  .osaas-business-value h2 {

    font-size: 33px;

  }



  .osaas-business-value__equation {

    display: flex;

    flex-direction: column;

    gap: 10px;

  }



  .osaas-business-value__equation > div {

    width: 100%;

  }



  .osaas-business-value__equation > i {

    transform: rotate(90deg);

  }



  .osaas-business-value__equation

  > i:nth-of-type(2) {

    display: block;

  }

}



/* =========================================================

   SMALL MOBILE

========================================================= */

@media (max-width: 390px) {

  .osaas-math-header h2 {

    font-size: 30px;

  }



  .osaas-math-kicker {

    font-size: 10px;

  }



  .osaas-premium-table-top h3 {

    font-size: 19px;

  }



  .osaas-business-value h2 {

    font-size: 29px;

  }

}

/* =========================================================
   FINAL WHITE MULTI-COLOR THEME
   Paste order: keep this block LAST.
   All section backgrounds = white.
   Each table family gets its own accent color.
========================================================= */

/* ---------- GLOBAL ---------- */
.osaas-math-section,
.osaas-business-value {
    /* background: #ffffff !important; */
    color: #1b2030 !important;
}

.osaas-math-section {
    border-bottom: 1px solid #edf0f5;
}

.osaas-math-section::before,
.osaas-business-value::before {
    pointer-events: none;
}

.osaas-math-glow {
    width: 440px;
    height: 240px;
    top: -150px;
    opacity: .55;
    filter: blur(95px);
}

/* ---------- ACCENT SYSTEM ---------- */
.osaas-math-purple {
    --math-accent: #9550d8;
    --math-accent-2: #c45ac4;
    --math-accent-rgb: 149, 80, 216;
    --math-ink: #552b70;
    --math-soft: #fbf7ff;
    --math-soft-2: #f1e6fb;
    --math-line: #dfc6f1;
}

.osaas-math-blue {
    --math-accent: #287bd8;
    --math-accent-2: #49b5e8;
    --math-accent-rgb: 40, 123, 216;
    --math-ink: #234f7e;
    --math-soft: #f6faff;
    --math-soft-2: #e4f1ff;
    --math-line: #c4ddf6;
}

.osaas-math-pink {
    --math-accent: #d44b96;
    --math-accent-2: #ec74b5;
    --math-accent-rgb: 212, 75, 150;
    --math-ink: #7c2d58;
    --math-soft: #fff8fb;
    --math-soft-2: #ffe7f2;
    --math-line: #f2c6dc;
}

.osaas-math-gold {
    --math-accent: #d79522;
    --math-accent-2: #efbd4b;
    --math-accent-rgb: 215, 149, 34;
    --math-ink: #705018;
    --math-soft: #fffbf3;
    --math-soft-2: #ffefcb;
    --math-line: #efd79e;
}

/* ---------- HEADERS ---------- */
.osaas-math-header {
    position: relative;
    z-index: 3;
}

.osaas-math-header h2 {
    color: #171c28 !important;
    text-shadow: none !important;
}

.osaas-math-header h2 span {
    color: var(--math-accent) !important;
    -webkit-text-fill-color: currentColor !important;
}

.osaas-math-header p {
    color: #596273 !important;
}

.osaas-math-header p strong {
    color: #181d29 !important;
}

.osaas-math-kicker {
    color: var(--math-ink) !important;
    border: 1px solid rgba(var(--math-accent-rgb), .22) !important;
    background: var(--math-soft) !important;
    box-shadow: 0 7px 20px rgba(var(--math-accent-rgb), .06);
}

.osaas-math-kicker span {
    background: var(--math-accent) !important;
    box-shadow: 0 0 12px rgba(var(--math-accent-rgb), .4) !important;
}

/* ---------- COMPARE CARDS ---------- */
.osaas-compare-card {
    border: 1px solid #e6e9ef !important;
    background: #ffffff !important;
    box-shadow: 0 16px 38px rgba(29, 37, 53, .06) !important;
}

.osaas-compare-card--muted {
    background: linear-gradient(145deg, #ffffff, #f8f9fb) !important;
}

.osaas-compare-card--accent {
    border-color: rgba(var(--math-accent-rgb), .24) !important;
    background: linear-gradient(145deg, var(--math-soft-2), #ffffff) !important;
}

.osaas-compare-card:hover {
    border-color: rgba(var(--math-accent-rgb), .25) !important;
}

.osaas-compare-icon {
    color: var(--math-accent) !important;
    background: var(--math-soft-2) !important;
    border-color: rgba(var(--math-accent-rgb), .18) !important;
}

.osaas-compare-card h3 {
    color: #1b2130 !important;
}

.osaas-compare-card p {
    color: #5d6676 !important;
}

/* =========================================================
   TABLE SHELL
========================================================= */
.osaas-premium-table-card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--math-line) !important;
    border-radius: 26px;
    background: #ffffff !important;
    box-shadow:
        0 24px 65px rgba(28, 36, 52, .08),
        0 7px 20px rgba(var(--math-accent-rgb), .035) !important;
}

.osaas-premium-table-card::before {
    left: 7%;
    right: 7%;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--math-accent),
        var(--math-accent-2),
        transparent
    ) !important;
}

/* ---------- TABLE TITLE STRIP ---------- */
.osaas-premium-table-top {
    padding: 27px 30px;
    border-bottom: 1px solid var(--math-line) !important;
    background: linear-gradient(
        100deg,
        var(--math-soft-2) 0%,
        var(--math-soft) 58%,
        #ffffff 100%
    ) !important;
}

.osaas-table-small {
    color: var(--math-accent) !important;
}

.osaas-premium-table-top h3 {
    color: #171d2a !important;
}

.osaas-table-top-icon {
    color: var(--math-accent) !important;
    background: #ffffff !important;
    border: 1px solid rgba(var(--math-accent-rgb), .20) !important;
    box-shadow: 0 8px 22px rgba(var(--math-accent-rgb), .10);
}

/* ---------- BOOTSTRAP TABLE RESET ---------- */
.osaas-premium-table {
    width: 100%;
    color: #252b38 !important;
    --bs-table-color: #252b38 !important;
    --bs-table-bg: #ffffff !important;
    --bs-table-border-color: var(--math-line) !important;
    --bs-table-striped-bg: transparent !important;
    --bs-table-striped-color: #252b38 !important;
    --bs-table-active-bg: transparent !important;
    --bs-table-active-color: #252b38 !important;
    --bs-table-hover-bg: transparent !important;
    --bs-table-hover-color: #252b38 !important;
}

.osaas-premium-table > :not(caption) > * > * {
    box-shadow: none !important;
}

/* ---------- TABLE HEAD ---------- */
.osaas-premium-table thead th {
    padding: 17px 20px;
    color: var(--math-ink) !important;
    background: var(--math-soft-2) !important;
    border-color: var(--math-line) !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.35;
}

/* ---------- TABLE ROWS ---------- */
.osaas-premium-table tbody td {
    padding: 17px 20px;
    color: #4f5868 !important;
    background: #ffffff !important;
    border-color: var(--math-line) !important;
    font-size: 17px;
    line-height: 1.45;
}

.osaas-premium-table tbody tr:nth-child(even) td {
    background: var(--math-soft) !important;
}

.osaas-premium-table tbody tr:hover td {
    background: var(--math-soft-2) !important;
}

.osaas-premium-table tbody strong {
    color: #171d29 !important;
    font-weight: 850;
}

/* ---------- TOTAL ROW ---------- */
.osaas-premium-table .osaas-table-total td {
    color: #171d29 !important;
    background: var(--math-soft-2) !important;
    border-top: 2px solid rgba(var(--math-accent-rgb), .24) !important;
}

/* ---------- NOTE ---------- */
.osaas-table-note {
    color: #697385 !important;
    background: #ffffff !important;
    border-top: 1px solid var(--math-line) !important;
}

.osaas-table-note i {
    color: var(--math-accent) !important;
}

/* ---------- STATEMENT ---------- */
.osaas-math-statement {
    color: #1a202d !important;
}

/* ---------- PLAN BADGE ---------- */
.osaas-plan-badge {
    color: var(--math-ink) !important;
    background: var(--math-soft-2) !important;
    border-color: rgba(var(--math-accent-rgb), .20) !important;
}

/* ---------- TIER MESSAGE ---------- */
.osaas-tier-message {
    background: var(--math-soft) !important;
    border-color: var(--math-line) !important;
}

.osaas-tier-message i {
    color: var(--math-accent) !important;
}

.osaas-tier-message p {
    color: #566071 !important;
}

.osaas-tier-message strong {
    color: #181d29 !important;
}

/* =========================================================
   TABLE 01 — PURPLE
========================================================= */
.osaas-math-purple .osaas-premium-table-card {
    border-color: #dbc0ef !important;
}

.osaas-math-purple .osaas-premium-table thead th {
    background: #efe1fa !important;
}

.osaas-math-purple .osaas-premium-table tbody tr:nth-child(even) td {
    background: #fbf7ff !important;
}

.osaas-math-purple .osaas-premium-table tbody tr:hover td {
    background: #f4eafb !important;
}

/* =========================================================
   TABLE 02 — BLUE
========================================================= */
.osaas-math-blue .osaas-premium-table-card {
    border-color: #bed9f4 !important;
}

.osaas-math-blue .osaas-premium-table thead th {
    background: #deedfd !important;
}

.osaas-math-blue .osaas-premium-table tbody tr:nth-child(even) td {
    background: #f5faff !important;
}

.osaas-math-blue .osaas-premium-table tbody tr:hover td {
    background: #eaf5ff !important;
}

/* =========================================================
   TABLE 03 — PINK
========================================================= */
.osaas-math-pink .osaas-premium-table-card {
    border-color: #efbed7 !important;
}

.osaas-math-pink .osaas-premium-table thead th {
    background: #ffe2ef !important;
}

.osaas-math-pink .osaas-premium-table tbody tr:nth-child(even) td {
    background: #fff7fb !important;
}

.osaas-math-pink .osaas-premium-table tbody tr:hover td {
    background: #ffebf4 !important;
}

/* =========================================================
   TABLE 04 — GOLD
========================================================= */
.osaas-math-gold .osaas-premium-table-card {
    border-color: #ead296 !important;
}

.osaas-math-gold .osaas-premium-table thead th {
    background: #ffedc4 !important;
}

.osaas-math-gold .osaas-premium-table tbody tr:nth-child(even) td {
    background: #fffaf0 !important;
}

.osaas-math-gold .osaas-premium-table tbody tr:hover td {
    background: #fff2d5 !important;
}

/* =========================================================
   BUSINESS VALUE SECTION — WHITE
========================================================= */
.osaas-business-value {
    background:
        radial-gradient(circle at 50% 0%, rgba(167, 73, 211, .075), transparent 34%),
        #ffffff !important;
    color: #1b2030 !important;
}

.osaas-business-value__card {
    border: 1px solid #e7d3ef !important;
    background: linear-gradient(145deg, #ffffff, #fcf8fd) !important;
    box-shadow:
        0 28px 75px rgba(45, 32, 55, .08),
        inset 0 1px 0 #ffffff !important;
}

.osaas-business-value__icon {
    color: #ae4fd0 !important;
    background: linear-gradient(135deg, #f1e6fa, #fce8f4) !important;
    border-color: #e2c4ee !important;
}

.osaas-business-value__tag {
    color: #b64fc9 !important;
}

.osaas-business-value h2,
.osaas-business-value__content h3 {
    color: #171c28 !important;
}

.osaas-business-value h2 span {
    color: #d34fa7 !important;
}

.osaas-business-value__copy p {
    color: #5b6575 !important;
}

.osaas-business-value__copy strong {
    color: #171c28 !important;
}

.osaas-business-value__equation > div {
    border: 1px solid #e7d7ee !important;
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(52, 37, 62, .05);
}

.osaas-business-value__equation span {
    color: #1c2230 !important;
}

.osaas-business-value__equation small {
    color: #737d8e !important;
}

.osaas-business-value__equation > i {
    color: #ad53cf !important;
}

.osaas-business-value__equation .osaas-business-value__result {
    border-color: #edbfda !important;
    background: linear-gradient(135deg, #f4e9ff, #ffedf7) !important;
}

.osaas-business-value__result span {
    color: #ca469d !important;
}

.osaas-business-value__note {
    color: #747d8c !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 767.98px) {
    .osaas-math-section {
        background: #ffffff !important;
    }

    .osaas-premium-table-card {
        border-radius: 20px;
    }

    .osaas-premium-table-top {
        padding: 21px 18px;
    }

    .osaas-premium-table thead th {
        padding: 14px 15px;
        font-size: 14px !important;
        white-space: nowrap;
    }

    .osaas-premium-table tbody td {
        padding: 14px 15px;
        font-size: 17px !important;
    }

    .osaas-table-note {
        padding: 16px 17px;
    }

    .osaas-math-header h2,
    .osaas-business-value h2 {
        color: #171c28 !important;
    }
}


/* =========================================================
   OWNSAAS - ULTRA PREMIUM ZIG ZAG SECTION
========================================================= */

.osaas-zig-section {
    position: relative;
    overflow: hidden;
    padding: 110px 0;
    background:
        radial-gradient(circle at 3% 12%, rgba(182, 65, 222, .10), transparent 22%),
        radial-gradient(circle at 96% 85%, rgba(235, 81, 169, .09), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #fdfaff 50%, #ffffff 100%);
    color: #16131c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}


/* GRID */

.osaas-zig-grid {
    position: absolute;
    inset: 0;
    pointer-events: none;

    background-image:
        linear-gradient(rgba(143, 67, 170, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(143, 67, 170, .035) 1px, transparent 1px);

    background-size: 52px 52px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 8%,
            #000 92%,
            transparent
        );
}


/* GLOWS */

.osaas-zig-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}


.osaas-zig-glow-1 {
    width: 500px;
    height: 500px;
    left: -330px;
    top: 15%;

    background:
        radial-gradient(
            circle,
            rgba(171, 66, 216, .14),
            transparent 68%
        );
}


.osaas-zig-glow-2 {
    width: 550px;
    height: 550px;
    right: -370px;
    bottom: 10%;

    background:
        radial-gradient(
            circle,
            rgba(235, 82, 167, .13),
            transparent 68%
        );
}


/* =========================================================
   HEADER
========================================================= */

.osaas-zig-header {
    position: relative;
    z-index: 2;

    max-width: 900px;
    margin: 0 auto 90px;
}


.osaas-zig-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 22px;
    padding: 10px 17px;

    border: 1px solid rgba(174, 64, 207, .17);
    border-radius: 100px;

    background: rgba(255,255,255,.85);

    box-shadow:
        0 8px 30px rgba(80, 30, 100, .06);

    color: #814193;

    font-size: 13px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.3px;
}


.osaas-zig-kicker span {
    width: 8px;
    height: 8px;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #a843de,
            #ed5ba7
        );

    box-shadow:
        0 0 0 5px rgba(185, 68, 208, .10);
}


.osaas-zig-header h2 {
    margin: 0;

    color: #151119;

    font-size: clamp(44px, 5.5vw, 72px);
    line-height: .98;
    font-weight: 900;
    letter-spacing: -3px;
}


.osaas-zig-header h2 span {
    background:
        linear-gradient(
            90deg,
            #a844de,
            #d653bd,
            #eb5aa5
        );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
}


/* =========================================================
   ZIG ZAG ROW
========================================================= */

.osaas-zig-row {
    position: relative;
    z-index: 2;

    max-width: 1220px;

    margin:
        0 auto 110px;
}


.osaas-zig-row-last {
    margin-bottom: 0;
}


/* subtle separator */

.osaas-zig-row:not(:last-child)::after {
    content: "";

    position: absolute;
    left: 50%;
    bottom: -57px;

    width: 1px;
    height: 28px;

    background:
        linear-gradient(
            to bottom,
            rgba(179, 72, 209, .35),
            transparent
        );
}


/* =========================================================
   MEDIA AREA
========================================================= */

.osaas-zig-media {
    position: relative;

    padding: 15px;

    border: 1px solid #ece4ef;
    border-radius: 32px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(251,246,253,.94)
        );

    box-shadow:
        0 35px 80px rgba(77, 31, 94, .10),
        0 10px 30px rgba(77, 31, 94, .04);

    transition:
        transform .45s ease,
        box-shadow .45s ease;
}


.osaas-zig-media:hover {
    transform:
        translateY(-7px);

    box-shadow:
        0 45px 100px rgba(77, 31, 94, .15);
}


/* premium border */

.osaas-zig-media::before {
    content: "";

    position: absolute;
    inset: 0;

    border-radius: inherit;
    padding: 1px;

    pointer-events: none;

    background:
        linear-gradient(
            135deg,
            rgba(177, 68, 220, .48),
            transparent 35%,
            transparent 68%,
            rgba(234, 84, 165, .35)
        );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;
}


/* =========================================================
   IMAGE FRAME
========================================================= */

.osaas-zig-media-frame {
    position: relative;
    overflow: hidden;

    height: 440px;

    border-radius: 23px;

    background:
        linear-gradient(
            145deg,
            #f2e4fa,
            #ffeaf5
        );
}


.osaas-zig-media-frame::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.04),
            transparent 65%,
            rgba(74, 23, 85, .07)
        );
}


.osaas-zig-media-frame img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .65s ease;
}


.osaas-zig-media:hover .osaas-zig-media-frame img {
    transform:
        scale(1.025);
}


/* =========================================================
   BIG FEATURE NUMBER
========================================================= */

.osaas-zig-media-number {
    position: absolute;
    z-index: 5;

    top: -24px;
    left: -22px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 66px;
    height: 66px;

    border: 5px solid #ffffff;
    border-radius: 20px;

    background:
        linear-gradient(
            135deg,
            #9d3dd7 0%,
            #cc4bc3 48%,
            #ec5a9f 100%
        );

    box-shadow:
        0 15px 35px rgba(176, 58, 195, .28);

    color: #ffffff;

    font-size: 15px;
    font-weight: 900;
    letter-spacing: .5px;
}


/* =========================================================
   FLOAT CARD
========================================================= */

.osaas-zig-float-card {
    position: absolute;
    z-index: 6;

    display: flex;
    align-items: center;
    gap: 9px;

    padding:
        12px 16px;

    border:
        1px solid rgba(255,255,255,.9);

    border-radius: 100px;

    background:
        rgba(255,255,255,.91);

    backdrop-filter:
        blur(14px);

    box-shadow:
        0 15px 45px rgba(58, 24, 69, .15);

    color: #38253e;

    font-size: 13px;
    line-height: 1;
    font-weight: 800;
}


.osaas-zig-float-card span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #a23edb,
            #eb59a4
        );

    color: #ffffff;

    font-size: 12px;
}


.osaas-zig-float-bottom {
    right: 32px;
    bottom: 32px;
}


.osaas-zig-float-top {
    right: 32px;
    top: 32px;
}


/* =========================================================
   CONTENT
========================================================= */

.osaas-zig-content {
    position: relative;

    padding:
        38px 20px 38px 15px;
}


.osaas-zig-content::before {
    content: "";

    display: block;

    width: 54px;
    height: 4px;

    margin-bottom: 22px;

    border-radius: 100px;

    background:
        linear-gradient(
            90deg,
            #9f3edc,
            #e657aa
        );
}


.osaas-zig-content-right {
    padding:
        38px 15px 38px 20px;
}


/* FEATURE LABEL */

.osaas-zig-index {
    margin-bottom: 13px;

    color: #aa51bb;

    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 1.7px;
}


/* HEADING */

.osaas-zig-content h3 {
    max-width: 600px;

    margin:
        0 0 20px;

    color: #17131a;

    font-size:
        clamp(28px, 3vw, 43px);

    line-height: 1.1;

    font-weight: 900;

    letter-spacing:
        -1.5px;
}


/* BODY */

.osaas-zig-content p {
    max-width: 600px;

    margin: 0;

    color: #69616c;

    font-size: 18px;
    line-height: 1.75;

    font-weight: 400;
}


.osaas-zig-content p strong {
    color: #9e438d;

    font-weight: 700;
}


/* =========================================================
   DECORATIVE POINT NEXT TO CONTENT
========================================================= */

.osaas-zig-content::after {
    content: "";

    position: absolute;

    right: 5%;
    top: 15px;

    width: 110px;
    height: 110px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(184, 71, 212, .065),
            transparent 70%
        );

    pointer-events: none;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .osaas-zig-row {
        margin-bottom: 90px;
    }

    .osaas-zig-media-frame {
        height: 390px;
    }

}


/* =========================================================
   <= 991
========================================================= */

@media (max-width: 991px) {

    .osaas-zig-section {
        padding:
            80px 0;
    }


    .osaas-zig-header {
        margin-bottom: 65px;
    }


    .osaas-zig-row {
        margin-bottom: 75px;
    }


    .osaas-zig-row:not(:last-child)::after {
        display: none;
    }


    .osaas-zig-media {
        max-width: 700px;

        margin:
            0 auto;
    }


    .osaas-zig-media-frame {
        height: 480px;
    }


    .osaas-zig-content,
    .osaas-zig-content-right {
        max-width: 700px;

        margin:
            0 auto;

        padding:
            22px 8px 5px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .osaas-zig-section {
        padding:
            65px 0;

        font-size: 18px;
    }


    .osaas-zig-header h2 {
        font-size: 43px;

        letter-spacing: -2px;
    }


    .osaas-zig-row {
        margin-bottom:
            65px;
    }


    .osaas-zig-media {
        padding:
            10px;

        border-radius:
            24px;
    }


    .osaas-zig-media-frame {
        height:
            390px;

        border-radius:
            18px;
    }


    .osaas-zig-media-number {
        top:
            -17px;

        left:
            -8px;

        width:
            56px;

        height:
            56px;

        border-width:
            4px;

        border-radius:
            17px;
    }


    .osaas-zig-content h3 {
        font-size:
            31px;

        letter-spacing:
            -1px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575px) {

    .osaas-zig-section {
        padding:
            55px 0;
    }


    .osaas-zig-header {
        margin-bottom:
            55px;
    }


    .osaas-zig-header h2 {
        font-size:
            37px;
    }


    .osaas-zig-kicker {
        font-size:
            11px;
    }


    .osaas-zig-media-frame {
        height:
            310px;
    }


    .osaas-zig-content {
        padding-top:
            18px;
    }


    .osaas-zig-content h3 {
        font-size:
            27px;
    }


    .osaas-zig-content p {
        font-size:
            18px;

        line-height:
            1.65;
    }


    .osaas-zig-float-card {
        padding:
            9px 11px;

        font-size:
            11px;
    }


    .osaas-zig-float-bottom {
        right:
            18px;

        bottom:
            18px;
    }


    .osaas-zig-float-top {
        right:
            18px;

        top:
            18px;
    }

}
/* ==========================================================
   OWNSAAS PREMIUM BONUS SHOWCASE
========================================================== */

.osaas-premium-bonuses {
    position: relative;
    overflow: hidden;

    padding: 100px 0;

    background:
        radial-gradient(
            circle at 12% 10%,
            rgba(126, 76, 255, .12),
            transparent 28%
        ),
        radial-gradient(
            circle at 90% 45%,
            rgba(214, 92, 255, .10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f6f1ff 0%,
            #faf8ff 48%,
            #f2ecff 100%
        );

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 18px;

    color: #21182d;
}


/* background grid */

.osaas-premium-bonuses::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: .5;

    background-image:
        linear-gradient(
            rgba(107, 63, 194, .035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(107, 63, 194, .035) 1px,
            transparent 1px
        );

    background-size:
        55px 55px;
}


/* ==========================================================
   MAIN HEADING
========================================================== */

.osaas-pb-main-head {
    position: relative;
    z-index: 2;

    max-width: 950px;

    margin:
        0 auto 75px;
}


.osaas-pb-main-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 18px;

    padding:
        9px 17px;

    border:
        1px solid #ded3ff;

    border-radius:
        100px;

    background:
        rgba(255,255,255,.8);

    color:
        #6941e7;

    font-size:
        12px;

    font-weight:
        900;

    letter-spacing:
        1.7px;

    box-shadow:
        0 8px 30px rgba(95,65,171,.07);
}


.osaas-pb-main-head h2 {
    margin: 0;

    color:
        #1d1526;

    font-size:
        clamp(40px, 5vw, 68px);

    line-height:
        1.03;

    font-weight:
        900;

    letter-spacing:
        -2.7px;
}


.osaas-pb-main-head h2 span {
    background:
        linear-gradient(
            90deg,
            #6841ed,
            #9949ef,
            #d65abd
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;
}


.osaas-pb-main-head > p {
    margin:
        20px 0 0;

    color:
        #71697b;

    font-size:
        18px;

    line-height:
        1.7;
}


/* ==========================================================
   SHIFT
========================================================== */

.osaas-pb-shift {
    max-width:
        760px;

    margin:
        30px auto 0;

    padding:
        22px 25px;

    border:
        1px solid rgba(112,70,224,.15);

    border-radius:
        18px;

    background:
        rgba(255,255,255,.70);

    box-shadow:
        0 18px 45px rgba(86,56,150,.06);
}


.osaas-pb-shift small {
    display:
        block;

    margin-bottom:
        11px;

    color:
        #847c8c;

    font-size:
        13px;
}


.osaas-pb-shift-text {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        13px;

    font-size:
        17px;

    font-weight:
        800;
}


.osaas-pb-shift-text span {
    color:
        #77707d;
}


.osaas-pb-shift-text b {
    color:
        #7845ee;

    font-size:
        23px;
}


.osaas-pb-shift-text strong {
    color:
        #5f3ed9;
}


/* ==========================================================
   LARGE BONUS CARD
========================================================== */

.osaas-pb-card {
    position:
        relative;

    z-index:
        2;

    max-width:
        1240px;

    margin:
        0 auto 38px;

    padding:
        45px 55px;

    border:
        1px solid rgba(130,89,255,.23);

    border-radius:
        31px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.97),
            rgba(253,251,255,.94)
        );

    box-shadow:
        0 30px 80px rgba(100,71,170,.10),
        inset 0 1px 0 rgba(255,255,255,1);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}


.osaas-pb-card:hover {
    transform:
        translateY(-5px);

    border-color:
        rgba(126,77,239,.40);

    box-shadow:
        0 40px 100px rgba(98,65,170,.14);
}


/* ==========================================================
   LEFT VISUAL
========================================================== */

.osaas-pb-visual {
    position:
        relative;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        385px;

    padding:
        35px 20px;
}


/* background halo */

.osaas-pb-image-glow {
    position:
        absolute;

    left:
        50%;

    bottom:
        20px;

    width:
        90%;

    height:
        130px;

    transform:
        translateX(-50%);

    border-radius:
        50%;

    background:
        radial-gradient(
            ellipse,
            rgba(111,70,231,.18),
            transparent 70%
        );

    filter:
        blur(12px);
}


/* badge */

.osaas-pb-image-label {
    position:
        absolute;

    z-index:
        4;

    top:
        0;

    left:
        0;

    padding:
        9px 17px;

    border:
        1px solid #ded2ff;

    border-radius:
        100px;

    background:
        rgba(255,255,255,.94);

    box-shadow:
        0 8px 25px rgba(90,61,157,.08);

    color:
        #653cdf;

    font-size:
        10px;

    line-height:
        1;

    font-weight:
        900;

    letter-spacing:
        1.5px;
}


/* product image */

.osaas-pb-image {
    position:
        relative;

    z-index:
        2;

    width:
        100%;

    max-width:
        430px;

    max-height:
        360px;

    object-fit:
        contain;

    filter:
        drop-shadow(
            0 30px 25px rgba(56,33,104,.14)
        );

    transition:
        transform .4s ease;
}


.osaas-pb-card:hover
.osaas-pb-image {
    transform:
        translateY(-5px)
        scale(1.015);
}


/* ==========================================================
   CONTENT
========================================================== */

.osaas-pb-content {
    padding:
        20px 10px;
}


/* exclusive + bonus */

.osaas-pb-meta {
    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    margin-bottom:
        19px;

    color:
        #8e8597;

    font-size:
        11px;

    line-height:
        1;

    font-weight:
        900;

    letter-spacing:
        1.4px;

    text-transform:
        uppercase;
}


.osaas-pb-meta span {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        8px 12px;

    border-radius:
        100px;

    background:
        #24182f;

    color:
        #ffffff;

    font-size:
        9px;

    letter-spacing:
        1.2px;
}


/* ==========================================================
   TITLE
========================================================== */

.osaas-pb-content h3 {
    max-width:
        680px;

    margin:
        0 0 17px;

    color:
        #201629;

    font-size:
        clamp(30px, 3.5vw, 36px);

    line-height:
        1.08;

    font-weight:
        900;

    letter-spacing:
        -1.8px;
}


.osaas-pb-content h3 span {
    display:
        inline;

    color:
        #6d40eb;

    /* border-bottom:
        3px solid #6d40eb; */
background: linear-gradient( 90deg, #6841ed, #9949ef, #d65abd );
    background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
    padding-bottom:
        -8px;
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.osaas-pb-content > p {
    max-width:
        680px;

    margin:
        0;

    color:
        #706878;

    font-size:
        18px;

    line-height:
        1.75;

    font-weight:
        400;
}


/* ==========================================================
   DIVIDER
========================================================== */

.osaas-pb-divider {
    width:
        100%;

    height:
        1px;

    margin:
        30px 0 20px;

    background:
        linear-gradient(
            90deg,
            #ebe5ef,
            rgba(235,229,239,.3)
        );
}


/* ==========================================================
   BOTTOM
========================================================== */

.osaas-pb-bottom {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;
}


/* INCLUDED */

.osaas-pb-included {
    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    color:
        #342d39;

    font-size:
        12px;

    line-height:
        1;

    font-weight:
        900;

    letter-spacing:
        .7px;
}


.osaas-pb-included i {
    position:
        relative;

    display:
        block;

    width:
        10px;

    height:
        10px;

    border-radius:
        50%;

    background:
        #51d395;

    box-shadow:
        0 0 0 6px rgba(81,211,149,.13);
}


/* PRICE */

.osaas-pb-price {
    text-align:
        right;
}


.osaas-pb-price small {
    display:
        block;

    margin-bottom:
        4px;

    color:
        #9a929f;

    font-size:
        9px;

    line-height:
        1;

    font-weight:
        900;

    letter-spacing:
        1px;
}


.osaas-pb-price strong {
    background:
        linear-gradient(
            90deg,
            #663fe4,
            #a24bdc
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;

    font-size:
        25px;

    line-height:
        1;

    font-weight:
        900;
}


/* ==========================================================
   TOTAL VALUE
========================================================== */

.osaas-pb-total {
    position:
        relative;

    z-index:
        2;

    max-width:
        1050px;

    margin:
        75px auto 0;

    padding:
        48px;

    border:
        1px solid rgba(120,76,237,.22);

    border-radius:
        30px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f9f5ff
        );

    box-shadow:
        0 35px 90px rgba(95,63,162,.13);
}


.osaas-pb-total-head small {
    display:
        block;

    margin-bottom:
        10px;

    color:
        #7043e9;

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        1.5px;
}


.osaas-pb-total-head h3 {
    margin:
        0 0 32px;

    color:
        #201527;

    font-size:
        clamp(30px, 4vw, 47px);

    font-weight:
        900;

    letter-spacing:
        -1.5px;
}


.osaas-pb-total-head h3 span {
    color:
        #7144e9;
}


/* TABLE */

.osaas-pb-total-table {
    overflow:
        hidden;

    border:
        1px solid #e9e0f8;

    border-radius:
        18px;
}


.osaas-pb-total-row {
    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        20px;

    padding:
        20px 24px;

    border-bottom:
        1px solid #eee7f4;

    background:
        #fff;
}


.osaas-pb-total-row > *:last-child {
    text-align:
        right;
}


.osaas-pb-total-title {
    background:
        #f8f4ff;

    color:
        #89808f;

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        1px;

    text-transform:
        uppercase;
}


.osaas-pb-total-row strong {
    color:
        #302638;

    font-size:
        18px;

    font-weight:
        800;
}


.osaas-pb-total-final {
    border-bottom:
        0;

    background:
        linear-gradient(
            90deg,
            rgba(106,64,230,.09),
            rgba(191,75,222,.08)
        );
}


.osaas-pb-total-final strong {
    color:
        #5e38d4;

    font-size:
        21px;

    font-weight:
        900;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 991px) {

    .osaas-premium-bonuses {
        padding:
            75px 0;
    }


    .osaas-pb-card {
        padding:
            35px 30px;

        border-radius:
            27px;
    }


    .osaas-pb-visual {
        min-height:
            360px;

        margin-bottom:
            5px;
    }


    .osaas-pb-content {
        text-align:
            center;
    }


    .osaas-pb-meta {
        justify-content:
            center;
    }


    .osaas-pb-content h3,
    .osaas-pb-content > p {
        margin-left:
            auto;

        margin-right:
            auto;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .osaas-premium-bonuses {
        padding:
            60px 0;

        font-size:
            18px;
    }


    .osaas-pb-main-head {
        margin-bottom:
            50px;
    }


    .osaas-pb-main-head h2 {
        font-size:
            39px;

        letter-spacing:
            -1.8px;
    }


    .osaas-pb-card {
        margin-bottom:
            25px;

        padding:
            25px 18px;

        border-radius:
            24px;
    }


    .osaas-pb-visual {
        min-height:
            300px;

        padding:
            30px 10px;
    }


    .osaas-pb-image {
        max-height:
            290px;
    }


    .osaas-pb-content h3 {
        font-size:
            31px;

        letter-spacing:
            -1px;
    }


    .osaas-pb-bottom {
        flex-direction:
            column;

        justify-content:
            center;

        text-align:
            center;
    }


    .osaas-pb-price {
        text-align:
            center;
    }


    .osaas-pb-total {
        margin-top:
            55px;

        padding:
            30px 18px;
    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 575px) {

    .osaas-pb-main-head h2 {
        font-size:
            34px;
    }


    .osaas-pb-shift-text {
        flex-direction:
            column;
    }


    .osaas-pb-shift-text b {
        transform:
            rotate(90deg);
    }


    .osaas-pb-visual {
        min-height:
            265px;
    }


    .osaas-pb-image {
        max-height:
            250px;
    }


    .osaas-pb-image-label {
        padding:
            7px 11px;

        font-size:
            8px;
    }


    .osaas-pb-content h3 {
        font-size:
            27px;

        line-height:
            1.15;
    }


    .osaas-pb-content > p {
        font-size:
            18px;

        line-height:
            1.65;
    }


    .osaas-pb-total-row {
        padding:
            17px 13px;

        gap:
            10px;
    }


    .osaas-pb-total-row strong {
        font-size:
            14px;
    }


    .osaas-pb-total-final strong {
        font-size:
            16px;
    }

}

/* =========================================================
   OWN SAAS AI — FOUNDATION SECTION
========================================================= */

.ownfnd922-section {
    --osaas-bg: #07060d;
    --osaas-panel: #0e0b17;
    --osaas-panel-2: #13101e;
    --osaas-white: #ffffff;
    --osaas-text: #bab4c9;
    --osaas-purple: #9d4dff;
    --osaas-pink: #ef4fc4;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 120px 0 130px;
    background:
        radial-gradient(circle at 50% -10%, rgba(153, 71, 255, .18), transparent 36%),
        linear-gradient(180deg, #090710 0%, #05050a 100%);
    color: var(--osaas-white);
    font-size: 18px;
}


/* GRID BG */
.ownfnd922-grid {
    position: absolute;
    inset: 0;
    z-index: -3;
    opacity: .17;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 55px 55px;
    mask-image: linear-gradient(to bottom, #000, transparent 80%);
}


/* BACKGROUND GLOWS */
.ownfnd922-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    pointer-events: none;
    z-index: -2;
}

.ownfnd922-glow--one {
    width: 520px;
    height: 520px;
    top: 10%;
    left: -260px;
    background: rgba(123, 64, 255, .17);
}

.ownfnd922-glow--two {
    width: 560px;
    height: 560px;
    right: -280px;
    bottom: 5%;
    background: rgba(236, 63, 186, .12);
}


/* =========================================================
   HEADER
========================================================= */

.ownfnd922-header {
    max-width: 1040px;
    margin: 0 auto 80px;
}


.ownfnd922-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 27px;
    padding: 10px 18px;
    border: 1px solid rgba(193, 117, 255, .25);
    border-radius: 100px;
    background: rgba(255, 255, 255, .045);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 15px 40px rgba(0,0,0,.3);
    color: #d8baff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}


.ownfnd922-eyebrow-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d75bff;
    box-shadow: 0 0 15px #d75bff;
}


.ownfnd922-title {
    max-width: 920px;
    margin: 0 auto;
    color: #fff;
    font-size: clamp(38px, 5vw, 68px);
    line-height: 1.04;
    font-weight: 900;
    letter-spacing: -2.5px;
}


.ownfnd922-title span {
    display: inline-block;
    background: linear-gradient(
        90deg,
        #b85cff 0%,
        #f65bc8 50%,
        #b767ff 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


.ownfnd922-message {
    max-width: 770px;
    margin: 42px auto 0;
    padding: 31px 35px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 24px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        );
    box-shadow:
        inset 0 1px rgba(255,255,255,.07),
        0 30px 80px rgba(0,0,0,.26);
    backdrop-filter: blur(15px);
}


.ownfnd922-message p {
    position: relative;
    margin: 0;
    padding: 12px 15px;
    color: #bbb5c8;
    font-size: 18px;
    line-height: 1.6;
}


.ownfnd922-message p + p {
    border-top: 1px solid rgba(255,255,255,.06);
}


.ownfnd922-message strong {
    color: #fff;
    font-weight: 700;
}


/* =========================================================
   MAIN HIGHLIGHT
========================================================= */

.ownfnd922-highlight {
    position: relative;
    max-width: 940px;
    margin: 48px auto 0;
    padding: 42px 45px;
    overflow: hidden;
    border: 1px solid rgba(205, 107, 255, .27);
    border-radius: 30px;
    background:
        radial-gradient(circle at 50% 0%, rgba(210,75,255,.20), transparent 55%),
        linear-gradient(145deg, #151021, #0c0913);
    box-shadow:
        0 35px 90px rgba(0,0,0,.45),
        0 0 70px rgba(164,71,255,.08),
        inset 0 1px 0 rgba(255,255,255,.08);
}


.ownfnd922-highlight::before {
    content: "";
    position: absolute;
    width: 360px;
    height: 120px;
    left: 50%;
    top: -95px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #d85aff;
    filter: blur(80px);
    opacity: .35;
}


.ownfnd922-highlight-icon {
    position: relative;
    width: 55px;
    height: 55px;
    margin: 0 auto 20px;
    display: grid;
    place-items: center;
    border-radius: 17px;
    background:
        linear-gradient(135deg, #994dff, #ee52bd);
    box-shadow:
        0 16px 40px rgba(210,70,236,.28),
        inset 0 1px rgba(255,255,255,.45);
}


.ownfnd922-highlight-icon span {
    font-size: 23px;
}


.ownfnd922-highlight h3 {
    position: relative;
    max-width: 800px;
    margin: auto;
    color: #fff;
    font-size: clamp(26px, 3vw, 40px);
    line-height: 1.18;
    font-weight: 900;
    letter-spacing: -1px;
}


.ownfnd922-highlight h3 span {
    color: #ec68ce;
}


.ownfnd922-highlight p {
    margin: 18px 0 0;
    color: #aaa3b9;
    font-size: 18px;
}


.ownfnd922-highlight-line {
    position: absolute;
    left: 50%;
    width: 170px;
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(
        90deg,
        transparent,
        #d756e9,
        transparent
    );
}


.ownfnd922-highlight-line:first-child {
    top: 0;
}

.ownfnd922-highlight-line:last-child {
    bottom: 0;
}


/* =========================================================
   CATEGORY HEADER
========================================================= */

.ownfnd922-category-head {
    margin-bottom: 50px;
}


.ownfnd922-mini-line {
    display: block;
    width: 55px;
    height: 4px;
    margin: 0 auto 18px;
    border-radius: 10px;
    background: linear-gradient(90deg, #994bff, #f453c7);
    box-shadow: 0 0 22px rgba(219,70,232,.5);
}


.ownfnd922-category-head h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(31px, 4vw, 50px);
    font-weight: 900;
    letter-spacing: -1.5px;
}


.ownfnd922-category-head p {
    margin: 12px 0 0;
    color: #90899e;
    font-size: 18px;
}


/* =========================================================
   CARDS
========================================================= */

.ownfnd922-card {
    --card-accent: #b44fff;
    position: relative;
    height: 100%;
    padding: 10px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 32px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.018)
        );
    box-shadow:
        0 30px 70px rgba(0,0,0,.38),
        inset 0 1px rgba(255,255,255,.075);
    transition:
        transform .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;
}


.ownfnd922-card::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 180px;
    height: 180px;
    top: -70px;
    right: -60px;
    border-radius: 50%;
    background: var(--card-accent);
    opacity: .15;
    filter: blur(60px);
}


.ownfnd922-card:hover {
    /* transform: translateY(-12px); */
    border-color: color-mix(
        in srgb,
        var(--card-accent) 48%,
        transparent
    );
    box-shadow:
        0 45px 100px rgba(0,0,0,.5),
        0 0 55px color-mix(
            in srgb,
            var(--card-accent) 12%,
            transparent
        ),
        inset 0 1px rgba(255,255,255,.1);
}


/* CARD COLOR VARIATIONS */

.ownfnd922-card-purple {
    --card-accent: #a34cff;
}

.ownfnd922-card-blue {
    --card-accent: #4976ff;
}

.ownfnd922-card-pink {
    --card-accent: #ef50ba;
}

.ownfnd922-card-orange {
    --card-accent: #ff8e45;
}

.ownfnd922-card-green {
    --card-accent: #45d59a;
}

.ownfnd922-card-cyan {
    --card-accent: #42cce5;
}


/* =========================================================
   CARD IMAGE
========================================================= */

.ownfnd922-card-top {
    position: relative;
    height: 285px;
    overflow: hidden;
    border-radius: 24px;
    background: #0b0911;
}


.ownfnd922-card-image,
.ownfnd922-card-image img {
    width: 100%;
    height: 100%;
}


.ownfnd922-card-image img {
    display: block;
    object-fit: cover;
    transition: transform .75s cubic-bezier(.2,.7,.2,1);
}


.ownfnd922-card:hover
.ownfnd922-card-image img {
    /* transform: scale(1.07); */
}


.ownfnd922-image-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(5,5,10,.05) 25%,
            rgba(5,5,10,.85) 100%
        );
}


.ownfnd922-number {
    position: absolute;
    z-index: 4;
    top: 19px;
    left: 19px;
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 16px;
    background:
        linear-gradient(
            135deg,
            var(--card-accent),
            color-mix(in srgb, var(--card-accent) 60%, #fff)
        );
    box-shadow:
        0 13px 30px
        color-mix(in srgb, var(--card-accent) 25%, transparent);
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}


.ownfnd922-image-label {
    position: absolute;
    z-index: 4;
    right: 18px;
    bottom: 18px;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 100px;
    background: rgba(5,5,10,.68);
    backdrop-filter: blur(12px);
    color: rgba(255,255,255,.85);
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.6px;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.ownfnd922-card-body {
    position: relative;
    min-height: 260px;
    padding: 38px 25px 30px;
    text-align: center;
}


.ownfnd922-card-icon {
    position: absolute;
    top: -26px;
    left: 50%;
    width: 52px;
    height: 52px;
    transform: translateX(-50%);
    display: grid;
    place-items: center;
    border: 6px solid #0d0a14;
    border-radius: 50%;
    background: var(--card-accent);
    box-shadow:
        0 12px 30px
        color-mix(in srgb, var(--card-accent) 25%, transparent);
}


.ownfnd922-card-icon span {
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}


.ownfnd922-card-body h4 {
    margin: 8px 0 16px;
    color: #fff;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -.6px;
}


.ownfnd922-divider {
    width: 45px;
    height: 3px;
    margin: 0 auto 18px;
    border-radius: 10px;
    background: var(--card-accent);
    box-shadow:
        0 0 16px
        color-mix(in srgb, var(--card-accent) 55%, transparent);
}


.ownfnd922-card-body p {
    max-width: 320px;
    margin: 0 auto;
    color: #aaa4b4;
    font-size: 18px;
    line-height: 1.7;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199.98px) {

    .ownfnd922-section {
        padding: 100px 0;
    }

    .ownfnd922-card-top {
        height: 270px;
    }
}


@media (max-width: 767.98px) {

    .ownfnd922-section {
        padding: 75px 0;
    }

    .ownfnd922-header {
        margin-bottom: 60px;
    }

    .ownfnd922-title {
        font-size: 38px;
        letter-spacing: -1.4px;
    }

    .ownfnd922-message {
        margin-top: 30px;
        padding: 22px 16px;
        border-radius: 20px;
    }

    .ownfnd922-message p {
        padding: 12px 5px;
    }

    .ownfnd922-highlight {
        margin-top: 32px;
        padding: 35px 20px;
        border-radius: 24px;
    }

    .ownfnd922-highlight h3 {
        font-size: 27px;
    }

    .ownfnd922-category-head {
        margin-bottom: 35px;
    }

    .ownfnd922-category-head h3 {
        font-size: 32px;
    }

    .ownfnd922-card {
        max-width: 520px;
        margin: 0 auto;
        border-radius: 27px;
    }

    .ownfnd922-card-top {
        height: 290px;
        border-radius: 20px;
    }

    .ownfnd922-card-body {
        min-height: auto;
        padding: 40px 20px 30px;
    }
}


@media (max-width: 479.98px) {

    .ownfnd922-title {
        font-size: 33px;
    }

    .ownfnd922-card-top {
        height: 240px;
    }

    .ownfnd922-card-body h4 {
        font-size: 22px;
    }

    .ownfnd922-card-body p,
    .ownfnd922-message p,
    .ownfnd922-highlight p,
    .ownfnd922-category-head p {
        font-size: 18px;
    }
}

/* =========================================================
   TWO PATHS SECTION
   UNIQUE PREFIX: twopath922-
========================================================= */

.twopath922-section {
    --twopath922-bg: #08060d;
    --twopath922-bg2: #0d0813;

    position: relative;
    isolation: isolate;
    overflow: hidden;

    padding: 100px 0 120px;

    background:
        radial-gradient(
            circle at 50% -5%,
            rgba(171, 74, 242, .17),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #0b0711 0%,
            #050509 100%
        );

    color: #ffffff;

    font-size: 18px;
}


/* =========================================================
   BACKGROUND
========================================================= */

.twopath922-grid {
    position: absolute;
    inset: 0;

    z-index: -5;

    opacity: .24;

    background-image:
        linear-gradient(
            rgba(255,255,255,.024) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.024) 1px,
            transparent 1px
        );

    background-size: 60px 60px;

    mask-image:
        linear-gradient(
            to bottom,
            #000,
            transparent 90%
        );
}


.twopath922-glow {
    position: absolute;

    z-index: -4;

    border-radius: 50%;

    filter: blur(120px);

    pointer-events: none;
}


.twopath922-glow-left {
    width: 500px;
    height: 500px;

    left: -300px;
    top: 280px;

    background: rgba(255, 81, 117, .10);
}


.twopath922-glow-right {
    width: 520px;
    height: 520px;

    right: -300px;
    bottom: 120px;

    background: rgba(179, 76, 241, .16);
}


/* =========================================================
   LOGO
========================================================= */

.twopath922-logo-area {
    margin-bottom: 65px;
}


.twopath922-logo-shell {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    max-width: 420px;

    padding: 15px 27px;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.02)
        );

    box-shadow:
        0 25px 65px rgba(0,0,0,.35),
        inset 0 1px rgba(255,255,255,.06);

    backdrop-filter: blur(14px);
}


.twopath922-logo {
    display: block;

    width: 100%;

    max-width: 350px;

    height: auto;
}


/* =========================================================
   HEADING
========================================================= */

.twopath922-heading {
    max-width: 900px;

    margin: 0 auto 55px;
}


.twopath922-heading-badge {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 20px;

    padding: 9px 16px;

    border: 1px solid rgba(204, 91, 244, .24);

    border-radius: 100px;

    background: rgba(180, 75, 235, .07);

    color: #d995ea;

    font-size: 11px;

    line-height: 1;

    font-weight: 900;

    letter-spacing: 2px;
}


.twopath922-heading-badge span {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #db5de8;

    box-shadow:
        0 0 14px #db5de8;
}


.twopath922-heading h2 {
    margin: 0;

    color: #ffffff;

    font-size: clamp(34px, 6vw, 50px);

    line-height: .98;

    font-weight: 900;

    letter-spacing: -3px;
}


.twopath922-heading h2 span {
  

    background:
        linear-gradient(
            90deg,
            #af50f7,
            #e95ab5
        );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
}


/* =========================================================
   MAIN BOARD
========================================================= */

.twopath922-board {
    position: relative;

    max-width: 1180px;

    margin: 0 auto;

    overflow: visible;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 36px;

    background: rgba(255,255,255,.018);

    box-shadow:
        0 45px 120px rgba(0,0,0,.42);
}


/* =========================================================
   OPTIONS
========================================================= */

.twopath922-option {
    position: relative;

    height: 100%;

    min-height: 820px;

    overflow: hidden;
}


.twopath922-option-one {
    padding:
        18px
        40px
        45px;

    border-radius:
        35px 0 0 35px;

    background:
        radial-gradient(
            circle at 0% 15%,
            rgba(255, 84, 119, .10),
            transparent 40%
        ),
        #0c080d;
}


.twopath922-option-two {
    padding:
        18px
        40px
        45px;

    border-left:
        1px solid rgba(255,255,255,.065);

    border-radius:
        0 35px 35px 0;

    background:
        radial-gradient(
            circle at 100% 12%,
            rgba(177, 74, 238, .16),
            transparent 43%
        ),
        radial-gradient(
            circle at 100% 90%,
            rgba(230, 79, 174, .08),
            transparent 32%
        ),
        #100b17;
}


/* =========================================================
   OPTION IMAGE
========================================================= */

.twopath922-media {
    position: relative;

    height: 280px;

    margin-bottom: 36px;

    overflow: hidden;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 25px;

    background: #0b0810;

    box-shadow:
        0 25px 55px rgba(0,0,0,.28);
}


.twopath922-media::before {
    content: "";

    position: absolute;

    z-index: 4;

    inset: 0;

    border-radius: inherit;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.025);

    pointer-events: none;
}


.twopath922-media-img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .65s cubic-bezier(.2,.75,.2,1);
}


.twopath922-option:hover
.twopath922-media-img {
    transform: scale(1.055);
}


.twopath922-media-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(5,4,8,.03) 20%,
            rgba(6,4,9,.18) 55%,
            rgba(7,5,10,.88) 100%
        );
}


/* NUMBER ON IMAGE */

.twopath922-media-num {
    position: absolute;

    z-index: 5;

    top: 18px;
    right: 18px;

    color: rgba(255,255,255,.52);

    font-size: 11px;

    font-weight: 900;

    letter-spacing: 1px;
}


/* IMAGE TAG */

.twopath922-media-tag {
    position: absolute;

    z-index: 5;

    left: 17px;
    bottom: 17px;

    padding: 8px 13px;

    border-radius: 100px;

    backdrop-filter: blur(12px);

    font-size: 10px;

    line-height: 1;

    font-weight: 900;

    letter-spacing: 1.4px;
}


.twopath922-media-tag-one {
    border: 1px solid rgba(255, 100, 124, .22);

    background: rgba(32, 10, 16, .70);

    color: #ff8397;
}


.twopath922-media-tag-two {
    border: 1px solid rgba(207, 100, 246, .24);

    background: rgba(22, 11, 31, .72);

    color: #dc85ed;
}


/* =========================================================
   OPTION HEADING
========================================================= */

.twopath922-option-head {
    display: flex;

    align-items: flex-start;

    gap: 18px;

    margin-bottom: 32px;
}


.twopath922-number {
    flex: 0 0 58px;

    width: 58px;
    height: 58px;

    display: grid;
    place-items: center;

    border-radius: 17px;

    font-size: 12px;

    font-weight: 900;
}


.twopath922-number-one {
    border: 1px solid rgba(255, 95, 123, .25);

    background: rgba(255, 95, 123, .08);

    color: #ff718a;
}


.twopath922-number-two {
    border: 1px solid rgba(202, 91, 245, .28);

    background:
        linear-gradient(
            135deg,
            rgba(171, 75, 239, .22),
            rgba(230, 82, 174, .13)
        );

    color: #de78ef;
}


.twopath922-label {
    display: block;

    margin-bottom: 7px;

    color: #8f8795;

    font-size: 11px;

    line-height: 1;

    font-weight: 900;

    letter-spacing: 2px;
}


.twopath922-option-title h3 {
    margin: 0;

    color: #ffffff;

    font-size: clamp(29px, 3.3vw, 42px);

    line-height: 1.08;

    font-weight: 900;

    letter-spacing: -1.5px;
}


.twopath922-option-one
.twopath922-option-title h3 span {
    color: #ff6381;
}


.twopath922-option-two
.twopath922-option-title h3 span {
    background:
        linear-gradient(
            90deg,
            #b24ff6,
            #e95bb4
        );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
}


/* =========================================================
   LIST
========================================================= */

.twopath922-list {
    display: flex;

    flex-direction: column;

    gap: 7px;
}


.twopath922-list-row {
    display: flex;

    align-items: center;

    gap: 15px;

    padding: 15px 13px;

    border-bottom:
        1px solid rgba(255,255,255,.06);

    transition:
        transform .3s ease,
        background .3s ease;
}


.twopath922-list-row:hover {
    transform:
        translateX(6px);

    background:
        rgba(255,255,255,.018);
}


.twopath922-list-icon {
    flex: 0 0 39px;

    width: 39px;
    height: 39px;

    display: grid;

    place-items: center;

    border-radius: 11px;

    font-size: 15px;

    font-weight: 900;
}


.twopath922-list-icon-one {
    border:
        1px solid rgba(255, 95, 123, .18);

    background:
        rgba(255, 95, 123, .07);

    color: #ff6d85;
}


.twopath922-list-icon-two {
    background:
        linear-gradient(
            135deg,
            #a249e9,
            #e455ab
        );

    color: #ffffff;

    box-shadow:
        0 10px 26px
        rgba(184, 72, 220, .17);
}


.twopath922-list-row p {
    margin: 0;

    color: #bbb5c3;

    font-size: 18px;

    line-height: 1.55;

    font-weight: 600;
}


.twopath922-option-two
.twopath922-list-row p {
    color: #d0cad5;
}


/* =========================================================
   CENTER VS
========================================================= */

.twopath922-vs {
    position: absolute;

    z-index: 20;

    left: 50%;
    top: 420px;

    transform:
        translate(-50%, -50%);

    width: 74px;
    height: 74px;

    padding: 7px;

    border-radius: 50%;

    background: #08060c;

    box-shadow:
        0 20px 55px rgba(0,0,0,.55),
        0 0 0 1px rgba(255,255,255,.07);
}


.twopath922-vs span {
    width: 100%;
    height: 100%;

    display: grid;
    place-items: center;

    border: 1px solid rgba(207, 91, 244, .34);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(188, 77, 236, .20),
            rgba(188, 77, 236, .04)
        );

    color: #dd72e6;

    font-size: 12px;

    font-weight: 900;

    letter-spacing: 1px;
}


/* =========================================================
   FINAL STATEMENT
========================================================= */

.twopath922-final {
position: relative;
  isolation: isolate;
  max-width: 1070px;
  margin: 75px auto 0;
  padding: 40px 60px;
  overflow: hidden;

    /* border: 1px solid rgba(197, 83, 241, .24);

    border-radius: 31px;

    background:
        radial-gradient(
            circle at 50% -20%,
            rgba(185, 77, 239, .22),
            transparent 47%
        ),
        linear-gradient(
            135deg,
            #15101f,
            #09070e
        ); */

    text-align: center;

    /* box-shadow:
        0 40px 100px rgba(0,0,0,.40); */
}


.twopath922-final::before {
    content: "";

    position: absolute;

    top: 0;
    left: 15%;
    right: 15%;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #a94cf0,
            #ea56af,
            transparent
        );
}


.twopath922-final-glow {
    position: absolute;

    z-index: -1;

    width: 380px;
    height: 180px;

    left: 50%;
    top: -140px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background: #bf51ef;

    opacity: .22;

    filter: blur(75px);
}


.twopath922-final-kicker {
    display: block;

    margin-bottom: 15px;

    color: #ce78df;

    font-size: 11px;

    line-height: 1;

    font-weight: 900;

    letter-spacing: 2px;
}


.twopath922-final h2 {
    max-width: 830px;

    margin: 0 auto;

    color: #ffffff;

    font-size: clamp(35px, 5vw, 56px);

    line-height: 1.08;

    font-weight: 900;

    letter-spacing: -2px;
}


.twopath922-final h2 span {
    display: block;

    background:
        linear-gradient(
            90deg,
            #b14ff4,
            #eb58b4
        );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
}


.twopath922-final-arrow {
    position: absolute;

    right: 27px;
    bottom: 27px;

    width: 56px;
    height: 56px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #a64beb,
            #e856ac
        );

    color: #ffffff;

    font-size: 25px;

    box-shadow:
        0 15px 38px
        rgba(182, 71, 219, .25);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199.98px) {

    .twopath922-option {
        min-height: 800px;
    }

}


@media (max-width: 991.98px) {

    .twopath922-board {
        border-radius: 30px;
    }


    .twopath922-option {
        min-height: auto;
    }


    .twopath922-option-one {
        padding: 18px 30px 45px;

        border-radius:
            29px 29px 0 0;
    }


    .twopath922-option-two {
        padding: 18px 30px 45px;

        border-left: 0;

        border-top:
            1px solid rgba(255,255,255,.07);

        border-radius:
            0 0 29px 29px;
    }


    .twopath922-vs {
        top: 50%;

        width: 66px;
        height: 66px;
    }


    .twopath922-media {
        height: 310px;
    }

}


@media (max-width: 767.98px) {

    .twopath922-section {
        padding: 70px 0 85px;
    }


    .twopath922-logo-area {
        margin-bottom: 50px;
    }


    .twopath922-logo-shell {
        max-width: 340px;

        padding: 13px 20px;
    }


    .twopath922-heading {
        margin-bottom: 40px;
    }


    .twopath922-heading h2 {
        font-size: 40px;

        letter-spacing: -1.7px;
    }


    .twopath922-option-one,
    .twopath922-option-two {
        padding:
            14px
            18px
            36px;
    }


    .twopath922-media {
        height: 235px;

        margin-bottom: 28px;

        border-radius: 20px;
    }


    .twopath922-option-head {
        gap: 13px;

        margin-bottom: 24px;
    }


    .twopath922-number {
        flex: 0 0 48px;

        width: 48px;
        height: 48px;

        border-radius: 14px;
    }


    .twopath922-option-title h3 {
        font-size: 29px;
    }


    .twopath922-vs {
        width: 60px;
        height: 60px;
    }


    .twopath922-final {
        margin-top: 55px;

        padding: 45px 25px 80px;

        border-radius: 26px;
    }


    .twopath922-final h2 {
        font-size: 34px;

        letter-spacing: -1.3px;
    }


    .twopath922-final-arrow {
        width: 49px;
        height: 49px;

        right: 18px;
        bottom: 18px;
    }

}


@media (max-width: 479.98px) {

    .twopath922-heading h2 {
        font-size: 34px;
    }


    .twopath922-media {
        height: 205px;
    }


    .twopath922-list-row {
        padding: 14px 5px;
    }


    .twopath922-list-row p {
        font-size: 18px;
    }


    .twopath922-final h2 {
        font-size: 29px;
    }

}

/* ==========================================================
   OWNSAAS FAQ
   UNIQUE PREFIX: ownfaq922-
========================================================== */

.ownfaq922-section {
    --ownfaq922-bg: #07060c;
    --ownfaq922-panel: #100c17;
    --ownfaq922-white: #ffffff;
    --ownfaq922-muted: #aaa4b5;
    --ownfaq922-purple: #aa4cf1;
    --ownfaq922-pink: #e958b5;

    position: relative;
    isolation: isolate;
    overflow: hidden;

    padding: 100px 0 120px;

    background:
        radial-gradient(
            circle at 50% -8%,
            rgba(168, 73, 241, .17),
            transparent 32%
        ),
        radial-gradient(
            circle at 95% 55%,
            rgba(233, 80, 176, .09),
            transparent 26%
        ),
        linear-gradient(
            180deg,
            #0b0712 0%,
            #050509 100%
        );

    color: #ffffff;
    font-size: 18px;
}


/* ==========================================================
   BACKGROUND
========================================================== */

.ownfaq922-grid {
    position: absolute;
    inset: 0;
    z-index: -5;

    opacity: .22;

    background-image:
        linear-gradient(
            rgba(255,255,255,.024) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.024) 1px,
            transparent 1px
        );

    background-size: 60px 60px;

    mask-image:
        linear-gradient(
            to bottom,
            #000 0%,
            rgba(0,0,0,.75) 60%,
            transparent 100%
        );
}


.ownfaq922-orb {
    position: absolute;
    z-index: -4;

    border-radius: 50%;

    filter: blur(125px);

    pointer-events: none;
}


.ownfaq922-orb-left {
    width: 500px;
    height: 500px;

    left: -300px;
    top: 450px;

    background:
        rgba(166, 70, 238, .16);
}


.ownfaq922-orb-right {
    width: 550px;
    height: 550px;

    right: -330px;
    bottom: 250px;

    background:
        rgba(232, 75, 172, .12);
}


/* ==========================================================
   LOGO
========================================================== */

.ownfaq922-logo-area {
    margin-bottom: 65px;
}


.ownfaq922-logo-shell {
    position: relative;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: min(420px, 100%);

    padding: 15px 27px;

    border:
        1px solid rgba(255,255,255,.08);

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.018)
        );

    box-shadow:
        0 25px 70px rgba(0,0,0,.36),
        inset 0 1px 0 rgba(255,255,255,.07);

    backdrop-filter: blur(15px);
}


.ownfaq922-logo-shell::after {
    content: "";

    position: absolute;

    left: 18%;
    right: 18%;
    bottom: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #ab4df1,
            #e957b4,
            transparent
        );
}


.ownfaq922-logo {
    display: block;

    width: 100%;
    max-width: 350px;

    height: auto;
}


/* ==========================================================
   HEADING
========================================================== */

.ownfaq922-heading {
    max-width: 950px;

    margin: 0 auto 60px;
}


.ownfaq922-kicker {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 20px;

    padding: 9px 16px;

    border:
        1px solid rgba(203, 91, 245, .24);

    border-radius: 100px;

    background:
        rgba(180, 76, 235, .07);

    color: #d99aea;

    font-size: 11px;

    line-height: 1;

    font-weight: 900;

    letter-spacing: 2px;
}


.ownfaq922-kicker-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #dc5ce8;

    box-shadow:
        0 0 14px #dc5ce8;
}


.ownfaq922-heading h2 {
margin: 0;
  color: #ffffff;
  font-size: clamp(40px, 6vw, 50px);
  line-height: .98;
  font-weight: 900;
  letter-spacing: -3px;
}


.ownfaq922-heading h2 span {
    /* display: block; */

    background:
        linear-gradient(
            90deg,
            #af50f6 0%,
            #e959b4 100%
        );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
}


/* ==========================================================
   WRAPPER
========================================================== */

.ownfaq922-wrapper {
    position: relative;

    max-width: 1080px;

    margin: 0 auto;

    padding: 18px;

    overflow: hidden;

    /* border:
        1px solid rgba(255,255,255,.075);

    border-radius: 34px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.012)
        );

    box-shadow:
        0 45px 120px rgba(0,0,0,.40),
        inset 0 1px 0 rgba(255,255,255,.055); */
}


.ownfaq922-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    left: 14%;
    right: 14%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #a94df2,
            #e958b4,
            transparent
        );
}


/* ==========================================================
   ACCORDION RESET
========================================================== */

.ownfaq922-accordion {
    display: flex;

    flex-direction: column;

    gap: 11px;
}


.ownfaq922-item {
    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.07) !important;

    border-radius: 20px !important;

    background:
        rgba(255,255,255,.025) !important;

    transition:
        border-color .35s ease,
        background .35s ease,
        transform .35s ease,
        box-shadow .35s ease;
}


.ownfaq922-item:hover {
    border-color:
        rgba(202, 91, 242, .20) !important;

    background:
        rgba(175, 76, 228, .035) !important;
}


.ownfaq922-item:has(
    .ownfaq922-button:not(.collapsed)
) {
    border-color:
        rgba(202, 88, 244, .27) !important;

    background:
        linear-gradient(
            135deg,
            rgba(169, 72, 235, .075),
            rgba(232, 82, 176, .03)
        ) !important;

    box-shadow:
        0 18px 50px rgba(0,0,0,.18);
}


/* ==========================================================
   BUTTON
========================================================== */

.ownfaq922-button {
    position: relative;

    min-height: 92px;

    padding: 19px 74px 19px 20px !important;

    display: grid !important;

    grid-template-columns:
        53px
        minmax(0, 1fr);

    align-items: center;

    gap: 18px;

    border: 0 !important;

    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    color: #ffffff !important;

    font-family: inherit;

    text-align: left;
}


/* remove Bootstrap icon */
.ownfaq922-button::after {
    display: none !important;
}


/* ==========================================================
   QUESTION NUMBER
========================================================== */

.ownfaq922-number {
    width: 53px;
    height: 53px;

    display: grid;
    place-items: center;

    border:
        1px solid rgba(196, 91, 240, .20);

    border-radius: 15px;

    background:
        rgba(176, 76, 229, .07);

    color: #cb75e5;

    font-size: 11px;

    line-height: 1;

    font-weight: 900;

    letter-spacing: .7px;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


.ownfaq922-button:not(.collapsed)
.ownfaq922-number {
    border-color:
        rgba(255,255,255,.12);

    background:
        linear-gradient(
            135deg,
            #a94bf0,
            #e657ae
        );

    color: #ffffff;

    box-shadow:
        0 13px 32px rgba(181, 71, 220, .23);
}


/* ==========================================================
   QUESTION
========================================================== */

.ownfaq922-question {
    padding-right: 10px;

    color: #f5f1f7;

    font-size: 18px;

    line-height: 1.45;

    font-weight: 850;

    letter-spacing: -.15px;

    transition:
        color .3s ease;
}


.ownfaq922-button:not(.collapsed)
.ownfaq922-question {
    color: #ffffff;
}


/* ==========================================================
   CUSTOM PLUS / MINUS
========================================================== */

.ownfaq922-toggle {
    position: absolute;

    right: 22px;
    top: 50%;

    width: 42px;
    height: 42px;

    transform:
        translateY(-50%);

    display: grid;
    place-items: center;

    border:
        1px solid rgba(255,255,255,.08);

    border-radius: 13px;

    background:
        rgba(255,255,255,.035);

    transition:
        background .3s ease,
        border-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}


.ownfaq922-toggle span {
    position: absolute;

    width: 14px;
    height: 2px;

    border-radius: 10px;

    background: #a9a1b1;

    transition:
        transform .3s ease,
        opacity .3s ease,
        background .3s ease;
}


.ownfaq922-toggle span:last-child {
    transform: rotate(90deg);
}


.ownfaq922-button:not(.collapsed)
.ownfaq922-toggle {
    border-color:
        rgba(203, 91, 241, .28);

    background:
        linear-gradient(
            135deg,
            rgba(169, 73, 237, .18),
            rgba(233, 84, 176, .13)
        );

    box-shadow:
        0 10px 25px rgba(179, 71, 219, .13);
}


.ownfaq922-button:not(.collapsed)
.ownfaq922-toggle span {
    background: #e36fea;
}


.ownfaq922-button:not(.collapsed)
.ownfaq922-toggle span:last-child {
    transform: rotate(0deg);

    opacity: 0;
}


/* ==========================================================
   ANSWER
========================================================== */

.ownfaq922-answer {
    position: relative;

    margin:
        0
        20px
        20px
        91px;

    padding:
        20px
        24px
        22px;

    border-left:
        2px solid #b44fe7;

    border-radius:
        0 15px 15px 0;

    background:
        linear-gradient(
            90deg,
            rgba(174, 74, 235, .075),
            rgba(255,255,255,.018)
        );
}


.ownfaq922-answer p {
    margin: 0;

    color: #bcb5c5;

    font-size: 18px;

    line-height: 1.75;

    font-weight: 400;
}


.ownfaq922-answer strong:not(.ownfaq922-confirm) {
    color: #ffffff;

    font-weight: 800;
}


/* CONFIRM TEXT */

.ownfaq922-confirm {
    color: #ec72ce;

    font-weight: 800;
}


/* ==========================================================
   BOOTSTRAP COLLAPSE TRANSITION
========================================================== */

.ownfaq922-accordion
.collapsing {
    transition:
        height .35s ease;
}


/* ==========================================================
   FOCUS
========================================================== */

.ownfaq922-button:focus {
    box-shadow: none !important;
}


.ownfaq922-button:focus-visible {
    outline:
        2px solid rgba(207, 99, 245, .55);

    outline-offset: -2px;
}


/* ==========================================================
   RESPONSIVE — TABLET
========================================================== */

@media (max-width: 991.98px) {

    .ownfaq922-section {
        padding:
            85px 0 100px;
    }


    .ownfaq922-wrapper {
        max-width: 900px;
    }

}


/* ==========================================================
   RESPONSIVE — MOBILE
========================================================== */

@media (max-width: 767.98px) {

    .ownfaq922-section {
        padding:
            65px 0 80px;
    }


    .ownfaq922-logo-area {
        margin-bottom: 50px;
    }


    .ownfaq922-logo-shell {
        max-width: 340px;

        padding:
            13px 20px;

        border-radius: 19px;
    }


    .ownfaq922-heading {
        margin-bottom: 40px;
    }


    .ownfaq922-heading h2 {
        font-size: 40px;

        letter-spacing: -1.8px;
    }


    .ownfaq922-wrapper {
        padding: 10px;

        border-radius: 25px;
    }


    .ownfaq922-item {
        border-radius:
            16px !important;
    }


    .ownfaq922-button {
        min-height: 82px;

        padding:
            15px 57px 15px 14px !important;

        grid-template-columns:
            43px
            minmax(0, 1fr);

        gap: 12px;
    }


    .ownfaq922-number {
        width: 43px;
        height: 43px;

        border-radius: 12px;
    }


    .ownfaq922-question {
        font-size: 17px;

        line-height: 1.4;
    }


    .ownfaq922-toggle {
        right: 13px;

        width: 35px;
        height: 35px;

        border-radius: 10px;
    }


    .ownfaq922-answer {
        margin:
            0
            14px
            15px
            69px;

        padding:
            17px 17px 19px;
    }


    .ownfaq922-answer p {
        font-size: 18px;
    }

}


/* ==========================================================
   RESPONSIVE — SMALL MOBILE
========================================================== */

@media (max-width: 479.98px) {

    .ownfaq922-heading h2 {
        font-size: 34px;
    }


    .ownfaq922-kicker {
        font-size: 9px;

        letter-spacing: 1.5px;
    }


    .ownfaq922-button {
        grid-template-columns:
            38px
            minmax(0, 1fr);

        gap: 10px;

        padding:
            14px 50px 14px 11px !important;
    }


    .ownfaq922-number {
        width: 38px;
        height: 38px;

        font-size: 9px;
    }


    .ownfaq922-question {
        font-size: 16px;
    }


    .ownfaq922-toggle {
        right: 10px;

        width: 33px;
        height: 33px;
    }


    .ownfaq922-answer {
        margin:
            0
            10px
            12px
            59px;

        padding:
            15px;
    }

}