@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');
/* ******************************
:: 2.0 IMPORT ALL CSS.navbar-sticky-transitioned
****************************** */
@import url(bootstrap.min.css);
@import url(all.min.css);
@import url(../font/flaticon.css);
@import url(animate.min.css);
@import url(aos.css);
@import url(owl.carousel.min.css);
@import url(slick.css);
@import url(jquery.fancybox.min.css);
@font-face {
font-family:HelveticaNowDisplay-bold;
src: url(../font/HelveticaNowDisplay-Bold.otf);
}
@font-face {
font-family:inkfree;
src: url(../font/ink-free-normal.ttf);
}
* {
margin: 0;
padding: 0;
}
body {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: #565656;
}
.main {
background: #fff;
}
section,
.section {
position: relative;
}
.container {
width: 100%;
margin: 0 auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
color: #222;
margin-bottom: 0;
}
h1 {
font-size: 4em;
font-weight: 600;
line-height: 1.2;
}
h2 {
font-size: 40px;
line-height: 1.3;
}
h3 {
font-size: 20px;
line-height: 1.2;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
font-weight: 400;
}
p {
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #565656;
margin-bottom: 0;
}
a {
color: #444;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
a:hover,
a:focus {
color: #7c4fe0;
}
a,
a:hover,
a:focus,
.btn:focus {
text-decoration: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.text-body > a {
text-decoration: underline;
color: #212529;
}
ol,
ul {
margin: 0;
padding: 0;
}
ol li,
ul li {
list-style: none;
}
img {
height: auto;
max-width: 100%;
}
/* ******************************
:: 4.0 COMMON CSS
****************************** */
.fw-3 {
font-weight: 300;
}
.fw-4 {
font-weight: 400;
}
.fw-5 {
font-weight: 500;
}
.fw-6 {
font-weight: 600;
}
.fw-7 {
font-weight: 700;
}
.op-5 {
opacity: 0.5;
}
.avatar-sm {
height: 3rem;
width: 3rem;
}
.avatar-md {
height: 4rem;
width: 4rem;
}
.avatar-lg {
height: 5rem;
width: 5rem;
}
.text-underlined,
.text-underlined:hover,
.text-underlined:focus {
text-decoration: underline;
}
.text-primary {
color: #7c4fe0 !important;
}
.text-secondary {
color: #666 !important;
}
.featured-icon > span::before {
font-size: 4.25rem;
line-height: 1;
color: #777;
margin: 0;
}
.radius-100 {
border-radius: 100px !important;
}
.h-100vh {
height: 100vh;
}
.owl-carousel .owl-item img {
width: auto;
}
.owl-prev:focus,
.owl-next:focus {
outline: none;
}
/*SECTION HEADING*/
.section-heading {
margin-bottom: 0px;
}
section#linktr a {
width: 100%;
text-align: center;
font-size: 19px;
color: #fff;
background: #6b1459;
max-width: max-content;
margin: auto;
padding: 12px 31px;
border-radius: 30px;
text-transform: uppercase;
}
#linktr {
    text-align: center;
    padding: 60px 10px;
    background: rgba(0, 0, 0, 0) url(../img/bg/join_bk.png);
    background-size: contain;
}

