/*
  Theme Name: AppHunt - App landing Page HTML5 Template
  Author: Theme_Mania 
  Support: admin@gmail.com
  Description: App landing HTML5 Template
  Version: 1.0
*/

/* CSS Index 
-----------------------------------
1. Theme default css
2. preloader
3. header
4. banner
5. service
6. feature
7. app screen
8. counter
9. pricing
10. video
11. faq
12. Testimonials
13. download
14. contact
15. blog
16. brand
17. footer
18. blog page
19. scroll to top
*/



/* ==========================================================================
   Base styles: Theme default css
   ========================================================================== */
   @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Rubik:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

   * {
	   margin: 0;
	   padding: 0;
	   outline: 0;
   }
   
   body {
	   font-family: 'Rubik', sans-serif;
	   font-weight: normal;
	   font-style: normal;
   }
   html{
	   scroll-behavior: smooth;
   }
   
   .img {
	   max-width: 100%;
	   transition: all 0.3s ease-out 0s;
   }
   
   img {
	   vertical-align: middle;
	   border-style: none;
	   width: 100%;
   }
   
   .f-left {
	   float: left;
   }
   
   .f-right {
	   float: right
   }
   
   .fix {
	   overflow: hidden
   }
   
   a,
   .button {
	   -webkit-transition: all 0.3s ease-out 0s;
	   -moz-transition: all 0.3s ease-out 0s;
	   -ms-transition: all 0.3s ease-out 0s;
	   -o-transition: all 0.3s ease-out 0s;
	   transition: all 0.3s ease-out 0s;
   }
   
   a:focus,
   .button:focus {
	   text-decoration: none;
	   outline: none;
   }
   
   a:focus,
   a:hover,
   .portfolio-cat a:hover,
   .footer -menu li a:hover {
	   color: #2B96CC;
	   text-decoration: none;
   }
   
   a,
   button {
	   color: #1696e7;
	   outline: medium none;
   }
   
   .uppercase {
	   text-transform: uppercase;
   }
   
   .capitalize {
	   text-transform: capitalize;
   }
   
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
	   font-family: 'Poppins', sans-serif;
	   font-weight: normal;
	   color: #333333;
	   margin-top: 0px;
	   font-style: normal;
	   font-weight: 400;
	   text-transform: normal;
   }
   
   h1 a,
   h2 a,
   h3 a,
   h4 a,
   h5 a,
   h6 a {
	   color: inherit;
   }
   
   h1 {
	   font-size: 40px;
	   font-weight: 500;
   }
   
   h2 {
	   font-size: 35px;
   }
   
   h3 {
	   font-size: 28px;
   }
   
   h4 {
	   font-size: 22px;
   }
   
   h5 {
	   font-size: 18px;
   }
   
   h6 {
	   font-size: 16px;
   }
   
   ul {
	   margin: 0px;
	   padding: 0px;
   }
   
   li {
	   list-style: none
   }
   
   p {
	   font-size: 17px;
	   font-weight: normal;
	   line-height: 30px;
	   color: #99a1af;
	   margin-bottom: 15px;
   }
   
   hr {
	   border-bottom: 1px solid #eceff8;
	   border-top: 0 none;
	   margin: 30px 0;
	   padding: 0;
   }
   
   label {
	   color: #7e7e7e;
	   cursor: pointer;
	   font-size: 14px;
	   font-weight: 400;
   }
   
   *::-moz-selection {
	   background: #b430a7;
	   color: #fff;
	   text-shadow: none;
   }
   
   ::-moz-selection {
	   background: #b430a7;
	   color: #fff;
	   text-shadow: none;
   }
   
   ::selection {
	   background: #3aa6fe;
	   color: #fff;
	   text-shadow: none;
   }
   
   *::-moz-placeholder {
	   color: #555555;
	   font-size: 14px;
	   opacity: 1;
   }
   
   *::placeholder {
	   color: #555555;
	   font-size: 14px;
	   opacity: 1;
   }
   
   .form-control:focus {
	   box-shadow: 0px 10px 20px rgba(0, 12, 31, 0.1);
	   outline: none;
	   border-color: #eceff5;
   }
   
   .form-control::-webkit-input-placeholder {
	   color: #b3bbc8;
   }
   
   .form-control::-moz-placeholder {
	   color: #b3bbc8;
   }
   
   .form-control:-ms-input-placeholder {
	   color: #b3bbc8;
   }
   
   .form-control::placeholder {
	   color: #b3bbc8;
   }
   
   .btn {
	   padding: 1px 25px 10px;
	   background: #2f3440 none repeat scroll 0 0;
	   border: 2px solid transparent;
	   font-size: 16px;
	   font-weight: 500;
   }
   
   .btn.brand2-btn {
	   color: #ffffff;
   }
   
   .btn.brand2-btn:hover {
	   background: transparent;
	   border: 2px solid #333;
	   transition: all .3s ease 0s;
   }
   
   .btn.brand2-btn:hover {
	   color: #333;
   }
   
   .btn.brand1-btn {
	   background: transparent;
	   border: 2px solid #333;
	   transition: all .3s ease 0s;
   }
   
   .btn.brand1-btn:hover {
	   background: #2f3440;
	   border: 2px solid transparent;
   }
   
   .btn.brand1-btn:hover {
	   color: #fff;
   }
   
   .btn.brand1-btn {
	   color: #333;
	   transition: all .3s ease 0s;
   }
   
   .section-title h2 {
	   font-weight: 600;
	   color: #2f3440;
	   margin-bottom: 20px;
   }
   
   .section-title p {
	   color: #777;
	   font-weight: 500;
	   margin: 0;
   }
   
   .section-title span {
	   width: 45px;
	   height: 2px;
	   background: #9349df;
   }
   
   .grdnt-blue:not(.overly) {
	   background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	   background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	   background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	   background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	   background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
   }
  /* ==========================================================================
   Base styles: preloader section
   ========================================================================== */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100000
}

#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../img/loading.svg);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px
}

   /* ==========================================================================
   Base styles: Header section
   ========================================================================== */
.header-section {
	background: transparent;
	position: absolute;
	width: 100%;
	z-index: 10000;
}

