@import url("css2-1.css");

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

body {
	margin: 0;
	padding: 0px !important;
	background-color: #000;
	overflow-x: hidden;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	word-wrap: break-word;
	transition: .3s all ease-in-out;
}

::marker {
	font-weight: 800;
}

dl,
ol,
ul {
	margin-bottom: 0;
}

a,
p,
button,
svg,
span,
input[type="button"],
input[type="submit"],
.card {
	text-decoration: none !important;
	-webkit-transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	transition: all 0.5s ease !important;
}

p,
a,
li,
button,
input {
	color: #fff;
	margin: 0;
	font: 400 20px/26px 'Poppins', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #fff;
	margin: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}

.text-wrapper p:not(:last-child) {
	margin-bottom: 25px;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.xl-font {
	font-size: 100px;
	line-height: 1.2;
}
.sm-font {
	font-size: 70px;
	line-height: 1.2;
}
.xl-heading {
	font-size: 65px;
	line-height: 1.2;
}

.md-heading {
	font-size: 60px;
	line-height: 1.2;
}

.sm-heading {
	font-size: 50px;
	line-height: 1.2;
}

.xxs-font {
	font-size: 45px;
	line-height: 1.4;
}
h1,
.h1 {
	font-size: 40px;
	line-height: 1.4;
}

h2,
.h2 {
	font-size: 35px;
	line-height: 1.4;
}

h3,
.h3 {
	font-size: 30px;
	line-height: 1.3;
}

h4,
.h4 {
	font-size: 25px;
	line-height: 1.4;
}

h5,
.h5 {
	font-size: 22px;
	line-height: 1.4;
}

h6,
.h6,
.md-txt {
	font-size: 20px;
	line-height: 1.4;
    color: #fff;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.sm-txt {
	font-size: 16px;
	line-height: 1.2;
}

.f-900 {
	font-weight: 900;
}

.f-800 {
	font-weight: 800;
}

.f-700 {
	font-weight: 700;
}

.f-600 {
	font-weight: 600;
}

.f-500 {
	font-weight: 500;
}

.f-400 {
	font-weight: 400;
}

.f-300 {
	font-weight: 300;
}

.f-200 {
	font-weight: 200;
}

.f-100 {
	font-weight: 100;
}

.f-italic {
	font-style: italic;
}

.f-uppercase {
	text-transform: uppercase;
}

a:hover {
	color: #fff;
}

.container-fluid {
	max-width: 1920px;
}

::before,
::after {
	content: "";
	display: none;
}

.custom-wrapper {
	width: 100%;
	margin: 0 auto;
	z-index: 1;
	max-width: 1300px;
}

.content-wrapper {
	margin: 0 auto;
	width: 100%;
}

.flex-elem {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}

.grad-txt {
	background:linear-gradient(to right, rgba(241,138,2,1) 0%,rgba(219,86,1,1) 100%);
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	max-width: max-content;
}
.grad-txt-v2 {
    background: linear-gradient(to right, rgba(233,90,36,1) 0%,rgba(255,255,105,1) 100%);
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    max-width: max-content;
}

.shadow-dreamy {
	box-shadow: 0 1px 2px rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 7%), 0 4px 8px rgb(0 0 0 / 7%), 0 8px 16px rgb(0 0 0 / 7%), 0 16px 32px rgb(0 0 0 / 7%), 0 32px 64px rgb(0 0 0 / 7%);
}

/* cockie styles*/
.wrap {
	position: fixed;
	z-index: 2000;
	right: 18px;
	bottom: 18px;
	max-width: 220px;
	background: rgba(63, 61, 57, .9);
	padding: 18px;
}

.wrappara {
	font-size: 11px;
	line-height: 20px;
	color: #fff;
}

.wrap .my_btn {
	width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 11px;
	font: 700 16px/16px 'Poppins';
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid #20cec4;
	border-radius: 5px;
}

.wrap .my_btn:hover {
	background: #20cec4;
	color: #fff !important;
}

.wrap a {
	font-size: 14px;
}

/* end cockie styles*/

.img-fluid {
	display: block;
}

/*Header Start*/
.main-header .top-header .warn {
	display: none;
}

.main-header {
	display: block;
}

.top-header {
	padding: 18px 0;
	background: #D6252A;
}

.top-header .custom-wrapper,
.bottom-header .custom-wrapper {
	max-width: 1080px;
	margin: 0 auto;
}

.top-header .btn-wrapper {
	background: #FFD500;
	border-radius: 11px;
	padding: 10px 20px;
}

.bottom-header {
	background: #77B2FF;
	padding: 12px 0;
}

.bottom-header .steps {
	display: flex;
	align-items: center;
	height: 50px;
	background: #98C5FF;
	padding: 0 14px;
	border-radius: 100px;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
}

.bottom-header .steps img {
	width: 35px;
}

@media screen and (max-width: 1440.98px) {
	.top-header .sm-txt {
		font-size: 16px;
	}

	.top-header .btn-wrapper {
		font-size: 20px;
	}

	.bottom-header .steps p {
		font-size: 14px;
	}

	.top-header .custom-wrapper, .bottom-header .custom-wrapper {
		max-width: 1000px;
	}

	.top-header {
		padding: 12px 0;
	}

	.bottom-header {
		padding: 10px 0;
	}

	.bottom-header .steps {
		height: 45px;
		padding: 0 14px 0 6px;
	}
}


@media screen and (max-width: 1199.98px) {
	.top-header .sm-txt {
		font-size: 14px;
	}

	.top-header .custom-wrapper, .bottom-header .custom-wrapper {
		max-width: 850px;
	}

	.top-header .btn-wrapper {
		font-size: 18px;
	}

	.bottom-header .steps p {
		font-size: 13px;
	}
}

@media screen and (max-width: 1024.98px) {

}

@media screen and (max-width: 991.98px) {
	.main-header {
		display: none;
	}

	.top-header .custom-wrapper,
	.bottom-header .custom-wrapper {
		max-width: 90%;
	}

	.main-header .bottom-header .d-flex {
		display: unset !important;
	}

	.bottom-header .steps {
		flex: 0 0 100%;
		max-width: 300px;
		margin: 0 auto;
	}

	.bottom-header .steps:not(:last-child) {
		margin-bottom: 15px;
	}

	.bottom-header .arrow {
		display: none;
	}
}

