@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400;1,500&display=swap";

@import"https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap";
@import"https://fonts.googleapis.com";
@import"https://fonts.gstatic.com"; 
@import"https://fonts.googleapis.com/css2?family=Exo:wght@200;400;900&family=Rationale&family=Teko&family=Zen+Tokyo+Zoo&display=swap";

@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap";#style-switcher{transition:all .4s;background:none repeat scroll 0 0 #f8f9fc;box-shadow:0px 4px 12px rgba(24,59,86,.07);left:-189px;position:fixed;top:35.5%;width:189px;z-index:999;padding:10px 5px}

#style-switcher .settings{
	background:#0c0d0d;
	color:#F0F0F0;
	font-size:20px;
	position:absolute;
	right:-45px;
	top:0;
	height:45px;
	width:45px;
	line-height:45px;
	text-align:center}

ul.pattern{overflow:hidden;border-radius:0px}
ul.pattern li{float:left;margin:2px}
ul.pattern li a{
	display:block;
	height:35px;
	width:35px;
	border-radius:30px;
	margin:5px}

ul.pattern .color1{background-color:#232425}
ul.pattern .color2{background-color:#1f86ef}
ul.pattern .color3{background-color:#766df4}

@media only screen and (max-width: 479px){#style-switcher{display:none}}

@media(min-width: 200px)and (max-width: 1024px){.navbar-custom{
	margin-top:0px;
	padding:10px 0px !important;
	color:#fff !important;
	background:#0c0d0d}
	.navbar-custom .navbar-nav{
		margin-left:0px}
	
	.navbar-custom .navbar-nav li.active{
		border-color:transparent}
	
	.navbar-custom .navbar-nav li a{
		transition:all .4s;
		margin:6px;
		color:#585858 !important;
		padding:6px 0}
	
	.navbar-custom>.container{
		width:90%}
	
	.home-title{
		font-size:36px}
	
	.navbar-white .navbar-toggler{
		color:#585858 !important}
	
	.navbar-custom .navbar-nav li.active a,.navbar-custom .navbar-nav li a:hover,.navbar-custom .navbar-nav li a:active{color:#0ea6e6 !important}
	
	.navbar-toggler{font-size:24px;margin-top:0px;margin-bottom:0px}
	.navbar-toggler:focus{box-shadow:none}
	.carousel-indicators{right:0}
	
	.logo .logo-light{display:none}.logo .logo-dark{display:inline-block}}

@media(min-width: 1200px){.container{max-width:1140px !important}}
@media(max-width: 992px){.home{padding:150px 0}}
@media(max-width: 1600px){.request-image img{display:none !important}}
@media(max-width: 768px){.PageBackToWork-heading-itText{display:inline-block;font-size:50px}}
@media only screen and (min-width: 1600px){.container-fluid{padding-right:150px;padding-left:150px}}

.navbar{transition:all .5s ease;padding:0;background-color:#0c0d0d !important}

.navbar .logo .logo-light{display:none}
.navbar .logo .logo-dark{display:inline-block}

.navbar .navbar-nav .nav-link{
	color:#E9E9E9;
	font-size:13px;
	background-color:#0c0d0d;
	padding:28px 25px;
	text-transform:uppercase;
	transition:all .3s ease;
	position:relative;
	font-weight:700}

.navbar .navbar-nav .nav-link:hover,.navbar .navbar-nav .nav-link:active,.navbar .navbar-nav .nav-link.active{color:#0ea6e6 !important;  }

.navbar .navbar-brand{color:#0ea6e6;
	font-weight:600;
	font-size:26px}

.navbar .navbar-brand span{color:#106EED;font-weight:800}
.navbar .navbar-toggler{padding:0px;border:none;font-size:24px}
.navbar .navbar-toggler:focus{box-shadow:none}
.navbar .header-item{color:#585858;transition:all .5s ease}

.navbar .dropdown .dropdown-menu{
	box-shadow:0px 3px 10px 0px rgba(24,59,86,.08);
	min-width:12rem;
	padding:0;
	border-radius:10px;
	overflow:hidden;
	border:2px solid rgba(107,110,111,.05)}

.navbar .dropdown .dropdown-menu .dropdown-item{
	font-size:13px;
	font-weight:600;
	text-transform:uppercase;
	color:#AFAFAF;
	background-color:#0c0d0d;
	transition:all .5s ease;
	padding:10px 20px}

.navbar .dropdown .dropdown-menu .dropdown-item:hover,.navbar .dropdown .dropdown-menu .dropdown-item:focus,.navbar .dropdown .dropdown-menu .dropdown-item.active,.navbar .dropdown .dropdown-menu .dropdown-item:active{
	color:#0ea6e6;background-color: #151517;
	padding-left:14px;
	border-radius:5px}


.navbar .dropdown .dropdown-menu.dropdown-menu-sm{min-width:18rem}
.navbar .dropdown .dropdown-menu.dropdown-menu-md{min-width:30rem}

.navbar .dropdown .dropmenu-width{min-width:25rem}

.arrow-down:after{border:0;left:auto;content:"󰅀";font-family:"Material Design Icons";top:35%;right:28px;font-size:14px;margin-left:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}

.dropdown-header{text-transform:uppercase;font-size:13px;padding:10px}

.dropdown-scroll::-webkit-scrollbar,.ui-elements-bar::-webkit-scrollbar,.choices__list::-webkit-scrollbar{-webkit-appearance:none}
.dropdown-scroll::-webkit-scrollbar:vertical,.ui-elements-bar::-webkit-scrollbar:vertical,.choices__list::-webkit-scrollbar:vertical{width:10px}
.dropdown-scroll::-webkit-scrollbar:horizontal,.ui-elements-bar::-webkit-scrollbar:horizontal,.choices__list::-webkit-scrollbar:horizontal{height:10px}
.dropdown-scroll::-webkit-scrollbar-thumb,.ui-elements-bar::-webkit-scrollbar-thumb,.choices__list::-webkit-scrollbar-thumb{background-color:rgba(24,59,86,.2);border-radius:10px;border:2px solid #f8f9fa}
.dropdown-scroll::-webkit-scrollbar-track,.ui-elements-bar::-webkit-scrollbar-track,.choices__list::-webkit-scrollbar-track{border-radius:10px;background-color:#f8f9fa}

@media(max-width: 992px){.navbar-nav .dropdown .dropdown-menu{border:none;box-shadow:none;margin-top:0}}
@media(max-width: 576px){.dropdown{position:static}}
@media(min-width: 992px){.dropdown-menu{
	animation-name:DropDownSlide;
	animation-duration:.3s;
	animation-fill-mode:both}
	.dropdown-menu.dropdown-menu-lg{min-width:40rem}
	.dropdown-menu.dropdown-menu-center{left:50%;transform:translate(-50%, 0)}
	.dropdown-hover:hover>.dropdown-menu{display:block}}

@keyframes DropDownSlide{100%{margin-top:-1px}0%{margin-top:8px}}
.nav-sticky.navbar{
	background:#0c0d0d !important;
	margin-top:0px;
	box-shadow:0px 3px 10px 0px rgba(24,59,86,.2)}

.nav-sticky.navbar .logo{color:#A8B4BD !important}

.nav-sticky .header-item{color:#585858}

@media(min-width: 992px)and (max-width: 1200px){.navbar .navbar-nav .nav-link{padding:25px 15px}}

@media(max-width: 992px){
	.navbar{
		padding:14px 0;
		background-color:#0c0d0d !important}
	
	.navbar .navbar-nav .nav-item .nav-link{
		padding:8px 15px}
	
	.navbar-collapse{
		max-height:385px;
		overflow-y:auto;
		padding:0;
		position:absolute;
		left:0px;
		right:0px;
		top:75px;
		background:#0c0d0d;
		color: #585858;
		padding-bottom:10px;
		padding-left:25px}}

@media(max-width: 768px){.top-bar{display:none}}
.log-button{display:flex}
.log-button button:first-child{
	border-radius:10px 0 0 10px;
	padding:18px 30px;
	border:1px solid rgba(107,110,111,.2) !important;
	color:#242729}

.log-button button:first-child:hover,.log-button button:first-child:focus,.log-button button:first-child:active{
	background-color:#000000 !important;
	color:#fff}

.log-button button:last-child{border-radius:0 20px 20px 0;padding:18px 30px}

body[data-layout-mode=dark] 
.navbar{background-color:#0c0d0d !important}

body[data-layout-mode=dark] 
.nav-sticky{background-color:#0c0d0d  !important}

body[data-layout-mode=dark] 
.nav-sticky .navbar-toggler i,body[data-layout-mode=dark] 
.navbar .navbar-toggler i{
	font-size:24px;
	margin-top:0px;
	margin-bottom:0px;
	color:#fff !important}

body[data-layout-mode=dark] 
.nav-sticky .navbar-nav .nav-link,body[data-layout-mode=dark] 
.navbar .navbar-nav .nav-link{color:#f8f9fa}

body[data-layout-mode=dark] 
.nav-sticky .navbar-nav .nav-link:hover,body[data-layout-mode=dark] 
.nav-sticky .navbar-nav .nav-link.active,body[data-layout-mode=dark] 

.navbar .navbar-nav .nav-link:hover,body[data-layout-mode=dark] 

.navbar .navbar-nav .nav-link.active{color:#0ea6e6}

body[data-layout-mode=dark] 
.nav-sticky .navbar-brand,body[data-layout-mode=dark] 
.navbar .navbar-brand{color:#0ea6e6;font-weight:600;font-size:26px}

body[data-layout-mode=dark] 
.nav-sticky .navbar-brand span,body[data-layout-mode=dark] 

.navbar .navbar-brand span{color:#fff;font-weight:800}
body[data-layout-mode=dark] 

.nav-sticky .header-item,body[data-layout-mode=dark] 
.navbar .header-item{color:#f8f9fa}
body[data-layout-mode=dark] 

.navbar-toggler{color:#f8f9fa}
body[data-layout-mode=dark] 

.navbar-brand{color:#0ea6e6 !important}
body[data-layout-mode=dark] 

.navbar-brand span{color:#fff !important}
body[data-layout-mode=dark] 

.navbar-brand .logo-dark{display:none}
body[data-layout-mode=dark] .navbar-brand .logo-light{display:inline-block}

body[data-layout-mode=dark] .top-bar{background-color:#0c0d0d}

body[data-layout-mode=dark] .top-bar .topbar-social-menu .social-link{color:#f8f9fa}

body[data-layout-mode=dark] 
.top-bar .topbar-social-menu .social-link:hover{color:#1d9b7b}

body[data-layout-mode=dark] 
.dropdown .dropdown-menu{
	background-color:#0c0d0d;
	border-color:#3d454e;
	color:#AFAFAF}

body[data-layout-mode=dark] 
.dropdown .dropdown-menu .dropdown-item{
	background-color:#0c0d0d;
	color:#AFAFAF}

body[data-layout-mode=dark] 

.dropdown .dropdown-menu .dropdown-item:hover{color:#0ea6e6}
body[data-layout-mode=dark] 

.dropdown-scroll::-webkit-scrollbar-thumb,body[data-layout-mode=dark] 
.ui-elements-bar::-webkit-scrollbar-thumb,body[data-layout-mode=dark] 
.choices__list::-webkit-scrollbar-thumb{
	background-color:#0c0d0d;
	border:2px solid #303841}

body[data-layout-mode=dark] 

.dropdown-scroll::-webkit-scrollbar-track,body[data-layout-mode=dark] 
.ui-elements-bar::-webkit-scrollbar-track,body[data-layout-mode=dark] 

.choices__list::-webkit-scrollbar-track{
	background-color:#0c0c0d}

@media(max-width: 992px){
	body[data-layout-mode=dark] 
.navbar-collapse{
	background-color:#0c0d0d !important;box-shadow:none !important}body[data-layout-mode=dark] 
		
.nav-sticky .navbar-collapse{background-color:#0c0d0d !important;box-shadow:none !important}}

.dropdown-toggle{color:#fff}
.dropdown-toggle::after{
	border:0;
	left:auto;
	content:"󰅀";
	font-family:"Material Design Icons";
	top:0px;
	vertical-align:0px;
	line-height:0px;
	font-size:14px;
	margin-left:2px;
	transition:all .3s ease-out}

@media(max-width: 992px){.navbar{padding:14px 0;background-color:#0c0c0d !important}
	
	.navbar-toggler i{color:#242729}
	
	.navbar .dropdown .dropdown-menu .dropdown-item{padding:10px 30px}}


.text-primary{color:#0ea6e6 !important}

.bg-primary{background-color:#0ea6e6 !important}
.text-secondary{color:#e0ff66 !important}
.bg-secondary{background-color:#e0ff66 !important}
.text-success{color:#1d9b7b !important}
.bg-success{background-color:#1d9b7b !important}
.text-info{color:#24bee6 !important}
.bg-info{background-color:#24bee6 !important}
.text-warning{color:#ffb60b !important}
.bg-warning{background-color:#ffb60b !important}
.text-danger{color:#da3746 !important}
.bg-danger{background-color:#da3746 !important}
.text-light{color:#f8f9fc !important}
.bg-light{background-color:#f8f9fc !important}
.text-dark{color:#242729 !important}
.bg-dark{background-color:#242729 !important}
.bg-dark2{background-color:#212122 !important}
.bg-dark3{background-color:#292B2D !important}
.bg-dark4{background-color:#090C12 !important}
.bg-dark5{background-color:#0A0B0B !important}
.text-muted{color:#6b6e6f !important}
.bg-muted{background-color:#6b6e6f !important}
.text-white{color:#fff !important}
.text-blue1{
		color:#009AFC}

.text-light-10{
	 color:#9B9B9B;
	font-weight: 300;
	 line-height: 1.6;
	 
}

.bg-white{background-color:#fff !important}
.bg-white2{
		background-color:#ffffff !important;
	color: #1C1C1E;
	}	
.bg-white2{background-color:#F0F0F0 !important}
.text-purple{color:#766df4 !important}
.bg-purple{background-color:#766df4 !important}
.text-blue{color:#1f86ef !important}
.text-blue-h6{color:#51C1E9 !important}
.bg-blue{background-color:#1f86ef !important}
.bg-blue-1{background-color:#023C8A !important}
.text-orange{color:#e46e2a !important}
.bg-orange{background-color:#e46e2a !important}
.text-white-70{color:rgba(255,255,255,.7) !important}
.bg-white-70{background-color:rgba(255,255,255,.7) !important}
.section{padding-top:120px;padding-bottom:120px;position:relative !important}
.section-2{padding-top:120px;padding-bottom:40px;position:relative !important}
.section-3{padding-top:20px;padding-bottom:60px;position:relative !important}
.section-4{padding-top:60px;padding-bottom:120px;position:relative !important}
.para-p{max-width:650px}@keyframes ani-bg{0%{transform:translateY(0px)}
	100%{transform:translateY(200px)}}
.box-shadow{box-shadow:0px 3px 10px 0px rgba(24,59,86,.08)}

hr{border-top:1px solid #08A0D3;margin:0}

.lh-1{letter-spacing:1px}
.f-12{font-size:12px}
.f-14{font-size:14px}
.f-16{font-size:16px}
.f-18{font-size:18px}
.f-18a{font-size:18px;
font-weight: 200}
.f-18b{font-size:18px;
font-weight: 300}
.f-18c{font-size:18px;
font-weight: 500}
.f-19{font-size:19px}
.f-20{font-size:20px}
.f-21{font-size:21px}
.f-22{font-size:22px}
.f-23{font-size:23px}
.f-24{font-size:24px}
.f-25{font-size:25px}
.f-26{font-size:26px}
.f-28{font-size:28px}
.f-30{font-size:30px}
.f-32{font-size:32px}
.f-34{font-size:34px}
.f-36{font-size:36px}
.f-38{font-size:38px}
.f-40{font-size:40px}
.f-44{font-size:44px}
.f-46{font-size:46px}
.f-48{font-size:48px}
.f-50{font-size:50px}
.f-54{font-size:54px}
.f-56{font-size:56px}
.f-58{font-size:58px}
.f-60{font-size:60px}

.avatar-xs{height:2rem;width:2rem}
.avatar-sm{height:3rem;width:3rem}
.avatar-md{height:3.5rem;width:3.5rem}
.avatar-lg{height:4.5rem;width:4.5rem}
.avatar-xl{height:6rem;width:6rem}
.avatar-xxl{height:8rem;width:8rem}

.font-weight-500{font-weight:500}
.font-weight-600{font-weight:600}
.font-wt-700{font-weight:700}

.border-radius{border-radius:6px !important}

.title-border{width:90px;height:1px;background:linear-gradient(to right, transparent, #0ea6e6, transparent);margin:0 auto}

.breadcrumb{
	box-shadow:0px 3px 10px 0px rgba(24,59,86,.08);
	width:fit-content;
	background-color:#fff;
	padding:16px 20px;
	border-radius:60px}

.hero-sub{animation-name:moveInleft;animation-duration:3s}

.hero-heading{
	animation-name:moveInRight;
	animation-duration:3s}

@keyframes moveInleft{0%{
		opacity:0;
		transform:translateX(-100px)}100%{opacity:1;transform:translate(0)}}

@keyframes moveInRight{0%{opacity:0;transform:translateX(100px)}
	100%{opacity:1;transform:translate(0)}}

#scroll-top{display:none;position:fixed;bottom:20px;right:30px;z-index:99;cursor:pointer;background:transparent;border-radius:50%;padding:0px 5px;color:#adb5bd}

@media(min-width: 1200px){.container{max-width:1200px !important}}
.table-nowrap th,.table-nowrap td{white-space:nowrap}

.bg-overlay{
	background-color:rgba(74,74,74,.7);
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	width:100%;
	height:100%}

.align-items-center{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row}

.btn-rounded {border-radius:1px}

.btn {
	background-color: #0C0D0E;
	color: #EBEBEB;
	padding:11px 28px;
	font-size:13px;
	letter-spacing:.9px;
	font-weight:600;
	text-transform:uppercase}

 

.btn-sm {padding:10px 22px}

.title-heading{font-weight:700}

.btn-lg{
	padding:14px 60px;
	font-size:12px;
	font-weight:600;
	letter-spacing:.5px;
	transition:all .5s;
	border:1px solid #787878;
	overflow:hidden;
	position:relative}

@keyframes moveInbottom{0%{opacity:0;transform:translateY(100px)}100%{opacity:1;transform:translate(0)}}
.heading-bottom-icon i{animation:moveInbottom 2s}
.inner-heading h1{animation:moveInRight 2s}
.inner-heading p{animation:moveInleft 2s}

@keyframes moveInhome{0%{opacity:0;transform:translateY(-100px)}100%{opacity:1;transform:translate(0)}}
.home-heading h1{animation:moveInhome 2s}

.home-heading h2,.home-heading h6{
	animation:moveInhome 2s}

@media(max-width: 992px){.section{
	padding-top:80px;
	padding-bottom:80px}}

@media(max-width: 992px){.section-2{
	padding-top:80px;
	padding-bottom:80px}}
@media(max-width: 992px){.section-3{
	padding-top:80px;
	padding-bottom:80px}}
@media(max-width: 992px){.section-4{
	padding-top:80px;
	padding-bottom:80px}}

body{font-family:"Mukta",sans-serif;
		overflow-x:hidden !important;color:#242729}

body.modal-open{padding-right:0px !important}
body.modal-open .navbar{padding-right:0px !important}

h3,h4,h5,h6{font-family:"Roboto",sans-serif;font-weight:500;line-height:1.4}

h1{
	font-family: 'Exo', sans-serif; 
	font-size: 46px;
	font-weight:600;
	line-height:1.4}

h11{
	font-family: 'Exo', sans-serif; 
	font-size: 46px;
	font-weight:600;
	line-height:1.4}

body[data-layout-mode=dark]
h11{
	font-family: 'Exo', sans-serif; 
	font-size: 46px;
	font-weight:600;
	line-height:1.4}

h10{
	font-family: 'Exo', sans-serif; 
	font-size: 52px;
	font-weight:600;
	line-height:1.4}

h2{
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	font-weight:420;
	line-height:1.4;
	color: #fff}

h222{
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight:420;
	line-height:1.4;
	color: #0ea6e6}

h220{
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	font-weight:420;
	line-height:1.4;
	color: #FFFFFF}

h22{
	font-family: 'Rationale', sans-serif;
	font-size: 20px;
	font-weight:420;
	line-height:1.4;
	color: #0ea6e6}


.home-heading-all h1{
	font-size: 30px
}

body[data-layout-mode=dark] 
.home-heading-all h1{
	font-size: 30px
}

.btn,.btn:focus,button,button:focus{outline:none !important}

a{text-decoration:none !important;outline:none}

p{font-size:16px;line-height:25px}

html{scroll-padding-top:110;scroll-behavior:smooth}.row>*{position:relative}

@media(max-width: 768px){.navbar-custom{margin-top:0px;padding:10px 0px !important;background-color:#0c0c0d !important;box-shadow:0px 3px 10px 0px rgba(24,59,86,.08);color:#fff !important}
	.navbar-toggler i{
		font-size:24px;
		margin-top:0px;
		margin-bottom:0px;
		color:#EFEFEF}
	.bg-home{height:auto}
	.nav-sticky.navbar-custom .navbar-nav li a{
		color:#fff !important}
	.nav-sticky .logo{
		color:#fff !important}
	.navbar-custom>.container{
		width:90%}
	.clients-img{display:none}}

.btn {
	padding:12px 30px;
	font-size:12px;
	font-weight:600;
	letter-spacing:.5px;
	transition:all .5s;
	border:1px solid #787878;
	border-radius:2px;
	background-color: #040506;
	overflow:hidden;
	position:relative}

.btn-sm{padding:6px 20px;font-size:14px}

.bg-primary{background-color:#0ea6e6 !important}

.bg-soft-primary{background-color:rgba(238,87,76,.2) !important}

.text-primary{color:#0ea6e6 !important}

.border-primary{border-color:#0ea6e6 !important}

.icon-dual-primary{color:#0ea6e6;fill:rgba(238,87,76,.2)}

.btn-primary{
	background:#131415 !important;
	color:#fff; 
	border-color:#0ea6e6 !important;
	border:1px solid}


.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary .open>.dropdown-toggle.btn-primary{
	background:#0F0F11;
	border-color:#ec4639;
	box-shadow:none !important}

.btn-outline-primary{
	color:#0ea6e6;
	border-color:#0ea6e6;
	border:1px solid}

.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active,.btn-outline-primary.active,.btn-outline-primary.focus,.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary .open>.dropdown-toggle.btn-primary{
	background:#0ea6e6;
	border-color:#0ea6e6;
	box-shadow:none !important}

.bg-secondary{background-color:#e0ff66 !important}
.bg-soft-secondary{background-color:rgba(224,255,102,.2) !important}
.text-secondary{color:#e0ff66 !important}

.border-secondary{
	border-color:#e0ff66 !important}

.icon-dual-secondary{
	color:#e0ff66;
		fill:rgba(224,255,102,.2)}

.btn-secondary{
	background:#e0ff66 !important;
	color:#fff;
	border-color:#e0ff66 !important;
	border:1px solid}

.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary.active,.btn-secondary.focus,.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary .open>.dropdown-toggle.btn-primary{background:#dcff52;border-color:#dcff52;box-shadow:none !important}

.btn-outline-secondary{color:#e0ff66;border-color:#e0ff66;border:1px solid}

.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-secondary:active,.btn-outline-secondary.active,.btn-outline-secondary.focus,.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary .open>.dropdown-toggle.btn-primary{background:#e0ff66;border-color:#e0ff66;box-shadow:none !important}

.bg-success{background-color:#1d9b7b !important}

.bg-soft-success{background-color:rgba(29,155,123,.2) !important}

.text-success{color:#1d9b7b !important}

.border-success{border-color:#1d9b7b !important}

.icon-dual-success{color:#1d9b7b;fill:rgba(29,155,123,.2)}

.btn-success{background:#1d9b7b !important;color:#fff;border-color:#1d9b7b !important;border:1px solid}

.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.focus,.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success .open>.dropdown-toggle.btn-primary{background:#1a8a6d;border-color:#1a8a6d;box-shadow:none !important}

.btn-outline-success{color:#1d9b7b;border-color:#1d9b7b;border:1px solid}

.btn-outline-success:hover,.btn-outline-success:focus,.btn-outline-success:active,.btn-outline-success.active,.btn-outline-success.focus,.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success .open>.dropdown-toggle.btn-primary{
	background:#1d9b7b;
	border-color:#1d9b7b;
	box-shadow:none !important}
.bg-info{
		background-color:#24bee6 !important}
.bg-soft-info{
	background-color:rgba(36,190,230,.2) !important}
.text-info{
	color:#24bee6 !important}
.border-info{
	border-color:#24bee6 !important}

.icon-dual-info{
	color:#24bee6;
		fill:rgba(36,190,230,.2)}

.btn-info{
	background:#080809 !important;
	color:#fff;
	border-color:#24bee6 !important;
	border:1px solid}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.focus,.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled):active:focus,.btn-info .open>.dropdown-toggle.btn-primary{
	background:#19b4dc;
	border-color:#19b4dc;
	box-shadow:none !important}

.btn-outline-info{
	color:#24bee6;
	border-color:#24bee6;
	border:1px solid}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.focus,
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info .open>.dropdown-toggle.btn-primary{
		background:#24bee6;
		border-color:#24bee6;
		box-shadow:none !important}

.bg-warning{
	background-color:#ffb60b !important}

.bg-soft-warning{
	background-color:rgba(255,182,11,.2) !important}

.text-warning{
	color:#ffb60b !important}

.border-warning{
	border-color:#ffb60b !important}

.icon-dual-warning{
	color:#ffb60b;
	fill:rgba(255,182,11,.2)}

.btn-warning{
		background:#ffb60b !important;
		color:#fff;
		border-color:#ffb60b !important;
		border:1px solid}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.focus,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning .open>.dropdown-toggle.btn-primary{
			background:#f6ac00;
			border-color:#f6ac00;
			box-shadow:none !important}

.btn-outline-warning{
			color:#ffb60b;
			border-color:#ffb60b;
			border:1px solid}

.btn-outline-warning:hover,.btn-outline-warning:focus,.btn-outline-warning:active,.btn-outline-warning.active,.btn-outline-warning.focus,.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning .open>.dropdown-toggle.btn-primary{
	background:#ffb60b;
	border-color:#ffb60b;
	box-shadow:none !important}

.bg-danger{background-color:#da3746 !important}

.bg-soft-danger{background-color:rgba(218,55,70,.2) !important}

.text-danger{color:#da3746 !important}

.border-danger{border-color:#da3746 !important}.icon-dual-danger{color:#da3746;fill:rgba(218,55,70,.2)}

.btn-danger{background:#da3746 !important;color:#fff;border-color:#da3746 !important;border:1px solid}

.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.focus,.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger .open>.dropdown-toggle.btn-primary{background:#d52737;border-color:#d52737;box-shadow:none !important}

.btn-outline-danger{color:#da3746;border-color:#da3746;border:1px solid}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.focus,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger .open>.dropdown-toggle.btn-primary{
	background:#da3746;
	border-color:#da3746;
	box-shadow:none !important}

.bg-dark{background-color:#050505 !important}

.bg-soft-dark{background-color:rgba(24,59,86,.2) !important}

.text-dark{color:#242729 !important}

.border-dark{border-color:#242729 !important}

.icon-dual-dark{color:#242729;fill:rgba(24,59,86,.2)}

.btn-dark{
	background:#050505 !important;
	color:#fff;
	border-color:#242729 !important;
	border:1px solid}


.btn-dark:hover,.btn-dark:focus,.btn-dark:active,.btn-dark.active,.btn-dark.focus,.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark .open>.dropdown-toggle.btn-primary{
	background:#143046;
	border-color:#143046;
	box-shadow:none !important}

.btn-outline-dark{
	color:#242729;
	border-color:#242729;
	border:1px solid}


.btn-outline-dark:hover,.btn-outline-dark:focus,.btn-outline-dark:active,.btn-outline-dark.active,.btn-outline-dark.focus,.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.btn-outline-dark .open>.dropdown-toggle.btn-primary{
	background:#242729;
	border-color:#242729;
	box-shadow:none !important}

.bg-cyan{background-color:#00e6e6 !important}
.bg-soft-cyan{background-color:rgba(0,230,230,.2) !important}
.text-cyan{color:#00e6e6 !important}

.border-cyan{border-color:#00e6e6 !important}

.icon-dual-cyan{color:#00e6e6;fill:rgba(0,230,230,.2)}

.btn-cyan{
	background:#01C4C4 important;
	color:#fff;
	border-color:#00e6e6 !important;
	border:1px solid}

.btn-cyan:hover,.btn-cyan:focus,.btn-cyan:active,
.btn-cyan.active,.btn-cyan.focus,.btn-cyan:not(:disabled):not(.disabled):active,
.btn-cyan:not(:disabled):not(.disabled):active:focus,
.btn-cyan .open>.dropdown-toggle.btn-primary{
	background:#00e6e6;
	border-color:#11A4AB;
	color: #0A0A0A;
	box-shadow:none !important}

.btn-outline-cyan{color:#00e6e6;border-color:#00e6e6;border:1px solid}.btn-outline-cyan:hover,.btn-outline-cyan:focus,.btn-outline-cyan:active,.btn-outline-cyan.active,.btn-outline-cyan.focus,.btn-outline-cyan:not(:disabled):not(.disabled):active,.btn-outline-cyan:not(:disabled):not(.disabled):active:focus,.btn-outline-cyan .open>.dropdown-toggle.btn-primary{background:#00e6e6;border-color:#00e6e6;box-shadow:none !important}
.bg-blue{background-color:#1f86ef !important}
.bg-blue-1{background-color:#023C8A !important}

.bg-soft-blue{background-color:rgba(31,134,239,.2) !important}
.text-blue{color:#1f86ef !important}
.text-blue-h6{color:#51C1E9 !important}

.border-blue{border-color:#1f86ef !important}

.icon-dual-blue{color:#1f86ef;fill:rgba(31,134,239,.2)}

.btn-blue{background:#1f86ef !important;color:#fff;border-color:#08FBFF !important;border:1px solid} 

 

.btn-blue:hover,.btn-blue:focus,.btn-blue:active,.btn-blue.active,.btn-blue.focus,.btn-blue:not(:disabled):not(.disabled):active,.btn-blue:not(:disabled):not(.disabled):active:focus,.btn-blue .open>.dropdown-toggle.btn-primary{background:#043176;border-color:#117ce9;color: #1A1B1D; box-shadow:none !important}

.btn-outline-blue{color:#1f86ef;border-color:#1f86ef;border:1px solid}

.btn-outline-blue:hover,.btn-outline-blue:focus,.btn-outline-blue:active,.btn-outline-blue.active,.btn-outline-blue.focus,.btn-outline-blue:not(:disabled):not(.disabled):active,.btn-outline-blue:not(:disabled):not(.disabled):active:focus,.btn-outline-blue .open>.dropdown-toggle.btn-primary{background:#1f86ef;border-color:#1f86ef;box-shadow:none !important}

.bg-muted{background-color:#6b6e6f !important}.bg-soft-muted{background-color:rgba(107,110,111,.2) !important}.text-muted{color:#6b6e6f !important}

.border-muted{border-color:#6b6e6f !important}.icon-dual-muted{color:#6b6e6f;fill:rgba(107,110,111,.2)}.btn-muted{background:#6b6e6f !important;color:#fff;border-color:#6b6e6f !important;border:1px solid}

.btn-muted:hover,.btn-muted:focus,.btn-muted:active,.btn-muted.active,.btn-muted.focus,.btn-muted:not(:disabled):not(.disabled):active,.btn-muted:not(:disabled):not(.disabled):active:focus,.btn-muted .open>.dropdown-toggle.btn-primary{background:#616465;border-color:#616465;box-shadow:none !important}

.btn-outline-muted{
	color:#6b6e6f;
	border-color:#6b6e6f;
	border:1px solid}

.btn-outline-muted:hover,.btn-outline-muted:focus,.btn-outline-muted:active,.btn-outline-muted.active,.btn-outline-muted.focus,.btn-outline-muted:not(:disabled):not(.disabled):active,.btn-outline-muted:not(:disabled):not(.disabled):active:focus,.btn-outline-muted .open>.dropdown-toggle.btn-primary{
	background:#6b6e6f;
	border-color:#6b6e6f;
	box-shadow:none !important}

.bg-purple{background-color:#766df4 !important}

.bg-soft-purple{background-color:rgba(118,109,244,.2) !important}

.text-purple{color:#766df4 !important}

.border-purple{border-color:#766df4 !important}

.icon-dual-purple{color:#766df4;fill:rgba(118,109,244,.2)}

.btn-purple{
	background:#766df4 !important;
	color:#fff;
	border-color:#766df4 !important;
	border:1px solid}

.btn-purple:hover,.btn-purple:focus,.btn-purple:active,.btn-purple.active,.btn-purple.focus,.btn-purple:not(:disabled):not(.disabled):active,.btn-purple:not(:disabled):not(.disabled):active:focus,.btn-purple .open>.dropdown-toggle.btn-primary{
	background:#645af3;
	border-color:#645af3;
	box-shadow:none !important}

.btn-outline-purple{
	color:#766df4;
	border-color:#766df4;
	border:1px solid}

.btn-outline-purple:hover,.btn-outline-purple:focus,.btn-outline-purple:active,.btn-outline-purple.active,.btn-outline-purple.focus,.btn-outline-purple:not(:disabled):not(.disabled):active,.btn-outline-purple:not(:disabled):not(.disabled):active:focus,.btn-outline-purple .open>.dropdown-toggle.btn-primary{
	background:#766df4;
	border-color:#766df4;
	box-shadow:none !important}

.bg-pink{background-color:#f13e74 !important}

.bg-soft-pink{background-color:rgba(241,62,116,.2) !important}

.text-pink{color:#f13e74 !important}

.border-pink{border-color:#f13e74 !important}

.icon-dual-pink{color:#f13e74;
	fill:rgba(241,62,116,.2)}

.btn-pink{
	background:#f13e74 !important;
	color:#fff;
	border-color:#f13e74 !important;
	border:1px solid}

.btn-pink:hover,.btn-pink:focus,.btn-pink:active,.btn-pink.active,.btn-pink.focus,.btn-pink:not(:disabled):not(.disabled):active,.btn-pink:not(:disabled):not(.disabled):active:focus,.btn-pink .open>.dropdown-toggle.btn-primary{
	background:#f02b66;
	border-color:#f02b66;
	color: #F4F0F0;
	box-shadow:none !important}

.btn-outline-pink{
	color:#f13e74;
	border-color:#f13e74;
	border:1px solid}

.btn-outline-pink:hover,.btn-outline-pink:focus,.btn-outline-pink:active,.btn-outline-pink.active,.btn-outline-pink.focus,.btn-outline-pink:not(:disabled):not(.disabled):active,.btn-outline-pink:not(:disabled):not(.disabled):active:focus,.btn-outline-pink .open>.dropdown-toggle.btn-primary{
	background:#f13e74;
	border-color:#f13e74;
	box-shadow:none !important}

.bg-orange{background-color:#e46e2a !important}

.bg-soft-orange{background-color:rgba(228,110,42,.2) !important}

.text-orange{color:#e46e2a !important}

.border-orange{border-color:#e46e2a !important}

.icon-dual-orange{color:#e46e2a;fill:rgba(228,110,42,.2)}


.btn-orange{
	background:#e46e2a !important;
	color:#fff;
	border-color:#e46e2a !important;
	border:1px solid}

.btn-orange:hover,.btn-orange:focus,.btn-orange:active,.btn-orange.active,.btn-orange.focus,.btn-orange:not(:disabled):not(.disabled):active,.btn-orange:not(:disabled):not(.disabled):active:focus,.btn-orange .open>.dropdown-toggle.btn-primary{
	background:#de631c;
	border-color:#de631c;
	box-shadow:none !important}

.btn-outline-orange{
	color:#e46e2a;
	border-color:#e46e2a;
	border:1px solid}

.btn-outline-orange:hover,.btn-outline-orange:focus,.btn-outline-orange:active,.btn-outline-orange.active,.btn-outline-orange.focus,.btn-outline-orange:not(:disabled):not(.disabled):active,.btn-outline-orange:not(:disabled):not(.disabled):active:focus,.btn-outline-orange .open>.dropdown-toggle.btn-primary{
	background:#e46e2a;
	border-color:#e46e2a;
	box-shadow:none !important}

.bg-light{
	background-color:#f8f9fc !important}
.bg-soft-light{
	background-color:rgba(248,249,252,.2) !important}
.text-light{
	color:#f8f9fc !important}
.border-light{
	border-color:#f8f9fc !important}
.icon-dual-light{
	color:#f8f9fc;
	fill:rgba(248,249,252,.2)}

.btn-light{
	background:#f8f9fc !important;
	background-color: #F5F5F5;
	color:#929292;
	border-color:#f8f9fc !important;
	border:1px solid}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active,
.btn-light.focus,
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light .open>.dropdown-toggle.btn-primary{
	background:#eaedf6;
	border-color:#eaedf6;
	box-shadow:none !important}

.btn-outline-light{
	color:#f8f9fc;
	border-color:#f8f9fc;
	border:1px solid}

.btn-outline-light:hover,.btn-outline-light:focus,.btn-outline-light:active,.btn-outline-light.active,.btn-outline-light.focus,.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.btn-outline-light .open>.dropdown-toggle.btn-primary{
		background:#f8f9fc;
		border-color:#f8f9fc;
		box-shadow:none !important}

.bg-white{
		background-color:#ffffff !important}

.bg-white2{
		background-color:#ffffff !important;
	color: #1C1C1E;
	}	

.bg-white2{background-color:#F0F0F0 !important}


.bg-soft-white{
	background-color:rgba(255,255,255,.2) !important}

.text-white{
		color:#ffffff !important}
.text-blue1{
		color:#009AFC}

.text-light-10{
		color:#9B9B9B;
		font-weight: 300;
	 	line-height: 1.6;
}


.border-white{border-color:#ffffff !important}

.icon-dual-white{
		color:#fff;
		fill:rgba(255,255,255,.2)}

.btn-white{
	background:#121313 !important;
	color:#ffffff;
	background-color: #121313;
	border-color:#fff !important;
	border:1px solid}

.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active,.btn-white.focus,.btn-white:not(:disabled):not(.disabled):active,.btn-white:not(:disabled):not(.disabled):active:focus,.btn-white .open>.dropdown-toggle.btn-primary{
	background:#0A0A0A;
	border-color:#f5f5f5;
	color: #8AE9FD;
	background-color: #0A0A0A;
	box-shadow:none !important}

.btn-outline-white{
	color:#ffffff;
	border-color:#ffffff;
	border:1px solid}

.btn-outline-white:hover,.btn-outline-white:focus,.btn-outline-white:active,.btn-outline-white.active,.btn-outline-white.focus,.btn-outline-white:not(:disabled):not(.disabled):active,.btn-outline-white:not(:disabled):not(.disabled):active:focus,.btn-outline-white .open>.dropdown-toggle.btn-primary{
	background:#fff;
	border-color:#fff;
	box-shadow:none !important}

.bg-white-70{background-color:rgba(255, 255, 255, 0.7) !important}

.bg-soft-white-70{background-color:rgba(255,255,255,.2) !important}

.text-white-70{color:rgba(255, 255, 255, 0.7) !important}

.border-white-70{border-color:rgba(255, 255, 255, 0.7) !important}
.icon-dual-white-70{
	color:rgba(255,255,255,.7);
	fill:rgba(255,255,255,.2)}

.btn-white-70{
	background:rgba(255, 255, 255, 0.7) !important;
	color:#fff;
	border-color:rgba(255, 255, 255, 0.7) !important;
	border:1px solid}

.btn-white-70:hover,.btn-white-70:focus,.btn-white-70:active,.btn-white-70.active,.btn-white-70.focus,.btn-white-70:not(:disabled):not(.disabled):active,.btn-white-70:not(:disabled):not(.disabled):active:focus,.btn-white-70 .open>.dropdown-toggle.btn-primary{
	background:rgba(245,245,245,.7);
	border-color:rgba(245,245,245,.7);
	box-shadow:none !important}

.btn-outline-white-70{
	color:rgba(255, 255, 255, 0.7);
	border-color:rgba(255, 255, 255, 0.7);
	border:1px solid}

.btn-outline-white-70:hover,.btn-outline-white-70:focus,.btn-outline-white-70:active,.btn-outline-white-70.active,.btn-outline-white-70.focus,.btn-outline-white-70:not(:disabled):not(.disabled):active,.btn-outline-white-70:not(:disabled):not(.disabled):active:focus,.btn-outline-white-70 .open>.dropdown-toggle.btn-primary{
	background:rgba(255,255,255,.7);
	border-color:rgba(255,255,255,.7);
	box-shadow:none !important}

.btn-white:hover,.btn-white:focus,.btn-white:active{
	background-color: #0A0A0A;
	background: #0A0A0A !important;
	color: #6BB9F9;
	border:1px solid #0832F7 !important}

.btn-dark:hover,.btn-dark:focus,.btn-dark:active{
	background-color:#0ea6e6 !important;
	border:1px solid #0ea6e6 !important}

.btn-outline-dark{
	border:1px solid #242729;
	color:#242729}

.btn-outline-dark:hover,.btn-outline-dark:focus,.btn-outline-dark.active{
	color:#fff;
	background-color:#242729}

.card{
	background-color:#fff;
	border-color:#dee2e6;
	border-radius:20px}

.mode-btn{
	position:fixed;
	top:28%;
	left:0px;
	z-index:1021;
	color:#fff;
	width:45px;
	height:45px;
	line-height:45px;
	background-color:#DFDFDF;
	border:1px solid #0ea6e6;
	font-size:21px;
	text-align:center}

.mode-btn .mode-dark{display:block;transition:all .5s ease}
.mode-btn .mode-light{display:none;transition:all .5s ease}

body[data-layout-mode=dark] 
#style-switcher{background-color:#242c34}

body[data-layout-mode=dark] 
.mode-dark{display:none}

body[data-layout-mode=dark] 
.mode-light{display:block}

body[data-layout-mode=dark] 
.card{
	background-color:#0c0c0d !important;
	border-color:#929292 !important;}

body[data-layout-mode=dark] 

p,body[data-layout-mode=dark] 

span,body[data-layout-mode=dark]

h6{color:rgba(255,255,255,.3) !important}

body[data-layout-mode=dark] 
.breadcrumb{
	background-color:#242c34 !important;
	padding:16px 20px;
	border-radius:60px}

.bg-image{background-image:url(../images/bg.png)}



.home{
	position:relative;
	min-height:100vh;
	display:flex;
	align-items:center;
	background-repeat:no-repeat}

.home .home-content p{
	color: #rgba(107,110,111,.6) !important;
	font-weight:400}

.home .home-content p10{
	color: #DFDFDF !important;
	font-weight:300;
padding-top: 10px;
padding-bottom: 10px}

.home .home-content h8{
	color: #04ABF1 !important;
	font-weight: 600;
	padding-top: 12px;
	padding-bottom: 20px}


.home .counter-box .counter-caption{color:rgba(107,110,111,.6);font-weight:600}
.home .client-slider{padding:20px 0}
.home .client-slider .card{
	border: thin; 
	border-style: solid; 
	box-shadow:0 0 3px rgba(60,72,88,.15)}
.home .client-slider .card .slider-content{padding:20px}

.home .client-slider .card .slider-content p{
	color:rgba(107,110,111,.6);
	font-weight:100}

.home .client-slider .card .slider-content p2{
	color: #0ea6e6;
	font-weight: 400; 
	font-family: 'Exo', sans-serif; }

.home .client-slider .card .slider-content .slider-content-button{
	background-color: transparent;
	position:absolute;
	top:40px;
	right:-20px}

.home .tns-outer{position:relative}
.home .tns-outer .tns-ovh{padding:10px !important}
.home .tns-outer .tns-nav{text-align:center;margin-top:20px}
.home .tns-outer .tns-nav button{
	border:none;
	background-color: #0D0C0C;
	height:12px;
	width:12px;
	border-radius:40px;
	margin:0 5px}

.home .tns-outer .tns-nav .tns-nav-active{background-color:#0ea6e6}

.slider-content-image .avatar-sm img{border-radius:40px;border:4px solid #fff}

.slider-content-image .top-child{position:relative;margin-left:-15px}

.slider-content-image .top-child .content-image-check{position:absolute;height:22px;width:22px;background-color:#da3746;border-radius:20px;border:3px solid #fff;line-height:18px;text-align:center;top:26px;left:30px}

.slider-content-image .top-child .content-image-check i{color:#fff}

.home-2{position:relative;
	min-height:100vh;
	display:flex;
	align-items:center;
	background-color:#fff;
	padding-top:150px}

.home-2 .home-content-2 h1{
	font-size:3.5rem;
	font-family:"Mukta",sans-serif}
.home-2 .home-content-2 .search-form{
	position:relative}

.home-2 .home-content-2 .search-form .form-control{
	padding:15px 50px 15px 15px;
	background-color:transparent !important}

.home-2 .home-content-2 .search-form .search-icon{
	position:absolute;
	top:12px;
	right:30px}

.home-2 .home-content-2 .count-detail .counter-box h6{
	color:#6b6e6f;
	font-weight:600;
	font-size:15px}

.home-2 .home-content-2 .count-detail .counter-box h6:last-child{
	color:#e46e2a !important}

.home-2 .clientslider-2 .item .card{
	padding:20px;
	border-radius:20px;
	border:none;
	box-shadow:0px 3px 10px 0px rgba(24,59,86,.08)}

.home-2 .clientslider-2 .item .card .header .badge{
	background-color:rgba(238,87,76,.3);
	color:#0ea6e6;
	padding:8px 10px}

.home-2 .clientslider-2 .item .card .header .dropdown-menu{padding:0}
.home-2 .clientslider-2 .item .card .header .dropdown-menu .dropdown-item{padding:10px;transition:all .3s}
.home-2 .clientslider-2 .item .card .header .dropdown-menu .dropdown-item:hover,.home-2 .clientslider-2 .item .card .header .dropdown-menu .dropdown-item:focus,.home-2 .clientslider-2 .item .card .header .dropdown-menu .dropdown-item:active{
	background-color:rgba(238,87,76,.5);
	color:#fff}
.home-2 .clientslider-2 .item .card .card-image img{border-radius:20px}
.home-2 .clientslider-2 .item .card .card-body{padding:20px 0 0 0}
.home-2 .clientslider-2 .item .card .card-body .profile-content img{border-radius:50px}
.home-2 .tns-ovh{
	padding:10px}

.home-3{
	font-family:"Roboto",sans-serif;
	position:relative;
	min-height:100vh;
	display:flex;
	align-items:center;
	background-color:rgba(255,182,11,.1)}

.home-3 p{
	color:rgba(107,110,111,.8)}

.home-3 .home-content .title h1{
	font-size:60px}

.home-3 .count-detail .counter-box .counter-caption{
	color:rgba(107,110,111,.8)}

.home-3 .card{
	border:none !important}

.home-3 .card .card-body{
	background-color:#e0ff66}
.home-4{
	font-family:"Roboto",sans-serif;
	position:relative;
	min-height:100vh;
	display:flex;
	align-items:center;
	padding:150px 0}
.home-4 .home-image-gallery img{
	border-radius:10px;
	width:100%}
.home-4 .border-horizontal{
	height:100%;
	width:2px;
	background-color:rgba(107,110,111,.2);
	position:absolute;right:-30px}
.home-4 .art-image img{border-radius:10px}

.home-4 .body-content .text-content .info-list span{color:#242729}

.home-4 .body-content .text-content .high-bid{
	background-color:rgba(31,134,239,.2);
	border-radius:15px}

.home-4 .body-content .text-content .high-bid .avatar-xs{line-height:2rem}

.icon .like,.icon .menu{
	height:36px;
	width:36px;
	line-height:36px;
	box-shadow:0px 3px 10px 0px rgba(31,134,239,.3);
	text-align:center;
	border-radius:50%}
.icon .like a,.icon .menu a{
	color:#0ea6e6 !important}
.icon .like .dropdown-menu .dropdown-item,.icon .menu .dropdown-menu .dropdown-item{
	color:#242729 !important}body[data-layout-mode=dark]

{	color:#fff !important}body[data-layout-mode=dark] 

.bg-image{
		background-image:url(../images/bg-dark.png)}

body[data-layout-mode=dark] 
.bg-vid{
		background:url(../videos/mirror-cube-background-2021-08-26-18-49-47-utc.mp4)}

body[data-layout-mode=dark] 
.home{
	background-color:#080809 !important}

body[data-layout-mode=dark] 
.home p{
		color:rgba(255,255,255,.4) !important}

body[data-layout-mode=dark] .home h1 span{
	color:#0ea6e6 !important}

body[data-layout-mode=dark] 
.home button {
	background-color:#232323 !important}
body[data-layout-mode=dark] 

.home .slider-content-button button {
	background-color:#080809 !important}

body[data-layout-mode=dark] 
.home .slider-content-image .avatar-sm img{
	border:4px solid #303841 !important}

body[data-layout-mode=dark] 
.home .slider-content-image .top-child .content-image-check{
	border:3px solid #303841 !important}

body[data-layout-mode=dark] 
.home .info-box{
	background-color:#242c34}

body[data-layout-mode=dark] 
.home .counter-box span{
	color:#fff !important}

body[data-layout-mode=dark] 
.home-2{
	background-color:#303841}

body[data-layout-mode=dark] 
.home-2 h1 span{
		color:#0ea6e6 !important}

body[data-layout-mode=dark] 
.home-2 .counter_value{
	color:#e46e2a !important}

body[data-layout-mode=dark] 
.home-3{
	background-color:#303841}

body[data-layout-mode=dark] 
.home-3 .card{
	color:#242729 !important}

body[data-layout-mode=dark] 
.home-3 .card .deatil p{
	color:#6b6e6f !important}

body[data-layout-mode=dark] 
.home-3 .card .deatil span{
	color:#242729 !important}

body[data-layout-mode=dark] 
.home-3 .card .card-body .btn-outline-dark{
	border-color:#242729 !important;
	color:#242729 !important}body[data-layout-mode=dark] 

.home-3 .card .card-body .btn-outline-dark:hover,body[data-layout-mode=dark] 
.home-3 .card .card-body .btn-outline-dark:focus,body[data-layout-mode=dark] 
.home-3 .card .card-body .btn-outline-dark:active{
	background-color:#242729 !important;
	color:#fff !important}

body[data-layout-mode=dark] 
.home-3 .counter-box span{
	color:#fff !important}

body[data-layout-mode=dark] 
.home-4{
	background-color:#303841}

body[data-layout-mode=dark] 
.home-4 .text-content .info-list span{
	color:#fff !important}

body[data-layout-mode=dark] 
.icon .menu .dropdown-menu .dropdown-item{
	color:#fff !important}

body[data-layout-mode=dark] 
.btn-outline-dark{
	border:1px solid #575757;
	color:#fff}

body[data-layout-mode=dark] 
.btn-outline-dark:hover,body[data-layout-mode=dark] 
.btn-outline-dark:focus,body[data-layout-mode=dark] 
.btn-outline-dark.active{
	color:#242729;
	background-color:#fff}

.features{
	font-family:"Roboto",sans-serif;
	position:relative;
	display:flex;
	align-items:center;
	background-color: #070707}

.features .features-image img{
	border-radius: 20px;
	border-style:  solid;
	border-color: #888888;
	border-width: 2px;
	box-shadow: 0px 0px 4px 3px #2E3543;
}

.features .price-box{
	height:40px;
	width:40px;
	background-color:#0060ba;
	text-align:center;
	line-height:40px;
	border-radius:50px;
	color:#fff}


.features .swiper-slide .bid-box{
	border:1px solid rgba(107,110,111,.3) !important;
	padding:25px;
	border-radius:20px}

.features-slider .swiper-button-next{
	position:relative;
	width:40px;
	height:40px;
	z-index:10;
	left:15%;
	top:58px;
	background-size:20px 20px;
	background-position:center;
	background-repeat:no-repeat;
	border-radius:20px;
	border:2px solid rgba(107,110,111,.5);
	background-image:url(../images/right-arrows.png)}

.features-slider .swiper-button-prev{
	position:relative;
	width:40px;
	height:40px;
	z-index:10;
	left:0%;
	top:40px;
	background-size:20px 20px;
	background-position:center;
	background-repeat:no-repeat;
	border-radius:20px;
	border:2px solid rgba(107,110,111,.5);
	background-image:url(../images/left-arrow.png)}

.features-slider .swiper-button-next,.features-slider .swiper-button-prev{transition:all .5s ease-in-out}

.features-slider .swiper-button-next:hover,.features-slider .swiper-button-next:focus,.features-slider .swiper-button-next:active,.features-slider .swiper-button-prev:hover,.features-slider .swiper-button-prev:focus,.features-slider .swiper-button-prev:active{border:2px solid #6b6e6f}

.text-gradiant{
	background-image:-webkit-linear-gradient(left, #09369e, #1f86ef, #1f86ef, #3f9ee7, #072a7b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;
	display:inline-block}

.text-2{
	color: #D4D4D4}

body[data-layout-mode=dark]{background-color:#111315 !important}

.service .service-box .avatar-sm{
	text-align:center;
	line-height:3rem;
	border-radius:10px}

.cta .cta-box{border-radius:10px}

.cta .cta-box h1{color:#242729 !important}

body[data-layout-mode=dark] 
.service{background-color: #0A0A0A !important}

body[data-layout-mode=dark] 
.service .content h6{color:#fff !important}

.slider-blog .blog-box{
	background-color:#f8f9fc;
	padding:20px;
	border-radius:10px;}

.blog-box  h7{
	color:#0D95F7 !important;
	font-weight: 600;
	padding-top: 15px}
 
.blog-box  h8{
	color:#0D95F7 !important;
	font-family: 'Rationale', sans-serif;
	font-size: 20px;
	font-weight: 400;
	padding-top: 15px}

.blog-box  p3 {
	color:#CCCCCC !important;
	font-weight: 390;
	padding-top: 15px; 
	font-size: 17px}

.bid-box  p4 {
	color:#BBBBBB;
	font-weight: 400;
	padding-top: 15px; 
	font-size: 16px}

.blog-box  p4 {
	color:#575757 !important;
	font-weight: 380;
	padding-top: 15px; 
	font-size: 16px}

.blog-box  h10{
	color:#fff !important}

.blog-box  h11{
	color:#B4B4B4 !important}

.slider-blog .blog-box .plus-icon{
	line-height:2rem;
	text-align:center;
	border-radius:5px;
	color:#fff}

.swiper-button-next{
	position:absolute;
	width:40px;
	height:40px;
	z-index:10;left:90%;top:15%;
	background-size:20px 20px;
	background-position:center;
	background-repeat:no-repeat;
	border-radius:10px;
	border:2px solid rgba(107,110,111,.5);
	background-image:url(../images/right-arrows.png)}

.swiper-button-prev{
	position:absolute;
	width:40px;
	height:40px;
	z-index:10;
	left:85%;top:15%;
	background-size:20px 20px;
	background-position:center;
	background-repeat:no-repeat;
	border-radius:10px;
	border:2px solid rgba(107,110,111,.5);
	background-image:url(../images/left-arrow.png)}

.swiper-button-next,.swiper-button-prev{transition:all .5s ease-in-out}

.swiper-button-next:hover,.swiper-button-next:focus,.swiper-button-next:active,.swiper-button-prev:hover,.swiper-button-prev:focus,.swiper-button-prev:active{border:2px solid #6b6e6f}

.blog .card .blog-image img{border-radius:20px}

.blog .card .card-body .blog-footer{
	border:1px solid rgba(107,110,111,.2);
	border-radius:10px;padding:10px}

@media(max-width: 992px){.slider-blog .swiper-button-prev{left:75%}
	.slider-blog .swiper-button-next,.slider-blog .swiper-button-prev{top:6% !important}}
.blog-2 .collection-items .blog-box .collection-image{padding:20px;background-color:#f8f9fc;border-radius:20px}
.blog-2 .collection-items .blog-box .collection-image .blog-image{border-radius:20px;overflow:hidden}
.blog-2 .collection-items .blog-box .collection-image .blog-image .top-image img{width:31%;height:100%}
.blog-2 .collection-items .blog-box .collection-content{padding:0 20px}
.blog-2 .collection-items .blog-box .collection-content .collection-title a{color:#242729;transition:all .5s}
.blog-2 .collection-items .blog-box .collection-content .collection-title a:hover{color:#0ea6e6}
.blog-2 .collection-items .blog-box .collection-content .collection-like-icon p{color:rgba(107,110,111,.7)}

.blog-2 .collection-items .blog-box .collection-content .collection-like-icon p a{color:rgba(107,110,111,.7);position:absolute;right:80px;transition:all .5s}

.blog-2 .collection-items:hover .collection-like-icon a,.blog-2 .collection-items:focus .collection-like-icon a{font-size:18px;color:#da3746 !important}

.blog-3{font-family:"Mukta",sans-serif !important}

.blog-3 .blog-box{
	border-radius:10px;
	border:none;
	box-shadow:0 5px 13px rgba(60,72,88,.2)}

.blog-3 .blog-box .blog-image img{border-radius:10px}.blog-3 .blog-box .blog-body .text-content p{font-family:"Dancing Script",sans-serif !important}

.blog-3 .blog-box .blog-body .blog-like-button button{padding:5px 18px;border-radius:5px;color:#242729;background-color:rgba(107,110,111,.2);border-color:rgba(107,110,111,.2)}

.blog-3 .blog-box .blog-body .blog-like-button 
button:hover,.blog-3 .blog-box .blog-body .blog-like-button 
button:focus,.blog-3 .blog-box .blog-body .blog-like-button 
button:active{
	background-color:rgba(224,255,102,.5);
	border-color:rgba(224,255,102,.5);
	box-shadow:none !important}

.blog-4{background-color:#fff}
.blog-4 .tab-content{background-color:#f8f9fc;border-radius:10px;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}
.blog-4 .tab-content .card-image{border-radius:10px;overflow:hidden}
.blog-4 .tab-content .card-image img{border-radius:10px;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}
.blog-4 .tab-content .body-content p{font-weight:500;font-size:14px}
.blog-4 .tab-content:hover .card-image{overflow:hidden}
.blog-4 .tab-content:hover .card-image img{transform:scale(1.2);transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}

.blog-4 .tab-content:hover{transform:scale(1.02);box-shadow:0 5px 13px rgba(60,72,88,.2)}

.inner-blog .breadcrumb{
	box-shadow:0px 3px 10px 0px rgba(24,59,86,.08);
	width:fit-content;
	background-color:#fff;
	padding:16px 20px;
	border-radius:60px}

.inner-blog .blog-item{
	background-color:#fff;
	padding:20px;
	border-radius:20px}

.inner-blog .blog-item2{
	background-color:#101011;
	padding:20px;
	border-radius:20px}


.inner-blog .blog-item-2{
	background-color:#fff;
	padding:20px;
	border-radius:20px}

.inner-blog .blog-item .blog-image img{
	overflow:hidden;
	border-radius:20px;
	width:100%}
.inner-blog .blog-side-box .items{
	background-color:#fff;
	padding:20px;
	border-radius:20px}
.inner-blog .blog-side-box .items .title-bottom-border{position:relative}

.inner-blog .blog-side-box .items .title-bottom-border::after{
	content:"";
	position:absolute;
	height:1px;
	width:20%;
	background-color:#000;
	top:-1px}
.inner-blog .blog-side-box .items .avatar-sm{line-height:2rem;border-radius:10px}

.inner-blog .blog-side-box .items .tag-box .badge{
	display:inline-block;
	margin-bottom:5px;
	background-color:rgba(118,109,244,.3);
	color:#242729;padding:8px 12px;
	font-size:14px;
	font-weight:500}

body[data-layout-mode=dark] .slider-blog{
	background: linear-gradient(270deg, #030609, #060606, #060707, #1B1D22);
    background-size: 400% 400%;
	-webkit-animation: AnimationName 32s ease infinite;
    -moz-animation: AnimationName 23s ease infinite;
    animation: AnimationName 19s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
 



body[data-layout-mode=dark] 
.slider-blog-2{background-color:#303841 !important}


body[data-layout-mode=dark] 
.slider-blog .blog-box{color:#242729 !important}
body[data-layout-mode=dark] 
.slider-content-image .avatar-sm img{
	border:4px solid #303841 !important}
body[data-layout-mode=dark] 
.slider-content-image .top-child .content-image-check{
	border:3px solid #303841 !important}
body[data-layout-mode=dark] 
.blog{
	background-color:#090808 !important}
body[data-layout-mode=dark] 
.blog .card{
	background-color:#343f4b !important}

body[data-layout-mode=dark] 
.blog .card .card-body h6{
	color:#fff !important}

body[data-layout-mode=dark] 
.blog-2{background-color:#303841;color:#fff}

body[data-layout-mode=dark] 
.blog-2 .collection-image{
	background-color:#283039 !important}

body[data-layout-mode=dark] 
.blog-2 .collection-content .collection-title a{
	color:#fff !important}

body[data-layout-mode=dark] .blog-2 span,body[data-layout-mode=dark] 
.blog-2 h6{color:rgba(255,255,255,.3) !important}

body[data-layout-mode=dark] 
.blog-3{background-color:#242c34 !important}

body[data-layout-mode=dark] 
.blog-3 .blog-box{background-color:#303841}

body[data-layout-mode=dark] 
.blog-3 .blog-like-button button{
	padding:5px 18px;
	border-radius:5px;
	color:#fff !important;
	background-color:#e0ff66}

body[data-layout-mode=dark] 

.blog-3 .blog-like-button button:hover,body[data-layout-mode=dark] 
.blog-3 .blog-like-button button:focus,body[data-layout-mode=dark] 
.blog-3 .blog-like-button button:active{
	background-color:rgba(224,255,102,.2);
	border-color:rgba(224,255,102,.2) !important;
	box-shadow:none !important}body[data-layout-mode=dark] 

.blog-4{
	background-color:#0E0F0F !important}body[data-layout-mode=dark] 
.blog-4 .tab-content{
	background-color:#15191E !important}body[data-layout-mode=dark] 
.blog-4 .tab-content .badge{
	color:#242729 !important}body[data-layout-mode=dark] 
.cta{
	background-color:#242c34 !important}body[data-layout-mode=dark] 


.cta  h21 {
	font-family: 'Exo', sans-serif;
	font-size: 36px;
} 
.cta  h22 {
	font-family: 'Rationale', sans-serif;
	font-size: 24px;
} 
.inner-blog{
	background-color:#0E0E0C !important}

body[data-layout-mode=dark] 
.inner-blog .blog-item{
	background-color:#242c34 !important}
.inner-blog .blog-item2{
	background-color:#0C0C0D !important}

.inner-blog .blog-item-2{
	background-color: transparent !important;
	border: #5C5C5C;
	border-width: 1px;
	border-style: solid;
	padding:20px;
	border-radius:20px}


.inner-blog .blog-item-2 .blog-image{border-radius:20px;overflow:hidden}

 


body[data-layout-mode=dark] 
.inner-blog .blog-item span{
	color:#6b6e6f !important}

body[data-layout-mode=dark] 
.inner-blog .blog-item h6{
	color:#fff}

body[data-layout-mode=dark] 
.inner-blog .items{
	background-color:#242c34 !important}

body[data-layout-mode=dark] .inner-blog .items ::placeholder{
	color:rgba(255,255,255,.4)}

body[data-layout-mode=dark] 
.swiper-button-next,body[data-layout-mode=dark] 
.swiper-button-prev{
	border:2px solid rgba(255,255,255,.5) !important;
	color:rgba(255,255,255,.5) !important}

.testimonial .testi-slider .testi-box{
	border:1px solid rgba(107,110,111,.2);
	border-radius:20px}
.testimonial .testi-slider .testi-box .tab-image{position:relative}
.testimonial .testi-slider .testi-box .tab-image .avatar-xl{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-40px, 20px)}

.testimonial .tns-controls{
	position:absolute;
	top:20px;
	right:0}

.testimonial .tns-controls button{
	margin:20px;
	background-color:transparent;
	height:40px;
	width:40px;
	border-radius:50px;
	border:2px solid rgba(107,110,111,.5);
	color:rgba(107,110,111,.5)}

.testimonial #testi-slider-iw{margin:0px -17px 0px 5px}body[data-layout-mode=dark] 
.testimonial{background-color:#303841 !important}body[data-layout-mode=dark] 
.testimonial .testi-box{border:1px solid rgba(107,110,111,.5);border-radius:20px}

body[data-layout-mode=dark] 
.tns-controls button{
	border:2px solid rgba(255,255,255,.5) !important;
	color:rgba(255,255,255,.5) !important}

.team .team-slider .item .card{
	background-color:#fff;
	padding:15px 15px;
	border-radius:60px;
	border:0}

.team .team-slider .item .card .profile-icon{clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);height:20px;width:20px;line-height:20px;position:absolute;transform:translateX(-100%) !important;bottom:0;left:100%;text-align:center;background:radial-gradient(100.04% 100.76% at 50.49% -0.76%, #6d3592 0%, #3a75eb 100%)}
.team .tns-controls{position:absolute;top:-45%;left:50%}

.team .tns-controls button{
	margin:15px;
	border-radius:50px;
	width:40px;height:40px;
	background-color:transparent;
	border:2px solid #6b6e6f;
	color:#6b6e6f}

@media(max-width: 992px){.team .tns-controls{
		position:absolute;
		top:-70%;
		left:80%}
	
	.team .tns-controls button{
		margin:15px;
		border-radius:50px;
		width:40px;
		height:40px;
		background-color:transparent;
		border:2px solid #6b6e6f;
		color:#6b6e6f}}

body[data-layout-mode=dark] 
.team{background-color:#283039 !important}

body[data-layout-mode=dark] 
.team .card h6{color:#242729}

body[data-layout-mode=dark] 
.team .card p{color:#1d9b7b !important}
.explore .nav-tabs{border-bottom:none}

.explore .nav-tabs .nav-link{
	background:0 0;
	border:none;
	border-radius:10px;
	height:80px;
	border:2px solid rgba(107,110,111,.2);
	font-weight:600;
	color:#6b6e6f;margin:0 10px}

.explore .nav-tabs .nav-link:hover{
	border-color:#0ea6e6;
	isolation:isolate}

.explore .nav-tabs .nav-link:hover .icon{
	color:#0ea6e6 !important}

.explore .nav-tabs .nav-link.active .icon:after{transform:rotate(135deg) !important;display:block;content:"";width:20px;height:20px;border:2px solid #0ea6e6;position:absolute;border-left:0;border-bottom:0;bottom:-12px;left:45%;margin-top:-10px;background:#f8f9fc}

.explore .nav-tabs .nav-item.show .nav-link,.explore .nav-tabs .nav-link.active{color:#6b6e6f;background-color:transparent;border:none;height:80px;text-align:center;position:relative;top:0px;left:0px;border:2px solid #0ea6e6;color:#0ea6e6 !important}

@media(max-width: 992px){.explore .nav-tabs .nav-link{margin:0 0 20px 0 !important}
	
.explore .nav-tabs .nav-link.active .icon:after{left:48% !important}}

.explore .tab-content .tab-content{background-color:#fff;border-radius:10px}
.explore .tab-content .tab-content .card-image img{border-radius:10px}

.explore .tab-content .tab-content .body-content p{font-weight:500;font-size:14px}

body[data-layout-mode=dark] .explore{background-color:#283039 !important}

body[data-layout-mode=dark] .explore .nav-tabs .nav-link.active .icon:after{content:"";background:#283039;left:45%}

body[data-layout-mode=dark] .explore .tab-content .tab-content{background-color:#303841 !important}

.cta{background:radial-gradient(100.04% 100.76% at 50.49% -0.76%, #0ea6e6 20%, #050911 80%)}

.cta-bg-darkblue-black{background:radial-gradient(100.04% 100.76% at 50.49% -0.76%, #122242 20%, #050911 80%)}
.cta-bg-blue-black-mv {
    background: linear-gradient(143deg, #000000, #011f41, #07235c, #111616);
    background-size: 800% 800%;

    -webkit-animation: AnimationName 25s ease infinite;
    -moz-animation: AnimationName 25s ease infinite;
    animation: AnimationName 25s ease infinite;
}
.cta-bg-darkblue-black-mv {
    background: linear-gradient(143deg, #040609, #011f41, #000000);
    background-size: 400% 400%;

    -webkit-animation: AnimationName 25s ease infinite;
    -moz-animation: AnimationName 25s ease infinite;
    animation: AnimationName 25s ease infinite;
}

.cta-bg-dark-black-2-mv {
    background: linear-gradient(140deg, #000000, #09090a, #000000);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 28s ease infinite;
    -moz-animation: AnimationName 25s ease infinite;
    animation: AnimationName 20s ease infinite;
}


@-webkit-keyframes AnimationName {
    0%{background-position:32% 0%}
    50%{background-position:69% 100%}
    100%{background-position:32% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:32% 0%}
    50%{background-position:69% 100%}
    100%{background-position:32% 0%}
}
@keyframes AnimationName {
    0%{background-position:32% 0%}
    50%{background-position:69% 100%}
    100%{background-position:32% 0%}
}
	
.cta-bg-black1-mv {
    background: linear-gradient(180deg, #000000, #2e3134, #090909, #111416);
    background-size: 800% 800%;

    -webkit-animation: AnimationName 23s ease infinite;
    -moz-animation: AnimationName 23s ease infinite;
    animation: AnimationName 23s ease infinite;
}

	
.cta-bg-coinfiled{background:radial-gradient(100.04% 100.76% at 50.49% -0.76%, #0ea6e6 20%, #050911 80%)}

.cta-bg-lowrider{background:linear-gradient(#050911 , #7915e0 )}
.cta-bg-lowrider-mv {
    background: linear-gradient(217deg, #0f71e3, #7b0fe3, #0fe3db);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
}


.cta-bg-bitcoin{background:radial-gradient(100.04% 100.76% at 50.49% -0.76%, #0ea6e6 20%, #050911 80%)}


.cta-bg-coinfiedl-mv{
background: linear-gradient(180deg, #000000, #0868d7, #090909, #121414, #05d5d5);
    background-size: 1000% 1000%;

    -webkit-animation: AnimationName 24s ease infinite;
    -moz-animation: AnimationName 24s ease infinite;
    animation: AnimationName 24s ease infinite;
}

.bg-team1-mv{
background: linear-gradient(180deg, #000000, #0868d7, #090909, #121414);
    background-size: 1000% 1000%;

    -webkit-animation: AnimationName 24s ease infinite;
    -moz-animation: AnimationName 24s ease infinite;
    animation: AnimationName 24s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 44%}
    50%{background-position:100% 57%}
    100%{background-position:0% 44%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 44%}
    50%{background-position:100% 57%}
    100%{background-position:0% 44%}
}
@keyframes AnimationName {
    0%{background-position:0% 44%}
    50%{background-position:100% 57%}
    100%{background-position:0% 44%}
}


.bg-black2-mv {
    background: linear-gradient(151deg, #000000, #313438, #090909, #101112);
    background-size: 800% 800%;

    -webkit-animation: AnimationName 24s ease infinite;
    -moz-animation: AnimationName 24s ease infinite;
    animation: AnimationName 24s ease infinite;
}


.bg-black3-mv {
    background: linear-gradient(151deg, #000000, #171b20, #000000, #101112);
    background-size: 800% 800%;

    -webkit-animation: AnimationName 21s ease infinite;
    -moz-animation: AnimationName 21s ease infinite;
    animation: AnimationName 20s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:96% 0%}
    50%{background-position:5% 100%}
    100%{background-position:96% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:96% 0%}
    50%{background-position:5% 100%}
    100%{background-position:96% 0%}
}
@keyframes AnimationName {
    0%{background-position:96% 0%}
    50%{background-position:5% 100%}
    100%{background-position:96% 0%}
}


@-webkit-keyframes AnimationName {
    0%{background-position:96% 0%}
    50%{background-position:5% 100%}
    100%{background-position:96% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:96% 0%}
    50%{background-position:5% 100%}
    100%{background-position:96% 0%}
}
@keyframes AnimationName {
    0%{background-position:96% 0%}
    50%{background-position:5% 100%}
    100%{background-position:96% 0%}
}



body[data-layout-mode=dark] 
.cta{background:radial-gradient(100.04% 100.76% at 50.49% -0.76%, #0ea6e6 0%, #050911 100%)}

body[data-layout-mode=dark] 
.cta-3{background:#242c34 !important}

.pop-box{background-color:#fff;padding:20px;border-radius:10px}
.pop-box p{color:rgba(107,110,111,.8)}
.pop-box .pop-heading .avatar img{border-radius:50px}

.pop-box .pop-heading .blog-like-button 
button{
	padding:8px 18px;
	border-radius:5px;
	color:#242729 !important;
	background-color:rgba(107,110,111,.2);
	border:none !important}

.pop-box .pop-heading .blog-like-button 
button:hover,.pop-box .pop-heading .blog-like-button 
button:focus,.pop-box .pop-heading .blog-like-button 
button:active{
	background-color:rgba(224,255,102,.7);
	border-color:rgba(224,255,102,.7) !important;
	box-shadow:none !important}

.pop-box .pop-image img{border-radius:10px}

.cta-2 .cta-box{background-color:#000;border-radius:20px}

.cta-2 .cta-box .cta-content{padding:30px 60px}

.cta-2 .cta-box .cta-content h1 span{background:linear-gradient(to right, #f2273a 0%, #ff9000 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}

.cta-2 .cta-box .cta-image{position:relative;margin-top:-40%}

@media(max-width: 992px){.cta .cta-image{margin-top:0 !important}
	.cta-2 .cta-box .cta-image{margin-top:0}}

body[data-layout-mode=dark] 
.popular-art{background-color:#303841 !important}

body[data-layout-mode=dark] 
.popular-art .pop-box{background-color:#242c34}

body[data-layout-mode=dark] 
.popular-art .pop-box .blog-heading h2{color:#fff !important}

body[data-layout-mode=dark] 
.popular-art .pop-box .border-white{border-color:#303841 !important}

body[data-layout-mode=dark] 
.popular-art .pop-box .blog-like-button button{
	padding:8px 18px;
	border-radius:5px;
	color:#242729 !important;
	background-color:#e0ff66;
	border:none !important}

body[data-layout-mode=dark] 
.popular-art .pop-box .blog-like-button button:hover,body[data-layout-mode=dark] 

.popular-art .pop-box .blog-like-button button:focus,body[data-layout-mode=dark] 

.popular-art .pop-box .blog-like-button button:active{background-color:rgba(224,255,102,.7);
	border-color:rgba(224,255,102,.7) !important;
	box-shadow:none !important}

body[data-layout-mode=dark] 
.cta{
	background-color:#242c34;
	color:#fff !important}
.cta p2{color: #F1F1F1}

body[data-layou2t-mode=dark]
.cta .cta-box{background-color:#303841}

.blog-slider .client-slider .item{
	padding-bottom:20px}

.blog-slider .client-slider .item .card{
	background-color:#fff;
	padding:20px;
	border-radius:15px;
	border:1px solid rgba(107,110,111,.2);
	transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}

.blog-slider .client-slider .item .card .blog-slider-image{overflow:hidden;border-radius:15px}
.blog-slider .client-slider .item .card .blog-slider-image img{transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}
.blog-slider .client-slider .item .card:hover .blog-slider-image img{
	transform:scale(1.2);
	transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}

.blog-slider .client-slider .item .card .slider-content-image .avatar-xs img{
	border-radius:50px;
	border:4px solid #fff}

.blog-slider .client-slider .item .card .slider-content-image .top-child{
	position:relative;
	margin-left:-15px}.blog-slider .client-slider .item .card:hover{
	transform:translateY(-10px);
	box-shadow:0 5px 13px rgba(60,72,88,.2)}

.blog-slider .tns-controls{
	position:absolute;
	top:-80px;
	right:0}

.blog-slider .tns-controls button{
	margin:0 20px;
	background-color:transparent;
	border-radius:50px;height:40px;
	width:40px;
	border:2px solid rgba(107,110,111,.5);
	color:rgba(107,110,111,.8)}

body[data-layout-mode=dark] 
.blog-slider .card{
		background-color:#303841 !important}

body[data-layout-mode=dark] 
.blog-slider .card .avatar-xs img{border:4px solid #303841 !important}

body[data-layout-mode=dark] 
.blog-slider .blog-box{
	background-color:#060606 !important;
	border: thin;
	border-color: #151515;
	border-style: solid;   
}

.blog-slider .blog-box-2{
	background-color:#242c34 !important}

body[data-layout-mode=dark] 
.blog-slider .blog-box .plus-icon i{
	color:#fff !important}body[data-layout-mode=dark] 
.blog-slider .blog-box h6 span{
	color:#fff !important}body[data-layout-mode=dark] 
.slider4{
	background-color:#242c34 !important}
.top-seller .seller-box{
	background-color:#fff;
	box-shadow:0 5px 13px rgba(60,72,88,.2);
	padding:30px;
	border-radius:10px}
.top-seller .seller-box .avatar-md{box-shadow:0 0rem 10px rgba(5,3,0,.6) !important}

.top-seller .seller-box .number{
	position:absolute;
	height:22px;
	width:22px;
	outline:3px solid #fff;
	top:50%;
	transform:translatey(-50%);
	background-color:#6b6e6f}

.top-seller .seller-box .number h6{line-height:22px;color:#fff !important}

body[data-layout-mode=dark] .top-seller{background-color:#303841 !important}body[data-layout-mode=dark] 

.top-seller .seller-box{background-color:#242c34 !important}body[data-layout-mode=dark] 

.top-seller .seller-box .number{outline:3px solid #303841}
.item-detail .back-home-image .image-fill{
	border-radius:20px;width:100%;height:100%;object-fit:cover}

.item-detail .backhome-content .form-select{
	background-color:rgba(107,110,111,.2) !important;
	color:#242729;
	border-radius:30px;
	display:inline;
	width:50%;
	border:none;
	box-shadow: 0px 3px 10px 0px rgba(24,59,86,.08)}

.item-detail .backhome-content .tab-box{
	box-shadow:0px 3px 10px 0px rgba(24,59,86,.08);padding:20px;border-radius:20px;background-color:#fff}
.item-detail .backhome-content .tab-box .nav-item{margin:0 5px;
	box-shadow:0px 3px 10px 0px rgba(24,59,86,.08);border-radius:30px}
.item-detail .backhome-content .tab-box .nav-item .nav-link{
	border-radius:30px;
	color:#242729}

.item-detail .backhome-content .tab-box .nav-item .nav-link:active,.item-detail .backhome-content .tab-box .nav-item .nav-link.active,.item-detail .backhome-content .tab-box .nav-item .nav-link:focus{
	background-color:#242729 !important;
	border-radius:30px !important;
	color:#fff}

.item-detail .backhome-content .tab-box .tab-content .tab-pane .nav-in-box{
	border-radius:20px !important;
	width:80%}


.item-detail .backhome-content  h21 {
	font-family: 'Exo', sans-serif;
	font-size: 36px;
} 
.item-detail .backhome-content  h22 {
	font-family: 'Rationale', sans-serif;
	font-size: 24px;
} 

.home-heading h21
{
	font-family: 'Exo', sans-serif;
	font-size: 50px;
} 


.home-content .home-heading  h21 {
	font-family: 'Exo', sans-serif;
	font-size: 50px;
} 

 

.home-content .home-heading  h22 {
	font-family: 'Rationale', sans-serif;
	font-size: 24px;
	color: #006CFF;
} 

.item-detail .backhome-content .countdown ul li{
	display:inline-block;
	font-size:1.5em;
	list-style-type:none;
	padding:0;
	text-transform:uppercase}

.item-detail .backhome-content .countdown ul li span{
	display:block;
	font-size:18px;
	color:#6b6e6f;
	font-weight:500}

@media(max-width: 992px){.tab-content .tab-pane .nav-in-box{border-radius:20px !important;width:100% !important}}body[data-layout-mode=dark] 

.item-detail{background-color:#303841 !important}

body[data-layout-mode=dark] .item-detail .backhome-content .badge{color:#242729 !important}

body[data-layout-mode=dark] 
.item-detail .backhome-content .side-icon{color:#242729 !important}


body[data-layout-mode=dark] .item-detail .backhome-content .form-select{color:#fff !important}

body[data-layout-mode=dark] .item-detail .backhome-content .tab-box p{color:#6b6e6f !important}
.home .info-box{padding:20px;border-radius:20px;background-color:#fff}

.home .info-box .form-control{border-radius:15px !important;padding:18px}.home .info-box .form-control:focus{border:1px solid #0ea6e6 !important;box-shadow:none !important}

.activity .activity-box{background-color:#fff;padding:20px;border-radius:20px;box-shadow:0px 3px 10px 0px rgba(24,59,86,.08)}.ranking .nav .nav-item{margin:0 8px !important}

.ranking .nav .nav-item .nav-link{color:#242729}

.ranking .nav-pills .nav-link.active,.ranking .nav-pills .show>.nav-link{
	color:#0ea6e6;
	background-color:transparent !important}

.ranking .tab-content{background-color:#fff;padding:20px;border-radius:20px}

.ranking .tab-content .tab-pane .table .rank-profile{box-shadow:0px 3px 10px 0px rgba(24,59,86,.08)}
.ranking .tab-content .tab-pane .table .rank-profile .number{height:25px;width:25px;font-size:15px;line-height:8px;align-items:center;color:#fff}.ranking .tab-content .tab-pane .table .rank-profile td{vertical-align:middle;font-weight:500}.ranking .tab-content .tab-pane .table .table-title th{padding:30px 0}@media(min-width: 1200px){table{overflow:hidden}}body[data-layout-mode=dark] .ranking{background-color:#303841 !important}

body[data-layout-mode=dark] .ranking .tab-content{background-color:#242c34}

body[data-layout-mode=dark] .ranking .tab-content tr th{color:#fff !important}body[data-layout-mode=dark] 

.ranking .tab-content .rank-profile h6{color:#fff !important}body[data-layout-mode=dark] 

.ranking .tab-content .rank-profile td{color:#6b6e6f !important}body[data-layout-mode=dark] 

.ranking .tab-content .rank-profile .text-success{color:#1d9b7b !important}body[data-layout-mode=dark] 

.ranking .tab-content .rank-profile .text-danger{color:#da3746 !important}

body[data-layout-mode=dark] .ranking .nav-pills .nav-link{color:#fff !important}body[data-layout-mode=dark] .ranking .nav-pills .nav-link.active{color:#0ea6e6 !important}
.faq{position:relative}.faq .faq-collaps .card{border:1px solid #f8f9fc;border-radius:20px !important;background-color:#fff;overflow:hidden}.faq .accordion-item .accordion-header .accordion-button{background-color:rgba(0,176,116,.1)}
.faq .faq-collaps-2 .card{border-color:rgba(107,110,111,.1);border-radius:6px}.faq .card-header{background-color:transparent;border-bottom:none;border-bottom:1px solid rgba(255,255,255,.5)}
.faq a.faq[data-bs-toggle=collapse].collapsed:before{content:"+";line-height:22px}
.faq a.faq[data-bs-toggle=collapse].collapsed .card-header{border-bottom:0 !important}

.faq a.faq[data-bs-toggle=collapse]:before{content:"–";width:22px;height:22px;border-radius:50%;text-align:center;background:rgba(24,59,86,.4);line-height:18px;display:block;float:right;font-family:"Material Design Icons";font-size:20px;color:#fff;position:absolute;right:20px;top:50%;transform:translateY(-50%);font-weight:600}
.faq .custom-form-faq{position:relative}

.faq .custom-form-faq .form-control{height:44px;font-size:14px;padding-left:25px;border-color:#e2e4e8;color:#6b6e6f}
.faq .custom-form-faq .form-control:focus{border-color:#e2e4e8;outline:0;box-shadow:none}

.faq .custom-form-faq .faq-icon{position:absolute;font-size:18px;right:10px;color:#6b6e6f;margin-top:40px}

.faq .card-body{opacity:100}
body[data-layout-mode=dark] 

.faq,body[data-layout-mode=dark] 

.Privacy{background-color:#0B0B0B !important}body[data-layout-mode=dark] .faq .card-header,body[data-layout-mode=dark] 

.Privacy .card-header{border-bottom:none !important}body[data-layout-mode=dark] .faq .card-header h5,body[data-layout-mode=dark] .Privacy .card-header h5{color:#fff !important}body[data-layout-mode=dark] .faq .collapse,body[data-layout-mode=dark] .Privacy .collapse{background-color:#283039}body[data-layout-mode=dark] .faq .privacy-box,body[data-layout-mode=dark] .Privacy .privacy-box{background-color:#283039}

.profile .menu,.profile .like{
	height:36px;
	width:36px;
	line-height:36px;
	text-align:center;
	border-radius:50%;
	border:1px solid rgba(107,110,111,.2);
	background-color:#fff}

.profile .details-box{background-color:#fff;border-radius:20px;padding:20px}

.profile .details-box .facebook .avatar-xs,.profile .details-box .message .avatar-xs,.profile .details-box .whatsapp .avatar-xs{text-align:center;line-height:2rem;border-radius:50px}

.profile .nav-item{margin:0 10px}

.profile .nav-item button{border-radius:20px;background-color:#fff;color:#242729;box-shadow:0 5px 13px rgba(60,72,88,.2)}

.profile .nav-item button.active,.profile .nav-item button.show{background-color:#242729}

.profile .tab-box{background-color:#fff;border-radius:10px;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}

.profile .tab-box .card-image{border-radius:10px;overflow:hidden}

.profile .tab-box .card-image img{border-radius:10px;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}

.profile .tab-box .body-content p{font-weight:500;font-size:14px}.profile .tab-box:hover .card-image{overflow:hidden}.profile .tab-box:hover .card-image img{transform:scale(1.2);transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}.profile .tab-box:hover{transform:scale(1.02);box-shadow:0 5px 13px rgba(60,72,88,.2)}

.profile .tab-box .slider-content-image .avatar-xs img{border-radius:50px;border:4px solid #fff}

.profile .tab-box .slider-content-image .top-child{position:relative;margin-left:-15px}
.profile .tab-box:hover{transform:translateY(-10px);box-shadow:0 5px 13px rgba(60,72,88,.2)}
.profile .blog .collection-items .blog-box .collection-image{padding:20px;background-color:#fff;border-radius:20px}
.profile .blog .collection-items .blog-box .collection-image .blog-image{border-radius:20px;overflow:hidden}
.profile .blog .collection-items .blog-box .collection-image .blog-image .top-image img{width:31%;height:100%}
.profile .blog .collection-items .blog-box .collection-content{padding:0 20px}
.profile .blog .collection-items .blog-box .collection-content .collection-title a{color:#242729;transition:all .5s}.profile .blog .collection-items .blog-box .collection-content .collection-title a:hover{color:#0ea6e6}
.profile .blog .collection-items .blog-box .collection-content .collection-like-icon p{color:rgba(107,110,111,.7)}
.profile .blog .collection-items .blog-box .collection-content .collection-like-icon p a{color:rgba(107,110,111,.7);position:absolute;right:80px;transition:all .5s}
.profile .blog .collection-items:hover .collection-like-icon a,.profile .blog .collection-items:focus .collection-like-icon a{font-size:18px;color:#da3746 !important}

body[data-layout-mode=dark] .profile{background-color:#303841 !important}

body[data-layout-mode=dark] .profile .collection-image{background-color:#242c34 !important}body[data-layout-mode=dark] 
.profile .blog{background-color:#303841 !important}body[data-layout-mode=dark] 
.profile .blog .collection-title a{color:#fff !important}body[data-layout-mode=dark] 
.profile .blog .collection-title a:hover{color:#0ea6e6 !important}body[data-layout-mode=dark] 

.profile .details-box{background-color:#242c34 !important}body[data-layout-mode=dark] 
.profile .tab-box{background-color:#242c34 !important}body[data-layout-mode=dark] 
.profile .tab-box .badge{color:#242729 !important}
.wallet .wallet-box{background-color:#fff;border:1px solid rgba(107,110,111,.1);padding:20px;border-radius:20px;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}.wallet .wallet-box:hover{transform:translateY(-5%);transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgba(31,134,239,.2)}
 
.Privacy .breadcrumb{
	box-shadow:0px 3px 10px 0px rgba(24,59,86,.08);
	width:fit-content;
	background-color:#fff;
	padding:16px 20px;
	border-radius:60px}
.Privacy .privacy-box{background-color:#fff;padding:30px;border-radius:20px}

body[data-layout-mode=dark] .wallet{ 
	background: linear-gradient(220deg, #030609, #060606, #9f9fa0) ;
    background-size: 400% 400%;
	-webkit-animation: AnimationName 28s ease infinite;
    -moz-animation: AnimationName 21s ease infinite;
    animation: AnimationName 16s ease infinite;
}


body[data-layout-mode=dark] .wallet .wallet-box{background-color:#131313}

.creator .creator-box{background-color:#fff;padding:20px;border-radius:20px;box-shadow:0px 3px 10px 0px rgba(24,59,86,.08)}

.creator .creator-box .number{color:rgba(107,110,111,.5)}
.creator .creator-box .creator-image img{border:4px solid #fff;outline:4px solid #1f86ef}.creator .discover-creator{padding-top:100px}
.creator .discover-creator .testi-box{border:1px solid rgba(107,110,111,.1);border-radius:20px;overflow:hidden;background-color:#fff}.creator .discover-creator .testi-box .tab-image{position:relative}

.creator .discover-creator .testi-box .tab-image .avatar-xl{position:absolute;left:50%;top:50%;transform:translate(-40px, 10px)}
.creator .discover-creator .testi-box .inner-box{border-radius:20px}

.creator .discover-creator .testi-box .inner-box .content-box{background-color:#f8f9fc}

body[data-layout-mode=dark] .creator{background-color:#303841 !important}body[data-layout-mode=dark] .creator .info-box{background-color:#242c34 !important}

body[data-layout-mode=dark] .creator .creator-box{background-color:#242c34 !important}body[data-layout-mode=dark] .creator .creator-box h6{color:#fff !important}body[data-layout-mode=dark] .creator .testi-box{background-color:#242c34 !important}

body[data-layout-mode=dark] .creator .testi-box .content-box{background-color:#303841 !important}

body[data-layout-mode=dark] .creator .testi-box .content-box h6{color:#fff !important}
.activity .nav button{
	border-radius:30px;
	background-color:#fff;
	margin:8px 0;
	box-shadow:0px 3px 10px 0px rgba(24,59,86,.08);
	color:#242729}

.activity .nav button.active,.activity .nav button.show{
	background-color:#242729}

body[data-layout-mode=dark] .activity{
	background-color:#303841 !important}

body[data-layout-mode=dark] .activity .nav button.active{
	background-color:#242c34 !important}

body[data-layout-mode=dark] .activity .activity-box{
	background-color:#242c34}

body[data-layout-mode=dark] .activity .activity-box h6{
	color:#fff !important}

.forum .forum-item .forum-box{
	background-color:#fff;
	padding:30px;
	border-radius:20px;
	border:2px solid rgba(31,134,239,.2)}

.forum .forum-item .forum-box .slider-content-image .avatar-xs img{
	border-radius:50px;
	border:4px solid #fff}
.forum .forum-item .forum-box .slider-content-image .top-child{position:relative;margin-left:-15px}

.forum .forum-item .forum-form{
	background-color:#fff;
	padding:10px;
	border-radius:20px;
	border:1px solid rgba(31,134,239,.2);
	box-shadow:0px 3px 10px 0px rgba(24,59,86,.08)}

.forum .forum-item .answer-process-details{
	padding:15px;
	background-color:#fff;
	border-radius:20px}

.forum .forum-item .answer-process-details .process-box{position:relative}

.forum .forum-item .answer-process-details .process-box .process-image{z-index:999}

.forum .forum-item .answer-process-details .process-box .process-content{padding-left:75px}

.forum .forum-item .answer-process-details .process-box::after{content:"";
	position:absolute;
	width:1px;
	height:100%;
	background-color:rgba(107,110,111,.2);
	top:0;
	left:30px}

.forum .forum-profile img{
		border:4px solid #fff;
		outline:3px solid #1f86ef}.forum .forum-side-box .items .categorie-box{
		background-color:#fff;
		padding:20px;
		border-radius:20px}
.forum .forum-side-box .items .categorie-box .badge{background-color:rgba(107,110,111,.05)}

.forum .forum-side-box .items .Popular-tag .badge{margin-bottom:10px;margin-left:5px}

.forum .forum-side-box .items .live-auctions{padding:20px}

.forum form .form-control{
	border-radius:14px;
	padding:15px 20px;
	background-color:rgba(107,110,111,.1);
	border:1px solid rgba(107,110,111,.2)}

.forum 
form .form-control:focus,.forum 
form .form-control.active{
	box-shadow:none;
	border:1px solid rgba(31,134,239,.2);
	background-color:#fff}

.forum ::placeholder{
	color:rgba(24,59,86,.6);
	font-weight:500}

body[data-layout-mode=dark] 
.forum{background-color:#303841 !important}

body[data-layout-mode=dark] 
.forum .forum-box,body[data-layout-mode=dark] 
.forum .forum-form,body[data-layout-mode=dark] 

.forum .answer-process-details,body[data-layout-mode=dark] 

.forum .categorie-box{background-color:#242c34 !important}

body[data-layout-mode=dark] 
.forum .tab-box{background-color:#303841 !important;border-color:#303841 !important}

body[data-layout-mode=dark] .forum .tab-box .badge,body[data-layout-mode=dark] 
.forum .tab-box span{color:#242729 !important}body[data-layout-mode=dark] 
.forum .slider-content-image .avatar-xs img{border:4px solid #242c34 !important}

body[data-layout-mode=dark] 
.forum ::placeholder{color:rgba(255,255,255,.5) !important}

body[data-layout-mode=dark] h6{color:#fff !important}

body[data-layout-mode=dark] 
.forum-details .badge{color:#1f86ef !important}

body[data-layout-mode=dark] .mdi-thumb-down-outline{color:#6b6e6f !important}

.newsletter .newsletter-item{
	background-color:#fff;
	padding:30px;
	border-radius:20px;
	border:1px solid rgba(107,110,111,.1)}

.newsletter .newsletter-item .newsletter-image{
	background-color:rgba(238,87,76,.1);
	border-radius:20px;overflow:hidden}

body[data-layout-mode=dark] 
.newsletter{
		background-color:#303841 !important}

body[data-layout-mode=dark] 
.newsletter .newsletter-item{
			background-color:#242c34}

body[data-layout-mode=dark] 
.newsletter .newsletter-item ::placeholder{color:rgba(255,255,255,.3) !important}

.chat{
	position:relative}

.chat .chat-notification{
	background-color:rgba(238,87,76,.3);
	padding:20px;
	border-radius:10px}.chat .chat-notification .chat-not-item{
		background-color:#fff;
		border-radius:20px;
		padding:20px}

.chat .chat-box{
	background-color:#fff;
	padding:20px;
	border-radius:20px;
	border:1px solid rgba(107,110,111,.1)}

.chat .chat-box .question-box{
	background-color:rgba(238,87,76,.2);
	padding:20px;border-radius:20px;
	display:inline-block}

.chat .chat-box .question-box h6{
	line-height:28px;
	color:rgba(24,59,86,.8);
	font-size:15px}

.chat .chat-box .avatar{display:contents}

.chat .chat-box .chat-profile-left-item .question-box{background-color:rgba(107,110,111,.1)}
.chat .newsletter-box{background-color:#fff;padding:20px;border-radius:20px;border:1px solid rgba(107,110,111,.1)}

body[data-layout-mode=dark] .chat{background-color:#303841 !important}

body[data-layout-mode=dark] 
.chat .chat-not-item,body[data-layout-mode=dark] .chat .chat-box,body[data-layout-mode=dark] 
.chat .newsletter-box{background-color:#242c34 !important}

body[data-layout-mode=dark] .chat .chat-not-item ::placeholder,body[data-layout-mode=dark] .chat .chat-box ::placeholder,body[data-layout-mode=dark] 

.chat .newsletter-box ::placeholder{color:rgba(255,255,255,.5)}

.artical .artical-box{background-color:#fff;padding:25px;border-radius:20px}

.artical .artical-box .artical-image img{border-radius:20px}

.artical .comment-box .Comment-box-item{background-color:rgba(118,109,244,.2);padding:20px;border-radius:20px}

.artical .comment-box .Comment-box-item .comment-item .message-box{
	background-color:#fff;
	padding:20px;
	border-radius:0 20px 20px 20px}

.artical .blog-side-box .items{
	background-color:#fff;
	padding:20px;
	border-radius:20px}

.artical .blog-side-box .items .title-bottom-border{
	position:relative}

.artical .blog-side-box .items .title-bottom-border::after{
	content:"";
	position:absolute;
	height:1px;width:20%;
	background-color:#000;
	top:-1px}

.artical .blog-side-box .items .avatar-sm{line-height:2rem;border-radius:10px}
.artical .blog-side-box .items .tag-box .badge{display:inline-block;margin-bottom:5px;background-color:rgba(118,109,244,.3);color:#242729;padding:8px 12px;font-size:14px;font-weight:500}

body[data-layout-mode=dark] 
.artical{background-color:#303841 !important}


body[data-layout-mode=dark] 
.artical .blog-side-box .items{background-color:#242c34 !important}

body[data-layout-mode=dark] 
.artical .blog-side-box .items ::placeholder{color:rgba(255,255,255,.4)}

body[data-layout-mode=dark] 
.artical .blog-side-box .title-bottom-border{position:relative}

body[data-layout-mode=dark] 
.artical .blog-side-box .title-bottom-border::after{background-color:#6b6e6f !important;width:30%}

body[data-layout-mode=dark] 
.artical .artical-box{background-color:#242c34 !important}

body[data-layout-mode=dark] 
.artical .message-box{background-color:#242c34 !important}
.contact .info-box{background-color:#fff;border-radius:20px;padding:20px}

.contact .info-box .form-control,.contact .info-box .form-select{border-radius:15px !important;padding:18px}

.contact .info-box .form-control:focus,.contact .info-box .form-select:focus{border:1px solid #0ea6e6 !important;box-shadow:none !important}

@media(max-width: 1500px){.contact .request-image img{display:none !important}}

body[data-layout-mode=dark] 

.contact{background-color:#303841 !important}

body[data-layout-mode=dark] 
.contact .info-box{background-color:#242c34 !important}

.login{min-height:100vh;align-items:center;display:flex}

.login .info-box{
	background-color:#fff;
	border-radius:20px;
	padding:20px}

.login .info-box .form-control,.login .info-box .form-select{
	border-radius:15px !important;
	padding:18px}

.login .info-box .form-control:focus,.login .info-box .form-select:focus{border:1px solid #0ea6e6 !important;
		box-shadow:none !important}

body[data-layout-mode=dark] 
.login{background-color:#303841 !important}

body[data-layout-mode=dark] 
.login .info-box{background-color:#303841}

body[data-layout-mode=dark] 
.login .info-box a{color:#fff !important}

.not-found{min-height:100vh;align-items:center;display:flex}

.not-found .dangers-image{animation:rotation 5s infinite ease-in-out;position:absolute;left:30%;top:5%}

.not-found .error-text p{font-size:18rem}

@keyframes rotation{0%{transform:rotate(0deg)}
	
	25%{transform:rotate(20deg)}
	50%{transform:rotate(-20deg)}
	75%{transform:scale(1.3)}
	0%{transform:rotate(0deg)}}

@media(max-width: 1200px){.not-found .dangers-image{width:240px;height:240px}}

@media(max-width: 992px){.not-found .dangers-image{left:32%;top:8%}}

@media(max-width: 768px){.not-found .dangers-image{width:180px;height:180px;left:32%;top:6%}}

body[data-layout-mode=dark] .not-found{background-color:#303841 !important}

.footer .logo .logo-dark{display:inline-block}

.footer .logo .logo-light{display:none}

.footer .footer-link a{color:#6b6e6f;line-height:38px;font-size:15px;transition:all .5s;font-weight:320}

.footer .footer-link a:hover{color:#0ea6e6}
.footer .social-icons-list li{margin-bottom:.5rem}

.footer .social-icons-list li a{display:inline-block;width:34px;height:34px;line-height:34px;text-align:center;font-size:15px;color:#2B2B2B;transition:all .4s;background-color:#eaedf6;border-radius:50%}

.footer .social-icons-list li a:hover{background-color:#0ea6e6;color:#fff}.footer .top-footer{padding:80px 0}

body[data-layout-mode=dark] 
.footer{background-color:#09090A !important}




.footer .social a{
	color:#6b6e6f;
	font-size: 24px}

.footer .social a:hover{
	color:#0ea6e6;}

.footer{
	background-color:#09090A !important;
	color: #FFFFFF;
	}

body[data-layout-mode=dark] 
.footer p{
	color: #5C5C5C !important;
	font-weight: 420; }

body[data-layout-mode=dark] 
.footer .footer-info a,body[data-layout-mode=dark] 

.footer .footer-link a{color: #ECECEC !important}

body[data-layout-mode=dark] 
.footer .logo .logo-dark{display:none}

body[data-layout-mode=dark] 
.footer .logo .logo-light{display:inline-block}/*# sourceMappingURL=style.min.css.map */


 body[data-layout-mode=dark] 
.flip-card {
  background-color: transparent;
  width: 500px;
  height: 650px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: transparent;
  color: white;
	 
}

/* Style the back side */
.flip-card-back {
  background-color: transparent;
  color: white;
  border: 1px solid #0ea6e6;
  border-radius: 20px; 
  box-shadow: 0 0 10px #00fffd;
  transform: rotateY(180deg);
}