@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');@font-face {	src: url("../fonts/MonumentExtended-Ultrabold.otf");	font-family: 'monu';	}:root{  --gird-width:30px;  --gird-height:30px;  --line-color:#999;  --dot-color:#ccc;  --dot-size:2px;  --point-gap-width:calc(var(--gird-width) * 4);  --point-gap-height:calc(var(--gird-height) * 4);}html,body{	width: 100%;	overflow-x: hidden !important;}h1,h2,h3,h4,h5,h6,p{		font-family: 'Poppins', sans-serif;  color:#fff;}.navbar-light .navbar-toggler-icon{	  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}.nav-item a {  white-space: nowrap;  transform: translateY(0);  transition: background 0.2s ease-in-out, color 0.2s ease-in-out, transform 0.2s ease-in-out;}svg{  position: absolute;  height: 100vh;}.lines {  opacity: 0.05; }.line {  fill-rule: evenodd;  clip-rule: evenodd;  fill:  rgba(118,27,230,1)}.lights {  opacity: 0.9;}.light {  fill-rule: evenodd;  clip-rule: evenodd;  fill: rgba(240,16,24,1);opacity:0.3; }.background__lights{		width: 100%;	overflow-x: hidden;}.nav-item2 a::before {  content: "";  position: absolute;  width: 0;  height: 3px;  left: 50%;  bottom: 0;  background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);  transition: all 0.2s ease-in-out;}.active a::before {  content: "";  position: absolute;  width: 0;  height: 3px;  left: 50%;  bottom: 0;  background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);  transition: all 0.2s ease-in-out;}.active a::before {   width: 100%;  left: 0;}.nav-item a:hover::before {  width: 100%;  left: 0;}  #video-background {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    pointer-events: none;    z-index: -1;	  opacity:0.3;  }.float{	position:fixed;	width:60px;	height:60px;	bottom:40px;	right:40px;	background-color:#25d366;	color:#FFF;	border-radius:50px;	text-align:center;  font-size:30px;	box-shadow: 2px 2px 3px #999;  z-index:100;}.list-group-item {  background: rgba(0,0,0,0.5);color: #fff;}.my-float{	margin-top:16px;}  #video-background iframe {    width: 100vw;    height: 56.25vw; /* 16:9 aspect ratio */    max-width: none;    max-height: none;    transform: translateX(-50%);    left: 50%;    top: -200px;    position: relative;  }body{	background-color: #121212;}.nav-link{		color: #8e8e8e;	text-transform: uppercase;	font-family: 'Poppins', sans-serif;	font-size: medium;}.btn-login{	background: rgb(240,16,24);background: -moz-linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);background: -webkit-linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f01018",endColorstr="#761be6",GradientType=1);	border: 0;	font-family: 'Poppins', sans-serif;	padding: 10px 40px 10px 40px;    border-radius: 10px;}.btn-signup{	border: 0;	font-family: 'Poppins', sans-serif;	font-weight: bold;	padding: 10px 40px 10px 40px;    border-radius: 10px;}.btn-signup:hover{	border: 0;	background: transparent;	font-family: 'Poppins', sans-serif;	font-weight: bold;	padding: 10px 40px 10px 40px;    border-radius: 10px;}.div1{	margin-top: 3rem;	margin-bottom: 8rem;}.para1{	font-family: 'Poppins', sans-serif;}.para2{	font-family: 'Poppins', sans-serif;}.head1{	font-family: 'monu';	font-size: xxx-large;	letter-spacing: 2px;}.typing{  display:block;  color:#fff;}.typing::after {  content: '';  height: 100%;  padding: 2px;  margin-left: 10px;  background: rgb(240,16,24);background: -moz-linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);background: -webkit-linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f01018",endColorstr="#761be6",GradientType=1);  animation: typing 1.2s ease infinite;}span.typed-cursor {  display:none;}@keyframes typing {  0% {    opacity: 1;  }  100% {    opacity: 0;  }}.is-invalid {            border-color: red !important;        }.error-message {            color: red;            margin-top: 5px;        }.validation-message {            color: red;            margin-top: 5px;            display: none;        }.validation-condition {            margin-bottom: 5px;        }.cross {            color: red;            margin-right: 5px;        }.tick {            color: green;            margin-right: 5px;        }@-webkit-keyframes checkmark {    0% {        stroke-dashoffset: 50px    }    100% {        stroke-dashoffset: 0  }}@-ms-keyframes checkmark {    0% {        stroke-dashoffset: 50px    }    100% {        stroke-dashoffset: 0    }}@keyframes checkmark {    0% {        stroke-dashoffset: 50px    }    100% {        stroke-dashoffset: 0    }}@-webkit-keyframes checkmark-circle {    0% {        stroke-dashoffset: 240px    }    100% {        stroke-dashoffset: 480px    }}@-ms-keyframes checkmark-circle {    0% {        stroke-dashoffset: 240px    }    100% {        stroke-dashoffset: 480px    }}@keyframes checkmark-circle {    0% {        stroke-dashoffset: 240px    }    100% {        stroke-dashoffset: 480px    }}/* other styles *//* .svg svg {    display: none} */.inlinesvg .svg svg {    display: inline}/* .svg img {    display: none} */.icon--order-success svg path {    -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;    animation: checkmark 0.25s ease-in-out 0.7s backwards      -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */    animation-delay: 1s;}.icon--order-success svg circle {    -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;    animation: checkmark-circle 0.6s ease-in-out backwards    }.notification {    position: fixed;    top: 10px;    right: 0;    left: 0;	margin:0 auto;    width: max-content;    border-radius: 6px;    background-color: #191919;    color: #FF6373;    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);    transform: translateY(-30px);    opacity: 0;    visibility: hidden;    animation: fade-in 3s linear;    z-index: 9999;	display:none;/* Adjust the z-index value as needed */}.notification_icon{	height:26px;	width:26px;	margin-right:8px;}.notification_body{	display:flex;	flex-direction: row;	align-items: center;	padding: 16px 22px;}.notification_progress{	position:absolute;	left:4px;	bottom:4px;	width: calc(100% -8px);	height:3px;	transform: scaleX(0);	transform-origin: left;	background: linear-gradient(to right, #B60E20, #FF6373);	border-radius: inherit;	animation: progress 2.5s 0.3s linear;}.notification2 {    position: fixed;    top: 10px;    right: 0;    left: 0;	margin:0 auto;    width: max-content;    border-radius: 6px;    background-color: #191919;    color: #aaec8a;    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);    transform: translateY(-30px);    opacity: 0;    visibility: hidden;    animation: fade-in 3s linear;    z-index: 9999;	display:none;/* Adjust the z-index value as needed */}.notification_icon2{	height:26px;	width:26px;	margin-right:8px;}.notification_body2{	display:flex;	flex-direction: row;	align-items: center;	padding: 16px 22px;}.notification_progress2{	position:absolute;	left:4px;	bottom:4px;	width: calc(100% -8px);	height:3px;	transform: scaleX(0);	transform-origin: left;	background: linear-gradient(to right, #313e2c, #aaec8a);	border-radius: inherit;	animation: progress 2.5s 0.3s linear;}@keyframes fade-in{	5% {		opacity:1;		visibility: visible;		transform: translateY(0);	}	95%{		opacity: 1;		transform:translateY(0);	}}@keyframes progress{	to {		transform: scaleX(1);	}}.wrap {  height: 100%;  display: flex;  align-items: center;  justify-content: center;}.btn-main {  min-width: 300px;  min-height: 60px;	font-family: 'Poppins', sans-serif;  font-size: large;  color: white;	background: rgb(240,16,24);background: -moz-linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);background: -webkit-linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f01018",endColorstr="#761be6",GradientType=1);  border: none;  border-radius: 1000px;  transition: all 0.3s ease-in-out 0s;  cursor: pointer;  outline: none;  position: relative;  padding: 10px;  }.btn-main::before {content: '';  border-radius: 1000px;  min-width: calc(300px + 12px);  min-height: calc(60px + 12px);  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  opacity: 0;  transition: all .3s ease-in-out 0s;}.btn-main:hover, .btn-main:focus {  color: white;  transform: translateY(-6px);}.btn-main:hover::before, .btn-main:focus::before {  opacity: 1;}.btn-main::after {  content: '';  width: 30px; height: 30px;  border-radius: 100%;  border: 6px solid rgba(240,16,24,1);  position: absolute;  z-index: -1;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  animation: ring 1.5s infinite;}.btn-main:hover::after, .btn-main:focus::after {  animation: none;  display: none;}.mouse {  background: #4e5559 linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);  position: relative;	transform: scale(0.7) !important;  width: 52px;  height: 88px;  border-radius: 100px;  background-size: 100% 200%;  -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;          animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;}.mouse:before, .mouse:after {  content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  margin: auto;}.mouse:before {  width: 46px;  height: 82px;  background-color: #191919;  border-radius: 100px;}.mouse:after {  background-color: #ffffff;  width: 10px;  height: 10px;  border-radius: 100%;  -webkit-animation: trackBallSlide 5s linear infinite;          animation: trackBallSlide 5s linear infinite;}@-webkit-keyframes colorSlide {  0% {    background-position: 0% 100%;  }  20% {    background-position: 0% 0%;  }  21% {    background-color: #4e5559;  }  29.99% {    background-color: #ffffff;    background-position: 0% 0%;  }  30% {    background-color: #4e5559;    background-position: 0% 100%;  }  50% {    background-position: 0% 0%;  }  51% {    background-color: #4e5559;  }  59% {    background-color: #ffffff;    background-position: 0% 0%;  }  60% {    background-color: #4e5559;    background-position: 0% 100%;  }  80% {    background-position: 0% 0%;  }  81% {    background-color: #4e5559;  }  90%, 100% {    background-color: #ffffff;  }}@keyframes colorSlide {  0% {    background-position: 0% 100%;  }  20% {    background-position: 0% 0%;  }  21% {    background-color: #4e5559;  }  29.99% {    background-color: #ffffff;    background-position: 0% 0%;  }  30% {    background-color: #4e5559;    background-position: 0% 100%;  }  50% {    background-position: 0% 0%;  }  51% {    background-color: #4e5559;  }  59% {    background-color: #ffffff;    background-position: 0% 0%;  }  60% {    background-color: #4e5559;    background-position: 0% 100%;  }  80% {    background-position: 0% 0%;  }  81% {    background-color: #4e5559;  }  90%, 100% {    background-color: #ffffff;  }}@-webkit-keyframes trackBallSlide {  0% {    opacity: 1;    transform: scale(1) translateY(-20px);  }  6% {    opacity: 1;    transform: scale(0.9) translateY(5px);  }  14% {    opacity: 0;    transform: scale(0.4) translateY(40px);  }  15%, 19% {    opacity: 0;    transform: scale(0.4) translateY(-20px);  }  28%, 29.99% {    opacity: 1;    transform: scale(1) translateY(-20px);  }  30% {    opacity: 1;    transform: scale(1) translateY(-20px);  }  36% {    opacity: 1;    transform: scale(0.9) translateY(5px);  }  44% {    opacity: 0;    transform: scale(0.4) translateY(40px);  }  45%, 49% {    opacity: 0;    transform: scale(0.4) translateY(-20px);  }  58%, 59.99% {    opacity: 1;    transform: scale(1) translateY(-20px);  }  60% {    opacity: 1;    transform: scale(1) translateY(-20px);  }  66% {    opacity: 1;    transform: scale(0.9) translateY(5px);  }  74% {    opacity: 0;    transform: scale(0.4) translateY(40px);  }  75%, 79% {    opacity: 0;    transform: scale(0.4) translateY(-20px);  }  88%, 100% {    opacity: 1;    transform: scale(1) translateY(-20px);  }}@keyframes trackBallSlide {  0% {    opacity: 1;    transform: scale(1) translateY(-20px);  }  6% {    opacity: 1;    transform: scale(0.9) translateY(5px);  }  14% {    opacity: 0;    transform: scale(0.4) translateY(40px);  }  15%, 19% {    opacity: 0;    transform: scale(0.4) translateY(-20px);  }  28%, 29.99% {    opacity: 1;    transform: scale(1) translateY(-20px);  }  30% {    opacity: 1;    transform: scale(1) translateY(-20px);  }  36% {    opacity: 1;    transform: scale(0.9) translateY(5px);  }  44% {    opacity: 0;    transform: scale(0.4) translateY(40px);  }  45%, 49% {    opacity: 0;    transform: scale(0.4) translateY(-20px);  }  58%, 59.99% {    opacity: 1;    transform: scale(1) translateY(-20px);  }  60% {    opacity: 1;    transform: scale(1) translateY(-20px);  }  66% {    opacity: 1;    transform: scale(0.9) translateY(5px);  }  74% {    opacity: 0;    transform: scale(0.4) translateY(40px);  }  75%, 79% {    opacity: 0;    transform: scale(0.4) translateY(-20px);  }  88%, 100% {    opacity: 1;    transform: scale(1) translateY(-20px);  }}@-webkit-keyframes nudgeMouse {  0% {    transform: translateY(0);  }  20% {    transform: translateY(8px);  }  30% {    transform: translateY(0);  }  50% {    transform: translateY(8px);  }  60% {    transform: translateY(0);  }  80% {    transform: translateY(8px);  }  90% {    transform: translateY(0);  }}@keyframes nudgeMouse {  0% {    transform: translateY(0);  }  20% {    transform: translateY(8px);  }  30% {    transform: translateY(0);  }  50% {    transform: translateY(8px);  }  60% {    transform: translateY(0);  }  80% {    transform: translateY(8px);  }  90% {    transform: translateY(0);  }}@-webkit-keyframes nudgeText {  0% {    transform: translateY(0);  }  20% {    transform: translateY(2px);  }  30% {    transform: translateY(0);  }  50% {    transform: translateY(2px);  }  60% {    transform: translateY(0);  }  80% {    transform: translateY(2px);  }  90% {    transform: translateY(0);  }}@keyframes nudgeText {  0% {    transform: translateY(0);  }  20% {    transform: translateY(2px);  }  30% {    transform: translateY(0);  }  50% {    transform: translateY(2px);  }  60% {    transform: translateY(0);  }  80% {    transform: translateY(2px);  }  90% {    transform: translateY(0);  }}@-webkit-keyframes colorText {  21% {    color: #4e5559;  }  30% {    color: #ffffff;  }  51% {    color: #4e5559;  }  60% {    color: #ffffff;  }  81% {    color: #4e5559;  }  90% {    color: #ffffff;  }}@keyframes colorText {  21% {    color: #4e5559;  }  30% {    color: #ffffff;  }  51% {    color: #4e5559;  }  60% {    color: #ffffff;  }  81% {    color: #4e5559;  }  90% {    color: #ffffff;  }}.div2{		margin-top: 8rem;}.sec-div {      background: rgba(255,255,255,.05);  box-shadow: 0 0 10px rgba(0,0,0,0.25);  backdrop-filter: blur(10px);    padding: 2rem;    border-radius: 23px;    max-width: 30%;    margin-bottom: 3rem;	 transition: all 0.2s;}.sec-left2:hover {	cursor:pointer;   transform: scale(1.2);	transition: all 0.2s}.sec-left {    height: 100px;    width: 100px;    text-align: center;    background: rgb(162 162 162 / 10%);    border-radius: 100%;    flex: none;}.tips-img {    margin: auto;    top: 0;    left: 0;    right: 0;    bottom: 0;}.div3{	margin-top: 8rem;}.div4{		margin-top: 8rem;}section.module.content {  padding: 40px 0;}section.module.parallax {  height: auto;  background-position: 50% 50%;  background-repeat: no-repeat;  background-attachment: fixed;  background-size: cover;}section.module.parallax h1 {  color: rgba(255, 255, 255, 0.8);  font-size: 48px;  line-height: 600px;  font-weight: 700;  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}section.module.parallax-1 {  background-image: url("../img/counter-bg.webp");  background-size:100% !important;}@media all and (min-width: 600px) {  section.module h2 {    font-size: 42px;  }  section.module p {    font-size: 20px;  }  section.module.parallax h1 {    font-size: 96px;  }}@media all and (min-width: 960px) {  section.module.parallax h1 {    font-size: 160px;  }}@media (max-width:1200px){	section.module.parallax-1{		background:transparent;	}	.sec-div2{		max-width:100% !important;	}}.slide {  opacity: 0;  -moz-transition: all 500ms linear;  -webkit-transition: all 500ms linear;  -o-transition: all 500ms linear;  transition: all 500ms linear;  -moz-transform: translate3d(-100px, 0px, 0px);  -webkit-transform: translate3d(-100px, 0px, 0px);  -o-transform: translate(-100px, 0px);  -ms-transform: translate(-100px, 0px);  transform: translate3d(-100px, 0px, 0px);}.hasSlid {  opacity: 1;  -moz-transform: translate3d(0px, 0px, 0px);  -webkit-transform: translate3d(0px, 0px, 0px);  -o-transform: translate(0px, 0px);  -ms-transform: translate(0px, 0px);  transform: translate3d(0px, 0px, 0px);}.padding-enlarge {   -moz-transition: padding-top .15s ease-in-out, padding-bottom .15s ease-in-out;     -o-transition: padding-top  .15s ease-in-out, padding-bottom .15s ease-in-out;     -webkit-transition: padding-top  .15s ease-in-out, padding-bottom .15s ease-in-out;     transition: padding-top  .15s ease-in-out, padding-bottom .15s ease-in-out;}.padding-enlarge:hover {  padding-top: 15px;  padding-bottom: 15px;}.counter-container {  justify-content: center;  text-align: center;  margin: 30px 15px;	background: #191919;    padding-top: 3rem;    padding-bottom: 3rem;    border-radius: 19px;}.counter-gradient{	background: rgb(240,16,24);background: -moz-linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);background: -webkit-linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f01018",endColorstr="#761be6",GradientType=1);}.counter {  font-size: 45px;	font-family: 'Poppins', sans-serif;	color: white;  margin-top: 10px;}.counter-container span{	color: white;	font-family: 'Poppins', sans-serif;	font-size: large;}@media (max-width: 580px) {  body {    flex-direction: column;  }}	.div5{	margin-top: 8rem;	margin-bottom: 8rem;}.service-feature i {    margin-right: 2rem;}.service-feature-right {    float: right;}.pricing-card {    background: rgb(116 116 116 / 10%);    padding: 2rem;    border-radius: 28px;	    box-sizing: border-box;    border: 14px solid transparent;    background-clip: padding-box;}.price-txt span {    font-size: large;    vertical-align: middle;}.box{	  box-sizing: border-box;    border: 14px solid transparent;    background-clip: padding-box !important;	border-radius:25px !important;}.btn-order {    	background: rgb(240,16,24);background: -moz-linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);background: -webkit-linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f01018",endColorstr="#761be6",GradientType=1);    color: white;    border-radius: 13px;    width: 100%;    font-family: 'Poppins', sans-serif;    font-size: small;    padding: 1rem 2.5rem 1.1rem 2.5rem;}hr {    background: white;    opacity: 0.1;    margin-bottom: 2rem;}.switch-container {  display: flex; }.tabs {  display: flex;  position: relative;  background: rgb(116 116 116 / 10%);  box-shadow: 0px 40px 60px black;  margin:0 auto;  padding: 0.75rem;  border-radius: 99px; }  .tabs * {    z-index: 2; }#radio-1, #radio-2, #radio-3 {  display: none; }#radio-4, #radio-5, #radio-6 {  display: none; }.tab {  display: flex;  align-items: center;  justify-content: center;  height: 48px;  width: 200px;  font-size: medium;  font-weight: 500;  border-radius: 99px;  cursor: pointer;  color: #5a506a;  transition: color 0.15s ease-in;  }.notification3 {  display: flex;  align-items: center;  justify-content: center;  width: 2rem;  height: 2rem;  margin-left: 0.75rem;  border-radius: 50%;  background-color: var(--secondary-color);  transition: 0.15s ease-in; }input[type="radio"]:checked + label {  color: white;  }  input[type="radio"]:checked + label > .notification3 {    background-color: var(--primary-color);    color: #fff; }input[id="radio-1"]:checked ~ .glider {  transform: translateX(0); }input[id="radio-2"]:checked ~ .glider {  transform: translateX(100%); }input[id="radio-3"]:checked ~ .glider {  transform: translateX(200%); }input[id="radio-4"]:checked ~ .glider {  transform: translateX(0); }input[id="radio-5"]:checked ~ .glider {  transform: translateX(100%); }input[id="radio-6"]:checked ~ .glider {  transform: translateX(200%); }.glider {  position: absolute;  display: flex;  height: 54px;  width: 200px;  	background: rgb(240,16,24);background: -moz-linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);background: -webkit-linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f01018",endColorstr="#761be6",GradientType=1);  z-index: 1;  border-radius: 99px;  transition: 0.25s ease-out; }@media (max-width: 700px) {  .tabs {    transform: scale(0.6); } }.grid {  display: grid;  grid-gap: var(--card-padding);  margin: 0 auto;  max-width: 80em;  padding: 0; }  @media (min-width: 42em) {    .grid {      grid-template-columns: repeat(3, 1fr); } }.div6{	margin-top: 8rem;}.sec-div2 {    background: rgb(116 116 116 / 10%);    padding: 15px 10px 15px 15px;    border-radius: 23px;    max-width: 30%;    margin-bottom: 3rem;}.sec-left2 {    height: 70px;    width: 70px;    text-align: center;    background: -moz-linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);background: -webkit-linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f01018",endColorstr="#761be6",GradientType=1);    border-radius: 23px;    flex: none;}.div7{	margin-top: 8rem;}.div8{	margin-top: 4rem;}.div9{	margin-top: 8rem;}.section-padding{padding:60px 0;}.brand-carousel {transform: scale(0.7);	}.owl-dots {text-align: center;margin-top: 4%;}.owl-dot {display: inline-block;height: 15px !important;width: 15px !important;background-color: #878787 !important;opacity: 0.8;border-radius: 50%;margin: 0 5px;}.owl-dot.active {background-color: #000 !important;}.circle {  width: 100px;  height: 100px;  background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);  border-radius: 50%;  position: absolute;  animation: move-up6 2s ease-in infinite alternate-reverse;}.circle:nth-child(1) {  top: -25px;	left: 16%;}.circle:nth-child(2) {  bottom: 1rem;    right: 17%;  animation-name: move-down1;}@keyframes move-up6 {  to {    transform: translateY(-10px);  }}@keyframes move-down1 {  to {    transform: translateY(10px);  }}.sec-div:hover{	  transform: scale(1.04) rotate(1deg);}@media (max-width:826px){	.sec-div{		max-width:100% !important;	}}.cssbuttons-io-button {  background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);  color: white;  font-family: inherit;  padding: 1.85em;    padding-left: 3.2em;  font-size: 17px;  font-weight: 500;  border-radius: 0.9em;  border: none;  letter-spacing: 0.05em;  display: flex;  align-items: center;  box-shadow: inset 0 0 1.6em -0.6em #714da6;  position: relative;  height: 2.8em;  padding-right: 5.3em;}.cssbuttons-io-button .icon {  background: white;  margin-left: 1em;  position: absolute;  display: flex;  align-items: center;  justify-content: center;  height: 3em;  width: 3em;  border-radius: 0.7em;  box-shadow: 0.1em 0.1em 0.6em 0.2em #7b52b9;  right: 0.3em;  transition: all 0.3s;}.cssbuttons-io-button:hover .icon {  width: calc(100% - 0.6em);}.cssbuttons-io-button .icon svg {  width: 1.1em;  transition: transform 0.3s;  color: #7b52b9;}.cssbuttons-io-button:hover .icon svg {  transform: translateX(0.1em);}.cssbuttons-io-button:active .icon {  transform: scale(0.95);}.cssbuttons-io-button::before {  content: '';  width: 30px; height: 30px;  border-radius: 100%;  border: 6px solid rgba(240,16,24,1);  position: absolute;  z-index: -1;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  animation: ring 1.5s infinite;}@keyframes ring {  0% {    width: 30px;    height: 30px;    opacity: 1;  }  100% {    width: 300px;    height: 300px;    opacity: 0;  }}.icon2 {  margin: 0 auto;  width: 100%;  height: 80px;  max-width: 80px;  background: linear-gradient(90deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 40%, rgba(0, 0, 0, 0.28) 60%);  border-radius: 100%;  display: flex;  justify-content: center;  align-items: center;  transition: all 0.8s ease;  background-position: 0px;  background-size: 200px;}.icon3 {  margin: 0 auto;  width: 100%;  height: 80px;  max-width: 80px;  background: #191919;  border-radius: 100%;  display: flex;  justify-content: center;  align-items: center;  transition: all 0.8s ease;  background-position: 0px;  background-size: 200px;}.icon3 svg {  fill: white;}.counter-container:hover .icon3 {  background-position: -120px;  transition: all 0.3s ease;}.counter-container:hover .icon3 svg path {  fill: url('#gradientColor');  transition: all 0.3s ease;}.icon2 svg {  fill: white;}.counter-container:hover .icon2 {  background-position: -120px;  transition: all 0.3s ease;}.counter-container:hover .icon2 svg path {  fill: url('#gradientColor');  transition: all 0.3s ease;}.card-inv-img{	filter:invert(1);}.timeline {  color: #fff;}.timeline h1,.timeline ul li .content h2 {  text-shadow: 1px 1px 1px rgba(56, 56, 56, 0.5);	}.timeline h1 {  padding: 70px 0;  font-size: 2.5em;  text-align: center;}.timeline ul {  padding: 50px 0;}.timeline ul li {  background: #878787 ;  position: relative;  margin: 0 auto;  width: 5px;  padding-bottom: 40px;  list-style-type: none;}.timeline ul li:last-child {  padding-bottom: 7px;}.timeline ul li:before {  content: "";  background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);  position: absolute;  left: 50%;  top: 0;  transform: translateX(-50%);  -webkit-transform: translateX(-50%);  width: 20px;  height: 20px;  border: 3px solid white;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;}.timeline ul li .hidden {  opacity: 0;}.timeline ul li .content {  background: #67CC8E;  position: relative;  top: 7px;  width: 450px;  padding: 20px;}.timeline ul li .content h2 {  color: #fff;  padding-bottom: 10px;  text-align: left;	font-family: 'Poppins', sans-serif;	}.timeline ul li .content p {  text-align: left;	font-family: 'Poppins', sans-serif;}.timeline ul li .content:before {  content: "";  background: #878787;  position: absolute;  top: 0px;  width: 38px;  height: 5px;}.timeline ul li:nth-child(odd) .content {  left: 50px;  background: #67CC8E;  background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);border-radius: 0% 3% 3% 3%;}.timeline ul li:nth-child(odd) .content:before {  left: -38px;}.timeline ul li:nth-child(even) .content {  left: calc(-450px - 45px);  background: #67CC8E;  background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);border-radius: 3% 0% 3% 3%;}.timeline ul li:nth-child(even) .content:before {  right: -38px;}/* -------------------------   ----- Media Queries -----    ------------------------- */@media screen and (max-width: 1020px) {  .timeline ul li .content {    width: 41vw;  }  .timeline ul li:nth-child(even) .content {    left: calc(-41vw - 45px);  }}@media screen and (max-width: 700px) {  .timeline ul li {    margin-left: 20px;  }  .timeline ul li .content {    width: calc(100vw - 100px);  }  .timeline ul li .content h2 {    text-align: initial;  }  .timeline ul li:nth-child(even) .content {    left: 45px;      }  .timeline ul li:nth-child(even) .content:before {    left: -33px;  }}footer{   background: rgb(116 116 116 / 5%);    text-align: center;       padding-top: 20px;    margin-top: auto;}footer li{    list-style: none;    margin: 10px;    display: inline-block;}  .rounded-gradient-borders {      width: 50px;    height: 50px;    border: double 3px transparent;    border-radius: 50%;    background-image: linear-gradient(#242525, #242525), radial-gradient(circle at top left, #f00,#3020ff);    background-origin: border-box;    background-clip: content-box, border-box;    display: inline-block;    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}.rounded-corners-gradient-borders-2 {  border: double 10px black;  width: 300px;  height: 300px;  border-radius: 50%;  background-clip: content-box;  background-color: red;  float: left;}ion-icon{	font-size: x-large;    color: white;}.icons a:before{  content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: -1;  margin: -5px;}.icons a:hover{    color: #191919;    transition: 0.5s;}.menu a{    color: #ffffff;    text-transform: capitalize;	font-family: 'Poppins', sans-serif;}.menu a:hover{    color: #a2a2a2;    transition: 0.5s;	text-decoration: none;	}.footer-copyright{    background: rgb(116 116 116 / 10%);    color: #ffffff;    padding: 15px;    margin-top: 30px;    text-transform: capitalize;	}.footer-copyright p{    margin-bottom: 0px;	font-family: 'Poppins', sans-serif;}.slogan{	font-family: 'Poppins', sans-serif;	font-size:small;	}.head3{	font-family: 'Poppins', sans-serif;	font-weight: bold; }.div10{	margin-bottom: 8rem;}.accordion a {  position: relative;  display: -webkit-box;  display: -webkit-flex;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-flex-direction: column;  flex-direction: column;  width: 100%;  padding: 1rem 3rem 1rem 1rem;  font-size: 1.15rem;  font-weight: 400;  border-bottom: 0.5px solid hsla(0,0%,100%,.4);}.accordion a:hover,.accordion a:hover::after {  cursor: pointer;  color: #cf1350;}.accordion a.active {  color: #03b5d2;  border-bottom: 0.5px solid hsla(0,0%,100%,.4);}.accordion a::after {  font-family: 'Ionicons';  content: '\f218';  position: absolute;  float: right;  right: 1rem;  font-size: 1rem;  color: #cf1350;  padding: 5px;  width: 30px;  height: 30px;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;    text-align: center;}.accordion a.active::after {  font-family: 'Ionicons';  content: '\f209';  color: #cf1350; }.accordion .content {  display: none;  padding: 1rem;  border-bottom: 0.5px solid hsla(0,0%,100%,.4);  overflow: hidden;}.accordion .content p {  font-size: 1rem;  font-weight: 300; text-transform: lowercase;	font-family: 'Poppins', sans-serif;}.grid-bg{  width: 100%;  height: 120vh;  overflow: hidden;}.ba-grid{  position: absolute;  z-index: -1;    background-image: /* /*   /*     radial-gradient(ellipse at center, #181818 0%, #1c1c1c 100%), */    radial-gradient(ellipse at bottom left, rgb(28 10 42 / 40%) 10%, rgba(138,114,76,0) 40%),    linear-gradient(to bottom, rgb(177 177 177 / 25%), rgb(61 3 3)),    linear-gradient(135deg, #1c1c1c, #000000)}.ba-grid:before,.ba-grid:after,.inner:before,.inner:after{  content:'';  position: absolute;  z-index: 1;  top:0;  bottom:0;  left:0;  right:0;  mix-blend-mode: overlay;}.ba-grid:before{  background-image:     linear-gradient(var(--line-color), transparent 1px),    linear-gradient(to right, var(--line-color), transparent 1px);  background-size:    100% var(--gird-height),    var(--gird-width) 100%;}.ba-grid:after{  background-image: radial-gradient(var(--dot-color) 1px, transparent 1px);  background-size: var(--point-gap-width) var(--point-gap-height);  background-position: calc(var(--point-gap-width) / 2) calc(var(--point-gap-height) / 2);}.inner:before,.inner:after{  background-image: radial-gradient(var(--dot-color) var(--dot-size), transparent var(--dot-size));  background-size: var(--point-gap-width) var(--point-gap-height);  background-position: calc(var(--point-gap-width) / 2) calc(var(--point-gap-height) / 2);  }.inner:after{    transform: scale(1.1, 1.1);}.inner:before{/*   background-image: radial-gradient(var(--dot-color) calc(var(--dot-size) + 1px), transparent calc(var(--dot-size) + 1px)); */  transform: scale(1.2, 1.2);}.anim:after{  animation: 6.4s linear move infinite;}.anim .inner:after{  animation: 3.2s linear move infinite;}.anim .inner:before{  animation: 1.6s linear move infinite;}@keyframes move{  0%{    background-position:calc(var(--point-gap-width) / 2) calc(var(--point-gap-height) / 2);  }  100%{    background-position:calc(var(--point-gap-width) / 2) calc(var(--point-gap-height) / 2 * -1);  }}.form-container{	background: rgb(255 255 255 / 5%);    backdrop-filter: blur(3px);    -webkit-backdrop-filter: blur(2px);    padding: 2rem;    border-radius: 50px;    margin-top: 3rem;	box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;	margin-bottom:7rem;}.custom-fields:focus{	background: #ffffff1a;	box-shadow:none;	outline:0;	color:white;	}.custom-fields{	height: calc(1.8em + 0.75rem + 2px);    border-radius: 23px;    background: #ffffff1a;    border: 0;	color: white;}.button_lg-pg {  font-family: inherit;  font-size: 18px;  background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);  color: white;  padding: 0.8em 3.2em;	font-family: 'Poppins', sans-serif;  display: flex;	margin:0 auto;  align-items: center;  justify-content: center;  border: none;  border-radius: 25px;  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);  transition: all 0.3s;}.button_lg-pg:hover {  transform: translateY(-3px);  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);}.button_lg-pg:focus {  outline: none;}.button_lg-pg:active {  transform: scale(0.95);  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);}.button_lg-pg span {  display: block;  margin-left: 0.4em;  transition: all 0.3s;}.button_lg-pg svg {  width: 18px;  height: 18px;  fill: white;  transition: all 0.3s;}.button_lg-pg .svg-wrapper {  display: flex;  align-items: center;  justify-content: center;  width: 30px;  height: 30px;  border-radius: 50%;  background-color: rgba(255, 255, 255, 0.2);  margin-right: 0.5em;  transition: all 0.3s;}.button_lg-pg:hover .svg-wrapper {  background-color: rgba(255, 255, 255, 0.5);}.button_lg-pg:hover svg {  transform: rotate(45deg);}#loginForm{	font-family: 'Poppins', sans-serif;}#registrationForm{	font-family: 'Poppins', sans-serif;}#contact{	font-family: 'Poppins', sans-serif;}.comment{        resize: none;        width: 100%;}.awicon{	background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);	padding: 7px;	border-radius: 15px;}.div11{	margin-top: 9rem;}.modal{  position:fixed;  top:0;  left:0;  width:100%;  height:100%;  color:#fff;  background-color: rgba(0,0,0,0.8);  z-index:-1;  display:flex;  justify-content: center;  align-items: center;  opacity: 0;  transition: all 0.5s ease-in-out;}.modal.active{  opacity:1;  z-index:100;}.modal .btn{ /* position: absolute; */  top:20px;  right:20px;  color:#fff;  background-color: transparent;  border:0;  font-size: 20px;  cursor: pointer;} .main{  margin-top:30px;}.grid{  display:grid;  grid-template-columns:repeat(3, 1fr);  gap:20px;}.grid img{  width: 230px;  height: 230px;  cursor: pointer;  transition: opacity 0.5s ease-in-out;	margin: 0 auto;}.grid img:hover{  opacity:0.8;}@media (max-width:980px) {  .grid{    grid-template-columns: repeat(2, 1fr);  }}.termpara{	color: white;	font-family: 'Poppins', sans-serif;	margin-left: 2rem;	}.terhead{	color: white;	font-family: 'Poppins', sans-serif;	margin-left: 2rem;	}.alert-dark{	background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);}.div12{	margin-top: 8rem;	margin-bottom:8rem;}.div13{	margin-top: 8rem;	margin-bottom:15rem;}@media (max-width:400px){	.form-container{		padding:2rem;	}}
.loader {  
    position: absolute;  
    top: 50%;  
    left: 50%;  
    width: 5em;  
    height: 5em;  
    background: linear-gradient(-45deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 100% );  
    animation: spin 3s infinite;	z-index: 999999 !important;
}
    .loader::before {  content: "";  z-index: -1;  position: absolute;  inset: 0;  
        background: linear-gradient(-45deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 100% );  
        transform: translate3d(0, 0, 0) scale(0.95);  filter: blur(20px);	z-index: 999999 !important;}@keyframes spin {  0% {    transform: rotate(-45deg);  }  50% {    transform: rotate(-360deg);    border-radius: 50%;  }  100% {    transform: rotate(-45deg);  }}
        .loader-bg{	
            background:#191919;	
            height:100vh;
            position: absolute;
            right:0;
            left:0;
            z-index: 99999 !important;	justify-content: center;	align-items: center;	display: flex;}.custom-fields option{  background: rgba(0, 0, 0, 0.3);  color: #fff;  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);}.div15{	margin-top: 8rem;	margin-bottom: 14rem;}.tabli{	list-style-type: none;}.tabli a{	color: white;	text-decoration: none;	font-family: 'Poppins', sans-serif;	font-size: large;}#digitizingform{	font-family: 'Poppins', sans-serif;}.frstdv{	background: rgb(116 116 116 / 10%);	padding: 1.5rem;	border-radius: 15px;}.secdv{	background: rgb(116 116 116 / 10%);	padding: 1.5rem;	border-radius: 15px;}.submenu{ 	list-style: none; 	margin: 0; 	padding: 0; 	padding-left: 1rem; 	padding-right: 1rem;}.submenu > li > a{		text-align:left;	text-transform: none;}.submenu > li > a:hover{		color:white;}.nav-link-custom{	text-align:left;	text-transform: none;}.nav-link-custom:hover{	color:white;}table tr th {		color: white;	text-transform: uppercase;}table tr td {		color: gray;}.modal.show {    opacity: 1;	z-index: 9999 !important;}
.modal-content{	background: #1c1c1c;}
.form-control2{	
background: transparent;	
border: 2px solid #313030;	color: gray;	margin-bottom: 1.2rem;}
.form-control2:disabled{	background: transparent;}@media (max-width:420px){	
.typing_con{		height:120px;	}}#dataTable_wrapper{	color:white;}.dataTables_filter input{	    background: #333333;    border: 0;	color: white;   }.dataTables_filter input:focus{	    background: #333333;    border: 0;	color: white;	box-shadow: none;   }.dataTables_filter label{color: #a5a5a5 !important;   }.page-link {	background: #333333 !important;    border: 0 !important;    color: #a5a5a5 !important;}.dataTables_info{	color: #a5a5a5 !important;}.dataTables_length select{	background: #333333 !important;	border: 0;	color: #a5a5a5 !important;}.dataTables_length label{		color: #a5a5a5 !important;}.dataTables_length select:focus{	box-shadow: none;}.view{	    text-decoration: underline;    color: white;    font-size: small;}.view:hover{	    text-decoration: underline;    color: white;    font-size: small;}

/* modal window */

		.modal p { margin: 1em 0; }

		

		.add_form.modal {

		  border-radius: 0;

		  line-height: 18px;

		  padding: 0;

		  font-family: "Lucida Grande", Verdana, sans-serif;

		}

		.add_form h3 {

		  margin: 0;

		  padding: 10px;

		  color: #fff;

		  font-size: 14px;

		  background: -moz-linear-gradient(top, #2e5764, #1e3d47);

		  background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #1e3d47),color-stop(1, #2e5764));

		}

		.add_form.modal p { padding: 20px 30px; border-bottom: 1px solid #ddd; margin: 0;

		  background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #fff));

		  overflow: hidden;

		}

		.add_form.modal p:last-child { border: none; }

		.add_form.modal p label { float: left; font-weight: bold; color: #333; font-size: 13px; width: 110px; line-height: 22px; }

		.add_form.modal p input[type="text"],

		.add_form.modal p input[type="submit"]		{

		  font: normal 12px/18px "Lucida Grande", Verdana;

		  padding: 3px;

		  border: 1px solid #ddd;

		  width: 200px;

		}

		

		#msgAdd {

		  margin: 10px;

		  padding: 30px;

		  color: #fff;

		  font-size: 18px;

		  font-weight: bold;

		  background: -moz-linear-gradient(top, #2e5764, #1e3d47);

		  background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #1e3d47),color-stop(1, #2e5764));

		}
		.modal-footer{

			background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);
    transition: all 0.2s ease-in-out;
		}
		.modal-header {
			padding: 8px 15px;
			 
			 
			font-size: 20px;
			background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);
    transition: all 0.2s ease-in-out;
		}
		.bp_button {
			background: linear-gradient(122deg, rgba(240,16,24,1) 0%, rgba(118,27,230,1) 62%);
    transition: all 0.2s ease-in-out;
		}
		
		@media (max-width: 410px){
		    .form-group span{
		            text-wrap: auto;
                    text-wrap-style: balance;
                    text-align: left;
		    }
		}
		
		@media (min-width: 640px){
		    .pricing-container {
            padding: 20px 100px;
               }
		}
		
		@media (max-width: 1279px) and (min-width: 1199px){
		    .form-group span{
		            text-wrap: auto;
                    text-wrap-style: balance;
                    text-align: left;
		    }
		}