.client_logo ul {
    text-align: center;
}
.section-heading > span {
color: #222;
}
.section-heading > h2 {
position: relative;
}
.homepage-5 .features-area .section-heading > h2::after,
.contact-page .contact-area .section-heading > h2::after {
left: 0;
transform: inherit;
}
/*SECTION PADDING*/
.pt_0 {
padding-top: 0;
}
.ptb_50 {
padding: 50px 0;
}
.ptb_100 {
padding: 100px 0;
}
.ptb_150 {
padding: 150px 0;
}
.ptb_180 {
padding: 180px 0;
}
/*BUTTONS*/
.btn {
font-size: 15px;
font-weight: 500;
color: #fff;
line-height: 1;
text-align: center;
padding: 18px 30px;
border: 0 none;
border-radius: 6px;
outline: 0 none;
position: relative;
z-index: 1;
}
.btn:hover,
.btn:focus,
.btn:active {
color: #fff;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.btn.sApp-btn {
background: transparent none repeat scroll 0 0;
color: #444;
border-radius: 100px;
letter-spacing: 1px;
}
.btn.sApp-btn:hover,
.btn.sApp-btn:focus {
color: #fff;
}
.btn.sApp-btn:before {
position: absolute;
content: "";
height: calc(100% + 4px);
width: calc(100% + 4px);
top: -2px;
left: -2px;
border-radius: 100px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
z-index: -2;
}
.btn.sApp-btn:hover:after,
.btn.sApp-btn:focus:after {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.btn-success {
background: #28a745 !important;
border-color: #28a745 !important;
}
.button-group {
margin-top: 30px;
}
.button-group a {
margin-right: 10px;
}
.button-group a:last-child {
margin-right: 0;
}
.store-buttons a {
text-align: left;
}
.store-buttons img {
max-width: 190px;
}
p.mail {
font-size: 18px;
left: 0;
color: #fff;
font-weight: 300;
padding: 10px 0;
max-width: 990px;
margin: auto;
}
.everything img {
width: 145px !IMPORTANT;
height: 105px !IMPORTANT;
}
img.tm {
max-width:300px;
margin-top: 28px;
}
.work-content.or {
    width: 100%;
    padding-top: 44px;
    margin-bottom: -38px;
}
.work-content.or h2 {
font-size: 30px;
text-transform: uppercase;
margin-top: 0px
}
span.footer_bk a {
display: block;
font-size: 27px;
margin-top: 12px;
color: #fff;
}
.footer-bottom {
background:#6b1459;
width: 100%;
}
.trade {
width: 100%;
}
.trade h2 {
font-size: 31px;
color: #fff;
padding-top: 29px;
}
.copyright-left {
color: #fff;
font-weight: 400;
font-size: 16px;
width: 100%;
}
.copyright-right {
font-size: 16px;
color: #fff;
}
.copyright-right a {
color: #fff;
}
.store-buttons.store-black img {
max-width: 170px;
margin-bottom: 30px;
height: 50px;
margin-right: 20px;
}
h3.footer-title.mb-2 {
font-size: 30px;
letter-spacing: 0;
color: #fff;
}
/*BG SHAPE*/
.shapes-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.shape {
position: relative;
}
.bg-shape {
position: absolute;
height: 190%;
width: 100%;
display: block;
border-radius: 120px;
background: linear-gradient(-47deg, #8731E8 0%, #4528DC 100%);
bottom: 0;
right: 0;
-webkit-transform: translate(35%,-28%) rotate(-35deg);
transform: translate(35%,-28%) rotate(-35deg);
z-index: 0;
}
@media (max-width: 991px) {
.bg-shape {
height: 130%;
}
}
/*SHAPE DIVIDER*/
.shape-bottom {
position: absolute;
top: auto;
bottom: -1px;
left: 0;
right: 0;
}
.homepage-5 .shape-bottom svg {
overflow: hidden;
width: 100%;
line-height: 0;
direction: ltr;
transform: rotate(180deg);
}
/*BACKGROUND OVERLAY*/
.bg-overlay,
.overlay-dark {
position: relative;
z-index: 0;
}
/*BACKGROUND COLORS*/
.bg-gray {
background-color: #f6f9fe;
}
.bg-inherit {
background: inherit !important;
}
.download-text p {
color: #fff;
font-size: 20px;
line-height: 33px;    margin-bottom: 20px;
}
/*SOCIAL ICONS*/
.social-icons > a {
margin: 5px;
width: 45px;
height: 45px;
font-size: 20px;
color: #fff;
border-radius: 3px;
overflow: hidden;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.app_hand {
position: absolute;
max-width: 260px;
bottom: 0;
}
.social-icons svg {
display: block;
height: 100%;
line-height: 45px;
margin: 0 auto;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.social-icons > a:hover svg:first-child {
margin-top: -45px;
}
.social-icons > a.facebook {
background-color: #3b5999 !important;
}
.social-icons > a.twitter {
background-color: #c82f83!important
}
.social-icons > a.google-plus {
background-color: #dd4b39 !important;
}
.social-icons > a.vine {
background-color: #00b489 !important;
}
/*BACKGROUND IMAGES*/
.welcome-area {
background: rgba(0, 0, 0, 0) url(../img/bg/welcome-bg.jpg);
height: 100vh;
background-size: cover;
}
.homepage-3 .welcome-area {
background: rgba(0, 0, 0, 0) url("../img/blog/blog-5.jpg") no-repeat scroll center center / cover;
}
.homepage-4 .welcome-area {
background: rgba(0, 0, 0, 0) url("../img/blog/blog-7.jpg") no-repeat scroll center center / cover;
}
.homepage-5 .welcome-area {
background: rgba(0, 0, 0, 0) url("../img/blog/blog-4.jpg") no-repeat scroll center center / cover;
}
.homepage-6 .welcome-area {
background: rgba(0, 0, 0, 0) url("../img/blog/blog-9.jpg") no-repeat scroll center center / cover;
}
.accounts .welcome-area {
background: rgba(0, 0, 0, 0) url("../img/bg/accounts.jpg") no-repeat scroll center center / cover;
}
.features-slider-wrapper {
background: rgba(0, 0, 0, 0) url("../img/mobile-slider.png") no-repeat scroll top center / cover;
}
.statistic-area {
background: rgba(0, 0, 0, 0) url("../img/bg/pattern-bg.png") repeat scroll center center / cover;
}
.download-area {
background: rgba(0, 0, 0, 0) url(../img/bg/download-bg.jpg);
background-size: cover;
}
.subscribe-area {
background: rgba(0, 0, 0, 0) url("../img/bg/map.png") no-repeat scroll center center / cover;
}
.breadcrumb-area {
background: rgba(0, 0, 0, 0) url("../img/bg/download-bg.jpg") no-repeat scroll center center / cover;
}
.blog .breadcrumb-area {
background: rgba(0, 0, 0, 0) url("../img/blog/blog-5.jpg") no-repeat scroll center center / cover;
}
.inner-area {
background: rgba(0, 0, 0, 0) url("../img/bg/welcome-bg.jpg") no-repeat scroll center center / cover;
}
.download-page .welcome-area {
background: rgba(0, 0, 0, 0) url("../img/bg/download.jpg") no-repeat scroll center center / cover;
}
.inner .welcome-area {
background: rgba(0, 0, 0, 0) url("../img/bg/inner-bg.jpg") no-repeat scroll center center / cover;
}
.preview .welcome-area {
background: rgba(0, 0, 0, 0) url("../img/preview/preview-mockup.png") no-repeat fixed center center / cover;
}
/* ******************************
:: 5.0 PRELOADER AREA CSS
****************************** */
.preloader-main {
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 99999;
}
.preloader-main .preloader-wapper {
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.preloader-main .loader-section {
position: fixed;
top: 0;
height: 100%;
width: calc(50% + 1px);
background-color: #fff;
}
.preloader-main .loader-section.section-left {
left: 0;
}
.preloader-main .loader-section.section-right {
right: 0;
}
.preloader-main .preloader {
position: relative;
display: block;
height: 80px;
width: 170px;
top: -40px;
z-index: 99;
}
.preloader-main .loaded .section-right {
-webkit-transform: translateX(101%);
transform: translateX(101%);
-webkit-transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}
.preloader-main .loaded .section-left {
-webkit-transform: translateX(-101%);
transform: translateX(-101%);
-webkit-transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}
.preloader-main .loaded .preloader {
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
visibility: hidden;
opacity: 0;
}
.preloader-main circle.dot:nth-of-type(1) {
-webkit-animation: slide 2s ease infinite;
animation: slide 2s ease infinite;
}
.preloader-main circle.dot:nth-of-type(2) {
-webkit-transform: translateX(55px);
transform: translateX(55px);
-webkit-animation: slide 2s ease infinite;
animation: slide 2s ease infinite;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
@-webkit-keyframes slide {
0%,
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(70px);
transform: translateX(70px);
}
}
@keyframes slide {
0%,
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(70px);
transform: translateX(70px);
}
}
/* ******************************
:: 6.0 SCROLL TO TOP AREA CSS
****************************** */
#scrollUp {
position: fixed;
right: 2%;
bottom: 3%;
height: 45px;
width: 40px;
border-radius: 4px;
background-color: rgba(35,35,35,0.65);
text-align: center;
cursor: pointer;
z-index: 500;
display: none;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
#scrollUp > svg {
display: block;
height: 100%;
font-size: 22px;
color: #fff;
margin: 0 auto;
}
#scrollUp:hover {
background-color: #666;
}
/* ******************************
:: 7.0 HEADER AREA CSS
****************************** */
.navbar {
z-index: 999;
-webkit-transition: .3s;
transition: .3s;
background: transparent;
}
a.nav-link.menu_btn{
background:#fe6500;
color: #fff !IMPORTANT;
padding: 12px 20px !IMPORTANT;
border-radius: 50px
}
.navbar .navbar-nav .nav-link {
padding:12px 15px 10px 9px 
}
.navbar .navbar-nav .nav-link {
padding: 10px 13px !IMPORTANT;
-webkit-transition: .3s;
transition: .3s;
font-family: 'Lato', sans-serif;
font-weight: bold;
text-transform: capitalize;
font-size: 16px;
}
a.navbar-brand {
max-width: 180px;
}
.navbar .navbar-brand-sticky {
display: none;
}
.navbar-sticky {
-webkit-transition: none;
transition: none;
}
.navbar-sticky-transitioned {
-webkit-transition: .3s;
transition: .3s;

}
[data-theme=dark] .navbar-sticky-moved-up {
background: #01081f;
-webkit-box-shadow: 0 4px 25px rgba(30, 39, 69, 0.3), 0 1px 0px rgba(30, 39, 69, 0.4);
box-shadow: 0 4px 25px rgba(30, 39, 69, 0.3), 0 1px 0px rgba(30, 39, 69, 0.4);
}
.navbar-sticky-on {
width: 100%;
margin-top: 0;
-webkit-transition: .3s;
transition: .3s;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;
}
.navbar-sticky-on .navbar-brand-regular {
display: none;
}
.navbar-sticky-on .navbar-brand-sticky {
display: inline;
}
/*NAVBAR DARK*/
.navbar-dark .navbar-nav .nav-link {
color: #692b7a;
}
.navbar-dark .btn-outline {
color: #692b7a;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #eb9b3f;
}
.navbar-dark.navbar-sticky-on .navbar-nav .nav-link {
color: #7e8085;
}
[data-theme=dark] .navbar-dark.navbar-sticky-on .navbar-nav .nav-link {
color: #e7eaee;
}
.navbar-dark.navbar-sticky-on .navbar-nav .nav-link:hover,
.navbar-dark.navbar-sticky-on .navbar-nav .nav-link:focus,
.navbar-dark.navbar-sticky-on .navbar-nav .nav-link.active,
.navbar-dark.navbar-sticky-on .navbar-nav .nav-link.current-menu-item {
color: #2c2e30;
}
[data-theme=dark] .navbar-dark.navbar-sticky-on .navbar-nav .nav-link:hover,
[data-theme=dark] .navbar-dark.navbar-sticky-on .navbar-nav .nav-link:focus,
[data-theme=dark] .navbar-dark.navbar-sticky-on .navbar-nav .nav-link.active,
[data-theme=dark] .navbar-dark.navbar-sticky-on .navbar-nav .nav-link.current-menu-item {
color: #D2D5DA;
}
/*---------- bootstrap nav custom hover ----------*/
.dropdown-menu {
border: 0;
padding: 0.625rem 0;
margin: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.dropdown-menu > li {
padding: 0 0.625rem;
}
.dropdown > .dropdown-menu:before {
content: '';
position: absolute !important;
top: -10px;
right: auto;
bottom: auto;
left: 10px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
.dropdown-submenu > .dropdown-menu:before {
content: '';
position: absolute !important;
top: 30px;
right: auto;
bottom: auto;
left: -10px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #fff;
}
.dropdown-item {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-right: 0.625rem;
padding-left: 0.625rem;
text-transform: uppercase;
font-size: 0.8125rem;
font-weight: 700;
color: #2c2e30;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.dropdown-item.active, .dropdown-item:active {
background: #f8f9fa;
}
.dropdown-divider {
border-color: #8d98b7;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
}
/*  mainmenu caret */
.dropdown-toggle:after {
margin-left: 4px;
vertical-align: 1px;
border-top: 5px solid;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
color: #d3d3d3;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
/*  submenu cater */
.dropdown-submenu .dropdown-toggle:after {
position: absolute;
right: 24px;
top: 20px;
color: #d3d3d3;
}
.work-area h2 {
    margin-bottom: 50px !important;
}
.dropdown-submenu:hover .dropdown-toggle:after {
text-decoration: underline;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/* ******************************
:: 8.0 WELCOME AREA CSS
****************************** */
.welcome-intro {
    border-radius:10px;
text-align: center;
background: #712659f2;
max-width: 50%;
margin: auto;
padding: 36px 0;
}
.welcome-intro h1 {
font-size: 50px;
}
.welcome-thumb {
max-width: 300px;
padding-top: 70px;
}
@media (min-width: 992px) {
.download-page .welcome-intro > h1 {
font-size: 3.8em;
}
.download-page .welcome-intro p {
font-size: 16px;
}
}
.welcome-area .video-icon {
position: absolute;
top: 50%;
left: 70%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.play-btn {
position: relative;
display: inline-block;
height: 100px;
width: 100px;
background-color: #fff;
border-radius: 50%;
}
.btn-circle {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.2);
}
.play-icon {
font-size: 22px;
color: #7c4fe0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@-webkit-keyframes grow {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
@keyframes grow {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
.play-animation {
-webkit-animation: grow 3s infinite;
animation: grow 3s infinite;
}
.animation-short {
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.welcome-area.bg-overlay::after {
z-index: -2;
}
.welcome-area .shape-bottom {
z-index: -1;
}
/* ***********************************
:: 8.1 WELCOME AREA HOMEPAGE-3 CSS
**************************************/
@media (min-width: 992px) {
.homepage-2 .welcome-thumb {
max-width: 400px;
}
}
.homepage-3 .welcome-area .subscribe-form {
position: relative;
display: block;
width: 80%;
}
.homepage-3 .welcome-area .subscribe-form input {
font-size: 14px;
border-radius: 10px;
text-indent: 3%;
-webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}
.homepage-3 .welcome-area .subscribe-form button {
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.homepage-3 .welcome-area .shape-bottom svg {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
/* ***********************************
:: 8.2 WELCOME AREA HOMEPAGE-4 CSS
**************************************/
.homepage-4 .welcome-thumb {
max-width: 100%;
}
.homepage-4 .welcome-thumb > img {
position: relative;
-webkit-animation: bounceHero 3s infinite;
animation: bounceHero 3s infinite;
}
@-webkit-keyframes bounceHero {
0% {
top: 0px;
}
50% {
top: 25px;
}
100% {
top: 0px;
}
}
@keyframes bounceHero {
0% {
top: 0px;
}
50% {
top: 25px;
}
100% {
top: 0px;
}
}
/* ***********************************
:: 8.3 WELCOME AREA HOMEPAGE-6 CSS
**************************************/
.homepage-6 .shape-bottom {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.homepage-6 .shape-bottom svg {
-webkit-transform: translateX(-50%) rotateY(180deg);
transform: translateX(-50%) rotateY(180deg);
}
.homepage-6 .shape-bottom svg {
display: block;
width: calc(100% + 1.3px);
position: relative;
left: 50%;
}
/* ******************************
:: 9.0 COUNTER AREA CSS
****************************** */
.single-counter {
position: relative;
}
.single-counter::after {
position: absolute;
content: '';
height: 70%;
width: 1px;
background-color: #222;
top: 50%;
right: 0;
transform: translateY(-50%);
opacity: 0.15;
}
.counter-area .col-5.single-counter:last-of-type::after {
display: none;
}
.single-counter span {
font-size: 3em;
background: linear-gradient(-47deg, #8731E8 0%, #4528DC 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* ******************************
:: 10.0 FEATURES AREA CSS
****************************** */
.features-slider-wrapper {
padding: 67px 23px 90px 26px;
background-size: 100%;
max-width: 290px;
margin: 0 auto;
}
.features-area.style-two .image-box {
position: relative;
-webkit-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12);
box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12);
border-radius: 1.5rem;
-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
.features-area.style-two .image-box:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
}
/* ******************************
:: 11.0 SERVICE AREA CSS
****************************** */
.service-icon span {
height: 54px;
width: 54px;
display: inline-block;
text-align: center;
line-height: 54px;
font-size: 24px;
color: #7c4fe0;
border-radius: 4px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.service-list.style-two > li {
list-style: disc;
margin-left: 1rem;
}
/* ******************************
:: 12.0 DISCOVER AREA CSS
****************************** */
.list-box .icon {
color: #764fe0;
}
@media (max-width: 575px) {
.discover-thumb {
max-width: 300px;
}
}
/* ******************************
:: 13.0 WORK AREA CSS
****************************** */
.single-work {
position: relative;
}
.single-work::after {
position: absolute;
content: '\f054';
font-size: 45px;
font-weight: 900;
color: #fff;
font-family: 'Font Awesome 5 Free';
top: 50%;
right: 0;
margin-right: -50px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: transform 0.3s;
transition: transform 0.3s;
}
.single-work:hover::after {
-webkit-transform: translateX(5px) translateY(-50%);
transform: translateX(5px) translateY(-50%);
}
.work-area .col-12:last-of-type .single-work::after {
display: none;
}
@media (max-width: 767px) {
.single-work::after {
display: none;
}
}
/* ******************************
:: 14.0 SCREENSHOTS AREA CSS
****************************** */
.single-screenshot {
position: relative;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
left: 50%;
bottom: -40px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.slick-dots li button {
font-size: 0;
height: 8px;
width: 8px;
background-color: rgba(0, 0, 0, 0.1);
border: none;
outline: none;
border-radius: 50%;
margin: 5px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.slick-dots .slick-active button,
.testimonial-area .owl-carousel button.owl-dot.active {
background-color: #7c4fe0;
-webkit-box-shadow: 0 1px 5px #7c4fe0;
box-shadow: 0 1px 5px #7c4fe0;
}
/* ******************************
:: 15.0 REVIEWS AREA CSS
****************************** */
.single-review {
-webkit-box-shadow: 0 0.313rem 0.875rem rgba(45, 49, 54, 0.09);
box-shadow: 0 0.313rem 0.875rem rgba(45, 49, 54, 0.09);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
height: 40vh;
overflow: auto;
}
.single-review .card-top {
position: relative;
}
.single-review .quot-icon {
position: absolute;
top: 5%;
right: 5%;
display: none
}
.review-text p {
font-size: 16px;
color: #000;
font-weight: 300;
}
.single-review .reviewer {
position: relative;
}
.single-review .reviewer::after {
position: absolute;
content: '';
height: 20px;
width: 20px;
background-color: #f5f7fb;
bottom: calc(100% - 10px);
left: 15%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.single-review:hover {
-webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125);
box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125);
}
/* ******************************
:: 16.0 TESTIMONIAL AREA CSS
****************************** */
.testimonial-area .owl-item img {
width: 100px;
height: 100px;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
}
.client-rating {
color: #ffa200;
}
.single-testimonial-thumb img {
width: 100%;
height: 100%;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
overflow: hidden;
}
.testimonial-area .owl-dots {
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.testimonial-area .owl-carousel button.owl-dot {
height: 8px;
width: 8px;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 50%;
outline: none;
margin: 5px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
/* ******************************
:: 17.0 PRICE PLAN AREA CSS
****************************** */
.single-price-plan {
-webkit-box-shadow: 0 0.313rem 0.875rem rgba(45, 49, 54, 0.09);
box-shadow: 0 0.313rem 0.875rem rgba(45, 49, 54, 0.09);
background-color: #fff;
border-radius: 1rem;
}
.plan-title > h3 {
letter-spacing: 3px;
opacity: 0.8;
}
.plan-price > h1 > small {
font-size: 60%;
}
.plan-button {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
/* ******************************
:: 18.0 FAQ AREA CSS
****************************** */
.card-header .btn {
position: relative;
display: block;
width: 100%;
background: transparent;
color: #222;
text-align: left;
}
.card-header .btn {
color: #6c145a;
font-size: 20px;
}
.card-body {
font-size: 16px;
color: #000;
}
.service-thumb img {
border-radius:10px;
}
.card-header .btn:hover,
.card-header .btn:focus,
.card-header .btn:active {
-webkit-box-shadow: inherit;
box-shadow: inherit;
}
.card-header .btn::after,
.card-header .btn.collapsed::after {
position: absolute;
top: 50%;
left: calc(100% - 1.25rem);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 18px;
font-weight: 900;
font-family: 'Font Awesome 5 Free';
}
.card-header .btn::after {
content: '\f107';
}
.card-header .btn.collapsed::after {
content: '\f105';
}
.faq-area.style-two .card-header .btn::after {
display: none;
}
.faq-area.style-two .card-header .btn {
cursor: inherit;
}
/* ******************************
:: 19.0 TEAM AREA CSS
****************************** */
.single-team {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.team-thumb > img {
-webkit-transform: scale(1.0);
transform: scale(1.0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.team-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.team-overlay::after {
position: absolute;
content: '';
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #7c4fe0;
border-radius: 100px;
opacity: 0.9;
z-index: -1;
}
.team-name {
font-size: 18px;
}
.team-post {
font-size: 15px;
}
.team-icons svg {
font-size: 16px;
color: #fff;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
.team-icons a:hover svg {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.single-team:hover .team-overlay {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.single-team:hover .team-thumb > img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
/* ******************************
:: 20.0 SUBSCRIBE AREA CSS
****************************** */
.form-control {
font-size: 15px;
height: 60px;
border: none;
outline: none;
padding-left: 20px;
border-radius: 8px;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.form-control:focus {
border: none;
outline: none;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.subscribe-form .form-group input {
display: block;
text-align: center;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.subscribe-form .form-group input::-webkit-input-placeholder {
text-align: center;
}
.subscribe-form .form-group input:-ms-input-placeholder {
text-align: center;
}
.subscribe-form .form-group input::placeholder {
text-align: center;
}
.subscribe-form button {
height: 60px;
border-radius: 8px;
background: #7c4fe0 !important;
}
/* ******************************
:: 21.0 BLOG AREA CSS
****************************** */
.blog-area {
z-index: 1;
}
.single-blog {
background-color: #fff;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
.blog-thumb img {
display: block;
width: 100%;
border-radius: 6px;
}
.blog-content > p {
line-height: 1.8;
}
.blog-btn {
position: relative;
display: inline-block;
}
.blog-btn::after {
position: absolute;
content: '\f101';
font-weight: 900;
font-family: 'Font Awesome 5 Free';
opacity: 0;
visibility: hidden;
top: 50%;
-webkit-transform: translateX(3px) translateY(-50%);
transform: translateX(3px) translateY(-50%);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.blog-btn:hover::after,
.blog-btn:focus::after {
visibility: visible;
opacity: 1;
top: 50%;
-webkit-transform: translateX(5px) translateY(-50%);
transform: translateX(5px) translateY(-50%);
}
.single-blog:hover {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
}
/* ******************************
:: 22.0 BREADCRUMB AREA CSS
****************************** */
.breadcrumb-area {
height: 450px;
z-index: 1;
}
.breadcrumb-content > h3 {
font-size: 38px;
}
.breadcrumb {
background-color: transparent;
margin: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
content: ">";
color: #fff;
}
.blog .breadcrumb-item > a,
.blog .breadcrumb-item,
.blog .breadcrumb-item::before,
.blog .breadcrumb-item.active {
color: #fff;
}
/* ******************************
:: 23.0 BLOG PAGE AREA CSS
****************************** */
.blog .navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.blog .single-blog {
margin-bottom: 45px;
}
.pagination > li > a {
font-size: 14px;
height: 40px;
width: 40px;
line-height: 40px;
display: inline-block;
border: 1px solid #444;
color: #444;
text-align: center;
}
.pagination li:first-child a,
.pagination li:last-child a {
display: block;
border: none;
position: relative;
}
.pagination li:first-child:hover a,
.pagination li:last-child:hover a {
background: none;
color: inherit;
border: none;
}
.pagination li:first-child:hover a {
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
}
.pagination li:last-child:hover a {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
/* **********************************
:: 24.0 BLOG PAGE DETAILS AREA CSS
*************************************/
/*Single Widget*/
.single-widget {
margin-bottom: 35px;
}
.sidebar .single-widget:last-child {
margin-bottom: 0;
}
.widget-content {
position: relative;
}
/*Search Widget*/
.search-widget input {
background-color: #f7f7f7;
border: 1px solid #eee;
color: #444;
height: 45px;
padding: 10px 15px;
width: 100%;
-webkit-transition: -webkit-box-shadow 1s ease 0s;
transition: -webkit-box-shadow 1s ease 0s;
transition: box-shadow 1s ease 0s;
transition: box-shadow 1s ease 0s, -webkit-box-shadow 1s ease 0s;
}
.search-widget input:focus {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
/*Catagory Widget*/
.widget .single-accordion {
border: 1px solid #eee;
border-radius: 4px;
}
.widget .single-accordion h5 a {
color: #444;
border-bottom: 1px solid #eee;
}
.widget-items li a {
position: relative;
border-bottom: 1px solid #eee;
}
.widget-items li a.active {
color: #7c4fe0;
}
.widget-items li a::before {
position: absolute;
content: '';
height: 100%;
width: 0px;
top: 0;
bottom: 0;
left: 0;
background-color: transparent;
-webkit-transition: all 0.1s ease 0s;
transition: all 0.1s ease 0s;
}
.widget-items li a:hover,
.widget-items li a:focus,
.widget-items li a.active {
background-color: #f7f7f7;
}
.widget-items li a:hover::before,
.widget-items li a:focus::before,
.widget-items li a.active::before {
width: 2px;
background-color: #7c4fe0;
}
.widget-items li a span {
line-height: 1.4;
}
/*Post Widget*/
.post-thumb img {
border: 1px solid #eee;
}
.post-widget .widget-items .post-date {
font-size: 13px;
line-height: 1;
}
.post-content h6 {
font-weight: 400;
line-height: 20px;
}
/*Tags Widget*/
.tags-widget .single-accordion {
border: none;
}
.tags-widget-items a {
border: 1px solid #e5e5e5;
font-size: 12px;
}
/*Blog Details*/
.sApp-blog .meta-info {
border-bottom: 1px solid #eee;
}
.meta-info > ul > li {
position: relative;
}
.meta-info > ul > li::after {
position: absolute;
content: '';
height: 30%;
width: 2px;
background-color: #777;
top: 50%;
left: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.meta-info > ul > li:last-child::after {
display: none;
}
.sApp-blog .blog-share a {
padding: 0 10px;
}
.blog-share .social-icons > a {
width: 35px;
height: 35px;
font-size: 16px;
}
.blog-share .social-icons > a.facebook:hover {
background-color: #3b5999 !important;
color: #fff;
}
.blog-share .social-icons > a.twitter:hover {
background-color: #55acee !important;
color: #fff;
}
.blog-share .social-icons > a.google-plus:hover {
background-color: #dd4b39 !important;
color: #fff;
}
.blog-share .social-icons svg {
line-height: 35px;
}
.blog-share .social-icons > a:hover svg:first-child {
margin-top: -35px;
}
.sApp-blog .blog-details .blog-title > a {
font-size: 24px;
}
.blockquote {
background-color: #f7f7f7;
position: relative;
}
.blockquote::after {
position: absolute;
content: '';
height: 100%;
width: 2px;
top: 0;
left: 0;
}
.blog-comments {
margin-top: 20px;
}
.admin {
border-top: 1px solid #e5e5e5;
}
.admin-thumb img,
.comments-thumb img {
border: 1px solid #eee;
}
.comments,
.blog-contact {
margin-left: 200px;
}
.single-comments {
border: 1px solid #eee;
margin-bottom: 1rem;
}
.single-comments:last-of-type {
margin-bottom: 0;
}
.comments-content > h5 > a:last-child {
font-size: 14px;
font-weight: 500;
color: #7c4fe0;
}
.contact-box.comment-box {
text-align: left;
}
.contact-box.comment-box .form-group input {
font-size: 15px;
border: 1px solid #e5e5e5;
}
.contact-box.comment-box .form-group textarea {
font-size: 15px;
border: 1px solid #e5e5e5;
height: 150px;
}
.recent-blog-area {
padding-top: 80px;
}
/* ******************************
:: 25.0 CONTACT AREA CSS
****************************** */
.contact-us .social-icon {
display: inline-block;
height: 45px;
width: 45px;
line-height: 45px;
font-size: 18px;
text-align: center;
background-color: #7c4fe0;
color: #fff;
border-radius: 4px;
}
.contact-box .form-group input,
.contact-box .form-group textarea {
font-size: 14px;
height: 50px;
padding: 0 15px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.contact-box .form-group textarea {
height: 160px;
padding: 15px;
}
.contact-box .form-group input::-webkit-input-placeholder,
.contact-box .form-group textarea::-webkit-input-placeholder {
color: rgba(68, 68, 68, 0.6);
}
.contact-box .form-group input:-ms-input-placeholder,
.contact-box .form-group textarea:-ms-input-placeholder {
color: rgba(68, 68, 68, 0.6);
}
.contact-box .form-group input::placeholder,
.contact-box .form-group textarea::placeholder {
color: rgba(68, 68, 68, 0.6);
}
.contact-box button {
height: 60px;
border-radius: 8px;
background: #7c4fe0 !important;
}
/*Map Area*/
.map-area {
height: 550px;
width: 100%;
}
.map-area iframe {
height: 100%;
width: 100%;
}
@media (max-width: 575px) {
.map-area {
height: 450px;
}
}
.homepage-5 .contact-top > h3 {
font-size: 2em;
}
.homepage-5 .contact-top h5 {
line-height: 1.4;
}
.contact-bottom > span {
font-size: 13px;
}
.contact-bottom > span a {
text-decoration: underline;
color: #222;
}
.service-area {
background: #6c145a;
}
.service-area h2 {
font-size: 30px;
color: #fff;
font-family: HelveticaNowDisplay-bold;
letter-spacing: 1px;
text-align: center;
}
.single-service p {
font-size: 16px;
color: #fff;
}
section.section.discover-area {
text-align: center;
background: #6c145a;
padding-bottom: 50px;
}
section.section.discover-area h2 {
font-size: 29px;
color: #fff;
}
.discover-text .btn {
background: white;
padding: 19px 40px;
color:#6c145a;
font-size: 17px;
font-weight: bold;    font-family: 'Poppins', sans-serif;
}
section#howit h2 {
font-size: 30px;
color:#6c145a;    margin: 0px !IMPORTANT;
text-align: center;
}
section#howit span {
color: black;
font-size: 18px;
text-align: center;
line-height: 30px;
font-weight: 400;
}
section#howit li {
position: relative;
padding-left: 40px;
font-weight: 600;
color: #000;
font-size: 16px;
margin-bottom: 19px;
font-family: 'Poppins', sans-serif
}
section#howit 
ul img {
position: absolute;
left: 00;
max-width: 28px;
}
section#howit ul {
padding: 30px 0;
}
section#vlaue h2 {
font-size: 30px;
color:#6c145a;
text-align: center;
}
section#vlaue span {
color: black;
font-size: 18px;
text-align: center;
line-height: 30px;
font-weight: 400;
}
section#vlaue li {
position: relative;
padding-left: 40px;
font-weight: 600;
color: #000;
font-size: 16px;
margin-bottom: 19px;
font-family: 'Poppins', sans-serif
}
section#vlaue 
ul img {
position: absolute;
left: 00;
max-width: 28px;
}
section#vlaue ul {
padding: 30px 0;
}
.joining h2 {
font-size: 28px;
letter-spacing: 0;
color: #fff;
font-family: inkfree;
}
.joining a.btn {
background: #6b1459;
color: #fff;
font-size: 18px;
}
.work-content h2 {
font-size: 30px;
color: #6c145a;
font-family: HelveticaNowDisplay-bold;
letter-spacing: 1px;
text-align: center;
margin-bottom: 25px;
}
.screens img {
max-width: 50%;
}
.screens {
text-align: center;
}
.screens img {
max-width: 32%;
    padding: 70px 0px 11px 0px;
    margin-bottom: -10p
}
.service-text a {
background: #ff6600;
font-size: 17px;
color: #fff;
text-transform: uppercase;
border-radius: 40px;
line-height: 24px;
margin: 0 0 30px;
font-weight: 500;
text-align: center;
-webkit-animation: 2s play-animation infinite;
animation: 2s play-animation infinite;
-moz-transition: 0.2s color;
-webkit-transition: 0.2s color;
transition: 0.2s color;
}
.single-work p {
font-size: 16px;
text-align: left;
color: #fdfbf9;
background: #6c145a;
padding: 20px 20px;
font-weight: 200;
}
section#Eventsorg img {
margin: auto;
text-align: center;
display: block;
}
.work-area .button-group {
margin: auto;
text-align: center;
background: #ff6600;
border-radius: 10px;
margin-top: 38px;
}
.ready {
text-align: center;
padding: 60px 10px;
font-family: inkfree;
background: rgba(0, 0, 0, 0) url(../img/bg/join_bk.png);
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
background-size: contain;
}
.ready h2 {
color: #fff !IMPORTANT;
}
section.review-area h2 {
font-size: 30px;
color: #6c145a;
font-family: HelveticaNowDisplay-bold;
letter-spacing: 1px;
text-align: center;
}
.tryit h2 {
text-align: left;
}.single-review .card-top .review-icon {
display: none;
}
.single-review .card-top h4 {
display: none;
}
.tryit .service-text p {
font-size: 25px;
color: #fff;
line-height: 35px;
}
.section.faq-area h2 {
position: relative;
font-size: 30px;
color: #6c145a;
font-family: HelveticaNowDisplay-bold;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase !IMPORTANT;
}
.about-bio h2 {
text-align: left;
color: #6b1459;
}
.about-bio {
background: white;
}
.about-bio p {
color: #020202 !IMPORTANT;
font-size: 15px;
}
.client_logo li {
    display: inline-block;
    padding: 0px 10px;
}
.client_logo {
margin-top: 40px;
margin: auto;
padding-top: 40px;
}
.client_logo img {
border: 1px solid #e6e6e6;
transition: .5s;
height: 96px;
width: 150px;
}
.client_logo img:hover {
transform: scale(1.1) !important;
transition: .5s;
}
.brand-one.brand-one__home-two h2 {
font-size: 30px;
color: #6b1459;
font-family: HelveticaNowDisplay-bold;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
}
.brand-one.brand-one__home-two {
background: #efefef;
padding: 50px 0;
}
.footer-top {
background: rgba(0, 0, 0, 0) url(../img/back-footer.jpg);
background-size: cover;
text-align: center;
}
.store-buttons {
text-align: center;
margin: auto;
display: block !IMPORTANT;
}
.social-icons.d-flex {
text-align: center;
margin: auto;
width: 12%;
}
.selftry {
    margin-top: 70px;
}
/* ******************************
:: 26.0 FOOTER AREA CSS
****************************** */
.height-emulator {
float: left;
height: 585px;
}
.footer-area .social-icons > a {
width: 40px;
height: 40px;
font-size: 18px;
}
.footer-area .social-icons > a:hover svg:first-child {
margin-top: -40px;
}
.copyright-area {
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.download-text p {
font-family: inkfree;
font-size: 30px;
font-weight: bold;
}
.error-area h1 {
font-size: 18vmax;
}
/* ******************************
:: MEDIA AREA CSS
****************************** */
@media (max-width: 767px) {
.error-area h1 {
font-size: 8em !important;
}
}
@media (max-width: 575px) {
.error-area h1 {
font-size: 7em !important;
}
}
@media (max-width: 767px) {
.countdown-container {
margin: 0 6px;
padding: 0.5rem;
}
}
@media (max-width: 575px) {
.countdown-container {
margin: 0 2px;
padding: 0;
}
.countdown-container .countdown-value {
font-size: 40px;
}
}
/* ******************************
:: 29.0 PREVIEW AREA CSS
****************************** */
.preview .welcome-intro h2 {
line-height: 1.2;
}
.single-preview >a > img {
box-shadow: 0 0.313rem 0.875rem rgba(45, 49, 54, 0.09);
border-radius: 8px;
transition: all 0.3s ease 0s;
}
.single-preview h3 {
font-size: 16px;
color: #555;
transition: all 0.3s ease 0s;
}
.single-preview:hover > a > img {
transform: translateY(-10px);
box-shadow: 0 0.313rem 0.875rem rgba(45, 49, 54, 0.12);
}
@media (min-width: 992px) {
.preview .welcome-intro p {
font-size: 15px;
line-height: 28px;
}
}
@media (max-width: 991px) {
.preview .welcome-area {
background-position: unset;
}
}
@media (max-width: 767px) {
.preview .welcome-area {
height: 500px !important;
padding-top: 0;
}
}