/* Template Name: Vovify Author: WipeThemes Version: 1.0 */
/*Basic*/
* {
    font-family: 'Rubik', sans-serif;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: white;
}
body {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    height: ;
}
/* Custom Theme Classes*/
.theme-btn-outline {
    background: transparent !important;
    color: #494949c4 !important;
}
.theme-btn-lg {
    line-height: 2;
    padding: 10px 30px;
}
.theme-btn-xl {
    line-height: 3;
    padding: 20px 10px;
}
.theme-btn-md {
    line-height: 1.8;
    padding: 9px 25px;
}
.theme-btn-sm {
    line-height: 1.4;
    padding: 8px 20px;
    font-size: 12px;
}
.theme-btn-default {
    border: none;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid #727272;
    font-weight: normal;
    color: #727272;
    padding: 6px 20px;
    font-size: 14px;
}
.theme-btn-default:hover, .theme-btn-default:active {
    background-color: #f3f3f3;
}
.theme-btn-primary {
    border: 1px solid #00a1f5;
    border-radius: 4px;
    background: #006cab;
   /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #1CB5E0, #006cab);
   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #1CB5E0, #006cab);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    font-weight: normal;
    color: white;
    padding: 6px 20px;
    font-size: 14px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
.theme-btn-success {
    border: 1px solid #23db8e;
    border-radius: 4px;
    background: #11998e;
   /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #38ef7d, #11998e);
   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #38ef7d, #11998e);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    font-weight: normal;
    color: white;
    padding: 6px 20px;
    font-size: 14px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
.theme-btn-info {
    border: 1px solid #459eff;
    border-radius: 4px;
    background: #36D1DC;
   /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);
   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #5B86E5, #36D1DC);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    font-weight: normal;
    color: white;
    padding: 6px 20px;
    font-size: 14px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
.theme-btn-warning {
    border: 1px solid #fab110;
    border-radius: 4px;
    background: #F7971E;
   /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFD200, #F7971E);
   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFD200, #F7971E);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    font-weight: normal;
    color: white;
    padding: 6px 20px;
    font-size: 14px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
.theme-btn-danger {
    border: 1px solid #f34e4a;
    border-radius: 4px;
    background: #e53935;
   /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #e35d5b, #e53935);
   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #e35d5b, #e53935);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    font-weight: normal;
    color: white;
    padding: 6px 20px;
    font-size: 14px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
.theme-btn-purple {
    border: 1px solid #8331d9;
    border-radius: 4px;
    background: #410084;
   /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #7e33ca, #410084);
   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #7e33ca, #410084);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    font-weight: normal;
    color: white;
    font-weight: normal;
    padding: 6px 20px;
    font-size: 14px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
.theme-hover-primary:hover {
    box-shadow: 0px 15px 20px rgba(32, 175, 255, 0.4);
    color: #fff;
    transform: translateY(-4px);
}
.theme-hover-success:hover {
    box-shadow: 0px 15px 20px rgba(24, 168, 140, 0.52);
    color: #fff;
    transform: translateY(-4px);
}
.theme-hover-info:hover {
    box-shadow: 0px 15px 20px rgba(77, 163, 226, 0.55);
    color: #fff;
    transform: translateY(-4px);
}
.theme-hover-warning:hover {
    box-shadow: 0px 15px 20px rgba(248, 160, 26, 0.47);
    color: #fff;
    transform: translateY(-4px);
}
.theme-hover-danger:hover {
    box-shadow: 0px 15px 20px rgba(229, 62, 58, 0.48);
    color: #fff;
    transform: translateY(-4px);
}
.theme-hover-purple:hover {
    box-shadow: 0px 15px 20px rgba(83, 27, 141, 0.32);
    color: #fff;
    transform: translateY(-4px);
}
.theme-btn-circle {
    border-radius: 50px;
}
.signup-body {
    background-image: url(../../img/app/custom-bg.png);
    background-size: cover;
    background-position: right;
}
/* Loader */
.no-js #loader {
    display: none;
}
.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../../img/loader.gif) center no-repeat #fff;
    background-size: 100px;
}
/* Navbar */
.bg-white{
    background-color: white;
}
header.is-scrolling {
    background-color: white !important;
    -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.15);
    -webkit-transition: 1s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;
    -o-transition: 1s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;
    transition: 1s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;
    opacity: 1;
}
nav.is-scrolling {
    border-radius: 0px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 1s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;
    -o-transition: 1s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;
    transition: 1s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;
    opacity: 1;
}
nav .navbar-nav .nav-link {
    color: rgb(255, 255, 255);
    font-size: 13px;
    letter-spacing: 1px;
}
nav.is-scrolling .navbar-nav .nav-link {
    color: #64697A !important;
}
.is-scrolling .nav-link:focus {
    color: black !important;
    font-size: 13px;
}
a.nav-link.nav-link.focus {
    color: white !important;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link-color:hover {
    color: rgb(58, 7, 110);
}
.nav-link:focus {
    color: white !important;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link-color:link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link-color:active, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link-color:visited {
    color: black;
    font-size: 13px;
}
.navbar .collapse{
	overflow-y: auto;
	max-height: 100vh;
}
.dropdown {
    position: static;
}
.dropdown-menu {
    width: 100%;
    text-align: center;
    border-radius: 4px;
    border-color: transparent;
    box-shadow: 0 .75rem .75rem 0.0375rem rgba(132, 138, 163, 0.1) !important;
    padding: 40px 40px;
}
.dropdown-menu>li {
    display: inline-block;
}
.dropdown-menu .pages-links {
    margin-bottom: 20px;
    border-right: 1px solid #e3e3e3;
}
.dropdown-menu .pages-links h6 {
    text-transform: capitalize;
    font-weight: 500;
    color: black;
    font-size: 21px;
    padding-bottom: 1px;
    margin-bottom: 1px;
}
.dropdown-menu ul {
    margin: 0;
    padding: 0;
}
.dropdown-menu ul li {
    list-style: none;
    padding-bottom: 5px;
}
.dropdown-menu ul li a {
    color: #4f4f4f;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
}
.dropdown-menu .col-xl-3 {
    text-align: left;
}
.dropdown-menu .navbar-dropdown-img{
    margin: auto;
}
.dropdown-menu .navbar-dropdown-img img{
    width: 70%;
}
.background-overlay {
    background: #15002c;
   /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #210230f2, #15002c);
   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #210230f2, #15002c);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.overlay-bottom-wave img {
    position: relative;
    top: 2px;
    width: 100%;
}
li.nav-item {
    padding: 10px 4px;
    text-transform: uppercase;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgb(255, 255, 255);
}
.mega-dropdown {
    position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu>li>ul {
    padding: 0;
    margin: 0;
}
.mega-dropdown-menu>li>ul>li {
    list-style: none;
}
.mega-dropdown-menu>li>ul>li>a {
    display: block;
    color: #222;
    padding: 3px 5px;
}
.mega-dropdown-menu>li ul>li>a:hover, .mega-dropdown-menu>li ul>li>a:focus {
    text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
    font-size: 18px;
    color: #ff3546;
    padding: 5px 60px 5px 5px;
    line-height: 30px;
}
.carousel-control {
    width: 30px;
    height: 30px;
    top: -35px;
}
.left.carousel-control {
    right: 30px;
    left: inherit;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    font-size: 12px;
    background-color: #fff;
    line-height: 30px;
    text-shadow: none;
    color: #333;
    border: 1px solid #ddd;
}
/* Top Background Overlay */
.wrapper {
    background-image: url(../../img/background-overlay.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.wrapper-hosting {
    background-image: url(../../img/background-overlay-01.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.background-overlay {
    height: 100vh;
    padding: 100px 0px;
    overflow: hidden;
}
.background-overlay .bg-overlay-content .bg-left-section {
    position: relative;
    top: 100px;
    padding: 15px;
}
.background-overlay .bg-overlay-content .bg-left-section h5 {
    font-weight: 300;
    letter-spacing: 3px;
    color: #cc99ff;
    font-size: 18px;
}
.background-overlay .bg-overlay-content .bg-left-section h1 {
    font-weight: 300;
    color: white;
    padding-top: 10px;
}
.background-overlay .bg-overlay-content .bg-left-section h1 span {
    font-weight: 500;
}
.background-overlay .bg-overlay-content .bg-left-section p {
    color: white;
    font-size: 19px;
    padding-top: 20px;
    padding-right: 140px;
    font-weight: 300;
}
.bg-overlay-content .top-overlay-bars {
    position: relative;
    top: 120px;
}
.top-overlay-bars .bar {
    margin-bottom: 30px;
    padding: 2px 15px;
    background-color: white;
    border-radius: 3px;
    margin-top: 10px;
}
.top-overlay-bars .bar {
    padding: 20px 15px;
    background: #5e18a5;
    cursor: pointer;
}
.top-overlay-bars .bar:hover span {
    font-size: 50px;
}
.top-overlay-bars .bar-icon {
    padding-top: 26px;
}
.top-overlay-bars .bar-icon span {
    font-size: 40px;
    padding: 10px 20px;
    margin-top: 30px;
    border-radius: 4px;
    color: white;
    transition: all .3s ease;
}
.top-overlay-bars .bar-text h4 {
    color: white;
    font-weight: 400;
    font-size: 40px;
    padding-top: 3px;
    text-transform: uppercase;
    font-weight: 500;
}
.top-overlay-bars .bar-text p {
    color: white;
    font-weight: 300;
    font-size: 16px;
}
#section10 a {
    padding-top: 60px;
}
#page-scroll a span {
    position: absolute;
    top: 86%;
    left: 50%;
    width: 30px;
    height: 50px;
    margin-left: -15px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
}
#page-scroll a span::before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
    box-sizing: border-box;
}
.intro_wrapper {
    text-align: center;
    background: #782ec4f2;
   /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #782ec4f2, #20bb87f7);
   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #782ec4f2, #20bb87f7);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding: 75px 0px 25px 0px;
}
.intro_wrapper .intro_text h1 {
    color: white;
}
.intro_text .select_pages a {
    color: white;
    padding-right: 15px;
}
.intro_text .select_pages a:before {
    background: white;
    content: "";
    position: absolute;
    width: 1.5px;
    height: 20px;
    transform: rotate(15deg);
    margin-left: 50px;
    top: 58px;
}
.intro_text .select_pages span {
    color: white;
}
.modal-content {
    border: 1px solid #23db8e;
    background: #11998e;
//    background: -webkit-linear-gradient(to right, #38ef7d, #11998e);
//    background: linear-gradient(to right, #38ef7d, #11998e);
    border-radius: 0;
    margin-top: 100px;
    color: #FFFFFF;
    
//    background: #782ec4f2;
   /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #11998e, #20bb87f7);
   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #11998e, #20bb87f7);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
}
.modal-dialog {
    max-width: 80%;
    margin: 30px auto;
    color: #FFFFFF;
}
.modal-body {
    position: relative;
    padding: 0px;
    color: #FFFFFF;
}
.close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}
.modal-backdrop {
    opacity: 0.9 !important;
}
.video-details {
    padding: 100px 20px;
}
.video-details .video-button .video-overlay {
    padding: 200px;
    border-radius: 100px 167px;
    background-color: #18a88b73;
}
.video-details .video-button {
    border-radius: 100px 167px;
    background-color: red;
    background-image: url(../../img/video-overlay.jpg);
    background-size: cover;
}
.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    background: #1eb588;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
    border: 4px solid;
    border-color: #23C094;
}
.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    animation: pulse-border 900ms ease-out infinite;
    background: #11998e;
    background: -webkit-linear-gradient(to right, #38ef7d, #11998e);
    background: linear-gradient(to right, #38ef7d, #11998e);
}
.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    transition: all 100ms;
    background: #11998e;
    background: -webkit-linear-gradient(to right, #38ef7d, #11998e);
    background: linear-gradient(to right, #38ef7d, #11998e);
}
.video-play-button:hover:after {
    background-color: darken(#fa183d, 10%);
}
.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 32px solid #fff;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-radius: 3px;
}
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
   }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
   }
}
.video-details .video-info {
    padding-top: 50px;
    padding-right: 100px;
}
.video-details .video-info h1 {
    color: black;
    font-weight: 300;
    text-transform: capitalize;
}
.video-details .video-info h1 b {
    font-weight: bold;
}
.video-details .video-info p {
    color: #9584a7;
    font-weight: 300;
    font-size: 17px;
    padding: 10px 0px;
}
.video-details .video-info button {
    padding: 4px 40px;
    line-height: 3;
}
/* Services */
#services {
    padding: 100px 20px;
    background-color: #ececec52;
    padding-bottom: 40px;
}
.services-box {
    text-align: center;
}
.services-box .service-heading h4 {
    font-weight: 300;
    color: black;
    padding: 10px 20px;
    border: 1px solid #8331d9;
    border-radius: 4px;
    background: #410084;
    background: -webkit-linear-gradient(to right, #7e33ca, #410084);
    background: linear-gradient(to right, #7e33ca, #410084);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    border-radius: 50px;
    display: inline-block;
    color: white;
}
.services-box .service-heading hr.lines {
    margin: auto;
    width: 500px;
    position: relative;
    border-top: 1px solid #4100840d;
    margin-top: 15px;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
.services-box .service-heading hr.lines:before {
    position: absolute;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    top: -7px;
    border: 6px solid #410084;
    border-radius: 50%;
    left: 240px;
    animation: pulse 1.2s infinite;
}
/* pules effect */
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(70, 118, 250, 0.4);
   }
    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(70, 118, 250, 0);
   }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(70, 118, 250, 0);
   }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(70, 118, 250, 0.4);
        box-shadow: 0 0 0 0 rgba(70, 118, 250, 0.4);
   }
    70% {
        -moz-box-shadow: 0 0 0 20px rgba(70, 118, 250, 0);
        box-shadow: 0 0 0 20px rgba(70, 118, 250, 0);
   }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(70, 118, 250, 0);
        box-shadow: 0 0 0 0 rgba(70, 118, 250, 0);
   }
}
.services-box .service-heading p {
    text-align: center;
    padding: 20px 250px;
    color: #9f91ae;
}
.services-box .service-containers .box {
    padding: 30px 15px;
    background-color: white;
    border-radius: 6px;
    box-shadow: 0px 7px 46px -12px rgba(125, 125, 125, 0.21);
    border: 1px solid #ececec;
    transition: all 0.4s ease 0s;
    position: relative;
    top: 40px;
    margin-bottom: 30px;
}
.services-box .service-containers .box:hover {
    box-shadow: 0px 7px 46px -12px rgba(125, 125, 125, 0.5);
    position: relative;
    top: 20px;
}
.services-box .service-containers .box .box-icon span {
    font-size: 36px;
    background: linear-gradient(to right, #7e33ca, #410084);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.services-box .service-containers .box .box-title {
    padding: 20px 5px;
}
.services-box .service-containers .box .box-title h5 {
    font-weight: 300;
    text-transform: uppercase;
    color: #410084;
}
.services-box .service-containers .box .box-title p {
    color: #7d6893;
    font-weight: 300;
    font-size: 15px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
}
/* About */
#about {
    padding: 100px 0px;
    padding-bottom: 0px;
}
.about-us {
    border-radius: 10px;
    box-shadow: -7px 32px 36px -33px rgba(0, 0, 0, 0.29);
}
.about-us .about-image img {
    width: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.about-us .about-info {
    padding: 50px 10px;
}
.about-us .about-info h4 {
    color: #d0d0d0;
    font-weight: 300;
    padding-right: 50px;
}
.about-us .about-info span {
    display: block;
    font-weight: bold;
    font-size: 27px;
    color: #bebebe;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
}
.about-us .about-info p {
    font-size: 14px;
    padding-right: 40px;
    color: #787575;
    font-weight: 300;
    padding-top: 15px;
}
.about-us .about-info img {
    width: 120px;
}
.about-us .about-info button {
    display: block;
    position: relative;
    top: 35px;
}
.owl-item.cloned {
    width: 0;
}
/* About Continue */
#aboutContinue {
    padding: 10px 0px;
    background: #41295a;
   /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #692b88, #50237e);
   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #692b88, #50237e);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding-bottom: 0px;
    margin-top: 00px;
}
.about-continue .continue-features {
    margin: 50px 0px;
    margin-top: 100px;
}
.fp-about {
    margin-top: 0 !important;
}
.about-continue .continue-features .continue-boxes {
    padding: 20px 25px;
    border-radius: 4px;
    background-color: white;
    text-align: center;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.31);
    position: relative;
    padding-bottom: 8px;
}
.about-continue .continue-features .continue-boxes span {
    font-size: 53px;
    color: #e1e1e1;
}
.about-continue .continue-features .continue-boxes p {
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    position: relative;
    top: auto;
    padding-top: 0px;
    color: #320d47;
}
.about-continue .continue-features .continue-one {
    position: relative;
    left: 50px;
    top: -75px;
    z-index: 3;
    border-radius: 4px;
    background: white;
}
.about-continue .continue-features .continue-two {
    position: relative;
    top: -50px;
    z-index: 2;
}
.about-continue .continue-features .continue-three {
    position: relative;
    right: 50px;
    top: -75px;
    z-index: 3;
}
.about-continue .continue-features .continue-four {
    position: relative;
    right: 100px;
    top: -50px;
    z-index: 2;
}