@media screen and (max-width: 767.98px) {

	.top-header .custom-wrapper,
	.bottom-header .custom-wrapper {
		max-width: 95%;
	}
}

@media screen and (max-width: 640.98px) {

	.top-header p,
	.bottom-header p.md-txt {
		font-size: 12px;
	}

	.top-header a.h4 {
		font-size: 18px;
	}
}

@media screen and (max-width: 575.98px) {
	.top-header p {
		text-align: center;
	}

	.top-header .wrapper {
		flex-wrap: wrap;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.top-header .wrapper .img-wrapper {
		margin-bottom: 20px;
	}

	.top-header a.h4 {
		margin: 0 auto;
	}

	.top-header .wrapper .img-wrapper,
	.top-header .wrapper .text-wrapper {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.top-header .d-flex {
		flex-wrap: wrap;
	}

	.top-header .d-flex .wrapper {
		margin-bottom: 10px;
	}

	.bottom-header .steps {
		flex: 0 0 100%;
		max-width: 280px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 360.98px) {
	.bottom-header p {
		font-size: 13px;
	}
}

/*Header end*/


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

/* Content Style Start */
.main-header {
    z-index: 2;
    top: 0;
    transition: 1s ease-in-out all;
    position: fixed;
}
.blackbar {
    background: #000;
    padding: 15px;
}
.blackbar .custom-wrapper {
    max-width: 1500px;
}
.time-wrapper {
    padding-top: 16%;
}
.time-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.3);
    transform-origin: top;
}
.blackbar .colmn-3 a {
    max-width: 50%;
    border-radius: 5px;
    padding: 15px 15px;
    display: block;
    background:  linear-gradient(to right, rgba(219,86,1,1) 0%,rgba(241,138,2,1) 50%,rgba(219,86,1,1) 100%);
    background-size: 200%;
}
.blackbar .colmn-3 a:hover {
    background-position: right ;
}
section {
	padding: 100px 15px;
	overflow: hidden;
}
section .text-wrapper p {
	text-align: justify;
}
.title-area {
	max-width: max-content;
	margin: 0 auto 50px;
	text-align: center;
}

.parallax-banner, .scene {
    position: absolute;
	inset: 0;
    width: 100%;
    height: 100%;
    margin: auto;
}
.banner .scene div {
    transition: unset!important;
    filter: drop-shadow(0 0 10px rgba(0 0 0/60%));
}
.banner .p1 {
    top: -5%!important;
    left: -15% !important;
}
.banner .p2 {
    left: 65%!important;
    top: -5%!important;
}


/* banner */
.banner {
    padding-top: 150px;
}
.banner .custom-wrapper {
	max-width: 1400px;
}
.banner::before {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    height: 85%;
    width: 100%;
    background: #000;
    clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0);
}
.banner .title-area span.v1 {
    max-width: max-content;
    padding: 0 10px;
    border-bottom: 5px solid #E87502;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%);
    color: yellow;
}
.square {
    background: linear-gradient(to right, rgba(241,138,2,1) 0%,rgba(219,86,1,1) 100%);
    max-width: max-content;
    margin: 0 auto 25px;
    padding: 10px 20px;
}
.sq {
    background: #fff;
    position: absolute;
    height: 15px;
    width: 15px;
    z-index: 1;
    border-radius: 100%;
    border: 1px solid #db5601;
}
.sq1 {
    left: -7px;
    top: -7px;
}
.sq2 {
    right: -7px;
    top: -7px;
}
.sq3 {
    left: -7px;
    bottom: -7px;
}
.sq4 {
    right: -7px;
    bottom: -7px;
}
.yellow {
    color: #F1A640;
}
.vid-wrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px;
    overflow: hidden;
    /* border-radius: 30px; */
    box-shadow: 0 0 10px rgba(0 0 0/50%);
}
.in-vid {
    border: 1px solid #fff;
    /* border-radius: 20px; */
    overflow: hidden;
}
.spin-grad {
    /* display: none; */
    background: linear-gradient(to right, rgba(241,138,2,1) 0%,rgba(219,86,1,1) 100%);
    position:absolute;
    width:100%;
    height:100%;
    inset:0;
    margin:auto;
    border-radius:40px;
    animation:spingrad 3s linear infinite;
    scale:2
    }
    
    @keyframes spingrad {
    0% {
    transform:rotate(0deg)
    }
    
    16.6666% {
    transform:rotate(51.42deg)
    }
    
    32.6666% {
    transform:rotate(102.84deg)
    }
    
    48.6666% {
    transform:rotate(154.26deg)
    }
    
    64.6666% {
    transform:rotate(205.68deg)
    }
    
    80.6666% {
    transform:rotate(265.10deg)
    }
    
    100% {
    transform:rotate(360deg)
    }
}
.floating-img {
	position: absolute;
	inset: 0;
	margin: auto;
	height: 100%;
	width: 100%;
}
.floating-img img {
	position: absolute;
}
.banner .f1 {
    left: -200px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.banner .f2 {
    right: -250px;
    bottom: 200px;
}

/* btn-wrap */
.btn-wrap.v2 {
    padding-top: 30px;
}
.btn-wrap * {
    color: #fff !important;
}
.btn-wrap .content {
    max-width: 1100px;
    margin: 0 auto;
    background: #000;
    padding: 40px 15px;
    border: 1px solid #fff;
}
.btn-wrap .head {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FF0025;
    max-width: max-content;
    margin: 0 auto;
    padding: 5px 15px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.btn-wrap a {
    background: linear-gradient(to right, rgba(219,86,1,1) 0%,rgba(241,138,2,1) 50%,rgba(219,86,1,1) 100%);
    margin: 0 auto 20px;
    display: block;
    /* max-width: 880px; */
    background-size: 200%;
    padding: 20px 15px;
    text-align: center;
    border-radius: 20px;
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
}
.btn-wrap a:hover {
    background-position: right;
}
.monu {
    font-family: 'Monument Extended', sans-serif;
}
.btn-wrap .sq {
    background: #000;
    height: 30px;
    width: 30px;
    z-index: 1;
    border-radius: 100%;
    border: 1px solid #fff;
}
.btn-wrap .sq1 {
    left: -17px;
    top: -17px;
}
.btn-wrap .sq2 {
    right: -17px;
    top: -17px;
}
.btn-wrap .sq3 {
    left: -17px;
    bottom: -17px;
}
.btn-wrap .sq4 {
    right: -17px;
    bottom: -17px;
}
.btn-wrap .square .c1 {
    right: -45px;
    bottom: -45px;
    max-width: max-content;
}

/* s1 */
.s1 {
    padding-top: 15px;
}
.s1 .content-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s1 .colmn {
    background: #000;
    max-width: 48%;
    flex: 0 0 50%;
    padding: 30px;
    border-radius: 30px;
}
.s1 .cw1 .img-wrapper {
    flex: 0 0 50px;
    margin-right: 25px;
}
.s1 .cw2 {
    background: #000;
    margin-top: 50px;
    border-radius: 30px;
    padding: 20px;
    align-items: center;
}
.s1 .cw2 h1 {
    background: linear-gradient(to bottom, rgba(241,138,2,1) 0%,rgba(219,86,1,1) 100%);
    display: flex;
    justify-content: center;
    align-items: baseline;
    max-width: 32%;
    flex: 0 0 32%;
    flex-direction: column;
    padding: 20px;
    font-weight: 900;
    border-radius: 20px;
    min-height: 300px;
}
.s1 .cw2 .list {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 67%;
    max-width: 67%;
    gap: 15px;
    /* left: 10px; */
}
.s1 .cw2 li {
    width: 100%;
    padding-left: 35px;
}
.s1 .cw2 li::before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 25px;
    width: 25px;
    background: url("check.png") no-repeat center /contain;
}
.s1 .cw2 .img-wrapper {
    position: absolute;
    right: -50px;
    filter: drop-shadow(0 0 5px black);
}
.s1 .content {
    display: flex;
    align-items: center;
}
.s1 .colmn .content:not(:last-child) {
    margin-bottom: 25px;
}
.s1 .content:hover .img-wrapper::before {
    opacity: 1;
    transform: scale(1.3);
    transition: .3s ease;
}
.s1 .content .img-wrapper:before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #dc5801;
    border-radius: 7px;
    opacity: 0;
    transition: .3s ease;
}
.bg-v1 {
    background: linear-gradient(to bottom, rgba(241,138,2,1) 0%,rgba(219,86,1,1) 100%);
}
.square .c1 {
    right: -15px;
    bottom: -18px;
    z-index: 2;
    max-width: 18px;
}

