/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOMEPAGE CSS STYLE
    04. START TOP FEATURE DESIGN
    05. START SERVICE AREA
    06. START WHY CHOOSE US DESIGN
    07. START HOW IT WORKS DESIGN
    08. START REVIEWS DESIGN
    09. START BLOG DESIGN
    10. START PRICING DESIGN
    11. START FAQ DESIGN
    12. START FOOTER DESIGN
    13. START SECTION TOP DESIGN
    14. START ERROR PAGE DESIGN
    15. START TEAM DESIGN
    16. START LOGIN AND REGISTER PAGE DESIGN
    17. START CONTACT PAGE DESIGN
    18. START ABOUT PAGE & SINGLE USE CASE DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
* {
	margin: 0; padding: 0;
	box-sizing: border-box;
	scroll-behavior: smooth;
}
:root {
	--yellow-color: #ffe06f;
	--text-black: #232434;
	--text-purple: #6138bd;
}
body {
	color:#acacd0;
	background:#0e1123;
	font-family: 'Mulish', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	overflow-x:hidden;
	position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin: 0px;
  font-family: 'Mulish', sans-serif;
  color: #fff;
  font-weight: 400;
}
a {
	font-family: 'Mulish', sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
inout{outline:none;}
p {
  margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
	list-style:none;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
b, strong {
	font-weight: 600;
}
span{font-family: 'Mulish', sans-serif;}
.no-padding { padding: 0 }
.section-padding { padding: 80px 0 }
.accent-color {
	color: #ffe06f;
}

/*START SECTION TITLE DESIGN*/
.section-title {
  margin-bottom: 60px;
  position:relative;
}

.section-title h2 {
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffe06f;
}

.section-title h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: #ffe06f;
  margin: 4px 10px;
}
.section-title p {
	width: 60%;
	margin: 0;
	font-size: 32px;
	color:#fff;
	font-weight: 800;
	text-transform: capitalize;
	line-height: 44px;
}
.section-title p span{color: #ffe06f;}
h1.section-title-white{color:#fff;}
p.section-title-white{color:#fff;}
.section-title-two{margin-bottom:60px;}
.section-title-two h2 {
	font-weight: 800;
	font-size: 50px;
	text-align: center;
}
.section-title-two h2 span{color: #ffe06f;}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
	background: #ffe06f none repeat scroll 0 0;
	border-radius: 30px;
	bottom: 5px;
	-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	        box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	color: #1e3248;
	cursor: pointer;
	font-size: 22px;
	height: 50px;
	line-height: 47px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	position: fixed;
	right: 5px;
	text-align: center;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	width: 50px;
}
@media only screen and (max-width:768px) { 
.topcontrol {display:none;}
}
.topcontrol:hover {
    background: #1e3248;
    color: #fff;
}
/*END SCROLL TO TOP*/

/*START PRELOADER DESIGN*/
.preloader {
    background: #0e1123;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 99999;
	display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
	height: 100vh;
}

.loader-icon {
    width: 80px;
    height: auto;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
::-moz-selection {
	background: #232434;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #232434;
	color: #fff;
	text-shadow: none;
}
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

.nav-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 1.5rem;
}
.site-logo img {
	width: 150px;
	height: auto;
}
.bg-faded {
	background-color: transparent;
	-webkit-transition:all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.navbar-fixed {
    z-index: 999;
    position: fixed;
    opacity: .98;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
    width: 100%;
	padding:10px 0;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background: #fff;
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
	        box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}
#navigation {
	padding: 10px 0;
	background-color: #151a32;
}
/* #navigation.navbar-fixed {
	padding:10px 0;
	background:#151a32;
	border-color: #151a32;
} */


@media only screen and (max-width:767px) { 
  .navbar-brand {
    padding-top: 20px;
  }
}

/* .call_to_action{} */

.call_to_action a {
	background: #ffe06f;
	border: 1px solid #ffe06f;
	color: #232434;
	font-size: 18px;
	padding: 10px 30px;
	font-weight: 700;
	display: inline-block;
	-webkit-transition:0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	border-radius:5px;
}
.call_to_action a:hover{
	background: #3f3eed;
	border:1px solid #3f3eed;
	color: #fff;
}
@media only screen and (max-width:880px) { 
	.call_to_action a {
		padding: 8px 18px;
		font-size: 16px;
	}
	.section-title p {
		width: 100%;
	}
}
@media only screen and (max-width:480px) { 
	.call_to_action a {
		padding: 5px 12px;
		font-size: 14px;
	}
}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 03. START HOMEPAGE CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.home_bg{
	height: 700px;
	position: relative;
}
 @media only screen and (max-width:480px){
	/* .home_bg{height:850px;} */
}
.about_me_content{
	padding-top:200px;
	position:relative;
}
@media only screen and (max-width:768px) { 
	.about_me_content{
		padding-inline: 1.5rem;
		padding-top: 190px;
	}
}
.about_me_content h1 {
	font-size: 58px;
	font-weight: 900;
	text-transform: capitalize;
	line-height: 70px;
	margin-bottom: 20px;
}
 @media only screen and (max-width:880px){
.about_me_content h1 {font-size: 40px;line-height:50px;}
}
.about_me_content h1 span {
	color: transparent;
	padding: 0 !important;
	-webkit-text-stroke: 1px #ffe06f;
}

.about_me_content h1 b{
	font-size: 58px;
	font-weight: 900;
	text-transform: capitalize;
}
.about_me_content p {
	font-weight: 400;
	font-size: 18px;
	width: 70%;
	margin: auto;
	margin-bottom: 30px;
}
.home_btn{position:relative;}

@media only screen and (max-width:480px){
	.home_btn {
		margin-bottom: 20px;
	}
	.about_me_content h1 b{
		font-size: 40px;
	}
	.about_me_content p {
		width: 100%;
	}
}

.home_one {
	background: #ffe06f;
	border: 1px solid #ffe06f;
	border-radius: 5px;
	color: #232434;
	font-size: 18px;
	padding: 14px 40px;
	margin-right: 10px;
	text-transform: capitalize;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-radius: 5px;
	display: inline-block;
	font-weight: 700;
}
.home_one:hover, .home_one:focus{
	background:#3f3eed;
	border: 1px solid #3f3eed;	
	color: #fff;
	-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.1);
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.1);
}
.home_two {
	background: transparent;
	border: 1px solid #ffe06f;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	padding: 14px 40px;
	text-transform: capitalize;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-radius: 5px;
	display: inline-block;
	font-weight: 700;
}
.home_two:hover, .home_two:focus{
	background:#ffe06f;
	color: #232434;
	-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.1);
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.1);
}
 /*Image style coding*/