.sticky {
	position: fixed;
	top: 0;
	background: #8b45d1;
	background: rgb(168, 0, 251);
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	z-index: 1030;
	right: 0;
	left: 0;
	width: 100%;
	transition: .4s;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	padding: 20px;
}

.sticky2 {
	position: fixed;
	top: 0;
	background: rgb(168, 0, 251);
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	z-index: 1030;
	right: 0;
	left: 0;
	width: 100%;
	transition: .4s;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	padding: 20px;
}

.sticky3 {
	position: fixed;
	top: 0;
	background: #8b45d1;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	z-index: 1030;
	right: 0;
	left: 0;
	width: 100%;
	transition: .4s;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	padding: 20px;
}

.header-logo h2 a img{
width: 75%;
}


.header-main {
	margin-top: 7px;
}

.header-main ul li {
	font-size: 14px;
	line-height: 1;
	color: #2f3440;
	margin-left: 5px;
	padding: 8px 20px;
	position: relative;
	display: inline-block;
}

.header-main ul li::before {
	content: "";
	position: absolute;
	width: 0%;
	height: 2px;
	background: #2f3440;
	left: 9px;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease 0s;
}

.header-section.header-sticky.sticky .header-main ul li:before {
	background: #fff;
}


.header-main ul li:hover::before {
	width: 85%;
	right: auto;
	visibility: visible;
	opacity: 1;
}

.header-main ul li.active::before {
	width: 85%;
	right: auto;
	visibility: visible;
	opacity: 1;
}

.header-main ul li ul li:hover::before {
	visibility: hidden;
	opacity: 0;
}

.header-main ul li a {
	color: #2f3440;
	font-weight: 500;
	transition: all .3s ease 0s;
}

.header-section.header-sticky.sticky .header-main ul li a {
	color: #fff;
}
.header-section.header-sticky.sticky .header-main ul li ul.submenu li:hover>a{
	color:#414149;
}
.header-section.header3-sticky.sticky3 .header-main ul li ul.submenu li:hover>a{
	color: #414149;
}
.header-section.header2-sticky.sticky2 .header-main ul li ul.submenu li:hover>a{
	color: #414149;
}

.header-section.header2-sticky.sticky2 .header-main ul li a {
	color: #fff;
}

.header-section.header2-sticky.sticky2 .header-main ul li ul.submenu li a {
	color: #fff;
}

.header-main ul li a:hover {
	color: #414149;
}

.header-main ul li ul.submenu {
	background: #222 none repeat scroll 0 0;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 130%;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 210px;
	z-index: 999;
}

.header-main ul li ul.submenu.blogdrp {
	top: 160%;
}

.header-main ul li:hover>ul.submenu {
	opacity: 1;
	visibility: visible;
	top: 110%;
}

.header-main ul li:hover>ul.submenu.blogdrp {
	top: 130%;
	width: 170px;
}

.header-main ul li ul.submenu li {
	border-bottom: 1px solid #9c9c9c;
	display: block;
	margin: 0;
	text-align: left;
	transition: all .3s ease 0s;
}
.header-main ul li ul.submenu li:hover {
	background: #fff;
}
.header-main ul li ul.submenu li:last-child {
	border: 0;
}

.header-main ul li ul.submenu li a {
	color: #ddd;
	display: block;
	padding: 10px 5px;
}

.header-main ul li ul.submenu li:hover>a {
	color: #414149;
}

.header-button {
	margin-top: 1px;
	padding: 12px 30px;
	font-size: 13px;
	line-height: 22px;
	border: 1px solid #92adee;
	font-weight: 600;
	border-radius: 50px;
	color: #fff;
	transition: all .3s ease 0s;
	cursor: pointer;
	margin-left: 20px;
}

.header-button:hover {
	background-color: #fff;
	border: 1px solid transparent;
}

.header-section.header3-sticky .header-button {
	border: 1px solid #fff;
}

.header-button a {
	color: #2f3440;
}

.header-section.header-sticky.sticky .header-button:hover a {
	color: #2f3440;
}

.header-section.header-sticky.sticky .header-button a {
	color: #ffffff;
}

.header-button:hover a {
	color: #2f3440;
}

/* home2 header style */


.header-section.header2-sticky.sticky2 .header-main ul li:before {
	background: #fff;
}

.header-section.h2Header-style .header-main ul li:before {
	background: #fff;
}

.header-section.h2Header-style.header2-sticky .header-button a {
	color: #fff;
}

.header-section.h2Header-style .header-button:hover a {
	color: #2f3440;
}

.header-section.h2Header-style .header-main ul li a {
	color: #fff;
	font-weight: 500;
	transition: all .3s ease 0s;
}

/* home3 header style */
.header-section.header3-sticky.sticky3 .header-main ul li:before {
	background: #fff;
}

.header-section.header3-sticky .header-main ul li:before {
	background: #fff;
}

.header-section.h3Header-style .header-button a {
	color: #fff;
}

.header-section.h3Header-style .header-button:hover a {
	color: #2f3440;
}

.header-section.h3Header-style .header-main ul li a {
	color: #fff;
	font-weight: 500;
	transition: all .3s ease 0s;
}

.h3Header-style .header-button {
	border: 1px solid #fff;
}

.h3Header-style .header-button:hover {
	border: 1px solid transparent;
}
/* ==========================================================================
   Base styles: Benner section
   ========================================================================== */
   .benner-section {
	background-size: 100% 100%;
	background-position: center;
	position: relative;
	width: 100%;
	height: 100%;
	background: #fafcff;
	overflow: hidden;
}