/* test */
.test {
    background: #0B0019;
}
.test .content {
    background: #2E3188;
    padding: 40px;
    border: 3px dashed #C9FF88;
    border-radius: 30px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}
.test .head {
    display: flex;
    align-items: center;
    margin-top: 25px;
}
.test .head .img-wrapper {
    flex: 0 0 auto;
    margin-right: 25px;
    border: 3px solid #fff;
    border-radius: 100%;
}
.test h5:first-of-type {
    text-align: justify;
}
.test .floating-img img {
    max-width: 500px;
}
.test .f1 {
    left: -200px;
    top: 0;
}
.test .f2 {
    right: -200px;
    bottom: 0;
}
.test.v4 {
    background: radial-gradient(ellipse at center, rgba(76,0,89,1) 0%,rgba(0,0,51,1) 100%);
}
.test.v4 .content-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.test.v4 .colmn {
    flex: 0 0 48%;
    max-width: 50%;
    background: #2E3184;
    padding: 20px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    border: 2px dashed #BDFF90;
}
.test.v4 .test-bot {
    display: flex;
    align-items: center;
    margin-top: 25px;
}
.test.v4 .test-bot .img-wrapper {
    flex: 0 0 auto;
    margin-right: 25px;
    border-radius: 100%;
    border: 2px solid #fff;
}




/* s2 */
.s2.v1 {
    background: #232323;
}
.s2.v2 {
    background: #4C186D;
}
.s2 .content-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* margin: 150px auto 100px; */
}
.s2.v1 .content-wrapper {
    margin: 150px auto 100px;
}
.s2.v1 .c1 {
    top: -100px;
}
.s2.v1 .c3 {
    bottom: -100px;
}
.s2 .content {
    max-width: 30%;
    flex: 0 0 33.33%;
    background: linear-gradient(to bottom, rgba(241,138,2,1) 0%,rgba(219,86,1,1) 100%);
    text-align: center;
    padding: 30px;
    border-radius: 25px;
}
.s2.v2 .row-1 .con-img {
    max-width: max-content;
    margin: 0 auto;
    background: green;
    padding: 20px;
    border-radius: 25px;
}
.s2.v2 .row-1 .colmn-2 .con-img {
    background: red;
}
.s2.v2 .row-1 img {
    width: 600px;
}
.s2.v2 .row-1:before {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    margin: auto;
    content: 'V/S';
    font-size: 40px;
    color: #fff;
    text-align: center;
    font-weight: 900;
    font-family: 'Montserrat',sans-serif;
    z-index: 1;
    text-shadow: 0 3px 3px rgba(0 0 0 /40%);
}
.s2.v2 .con-img h3 {
    display: flex;
    align-items: center;
    min-height: 80px;
    text-shadow: 0 3px 3px rgba(0 0 0/30%);
    justify-content: center;
}
.s2.v2 .row-1 .con-img .img-wrapper:not(:last-child) {
    margin-bottom: 25px;
}
.s2.v2 .content {
    background: #fff;
    text-align: unset;
}
.s2.v2 .content *{
    color: #000;
}
.s2 .head {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.s2.v1 .content  .img-wrapper {
    flex: 0 0 auto;
    margin-right: 15px;
}
.s2.v2 .content  .img-wrapper {
    max-width: max-content;
    margin-bottom: 25px;
}
.s2.v1 .content:not(:last-child)::before {
    display: block;
    position: absolute;
    /* top: 0; */
    bottom: 40px;
    right: -55px;
    margin: auto;
    height: 100px;
    width: 45px;
    background: url("s2-f1.png") no-repeat center /contain;
    z-index: 1;
}
.row:not(:last-child) {
    margin-bottom: 50px;
}
.orange {
    color: #E54136;
}

/* s3 */
.s3 .img-wrapper {
    max-width: max-content;
    margin: 0 auto;
}
.s3.v1 .img-wrapper::before {
    display: block;
    position: absolute;
    inset: 0;
    height: 85%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(241,138,2,1) 0%,rgba(219,86,1,1) 100%);
    margin: auto;
    transform: scaleX(1.1);
    border-radius: 50px;
}