.profile_img{padding-top:200px;}
@media only screen and (max-width:812px){
.profile_img{padding-top:100px;text-align: center;}
}
.profile_img img {}

.home_socials{}
.home_socials ul{}
.home_socials ul li{float:left;}
.home_socials ul li a {
	color: #1b1e22;
	margin-right: 15px;
	font-size: 20px;
	-webkit-transition:0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.home_socials ul li a:hover{color:#6138bd;}
/*
* ----------------------------------------------------------------------------------------
* 03. END HOMEPAGE CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START Stats DESIGN
* ----------------------------------------------------------------------------------------
*/
/* #stats {padding-top: 50px;} */

.title-banner {
	margin-bottom: 60px;
	font-size: 18px;
	font-weight: 700;
	background:#ffe06f;
	padding: 10px;
	border-radius: 30px;
	width: 60%;
	margin: auto;
	margin-bottom: 30px;
	color: #232434;
}

.single_tf {
	background:#151a32;
	position:relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 30px;
	border-radius: 10px;
	-webkit-transition:0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	margin-bottom: 30px;
	-webkit-box-shadow:0 0 60px rgba(0,0,0,0.09);
	box-shadow:0 0 60px rgba(0,0,0,0.09);
}
.single_tf:hover{
	-webkit-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
}
.single_tf i {
	background: #ffe06f;
	color: #232434;
	margin-bottom: 30px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 27px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.single_tf:hover.single_tf i{
	background:#232434;
	color:#fff;
}
.single_tf h3 {
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 7px;
}
.single_tf p{margin-bottom: 0px;}
@media only screen and (max-width: 480px) {
	.title-banner {
		width: 100%;
	}
}
@media only screen and (max-width: 1000px) {
	.title-banner {
		width: 80%;
	}
}
/*
* ----------------------------------------------------------------------------------------
* 04.END TOP FEATURE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.best-service{}
.single_service {
	background:#151a32;
	padding-top: 40px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	border-radius: 10px;
	-webkit-transition: 0.3s;
	-webkit-transition: 0.2s;
	-o-transition: 0.3s;
	transition: 0.3s;
	margin-bottom:30px;
	position: relative;
	z-index: 2;
}
.single_service:hover{
background:#ffe06f;
-webkit-transform: translate(0, -5px);
        -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
}
@media only screen and (max-width:480px) {
	.single_service {
		margin-bottom: 30px;
	}
}

.ss_icon img {
	display: inline-block;
	margin-bottom: 30px;
	background: url(../img/dot.png);
	width: 80px;
	height: 80px;
}

.single_service h3 {
	font-weight: 700;
	font-size: 20px;
	padding-bottom: 15px;
}
.single_service:hover h3{color:#232434;}
.single_service p{margin-bottom:30px;}
.single_service:hover p{color:#232434;}
.single_service a {
	text-transform: capitalize;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	background: #0e1123;
	display: block;
	padding: 15px;
	border: 1px solid #0e1123;
	border-radius: 30px 30px 0px 0px;
	border-bottom: 0px;
}
.single_service:hover a {
background:#151a32;
border: 1px solid #151a32;
border-bottom: 0px;
}
.ss_btn {
	margin-top: 40px;
}
.ss_btn a {
	background: #ffe06f;
	border: 1px solid #ffe06f;
	border-radius: 5px;
	color: #232434;
	font-size: 18px;
	padding: 14px 40px;
	text-transform: capitalize;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-radius: 5px;
	display: inline-block;
	font-weight: 700;
}
.ss_btn a:hover, .ss_btn a:focus{
background:#3f3eed;
border: 1px solid #3f3eed;	
color: #fff;
-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.1);
        box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.1);
}
/*
* ----------------------------------------------------------------------------------------
* 05.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/
.wc_content{margin-bottom:30px;position:relative;}
.wc_content h2 {
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: capitalize;
	line-height: 60px;
	font-size: 54px;
}
.wc_content h2 span{color: #ffe06f;}
.wc_content p{margin-bottom: 30px;}
.wc_content ul li{
	font-weight: 600;
	display: flex;
	align-items: center;
}
.wc_content ul li i {
	background: rgba(63,62,237,0.2);
	display: inline-block;
	margin-right: 10px;
	width: 30px;
	border-radius: 100px;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.wc_content ul li{line-height:40px;}
.wc_content ul li strong{}
.wc_img{position:relative;}
.wc_img img {
	padding-left: 40px;
		-webkit-animation: bounce 8s infinite ease-in-out;
	animation: bounce 8s infinite ease-in-out;
}
 @media only screen and (max-width:880px){
.wc_img img {padding-left:0px;width: 100%;}
.wc_img{margin-top:60px;}
}

/*
* ----------------------------------------------------------------------------------------
* 06.END WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
.hiw_area {
	position: relative;
	background: #151a32;
}
.single_hiw{position:relative;}
 @media only screen and (max-width:880px){
.single_hiw{margin-bottom:30px;}
 }
.single_hiw_content {
	background: #0e1123;
	overflow: hidden;
	padding: 30px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	border-radius: 0px 10px 10px 10px;
}
.single_hiw h3 {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 24px;
}
.single_hiw p {
	overflow: hidden;
}
.sh_title {
	color: #232434;
	float: left;
	background: #ffe06f;
	border-radius: 0px;
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	font-size: 30px;
	font-weight: 700;
	border-radius: 10px 0px 0px 0px;
}
.vp_top{margin-top:80px;}
.video_promotion {position:relative;}
.video_promotion img {
	margin-bottom: -150px;
	width: 100%;
	background: #fff;
	padding: 25px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	border: 1px solid #ededed;
}
.vp_top{margin-top:80px;}

.video-play {
	display: block;
	position: absolute;
	top: 45%;
	left: 45%;
}
.video-play i {
	background: #ffe06f;
	color: #fff;
	width: 120px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	border-radius: 100px;
	display: inline-block;
	-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	        box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	font-size: 40px;
}
.video-play:hover i{
background: #3f3eed;
color:#fff;
}
@media only screen and (max-width:480px){
.video-play i {
width: 80px;
height: 80px;
line-height: 80px;
font-size: 30px;
}
.video-play {
	display: block;
	position: absolute;
	top: 60%;
	left: 40%;
}
}
/*
* ----------------------------------------------------------------------------------------
* 07.END HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08. START REVIEWS DESIGN
* ----------------------------------------------------------------------------------------
*/
.test_area{
	background: #151a32;
	padding-bottom:50px;
}
.single_rev {
	position: relative;
	margin-top: 50px;
	padding-left: 40px;
}
.single_rev p {
	font-size: 22px;
	line-height: 32px;
}
.rev_content{margin-bottom: 30px;}
.rev_content i {
	color: #ffe06f;
	margin-bottom: 20px;
	font-size: 20px;
}
.pic_content h4 {
	overflow: hidden;
	font-size: 20px;
	font-weight: 700;
}
.pic_content small{overflow:hidden;}
.rev_pic{}
.rev_pic img {
	width: 60px;
	border-radius: 100px;
	border: 3px solid #ffe06f;
	margin-right: 20px;
	float: left;
}
.test_img {
	background: #0e1124;
	padding: 20px;
	border-radius: 10px;
}
.owl-theme{-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.owl-theme .owl-controls{
    width: 100%;
    height: 50px;
	display: block!important;
    opacity: 1;
    position: absolute;
    top: -22%;
	-webkit-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.owl-theme .owl-controls .owl-buttons div {
	width: 46px;
	height: 46px;
	line-height: 42px;
	opacity: 1;
	border-radius: 3px;
	background: #ffe06f;
	border: 1px solid #ffe06f;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	-webkit-box-shadow:0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow:0px 0px 150px 0px rgba(78, 67, 250, 0.06);
}

.owl-theme .owl-controls .owl-buttons div:hover{
background:#3f3eed;
border:1px solid #3f3eed;
display:block;
}
.owl-prev{
    position: absolute;
    left:82%;
}
.owl-next{
    position: absolute;
    right: 1%;
}
.owl-prev:after,
.owl-next:after{
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 26px;
    color: #232434;
    opacity: 1;
}
.owl-next:after{ content: "\f105"; }
.owl-theme .owl-controls .owl-buttons div:hover.owl-next:after{color: #fff;}
.owl-theme .owl-controls .owl-buttons div:hover.owl-prev:after{color: #fff;}
@media only screen and (max-width: 768px){
    .owl-theme .owl-controls{ margin-top: 20px; }
	 .owl-theme .owl-controls{display:none!important; }
}
/*
* ----------------------------------------------------------------------------------------
* 08.END REVIEWS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.article_area{padding-bottom:50px;}
.arti_single {
	background: #151a32;
	padding: 20px;
	border: 1px solid #151a32;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	margin-bottom:30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: auto;
}
.arti_img{
	margin-right: 25px;
	position: relative;
}
.arti_img img{
	width: 60px;
}

.arti_content{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 50px;
}

.arti_content span {
	font-weight: 500;
	margin-right: 15px;
	font-family: 'Mulish', sans-serif;
}

.arti_content span {color:#ffe06f;}

.status_btn {
	color: var(--yellow-color);
	border: 1px solid #ffe06f;
	border-radius: 7px;
	padding: 7px 20px;
	font-weight: 700;
	display: inline-block;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.status_btn:hover {
	color: #151a32;
	background: var(--yellow-color);
}

.arti_sp{}
.arti_sp h2 {
	margin-top: 30px;
	font-weight: 700;
	margin-left: 60px;
	margin-bottom: 30px;
}
.arti_sp img{margin-bottom:30px;width:100%;}
.arti_sp p{}
.share_sp{margin-top: 30px;}
.share_sp h4{font-weight: 600;margin-bottom: 25px;}
.share_sp ul{}
.share_sp ul li{float: left;}
.share_sp ul li a {
	color: #232434;
	transition: 0.3s;
	padding: 15px;
	background: #ffe06f;
	border-radius: 5px;
	margin-right: 10px;
}
.share_sp ul li a:hover{background:#3f3eed;}
.share_sp ul li a span{}
/*START BLOG SIDEBAR DESIGN*/
.blog_search {
	background: #fff;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	padding: 10px;
	border: 1px solid #ededed;
}
.blog_search input {
	background: #f4f4f4;
	border: 1px solid #f4f4f4;
	border-radius: 0;
	color: #232434;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	height: 60px;
	outline: 0 none;
}
.blog_search input:focus{box-shadow:none;}
/*START NEWSLETTER FORM*/
.newsletter-form {
	background: #3f3eed;
	padding: 40px;
	border-radius: 10px;
}
.newsletter-form h4 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 24px;
	line-height: 34px;
}
.newsletter-form p{color:#fff;margin-bottom: 30px;}
.newsletter-form input {
	width: 100%;
	margin-bottom: 20px;
	height: 50px;
	padding: 10px;
	color: #232434;
	border-radius: 2px;
	border: 0px;
}
.newsletter-form input:focus{box-shadow:none;}
.subscribe button {
	border:none;
	width: 100%;
}

.sub_btn{
	background: #ffe06f;
	border:2px solid #ffe06f !important;
	color: #232434;
	font-size: 16px;
	padding: 14px 40px;
	text-transform: capitalize;
	-webkit-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-radius: 100px;
	display: inline-block;
	font-weight: 600;
}
.sub_btn:hover, .sub_btn:focus{
background:#3f3eed;
border:2px solid #ffe06f;
color: #fff;
}
/*END NEWSLETTER FORM*/

/*Popular post*/
.sidebar_title{}
.sidebar_title h4 {
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ffe06f;
}
.sidebar-post {
	background: #151a32;
	border-radius: 5px;
	margin-bottom: 30px;
	padding: 30px;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	border: 1px solid #151a32;
}
.single_popular{
margin-bottom:20px;
overflow: hidden;
}
.single_popular:last-child {
	margin-bottom: 0;
}
.single_popular a img {
	width: 80px;
	height: 60px;
	float: left;
	margin-right: 10px;
	border-radius: 6px;
}
.single_popular h5 a {
	color: #fff;
	font-size: 16px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-weight: 500;
}
.single_popular h5 a:hover{color:#ffe06f;}
/*End Popular post*/

/*Start Social media*/
.single_social{}
.social_item{
padding:8px 12px;
border-radius:4px;
}
.single_social ul {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: repeat(2, minmax(0, 1fr));
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	list-style:none;
	-ms-grid-columns: minmax(0, 1fr) 10px minmax(0, 1fr);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.single_social ul li{}
.single_social ul li a{}
.single_social ul li a i{color:#fff;font-size:12px;}
.item-list{
float: right;
color:#fff;
font-size:13px;
}

.b_facebook{background:#1a4fc5;}
.b_twitter{background:#00acee;}
.b_youtube{background:#f50000;}
.b_pinterest{background:#e62e3f;}
.b_tumblr{background:#34526f;}
.b_rss{background:#e8a50e;}

/*End Social media*/

/*Start category*/
.single_category{overflow:hidden;}
.item-category{
padding:8px 12px;
border-radius:4px;
background:#f2f2f2;
}
.single_category ul {

}
.single_category ul li {
	line-height: 32px;
	float: left;
	margin: 10px;
}
.single_category ul li a{
color:#fff;
font-size:16px;
font-weight:600;
text-decoration:underline;
}
.single_category ul li a sup{color:#ffe06f;}
/*End category*/
.tag{overflow: hidden;}
.tag a {
	background: #ffe06f;
	border: 1px solid #ffe06f;
	border-radius: 30px;
	color: #232434;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 700;
	margin: 6px 4px;
	padding: 3px 20px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.tag a:hover {
    background: #3f3eed;
    color: #fff;
    border: 1px solid #3f3eed;
}
.sidebar-banner img{width:100%;}
/*START SINGLE BLOG PAGE DESIGN*/
.author_part {
	margin-bottom: 30px;
	overflow: hidden;
	margin-top: 60px;
}
.single_author {
	background: #151a32 none repeat scroll 0 0;
	padding: 40px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	overflow: hidden;
	border: 1px solid #151a32;
}
.author_part img {
	border: 4px solid #ffe06f;
	border-radius: 100px;
	float: left;
	height: 120px;
	margin-right: 20px;
	width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight:700;
letter-spacing: 1px;
margin-bottom: 10px;
	overflow: hidden; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid #ffe06f;
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
.comments_part {
    margin-bottom: 60px;
}
.single_comment {
    margin-bottom: 30px;
    background: #151a32;
    padding: 40px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	overflow: hidden;
	border:1px solid #151a32;
}
.sc_left{margin-left: 100px;}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid #ffe06f;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 10px;
	overflow: hidden;
}
.single_comment p { margin-bottom: 0;overflow: hidden;}
.comment-box {
	padding: 40px;
	border-radius: 10px;
}
.comment_form input {
background:#fff !important;
}

.comment_form textarea {background:#fff !important;}
@media only screen and (max-width:768px) { 
    .comment_form textarea { width: 100% }
}
/*END SINGLE BLOG PAGE DESIGN*/

/*
* ----------------------------------------------------------------------------------------
* 09.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 10.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
/* .price_area {background:#151a32;} */
.pricing-content{position:relative;}
.pricing_design{
    position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}
@media only screen and (max-width:880px){
	/* .pricing_design{} */
	.pricing_design .single-pricing img{
		width: 100px;
	}
	
}
.pricing_design .single-pricing{
	background:#0e1123;
    padding: 15px 30px;
	border: 1px solid #efefef;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    position: relative;
    z-index: 1;
	transition: border .3s ease-in;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pricing_design .single-pricing:hover{
	border: 1px solid #ffe06f;
	cursor: pointer;
}

/*
* ----------------------------------------------------------------------------------------
* 10.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------------------------
* 11.START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.faq_area{padding-bottom:50px;}
.accordion-item {
	border: 1px solid #151a32;
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	background: #151a32;
	border-radius: 30px;
	margin-bottom: 20px;
}
.accordion-item:not(:first-of-type) {
	border-top: 1px solid #151a32;
}

.accordion-header {
	background: #151a32 !important;
	padding: 7px 0;
	border-radius: 30px;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.accordion-body {
	color: #acacd0;
}
.accordion-button {
	background:none!important;
	color: #fff !important;
	font-weight: 700;
	font-size:20px;
}
.accordion-button:not(.collapsed) {
	color:#fff!important;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
}
.accordion-button:focus{-webkit-box-shadow: none !important;box-shadow: none !important;}
/* ----------------------------------------------------------------------------------------
* 11.END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
	background:#151a32;
	padding-bottom: 40px;
}
.single_footer{}
@media only screen and (max-width:880px) { 
.single_footer{margin-bottom:40px;}
}
.single_footer h4 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 25px;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 24px;
}
.single_footer p{color:#fff;font-weight: 500;}
.single_footer img{margin-bottom:15px; width: auto; height: 50px;}
.single_footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single_footer ul li{}
.single_footer ul li a {
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 36px;
	font-size: 16px;
	font-weight:500;
	text-transform: capitalize;
}
.single_footer ul li a:before {
	content: "-";
	font-family: "LineAwesome";
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	margin-right: 6px;
}
.single_footer ul li a:hover { color: #ffe06f;padding-left:10px; }

.single_footer_address{}
.single_footer_address ul{}
.single_footer_address ul li{color:#fff;}
.single_footer_address ul li span {
	font-weight: 400;
	color: #fff;
	line-height: 28px;
}
.contact_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.single_footer_address p {
	margin-bottom: 10px;
}

.social_profile {margin-top:25px;overflow: hidden;}
@media only screen and (max-width:880px) { 
.social_profile{margin-bottom:40px;}
}
.social_profile ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
.social_profile ul li{float:left;}
.social_profile ul li a {
	text-align: center;
	border: 0px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-right: 10px;
	font-size: 16px;
	color: #fff;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 30px;
}

@media only screen and (max-width:480px) { 
.social_profile ul li a{
	width:40px;
	height:40px;
	line-height:40px;
}
}
.social_profile ul li a:hover{
color:#232434;
background:#fff;
}
.f_facebook{background:#3B5998;}
.f_twitter{background:#1A90D9;}
.f_instagram{background:#FF5252;}
.f_linkedin{background:#0e76a8;}
/*END SOCIAL PROFILE CSS*/
.fc {
	padding: 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.mb-40 {
	margin-bottom: 40px;
}
.footer_copyright p{
	color: #fff;
	text-transform: capitalize;
} 
.footer_copyright a{
	color: #ffe06f;
	font-weight: 600;
	transition: all .5s;
}
.footer_copyright a:hover{
	color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13.START SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.section-top {
	padding: 50px 0;
	position: relative;
	background: #151a32;
}
.section-top-title {
	position: relative;
}
@media only screen and (max-width:480px) { 
    .section-top-title { width: 100% }
}
.section-top-title h1 {
	margin-bottom: 10px;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 50px;
}
.section-top-title ul {
	background:#3f3eed;
	text-align: center;
	border: 2px solid #3f3eed;
	padding: 10px 20px;
	width: 200px;
	margin: auto;
	border-radius: 10px;
	margin-top: 20px;
}
.section-top-title ul li {color: #fff!important;display: inline-block; }
.section-top-title ul li a { color: #ffe06f!important;font-weight: 700; }
.section-top-title ul li a:hover { color: #fff!important }
/*
* ----------------------------------------------------------------------------------------
* 13.END SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START ERROR PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.error_page{}
.error_page h2 {
	font-weight: 800;
	margin: 30px 0;
	font-size: 50px;
}
.error_page p {
	margin-bottom: 40px;
	font-weight: 500;
	width: 50%;
	margin: auto;
	margin-bottom: 40px;
}
/*
* ----------------------------------------------------------------------------------------
* 14.END ERROR PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 15.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.team_area{
padding-bottom:50px;
}
.our-team {
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	border: 1px solid #151a32;
	padding: 30px;
	background: #151a32;
}
@media only screen and (max-width:880px) { 
.our-team {margin-bottom:30px}
}
.single-team{margin-bottom:10px;}
.single-team img {
	margin-bottom:20px;
	width: 150px;
	border-radius: 50%;
}
.single-team h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 10px;
}
.single-team p{margin-bottom:0px;}

.our-team .social {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.our-team .social li{
display: inline-block;
}
.our-team .social li a {
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	color: #fff;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	border-radius: 30px;
	margin: 3px;
}
.our-team:hover .social li:nth-child(1) a{
    -webkit-transition-delay: 0.3s;
            -o-transition-delay: 0.3s;
       transition-delay: 0.3s;
}
.our-team:hover .social li:nth-child(2) a{
    -webkit-transition-delay: 0.2s;
            -o-transition-delay: 0.2s;
       transition-delay: 0.2s
}
.our-team:hover .social li:nth-child(3) a{
    -webkit-transition-delay: 0.1s;
            -o-transition-delay: 0.1s;
       transition-delay: 0.1s;
}
.our-team:hover .social li:nth-child(4) a{
    -webkit-transition-delay: 0s;
            -o-transition-delay: 0s;
       transition-delay: 0s;
}
.our-team .social li a:hover{
	border:1px solid #eee;
    -webkit-transition-delay: 0s;
            -o-transition-delay: 0s;
       transition-delay: 0s;
}
.facebook{background: #1C58A1;border:1px solid #1C58A1;}
.facebook:hover{background: #fff;color:#1C58A1!important;}
.twitter{background: #0CBCE3;border:1px solid #0CBCE3;}
.twitter:hover{background: #fff;color:#0CBCE3!important;}
.linkedin{background: #0e76a8;border:1px solid #0e76a8;}
.linkedin:hover{background: #fff;color:#0e76a8!important;}
/*
* ----------------------------------------------------------------------------------------
* 15.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START LOGIN AND REGISTER PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.auth-logo { 
	text-align: center;
	margin-bottom: 18px;
}
.auth-logo img {
	width: 300px;
	height: auto;
}
/* background: #151a32; */
/* .login_register {} */
.login-text {
	margin-bottom: 30px;
	margin-top: 0;
	text-align: center;
	text-transform: capitalize;
}
.login-text .main-heading {
	font-weight: 800;
	font-size: 25px;
}
.login-text .small-heading {
	font-weight: 600;
	font-size: 16px;
}
.login, .register {
	background: #151a32;
	/* -webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06); */
	overflow: hidden;
	padding: 30px;
	border: 3px solid #151a32;
	border-radius: 15px;
}
.login input {
	background: #f4f4f4;
	height: 50px;
}

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


.login input:focus{-webkit-box-shadow: none;box-shadow: none;outline:none;}

.forget-password {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: end;
	margin: 10px 0;
}

.yellow-link {
	color: var(--yellow-color);
	font-weight: 600;
	transition: all 0.3s ease-in;
}

.yellow-link:hover {
	color: #3f3eed;
}

.register input{
	background: #f4f4f4;
	height: 50px;
}
.register input:focus{-webkit-box-shadow: none;box-shadow: none;outline:none;}

.login label {
	margin-bottom: 5px;
	font-weight: 700;
}
.register label {
	margin-bottom: 5px;
	font-weight: 700;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END LOGIN AND REGISTER PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 17.START CONTACT PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact label {
	margin-bottom: 5px;
	font-weight: 500;
}
.contact input {
	background: #151a32;
	border: 1px solid #151a32;
	border-radius: 0px;
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	height: 70px;
	padding: 10px 10px 10px 30px;
	width: 100%;
	margin-bottom: 30px;
}
.contact textarea {
	background: #151a32;
	border: 1px solid #151a32;
	border-radius: 0px;
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 10px 10px 30px;
	width: 100%;
	margin-bottom:30px;
}
.contact input:focus {
background: #151a32;
	border: 1px solid #ffe06f;
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: 0 none;
	color: #fff;
}
.contact textarea:focus {
background: #151a32;
border: 1px solid #ffe06f;
    -webkit-box-shadow: none;
            box-shadow: none;
	color: #fff;
}
@media only screen and (max-width:480px) { 
    .single_address{margin-bottom:30px; }
}
.single_address i {
	color: #ffe06f;
	font-size: 42px;
	margin-bottom: 20px;
	display: inline-block;
}
.single_address h4{
text-transform: capitalize;
margin-bottom: 20px;
font-weight: 700;
}
.single_address p{}
.sabr {
	border-right: 1px solid #ffe06f;
	border-left: 1px solid #ffe06f;
}
/*
* ----------------------------------------------------------------------------------------
* 17.END CONTACT PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 18. START ABOUT PAGE & SINGLE USE CASE CSS
* ----------------------------------------------------------------------------------------
*/
.about-page{padding-bottom:50px;}
.ap-content{
padding:30px;
border:1px solid #ffe06f;
margin-bottom:30px;
-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
}
.ap-content h1{
font-weight:700;
font-size:40px;
margin-bottom:20px;
}
.ap-content p{}
.ap-content a {
	color: #ffe06f;
}
.ap-content a:hover {
	color: #3f3eed;
}

.ss_case_one{
padding:30px;
border:1px solid #ffe06f;
margin-bottom:30px;
-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
overflow: hidden;
}
.ss_case_one img {
	float: left;
	margin-right: 30px;
	width: 300px;
}
.ss_case_one h2 {
	font-weight: 700;
	font-size: 46px;
	margin-bottom: 20px;
	overflow: hidden;
	padding-top: 50px;
}
.ss_case_one p{overflow: hidden;}

.ss_case_two{
padding:30px;
border:1px solid #ffe06f;
margin-bottom:30px;
-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
overflow: hidden;
}
.ss_case_two img{width: 300px;}
.ss_case_two h2{
margin-top: 50px;
font-weight:700;
font-size:46px;
margin-bottom:20px;
overflow: hidden;
}
.ss_case_two p{overflow: hidden;}
.ss_case_left {
	float: left;
	margin-right: 30px;
	width: 534px;
}
@media only screen and (max-width:768px) { 
.ss_case_left {
	margin-right:0px;
	margin-bottom:60px;
	width: 100%;
}
}
.ss_case_mr{margin-bottom: 250px;}

/*
* ----------------------------------------------------------------------------------------
* 18. END ABOUT PAGE & SINGLE USE CASE CSS
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
*  Start Offerwall Slider Section
* ----------------------------------------------------------------------------------------
*/

.card__content {
	margin-inline: 1.75rem;
	border-radius: 1.25rem;
	overflow: hidden;
}
  
.card_article {
	width: 250px; /* Remove after adding swiper js */
	min-height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 1rem;
	overflow: hidden;
	background-color: #fadd6e;
}
  
  .card-tag {
	position: absolute;
	top: 10px;
	right: 0;
	background: #fff;
	color: #1e3248;
	padding: 10px;
	font-size: 18px;
	font-weight: 700;
	border-radius: 10px 0 0 10px;
  }
  
  .card__image {
	position: relative;
  }
  
  .card__img {
	width: 180px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
  }
  
  .card-data {
	position: absolute;
	bottom: 10px;
	width: 60%;
	text-align: center;
  }
  
  .card__name {
	font-size: 1.2rem;
	font-weight: 800;
	color: #1e3248;
  }
  .star-rating i {
	color: #fff;
  }
  
  /* Swiper class */
  .swiper-button-prev:after,
  .swiper-button-next:after {
	content: "";
  }
  
  .swiper-button-prev,
  .swiper-button-next {
	width: initial;
	height: initial;
	font-size: 3rem;
	color: var(--yellow-color);
	display: none;
  }
  
  .swiper-button-prev {
	left: 0;
  }
  
  .swiper-button-next {
	right: 0;
  }
  
  /*=============== BREAKPOINTS ===============*/
  /* For small devices */
  @media screen and (max-width: 320px) {
	.card__data {
	  padding: 1rem;
	}
  }
  
  /* For medium devices */
  @media screen and (min-width: 768px) {
	.card__content {
	  margin-inline: 3rem;
	}
  
	.swiper-button-next,
	.swiper-button-prev {
	  display: block;
	}
  }

/*
* ----------------------------------------------------------------------------------------
* End Offerwall Slider Section
* ----------------------------------------------------------------------------------------
*/