.home2-bbennerShape.benner-section::before {
	content: "";
	position: absolute;
	width: 36%;
	height: 56%;
	bottom: 156px;
	right: 66px;
	/* clip-path: circle(24.8% at 50% 49%); */
	background: linear-gradient(to right, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	background: -webkit-linear-gradient(to right, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	background: -moz-linear-gradient(to right, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	background: -ms-linear-gradient(to right, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	background: -o-linear-gradient(to right, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	border-radius: 100%;
}
.home2-bbennerShape.benner-section::after {
	content: "";
	position: absolute;
	width: 400px;
	height: 405px;
	top: -184px;
	left: -52px;
	/* clip-path: circle(19.2% at 11% 0); */
	background: linear-gradient(90deg, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	background: -webkit-linear-gradient(90deg, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	background: -moz-linear-gradient(90deg, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	background: -ms-linear-gradient(90deg, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	background: -o-linear-gradient(90deg, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	border-radius: 100%;
}


.benner-section .benner-shape1 {
	position: absolute;
	right: -78px;
	top: 0;
	opacity: .2;
	width: 43%;
}

.benner-mockup-img img {
	width: 80%;
	animation: ImgBounce 5s ease-in-out 0s infinite alternate;
}

@keyframes ImgBounce {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

.benner-contText {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 999;
}

.benner-contText h2 {
	font-size: 55px;
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
	margin-bottom: 30px;
	color: #333333;
}

.benner-contText p {
	font-weight: 500;
	margin-bottom: 40px;
	color: #777;
}

.section-title span {
	margin-right: 13px;
	font-size: 28px;
	display: inline-block;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
}

.btn span {
	margin-right: 13px;
	font-size: 28px;
	display: inline-block;
}

.benner-contText .btn span i {
	position: relative;
	top: 5px;
}

.btn::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #0097E6;
	z-index: -1;
	transition: transform 0.5s;
	transform-origin: 0 0;
	transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
	transform: scaleX(0);
}

/* home2 benner style */
.h2Benner-Style.benner-section {
	background-image: none;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
}

.h2Benner-Style .benner-contText h2 {
	color: #fff;
}

.h2Benner-Style .benner-contText p {
	color: #ddd;
}

.h2Benner-Style .btn.brand2-btn:hover {
	border: 2px solid #fff;
}

.h2Benner-Style .btn.brand2-btn:hover {
	color: #fff;
}

.h2Benner-Style .btn.brand1-btn {
	border: 2px solid #fff;
}

.h2Benner-Style .btn.brand1-btn {
	color: #fff;
}

.h2Benner-Style .btn.brand1-btn:hover {
	border: 2px solid transparent;
}

/* home3 benner style */
.h3Benner-style.benner-section {
	background-size: 100% 100%;
	background-position: center;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
}
.benner-section.h3Benner-style .benner-contText {
	padding-top: 108px;
	padding-bottom: 40px;
}
.h3Benner-style.benner-section::before {
	right: -288px;
}

.h3Benner-style .benner-contText h2 {
	color: #fff;
}

.h3Benner-style .benner-contText p {
	color: #ddd;
}

.h3Benner-style .btn.brand2-btn:hover {
	border: 2px solid #fff;
}

.h3Benner-style .btn.brand2-btn:hover {
	color: #fff;
}

.h3Benner-style .btn.brand1-btn {
	border: 2px solid #fff;
}

.h3Benner-style .btn.brand1-btn:hover {
	border: 2px solid transparent;
}

.h3Benner-style .btn.brand1-btn {
	color: #fff;
}

.h3Benner-style .benner-mockup-img .video-btnBox h2 {
	margin-top: 50px;
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.h3Benner-style .benner-mockup-img .video-btnBox span {
	display: inline-block;
	width: 90px;
	padding: 0px;
	height: 90px;
	position: relative;
	text-align: center;
	border-radius: 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	color: #ffffff;
	font-size: 30px;
	background: #9349df;
	background: -webkit-linear-gradient(0deg, #fff, #ddd);
	background: -moz-linear-gradient(0deg, #fff, #ddd);
	background: -ms-linear-gradient(0deg, #fff, #ddd);
	background: -o-linear-gradient(0deg, #fff, #ddd);
}

.h3Benner-style .benner-mockup-img .video-btnBox span>i {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
	line-height: calc(90px - 3px);
	font-size: 20px;
	color: #fff;
	transform: .5s;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
}

#particles {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	bottom: 0;
	left: 0;
	z-index: 0;
	opacity: 1;
}
/* ==========================================================================
   Base styles: service section
   ========================================================================== */
   .icon-box {
	border-radius: 4px;
	padding: 40px 50px;
	background: #fbfcff;
	border: 2px solid #fafafc;
	transition: .5s;
	position: relative;
}

.icon-box.style-boxed:after,
.icon-box.style-boxed:before,
.service-box-content:after,
.service-box-content:before {
	position: absolute;
	content: "";
	background: linear-gradient(90deg, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	background: -webkit-linear-gradient(90deg, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	background: -moz-linear-gradient(90deg, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	background: -ms-linear-gradient(90deg, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	background: -o-linear-gradient(90deg, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	z-index: 1
}

.icon-box.style-boxed:after,
.icon-box.style-boxed:before {
	height: 100%;
	width: 3px;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	overflow: hidden;
}

.service-box-content:after,
.service-box-content:before {
	width: 100%;
	height: 3px;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	overflow: hidden;
}

.icon-box.style-boxed:before,
.service-box-content:before {
	transform-origin: right top 0;
	-webkit-transform-origin: right top 0;
	-moz-transform-origin: right top 0;
	-ms-transform-origin: right top 0;
	-o-transform-origin: right top 0;
	right: 0;
	top: 0;
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s
}

.service-box-content:before {
	transform-origin: right top 0;
	-webkit-transform-origin: right top 0;
	-moz-transform-origin: right top 0;
	-ms-transform-origin: right top 0;
	-o-transform-origin: right top 0
}

.icon-box.style-boxed:after,
.service-box-content:after {
	transform-origin: left bottom 0;
	-webkit-transform-origin: left bottom 0;
	-moz-transform-origin: left bottom 0;
	-ms-transform-origin: left bottom 0;
	-o-transform-origin: left bottom 0;
	left: 0;
	bottom: 0;
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s
}

.col-content.hover {
	cursor: pointer
}

.service-content-box:hover .icon-box.style-boxed:hover:after,
.service-content-box:hover .icon-box.style-boxed:hover:before {
	transform: scaleY(1);
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s
}

.icon-box.style-boxed:hover .service-box-content::after,
.icon-box.style-boxed:hover .service-box-content::before {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s
}


.icon-box.style-boxed:hover {
	border: 1px solid #edf3fb;
	background-color: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
	transform: translateY(-10px);
}

.icon-box-icon img {
	height: 35px;
	width: 35px;
	margin-bottom: 45px;
}

.icon-box .icon-box-title {
	font-size: 22px;
	font-weight: 600;
	color: #252a32;
	margin-bottom: 20px;
}

.icon-box-details p {
	color: #99a1af;
	margin-bottom: 30px;
	font-size: 15px;
}

.icon-box-details span {
	color: #2f3440;
	font-size: 18px;
}

.icon-box.style-boxed:hover span i {
	background: linear-gradient(90deg, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	background: -webkit-linear-gradient(90deg, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	background: -moz-linear-gradient(90deg, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	background: -ms-linear-gradient(90deg, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	background: -o-linear-gradient(90deg, #ed3ea4 0%, #ec2399 50%, #4222f1 100%);
	color: #fff;
	background-clip: text;
	-moz-background-clip: text; 
	-webkit-background-clip: text;
	-moz-text-fill-color: transparent;
	 -webkit-text-fill-color: transparent;
    text-decoration: none;

}
/* ==========================================================================
   Base styles: About section
   ========================================================================== */
   .about-contBox {
	padding: 42px 40px 35px;
	box-shadow: 0 1px 60px rgba(0, 0, 0, 0.1);
}

.about-contBox h1 {
	font-size: 35px;
	font-weight: 500;
	color: #2f3440;
	margin-bottom: 10px;
}

.about-contBox p {
	font-size: 16px;
	font-weight: 400;
	color: #777;
	margin-bottom: 20px;
	line-height: 24px;
}

.about-contBox .btn {
	padding: 8px 15px 8px;
	font-size: 13px;
	margin-right: 10px;
}

.about-details-rating h2 {
	font-size: 26px;
	font-weight: 500;
	color: #2f3440;
	line-height: 1;
	margin: 0 0 18px;
}

.about-details-rating p {
	font-size: 30px;
	color: #2f3440;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 10px;
}

.about-details-rating p a {
	color: #2f3440;
}

.rating-icone li span {
	font-size: 18px;
	font-weight: 600;
	color: #ffdd65;
}

.user-dtailsamnd {
	font-size: 18px;
	line-height: 1;
	color: #2f3440;
	margin-top: 10px;
	margin-bottom: 0;
	font-weight: 400;
}

.user-dtailsamnd a span {
	margin-right: 7px;
}
/* ==========================================================================
   Base styles: Feature section
   ========================================================================== */
   .feature-box i {
	font-size: 40px;
	font-weight: 700;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	color:#fff;
	background-clip: text;
	-moz-background-clip: text; 
	-webkit-background-clip: text;
	-moz-text-fill-color: transparent;
	 -webkit-text-fill-color: transparent;
	text-decoration: none;
	

}

.feature-box h4 {
	font-weight: 600;
	font-size: 22px;
	margin-top: 29px;
	color: #2f3440;
}

.feature-box p {
	margin-top: 10px;
	font-size: 16px;
	color: #777;
}

.feature-img {
	float: right;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 100%;
	height: 500px;
}
/* ==========================================================================
   Base styles: AppScreen section
   ========================================================================== */

   .appScreen-brand.slick-active {
	transform: scale(9);
	transition: all .3s ease 0s;
}

.appScreen-brand.slick-slide {
	transform: scale(.9);
	box-shadow: 0 0 9px rgba(0, 0, 0, .15);
	position: relative;
	transition: all .3s ease 0s;
}

.appScreen-brand.slick-active.slick-center {
	transform: scale(1);
	box-shadow: 0 0 8px rgba(0, 0, 0, .15);
	transition: all .3s ease 0s;
	z-index: 999;
}

.appScreen-brand.slick-slide img {
	width: 100%;
}

.overlay-info {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	right: 0;
	margin: 0 auto;
	place-items: center;
	bottom: 0;
	text-align: center;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	visibility: hidden;
	opacity: 0;
}

.appScreen-brand:hover .overlay-info {
	visibility: visible;
	opacity: .75;
}

.overlay-info span {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	z-index: 1;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: .25s cubic-bezier(0.43, 0.49, 0.51, 0.68);
	transition: .25s cubic-bezier(0.43, 0.49, 0.51, 0.68);
}

.overlay-info span {
	opacity: 1;
}

.overlay-info span {
	display: block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	border-radius: 50%;
}

.overlay-info span::before,
.overlay-info span::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	top: 0;
	left: 0;
}

.overlay-info span::before {
	border: 1px solid transparent;
}

.overlay-info span::after {
	border: 0 solid transparent;
}

.overlay-info:hover span::before {
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}

.overlay-info:hover span::after {
	border-top: 1px solid #fff;
	border-left-width: 1px;
	border-right-width: 1px;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
	transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
	transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
}

.appscreen-imgcontent .appScreen-active>button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	color: #2f3440;
	font-size: 20px;
	left: 42%;
	position: absolute;
	transform: translateY(-50%);
	z-index: 99;
	outline: 0;
	bottom: -80px;
}

.appscreen-imgcontent .appScreen-active>button.slick-next {
	left: auto;
	right: 42%;
}

.appscreen-imgcontent .slick-dots {
	bottom: -60px;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
}

.appscreen-imgcontent .slick-dots>li {
	display: inline-block;
	margin: 0 5px;
	line-height: 0;
}

.appscreen-imgcontent .slick-dots li button:focus {
	outline: 0;
}

.appscreen-imgcontent .slick-dots li button {
	text-indent: -10000px;
	border: 0 none;
	border-radius: 30px;
	height: 10px;
	width: 10px;
	padding: 0;
	border: 2px solid #9349df;
	transition: all .3s ease 0s;
}

.appscreen-imgcontent .slick-dots>li.slick-active button {
	border: 2px solid #153d99;
	background: #153d99 none repeat scroll 0 0;
	transform: scale(1.1);
}
/* ==========================================================================
   Base styles: counter section
   ========================================================================== */
   .counter {
	position: relative;
}

.counter::before {
	content: "";
	opacity: .95;
	background: linear-gradient(to right, #4222f1 0%, #ec2399 50%, #ed3ea4  100%);
	background: -webkit-linear-gradient(to right,#4222f1 0%, #ec2399 50%, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0%, #ec2399 50%,#ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0%, #ec2399 50%, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0%, #ec2399 50%, #ed3ea4 100%);
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.counter-item {
	position: relative;
	text-align: center;
	color: #fff;
}

.counter-item-icon {
	margin-bottom: 5px;
	font-size: 45px;
	line-height: 1;
}

.counter-item-count {
	font-size: 50px;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 3px;
	line-height: 1;
}

.counter-item h4 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0;
	color: #fff;
}

.counter-item.boxed-style {
	background-color: rgba(255, 255, 255, .06);
	border: 6px solid rgba(255, 255, 255, .2);
	text-align: initial;
	padding: 30px 35px;
}

.counter-count {
	margin-right: 3px;
	font-size: 28px;
	display: inline-block;
}

.counter-item-count span {
	font-size: 28px;
	display: inline-block;
}
/* ==========================================================================
   Base styles: priching section
   ========================================================================== */
   .pricing-section .list-inline {
	display: flex;
	justify-content: center;
	position: relative;
	margin-top: 40px;
}

.pricing-section .list-inline li a {
	font-size: 13px;
	font-weight: 600;
	line-height: 23px;
	color: #2f3440;
	background-color: #ffffff;
	border: 1px solid #4222f1;
	padding: 15px 30px;
	margin-left: -15px;
	border-radius: 0 5px 5px 0;
	letter-spacing: 3px;
	text-transform: uppercase;

}

.pricing-section .list-inline li.month a {
	border-radius: 5px 0 0 5px;
}

.pricing-section .list-inline li.active a {
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	color: #ffffff;
}

.pricing-section .list-inline li.active a:hover {
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
}


.pricing-centen-box {
	padding: 42px;
	border: 2px solid #ddd;
	border-radius: 5px;
	background: #fbfcff;
	width: 100%;
	transition: all .3s ease 0s;
}

.pricing-centen-box.active {
	box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.1);
	border: 2px solid transparent;
	background-color: #ffffff;
}

.pricing-centen-box:hover {
	box-shadow: 0px 0px 60px 1px rgba(0, 0, 0, 0.1);
	border: 2px solid transparent;
	background-color: #ffffff;
}

.pricing-centen-box .badge-name {
	position: absolute;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px;
	width: 90px;
	text-align: center;
	-webkit-transform: rotate(-90deg) translateX(-27%);
	transform: rotate(-90deg) translateX(-27%);
	top: 0;
	right: 15px;
	letter-spacing: 2px;
}

.pricing-centen-box .badge-name:after {
	content: "";
	border-top: 20px solid  #4222f1;
	border-bottom: 20px solid #4222f1;
	border-right: 11px solid transparent;
	border-left: 11px solid transparent;
	position: absolute;
	left: -10px;
	top: 0;
}

.price-head {
	border-bottom: 1px solid #ddd;
}

.price-head h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	color: #333;
}

.pricing-centen-box.active .price-head h3 {
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	color: #fff;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.pricing-centen-box:hover .price-head h3 {
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	color: #fff;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.price-head h6 {
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	color: #777;
}

.pricesec-ratereq a {
	font-size: 45px;
	font-weight: 600;
	font-family: Rubik;
	color: #2f3440;
}

.pricing-centen-box.active .pricesec-ratereq a {
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	color: #fff;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.pricing-centen-box:hover .pricesec-ratereq a {
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	color: #fff;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.pricesec-ratereq>a>span {
	font-size: 15px;
}

.price-details>li {
	font-size: 18px;
	font-weight: 400;
	font-family: Rubik;
	margin: 0 0 10px;
	transition: all .3s ease 0s;

}

.price-details>li a span {
	font-size: 16px;
	color: #777;
}

.pricing-centen-box:hover .price-details>li {
	color: #2f3440;
}

.pricing-centen-box.active .price-details>li {
	color: #2f3440;
}

.price-details>li a span {
	font-size: 16px;
	color: #777;
	margin-right: 5px;
}

.pricing-centen-box:hover .price-details>li a span {
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	color: #fff;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.pricing-centen-box.active .price-details>li a span {
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	color: #fff;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.price-details>li ul li {
	list-style-type: disc;
	color: #777;
	margin-top: 10px;
	width: 100%;
	transition: all .3s ease 0s;
	text-align: left;
	margin-left: 95px;
}

.price-details>li ul li:last-child {
	margin-left: 55px;
}

.pricing-centen-box:hover .price-details>li ul li {
	color: #4222f1;
}

.pricing-centen-box.active .price-details>li ul li {
	color: #4222f1;
}

.price-details>li a {
	color: #777;
}

.price-foot .btn.brand1-btn {
	padding: 11px 25px 10px;
	transition: all .3s ease 0s;
}

.pricing-centen-box:hover .price-foot .btn.brand1-btn {
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	border: 2px solid transparent;
	transition: all 650ms ease;
}

.pricing-centen-box.active .price-foot .btn.brand1-btn {
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	border: 2px solid transparent;
	transition: all 650ms ease;
}

.pricing-centen-box .btn.brand1-btn {
	background: transparent;
	border: 2px solid #4222f1;
	transition: all .3s ease 0s;
}

.price-foot .btn.brand1-btn a {
	font-size: 14px;
	line-height: 28px;
	text-transform: uppercase;
	font-weight: 500;
	transition: all .3s ease 0s;

}

.pricing-centen-box:hover .price-foot .btn.brand1-btn{
	color: #ffffff;
}

.pricing-centen-box.active .price-foot .btn.brand1-btn{
	color: #ffffff;
}
/* ==========================================================================
   Base styles: Video section
   ========================================================================== */
   .video-section {
	background-image: url(../img/bg/bg5.jpg);
	background-position: center;
	background-size: cover;
	position: relative;
}

.video-section::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #9349df;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	opacity: .95;
}

.video-btnBox span {
	display: inline-block;
	width: 90px;
	padding: 3px;
	height: 90px;
	position: relative;
	text-align: center;
	border-radius: 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	color: #ffffff;
	font-size: 30px;
	background: #9349df;
	background: linear-gradient(0deg, #fff, #ddd);
	background: -webkit-linear-gradient(0deg, #fff, #ddd);
	background: -moz-linear-gradient(0deg, #fff, #ddd);
	background: -ms-linear-gradient(0deg, #fff, #ddd);
	background: -o-linear-gradient(0deg, #fff, #ddd);
}

.video-btnBox span>i {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
	line-height: calc(90px - 3px);
	font-size: 20px;
	color: #4222f1;
	transform: .5s;
	background: linear-gradient(0deg, #ddd, #fff);
	background: -webkit-linear-gradient(0deg, #ddd, #fff);
	background: -moz-linear-gradient(0deg, #ddd, #fff);
	background: -ms-linear-gradient(0deg, #ddd, #fff);
	background: -o-linear-gradient(0deg, #ddd, #fff);
}

.video-btnBox span:after,
.video-btnBox span:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 0 .8px rgba(255, 255, 255, .9);
	border-radius: 50%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	animation: pulse 2.2s ease-out infinite;
	backface-visibility: hidden;
	pointer-events: none;
}

.video-btnBox span:after {
	animation-delay: 1s;
}

@-webkit-keyframes pulse {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}

	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2.4);
		opacity: 0;
	}
}
@-moz-keyframes pulse {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}

	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2.4);
		opacity: 0;
	}
}
@-ms-keyframes pulse {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}

	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2.4);
		opacity: 0;
	}
}
@-o-keyframes pulse {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}

	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2.4);
		opacity: 0;
	}
}


@keyframes pulse {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}

	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2.4);
		opacity: 0;
	}
}

.video-btnBox h2 {
	margin-top: 50px;
	font-size: 35px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;
}

/* //home3 style */
.h3video-style.video-section::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #9349df;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	opacity: .95;
}
/* ==========================================================================
   Base styles: FAQ section
   ========================================================================== */
   .faq-sec-img{
	   width: 530px;
	   height: 500px;
	   background-size: cover; background-position: center;
   }
  

.accordion-item {
	position: relative;
	border: 0;
	border-radius: 0;
	background-color: #fff;
	box-shadow: 0px 10px 30px 0px rgba(0, 12, 31, 0.08);
	margin-bottom: 20px;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
}

.accordion-btn {
	width: 100%;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	padding: 23px 30px 13px 30px;
	background-color: transparent;
	border: 0;
	-webkit-transition: .15s ease-in-out;
	transition: .15s ease-in-out;
}

.accordion-btn:focus {
	outline: none;
}

.accordion-btn.collapsed {
	background-color: #fff;
	padding: 23px 30px;
}

.accordion-btn .accordion-title {
	font-size: 20px;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: left;
	color: #fff;
	-webkit-transition: .15s ease-in-out;
	transition: .15s ease-in-out;
}

.accordion-btn .accordion-icon {
	font-size: 30px;
	color: #fff;
	margin-right: 30px;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: .15s ease-in-out;
	transition: .15s ease-in-out;
}

.accordion-arrow i {
	width: 34px;
	height: 34px;
	line-height: 34px;
	background-color: rgba(255, 255, 255, .2);
	border-radius: 50%;
	display: block;
	color: #fff;
	font-size: 20px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: .15s ease-in-out;
	transition: .15s ease-in-out;
}

.accordion-btn.collapsed .accordion-title {
	color: #8b8b99;
}

.accordion-btn.collapsed .accordion-icon i{
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-ms-background-clip: text;
	-webkit-text-fill-color: transparent;
	-ms-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
}

.accordion-btn.collapsed .accordion-arrow i {
	color: #0dc5ad;
	background-color: #eff2f7;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.accordion-body {
	color: #fff;
	padding-left: 90px;
	padding-right: 50px;
	padding-top: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.625em;
}

.accordion.accordion-style-2 .accordion-item {
	background: transparent;
	box-shadow: none;
	margin-bottom: 0;
}

.accordion.accordion-style-2 .accordion-btn.collapsed {
	padding: 23px 30px;
}

.accordion.accordion-style-2 .accordion-btn,
.accordion.accordion-style-2 .accordion-item:last-child .accordion-btn {
	border: 0;
}

.accordion.accordion-style-2 .accordion-btn {
	padding-left: 0;
	padding-right: 0;
}

.accordion.accordion-style-2 .accordion-btn.collapsed {
	background: transparent;
	border-bottom: 1px solid #d7e0ed;
	padding-left: 0;
	padding-right: 0;
}

.accordion.accordion-style-2 .accordion-btn.collapsed .accordion-icon,
.accordion.accordion-style-2 .accordion-btn.collapsed .accordion-title {
	color: #8b8b99;
}

.accordion.accordion-style-2 .accordion-btn .accordion-title,
.accordion.accordion-style-2 .accordion-btn .accordion-icon {
	color: #252a32;
}

.accordion.accordion-style-2 .accordion-body {
	color: #99a1af;
	padding-left: 42px;
	padding-right: 0;
}

.accordion.accordion-style-2 .accordion-btn .accordion-title {
	font-size: 18px;
}

.accordion.accordion-style-2 .accordion-btn .accordion-icon {
	font-size: 20px;
	margin-right: 20px;
}
/* ==========================================================================
   Base styles: testimonials section
   ========================================================================== */
   .testimonial-wraapps i {
	margin-bottom: 40px;
	font-size: 72px;
	color: #fbba42;
}

.testimonial-wraapps p {
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 24px;
}

.testimonial-wraapps h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 0;
}

.testimonial-wraapps span {
	font-size: 13px;
	color: #646464;
}

.testi-img-active {
	width: 310px;
	text-align: center;
	margin: auto;
	margin-top: 50px;
}

.testi-img-active button {
	font-size: 20px;
	color: #333;
	background: none;
	position: absolute;
	top: 50%;
	left: -50px;
	transform: translateY(-50%);
	border: none;
}

.testi-img-active .slick-next {
	left: auto;
	right: -50px;
	outline: none;
}

.testi-thum img {
    transform: scale(.8);
    transition: all .3s ease 0s;
	border-radius: 50%;
	border: 3px solid transparent;
}

.slick-center>img {
	transform: scale(1);
	border: 3px solid #4222f1;
    transition: all .3s ease 0s;
}

.btn-2 {
	background: none;
	border: 2px solid #fbba42;
	color: #333;
	font-size: 15px;
	padding: 17px 35px;
	line-height: 1;
}
/* ==========================================================================
   Base styles: Download  section
   ========================================================================== */
   .download-area {
	background: linear-gradient(to right, #4222f1 0%, #ec2399 51%, #ed3ea4 100%);
    background: -webkit-linear-gradient(to right, #4222f1 0%, #ec2399 51%, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0%, #ec2399 51%, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0%, #ec2399 51%, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0%, #ec2399 51%, #ed3ea4 100%);
	overflow: hidden;
}

.dwn-right {
	position: absolute;
	left: 0;
	top: -14px;
	display: block;
	background-position: center;
	background-size: contain;
	width: 100%;
	height: 300px;
	background-repeat: no-repeat;
}

.dwn-right img {
	width: 100%;
}

.dwn-left h2 {
	font-size: 35px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 16px;
	color: #fff;
}

.dwn-left P {
	color: #fff;
	font-family: Poppins;
	margin-bottom: 35px;
}

.dwn-left .btn {
	padding: 4px 30px 10px;
}

.dwn-left span {
	margin-right: 10px;
	position: relative;
	top: 4px;
	font-size: 28px;
}

.dwn-left .btn.brand1-btn {
	color: #fff;
	transition: all .3s ease 0s;
}

.dwn-left .btn.brand1-btn {
	border: 2px solid #fff;
}

.dwn-left .btn.brand1-btn:hover {
	border: 2px solid transparent;
}

.dwn-left .btn.brand2-btn:hover {
	border: 2px solid #fff;
}

.dwn-left .btn.brand2-btn:hover {
	color: #fff;
}
/* ==========================================================================
   Base styles: Contact  section
   ========================================================================== */
   .contact-section .section-title h2 {
	font-weight: 600;
	color: #333;
	margin-bottom: 0;
	line-height: 1;
}

.form-group {
	margin-bottom: 35px;
}

.form-control {
	padding: 1.12em 1.9em;
	height: 60px;
	border: none;
	font-size: 14px;
	font-weight: 400;
	box-shadow: 0px 2px 4px rgba(0, 12, 31, 0.08);
	color: #777777;
}

textarea.form-control {
	height: 140px;
}

.contact-section .btn-group {
	width: 100%;
}

.contact-section .btn-group .btn {
	padding: 8px 32px 8px;
	background: #2f3440 none repeat scroll 0 0;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	border: 2px solid transparent;
	font-size: 16px;
	font-weight: 400;
	width: 100%;
	color: #ffffff;
	letter-spacing: 5px;
	text-transform: uppercase;
	margin-top: 10px;
}

.contact-section .btn-group .btn:hover {
	color: #2f3440;
	text-decoration: none;
}

#contact-map {
	width: 100%;
	height: 400px;
	border: 6px solid #fff;
	box-shadow: 0px 2px 4px 0px rgba(0, 12, 31, 0.08);
}

/* //form validation */
.contact-box .contact-form .form-group.success .form-control {
	background-color: #ddd;
}

.contact-box .contact-form .form-group.error .form-control {
	border: 1px solid #2ecc71;
}

.contact-box .contact-form .form-group span i {
	position: absolute;
	right: 20px;
	top: 20px;
	visibility: hidden;
}

.contact-box .contact-form .form-group.success span.cmplt i {
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 18px;
	visibility: visible;
}

.contact-box .contact-form .form-group.error span.wrng i {
	color: #e74c3c;
	font-size: 18px;
	visibility: visible;
}

.contact-box .contact-form .form-group small {
	visibility: hidden;
	font-size: 12px;
	font-weight: 600;
	color: #e74c3c;
	position: absolute;
	left: 24px;
	bottom: 14px;
}

.contact-box .contact-form .form-group.error small {
	visibility: visible;
}


/* ==========================================================================
   Base styles: Blog section
   ========================================================================== */
   .latest-blog p {
	padding: 0 190px;
	padding-top: 20px;
}

.blog-box {
	position: relative;
}

.blog-thum img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 5px 5px 0 0;
}

.blog-date-time {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 80px;
	height: 80px;
	border-radius: 3px;
	background-color: #2f3440;
	color: #fff;
	font-size: 16px;
	padding: 10px;
	line-height: 1;
	display: inline-block;
	transition: .4s;
	padding: 15px;
	opacity: .85;
}

.blog-box:hover .blog-date-time {
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);

}

.blog-date-time a {
	text-align: center;
	display: block;
	font-size: 29px;
	font-weight: 700;
	font-family: Poppins;
	color: #fff;
}

.blog-date-time a span {
	font-size: 20px;
	display: block;
	font-weight: 500;
	font-family: Poppins;
}


.blog-info a h2 {
	color: #2f3440;
	font-weight: 600;
	font-size: 22px;
	font-family: Poppins;
	margin-top: 18px;
	transition: all .3s ease 0s;
}

.blog-info a h2:hover {
	color: #4222f1;
}

.blog-info .b-icon {
	margin-top: 12px;
}

.blog-info ul li a {
	color: #646464;
	margin-right: 10px;
	font-size: 14px;
}

.blog-info ul li i {
	margin-right: 3px;
}

.blog-footer p {
	font-size: 13px;
	line-height: 30px;
	padding: 15px 0;
	color: #777;
	margin: 0;
}

.blog-footer a>i {
	margin-left: 7px;
}

.blog-btn {
	position: relative;
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	transition: .15s;
	color: #2f3440;
	font-family: poppins;
}

.blog-btn:hover {
	color: #4222f1;
}

.blog-btn::after {
	content: "";
	width: 0;
	height: 2px;
	position: absolute;
	background: #2f3440;
	left: 0;
	bottom: 0;
	display: inline-block;
	transition: .5s;
	transform-origin: right center 0;
}

.blog-btn:hover:after {
	transform: scaleX(1);
	transform-origin: left center 0;
	width: 100%;
}

/* ==========================================================================
   Base styles: brandsection
   ========================================================================== */
   .brand-section {
	background: #fbfcff;
	padding: 40px 0 55px;
}

.brand-section .brand-active #slick-slide12 img {
	width: 41%;
}

.brand-section .slick-slide img {
	display: block;
	width: 50%;
	margin-left: 60px;
}

.brand-section .slick-dots {
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	bottom: -30px;
}

.brand-section .slick-dots>li {
	display: inline-block;
	margin: 0 5px;
	line-height: 0;
}

.brand-section .slick-dots li button:focus {
	outline: 0;
}

.brand-section .slick-dots li button {
	text-indent: -10000px;
	border: 0 none;
	border-radius: 30px;
	height: 10px;
	width: 10px;
	padding: 0;
	border: 2px solid #9349df;
	transition: all .3s ease 0s;
}

.brand-section .slick-dots>li.slick-active button {
	border: 2px solid #153d99;
	background: #153d99 none repeat scroll 0 0;
	transform: scale(1.1);
}

/* ==========================================================================
   Base styles: footer-foot section
   ========================================================================== */
.footer-box {
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
}

.footsocials-share {
	width: 100%;
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
	position: relative;

}

.footer-foot-box h1 {
	font-size: 35px;
	line-height: 1;
	color: #fff;
	margin-bottom: 35px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
}

.foot-copyright p {
	margin: 0;
	margin-top: 11px;
	font-size: 13px;
	font-weight: 500;
	color: #ddd;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.contact-foot-form .form-groups {
	position: relative;
	margin: 0;
}

.contact-foot-form label {
	margin: 0;
}

.contact-foot-form .form-groups label a span {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 25px;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	display: block;
	padding: 12px 25px;
	color: #fff;
	border-radius: 0 4px 4px 0;
	height: 60px;
}

.footsocials-share .socials-icone a {
	display: inline-block;
	width: 45px;
	padding: 4px;
	height: 45px;
	position: relative;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	margin-left: 10px;
	margin-right: auto;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	color: #ffffff;
	font-size: 15px;
	background: linear-gradient(0deg, #fff, #ddd);
	background: -webkit-linear-gradient(0deg, #fff, #ddd);
	background: -moz-linear-gradient(0deg, #fff, #ddd);
	background: -ms-linear-gradient(0deg, #fff, #ddd);
	background: -o-linear-gradient(0deg, #fff, #ddd);
	box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.1);
	color: #2f3440;
	opacity: 1;
	transition: all .3s ease 0s;

}

.footsocials-share .socials-icone a:hover {
	transform: scale(1.1);
	background: #9349df;
	background: linear-gradient(to right, #4222f1 0%, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	box-shadow: 0px 0px 60px 1px rgba(0, 0, 0, 0.1);
}

.footsocials-share span {
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	color: #fff;
	margin-right: 10px;
	position: relative;
	top: 10px;
	letter-spacing: 2px;
}

.footsocials-share a>i {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
	line-height: calc(45px - 5px);
	font-size: 12px;
	color: #2f3440;
	background: linear-gradient(0deg, #ddd, #fff);
	background: -webkit-linear-gradient(0deg, #ddd, #fff);
	background: -moz-linear-gradient(0deg, #ddd, #fff);
	background: -ms-linear-gradient(0deg, #ddd, #fff);
	background: -o-linear-gradient(0deg, #ddd, #fff);
	box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.1);
	opacity: 1;
	transform: .5s;
}

.footsocials-share a:hover>i {
	line-height: calc(45px - 7px);
	color: #ffffff;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	box-shadow: 0px 0px 60px 1px rgba(0, 0, 0, 0.1);
}

/* ==========================================================================
   Base styles: Blog page section
   ========================================================================== */

   .blog-sidebar-fix {
	position: sticky;
	top: 90px;
	height: 100vh;
	background: #fff;
}

.sidebar-widget>h3 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 30px;
	padding-bottom: 10px;
	position: relative;
}

.sidebar-widget>h3::before {
	background: #2552e7 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 50px;
}

.po-post-img {
	float: left;
}

.po-post-content {
	margin-left: 75px;
}

.po-post-content h5 {
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	margin-bottom: 0;
}

.po-post-content h5 a:hover {
	color: #9349df;
}

.po-post-content>span {
	color: #646464;
	font-size: 12px;
}

.po-post>li {
	margin-bottom: 25px;
}

.po-post>li:last-child {
	margin-bottom: 0;
}

.tags>li {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 8px;
}

.tags li a {
	border: 1px solid #e6e6e6;
	color: #646464;
	display: inline-block;
	padding: 10px;
}

.sidebar-widget .contact-form .form-group {
	position: relative;
	margin: 0;
}

.contact-form .form-group label .sidebar {
	position: absolute;
	right: 0;
	top: 0;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	color: #ffffff;
	padding: 17px 15px;
	border-radius: 0 30px 30px 0;
	cursor: pointer;
}

.sidebar-widget .contact-form .form-group .form-control {
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	height: 55px;
	padding: 8px 30px 4px 15px;
	border-radius: 0 30px 30px 0;
}

.appblog-pagination .page-item:first-child .page-link {
	border-radius: 0;
	margin-left: 0;
}

.appblog-pagination .page-item:last-child .page-link {
	border-radius: 0;
}

.appblog-pagination .page-item {
	margin: 0 5px;
}

.appblog-pagination .page-item:first-child {
	margin-left: 0
}

.appblog-pagination .page-link {
	background-color: #fff;
	border: 1px solid #9349df;
	color: #444;
	display: block;
	font-weight: 400;
	line-height: 1.25;
	margin-left: -1p;
	padding: 0.5rem 0.75rem;
	position: relative;
	text-align: center;
	width: 40px;
}

.appblog-pagination .page-item.active .page-link {
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	border-color: transparent;
	color: #fff;
	z-index: 1;
}

/* scroll to top
================================================== */

.progress-wrap {
	position: fixed;
	right: 50px;
	bottom: 50px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
}

.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.progress-wrap.active-progress span {
	position: absolute;
	left: 17px;
	top: 8px;
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 20px;
	color: #fff;
	transition: all 650ms ease;
}

.progress-wrap::after {
	position: absolute;
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	color: #fff;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.progress-wrap:hover::after {
	opacity: 0;
}

.progress-wrap::before {
	position: absolute;
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	opacity: 0;
	background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -moz-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -ms-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background: -o-linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.progress-wrap:hover::before {
	opacity: 1;
}

.progress-wrap svg path {
	fill: none;
}

.progress-wrap svg.progress-circle path {
	stroke: #fff;
	stroke-width: 4;
	box-sizing: border-box;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

body.light .progress-wrap {
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
}

body.light .progress-wrap::after {
	color: #fff;
}

body.light .progress-wrap svg.progress-circle path {
	stroke: #fff;
}