.s3.v2 .content {
    background: #232323;
    padding: 20px 30px;
    border-radius: 30px;
}
.span-bord {
    border-bottom: 2px solid #f18a02;
    background: linear-gradient(to bottom, rgba(0,255,255,0) 0%,rgba(0,255,105,0.5) 100%);
    padding: 0 5px;
    font-weight: 700;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    max-width: max-content;
}
.s3 .f1 {
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
}
.s3.v3 h2 .f2 {
    left: -10px;
    bottom: 5px;
}
.s3.v3 .row .f3 {
    left: 0;
    top: -10px;
    max-width: 1130px;
}
.s3.v3 .b1 {
    right: 50px;
    bottom: -200px;
}
.s3.v3 .colmn-2::before {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    background: #D22800;
    z-index: -1;
    border-radius: 100%;
    filter: blur(150px);
    scale: 1.3;
}

/* demo */
.demo-vid .vid-wrap {
    overflow: unset;
    padding: unset;
}
.demo-vid .vid-wrap::before {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 400px;
    width: 100%;
    background: url("demo.png") no-repeat center /contain;
    scale: 1.3;
    left: -8px;
    top: 18px;
    filter: drop-shadow(0 0 10px #f18a02);
}

/* s4 */
.s4 {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(51,34,32,1) 50%,rgba(0,0,0,1) 100%);
}
.s4 .f1 {
    left: 0;
    top: 50px;
    right: 0;
    margin: auto;
}
.s4 .row {
    background: #231F20;
    padding: 40px 20px;
    border: 1px solid #fff;
}
.s4 .row .circle {
    position: absolute;
    height: 30px;
    width: 30px;
    background: #231f20;
    border: 1px solid #fff;
    border-radius: 100%;
    right: -15px;
    bottom: -10px;
}
.s4 .row .c1 {
    right: -28px;
    bottom: -25px;
    z-index: 2;
    width: 30px;
}
.s4 .colmn .img-wrapper:hover {
    scale: 1.3;
    z-index: 1;
}

/* s5 */
.s5 {
    background: radial-gradient(ellipse at center, rgba(241,179,2,1) 0%,rgba(219,86,1,1) 100%);
}
.black {
    color: #000;
}
.s5 .content-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s5 .colmn {
    max-width: 50%;
    flex: 0 0 42%;
}
.s5 .colmn-1 {
    background: green;
}
.s5 .colmn-2 {
    background: red;
}
.s5 .head {
    background: #231F20;
    padding: 20px 15px;
}
.s5 .list {
    padding: 30px;
}
.s5 li {
    padding-left: 40px;
}
.s5 .list li:not(:last-child) {
    margin-bottom: 25px;
}
.s5 li::before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    width: 30px;
    background: url("ck.png") no-repeat center /contain;
    filter: drop-shadow(0 0 1px black);
}
.s5 .colmn-2 li::before {
    background: url("wrong.png") no-repeat center /contain;
}
.green {
    color: yellowgreen;
}
.s5 .f1 {
    inset: 0;
    margin: auto;
    z-index: 1;
    scale: 0.75;
}
.tangerine {
    color: #ED8A1D;
}

/* s6 */
.s6 {
    background: #231F20;
}
.s6 .bot-wrap {
    background: #F1A640;
    text-align: center;
    padding: 20px;
    border: 1px solid #fff;
}
.s6 .bot-wrap * {
    color: #000;
}
.s6 .bot-wrap .circle {
    position: absolute;
    height: 25px;
    width: 25px;
    background: #f1a640;
    right: -10px;
    bottom: -10px;
    border-radius: 100%;
    border: 1px solid #fff;
}
.s6 .bot-wrap .c1 {
    right: -27px;
    bottom: -30px;
    width: 30px;
}