.about-continue .continue-features .continue-boxes {
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
.about-continue .continue-features .continue-boxes:hover {
    background-color: #2a0a42;
}
.about-continue .continue-features .continue-boxes:hover {
    color: white;
}
.about-continue .continue-features .continue-one:hover, .about-continue .continue-features .continue-three:hover {
    top: -85px;
}
.about-continue .continue-features .continue-two:hover, .about-continue .continue-features  .continue-four:hover {
    transform: scale(1.2);
}
.about-continue .continue-features .continue-boxes:hover span {
    color: white;
}
.about-continue .continue-features .continue-boxes:hover p {
    color: white;
}
.about-continue .continue-text h2 {
    color: white;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 2px;
    font-size: 39px;
    padding-top: 37px;
}
.about-continue .continue-text p {
    color: #c8bcd4;
    font-weight: 300;
    padding-top: 12px;
}
/* Features */
#features {
    padding: 100px 0px;
    background-color: #f4f4f4;
    padding-bottom: 50px;
}
#features .owl-carousel .carousel-bars {
    padding: 30px 15px;
    background-color: white;
    border-radius: 6px;
    box-shadow: 0px 7px 46px -12px rgba(125, 125, 125, 0.2);
    border: 1px solid #ececec;
    transition: all 0.4s ease 0s;
    margin-bottom: 40px;
    padding-bottom: 15px;
}
#features .owl-carousel .carousel-bars .caro-box-info h4 {
    font-weight: 300;
    color: black;
}
#features .owl-carousel .carousel-bars .caro-box-info p {
    color: #b1b1b1;
    font-weight: 300;
    font-size: 15px;
}
#features .owl-carousel .carousel-bars .caro-box-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}
#features .owl-carousel .carousel-bars .caro-box-icon span {
    padding: 25px;
    border-radius: 3px;
    position: relative;
    top: 7px;
    transition: all 0.2s ease 0s;
    border: 1px solid #8331d9;
    border-radius: 4px;
    background: #410084;
    color: white;
}
#features .owl-carousel .carousel-bars .caro-box-icon span:hover {
    transform: scale(1.2);
}
.whyUs-title h2 {
    text-transform: uppercase;
    font-size: 37px;
    color: #bcbcbc;
    font-weight: 300;
    padding-top: 10px;
}
.whyUs-title b {
    font-weight: bold;
    color: black;
}
.whyUs-title p {
    font-weight: 300;
    color: #5b5b5b;
    padding: 20px 0px;
}
.whyUs-title button {
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 30px;
}
/* Magnific Popup (Work) */
#our-work {
    padding: 100px 0px;
    padding-bottom: 0;
}
.gallery-area .work-title {
    text-align: center;
    margin-bottom: 50px;
}
.gallery-area .work-title h4 {
    font-weight: bold;
    text-transform: uppercase;
    color: black;
    padding-bottom: 10px;
    font-size: 30px;
}
.gallery-area .work-title p {
    font-weight: 300;
    color: #000000;
    position: relative;
    top: -30px;
    background-color: white;
    display: inline-block;
    padding: 0px 29px;
    font-size: 14px;
}
.gallery-area .single-imgs .overlay-bg {
    background: rgba(77, 199, 160, 0.79);
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 2;
}
.gallery-area .single-imgs:hover .overlay-bg {
    opacity: 1;
}
.overlay-bg {
    background: rgba(0, 0, 0, 0.5);
}
.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.gallery-area .single-imgs {
    margin-bottom: 30px;
    overflow: hidden;
    max-height: 245px;
}
.gallery-area .single-imgs {
    box-shadow: 0px 13px 22px -4px rgba(77, 77, 77, 0.45);
}
.relative {
    position: relative;
}
/* Experience */
#experience {
    padding: 0px 0px;
}
.experience-text .exp-number {
    text-align: center;
}
.experience-text .exp-number h1 {
    font-size: 26em;
    color: #e8e8e8;
    font-weight: 500;
}
.experience-text .exp-middle {
    margin-left: 65px;
    position: relative;
    top: 100px;
}
.experience-text .exp-middle h1 {
    font-size: 42px;
    color: #5b2098;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 13px;
    padding-top: 0px;
}
.experience-text .exp-middle p {
    font-size: 16px;
    color: #a190b2;
    padding-bottom: 30px;
    padding-top: 10px;
}
.experience-boxes .box-exp {
    text-align: center;
    background-color: white;
    border-radius: 6px;
    box-shadow: 0px 7px 24px -1px rgba(125, 125, 125, 0.25);
    padding: 20px 0px;
    position: relative;
    top: 10px;
    transition: all 0.3s ease 0s;
}
.experience-boxes .box-exp:hover {
    border: 1px solid #8331d9;
    border-radius: 4px;
    background: #410084;
    background: -webkit-linear-gradient(to right, #7e33ca, #410084);
    background: linear-gradient(to right, #7e33ca, #410084);
    top: -1px;
}
.experience-boxes .box-three .box-exp {
    border: 1px solid #8331d9;
    border-radius: 4px;
    background: #410084;
    background: -webkit-linear-gradient(to right, #7e33ca, #410084);
    background: linear-gradient(to right, #7e33ca, #410084);
}
.experience-boxes .box-three .box-exp p, .experience-boxes .box-three .box-exp span {
    color: white;
}
.experience-boxes .box-exp:hover p, .experience-boxes .box-exp:hover span {
    color: white;
}
.experience-boxes .box-one {
    padding: 0px 90px;
    margin-bottom: 25px;
    margin-top: 100px;
}
.experience-boxes .box-exp p {
    padding: 0;
    margin: 0;
    font-size: 40px;
    font-weight: bold;
    color: #e8e8e8;
}
.experience-boxes .box-exp span {
    font-weight: 300;
}
/* FAQ */
#faq {
    padding: 100px 0px;
    padding-bottom: 30px;
    background: #410084;
    background: -webkit-linear-gradient(to right, #380070, #5a00b6);
    background: linear-gradient(to right, #380070, #5a00b6);
    margin-bottom: 30px;
}
.fp-faq {
    margin-bottom: 0px !important;
    padding-bottom: 30px;
}
.faq-headings h1 {
    font-weight: bold;
    color: white;
    font-size: 4em;
}
.faq-headings span {
    font-weight: 400;
    color: white;
    font-size: 27px;
}
.faq-headings p {
    padding: 25px 0px 0px 0px;
    color: white;
    font-weight: 300;
}
.faq-headings button {
    margin-top: 20px;
}
.faq-accordion .card {
    padding-top: 5px;
    border-radius: 3px;
    margin-bottom: 15px;
    background-color: white;
    box-shadow: 0px 13px 22px -4px rgba(37, 0, 75, 0.58);
}
.faq-accordion .card-header {
    background-color: white;
    border-radius: 6px;
}
.faq-accordion .card-header button {
    text-decoration: none;
    color: black;
    font-weight: 500;
}
.card-header a:hover{
     color: green;
}
.faq-accordion .card-body p {
    padding: 0px 15px;
    font-size: 14px;
}
.faq-accordion .ask-question p {
    font-size: 14px;
    color: white;
    padding: 20px 0px;
}
.faq-accordion .ask-question p a {
    color: #ffcb2e !important;
    text-decoration: none;
}
.faq-accordion .ask-question p a:hover {
    text-decoration: none;
}
/* testimonials */
#testimonials {
    padding: 100px 0px;
    padding-bottom: 40px;
}
.testimonials .testimonials-title {
    text-align: center;
}
.testimonials .testimonials-title h4 {
    font-weight: bold;
    text-transform: uppercase;
    color: black;
    padding-bottom: 10px;
    font-size: 30px;
}
.testimonials .testimonials-title p {
    font-weight: 300;
    color: #000000;
    position: relative;
    top: -30px;
    background-color: white;
    display: inline-block;
    padding: 0px 29px;
    font-size: 14px;
    text-transform: uppercase;
}
.testimonial-carousel .item .testimonial-bars {
    padding: 20px 20px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 6px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 40px;
}
.testimonial-carousel .item .testimonial-bars .testimonial {
    padding: 20px 25px;
    background-color: white;
    box-shadow: 1px 3px 20px -2px rgba(125, 125, 125, 0.34);
    border-radius: 6px;
}
.testimonial-carousel .item .testimonial .testimonial-img img {
    width: 75px;
    border-radius: 50%;
    position: relative;
    bottom: 60px;
    box-shadow: -1px 8px 18px -3px rgba(0, 0, 0, 0.22);
    padding: 3px;
    border: 1px solid #dfdfdf;
}
.testimonial-carousel .item .testimonial .testimonial-name {
    position: relative;
    bottom: 30px;
    padding: 0px 5px;
}
.testimonial-carousel .item .testimonial .testimonial-name h4 {
    font-size: 18px;
    font-weight: 300;
    color: black;
}
.testimonial-carousel .item .testimonial .testimonial-name span {
    font-weight: 300;
    font-size: 14px;
    color: #b0b0b0;
}
.testimonial-carousel .item .testimonial .testimonial-name p {
    font-size: 14px;
    padding: 10px 0px 0px 0px;
    color: #b2b2b2;
    font-weight: 300;
    padding-bottom: 0px;
    margin: 0;
    font-style: italic;
}
.testimonial-carousel .item .testimonial .testimonial-icons {
    padding-bottom: 15px;
}
.testimonial-carousel .item .testimonial .testimonial-icons img {
    width: 15px;
    display: inline-block;
    margin-right: 4px;
}
/* Team UI */
#team {
    padding: 100px 0px;
    background-color: #f8f8f8;
}
.team-ui .team-headings h4 {
    font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: black;
    padding-top: 20px;
}
.team-ui .team-headings .border-line {
    padding: 0px 20px;
    margin-top: 20px;
    border-top: 2px solid #4dc7a0;
    display: inline;
}
.team-ui .team-headings h2 {
    font-weight: bold;
    font-size: 33px;
    padding: 0;
    margin: 0;
}
.team-ui .team-headings p {
    font-weight: 300;
    font-size: 18px;
    color: #838383;
    padding: 10px 0px;
    padding-right: 20px;
}
.team-visible-sm {
    display: none;
}
.team-ui .team-box {
    background-size: cover;
    background-repeat: no-repeat;
    height: 49vh;
    overflow: hidden;
    border-radius: 6px;
    margin-top: 10px;
    box-shadow: 0px 13px 22px -4px rgba(88, 88, 88, 0.51);
    transition: all 0.5s ease 0s;
    margin-bottom: 30px;
}
.team-ui .team-box:hover {
    box-shadow: 0px 15px 27px -8px rgba(0, 0, 0, 0.53);
}
.team-ui .team-member-one {
    background-image: url(../../img/team-3.jpg);
}
.team-ui .team-member-two {
    background-image: url(../../img/team-4.jpg);
}
.team-ui .team-member-three {
    background-image: url(../../img/team-5.jpg);
}
.team-ui .team-member-four {
    background-image: url(../../img/team-6.jpg);
}
.team-ui .team-member-five {
    background-image: url(../../img/team-7.jpg);
}
.team-ui .team-member-six {
    background-image: url(../../img/team-1.jpg);
}
.team-ui .team-box .team-img img {
    width: 100%;
    border-radius: 6px;
}
.team-ui .team-box .team-name {
    text-align: center;
    z-index: 40;
    position: relative;
    transition: all 0.2s ease 0s;
    visibility: visible;
    top: 100%;
}
.team-ui .team-box .team-name p {
    text-align: center;
    font-weight: 300;
    font-size: 20px;
    padding: 0;
    margin: 0;
    color: white;
}
.team-ui .team-box .team-name span {
    letter-spacing: 2px;
    font-weight: 300;
    font-size: 12px;
    color: white;
    padding: 0;
    margin: 0;
}
.team-ui .team-box:hover .team-name {
    top: 100%;
    transform: translateY(-100%);
    visibility: visible;
    background: #00000000;
    background: -webkit-linear-gradient(to bottom, #00000000, #0000005e, #000000d6);
    background: linear-gradient(to bottom, #00000000, #0000005e, #000000d6);
    padding: 15px 0px;
}
.team-ui .team-box:hover .team-name p {
    color: white;
}
.team-ui .team-box:hover .team-name span {
    color: white;
}
/* Blog-UI */
#blog {
    padding: 100px 0px;
    background: #410084;
    background: -webkit-linear-gradient(to right, #380070, #5a00b6);
    background: linear-gradient(to right, #380070, #340068);
    padding-bottom: 60px;
}
.blog-ui .left-content .headings span {
    color: white;
    letter-spacing: 2px;
    font-weight: 300;
    font-size: 13px;
    padding-left: 3px;
}
.blog-ui .left-content .headings h2 {
    color: white;
    margin-top: 10px;
    font-size: 35px;
}
.blog-ui .left-content .headings p {
    color: #beaece;
}
.blog-ui .left-content .posts-list ul {
    padding: 0px;
}
.blog-ui .left-content .posts-list ul li {
    list-style: none;
    font-weight: 500;
    padding: 15px 0px;
    font-size: 14px;
}
.blog-ui .left-content .posts-list ul li {
    border-bottom: 1px solid #541f88;
}
.blog-ui .left-content .posts-list ul li:last-child {
    border-bottom: 0px;
}
.blog-ui .left-content .posts-list ul li a {
    color: white;
}
.blog-ui .posts {
    padding: 0px 50px;
}
.blog-ui .posts .post-bg-1 {
    background-image: url(../../img/blog/m2.jpg);
}
.blog-ui .posts .post-bg-2 {
    background-image: url(../../img/blog/m6.jpg);
}
.blog-ui .posts .post-img {
    background-size: cover;
    height: 200px;
    box-shadow: 0px 9px 21px 1px rgb(37, 0, 75);
}
.blog-ui .posts .img-overlay {
    height: inherit;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #11998e8c;
    background: -webkit-linear-gradient(to top, #38ef7dd1, #11998e8c);
    background: linear-gradient(to top, #38ef7dd1, #11998e8c) 
}
.blog-ui .posts .author-img img {
    height: 40px;
    border-radius: 10px;
    border: 2px solid white;
    position: relative;
    left: 85%;
    top: -20px;
    box-shadow: 1px 3px 13px -1px rgb(136, 136, 136);
}
.blog-ui .posts .post-details {
    background-color: white;
    padding: 20px;
    padding-bottom: 25px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.blog-ui .posts .post-details p {
    font-weight: 400;
    font-size: 12px;
    color: #ababab;
    margin-bottom: 4px;
}
.blog-ui .posts .post-details span {
    padding-left: 30px;
}
.blog-ui .posts .post-details h4 {
    font-weight: bold;
    font-size: 18px;
    padding-top: 10px;
}
.blog-ui .posts .post-details h4 a {
    color: black;
}
.blog-ui .posts .post-details .paragraph {
    font-size: 14px;
    padding-bottom: 10px;
}
.blog-ui .posts .post-details .category {
    background-color: #3400692e;
    color: #9364c2;
    padding: 5px 16px;
    border-radius: 26px;
    font-weight: 500;
    font-size: 12px;
}
.blog-ui .posts .post-details .readmore {
    position: relative;
    text-align: right;
    top: 3px;
    float: right;
    right: 16px;
}
.blog-ui .posts .post-details .readmore {
    color: #b4b4b4;
    text-align: right;
}
.blog-ui .blog-details {
    background-color: white;
    border-radius: 10px;
    filter: drop-shadow(5px 5px 10px #dbdbdb);
    margin-bottom: 55px;
    padding: 30px;
}
.blog-ui .blog-details .details-img img {
    width: 100%;
    border-radius: 6px;
}
.blog-ui .blog-details .details-more {
    margin: 25px 0px;
}
.blog-ui .blog-details .details-more h4 {
    font-size: 24px;
    font-weight: 400;
}
.blog-ui .blog-details .details-author p {
    display: inline-block;
    font-size: 12px;
    padding-right: 20px;
    color: #636363;
    font-weight: 300;
}
.blog-ui .blog-details .details-author p span {
    padding-right: 4px;
}
.blog-ui .blog-details .details-description p {
    padding: 8px 0px;
    font-size: 14px;
    color: black;
}
.blog-ui .blog-details .details-description blockquote {
    border-left: 2px solid #602e91;
    padding: 0px 15px;
}
.blog-ui .blog-details .details-description .tags .ti {
    font-size: 14px;
}
.blog-ui .blog-details .details-description .tags span {
    font-size: 12px;
    letter-spacing: 1px;
    color: #8a8a8a;
}
.blog-ui .blog-details .details-description blockquote span {
    font-size: 14px;
    color: gray;
}
.details-description .nxt-prev {
    margin: 30px 0px;
}
.details-description .nxt-prev .next {
    float: right;
}
.details-description .nxt-prev .ti {
    font-size: 12px;
    padding: 0px 5px;
}
.details-description .comments {
    padding: 10px 0px;
}
.blog-ui .blog-details .details-description .comments .comment-heading {
    padding: 6px;
    border-bottom: 1px solid #efefef;
}
.details-description .comments .comment-heading h4 {
    font-size: 16px;
    font-weight: 400;
}
.details-description .comments .comment-body {
    padding: 25px 0px;
}
.details-description .comments .comment-body .comment-author-img img {
    width: 80%;
    border-radius: 50px;
    margin: auto;
    border: 1px solid #b4b4b4;
    padding: 2px;
    filter: drop-shadow(1px 5px 10px #c0c0c0);
}
.details-description .comments .comment-author-details {
    position: relative;
    right: 20px;
}
.details-description .comments .comment-author-details p {
    color: black;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
}
.details-description .comments .comment-author-details span {
    font-size: 13px;
    padding-right: 10px;
    color: gray;
}
.details-description .comments .comment-author-details i {
    font-size: 13px;
    color: gray;
    font-style: normal;
}
.details-description .comments .comment-author-details i span {
    color: black;
}
.details-description .comments .comment-author-details i span {
    color: black;
}
.details-description .comments .comment-author-details p.comment {
    font-weight: 300;
    font-size: 14px;
    color: rgb(82, 82, 82);
}
.details-description .comments .comment-form {
    margin-top: 35px;
}
.details-description .comments .comment-form .form-heading {
    padding: 10px 0px;
}
.details-description .comments .comment-form .form-heading h4 {
    font-size: 16px;
    font-weight: 500;
    color: black;
}
.details-description .comments .comment-form .theme-btn-success {
    margin-top: 20px;
}
.details-description .comments .comment-form .form-control::placeholder {
    color: #a7a7a7;
}
.details-description .comments .comment-form .form-control:focus {
    box-shadow: none;
    border-color: black;
}
.details-description .comments .comment-form .form-control {
    border: none;
    border-bottom: 1px solid #bebebe;
    padding: 20px 0;
    font-size: 14px;
    margin-bottom: 5px;
    background-color: transparent;
    margin-bottom: 10px;
}
/* Pricing */
#pricing {
    padding: 50px 0px;
    padding-bottom: 50px;
}
#pricing .pricing-title {
    text-align: center;
}
#pricing .pricing-title h2 {
    font-weight: 300;
    color: #bcbcbc;
}
#pricing .pricing-title P {
    font-weight: 400;
    font-size: 15px;
    padding: 0px 350px;
}
#pricing .pricing-tables {
    background-color: white;
    border-radius: 6px;
    padding: 20px 0px;
    margin: 25px 0px;
    border: 1px solid #e3e3e3;
    box-shadow: 2px 8px 18px 2px rgba(116, 116, 116, 0.15);
}
.pricing-tables .table {
    text-align: center;
    padding: 25px 0px;
}
.swiper-wrapper .swiper-slide-active .pricing-tables {
    border: 2px solid #8745cb;
}
.pricing-tables .table-header .recommended {
    border: 1px solid #23db8e;
    border-radius: 40px;
    background: #11998e;
    background: -webkit-linear-gradient(to right, #38ef7d, #11998e);
    background: linear-gradient(to right, #38ef7d, #11998e);
    display: inline-block;
    color: #ffffff;
    padding: 3px 20px;
    font-weight: 300;
}
.pricing-tables .table-header h4 {
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    letter-spacing: 2px;
}
.pricing-tables .table-header h1 {
    font-size: 100px;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}
.pricing-tables .table-header .dollar {
    font-size: 15px;
    padding: 0px;
    margin: 0px;
    position: relative;
    left: 20px;
    font-weight: 400;
    color: gray;
}
.pricing-tables .table-header .year {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    right: 30px;
    color: gray;
}
.pricing-tables .table-content ul {
    margin: 0px;
    padding: 0px;
}
.pricing-tables .table-content ul li {
    color: #868686;
    list-style: none;
    padding: 5px;
    font-weight: 300;
}
.pricing-tables .table-content ul .green:before {
    font-family: 'themify';
    content: "\e64c";
    padding: 0px 10px;
    color: #09e9a1;
    font-weight: bold;
}
.pricing-tables .table-content ul .red:before {
    font-family: 'themify';
    content: "\e646";
    padding: 0px 10px;
    color: #dc3545;
    font-weight: bold;
}
.pricing-tables .table-content button {
    margin-top: 40px;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: none;
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: none;
}
/* Blog Section */
#blog-ui {
    padding: 100px 0px;
    background-color: #f4f5f9;
}
.blog-ui .blog-card-full {
    background-color: white;
    border-radius: 10px;
    filter: drop-shadow(5px 5px 10px #dbdbdb);
    margin-bottom: 55px;
}
.blog-ui .blog-card-full .blog-card-image img {
    width: 100%;
    border-radius: 6px;
    margin: 25px;
}
.blog-ui .blog-card-full .blog-card-titles {
    padding: 40px 50px;
}
.blog-ui .blog-card-full .blog-card-titles .date {
    color: #bababa;
    font-size: 14px;
}
.blog-ui .blog-card-full .blog-card-titles h2 {
    padding-top: 15px;
}
.blog-ui .blog-card-full .blog-card-titles h4 {
    padding-top: 15px;
    font-size: 19px;
}
.blog-ui .blog-card-full .blog-card-titles .card-info {
    font-size: 13px;
}
.blog-ui .blog-card-full .blog-card-titles p {
    font-weight: 300;
    font-size: 15px;
    padding-top: 10px;
}
.blog-ui .blog-card-full .blog-card-titles .author {
    font-size: 15px;
    font-weight: 400;
    color: #848484;
    position: relative;
    top: 10px;
}
.blog-ui .blog-card-full .blog-card-titles p img {
    width: 40px;
    margin-right: 20px;
    border-radius: 20px;
}
.blog-ui .blog-card {
    padding: 20px;
    border-radius: 6px;
    background-color: white;
    margin-bottom: 60px;
    box-shadow: 2px 32px 20px -13px #e7e7e7;
}
.blog-ui .blog-card .blog-img img {
    width: 100%;
    position: relative;
    bottom: 50px;
    border-radius: 10px;
    margin-bottom: -30px;
    filter: drop-shadow(5px 5px 10px #c4c4c4);
}
.blog-ui .blog-card .blog-titles .category {
    font-weight: 400;
    font-size: 14px;
    color: #30dc7f;
}
.blog-ui .blog-card .blog-titles .title {
    font-weight: 500;
    padding-top: 10px;
    margin-bottom: 0px;
}
.blog-ui .blog-card .blog-titles a {
    color: black;
}
.blog-ui .blog-card .blog-titles .info {
    font-weight: 300;
    font-size: 14px;
    padding: 10px 0px;
}
.blog-ui .blog-card .blog-titles .author {
    color: #a8a8a8;
    font-weight: 400;
    font-size: 15px;
}
.blog-ui .blog-card .blog-titles .author img {
    width: 40px;
    border-radius: 20px;
    margin-right: 15px;
}
.blog-ui .pagination {
    text-align: center;
}
.blog-ui .pagination .page-item:first-child .page-link {
    color: black;
    background-color: white;
}
.blog-ui .pagination .page-item:last-child .page-link {
    color: black;
    background-color: white;
}
.blog-ui .pagination .page-link {
    color: black;
    font-size: 13px;
}
.page-item.active .page-link {
    background-color: #4a187f;
    border-color: #4a187f;
    color: white;
}
.blog-ui .blog-sidebar .widgets {
    background-color: white;
    padding: 25px 20px;
    border-radius: 10px;
    margin-bottom: 30px;
}
.blog-ui .blog-sidebar .widgets .member h4 {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.blog-ui .blog-sidebar .widgets .member p {
    font-weight: 300;
    font-size: 14px;
    color: black;
}
.blog-ui .blog-sidebar .widgets .member .form-control {
    border-radius: 3px;
    margin-bottom: 10px;
}
.blog-ui .blog-sidebar .widgets .member .form-control::placeholder {
    font-size: 13px;
}
.blog-ui .blog-sidebar .widgets .popular-posts h4 {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 20px;
}
.blog-ui .blog-sidebar .widgets .popular-posts .image img {
    border-radius: 4px;
    width: 70px;
}
.blog-ui .blog-sidebar .widgets .popular-posts .title span {
    font-weight: 500;
}
.blog-ui .blog-sidebar .widgets .popular-posts .posts-lists {
    margin-bottom: 30px;
}
.blog-ui .blog-sidebar .widgets .archive h4 {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}
.blog-ui .blog-sidebar .widgets .archive ul {
    padding: 0;
}
.blog-ui .blog-sidebar .widgets .archive ul li {
    list-style: none;
    padding: 5px 0px;
}
.blog-ui .blog-sidebar .widgets .archive ul li a {
    color: #535353;
    font-size: 14px;
    font-weight: 300;
}
.blog-ui .blog-sidebar .widgets .tags h4 {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 20px;
}
.blog-ui .blog-sidebar .widgets .tags ul {
    padding: 0;
}
.blog-ui .blog-sidebar .widgets .tags ul li {
    list-style: none;
    background-color: #661fae;
    padding: 3px 15px;
    display: inline-block;
    margin: 3px 0px;
    border-radius: 5px;
}
.blog-ui .blog-sidebar .widgets .tags ul li a {
    color: white;
    font-size: 14px;
    font-weight: 300;
}
#subscribe {
    padding: 50px 0px;
    padding-bottom: 30px;
    background-color: #2d0853;
}
.subscribe .text h2 {
    color: white;
    font-weight: 500;
}
/*Contact-form, Signin, Signup, Page-404*/
#contact {
    background-color: white;
    width: 80%;
    margin: 60px auto;
    padding: 80px;
    box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
}
.signup .sign-up__icon {
    margin-top: 100px;
    padding: 10px;
}
.signup .contact-heading h4 {
    font-size: 35px;
    color: black;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 25px;
    background-color: white;
    display: inline-block;
}
.signup .sign-up__form {
    padding-right: 40px;
}
.signup .sign-up__form .form-control {
    border: none;
    border-bottom: 1px solid #868686;
    padding: 20px 25px;
    font-size: 14px;
    margin-bottom: 5px;
    background-color: transparent;
}
.signup .sign-up__form .form-group {
    margin-bottom: 5px;
}
.signup .sign-up__form .form-control:focus {
    box-shadow: none;
    border-color: black;
}
.signup .sign-up__form .form-control {
    position: relative;
}
.signup .sign-up__form .form-group label {
    position: relative;
    top: 33px;
    margin-bottom: 0px;
    color: #868686;
    font-size: 14px;
}
.signup .sign-up__form .form-group .cont-msg {
    top: 43px;
}
.signup .sign-up__form .form-button {
    margin-top: 40px;
}
.signup .sign-up__form .form-group .label-agree-term {
    position: relative;
    top: 0px;
    margin-bottom: 30px;
}
.signup .sign-up__form .form-group .label-agree-term .term-service {
    color: black;
}
.signup .sign-up__form .theme-btn-purple:hover {
    color: white;
}
.signup .sign-up__form .label-agree-term {
    font-size: 14px;
    padding: 0px;
    margin: 25px 0px;
}
.sign-up__form .social-login {
    margin-top: 25px;
}
.sign-up__form .social-login .facebook {
    background-color: #3b5998;
    color: white;
    border-radius: 3px;
}
.sign-up__form .social-login .twitter {
    background-color: #00aced;
    color: white;
    border-radius: 3px;
}
.sign-up__form .social-login .gmail {
    background-color: #c32f10;
    color: white;
    border-radius: 3px;
}
.page-404 .page404-icon {
    margin-top: 0px;
}
.page-404 .page-404__heading {
    position: relative;
    top: 100px;
}
.page-404 .page-404__heading h4 {
    font-size: 24px;
    color: #c6c6c6;
    font-weight: 300;
}
.page-404 .page-404__heading p {
    font-size: 14px;
    color: #5d5d5d;
    font-weight: 400;
}
#footer {
    padding: 0px 0px;
    padding-bottom: 0;
    background-color: #1d0634;
}
.footer .footer-col-1 .footer-logo img {
    height: 40px;
}
.footer .footer-col-1 .footer-text p {
    color: white;
    font-weight: 300;
    padding: 20px 0px;
    font-size: 14px;
}
.footer .footer-col-2 {
    padding: 0px 50px;
}
.footer .footer-col-2 .footer-links h2 {
    font-size: 16px;
    font-weight: 500;
    color: white;
}
.footer .footer-col-2 .footer-links ul {
    padding: 0;
}
.footer .footer-col-2 .footer-links ul li {
    list-style: none;
    padding: 3px 0px;
}
.footer .footer-col-2 .footer-links ul li a {
    color: #dbb6ff;
    font-size: 14px;
    font-weight: 300;
}
.footer .footer-col-3 .footer-info h2 {
    font-size: 16px;
    font-weight: 500;
    color: white;
}
.footer .footer-col-3 .footer-info p {
    color: #ce9cff;
    font-weight: 300;
    font-size: 13px;
    padding: 5px 0px;
}
.footer .footer-col-3 .footer-info ul {
    padding: 0;
}
.footer .footer-col-3 .footer-info ul li {
    font-size: 15px;
    color: #ddbcff;
    font-weight: 500;
    list-style: none;
    padding: 2px 0px;
    border-bottom: 1px solid #d9b8fc;
    display: inline-block;
    margin-bottom: 10px;
}
.footer .footer-col-3 .footer-info ul li a {
    font-size: 15px;
    color: #ddbcff;
    font-weight: 500;
}
.footer .footer-social .social-network {
    padding: 0px;
}
.footer .footer-social .social-network li {
    list-style: none;
    font-size: 15px;
    display: inline;
    color: white;
    padding-right: 10px;
}
.footer .footer-social .social-network li a {
    color: #30dc7f;
}
#footer .copyright {
    border-top: 1px solid #422063;
}
.copyright .links ul {
    padding: 0;
}
.copyright .links ul li {
    list-style: none;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    padding-top: 40px;
}
.copyright .links ul li a {
    color: #afafaf;
}
.copyright .copy p {
    text-align: right;
    padding-top: 20px;
    color: #afafaf;
    margin-right: 10px;
    font-size: 13px;
}