/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
        
         :root {
            scroll-behavior: smooth;
        }
        
        body {
            font-family: "Open Sans", sans-serif;
            color: #171051;
        }
        
        a {
            color: #0170FE;
            text-decoration: none;
        }
        
        a:hover {
            color: #717ff5;
            text-decoration: none;
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: "Nunito", sans-serif;
        }
        /*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
        
        section {
            padding: 60px 0;
            overflow: hidden;
        }
        
        .section-header {
            text-align: left;
            padding-bottom: 40px;
        }
        /* .section-header h2 {
font-size: 13px;
letter-spacing: 1px;
font-weight: 700;
margin: 0;
color: #0170FE;
text-transform: uppercase;
} */
        
        .section-header h2 {
            font-size: 14px;
            font-weight: 700;
            padding: 0;
            line-height: 1px;
            margin: 0 0 5px 0;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #0170FE;
        }
        
        .section-header h2::after {
            content: "";
            width: 120px;
            height: 1px;
            display: inline-block;
            background: #E5201C;
            margin: 4px 10px;
        }
        
        .section-header p {
            margin: 10px 0 0 0;
            padding: 0;
            font-size: 38px;
            line-height: 42px;
            font-weight: 700;
            color: #171051;
        }
        
        @media (max-width: 768px) {
            .section-header p {
                font-size: 28px;
                line-height: 32px;
            }
            .loginrubi-section {
                padding: 4em 0;
            }
            .login-wrap {
                width: 100% !important;
                position: relative;
            }
        }
        /*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
        
        .breadcrumbs {
            padding: 15px 0;
            background: #171051;
            min-height: 40px;
            margin-top: 82px;
            color: #fff;
        }
        
        @media (max-width: 992px) {
            .breadcrumbs {
                margin-top: 57px;
            }
        }
        
        .breadcrumbs h2 {
            font-size: 28px;
            font-weight: 500;
        }
        
        .breadcrumbs ol {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            padding: 0 0 10px 0;
            margin: 0;
            font-size: 14px;
        }
        
        .breadcrumbs ol a {
            color: #fff;
            transition: 0.3s;
        }
        
        .breadcrumbs ol a:hover {
            text-decoration: underline;
        }
        
        .breadcrumbs ol li+li {
            padding-left: 10px;
        }
        
        .breadcrumbs ol li+li::before {
            display: inline-block;
            padding-right: 10px;
            color: #8894f6;
            content: "/";
        }
        /*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
        
        .back-to-top {
            position: fixed;
            visibility: hidden;
            opacity: 0;
            right: 15px;
            bottom: 15px;
            z-index: 99999;
            background: #0170FE;
            width: 40px;
            height: 40px;
            border-radius: 4px;
            transition: all 0.4s;
        }
        
        .back-to-top i {
            font-size: 24px;
            color: #fff;
            line-height: 0;
        }
        
        .back-to-top:hover {
            background: #6776f4;
            color: #fff;
        }
        
        .back-to-top.active {
            visibility: visible;
            opacity: 1;
        }
        /*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
        
        @media screen and (max-width: 768px) {
            [data-aos-delay] {
                transition-delay: 0 !important;
            }
        }
        /*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
        
        .header {
            transition: all 0.5s;
            z-index: 997;
            padding: 20px 0;
            background-color: #fff;
        }
        
        .header.header-scrolled {
            background: #fff;
            padding: 15px 0;
            box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
        }
        
        .header .logo {
            line-height: 0;
        }
        
        .header .logo img {
            max-height: 40px;
            margin-right: 6px;
        }
        
        .header .logo span {
            font-size: 30px;
            font-weight: 700;
            letter-spacing: 1px;
            color: #171051;
            font-family: "Nunito", sans-serif;
            margin-top: 3px;
        }
        /*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
        /**
* Desktop Navigation 
*/
        
        .navbar {
            padding: 0;
        }
        
        .navbar ul {
            margin: 0;
            padding: 0;
            display: flex;
            list-style: none;
            align-items: center;
        }
        
        .navbar li {
            position: relative;
        }
        
        .navbar a,
        .navbar a:focus {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 0 10px 30px;
            font-family: "Nunito", sans-serif;
            font-size: 16px;
            font-weight: 700;
            color: #171051;
            white-space: nowrap;
            transition: 0.3s;
        }
        
        .header-scrolled .navbar a,
        .header-scrolled .navbar a:focus {
            color: #171051;
        }
        
        .header-scrolled .navbar a.getstarted {
            color: #fff;
        }
        
        .navbar a i,
        .navbar a:focus i {
            font-size: 12px;
            line-height: 0;
            margin-left: 5px;
        }
        
        .navbar a:hover,
        .navbar .active,
        .navbar .active:focus,
        .navbar li:hover>a {
            color: #0170FE;
        }
        
        .navbar .getstarted,
        .navbar .getstarted:focus {
            background: #0170FE;
            padding: 8px 20px;
            margin-left: 30px;
            border-radius: 4px;
            color: #fff;
        }
        
        .navbar .getstarted:hover,
        .navbar .getstarted:focus:hover {
            color: #fff;
            background: #5969f3;
        }
        
        .navbar .dropdown ul {
            display: block;
            position: absolute;
            left: 14px;
            top: calc(100% + 30px);
            margin: 0;
            padding: 10px 0;
            z-index: 99;
            opacity: 0;
            visibility: hidden;
            background: #fff;
            box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
            transition: 0.3s;
            border-radius: 4px;
        }
        
        .navbar .dropdown ul li {
            min-width: 200px;
        }
        
        .navbar .dropdown ul a {
            padding: 10px 20px;
            font-size: 15px;
            text-transform: none;
            font-weight: 600;
            color: #171051;
        }
        
        .navbar .dropdown ul a i {
            font-size: 12px;
        }
        
        .navbar .dropdown ul a:hover,
        .navbar .dropdown ul .active:hover,
        .navbar .dropdown ul li:hover>a {
            color: #0170FE;
        }
        
        .navbar .dropdown:hover>ul {
            opacity: 1;
            top: 100%;
            visibility: visible;
        }
        
        .navbar .dropdown .dropdown ul {
            top: 0;
            left: calc(100% - 30px);
            visibility: hidden;
        }
        
        .navbar .dropdown .dropdown:hover>ul {
            opacity: 1;
            top: 0;
            left: 100%;
            visibility: visible;
        }
        
        @media (max-width: 1366px) {
            .navbar .dropdown .dropdown ul {
                left: -90%;
            }
            .navbar .dropdown .dropdown:hover>ul {
                left: -100%;
            }
        }
        
        .hidden {
            display: none;
            visibility: hidden;
        }
        /**
* Mobile Navigation 
*/
        
        .mobile-nav-toggle {
            color: #171051;
            font-size: 28px;
            cursor: pointer;
            display: none;
            line-height: 0;
            transition: 0.5s;
        }
        
        .mobile-nav-toggle.bi-x {
            color: #fff;
        }
        
        @media (max-width: 991px) {
            .mobile-nav-toggle {
                display: block;
            }
            .navbar ul {
                display: none;
            }
        }
        
        .navbar-mobile {
            position: fixed;
            overflow: hidden;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            background: rgba(1, 22, 61, 0.9);
            transition: 0.3s;
        }
        
        .navbar-mobile .mobile-nav-toggle {
            position: absolute;
            top: 15px;
            right: 15px;
        }
        
        .navbar-mobile ul {
            display: block;
            position: absolute;
            top: 55px;
            right: 15px;
            bottom: 15px;
            left: 15px;
            padding: 10px 0;
            border-radius: 10px;
            background-color: #fff;
            overflow-y: auto;
            transition: 0.3s;
        }
        
        .navbar-mobile a,
        .navbar-mobile a:focus {
            padding: 10px 20px;
            font-size: 15px;
            color: #171051;
        }
        
        .navbar-mobile a:hover,
        .navbar-mobile .active,
        .navbar-mobile li:hover>a {
            color: #0170FE;
        }
        
        .navbar-mobile .getstarted,
        .navbar-mobile .getstarted:focus {
            margin: 15px;
        }
        
        .navbar-mobile .dropdown ul {
            position: static;
            display: none;
            margin: 10px 20px;
            padding: 10px 0;
            z-index: 99;
            opacity: 1;
            visibility: visible;
            background: #fff;
            box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
        }
        
        .navbar-mobile .dropdown ul li {
            min-width: 200px;
        }
        
        .navbar-mobile .dropdown ul a {
            padding: 10px 20px;
        }
        
        .navbar-mobile .dropdown ul a i {
            font-size: 12px;
        }
        
        .navbar-mobile .dropdown ul a:hover,
        .navbar-mobile .dropdown ul .active:hover,
        .navbar-mobile .dropdown ul li:hover>a {
            color: #0170FE;
        }
        
        .navbar-mobile .dropdown>.dropdown-active {
            display: block;
        }
        /*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
        
        #hero {
            width: 100%;
            background: url("../img/hero-bg.jpg");
            background-position: left 140%;
            position: relative;
            padding: 120px 0 0 0;
        }
        
        #hero:before {
            content: "";
            /* background: rgba(1,112,254,0.95); */
            background: linear-gradient(-90deg, rgba(1, 112, 254, 1), rgba(255, 0, 0, 0.35) 60%);
            position: absolute;
            bottom: 0;
            top: 0;
            left: 0;
            right: 0;
        }
        
        #hero h1 {
            margin: 0 0 20px 0;
            font-size: 46px;
            font-weight: 700;
            line-height: 56px;
            color: rgba(255, 255, 255, 1);
        }
        
        #hero h1 span {
            color: #fff;
            /* border-bottom: 4px solid #0170FE; */
        }
        
        #hero h2 {
            color: rgba(255, 255, 255, 1);
            margin-bottom: 40px;
            font-size: 24px;
        }
        
        #hero .btn-get-started {
            font-family: "Nunito", sans-serif;
            font-weight: 500;
            font-size: 16px;
            text-transform: uppercase;
            letter-spacing: 1px;
            display: inline-block;
            padding: 15px 40px;
            border-radius: 4px;
            transition: 0.5s;
            color: #fff;
            background: #0170FE;
            margin-top: 30px;
            margin-right: 16px;
        }
        
        #hero .btn-get-started span {
            font-weight: 600;
            font-size: 16px;
            letter-spacing: 1px;
        }
        
        #hero .btn-get-started i {
            margin-left: 5px;
            font-size: 18px;
            transition: 0.3s;
        }
        
        #hero .btn-get-started:hover i {
            transform: translateX(5px);
        }
        
        #hero .animated {
            animation: up-down 2s ease-in-out infinite alternate-reverse both;
        }
        
        @media (min-width: 1024px) {
            #hero {
                background-position: left 100%;
            }
        }
        
        @media (max-width: 991px) {
            #hero {
                padding-top: 80px;
            }
            #hero {
                background-position: left 100%;
            }
            #hero .animated {
                -webkit-animation: none;
                animation: none;
            }
            #hero .hero-img {
                text-align: center;
            }
            #hero .hero-img img {
                max-width: 50%;
            }
            #hero h1 {
                font-size: 28px;
                line-height: 32px;
                margin-bottom: 10px;
            }
            #hero h2 {
                font-size: 18px;
                line-height: 24px;
                margin-bottom: 30px;
            }
        }
        
        @media (max-width: 575px) {
            #hero .hero-img img {
                width: 80%;
            }
            .header .logo span {
                color: #fff;
            }
            .mobile-nav-toggle {
                color: #fff;
            }
            .header.header-scrolled .logo span,
            .header.header-scrolled .mobile-nav-toggle {
                color: #171051;
            }
            #hero {
                width: 100%;
                background: url(../img/hero-bg.jpg);
                background-position: left 100%;
                position: relative;
                padding: 120px 0 0 0;
                background-size: cover;
                background-repeat: no-repeat;
            }
            #hero:before {
                content: "";
                background: linear-gradient(-180deg, rgba(1, 112, 254, 1), rgba(255, 0, 0, 0.35) 91%);
                position: absolute;
                bottom: 0;
                top: 0;
                left: 0;
                right: 0;
            }
        }
        
        @-webkit-keyframes up-down {
            0% {
                transform: translateY(10px);
            }
            100% {
                transform: translateY(-10px);
            }
        }
        
        @keyframes up-down {
            0% {
                transform: translateY(10px);
            }
            100% {
                transform: translateY(-10px);
            }
        }
        
        .hero-waves {
            display: block;
            margin-top: 60px;
            width: 100%;
            height: 60px;
            z-index: 5;
            position: relative;
        }
        
        .wave1 use {
            -webkit-animation: move-forever1 10s linear infinite;
            animation: move-forever1 10s linear infinite;
            -webkit-animation-delay: -2s;
            animation-delay: -2s;
        }
        
        .wave2 use {
            -webkit-animation: move-forever2 8s linear infinite;
            animation: move-forever2 8s linear infinite;
            -webkit-animation-delay: -2s;
            animation-delay: -2s;
        }
        
        .wave3 use {
            -webkit-animation: move-forever3 6s linear infinite;
            animation: move-forever3 6s linear infinite;
            -webkit-animation-delay: -2s;
            animation-delay: -2s;
        }
        
        @-webkit-keyframes move-forever1 {
            0% {
                transform: translate(85px, 0%);
            }
            100% {
                transform: translate(-90px, 0%);
            }
        }
        
        @keyframes move-forever1 {
            0% {
                transform: translate(85px, 0%);
            }
            100% {
                transform: translate(-90px, 0%);
            }
        }
        
        @-webkit-keyframes move-forever2 {
            0% {
                transform: translate(-90px, 0%);
            }
            100% {
                transform: translate(85px, 0%);
            }
        }
        
        @keyframes move-forever2 {
            0% {
                transform: translate(-90px, 0%);
            }
            100% {
                transform: translate(85px, 0%);
            }
        }
        
        @-webkit-keyframes move-forever3 {
            0% {
                transform: translate(-90px, 0%);
            }
            100% {
                transform: translate(85px, 0%);
            }
        }
        
        @keyframes move-forever3 {
            0% {
                transform: translate(-90px, 0%);
            }
            100% {
                transform: translate(85px, 0%);
            }
        }
        /*--------------------------------------------------------------
# Index Page
--------------------------------------------------------------*/
        /*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
        
        .about .content {
            background-color: #f6f9ff;
            padding: 40px;
        }
        
        .about h3 {
            font-size: 14px;
            font-weight: 700;
            color: #0170FE;
            text-transform: uppercase;
        }
        
        .about h2 {
            font-size: 24px;
            font-weight: 700;
            color: #171051;
        }
        
        .about p {
            margin: 15px 0 30px 0;
            line-height: 24px;
        }
        
        .about .btn-read-more {
            line-height: 0;
            padding: 15px 40px;
            border-radius: 4px;
            transition: 0.5s;
            color: #fff;
            background: #0170FE;
            box-shadow: 0px 5px 25px rgba(65, 84, 241, 0.3);
        }
        
        .about .btn-read-more span {
            font-family: "Nunito", sans-serif;
            font-weight: 600;
            font-size: 16px;
            letter-spacing: 1px;
        }
        
        .about .btn-read-more i {
            margin-left: 5px;
            font-size: 18px;
            transition: 0.3s;
        }
        
        .about .btn-read-more:hover i {
            transform: translateX(5px);
        }
        /*--------------------------------------------------------------
# Values
--------------------------------------------------------------*/
        
        .values .box {
            padding: 30px;
            box-shadow: 0px 0 5px rgba(1, 41, 112, 0.08);
            text-align: center;
            transition: 0.3s;
            height: 100%;
        }
        
        .values .box img {
            padding: 30px 50px;
            transition: 0.5s;
            transform: scale(1.1);
        }
        
        .values .box h3 {
            font-size: 24px;
            color: #171051;
            font-weight: 700;
            margin-bottom: 18px;
        }
        
        .values .box:hover {
            box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
        }
        
        .values .box:hover img {
            transform: scale(1);
        }
        /*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
        
        .counts {
            padding: 70px 0 60px;
        }
        
        .counts .count-box {
            display: flex;
            align-items: center;
            padding: 30px;
            width: 100%;
            background: #fff;
            box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
        }
        
        .counts .count-box i {
            font-size: 42px;
            line-height: 0;
            margin-right: 20px;
            color: #0170FE;
        }
        
        .counts .count-box span {
            font-size: 36px;
            display: block;
            font-weight: 600;
            color: #0b198f;
        }
        
        .counts .count-box p {
            padding: 0;
            margin: 0;
            font-family: "Nunito", sans-serif;
            font-size: 14px;
        }
        /*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
        
        .features .feature-box {
            padding: 24px 20px;
            box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
            transition: 0.3s;
            height: 100%;
        }
        
        .features .feature-box h3 {
            font-size: 18px;
            color: #171051;
            font-weight: 700;
            margin: 0;
        }
        
        .features .feature-box i {
            line-height: 0;
            background: #ecf3ff;
            padding: 4px;
            margin-right: 10px;
            font-size: 24px;
            border-radius: 3px;
            transition: 0.3s;
        }
        
        .features .feature-box:hover i {
            background: #0170FE;
            color: #fff;
        }
        
        .features .feture-tabs {
            margin-top: 120px;
        }
        
        .features .feture-tabs h3 {
            color: #171051;
            font-weight: 700;
            font-size: 32px;
            margin-bottom: 10px;
        }
        
        @media (max-width: 768px) {
            .features .feture-tabs h3 {
                font-size: 28px;
            }
        }
        
        .features .feture-tabs .nav-pills {
            border-bottom: 1px solid #eee;
        }
        
        .features .feture-tabs .nav-link {
            background: none;
            text-transform: uppercase;
            font-size: 15px;
            font-weight: 600;
            color: #171051;
            padding: 12px 0;
            margin-right: 25px;
            margin-bottom: -2px;
            border-radius: 0;
        }
        
        .features .feture-tabs .nav-link.active {
            color: #0170FE;
            border-bottom: 3px solid #0170FE;
        }
        
        .features .feture-tabs .tab-content h4 {
            font-size: 18px;
            margin: 0;
            font-weight: 700;
            color: #171051;
        }
        
        .features .feture-tabs .tab-content i {
            font-size: 24px;
            line-height: 0;
            margin-right: 8px;
            color: #0170FE;
        }
        
        .features .feature-icons {
            margin-top: 120px;
        }
        
        .features .feature-icons h3 {
            color: #171051;
            font-weight: 700;
            font-size: 32px;
            margin-bottom: 20px;
            text-align: center;
        }
        
        @media (max-width: 768px) {
            .features .feature-icons h3 {
                font-size: 28px;
            }
        }
        
        .features .feature-icons .content .icon-box {
            display: flex;
        }
        
        .features .feature-icons .content .icon-box h4 {
            font-size: 20px;
            font-weight: 700;
            margin: 0 0 10px 0;
            color: #171051;
        }
        
        .features .feature-icons .content .icon-box i {
            font-size: 44px;
            line-height: 44px;
            color: #0245bc;
            margin-right: 15px;
        }
        
        .features .feature-icons .content .icon-box p {
            font-size: 15px;
            color: #848484;
        }
        /*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
        
        .services .service-box {
            box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
            height: 100%;
            padding: 60px 30px;
            text-align: center;
            transition: 0.3s;
            border-radius: 5px;
        }
        
        .services .service-box .icon {
            font-size: 36px;
            padding: 40px 20px;
            border-radius: 4px;
            position: relative;
            margin-bottom: 25px;
            display: inline-block;
            line-height: 0;
            transition: 0.3s;
        }
        
        .services .service-box h3 {
            color: #444444;
            font-weight: 700;
        }
        
        .services .service-box .read-more {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            font-size: 16px;
            padding: 8px 20px;
        }
        
        .services .service-box .read-more i {
            line-height: 0;
            margin-left: 5px;
            font-size: 18px;
        }
        
        .services .service-box.blue {
            border-bottom: 3px solid #2db6fa;
        }
        
        .services .service-box.blue .icon {
            color: #2db6fa;
            background: #dbf3fe;
        }
        
        .services .service-box.blue .read-more {
            color: #2db6fa;
        }
        
        .services .service-box.blue:hover {
            background: #2db6fa;
        }
        
        .services .service-box.orange {
            border-bottom: 3px solid #f68c09;
        }
        
        .services .service-box.orange .icon {
            color: #f68c09;
            background: #fde3c4;
        }
        
        .services .service-box.orange .read-more {
            color: #f68c09;
        }
        
        .services .service-box.orange:hover {
            background: #f68c09;
        }
        
        .services .service-box.green {
            border-bottom: 3px solid #08da4e;
        }
        
        .services .service-box.green .icon {
            color: #08da4e;
            background: #cffddf;
        }
        
        .services .service-box.green .read-more {
            color: #08da4e;
        }
        
        .services .service-box.green:hover {
            background: #08da4e;
        }
        
        .services .service-box.red {
            border-bottom: 3px solid #e9222c;
        }
        
        .services .service-box.red .icon {
            color: #e9222c;
            background: #fef7f8;
        }
        
        .services .service-box.red .read-more {
            color: #e9222c;
        }
        
        .services .service-box.red:hover {
            background: #e9222c;
        }
        
        .services .service-box.purple {
            border-bottom: 3px solid #b50edf;
        }
        
        .services .service-box.purple .icon {
            color: #b50edf;
            background: #f8e4fd;
        }
        
        .services .service-box.purple .read-more {
            color: #b50edf;
        }
        
        .services .service-box.purple:hover {
            background: #b50edf;
        }
        
        .services .service-box.pink {
            border-bottom: 3px solid #f51f9c;
        }
        
        .services .service-box.pink .icon {
            color: #f51f9c;
            background: #feecf7;
        }
        
        .services .service-box.pink .read-more {
            color: #f51f9c;
        }
        
        .services .service-box.pink:hover {
            background: #f51f9c;
        }
        
        .services .service-box:hover h3,
        .services .service-box:hover p,
        .services .service-box:hover .read-more {
            color: #fff;
        }
        
        .services .service-box:hover .icon {
            background: #fff;
        }
        /*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
        
        .pricing .box {
            padding: 40px 20px;
            background: #fff;
            text-align: center;
            box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
            border-radius: 4px;
            position: relative;
            overflow: hidden;
            transition: 0.3s;
        }
        
        .pricing .box:hover {
            transform: scale(1.1);
            box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
        }
        
        .pricing h3 {
            font-weight: 700;
            font-size: 18px;
            margin-bottom: 15px;
        }
        
        .pricing .price {
            font-size: 36px;
            color: #444444;
            font-weight: 600;
            font-family: "Poppins", sans-serif;
        }
        
        .pricing .price sup {
            font-size: 20px;
            top: -15px;
            left: -3px;
        }
        
        .pricing .price span {
            color: #bababa;
            font-size: 16px;
            font-weight: 300;
        }
        
        .pricing img {
            padding: 30px 40px;
        }
        
        .pricing ul {
            padding: 0;
            list-style: none;
            color: #444444;
            text-align: center;
            line-height: 26px;
            font-size: 16px;
            margin-bottom: 25px;
        }
        
        .pricing ul li {
            padding-bottom: 10px;
        }
        
        .pricing ul .na {
            color: #ccc;
            text-decoration: line-through;
        }
        
        .pricing .btn-buy {
            display: inline-block;
            padding: 8px 40px 10px 40px;
            border-radius: 50px;
            color: #0170FE;
            transition: none;
            font-size: 16px;
            font-weight: 400;
            font-family: "Nunito", sans-serif;
            font-weight: 600;
            transition: 0.3s;
            border: 1px solid #0170FE;
        }
        
        .pricing .btn-buy:hover {
            background: #0170FE;
            color: #fff;
        }
        
        .pricing .featured {
            width: 200px;
            position: absolute;
            top: 18px;
            right: -68px;
            transform: rotate(45deg);
            z-index: 1;
            font-size: 14px;
            padding: 1px 0 3px 0;
            background: #0170FE;
            color: #fff;
        }
        /*--------------------------------------------------------------
# F.A.Q
--------------------------------------------------------------*/
        
        .faq .accordion-collapse {
            border: 0;
        }
        
        .faq .accordion-button {
            padding: 15px 15px 20px 0;
            font-weight: 600;
            border: 0;
            font-size: 18px;
            color: #444444;
            text-align: left;
        }
        
        .faq .accordion-button:focus {
            box-shadow: none;
        }
        
        .faq .accordion-button:not(.collapsed) {
            background: none;
            color: #0170FE;
            border-bottom: 0;
        }
        
        .faq .accordion-body {
            padding: 0 0 25px 0;
            border: 0;
        }
        /*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
        
        .portfolio #portfolio-flters {
            padding: 0;
            margin: 0 auto 25px auto;
            list-style: none;
            text-align: center;
            background: white;
            border-radius: 50px;
            padding: 2px 15px;
        }
        
        .portfolio #portfolio-flters li {
            cursor: pointer;
            display: inline-block;
            padding: 8px 20px 10px 20px;
            font-size: 15px;
            font-weight: 600;
            line-height: 1;
            color: #444444;
            margin: 0 4px 8px 4px;
            transition: 0.3s;
            border-radius: 50px;
            border: 1px solid #fff;
        }
        
        .portfolio #portfolio-flters li:hover,
        .portfolio #portfolio-flters li.filter-active {
            color: #0170FE;
            border-color: #0170FE;
        }
        
        .portfolio #portfolio-flters li:last-child {
            margin-right: 0;
        }
        
        .portfolio .portfolio-wrap {
            transition: 0.3s;
            position: relative;
            overflow: hidden;
            z-index: 1;
            background: rgba(255, 255, 255, 0.75);
        }
        
        .portfolio .portfolio-wrap::before {
            content: "";
            background: rgba(255, 255, 255, 0.75);
            position: absolute;
            left: 30px;
            right: 30px;
            top: 30px;
            bottom: 30px;
            transition: all ease-in-out 0.3s;
            z-index: 2;
            opacity: 0;
        }
        
        .portfolio .portfolio-wrap img {
            transition: 1s;
        }
        
        .portfolio .portfolio-wrap .portfolio-info {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            text-align: center;
            z-index: 3;
            transition: all ease-in-out 0.3s;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        
        .portfolio .portfolio-wrap .portfolio-info::before {
            display: block;
            content: "";
            width: 48px;
            height: 48px;
            position: absolute;
            top: 35px;
            left: 35px;
            border-top: 3px solid rgba(1, 41, 112, 0.2);
            border-left: 3px solid rgba(1, 41, 112, 0.2);
            transition: all 0.5s ease 0s;
            z-index: 9994;
        }
        
        .portfolio .portfolio-wrap .portfolio-info::after {
            display: block;
            content: "";
            width: 48px;
            height: 48px;
            position: absolute;
            bottom: 35px;
            right: 35px;
            border-bottom: 3px solid rgba(1, 41, 112, 0.2);
            border-right: 3px solid rgba(1, 41, 112, 0.2);
            transition: all 0.5s ease 0s;
            z-index: 9994;
        }
        
        .portfolio .portfolio-wrap .portfolio-info h4 {
            font-size: 20px;
            color: #171051;
            font-weight: 700;
        }
        
        .portfolio .portfolio-wrap .portfolio-info p {
            color: #171051;
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            padding: 0;
            margin: 0;
        }
        
        .portfolio .portfolio-wrap .portfolio-links {
            text-align: center;
            z-index: 4;
        }
        
        .portfolio .portfolio-wrap .portfolio-links a {
            color: #fff;
            background: #0170FE;
            margin: 10px 2px;
            width: 36px;
            height: 36px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: 0.3s;
        }
        
        .portfolio .portfolio-wrap .portfolio-links a i {
            font-size: 24px;
            line-height: 0;
        }
        
        .portfolio .portfolio-wrap .portfolio-links a:hover {
            background: #5969f3;
        }
        
        .portfolio .portfolio-wrap:hover img {
            transform: scale(1.1);
        }
        
        .portfolio .portfolio-wrap:hover::before {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 1;
        }
        
        .portfolio .portfolio-wrap:hover .portfolio-info {
            opacity: 1;
        }
        
        .portfolio .portfolio-wrap:hover .portfolio-info::before {
            top: 15px;
            left: 15px;
        }
        
        .portfolio .portfolio-wrap:hover .portfolio-info::after {
            bottom: 15px;
            right: 15px;
        }
        /*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
        
        .portfolio-details {
            padding-top: 40px;
        }
        
        .portfolio-details .portfolio-details-slider img {
            width: 100%;
        }
        
        .portfolio-details .portfolio-details-slider .swiper-pagination {
            margin-top: 20px;
            position: relative;
        }
        
        .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            background-color: #fff;
            opacity: 1;
            border: 1px solid #0170FE;
        }
        
        .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
            background-color: #0170FE;
        }
        
        .portfolio-details .portfolio-info {
            padding: 30px;
            box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
        }
        
        .portfolio-details .portfolio-info h3 {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eee;
        }
        
        .portfolio-details .portfolio-info ul {
            list-style: none;
            padding: 0;
            font-size: 15px;
        }
        
        .portfolio-details .portfolio-info ul li+li {
            margin-top: 10px;
        }
        
        .portfolio-details .portfolio-description {
            padding-top: 30px;
        }
        
        .portfolio-details .portfolio-description h2 {
            font-size: 26px;
            font-weight: 700;
            margin-bottom: 20px;
        }
        
        .portfolio-details .portfolio-description p {
            padding: 0;
        }
        /*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
        
        .testimonials .testimonial-item {
            box-sizing: content-box;
            padding: 30px;
            margin: 40px 30px;
            box-shadow: 0px 0 20px rgba(1, 41, 112, 0.1);
            background: #fff;
            min-height: 320px;
            display: flex;
            flex-direction: column;
            text-align: center;
            transition: 0.3s;
        }
        
        .testimonials .testimonial-item .stars {
            margin-bottom: 15px;
        }
        
        .testimonials .testimonial-item .stars i {
            color: #ffc107;
            margin: 0 1px;
        }
        
        .testimonials .testimonial-item .testimonial-img {
            width: 90px;
            border-radius: 50%;
            border: 4px solid #fff;
            margin: 0 auto;
        }
        
        .testimonials .testimonial-item h3 {
            font-size: 18px;
            font-weight: bold;
            margin: 10px 0 5px 0;
            color: #111;
        }
        
        .testimonials .testimonial-item h4 {
            font-size: 14px;
            color: #999;
            margin: 0;
        }
        
        .testimonials .testimonial-item p {
            font-style: italic;
            margin: 0 auto 15px auto;
        }
        
        .testimonials .swiper-pagination {
            margin-top: 20px;
            position: relative;
        }
        
        .testimonials .swiper-pagination .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            background-color: #fff;
            opacity: 1;
            border: 1px solid #0170FE;
        }
        
        .testimonials .swiper-pagination .swiper-pagination-bullet-active {
            background-color: #0170FE;
        }
        
        .testimonials .swiper-slide {
            opacity: 0.3;
        }
        
        @media (max-width: 1199px) {
            .testimonials .swiper-slide-active {
                opacity: 1;
            }
            .testimonials .swiper-pagination {
                margin-top: 0;
            }
        }
        
        @media (min-width: 1200px) {
            .testimonials .swiper-slide-next {
                opacity: 1;
                transform: scale(1.12);
            }
        }
        /*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
        
        .team {
            background: #f8f8f8;
            padding: 60px 0;
        }
        
        .team .member {
            overflow: hidden;
            text-align: center;
            border-radius: 5px;
            background: #fff;
            box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
            transition: 0.3s;
        }
        
        .team .member .member-img {
            position: relative;
            overflow: hidden;
        }
        
        .team .member .member-img:after {
            position: absolute;
            content: "";
            left: 0;
            bottom: 0;
            height: 100%;
            width: 100%;
            background: url(../img/team-shape.svg) no-repeat center bottom;
            background-size: contain;
            z-index: 1;
        }
        
        .team .member .social {
            position: absolute;
            right: -100%;
            top: 30px;
            opacity: 0;
            border-radius: 4px;
            transition: 0.5s;
            background: rgba(255, 255, 255, 0.55);
            z-index: 2;
        }
        
        .team .member .social a {
            transition: color 0.3s;
            color: #0170FE;
            margin: 15px 12px;
            display: block;
            line-height: 0;
            text-align: center;
        }
        
        .team .member .social a:hover {
            color: rgba(1, 41, 112, 0.8);
        }
        
        .team .member .social i {
            font-size: 18px;
        }
        
        .team .member .member-info {
            padding: 10px 15px 20px 15px;
        }
        
        .team .member .member-info h4 {
            font-weight: 700;
            margin-bottom: 5px;
            font-size: 20px;
            color: #171051;
        }
        
        .team .member .member-info span {
            display: block;
            font-size: 14px;
            font-weight: 400;
            color: #aaaaaa;
        }
        
        .team .member .member-info p {
            font-style: italic;
            font-size: 14px;
            padding-top: 15px;
            line-height: 26px;
            color: #5e5e5e;
        }
        
        .team .member:hover {
            transform: scale(1.08);
            box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
        }
        
        .team .member:hover .social {
            right: 8px;
            opacity: 1;
        }
        /*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
        
        .clients .clients-slider .swiper-slide img {
            opacity: 0.5;
            transition: 0.3s;
        }
        
        .clients .clients-slider .swiper-slide img:hover {
            opacity: 1;
        }
        
        .clients .clients-slider .swiper-pagination {
            margin-top: 20px;
            position: relative;
            display: none;
        }
        
        .clients .clients-slider .swiper-pagination .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            background-color: #fff;
            opacity: 1;
            border: 1px solid #0170FE;
        }
        
        .clients .clients-slider .swiper-pagination .swiper-pagination-bullet-active {
            background-color: #0170FE;
        }
        /*--------------------------------------------------------------
# Recent Blog Posts
--------------------------------------------------------------*/
        
        .recent-blog-posts .post-box {
            box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
            transition: 0.3s;
            height: 100%;
            overflow: hidden;
            padding: 30px;
            border-radius: 8px;
            position: relative;
            display: flex;
            flex-direction: column;
        }
        
        .recent-blog-posts .post-box .post-img {
            overflow: hidden;
            margin: -30px -30px 15px -30px;
            position: relative;
        }
        
        .recent-blog-posts .post-box .post-img img {
            transition: 0.5s;
        }
        
        .recent-blog-posts .post-box .post-date {
            font-size: 16px;
            font-weight: 500;
            color: #999;
            display: block;
            margin-bottom: 10px;
        }
        
        .recent-blog-posts .post-box .post-title {
            font-size: 22px;
            color: #171051;
            font-weight: 700;
            margin-bottom: 18px;
            position: relative;
            transition: 0.3s;
        }
        
        .recent-blog-posts .post-box .readmore {
            /* display: flex; */
            align-items: center;
            font-weight: 600;
            line-height: 1;
            transition: 0.3s;
            text-align: right;
        }
        
        .recent-blog-posts .post-box .readmore i {
            line-height: 0;
            margin-left: 4px;
            font-size: 18px;
        }
        
        .recent-blog-posts .post-box:hover .post-title {
            color: #0170FE;
        }
        
        .recent-blog-posts .post-box:hover .post-img img {
            transform: rotate(6deg) scale(1.2);
        }
        /*--------------------------------------------------------------
# Details
--------------------------------------------------------------*/
        
        .details {
            background: #4F7DE9 url("../img/bg-detail.png");
            color: #fff;
        }
        
        .details .content+.content {
            margin-top: 100px;
        }
        
        .details .content h3 {
            font-weight: bold;
            color: #ffffff;
            text-transform: uppercase;
            font-size: 32px;
            line-height: 40px;
        }
        
        .details .content ul {
            list-style: none;
            padding: 0;
        }
        
        .details .content ul li {
            padding-bottom: 10px;
        }
        
        .details .content ul i {
            font-size: 20px;
            padding-right: 4px;
            color: #fff;
        }
        
        .details .content p:last-child {
            margin-bottom: 0;
        }
        /*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
        
        .contact .info2 {
            width: 100%;
            background: #fff;
        }
        
        .contact .info2 i {
            font-size: 20px;
            color: #0170FE;
            float: left;
            width: 44px;
            height: 44px;
            background: #f0f0ff;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50px;
            transition: all 0.3s ease-in-out;
        }
        
        .contact .info2 h4 {
            padding: 0 0 0 60px;
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 5px;
            color: #171051;
        }
        
        .contact .info2 p {
            padding: 0 0 0 60px;
            margin-bottom: 0;
            font-size: 14px;
        }
        
        .contact .info2 .email,
        .contact .info2 .phone {
            margin-top: 40px;
        }
        
        .contact .info2 .email:hover i,
        .contact .info2 .address:hover i,
        .contact .info2 .phone:hover i {
            background: #0170FE;
            color: #fff;
        }
        
        .contact .info-box {
            color: #444444;
            background: #fafbff;
            padding: 30px;
        }
        
        .contact .info-box i {
            font-size: 38px;
            line-height: 0;
            color: #0170FE;
        }
        
        .contact .info-box h3 {
            font-size: 20px;
            color: #171051;
            font-weight: 700;
            margin: 20px 0 10px 0;
        }
        
        .contact .info-box p {
            padding: 0;
            line-height: 24px;
            font-size: 14px;
            margin-bottom: 0;
        }
        
        .contact .php-email-form {
            background: #fafbff;
            padding: 30px;
            height: 100%;
        }
        
        .contact .php-email-form .error-message {
            display: none;
            color: #fff;
            background: #ed3c0d;
            text-align: left;
            padding: 15px;
            margin-bottom: 24px;
            font-weight: 600;
        }
        
        .contact .php-email-form .sent-message {
            display: none;
            color: #fff;
            background: #18d26e;
            text-align: center;
            padding: 15px;
            margin-bottom: 24px;
            font-weight: 600;
        }
        
        .contact .php-email-form .loading {
            display: none;
            background: #fff;
            text-align: center;
            padding: 15px;
            margin-bottom: 24px;
        }
        
        .contact .php-email-form .loading:before {
            content: "";
            display: inline-block;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            margin: 0 10px -6px 0;
            border: 3px solid #18d26e;
            border-top-color: #eee;
            -webkit-animation: animate-loading 1s linear infinite;
            animation: animate-loading 1s linear infinite;
        }
        
        .contact .php-email-form input,
        .contact .php-email-form textarea {
            border-radius: 0;
            box-shadow: none;
            font-size: 14px;
            border-radius: 0;
        }
        
        .contact .php-email-form input:focus,
        .contact .php-email-form textarea:focus {
            border-color: #0170FE;
        }
        
        .contact .php-email-form input {
            padding: 10px 15px;
        }
        
        .contact .php-email-form textarea {
            padding: 12px 15px;
        }
        
        .contact .php-email-form button[type=submit] {
            background: #0170FE;
            border: 0;
            padding: 10px 30px;
            color: #fff;
            transition: 0.4s;
            border-radius: 4px;
        }
        
        .contact .php-email-form button[type=submit]:hover {
            background: #5969f3;
        }
        
        @-webkit-keyframes animate-loading {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
        
        @keyframes animate-loading {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
        /*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
        
        .blog {
            padding: 40px 0 20px 0;
        }
        
        .blog .entry {
            padding: 30px;
            margin-bottom: 60px;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
        }
        
        .blog .entry .entry-img {
            max-height: 440px;
            margin: -30px -30px 20px -30px;
            overflow: hidden;
        }
        
        .blog .entry .entry-title {
            font-size: 28px;
            font-weight: bold;
            padding: 0;
            margin: 0 0 20px 0;
        }
        
        .blog .entry .entry-title a {
            color: #171051;
            transition: 0.3s;
        }
        
        .blog .entry .entry-title a:hover {
            color: #0170FE;
        }
        
        .blog .entry .entry-meta {
            margin-bottom: 15px;
            color: #4084fd;
        }
        
        .blog .entry .entry-meta ul {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            align-items: center;
            padding: 0;
            margin: 0;
        }
        
        .blog .entry .entry-meta ul li+li {
            padding-left: 20px;
        }
        
        .blog .entry .entry-meta i {
            font-size: 16px;
            margin-right: 8px;
            line-height: 0;
        }
        
        .blog .entry .entry-meta a {
            color: #777777;
            font-size: 14px;
            display: inline-block;
            line-height: 1;
        }
        
        .blog .entry .entry-content p {
            line-height: 24px;
        }
        
        .blog .entry .entry-content .read-more {
            -moz-text-align-last: right;
            text-align-last: right;
        }
        
        .blog .entry .entry-content .read-more a {
            display: inline-block;
            background: #0170FE;
            color: #fff;
            padding: 6px 20px;
            transition: 0.3s;
            font-size: 14px;
            border-radius: 4px;
        }
        
        .blog .entry .entry-content .read-more a:hover {
            background: #5969f3;
        }
        
        .blog .entry .entry-content h3 {
            font-size: 22px;
            margin-top: 30px;
            font-weight: bold;
        }
        
        .blog .entry .entry-content blockquote {
            overflow: hidden;
            background-color: #fafafa;
            padding: 60px;
            position: relative;
            text-align: center;
            margin: 20px 0;
        }
        
        .blog .entry .entry-content blockquote p {
            color: #444444;
            line-height: 1.6;
            margin-bottom: 0;
            font-style: italic;
            font-weight: 500;
            font-size: 22px;
        }
        
        .blog .entry .entry-content blockquote::after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 3px;
            background-color: #171051;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        
        .blog .entry .entry-footer {
            padding-top: 10px;
            border-top: 1px solid #e6e6e6;
        }
        
        .blog .entry .entry-footer i {
            color: #0d64fd;
            display: inline;
        }
        
        .blog .entry .entry-footer a {
            color: #013289;
            transition: 0.3s;
        }
        
        .blog .entry .entry-footer a:hover {
            color: #0170FE;
        }
        
        .blog .entry .entry-footer .cats {
            list-style: none;
            display: inline;
            padding: 0 20px 0 0;
            font-size: 14px;
        }
        
        .blog .entry .entry-footer .cats li {
            display: inline-block;
        }
        
        .blog .entry .entry-footer .tags {
            list-style: none;
            display: inline;
            padding: 0;
            font-size: 14px;
        }
        
        .blog .entry .entry-footer .tags li {
            display: inline-block;
        }
        
        .blog .entry .entry-footer .tags li+li::before {
            padding-right: 6px;
            color: #6c757d;
            content: ",";
        }
        
        .blog .entry .entry-footer .share {
            font-size: 16px;
        }
        
        .blog .entry .entry-footer .share i {
            padding-left: 5px;
        }
        
        .blog .entry-single {
            margin-bottom: 30px;
        }
        
        .blog .blog-author {
            padding: 20px;
            margin-bottom: 30px;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
        }
        
        .blog .blog-author img {
            width: 120px;
            margin-right: 20px;
        }
        
        .blog .blog-author h4 {
            font-weight: 600;
            font-size: 22px;
            margin-bottom: 0px;
            padding: 0;
            color: #171051;
        }
        
        .blog .blog-author .social-links {
            margin: 0 10px 10px 0;
        }
        
        .blog .blog-author .social-links a {
            color: rgba(1, 41, 112, 0.5);
            margin-right: 5px;
        }
        
        .blog .blog-author p {
            font-style: italic;
            color: #b7b7b7;
        }
        
        .blog .blog-comments {
            margin-bottom: 30px;
        }
        
        .blog .blog-comments .comments-count {
            font-weight: bold;
        }
        
        .blog .blog-comments .comment {
            margin-top: 30px;
            position: relative;
        }
        
        .blog .blog-comments .comment .comment-img {
            margin-right: 14px;
        }
        
        .blog .blog-comments .comment .comment-img img {
            width: 60px;
        }
        
        .blog .blog-comments .comment h5 {
            font-size: 16px;
            margin-bottom: 2px;
        }
        
        .blog .blog-comments .comment h5 a {
            font-weight: bold;
            color: #444444;
            transition: 0.3s;
        }
        
        .blog .blog-comments .comment h5 a:hover {
            color: #0170FE;
        }
        
        .blog .blog-comments .comment h5 .reply {
            padding-left: 10px;
            color: #171051;
        }
        
        .blog .blog-comments .comment h5 .reply i {
            font-size: 20px;
        }
        
        .blog .blog-comments .comment time {
            display: block;
            font-size: 14px;
            color: #013ca3;
            margin-bottom: 5px;
        }
        
        .blog .blog-comments .comment.comment-reply {
            padding-left: 0px;
        }
        
        .blog .blog-comments .reply-form {
            margin-top: 30px;
            padding: 30px;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
        }
        
        .blog .blog-comments .reply-form h4 {
            font-weight: bold;
            font-size: 22px;
        }
        
        .blog .blog-comments .reply-form p {
            font-size: 14px;
        }
        
        .blog .blog-comments .reply-form input {
            border-radius: 4px;
            padding: 10px 10px;
            font-size: 14px;
        }
        
        .blog .blog-comments .reply-form input:focus {
            box-shadow: none;
            border-color: #a0aaf8;
        }
        
        .blog .blog-comments .reply-form textarea {
            border-radius: 4px;
            padding: 10px 10px;
            font-size: 14px;
        }
        
        .blog .blog-comments .reply-form textarea:focus {
            box-shadow: none;
            border-color: #a0aaf8;
        }
        
        .blog .blog-comments .reply-form .form-group {
            margin-bottom: 25px;
        }
        
        .blog .blog-comments .reply-form .btn-primary {
            border-radius: 4px;
            padding: 10px 20px;
            border: 0;
            background-color: #171051;
        }
        
        .blog .blog-comments .reply-form .btn-primary:hover {
            background-color: #013289;
        }
        
        .blog .blog-pagination {
            color: #024ed5;
        }
        
        .blog .blog-pagination ul {
            display: flex;
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        .blog .blog-pagination li {
            margin: 0 5px;
            transition: 0.3s;
        }
        
        .blog .blog-pagination li a,
        .blog .blog-pagination li span {
            color: #171051;
            padding: 7px 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 4px;
        }
        
        .blog .blog-pagination li.active,
        .blog .blog-pagination li:hover {
            background: #0170FE;
            border-radius: 4px;
        }
        
        .blog .blog-pagination li.active a,
        .blog .blog-pagination li:hover a,
        .blog .blog-pagination li.active span,
        .blog .blog-pagination li:hover span {
            color: #fff;
        }
        
        .blog .sidebar {
            padding: 30px;
            margin: 0 0 60px 20px;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
        }
        
        .blog .sidebar .sidebar-title {
            font-size: 20px;
            font-weight: 700;
            padding: 0 0 0 0;
            margin: 0 0 15px 0;
            color: #171051;
            position: relative;
        }
        
        .blog .sidebar .sidebar-item {
            margin-bottom: 30px;
        }
        
        .blog .sidebar .search-form form {
            background: #fff;
            border: 1px solid #ddd;
            padding: 3px 10px;
            position: relative;
        }
        
        .blog .sidebar .search-form form input[type=text] {
            border: 0;
            padding: 4px;
            border-radius: 4px;
            width: calc(100% - 40px);
        }
        
        .blog .sidebar .search-form form button {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            border: 0;
            background: none;
            font-size: 16px;
            padding: 0 15px;
            margin: -1px;
            background: #0170FE;
            color: #fff;
            transition: 0.3s;
            border-radius: 0 4px 4px 0;
            line-height: 0;
        }
        
        .blog .sidebar .search-form form button i {
            line-height: 0;
        }
        
        .blog .sidebar .search-form form button:hover {
            background: #5465f2;
        }
        
        .blog .sidebar .categories ul {
            list-style: none;
            padding: 0;
        }
        
        .blog .sidebar .categories ul li+li {
            padding-top: 10px;
        }
        
        .blog .sidebar .categories ul a {
            color: #171051;
            transition: 0.3s;
        }
        
        .blog .sidebar .categories ul a:hover {
            color: #0170FE;
        }
        
        .blog .sidebar .categories ul a span {
            padding-left: 5px;
            color: #aaaaaa;
            font-size: 14px;
        }
        
        .blog .sidebar .recent-posts .post-item+.post-item {
            margin-top: 15px;
        }
        
        .blog .sidebar .recent-posts img {
            width: 80px;
            float: left;
        }
        
        .blog .sidebar .recent-posts h4 {
            font-size: 15px;
            margin-left: 95px;
            font-weight: bold;
        }
        
        .blog .sidebar .recent-posts h4 a {
            color: #171051;
            transition: 0.3s;
        }
        
        .blog .sidebar .recent-posts h4 a:hover {
            color: #0170FE;
        }
        
        .blog .sidebar .recent-posts time {
            display: block;
            margin-left: 95px;
            font-style: italic;
            font-size: 14px;
            color: #aaaaaa;
        }
        
        .blog .sidebar .tags {
            margin-bottom: -10px;
        }
        
        .blog .sidebar .tags ul {
            list-style: none;
            padding: 0;
        }
        
        .blog .sidebar .tags ul li {
            display: inline-block;
        }
        
        .blog .sidebar .tags ul a {
            color: #0257ee;
            font-size: 14px;
            padding: 6px 14px;
            margin: 0 6px 8px 0;
            border: 1px solid #d7e6ff;
            display: inline-block;
            transition: 0.3s;
        }
        
        .blog .sidebar .tags ul a:hover {
            color: #fff;
            border: 1px solid #0170FE;
            background: #0170FE;
        }
        
        .blog .sidebar .tags ul a span {
            padding-left: 5px;
            color: #a5c5fe;
            font-size: 14px;
        }
        /*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
        
        .footer {
            background: #171051;
            padding: 0 0 30px 0;
            font-size: 14px;
            border-top: 3px solid #E5201C;
        }
        
        .footer .footer-newsletter {
            padding: 50px 0;
            background: #f6f9ff;
            border-top: 1px solid #e1ecff;
        }
        
        .footer .footer-newsletter h4 {
            font-size: 24px;
            margin: 0 0 10px 0;
            padding: 0;
            line-height: 1;
            font-weight: 700;
            color: #171051;
        }
        
        .footer .footer-newsletter form {
            margin-top: 20px;
            background: #fff;
            padding: 6px 10px;
            position: relative;
            border-radius: 4px;
            border: 1px solid #e1ecff;
        }
        
        .footer .footer-newsletter form input[type=email] {
            border: 0;
            padding: 8px;
            width: calc(100% - 140px);
        }
        
        .footer .footer-newsletter form input[type=submit] {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            border: 0;
            background: none;
            font-size: 16px;
            padding: 0 30px;
            margin: 3px;
            background: #0170FE;
            color: #fff;
            transition: 0.3s;
            border-radius: 4px;
        }
        
        .footer .footer-newsletter form input[type=submit]:hover {
            background: #5969f3;
        }
        
        .footer .footer-top {
            background: white url(../img/footer-bg.png) no-repeat right top;
            background-size: contain;
            border-top: 1px solid #e1ecff;
            border-bottom: 1px solid #e1ecff;
            padding: 60px 0 30px 0;
        }
        
        .footer .social-links i {
            font-size: 20px;
            display: inline-block;
            color: rgb(255 255 255);
            line-height: 0;
            margin-right: 10px;
            transition: 0.3s;
        }
        
        @media (max-width: 992px) {
            .footer .footer-top {
                background-position: center bottom;
            }
        }
        
        .footer .footer-top .footer-info {
            margin-bottom: 30px;
        }
        
        .footer .footer-top .footer-info .logo {
            line-height: 0;
            margin-bottom: 15px;
        }
        
        .footer .footer-top .footer-info .logo img {
            max-height: 40px;
            margin-right: 6px;
        }
        
        .footer .footer-top .footer-info .logo span {
            font-size: 30px;
            font-weight: 700;
            letter-spacing: 1px;
            color: #171051;
            font-family: "Nunito", sans-serif;
            margin-top: 3px;
        }
        
        .footer .footer-top .footer-info p {
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 0;
            font-family: "Nunito", sans-serif;
        }
        
        .footer .footer-top .social-links a {
            font-size: 20px;
            display: inline-block;
            color: rgba(1, 41, 112, 0.5);
            line-height: 0;
            margin-right: 10px;
            transition: 0.3s;
        }
        
        .footer .footer-top .social-links a:hover {
            color: #171051;
        }
        
        .footer .footer-top h4 {
            font-size: 16px;
            font-weight: bold;
            color: #171051;
            text-transform: uppercase;
            position: relative;
            padding-bottom: 12px;
        }
        
        .footer .footer-top .footer-links {
            margin-bottom: 30px;
        }
        
        .footer .footer-top .footer-links ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .footer .footer-top .footer-links ul i {
            padding-right: 2px;
            color: #d0d4fc;
            font-size: 12px;
            line-height: 0;
        }
        
        .footer .footer-top .footer-links ul li {
            padding: 10px 0;
            display: flex;
            align-items: center;
        }
        
        .footer .footer-top .footer-links ul li:first-child {
            padding-top: 0;
        }
        
        .footer .footer-top .footer-links ul a {
            color: #013289;
            transition: 0.3s;
            display: inline-block;
            line-height: 1;
        }
        
        .footer .footer-top .footer-links ul a:hover {
            color: #0170FE;
        }
        
        .footer .footer-top .footer-contact p {
            line-height: 26px;
        }
        
        .footer .copyright {
            text-align: center;
            padding-top: 8px;
            color: #fff;
        }
        
        .footer .credits {
            padding-top: 10px;
            text-align: center;
            font-size: 13px;
            color: #fff;
        }
        
        .list-footer-nav {
            list-style: none;
        }
        
        .list-footer-nav a {
            color: #fff;
        }
        
        .mt-2 {
            margin-top: 2rem!important;
        }
        
        .box-desktop {
            display: block;
            visibility: visible;
        }
        
        .box-mobile {
            display: none;
            visibility: hidden;
        }
        
        @media (max-width: 575px) {
            .box-desktop {
                display: none;
                visibility: hidden;
            }
            .box-mobile {
                display: block;
                visibility: visible;
            }
            .footer .copyright {
                text-align: center;
                padding-top: 0px;
                color: #fff;
            }
            .footer .social-links {
                text-align: center;
            }
            .details .content h3 {
                font-weight: bold;
                color: #ffffff;
                text-transform: uppercase;
                font-size: 28px;
                line-height: 32px;
            }
            .breadcrumbs {
                margin-top: 70px;
            }
            .blog .sidebar {
                padding: 30px;
                margin: 0 0 60px 0px;
                box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
            }
        }
        
        img {
            border-radius: 8px;
        }
        
        .blog .blog-comments .comment .comment-img img {
            border-radius: 8px;
        }
        
        @media (min-width: 768px) {
            .d-md-flex {
                display: -webkit-box!important;
                display: -ms-flexbox!important;
                display: flex!important;
            }
            .p-md-5 {
                padding: 3rem!important;
            }
            .d-md-flex {
                display: -webkit-box!important;
                display: -ms-flexbox!important;
                display: flex!important;
            }
            .text-md-right {
                text-align: right!important;
            }
        }
        /* start css for login form */
        
        .icon-show-hidden-pass {
            font-size: 16px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            align-items: center;
            position: absolute;
            border-radius: 25px;
            bottom: 0;
            right: 0;
            width: 50px;
            height: 50px;
            color: #333;
            -webkit-transition: all .4s;
            -o-transition: all .4s;
            -moz-transition: all .4s;
            transition: all .4s;
        }
        
        .loginrubi-section {
            padding: 3em 0;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: top left;
            background-image: url(../img/Login-bg.png);
        }
        
        .loginrubi-section .wrap {
            width: 100%;
            overflow: hidden;
            /* background: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 10px 34px -15px rgb(0 0 0 / 24%);
-moz-box-shadow: 0 10px 34px -15px rgba(0, 0, 0, .24);
box-shadow: 0 10px 34px -15px rgb(0 0 0 / 24%); */
        }
        
        .left-login-box {
            display: inline-grid;
            margin: 0 auto;
        }
        
        .left-login-box .img-logo {
            margin: 0 auto;
        }
        
        .left-login-box .img-login {
            margin-top: 40px;
            /* background-size: cover;
background-repeat: no-repeat;
background-position: left center;
width: 50%;
background-image: url(../img/left-login.png); */
        }
        
        .login-wrap {
            width: 50%;
            position: relative;
        }
        
        .w-100 {
            width: 100%!important;
        }
        
        .mb-4,
        .my-4 {
            margin-bottom: 1.5rem!important;
        }
        
        .social-media {
            position: relative;
            width: 100%;
        }
        
        .social-media .social-icon {
            display: block;
            width: 40px;
            height: 40px;
            background: transparent;
            border: 1px solid #E3E6EF;
            font-size: 22px;
            margin-right: 16px;
            border-radius: 50%;
        }
        
        .social-media .social-icon span {
            color: #171051;
        }
        
        .social-media .social-icon:hover,
        .social-media .social-icon:focus {
            background: #0170FE;
        }
        
        .social-media .social-icon:hover span,
        .social-media .social-icon:focus span {
            color: #fff;
        }
        
        .mb-3,
        .my-3 {
            margin-bottom: 1rem!important;
        }
        
        .form-group .label {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #171051;
            font-weight: 700;
        }
        
        .form-control {
            height: 48px;
            background: #fff;
            color: #171051;
            font-size: 16px;
            border-radius: 5px;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 1px solid rgba(0, 0, 0, .1);
        }
        
        .btn.btn-primary.submit {
            background: #0170FE!important;
            border: 1px solid #0170FE!important;
            color: #fff!important;
        }
        
        .btn.btn-primary.submit:hover {
            opacity: 0.85;
        }
        
        .checkbox-wrap {
            display: block;
            position: relative;
            padding-left: 30px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 16px;
            font-weight: 500;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        
        .checkbox-primary {
            color: #171051;
        }
        
        .checkbox-wrap input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }
        
        .checkbox-wrap input:checked~.checkmark:after {
            content: "\f0c8";
            font-family: "FontAwesome";
            position: absolute;
            color: rgba(0, 0, 0, .1);
            font-size: 20px;
            margin-top: -4px;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
            display: block;
            content: "\f14a";
            font-family: "FontAwesome";
            color: rgba(0, 0, 0, .2);
        }
        
        .checkbox-primary input:checked~.checkmark:after {
            color: #0170FE;
        }
        
        .checkmark {
            position: absolute;
            top: 0;
            left: 0;
        }
        
        .checkmark:after {
            content: "\f0c8";
            font-family: "FontAwesome";
            position: absolute;
            color: rgba(0, 0, 0, .1);
            font-size: 20px;
            margin-top: -4px;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
        }
        
        .loginrubi-section .form-group {
            margin-bottom: 1rem;
        }
        
        .text-left {
            text-align: left!important;
        }
        
        .wrap-input100 {
            position: relative;
            width: 100%;
            z-index: 1;
            margin-bottom: 10px;
        }
        
        .validate-input {
            position: relative;
        }
        
        .input100 {
            font-size: 16px;
            line-height: 1.5;
            color: #212529;
            display: block;
            width: 100%;
            background: #fff;
            height: 50px;
            border-radius: 8px;
            padding: 0 16px 0 50px;
            border: 1px solid #E3E6EF;
        }
        
        .symbol-input100 {
            font-size: 15px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            align-items: center;
            position: absolute;
            border-radius: 25px;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding-left: 35px;
            pointer-events: none;
            color: #666;
            -webkit-transition: all .4s;
            -o-transition: all .4s;
            -moz-transition: all .4s;
            transition: all .4s;
        }
        
        .title-loginform {
            color: #171051;
            font-weight: bold;
        }
        
        .or-login p {
            margin: 0 auto;
            text-align: center;
        }
        
        .or-login p::after {
            content: "";
            width: 90px;
            height: 1px;
            display: inline-block;
            background: #E3E6EF;
            margin: 4px 10px;
        }
        
        .or-login p::before {
            content: "";
            width: 90px;
            height: 1px;
            display: inline-block;
            background: #E3E6EF;
            margin: 4px 10px;
        }
        /* End css for login form */
        
        .btn.disabled,
        .btn:disabled,
        fieldset:disabled .btn {
            pointer-events: none;
            opacity: .25 !important;
        }
        
        .sent-again-otp {
            /* top: 24px; */
            position: relative;
            font-size: 14px;
        }
        
        .show-error {
            color: #FF0000;
        }
        
        .faq,
        .white-book {
            padding-top: 120px;
        }
        
        .faq .accordion-header {
            min-height: 80px;
            position: relative;
            display: flex;
            align-items: center;
            font-size: 18px;
            cursor: pointer;
            border-bottom: 1px solid rgba(0, 0, 0, .125);
        }
        
        .faq .accordion-body {
            border: 0 !important;
            padding: 16px 24px;
            background-color: #f8f8f8;
        }
        
        .faq .accordion-item {
            border: none !important;
        }
        
        .faq .accordion-button:not(.collapsed) {
            box-shadow: none;
        }
        
        .white-book .section-header h2:after {
            display: none;
        }
        
        .list-white-book {
            list-style: none;
        }
        /* Css 16-12 */
        
        .box-area-input {
            border: 1px solid #e5e5e5;
            border-radius: 4px;
            position: relative;
            padding: 10px;
            width: 100%;
        }
        
        .input-comments textarea.block_input {
            height: 100%;
            width: 100%;
            border: none;
            -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
            -webkit-transition-property: all;
            transition-property: all;
            -webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }
        
        .box-list-comments .comment {
            margin-top: 8px;
            position: relative;
        }
        
        .box-list-comments .comment .comment-img img {
            width: 36px !important;
            height: 36px;
            border-radius: 50% !important;
        }
        
        .box-list-comments .block_like_web {
            float: left;
            text-align: left;
            padding: 0;
            font-size: 0;
            position: relative;
            margin-top: 8px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            line-height: 150%;
            color: #4f4f4f;
        }
        
        .box-list-comments .block_like_web a {
            position: relative;
            cursor: pointer;
            font-size: 14px;
            color: #757575;
            margin-right: 24px;
        }
        
        .box-list-comments .block_like_web a.link_thich {
            position: relative;
            color: #757575 !important;
            padding-right: 0 !important;
            margin-right: 24px !important;
            background: none !important;
        }
        
        .box-list-comments .block_like_web .total_like {
            margin-right: 5px;
        }
        
        .box-list-comments .block_like_web .link_thich:hover i {
            color: #0170FE;
        }
        
        .box-list-comments .block_like_web .share_cmt_fb:hover {
            color: #0170FE;
        }
        
        .box-list-comments .block_like_web a.link_reply:hover {
            color: #0170FE;
        }
        
        .box-list-comments .block_like_web .time-com {
            font-size: 14px;
            color: #757575;
        }
        
        .box-list-comments p.content-comments {
            padding-bottom: 0;
            font: 400 16px arial;
            line-height: 22px;
            font-size: 16px;
            color: #4f4f4f;
            margin-bottom: 8px;
        }
        
        .comment_item p {
            width: 100%;
            float: left;
            margin-top: 15px;
            padding-left: 46px;
            padding-bottom: 0;
            font: 400 16px arial;
            line-height: 150%;
            color: #4f4f4f;
        }
        
        .count-reply a {
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
            color: #757575;
            font-size: 13px;
            background: url("../img/reply.svg") no-repeat left center;
            padding-left: 20px;
        }
        
        .sub_comment {
            padding: 0 0 0 65px;
            width: 100%;
            position: relative;
        }
        
        .sub_comment:before {
            content: '';
            background: #E5E5E5;
            width: 2px;
            height: calc(100% - 20px);
            position: absolute;
            top: 20px;
            left: 46px;
        }
        
        .view_more_coment {
            width: 100%;
            float: left;
            height: 48px;
            text-align: center;
            position: relative;
            margin: 20px 0 0 0 !important;
        }
        
        .view_more_coment a,
        .view_more_coment .btn {
            background: rgba(227, 238, 253, 1);
            color: #0d6efd;
        }
        
        .view_more_coment a:hover,
        .view_more_coment .btn:hover {
            background: #0d6efd;
            color: #fff;
        }
        
        .nav-profile img.rounded-circle {
            max-height: 36px;
            border-radius: 50%;
        }
        
        .nav-profile span.name-acc {
            font-size: 14px;
            font-weight: 600;
            padding-left: .5rem!important;
        }
        
        .dropdown-header {
            display: block;
            padding: .5rem 1rem;
            margin-bottom: 0;
            font-size: .875rem;
            color: #6c757d;
            white-space: nowrap;
        }
        
        .dropdown-menu .dropdown-header,
        .dropdown-menu .dropdown-footer {
            text-align: center;
            font-size: 15px;
            padding: 10px 25px;
        }
        
        .profile .dropdown-header h6 {
            font-size: 18px;
            margin-bottom: 0;
            font-weight: 600;
            color: #0d6efd;
        }
        
        .profile .dropdown-header span {
            font-size: 14px;
        }
        
        .header .navbar a.nav-profile {
            padding: 0px 0 0px 30px;
        }
        
        .profile {
            min-width: 240px;
            padding-bottom: 0;
            border-radius: 4px;
            padding: 10px 0;
            -webkit-animation-name: dropdown-animate;
            animation-name: dropdown-animate;
            -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            border: 0;
            box-shadow: 0 5px 30px 0 rgb(82 63 105 / 20%);
        }
        
        .profile .dropdown-item {
            display: block;
            width: 100%;
            padding: .25rem 1rem;
            clear: both;
            font-weight: 400;
            color: #212529;
            text-align: inherit;
            text-decoration: none;
            white-space: nowrap;
            background-color: transparent;
            border: 0;
            font-size: 14px;
            padding: 10px 15px;
            transition: 0.3s;
            justify-content: normal !important;
        }
        
        .profile li a.dropdown-item i {
            margin-right: 10px;
            font-size: 18px;
            line-height: 0;
        }
        
        .box-mobile {
            display: none;
            visibility: hidden;
        }
        
        .box-desktop {
            display: block;
            visibility: visible;
        }
        
        .box-user-info,
        .border-bottom-m.box-mobile {
            display: none !important;
            visibility: hidden !important;
        }
        
        @media (max-width: 575px) {
            .box-mobile {
                display: block;
                visibility: visible;
            }
            .box-desktop {
                display: none;
                visibility: hidden;
            }
            .box-user-info,
            .border-bottom-m.box-mobile {
                display: flex !important;
                visibility: visible !important;
            }
            .navbar-mobile {
                position: fixed;
                top: 0px;
                right: 0px;
                left: 0px;
                bottom: 0px;
                overflow: hidden;
                background: rgba(1, 22, 61, 0.9);
                transition: all 0.3s ease 0s;
            }
            .navbar-mobile ul {
                display: block;
                position: absolute;
                top: 0px;
                right: 0px;
                bottom: 0px;
                left: 20%;
                background-color: rgba(1, 112, 254, 0.85);
                overflow-y: auto;
                padding: 10px 0px;
                border-radius: 10px 0px 0px 10px;
                transition: all 0.3s ease 0s;
            }
            .navbar-mobile a,
            .navbar-mobile a:focus {
                color: rgb(255, 255, 255) !important;
            }
            .header .logo span {
                color: #fff;
            }
            .box-user-info {
                display: flex;
                padding: 16px;
            }
            .border-bottom-m {
                border-bottom: 1px solid rgba(255, 255, 255, 0.35);
            }
            .box-user-info img {
                width: 40px;
                height: 40px;
                margin-right: 8px;
                border-radius: 50px;
            }
            .box-user-info .user-fullname {
                color: rgb(255, 255, 255);
                font-size: 14px;
                font-weight: bold;
            }
            .box-user-info .user-email {
                font-size: 13px;
                color: rgba(250, 250, 250, 0.65);
                display: block;
                text-overflow: ellipsis;
                overflow: hidden;
            }
            .navbar .btns-nav,
            .navbar .btns-nav:focus {
                margin-left: 30px;
                color: rgb(255, 255, 255) !important;
                margin-top: 15px;
                margin-bottom: 15px;
                background: rgba(255, 255, 255, 0.35);
                padding: 8px 20px;
                border-radius: 4px;
            }
            .navbar .btns-nav:hover,
            .navbar .btns-nav:focus:hover {
                color: rgb(1, 112, 254);
                background-color: rgb(255, 255, 255);
            }
            .mobile-mt-1 {
                margin-top: 1rem;
            }
            .header.header-scrolled .logo span,
            .header.header-scrolled .mobile-nav-toggle {
                color: #fff;
            }
            .navbar-mobile a:hover,
            .navbar-mobile .active,
            .navbar-mobile li:hover>a {
                color: rgb(255, 255, 255);
                background: rgba(250, 250, 250, 0.15);
            }
            .border-top-m {
                border-top: 1px solid rgba(255, 255, 255, 0.35);
            }
            .social-links {
                display: flex;
            }
            .social-links a {
                line-height: 0;
                margin-right: 10px;
                width: 40px;
                margin-top: 10px;
                transition: all 0.3s ease 0s;
            }
            .social-links a i {
                font-size: 20px;
                color: rgb(255, 255, 255);
            }
            .store-launcher a {
                padding: 0px 8px;
            }
            .platforms_logo_appstore {
                width: 120px;
                margin-top: 20px;
                margin-bottom: 20px;
            }
            .navbar .getstarted,
            .navbar .getstarted:focus {
                background: rgba(255, 255, 255, 0.35);
                padding: 8px 20px;
                margin-left: 30px;
                border-radius: 4px;
                color: #fff;
            }
            .navbar .dropdown ul a {
                padding: 10px 20px;
                font-size: 15px;
                text-transform: none;
                font-weight: 600;
                color: #171051 !important;
            }
            .border-bottom-m {
                border-bottom: 1px solid rgba(255, 255, 255, 0.35);
            }
            .header {
                background-color: transparent;
            }
            .header.header-scrolled .logo span,
            .header.header-scrolled .mobile-nav-toggle {
                color: #171051;
            }
        }
        
        @media (max-width: 768px) {
            .store-launcher a {
                padding: 0px 8px;
            }
            .platforms_logo_appstore {
                width: 120px;
                margin-top: 20px;
                margin-bottom: 20px;
            }
            .border-top-m {
                border-top: 1px solid rgba(255, 255, 255, 0.35);
            }
            .social-links {
                display: flex;
            }
            .social-links a {
                line-height: 0;
                margin-right: 10px;
                width: 40px;
                margin-top: 10px;
                transition: all 0.3s ease 0s;
            }
            .social-links a i {
                font-size: 20px;
                color: rgb(255, 255, 255);
            }
            .box-user-info img {
                width: 40px;
                height: 40px;
                margin-right: 8px;
                border-radius: 50px;
            }
            .box-user-info .user-fullname {
                color: rgb(255, 255, 255);
                font-size: 14px;
                font-weight: bold;
            }
            .box-user-info .user-email {
                font-size: 13px;
                color: rgba(250, 250, 250, 0.65);
                display: block;
                text-overflow: ellipsis;
                overflow: hidden;
            }
            .navbar .btns-nav,
            .navbar .btns-nav:focus {
                margin-left: 30px;
                color: rgb(255, 255, 255) !important;
                margin-top: 15px;
                margin-bottom: 15px;
                background: rgba(255, 255, 255, 0.35);
                padding: 8px 20px;
                border-radius: 4px;
            }
            .navbar .btns-nav:hover,
            .navbar .btns-nav:focus:hover {
                color: rgb(1, 112, 254);
                background-color: rgb(255, 255, 255);
            }
            .navbar-mobile a:hover,
            .navbar-mobile .active,
            .navbar-mobile li:hover>a {
                color: rgb(255, 255, 255);
                background: rgba(250, 250, 250, 0.15);
            }
        }


        
        .download-Rubi-app-store a {
            margin-right: 24px;
        }
        
        .download-Rubi-app-store a img {
            height: 55px;
        }
        
        .download-Rubi-app-store p {
            color: #171051;
            margin-bottom: 16px;
        }
        
        .download-Rubi-app-store small {
            color: #999;
        }
        
        .title-loginform {
            font-size: 24px;
            color: #0170FE;
            font-weight: 700;
            text-transform: capitalize;
        }
        
        .show-talking {
            color: #999;
            margin-bottom: 16px;
        }
        
        @media (max-width: 575px) {
            .download-Rubi-app-store a img {
                height: 45px;
            }
            .title-loginform {
                font-size: 20px;
            }
            .left-login-box {
                display: block;
                margin: 0 auto;
            }
            .left-login-box .img-logo {
                margin: 0 auto;
                width: 110px;
            }
            .left-login-box .img-login {
                margin-top: 24px;
                height: 200px;
            }
        }