/* s7 */
.s7 {
    background: #232323;
}
.s7 fieldset:not(:last-child) {
    margin-bottom: 50px;
}
.s7 legend .title-area {
    background: #000;
    display: flex;
    align-items: center;
    text-align: unset;
    border: 1px solid #fff;
    justify-content: space-between;
    max-width: 1000px;
}
.s7 legend .circle {
    position: absolute;
    right: -10px;
    bottom: -10px;
    height: 30px;
    width: 30px;
    background: #231F20;
    border-radius: 100%;
    border: 1px solid #fff;
}
.s7 legend .c1 {
    right: -22px;
    bottom: -25px;
    width: 30px;
    z-index: 2;
}
.s7 legend .opt {
    max-width: 35%;
    flex: 0 0 35%;
    text-align: center;
    padding: 0 10px;
    z-index: 1;
    /* text-shadow: 0 3px 3px rgba(0 0 0 /40%); */
    background: linear-gradient(to right, rgba(241,138,2,1) 0%,rgba(219,86,1,1) 100%);
    min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.s7 .fs1 .colmn-2 .img-wrapper {
    max-width: max-content;
    margin: 0 auto;
}
.s7 .fs1 .colmn-2 .img-wrapper::before {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(241,138,2,1) 0%,rgba(219,86,1,1) 100%);
    border-radius: 15px;
}
.s7 .fs1 .row:nth-child(even) .colmn-2 .img-wrapper::before {
    left: -30px;
    bottom: -30px;
}
.s7 .fs1 .row:nth-child(odd) .colmn-2 .img-wrapper::before {
    right: -30px;
    top: -30px;
}
.s7 .fs2 legend .opt {
    flex-direction: column;
    justify-content: center;
}
section .img-wrapper {
    filter: drop-shadow(0 0 6px #f18a02);
}
.s7 legend h2 {
    text-shadow: 0 3px 3px rgba(0 0 0 /40%);
}
.s7 legend .text {
    padding: 30px;
    flex: 0 0 65%;
    max-width: 65%;
}
.s7 fieldset {
    background: #000;
    padding: 50px;
    padding-top: unset;
}
.s7 li:not(:last-child) {
    margin-bottom: 25px;
}
.s7 li {
    padding-left: 40px;
    /* text-align: justify; */
}
.s7 span {
    color: #ed8a1d;
    font-weight: 700;
}
.s7 li::before {
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    height: 30px;
    width: 30px;
    background: url("s7-warn.png") no-repeat center /contain;
}
.s7 fieldset .content:not(:last-child) {
    margin-bottom: 25px;
}
.s7 .fs1 .row-4 .colmn-1 .img-wrapper {
    flex: 0 0 60px;
    margin-right: 15px;
}
.s7 .fs2 li::before {
    background: url("s7-left.png") no-repeat center /contain;
    height: 20px;
    width: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.s7 .fs2 li {
    padding-left: 30px;
}
.s7 .fs2 li:not(:last-child) {
    margin-bottom: 5px;
}
.s7 .fs2 .head {
    background: #231F20;
    padding: 20px;
    text-align: center;
}
.s7 .fs2 .content {
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(51,34,32,1) 100%);
    height: 100%;
}
.s7 .fs2 .colmn-2 .content {
    background: linear-gradient(to left, rgba(0,0,0,1) 0%,rgba(51,34,32,1) 100%);
    height: 100%;
}
.s7 .fs2 .colmn .text-wrapper {
    padding: 30px;
}
.s7 .fs2 .con-desc {
    padding: 40px;
}
.s7 .fs2 .bot-wrap {
    background: #B31E2D;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
}
.s7 .fs3 .earth {
    max-width: 1000px;
    margin: 0 auto;
}

.f-auto {
    flex: 0 0 auto;
    margin-right: 15px;
}


/* s8 */
.s8.v1 {
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 25%,rgba(65,64,66,1) 50%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 100%);
}
.s8.v2 {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(162,0,1,1) 100%);
}
.s8 .title-area h2.tangerine {
    letter-spacing: 15px;
    margin-bottom: 15px;
}
.s8.v1 .title-area .img-wrapper {
    max-width: 250px;
    margin: 0 auto 15px;
    filter: unset;
}
.s8.v2 .title-area h2.md-heading {
    color: #FFE700;
    letter-spacing: 20px;
    margin-top: 10px;
}
.s8.v2 .row:not(:last-child) {
    margin-bottom: unset;
}
.s8.v2 .colmn-1 h3 {
    color: #FFE700;
}
.s8.v2 .colmn-1 h2 {
    margin-bottom: 15px;
}
.s8.v2 .row-2 .f1 {
    left: -100px;
    top: 0;
    right: 0;
    margin: auto;
    max-width: 300px;
}
.s8.v2 .row-2 .f2 {
    left: 0;
    right: 0;
    bottom: -40px;
    margin: auto;
    max-width: 210px;
}


/* s9 */
.s9 {
    background: #231F20;
}
.s9.v4 {
    background: #000;
}
.s9 .row h1 {
    color: #EC891D;
    font-weight: 700;
}
.s9.v1 .row:not(:last-child) {
    margin-bottom: unset;
}
.s9.v1 .colmn-2 .img-wrapper {
    scale: 1.05;
}
.s9.v1 .colmn-2 .img-wrapper:hover {
    scale: 1.2;
}

/* test */
.test.v3 {
    background: #E44136;
}
.test .vid-samples {
    padding-top: 56.25%;
    background: #333;
    border: 2px solid #db5601;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0 0 0/90%);
}
.test .vid-samples:hover {
    border: 2px solid #ffd600;
}
.test .vid-samples iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.test.v3 .row {
    row-gap: 30px;
}
.test.v3 .bot-wrap {
    display: flex;
    gap: 25px;
    margin: 50px auto 0;
    background: #461512;
    padding: 30px;
    border-radius: 20px;
    border: 4px solid #eb6f55;
}
.test.v3 .bot-wrap img {
    border-radius: 15px;
    overflow: hidden;
}

/* s10 */
.s10.v1 {
    background: #F5911E;
}
.s10.v2 {
    background: linear-gradient(to left, rgba(241,138,2,1) 0%,rgba(219,86,1,1) 100%);
}
.s10.v3 {
    background: linear-gradient(to right, rgba(12,6,0,1) 0%,rgba(174,0,40,1) 50%,rgba(12,6,0,1) 100%);
}
.s10 .bot-wrap .square,
.s12 .bot-wrap .square {
    background: #000;
    border: 1px solid #fff;
    margin: 0 auto;
}
.s10 .sq,
.s12 .sq {
    background: #000;
    border-radius: unset;
    border: 1px solid #fff;
}
.s10 .square .c1,
.s12 .square .c1 {
    right: -15px;
    bottom: unset;
}
.s10.v2 .row::before {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 80%;
    width: 100%;
    background: #232323;
}
.s10.v1 .img-wrapper {
    filter: drop-shadow(0 0 5px rgba(0 0 0 /80%));
}
.s10.v2 .img-wrapper {
    scale: 1.1;
}
.s10.v2 .row:nth-child(odd) .img-wrapper {
    right: -55px;
}
.s10.v2 .row:nth-child(even) .img-wrapper {
    left: -55px;
}
.s10.v2 .row:nth-child(odd) {
    padding-left: 40px;
}
.s10.v2 .row:nth-child(even) {
    padding-right: 40px;
}
.s10.v3 .custom-wrapper {
    max-width: max-content !important;
}
.s10.v3 .floating-img {
    max-width: 600px;
    mix-blend-mode: lighten;
}
.s10.v3 .f1 {
    left: -700px;
    top: 0;
}
.s10.v3 .f2 {
    right: -700px;
    top: 0;
}
.max-w {
    max-width: max-content;
    margin: 0 auto;
}

/* s11 */
.red {
    color: #FF0000;
}
.s11 {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(162,0,1,1) 100%);
}
.s11.v1 h2 {
    color: #F5911E;
}

