:root{
	/*background-color: 030303;*/
	primary_clr: #030303;
}
body{
	background: #030303 !important;
}
.offers_bannner{
	    min-height: 100vh;
        display: flex;
        align-items: center;
        background:url('../../front/images/features-offered/banner.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
        position: relative;
        padding: 50px 0px;
}
.offers_title{
	font-size: 55px;
	font-weight: 800;
	color: #ffffff;

}
.offers_sec1{
	margin-top: 50px;
}
.offers_subcontent{
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	text-align: justify;
}
.title_color, .spl_title{
	background: linear-gradient(167.06deg, #EB6E1C -26.63%, #E444EF 125.16%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	animation: 3s title alternate infinite;
}
@keyframes title{
	0%{
		background: linear-gradient(347.06deg, #EB6E1C -76.63%, #E444EF 105.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
	}
	30%{
		background: linear-gradient(167.06deg, #EB6E1C -26.63%, #E444EF 125.16%);
		-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	filter: drop-shadow(8px 5px 10px #000);
	}
	50%{
		background: linear-gradient(347.06deg, #EB6E1C -76.63%, #E444EF 105.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
	}
	70%{
		background: linear-gradient(347.06deg, #EB6E1C -76.63%, #E444EF 105.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
	}
	90%{
		background: linear-gradient(167.06deg, #EB6E1C -26.63%, #E444EF 125.16%);
		-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	filter: drop-shadow(16px 5px 10px #000);
	}
	100%{
		background: linear-gradient(347.06deg, #EB6E1C -76.63%, #E444EF 105.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
	}

}
.banner_img{
	position: absolute;
	top: 20%;
	right: 0%;
	transform: translate(-0%,-43%);
	animation: banner 2s alternate infinite;
}
@keyframes banner{
	0%{
		filter: brightness(0) hue-rotate(0deg) drop-shadow(2px 4px 6px pink);
		transform: translateX(0px);
	}
	100%{
		filter: brightness(2) hue-rotate(291deg);
		transform: translateX(-30px) translateY(10px);
	}
}

/*.banner_img :hover{
	box-shadow: 10px 10px 30px #fff;

}*/
.banner_sec_points{
	display: flex;
	/*background: linear-gradient(167.06deg, #EB6E1C -26.63%, #E444EF 125.16%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;*/
	color: #fff;
	font-size: 18px;
}
.banner_iconimg{
	object-fit: none;
	width: 30px;
	height: 20px;
}
.banners-icons{
	display: flex;
	align-items: center;
}

.offered_button{
	background: linear-gradient(121.57deg, #059DFF 11%, #6549D5 45%, #E33FA1 87%, #FB5343 100%);
    border-radius: 8px;
    color: #ffffff !important;
    background-repeat: no-repeat;
    border: aliceblue;
}
.offered_button:hover{
	box-shadow: 3px 2px 65px #01fbff;

}
.spl_off_banner{
    display: flex;
    align-items: center;
    background:url('../../front/images/features-offered/all-banner.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    padding: 50px 0px;
}
.spc_off_img{
	animation: 3s special alternate infinite;
}
@keyframes special {
	0%{
		transform: scale(0.9);
	}

	100%{

		transform: scale(1.1);
	}
}
.spl_title{
	background: linear-gradient(221.05deg, #EB6E1C 8.61%, #E444EF 60.69%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-size: 35px;
	font-weight: 600;
	text-align: center;
}
.spl_content_sec{
	background: linear-gradient(89.98deg, rgba(10, 12, 21, 0.14) 2.04%, rgba(10, 12, 21, 0.78) 31.44%,
		rgba(10, 12, 21, 0.8) 66.19%, rgba(10, 12, 21, 0) 95.39%);
	color: #fff;
	font-size: 35px;
	font-weight: 600;

}
.spl_off_sec{
	display: flex;
	align-items: flex-start;
	justify-content: center;
    margin-top: 50px;
}
.why_sec{
	background: url(../../front/images/features-offered/why-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 30px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    margin-bottom: 100px;
}
.why_title{
	background: linear-gradient(359.08deg, #EB6E1C -216.39%, #E444EF 157.38%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-size: 30px;
	font-weight: 600;
}
.why_content{
	color: #fff;
    font-size: 18px;
    font-weight: 300;
    text-align: justify;
}
.service_banner{
    display: flex;
    align-items: center;
    background:url('../../front/images/features-offered/service-banner.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position: 65%;
    min-height: 1000px;
    justify-content: center;
    animation: 1s service alternate infinite;
}
@keyframes service {
	0%{
		filter: hue-rotate(0deg);
	}
	100%{
		filter: hue-rotate(35deg);
	}
}

.service_title{
	font-size: 35px;
	font-weight: 600;
	color: #fff;
	text-align: center;
}
.service_title_clr{
	background: linear-gradient(221.05deg, #EB6E1C 8.61%, #E444EF 60.69%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
    font-size: 22px;
}
.service_box{
	background: rgba(217, 217, 217, 0.1);
	box-shadow: inset 15.3879px -15.3879px 15.3879px rgba(255, 0, 61, 0.1), inset -15.3879px 15.3879px 15.3879px rgba(251, 50, 255, 0.1);
	backdrop-filter: blur(15.3879px);
	/* Note: backdrop-filter has minimal browser support */
	border-radius: 15.3879px;
	padding: 10px 0px 10px 0px;
}
.service_title_warp{
	margin-bottom: 5%;
}
.service_content{
	color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-top: 10%;
}
.content_clr{
	background: linear-gradient(100deg, #EA6932 42.5%, #E444EF 82.72%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.service_subcontent{
	text-align: center;
	color: #ffffff;
	margin-top: 16px;
	font-size: 16px;
}
.form_banner{
	display: flex;
    align-items: center;
    background:url('../../front/images/features-offered/form-banner.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position: 65%;
    min-height: 80vh;
    justify-content: center;
}
.form_image{
	position: absolute;
    top: 19%;
    left: -33%;
}

.counter__item{
	background: linear-gradient(105.44deg, #EC7016 8.19%, #E442FF 92.37%);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 255px;
    width: 255px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 1;
}

.counter__item::before{
	position: absolute;
    left: -1px;
    bottom: -2px;
    height: 636px;
    width: 636px;
    border-left: 1px solid #333333;
    border-top: 1px solid #333333;
    content: "";
    z-index: -1;
}
.counter{
    overflow: hidden;
    display: flex;
    align-items: center;
    background:url('../../front/images/features-offered/all-banner.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    padding: 50px 0px

}
.counter__content{
    min-height: 988px;
    display: grid;
    place-content: center;
}
.counter_title{
	padding: 63px 0px 12px 0px;
	color: #fff;
	text-align: center;
	background: linear-gradient(152.96deg, #EB6E1C 2.77%, #E444EF 136.02%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-size: 50px;
	font-weight: 600;
}
.counter__item__text{
	-webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.counter__item__text h2 {
    font-size: 60px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 6px;
    margin-top: 18px;
}
.counter__item__text p {
    color: #ffffff;
    margin-bottom: 0;
}
.counter__item.second__item {
    margin-top: -185px;
}
.counter__item.second__item:before {
   left: -300px;
    bottom: -65px;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: none;
    border-top: none;
}
.counter__item.third__item:before {
    left: -58px;
    bottom: -321px;
}
.counter__item.four__item {
    margin-top: -185px;
}
.counter__item.four__item:before {
    left: -380px;
    bottom: -468px;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: none;
    border-top: none;
}

 .related-blog-wrapper .related-blog-boxwrapper .related-blog-box .blog-title-details .blog-readinghour span:nth-last-child(1) {
    font-family: "Readex Pro", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  background: linear-gradient(103.49deg, #E54BD2 2.79%, #EC7016 101.79%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
 .blog-contactus-wrapper {
  background: #111111;
  border-radius: 25px;
  padding: 20px;
}
 .blog-contactus-wrapper .blog-c-icon {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 350px;
  margin: 55px auto;
}
 .blog-contactus-wrapper .blog-c-icon a {
  width: 55px;
  height: 55px;
  background: linear-gradient(139.49deg, #EC6F16 -22.74%, #B43AA8 105.32%);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
 .blog-contactus-wrapper .contact-us-content {
  min-height: 400px;
}
 .blog-contactus-wrapper .contact-us-content .transfom {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
 .blog-contactus-wrapper .contact-us-content .asset-home {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  background: linear-gradient(105.44deg, #EC7016 8.19%, #E442FF 92.37%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 15px;
  display: inline-block;
}
 .blog-contactus-wrapper .contact-us-content h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 35px;
  line-height: 60px;
  text-transform: capitalize;
  color: #FFFFFF;
}
 .blog-contactus-wrapper .contact-us-content p {
    font-family: "Readex Pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 35px;
  text-align: justify;
  text-transform: capitalize;
  color: #FFFFFF;
  max-width: 340px;
}
 .blog-contactus-wrapper .contact-us-content p.contact-re {
    font-family: "Readex Pro", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 35px;
  text-transform: capitalize;
  color: #FFFFFF;
}
.form_banner #feature_offer_form,
.form_banner #feature_offer_form_banner {
  background: linear-gradient(118.57deg, #09080E -2.03%, rgba(10, 12, 21, 0) 117.38%);
  border-radius: 30px;
  padding: 20px 30px;
  overflow: hidden;
}
.form_banner #feature_offer_form .blog-select,
.form_banner #feature_offer_form_banner .blog-select {
  min-height: 51px;
  background: #111111;
  border-radius: 5px;
  border: 0;
}
.form_banner .form-group .select_icon_list {
    background: transparent;
    width: 25%;
}
.form_banner #feature_offer_form .blog-select .form-control-input,
.form_banner #feature_offer_form_banner .blog-select .form-control-input {
  position: absolute;
  top: 0;
  left: 25%;
}
.form_banner #feature_offer_form .btn,
.form_banner #feature_offer_form_banner .btn {
  	position: absolute;
    top: 13%;
    left: 0;
    background: #111!important;
    border: none!important;
    color: #fff!important;
    width: 25%;
    position: relative;
    min-height: 51px;
}
.form_banner #feature_offer_form .blog-select .selectpicker ,
.form_banner #feature_offer_form_banner .blog-select .selectpicker{
  max-width: 55px;
}
.form_banner #feature_offer_form .blog-select .form-group .form-control,
.form_banner #feature_offer_form_banner .blog-select .form-group .form-control {
  background-color: transparent;
}
.form_banner #feature_offer_form .form-group,
.form_banner #feature_offer_form_banner .form-group {
  margin-bottom: 0;
}
.form_banner #feature_offer_form .form-group .form-control,
.form_banner #feature_offer_form_banner .form-group .form-control{
  min-height: 51px;
  background: #111111;
  border-radius: 5px;
  border: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: #FFFFFF;
}
.form_banner #feature_offer_form .form-group .form-control::-moz-placeholder,
.form_banner #feature_offer_form_banner .form-group .form-control::-moz-placeholder {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  text-transform: capitalize;
  color: #FFFFFF;
}
.form_banner #feature_offer_form .form-group .form-control::placeholder,
.form_banner #feature_offer_form_banner .form-group .form-control::placeholder {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  text-transform: capitalize;
  color: #FFFFFF;
}
.form_banner #feature_offer_form .form-group .form-control:focus,
.form_banner #feature_offer_form_banner .form-group .form-control:focus{
  box-shadow: none;
  outline: none;
}
.sub_title{
	font-size: 35px;
    font-weight: 600;
    color: #fff;
    margin: 30px 0px 30px 0px;
    text-align: center;
}
.sub_banner{
	display: flex;
    background:url('../../front/images/features-offered/sub-banner.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position: 65%;
    min-height: 371px;
    justify-content: center;
    padding: 40px;
}
.sub_buttons{
	display: flex;
	align-items: center;
	justify-content: center;
}
#feature_offer_form input:-webkit-autofill,
#feature_offer_form input:-webkit-autofill:hover,
#feature_offer_form input:-webkit-autofill:focus,
#feature_offer_form input:-webkit-autofill:active
#feature_offer_form_banner input:-webkit-autofill,
#feature_offer_form_banner input:-webkit-autofill:hover,
#feature_offer_form_banner input:-webkit-autofill:focus,
#feature_offer_form_banner input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #111111 inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
#newsletter_form{
    color: #fff;
}
@media (max-width: 991px) {
	.offers_sec1, .offers_subcontent{
		text-align: center;
	}
	.spl_off_sec{
		display: unset;
		text-align: center;
	}
	.counter__item{
		transform: unset;
		margin: 15px auto;
		margin-top: 0 !important;
	}
	.counter__item__text{
		transform: unset;
	}
	.counter__item:before{
		display: none;
	}
	.counter__content{
		min-height: 630px;
	}
	.counter_title{
		padding: 63px 0px 0px 0px;
	}
}
@media (min-width: 767px){
.offers_subcontent,.offer_subtitle{
    max-width: 435px;
}
}
@media (max-width: 767px){

	.service_banner{
		padding: 0px 20px;
	}
	.form_banner{
		margin-top: 60px;

	}
	.offers_sec1{
		margin-top: 77px;
	}
	.offers_title, .spl_title, .service_title{
		font-size: 35px;
       font-weight: 600;
	}
	.offers_subcontent, .why_content{
		font-size: 16px;
	}
	.spl_content_sec{
		font-size: 25px;
	}


}

.welcome-text p{
    max-width: 320px;
    font-size: 18px;
    line-height: 40px;
    text-align: justify;

}

.met-text{
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}

.welcome-ass-wrapper .wsw-heading{
    text-align: center;
    margin: 50px 0;
}

.welcome-ass-wrapper .wsw-heading h3{
    background: linear-gradient(359.08deg, #EB6E1C -216.39%, #E444EF 157.38%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-size: 30px;
	font-weight: 600;
}

.welcome-ass-wrapper p{
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 35px;
    background: linear-gradient(118.57deg, #09080E -2.03%, rgba(10, 12, 21, 0) 117.38%);
    border-radius: 15px;
    padding: 15px 25px;
    min-height: 300px;
}
.seprator{
    position: relative;
    justify-content: space-between;
}
.seprator::after{
    content: "";
    background: linear-gradient(167.06deg, #EB6E1C -26.63%, #E444EF 125.16%);
    top: 0;
    left: 50%;
    transform: translate(-50%,0%);
    position: absolute;
    width: 2px;
    height: 90%;
}

@media (max-width: 991px){
    .seprator::after{
        display: none;
    }
}

.seprator .why_sec span{
    font-size: 22px;
    font-weight: 700;
    background: linear-gradient(105.44deg,#ec7016 8.19%,#e442ff 92.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-text-emphasis-color: transparent;
    text-emphasis-color: transparent;
}

.whysec-title
{
    background: linear-gradient(89.41deg, #40404000 40.45%, rgba(32, 32, 32, 0) 194.47%);
    backdrop-filter: blur(20px);
    border-radius: 15px;
    padding: 15px 25px;
    margin-top: -70px;
    margin-bottom: 55px;
}