/* s12 */
.s12 {
    background: #232323;
}
.s12.v2 {
    background: #E44136;
}
.s12.v3 {
    background: linear-gradient(to left, rgba(241,138,2,1) 0%,rgba(219,86,1,1) 100%);
}
.s12.v4,
.s12.v5 {
    background: linear-gradient(to right, rgba(241,138,2,1) 0%,rgba(219,86,1,1) 100%);
}
.s12.v6 {
    background: #42099C;
}
.s12.v3 .custom-wrapper {
    max-width: 1500px;
}
.s12 .content * {
    color: #000;
}
.s12.v3 .content *,
.s12.v4 .content *,
.s12.v5 .content * {
    color: #fff;
}
.s12 .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px;
}
.s12.v3 .content-wrapper {
    justify-content: space-between;
    gap: 20px;
    max-width: max-content;
}
.s12.v6 .cw1 .content {
    background: unset;
    padding: unset;
}
.s12.v6 .content:hover {
    scale: unset;
    filter: unset;
}
.s12.v6 .cw1 {
    background: linear-gradient(to right, rgba(0,10,77,1) 0%,rgba(0,2,10,1) 100%);
    padding: 20px;
    border-radius: 30px;
}
.s12.v6 .cw2 .content:not(:last-child) {
    max-width: 50%;
    flex: 0 0 47%;
    background: #000;
}
.s12.v6 .cw2 {
    max-width: 1000px;
    justify-content: space-between;
}
.s12.v6 .cw2 .content:last-child {
    max-width: 100%;
    flex: 0 0 100%;
    background: #000;
    flex-direction: row;
    align-items: center;
}
.s12.v6 .cw2 .content:last-child .img-wrapper {
    flex: 0 0 auto;
}
.s12.v6 * {
    color: #fff;
}
.s12 .content:hover {
    scale: 1.05;
    filter: drop-shadow(0 0 10px #f18a02);
}
.s12 .content {
    max-width: 30%;
    flex: 0 0 33.33%;
    background: #fff;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 30px;
    text-align: center;
}
.s12.v3 .content {
    background: #000;
    padding: 15px;
    border-radius: 20px;
    text-align: unset;
    max-width: 32%;
    flex: 0 0 33.33%;
}
.s12.v3 .content .img-wrapper {
    max-width: max-content;
    min-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.s12.v3 .content img {
    height: 70px;
}
.s12.v4 .content,
.s12.v5 .content {
    background: #000;
}
.s12.v1 .bot-wrap {
    background: unset;
}
.s12 .bot-wrap {
    display: flex;
    padding: 30px;
    max-width: 90%;
    flex: 0 0 100%;
    justify-content: space-between;
    background: #000;
    border-radius: 30px;
}
.s12.v6 .bot-wrap {
    background: linear-gradient(to right, rgba(0,10,77,0) 0%,rgba(0,2,10,1) 50%,rgba(0,10,77,0) 100%);
}
.s12 .icon {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.s12 .icon img {
    height: 100px;
}


/* s13 */
.s13 {
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 25%,rgba(65,64,66,1) 50%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 100%);
}
.s13.v3 {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(162,0,1,1) 100%);
}
.s13.v5 {
    background: linear-gradient(to right, rgba(241,138,2,1) 0%,rgba(219,86,1,1) 100%);
}
.s13.v1 .f1 {
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.s13.v3 .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    row-gap: 50px;
    justify-content: space-between;
}
.s13.v3 .cw1 {
    max-width: 1100px;
}
.s15 .content:hover,
.s13.v5 .row-2 .content:hover,
.s13.v3 .content:hover,
.s16 .content:hover {
    scale: 1.05;
    filter: drop-shadow(0 0 10px rgba(255 255 255 /40%));
}
.s13.v3 .content {
    flex: 0 0 48%;
    max-width: 50%;
    background: #000;
    padding: 30px;
}
.s13.v3 .content .img-wrapper {
    max-width: max-content;
    margin-bottom: 15px;
}
.s13.v3 .row .colmn-1 * {
    color: #FFE700;
}
.s13.v3 .content h3 {
    color: #FFE700;
    font-weight: 700;
    margin-bottom: 15px;
}
.s13.v3 .cw2 .content {
    flex: 0 0 33.33%;
    max-width: 31%;
}
.s13.v3 .content img {
    height: 70px;
}
.s13.v5 .row-2 {
    justify-content: space-between;
}
.s13.v5 .row-2 .content {
    max-width: 31%;
    flex: 0 0 33.33%;
    background: #000;
    padding: 25px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    gap: 15px;
}



/* s14 */
.s14 .cw2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 50px;
    margin: 50px auto 0;
}
.s14 .cw2 .content {
    max-width: 50%;
    flex: 0 0 48%;
}
.s14 .cw2 .content .img-wrapper {
    margin-bottom: 25px;
    width: 100%;
}
.s14 .cw2 img {
    height: 250px;
}
.s14 h3 {
    color: #FFE700;
    font-weight: 700;
    margin-bottom: 15px;
}

/* s15 */
.s15.v1 {
    background: linear-gradient(to right, rgba(241,138,2,1) 0%,rgba(219,86,1,1) 100%);
}
.s15.v3 {
    background: #DA4136;
}
.s15.v4 {
    background: radial-gradient(ellipse at center, #DBA702 0%,#AD0001 100%);
}
.s15.v5 {
    background: linear-gradient(to right, rgba(218,128,2,1) 0%,rgba(196,86,1,1) 100%);
}
.s15 .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 30px;
}
.s15.v3 .content-wrapper {
    max-width: 1000px;
}
.s15.v3 .content {
    background: #200A56;
    max-width: 50%;
    flex: 0 0 49%;
}
.s15.v4 .content {
    max-width: 50%;
    flex: 0 0 48%;
}
.s15.v5 .content.row:not(:last-child) {
    max-width: 32%;
    flex: 0 0 33.33%;
}
.s15.v5 .content:last-child {
    max-width: 70%;
    flex: 0 0 66%;
    justify-content: center;
}
.s15.v5 .content .line {
    height: 5px;
    width: 100%;
    background: linear-gradient(to right, rgba(218,128,2,1) 0%,rgba(196,86,1,1) 100%);
    max-width: 400px;
    margin: 0 auto;
}
.s15 .content {
    background: #000;
    display: flex;
    flex-wrap: wrap;
    max-width: 32%;
    padding: 30px;
    text-align: center;
    flex-direction: column;
    gap: 15px;
    flex: 0 0 33.33%;
}
.s15.v2 .content {
    background: linear-gradient(to left, rgba(241,138,2,1) 0%,rgba(219,86,1,1) 100%);
}
.s15.v2 .content .img-wrapper {
    filter: drop-shadow(-1px 2px 1px rgba(0 0 0 /40%));
}
.s15.v2 .content * {
    text-shadow: -2px 2px 2px rgba(0 0 0/40%);
}
.s15 .content h3 {
    font-weight: 700;
}
.s15.v1 .content:last-child {
    flex-direction: unset;
    max-width: 100%;
    flex: 0 0 100%;
    flex-wrap: unset;
    text-align: left;
    align-items: center;
}
.s15.v1 .content:last-child .img-wrapper {
    flex: 0 0 auto;
}
.s15.v1 .content:not(:last-child) img,
.s15.v2 .content img {
    height: 80px;
}

/* s16 */
.s16 {
    background: linear-gradient(to right, rgba(241,138,2,1) 0%,rgba(219,86,1,1) 100%);
}
.s16.v2 {
    background: linear-gradient(to right, rgba(162,0,1,1) 0%,rgba(228,65,54,1) 100%);
}
.s16 .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 30px;
}
.s16 .content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    max-width: 32%;
    flex: 0 0 33.33%;
    background: #000;
    padding: 20px;
    gap: 15px;
}
.s16 .content .img-wrapper {
    width: 100%;
}
.s16.v2 .content .img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 180px;
}
.s16 .content img {
    height: 200px;
}
.s16 .content h3 {
    font-weight: 700;
}

/* s17 */
.s17.v2 {
    background: #232323;
}
.s17.v5 {
    background: linear-gradient(to right, rgba(0,10,77,1) 0%,rgba(0,2,10,1) 100%);
}
.s17 .colmn h3 {
    color: #FFE700;
}

/* s18 */
.s18 {
    background: linear-gradient(135deg, rgba(113,9,137,1) 0%,rgba(66,9,156,1) 100%);
}
.s18 .custom-wrapper {
    max-width: 1500px;
}
.s18 .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}
.s18 .content {
    max-width: 32%;
    flex: 0 0 33.33%;
    background: #05112B;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}
.s18 .content:hover {
    scale: 1.05;
    filter: drop-shadow(0 0 10px #fff);
}
.s18 .content .img-wrapper {
    width: 100%;
}

/* s19 */
.s19-tbl {
    background: #200A56;
}
.s19-tbl .s19 {
    padding: unset;
}
.s19-tbl .s19:not(:last-child) {
    margin-bottom: 50px;
}
.s19 table {
    width: 100%;
    margin: 0 auto;
    box-shadow: 20px 20px 10px rgba(0 0 0 /40%);
}
.s19 table .img-wrapper {
    filter: unset;
}
.s19 tr {
    display: flex;
    flex-wrap: wrap;
}
.s19 th {
    padding: 5px;
    width: 100%;
}
.s19 th:first-child {
    max-width: 25%;
    flex: 0 0 25%;
}
.s19 th:not(:first-child) {
    max-width: 15%;
    flex: 0 0 15%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.s19 th.bg {
    background: #0B1F42;
}
.s19 td {
    padding: 15px 30px;
    width: 100%;
}
.s19 td:not(:first-child) {
    text-align: center;
}
.s19 tr td:first-child {
    max-width: 25%;
    flex: 0 0 25%;
}
.s19 tr:nth-child(even) td:first-child {
    background: #0B1F42;
}
.s19 tr:nth-child(odd) td:first-child {
    background: #0D1933;
}
.s19 tr td:not(:first-child) {
    max-width: 15%;
    flex: 0 0 15%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.s19 tr:nth-child(even) td:not(:first-child) {
    background: #1D3766;
}
.s19 tr:nth-child(even) td:not(:first-child)
.s19 tr:nth-child(odd) td:first-child,
.s19 tr th:first-child {
    background: #0D1933;
}
.s19 tr:nth-child(odd) td:not(:first-child) {
    background: #0B1F42;
}
.s19 tr td:nth-child(2) {
    border-right: 10px solid #000;
}
.s19 tr th:nth-child(2) {
    background: #000;
    border-right: 10px solid #000;
}
.s19 tr td:not(:first-child):before {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 27px;
    width: 27px;
    /* background: red; */
}
.s19 tr td.c:before {
    background: url("ck.png") no-repeat center /contain;
}
.s19 tr td.x:before {
    background: url("wrong.png") no-repeat center /contain;
}
.s19 tr:last-child td {
    background: #000 !important;
    border: unset;
    height: 50px;
}

/* s20 */
.s20 {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(35,31,32,1) 100%);
}
.s20 .colmn h2 {
    color: #D94136;
    margin-bottom: 10px;
}

/* s21 */
.s21.v1,
.s21.v4 {
    background: radial-gradient(ellipse at center, #DAA602 0%,#AC0001 100%);
}
.s21.v3 {
    background: linear-gradient(to right, rgba(0,10,77,1) 0%,rgba(0,2,10,1) 100%);
}
.s21.v5 {
    background: linear-gradient(to bottom, rgba(102,0,0,1) 0%,rgba(45,6,6,1) 100%);
}
.s21.v1 .img-wrapper {
    max-width: 650px;
    margin: 0 auto;
    filter: drop-shadow(0 0 10px rgba(0 0 0/50%));
}
.s21.v4 .img-wrapper {
    filter: drop-shadow(0 0 10px rgba(0 0 0/50%));
}
.s21.v2 .colmn-2 .text-wrapper,
.s21.v3 .colmn-2 .text-wrapper {
    background: radial-gradient(ellipse at center, #DAA602 0%,#AC0001 100%);
    padding: 40px;
    border-radius: 30px;
}
.s21.v5 .row-2 h2 {
    background: #6E1400;
    padding: 0 10px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

/* s22 */
.s22 {
    background: linear-gradient(to right, rgba(66,9,155,1) 0%,rgba(113,9,136,1) 100%);
}
.s22 .c-colmn {
    flex: 0 0 50%;
    max-width: 50%;
}
.s22 .tbl-head .img-wrapper {
    max-width: 350px;
    margin: 0 auto;
    filter: drop-shadow(-3px 3px 1px rgba(0 0 0 /50%));
}
.s22 .c-colmn.starter {
    transform: scale(0.9);
}
.s22 .table-wrapper .tbl-head {
    padding: 30px 15px;
}
.s22 .starter .tbl-head {
    background: #d93800;
}
.s22 .commercial .tbl-head {
    background: #045ea5;
}
.s22 .table-wrapper {
    border-radius: 60px;
    overflow: hidden;
    box-shadow: 0 0 20px 0;
}
.s22 .table-wrapper .tbl-body {
    padding: 30px 50px;
}
.s22 .starter .tbl-body {
    background: linear-gradient(to bottom, rgba(102,0,0,1) 0%,rgba(45,6,6,1) 100%);
}
.s22 .commercial .tbl-body {
    background: linear-gradient(135deg, #2379ba 0%,#3b50b2 100%);
}
.s22 .tbl-body .list li {
    padding-left: 50px;
    font-weight: 300;
}
.s22 .tbl-body .list li:not(:last-child) {
    margin-bottom: 20px;
}
.s22 .list li:before {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.s22 .list li.c:before {
    background: url("tbl-check.png") no-repeat center /contain;
}
.s22 .list li.x:before {
    background: url("tbl-x.png") no-repeat center /contain;
}
.s22 .starter .tbl-footer {
    background: #d93800;
}
.s22 .commercial .tbl-footer {
    background: #0c3b76;
}
.s22 .table-wrapper .tbl-footer {
    padding: 40px 50px 58px;
}

.s22 .cw2 {
    max-width: 75%;
}


/* abhi */
.abhi .img-wrapper {
    filter: unset;
}
.abhi .title-area h2:first-of-type::before {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    background: url("urn:scrapbook:download:error:https://www.smartbloks.io/sales/assets/images/ban-f2.png") no-repeat center /contain;
    scale: 2;
    transform: scaleY(0.7);
    z-index: -1;
}
.abhi .row {
    max-width: 1000px;
    margin: 0 auto;
}
.abhi .bot-wrap {
    background: linear-gradient(to right, rgba(66,9,155,1) 0%,rgba(113,9,136,1) 100%);
    text-align: center;
    max-width: 800px;
    margin: 50px auto 0;
}
.abhi .bot-wrap h1 {
    font-style: italic;
    text-shadow: 0 3px 3px rgba(0 0 0/30%);
}

/* faq */
.faq * {
    color: #000;
}
.faq {
    background: #FFC6BD;
}
.faq .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    gap: 50px;
}
.faq .content-wrapper .colmn {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    max-width: 100%;
    flex: 0 0 100%;
}
.faq .content-wrapper .head h3 {
    background: #F64E00;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 10px 50px;
    min-height: 100px;
    text-align: center;
    border: 2px solid #000;
    color: #fff;
    border-radius: 100px;
    justify-content: center;
}
.faq .content-wrapper .content {
    width: 100%;
}
.faq .content-wrapper .con-body::before {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 120%;
    width: 100%;
    background: rgb(0 0 0 /10%);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    z-index: -1;
}
.faq .content-wrapper .con-body {
    padding: 30px;
}




/* Modal */

.modal-body {
padding:0 50px 20px
}

.modal-body h5 {
font:700 22px/1.4 Poppins,sans-serif;
color:#ff38a9
}

.modal-footer {
padding:0 50px 40px;
flex-wrap:wrap
}

.modal-footer .btn {
font:700 18px/18px Poppins,sans-serif;
background-color:#4f0084;
padding:15px;
border-radius:0;
border:2px solid transparent
}

.modal-footer .btn:hover {
background-color:transparent;
color:#ff38a9!important;
border-color:#ff38a9
}

.modal-header .close:focus {
outline:none
}



/* Content Style End */

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


/* Disclaimer Start */
@import url("css2-1.css");

.text-wrapper p:not(:last-child) {
	margin-bottom: 25px;
}

#disclaimer {
	padding: 60px 15px;
}

.font-dusty-gray {
	color: #9a9a9a;
}

#disclaimer p,
#disclaimer a {
	font-size: 12px;
	line-height: 1.8;
	text-align: center;
}

#disclaimer p.font-italic {
    font-style: italic;
}

#disclaimer .copyright {
	font-size: 14px;
	display: unset;
	text-transform: unset;
	letter-spacing: unset;
	font-weight: 700;
	text-decoration: none;
}

#disclaimer a.copyright:hover {
	color: #046ded !important;
}

#disclaimer .content-wrapper {
	max-width: 680px;
	margin: 0 auto;
}

.font-dusty-gray {
	color: #9a9a9a !important;
}

#disclaimer p,
#disclaimer a {
	font-size: 12px;
	font-family: 'Poppins', sans-serif;
}

/* Disclaimer End */

/* Footer Start */
#footer-section li {
	padding: 0 20px;
}

#footer-section ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.flex-elem {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}

#footer-section li a {
	color: #000;
	font-size: 14px;
	font-family: 'Poppins';
	text-decoration: none;
}

#footer-section li a:hover {
	color: #046ded !important;
}

#footer-section {
	padding: 30px;
}

#footer-section {
	padding: 30px;
	background: #fafafa;
}

@media screen and (max-width: 1280.98px) {
	#disclaimer {
		padding: 50px 0;
	}

	#footer-section .custom-wrapper {
		max-width: 100%;
	}
}

@media screen and (max-width: 1024.98px) {
	#footer-section li a {
		font-size: 12px;
	}
}

@media screen and (max-width: 991.98px) {
	#footer-section li {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
		padding: 5px 0px;
		border: none !important;
	}

	#footer-section li a {
		font-size: 12px;
	}
}

@media screen and (max-width: 575.98px) {
	#disclaimer p {
		font-size: 12px;
		line-height: 1.8;
	}
}

@media screen and (max-width: 440.98px) {
	#disclaimer .copyright {
		font-size: 12px;
	}

	#disclaimer p {
		font-size: 10px;
	}

	#footer-section {
		padding: 20px 15px;
	}

	#footer-section li {
		padding: 0px 0px;
	}
}

/* Footer End */