/* ------------------
:: 1.0 Import All CSS
------------------ */

/*
@import url(bootstrap/bootstrap.css);
@import url(jquery/jquery-ui.css);
@import url(classy-nav/classy-nav.css);
@import url(animate.css);
@import url(slick/slick.css);
@import url(magnific-popup/magnific-popup.css);
@import url(font-awesome/font-awesome.css);
@import url(line-icons/line-icons.css);
@import url(touchspin/jquery.bootstrap-touchspin.css);
@import url(owl-carousel/owl-carousel.css);

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(../fonts/inter-light.woff2?v=3.13) format("woff2"), url(../fonts/inter-light.woff?v=3.13) format("woff")
}
@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/inter-regular.woff2?v=3.13) format("woff2"), url(../fonts/inter-regular.woff?v=3.13) format("woff")
}
@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../fonts/inter-medium.woff2?v=3.13) format("woff2"), url(../fonts/inter-medium.woff?v=3.13) format("woff")
}
@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../fonts/inter-bold.woff2?v=3.13) format("woff2"), url(../fonts/iter-bold.woff?v=3.13) format("woff")
}
*/

/* Reboot CSS */

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Quicksand', sans-serif;
    color: #020710;
    font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
    color: rgb(5, 15, 25);
    /* color: #261a41; */
    /* color: #212077; */
    font-weight: 600;
}

p {
    /* color: #192851 !important; */
    line-height: 1.5;
    font-size: 1rem;
    margin-bottom: 0.5rem !important
}

a, a:hover, a:focus, a:active {
    color: #192851 !important;
    text-decoration: none;
    /* -webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	text-decoration: none;
	outline: none;
	font-size: 14px;
	color: #020710;
	font-weight: 500; */
}

span {
    /* color: #192851; */
}

ol, ul {
    margin: 0;
    padding: 0;
}

ol {
    font-family: inherit !important;
}

    ol li {
        margin-top: 20px;
    }

    ol li, ul li {
        list-style: none;
        /*font-family: 'Nunito Sans', 'Open Sans';*/
    }

ul.circle {
    margin-left: 20px;
}

    ul.circle li {
        list-style: disc;
        margin-bottom: 5px;
    }

ol.number, ol.lower-letter {
    margin-left: 20px;
}

    ol.number li {
        list-style: decimal;
        margin-bottom: 5px;
        margin-left: 10px;
    }

    ol.lower-letter li {
        list-style: lower-alpha;
        margin-bottom: 10px;
    }

hr {
    color: #582aab;
}

    hr.dashed {
        border-top: 1px dashed #020710;
    }

img {
    height: auto;
    max-width: 100%;
}

.font-style-alt {
    font-family: Poppins
}

.btn {
    font-weight: 500;
}

    .btn:hover, .btn:focus {
        -webkit-box-shadow: 0 6px 48px 8px rgba(21, 131, 233, 0.125);
        box-shadow: 0 6px 48px 8px rgba(21, 131, 233, 0.125);
    }

.btn-wide-1 {
    width: 100px;
}

.btn-wide-1-5 {
    width: 150px;
}

.btn-wide-2 {
    width: 200px;
}

.btn-wide-3 {
    width: 250px;
}

button i {
    font-size: inherit !important;
    vertical-align: inherit !important;
}

.avatar-xs {
    height: 2rem;
    width: 2rem;
}

.avatar-sm {
    height: 3rem;
    width: 3rem;
}

.avatar-md {
    height: 4rem;
    width: 4rem;
}

.avatar-rounded {
    border-radius: 50%;
    box-shadow: rgb(184 207 232 / 56%) 0px 8px 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    color: #212077;
}

.round {
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


/* new updated css */

.emailClassA {
    color: #2cace2 !important;
}

.customer-support {
    height: 288px;
    width: 100%;
}

    .customer-support img {
        height: 100%;
        object-fit: cover;
        border: 1px solid #eee;
        padding: 3px;
    }

.ulAboutUs {
    list-style: none;
    padding-left: 20px;
}


.cookie-table table {
    border-collapse: collapse;
    width: 100%;
}

    .cookie-table table td,
    .cookie-table table th {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 8px;
        vertical-align: baseline;
    }

.cookie-table ul {
    padding-left: 18px;
}

    .cookie-table ul li {
        list-style: disc;
    }

.text-secondary {
    color: #2cace2 !important;
}

.social-media-feature {
    min-height: 277px;
}

.faq-accordian .card .card-header h6 {
    margin-bottom: 0;
}

.rounded-small i,
.rounded-medium .fa-question {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.table tr th h4 {
    margin-bottom: 0;
}

.outgoings-warning {
    background: #dc3545 !important;
    padding: 0.5rem;
}

.total {
    box-shadow: 0 4px 6px 3px rgb(0 0 0 / 10%), 0 2px 4px 2px rgb(0 0 0 / 6%);
}

.outgoings-totals tr {
    border-bottom: 1px solid #ddd;
}

.outgoings-summary td {
    padding: 0 !important;
    padding-top: 0.75rem !important;
}

.edit-outgoing {
    color: #6c757d !important;
}

#your-finances .mt-5 {
    margin-top: 1.5rem !important;
}

/*admin table css*/
.admin-table-heading {
    font-family: 'Comfortaa', cursive !important;
    font-weight: bold;
    font-size: 1.5rem;
    color: white !important;
    background: #67308f;
    /*background: #f4f8fb*/
}

.admin-table {
    border: 2px solid #67308f !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .col_padding_0_80 {
        padding-bottom: 80px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section_heading h3 {
        font-size: 2rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section_heading h3 {
        font-size: 1.75rem;
    }
}

@media only screen and (max-width: 575px) {
    .section_heading h3 {
        font-size: 1.5rem;
    }

    .section_heading h1 {
        font-size: 2rem !important;
    }
}

@media only screen and (max-width: 767px) {
    .section_heading h3 {
        font-size: 1.75rem;
    }

    .col_padding_0_80 {
        padding-bottom: 80px !important;
    }
}

.section_heading p {
    margin-bottom: 0;
}

.section_heading .line {
    width: 120px;
    height: 5px;
    margin: 30px auto 0;
    border-radius: 6px;
    background: #2d2ed4;
    background: -webkit-gradient(linear, left top, right top, from(#e24997), to(#2d2ed4));
    background: linear-gradient(to right, #e24997, #2d2ed4);
}

.section_heading.white h3, .section_heading.white h6 {
    color: #ffffff;
}

.section_heading.white .line {
    background-color: #ffffff;
}

.section_heading.white p {
    color: rgba(255, 255, 255, 0.6);
}

.container-lg {
    width: 1100px;
}

@media only screen and (min-width: 480px) and (max-width: 575px) {
    .container {
        max-width: 470px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .container {
        max-width: 550px;
    }
}
@media (min-width: 1200px) {
    .Admincontainer {
        max-width: 1540px;
    }
}

.shortcode_area:nth-child(2n+1) {
    background-color: #f5f5ff;
}

.toot-btn {
    position: relative;
    z-index: 1;
    border: 2px solid transparent;
    display: inline-block;
    font-size: 14px;
    padding: 0.8rem 1.6rem;
    border-radius: 6px;
    line-height: 1;
    text-transform: uppercase;
}

    .toot-btn:hover, .toot-btn:focus {
        background-color: #ffffff;
        font-size: 14px;
    }

    .toot-btn.btn-2 {
        background-color: #ffffff;
        color: #3f43fd;
        border: 2px solid #3f43fd;
    }

        .toot-btn.btn-2:hover, .toot-btn.btn-2:focus {
            background-color: #3f43fd;
            border: 2px solid #3f43fd;
            color: #ffffff;
        }

    .toot-btn.btn-3 {
        background-color: transparent;
        color: #ffffff;
        border: 2px solid #02070f;
        border-radius: 25px
    }

        .toot-btn.btn-3:hover {
            background: transparent !important;
        }

        .toot-btn.btn-3:hover, .toot-btn.btn-3:focus {
            border: 2px solid #020710;
        }

    .toot-btn.btn-4 {
        background-color: #2ecc71;
        color: #ffffff;
        -webkit-box-shadow: 0 2px 15px 3px rgba(7, 10, 87, 0.1);
        box-shadow: 0 2px 15px 3px rgba(7, 10, 87, 0.1);
    }

        .toot-btn.btn-4:hover, .toot-btn.btn-4:focus {
            background-color: #ffffff;
            color: #3f43fd;
        }

.bg-overlay {
    position: relative;
    z-index: 1;
}

    .bg-overlay::after {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: '';
        background-color: #3f43fd;
        opacity: 0.97;
        z-index: -1;
    }

.bg-black-overlay {
    position: relative;
    z-index: 1;
}

    .bg-black-overlay::after {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: '';
        background-color: #070a57;
        opacity: 0.8;
        z-index: -1;
    }

.bg-img {
    background-position: center center;
    background-size: cover;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #ffffff;
    text-align: center;
    padding-right: 0;
    width: 30px;
    height: 30px;
    border: 2px solid #ffffff;
    line-height: 26px;
    right: 0;
    border-radius: 50%;
}

.mfp-bg {
    z-index: 99999;
    background: #020710;
    opacity: 0.9;
}

.mfp-wrap {
    z-index: 999999;
}

.jarallax {
    position: relative;
    z-index: 0;
}

    .jarallax .jarallax-img {
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover;
        font-family: 'object-fit: cover;';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

.h-100vh {
    height: 100vh !important;
}

.welcome_area.h-100vh {
    padding-top: 0;
}
/* Extend CSS */

.toot-btn, #scrollUp, .welcome_slider .owl-dot.active::after, .newsletter-form-area .button, .footer_social_area a:hover, .footer_social_area a:focus, .tooltip-inner {
    background-color: #282e42;
}

    #scrollUp:hover {
        background-color: #343c54 !important;
    }

.message_now_area .form-control:focus, .message_now_area textarea.form-control:focus {
    border-color: #3f43fd;
}

.section_heading h3 span, .toot-btn:hover, .toot-btn:focus, .classy-nav-container a:hover, .classy-nav-container a:focus, .welcome_slider .owl-dot.active, .download_app_text a {
    color: #3f43fd;
}

p {
    color: #020710;
}

.arrow::before {
    border-top-color: #3f43fd !important;
}

.chevron-double {
    margin-left: -4px;
}

.toot-btn {
    color: #ffffff;
}

    .toot-btn:hover, .toot-btn:focus, .download_app_text a {
        background-color: #ffffff;
    }
/* Preloader CSS */

#preloader {
    overflow: hidden;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999999;
    background-color: #67308f;
}

.toot-load {
    -webkit-animation: toot-load 1500ms linear infinite;
    animation: toot-load 1500ms linear infinite;
    background-color: transparent;
    border-color: #ffffff;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    height: 50px;
    left: calc(50% - 25px);
    position: relative;
    top: calc(50% - 25px);
    width: 50px;
    z-index: 9;
}

    .toot-load.dark {
        border-color: #212077;
        border-top-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
    }

@-webkit-keyframes toot-load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes toot-load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#cover-spin {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* background-color: rgb(70 70 70 / 70%); */
    background: #f8f8f8;
    z-index: 9999;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#cover-spin::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: #212077;
    border-top-color: transparent;
    border-width: 2px;
    border-radius: 50%;
    -webkit-animation: spin 1000ms linear infinite;
    animation: spin 1000ms linear infinite;
}

.cover-text {
    position: fixed;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
    text-align: center;
    margin-top: 20px;
}


#scrollUp {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    border-radius: 50%;
    bottom: 40px;
    -webkit-box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
    box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
    color: #ffffff;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    right: 40px;
    text-align: center;
    width: 40px;
    display: none !important;
}

    #scrollUp i {
        line-height: 40px;
        color: #fff;
    }

    #scrollUp:hover, #scrollUp:focus {
        background-color: #212077;
    }
/* Header CSS */

.header_area {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background-color: white;
}

.main_header_area {
    width: 100%;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    border-bottom: 0px solid #f5f5ff;
    background-color: transparent;
}

.classy-nav-container {
    position: relative;
    background-color: transparent;
    width: 100%;
}

    .classy-nav-container .classy-navbar {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        height: 105px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .classy-nav-container .classy-navbar {
        height: 100px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .classy-nav-container .classy-navbar {
        height: 100px;
    }
}

@media only screen and (max-width: 575px) {
    .classy-nav-container .classy-navbar {
        height: 80px;
    }
}

.classy-nav-container .classy-navbar .classynav ul li a {
    padding: 32px 30px;
    height: auto;
    line-height: 1;
    font-weight: 600;
    font-size: 1rem;
    color: rgb(5, 15, 25) !important;
}

.is-sticky .classy-nav-container .classy-navbar .classynav ul li a {
    color: rgb(5, 15, 25) !important;
}

/*.classynav ul li {
	font-family: Montserrat !important;
}*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .classy-nav-container .classy-navbar .classynav ul li a {
        padding: 20px 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .classy-nav-container .classy-navbar .classynav ul li a {
        padding: 20px 30px;
    }
}

@media only screen and (max-width: 575px) {
    .classy-nav-container .classy-navbar .classynav ul li a {
        padding: 20px 30px;
    }
}

.classy-nav-container .classy-navbar .classynav ul li .megamenu {
    -webkit-box-shadow: 0 8px 50px 8px rgba(47, 91, 234, 0.175);
    box-shadow: 0 8px 50px 8px rgba(47, 91, 234, 0.175);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .classy-nav-container .classy-navbar .classynav ul li .megamenu {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #ffffff;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .classy-nav-container .classy-navbar .classynav ul li .megamenu {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #ffffff;
    }
}

@media only screen and (max-width: 575px) {
    .classy-nav-container .classy-navbar .classynav ul li .megamenu {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #ffffff;
    }
}

.classy-nav-container .classy-navbar .classynav ul li .megamenu a {
    padding: 15px;
    text-transform: capitalize;
    color: #747794;
}

    .classy-nav-container .classy-navbar .classynav ul li .megamenu a:hover, .classy-nav-container .classy-navbar .classynav ul li .megamenu a:focus {
        color: #3f43fd;
    }

.classy-nav-container .classy-navbar .classynav ul li .dropdown {
    width: 260px;
    /* -webkit-box-shadow: 0 8px 50px 8px rgba(47, 91, 234, 0.175);
	box-shadow: 0 8px 50px 8px rgba(47, 91, 234, 0.175); */
    padding-top: 18px;
    padding-bottom: 18px;
    d
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .classy-nav-container .classy-navbar .classynav ul li .dropdown {
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #ffffff;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .classy-nav-container .classy-navbar .classynav ul li .dropdown {
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #ffffff;
    }
}

@media only screen and (max-width: 575px) {
    .classy-nav-container .classy-navbar .classynav ul li .dropdown {
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #ffffff;
    }
}

.classy-nav-container .classy-navbar .classynav ul li .dropdown a {
    padding: 12px 30px;
    text-transform: capitalize;
    border-bottom: 0;
    color: #747794;
}

    .classy-nav-container .classy-navbar .classynav ul li .dropdown a:hover, .classy-nav-container .classy-navbar .classynav ul li .dropdown a:focus {
        color: #3f43fd;
    }

.classy-nav-container .classy-navbar .classynav ul li.current_page_item > a {
    color: #6831cd;
}

.classy-nav-container .classy-navbar .classynav ul li:hover > a {
    color: #6831cc;
}

.classynav ul li .megamenu .single-mega .title {
    margin-bottom: 0.8rem;
}

.classynav ul li.has-down > a::after, .classynav ul li.megamenu-item > a::after {
    color: #020710;
}

.login-btn-area .btn {
    color: #ffffff;
}

.classynav ul li.megamenu-item > a:hover::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.breakpoint-off .classynav ul li .dropdown {
    border-radius: 6px;
    width: 200px;
}

.breakpoint-on .classynav ul li ul li a {
    padding: 0 25px;
}

.breakpoint-on .classynav ul li.has-down.active > .dd-trigger, .breakpoint-on .classynav ul li.megamenu-item.active > .dd-trigger {
    background-color: #6fd5d3;
}

.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3, .breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4, .breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5 {
    background-color: #ffffff;
}

.classy-navbar-toggler {
    line-height: 1;
}

    .classy-navbar-toggler .navbarToggler span {
        background-color: #070a57;
    }

.breakpoint-on .classy-navbar .classy-menu {
    background-color: #ffffff;
}

.breakpoint-on .classynav > ul > li > a {
    background-color: transparent;
}

.is-sticky .main_header_area {
    -webkit-box-shadow: 0 2px 10px 2px rgb(47 91 234 / 5%);
    box-shadow: 0 2px 10px 2px rgb(47 91 234 / 5%);
    z-index: 9999999 !important;
    background-color: #fff;
    width: 100% !important;
    border-bottom: 0px solid transparent;
}

    .is-sticky .main_header_area .classy-navbar {
        height: 105px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .is-sticky .main_header_area .classy-navbar {
        height: 100px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .is-sticky .main_header_area .classy-navbar {
        height: 100px;
    }
}

@media only screen and (max-width: 575px) {
    .is-sticky .main_header_area .classy-navbar {
        height: 80px;
    }
}
/* Hero CSS */
.welcome_area {
    width: 100%;
    position: relative;
    z-index: 0;
    height: 550px;
}

.banner-text h1, .banner-text p {
    color: #fff !important;
}

.banner-text h1 {
    font-family: Raleway;
    font-weight: 600;
    line-height: .9;
}

.banner-text .sub-heading {
    font-family: Poppins;
}

.move-to-calculator {
    border-radius: 50px !important
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .welcome_area {
        height: 600px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .welcome_area {
        height: 500px
    }
}

@media only screen and (max-width: 768px) {
    .welcome_area {
        height: 500px !important;
    }
}

.welcome_area .welcome-border {
    width: 100%;
    border-top: 2px dashed #ebebeb;
    position: relative;
    z-index: 1;
}

.background-shapes .box1 {
    position: absolute;
    top: 20%;
    left: 10%;
    width: 20px;
    height: 20px;
    border: 3px solid #3f43fd;
    border-radius: .35rem;
    background-color: transparent;
    z-index: 1;
    -webkit-animation: box-shape linear 5s infinite;
    animation: box-shape linear 5s infinite;
}

.background-shapes .box2 {
    position: absolute;
    top: 75%;
    left: 50%;
    width: 20px;
    height: 20px;
    border: 3px solid #3f43fd;
    border-radius: .35rem;
    background-color: transparent;
    z-index: 1;
    -webkit-animation: box-shape linear 8s infinite;
    animation: box-shape linear 8s infinite;
}

.background-shapes .box3 {
    position: absolute;
    top: 30%;
    right: 15%;
    width: 20px;
    height: 20px;
    border: 3px solid #3f43fd;
    border-radius: .35rem;
    background-color: transparent;
    z-index: 1;
    -webkit-animation: box-shape linear 9s infinite;
    animation: box-shape linear 9s infinite;
}

.background-shapes .dot1 {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #6e45be;
    top: 77%;
    left: 6%;
    z-index: 1;
    border-radius: 50%;
}

.background-shapes .dot2 {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #f4284a;
    top: 18%;
    right: 4%;
    z-index: 1;
    border-radius: 50%;
}

.background-shapes .dot3 {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #f4284a;
    top: 90%;
    left: 43%;
    z-index: 1;
    border-radius: 50%;
}

.background-shapes .dot4 {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #3f43fd;
    top: 91%;
    right: 5%;
    z-index: 1;
    border-radius: 50%;
}

.background-shapes .heart1 {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 3px solid #f4284a;
    position: absolute;
    top: 51%;
    left: 13%;
    z-index: 1;
    color: #f4284a;
    -webkit-animation: box-shape linear 9s infinite;
    animation: box-shape linear 9s infinite;
}

.background-shapes .heart2 {
    position: absolute;
    top: 55%;
    right: 8%;
    z-index: 1;
    width: 20px;
    height: 20px;
    border: 3px solid #6700cd;
    border-radius: .35rem;
    background-color: transparent;
    -webkit-animation: box-shape linear 12s infinite;
    animation: box-shape linear 12s infinite;
}

.background-shapes .circle1 {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 3px solid #f4284a;
    bottom: 10%;
    left: 21%;
    z-index: 1;
    -webkit-animation: box-shape linear 4s infinite;
    animation: box-shape linear 4s infinite;
}

.background-shapes .circle2 {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 3px solid #f4284a;
    top: 24%;
    left: 52%;
    z-index: 1;
    -webkit-animation: box-shape linear 4s infinite;
    animation: box-shape linear 4s infinite;
}

.background-shapes .circle3 {
    position: absolute;
    top: 55%;
    right: 40%;
    width: 50px;
    height: 50px;
    background-color: transparent;
    z-index: 1;
    -webkit-animation: box-shape linear 15s infinite;
    animation: box-shape linear 15s infinite;
    -webkit-filter: blur(5px);
    /* Safari 6.0 - 9.0 */
    filter: blur(5px);
}

.background-shapes .circle4 {
    position: absolute;
    top: 81%;
    right: 10%;
    width: 50px;
    height: 50px;
    background-color: transparent;
    z-index: 1;
    -webkit-animation: box-shape linear 20s infinite;
    animation: box-shape linear 20s infinite;
    -webkit-filter: blur(5px);
    /* Safari 6.0 - 9.0 */
    filter: blur(5px);
}

.background-shapes .triangle1 {
    position: absolute;
    top: 55%;
    right: 40%;
    width: 50px;
    height: 50px;
    background-color: transparent;
    z-index: 1;
    -webkit-animation: box-shape linear 50s infinite;
    animation: box-shape linear 50s infinite;
}

@media (max-width: 991px) {
    .background-shapes {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .subscribe .welcome_area {
        height: 700px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .welcome_text_area {
        padding-top: 60px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 575px) {
    .welcome_text_area {
        padding-top: 60px;
        margin-bottom: 0;
    }
}

.welcome_text_area h2 {
    font-size: 4rem;
    margin-bottom: 20px;
    font-family: 'Open Sans';
    letter-spacing: -3px;
    font-weight: 700;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .welcome_text_area h2 {
        font-size: 2.5rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .welcome_text_area h2 {
        font-size: 2.2rem;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .welcome_text_area h2 {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 575px) {
    .welcome_text_area h2 {
        font-size: 1.7rem;
    }
}

@media only screen and (min-width: 480px) and (max-width: 575px) {
    .welcome_text_area h2 {
        font-size: 2rem;
    }
}

.welcome_text_area h5 {
    font-weight: 400;
    line-height: 1.6;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .welcome_text_area h5 {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .welcome_text_area h5 {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 575px) {
    .welcome_text_area h5 {
        font-size: 1rem;
    }
}

.welcome_area_thumb {
    position: relative;
    z-index: 1;
    text-align: center;
}

.welcome_slider {
    overflow: hidden;
}

    .welcome_slider .owl-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: flex-end;
        -ms-flex-align: flex-end;
        -ms-grid-row-align: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        position: absolute;
        bottom: 80px;
        left: 80px;
        z-index: 100;
        width: 100%;
    }

    .welcome_slider .owl-dot {
        margin-right: 15px;
        color: #ffffff;
        font-size: 20px;
    }

        .welcome_slider .owl-dot.active {
            position: relative;
            z-index: 1;
            padding-right: 30px;
        }

            .welcome_slider .owl-dot.active::after {
                content: "";
                position: absolute;
                right: 0;
                width: 25px;
                height: 3px;
                bottom: 7px;
            }

.subscribe-form {
    position: relative;
    z-index: 1;
    width: 100%;
    margin-top: 50px;
}

    .subscribe-form .form-control {
        -webkit-box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
        box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
        width: 100%;
        height: 70px;
        border-radius: 80px;
        border: none;
        background-color: #ffffff;
        font-size: 13px;
        padding-left: 40px;
    }

@media only screen and (max-width: 575px) {
    .subscribe-form .form-control {
        padding: 0 20px;
    }
}

.subscribe-form .form-control:focus {
    -webkit-box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
    box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
}

.subscribe-form button {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    position: absolute;
    width: 160px;
    height: 60px;
    top: 5px;
    right: 5px;
    background-color: #f4284a;
    border: none;
    border-radius: 70px;
    border-left: 1px solid #ebebeb;
    font-size: 16px;
    color: #ffffff;
    outline: none;
}

@media only screen and (max-width: 575px) {
    .subscribe-form button {
        width: 110px;
    }
}

.subscribe-form button:hover, .subscribe-form button:focus {
    background-color: #3f43fd;
    color: #ffffff;
}

.welcome_video_area {
    position: relative;
    z-index: 1;
}

    .welcome_video_area .video_btn {
        position: relative;
        z-index: 1;
        -webkit-box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
        box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
        width: 100px;
        height: 100px;
        display: inline-block;
        background-color: #ffffff;
        border-radius: 50%;
        font-size: 2rem;
    }

        .welcome_video_area .video_btn i {
            padding-left: 5px;
            line-height: 100px;
        }

        .welcome_video_area .video_btn .video-sonar {
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            top: 0;
            left: 0;
            z-index: -10;
            background-color: #ffffff;
            -webkit-animation: video-sonar 2s linear infinite;
            animation: video-sonar 2s linear infinite;
        }

            .welcome_video_area .video_btn .video-sonar::after {
                position: absolute;
                width: 130px;
                height: 130px;
                border-radius: 50%;
                background-color: #ffffff;
                content: '';
                top: -15px;
                left: -15px;
                z-index: -50;
            }

            .welcome_video_area .video_btn .video-sonar::before {
                position: absolute;
                width: 160px;
                height: 160px;
                border-radius: 50%;
                background-color: rgba(255, 255, 255, 0.7);
                content: '';
                top: -30px;
                left: -30px;
                z-index: -100;
            }

.hero-slides {
    position: relative;
    z-index: 1;
}

    .hero-slides .single-hero-slide {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 850px;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-slides .single-hero-slide {
        height: 750px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slides .single-hero-slide {
        height: 650px;
    }
}

.hero-slides .single-hero-slide h5 {
    color: rgba(255, 255, 255, 0.7);
}

.hero-slides .owl-prev, .hero-slides .owl-next {
    position: absolute;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    text-align: center;
    width: 40px;
    height: 40px;
    top: 50%;
    border: 2px solid rgba(255, 255, 255, 0.7);
    left: 50px;
    z-index: 10;
    line-height: 38px;
    color: #ffffff;
    font-size: 16px;
    margin-top: -20px;
    border-radius: 50%;
}

@media only screen and (max-width: 575px) {
    .hero-slides .owl-prev, .hero-slides .owl-next {
        left: 30px;
    }
}

.hero-slides .owl-prev:hover, .hero-slides .owl-prev:focus, .hero-slides .owl-next:hover, .hero-slides .owl-next:focus {
    border-color: #070a57;
    background-color: #070a57;
}

.hero-slides .owl-next {
    left: auto;
    right: 50px;
}

@media only screen and (max-width: 575px) {
    .hero-slides .owl-next {
        right: 30px;
    }
}

.circle-zoom {
    position: absolute;
    width: 350px;
    height: 350px;
    background-color: rgba(255, 255, 255, 0.07);
    border-radius: 50%;
    bottom: -350px;
    z-index: -10;
    left: -100px;
    -webkit-animation: circle-zoom linear 8s infinite;
    animation: circle-zoom linear 8s infinite;
}

@-webkit-keyframes circle-zoom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(3.5);
        transform: scale(3.5);
        background-color: rgba(255, 255, 255, 0);
    }
}

@keyframes circle-zoom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(3.5);
        transform: scale(3.5);
        background-color: rgba(255, 255, 255, 0);
    }
}

.circle-shape-animation .circle1 {
    width: 30px;
    height: 30px;
    background-color: #3f43fd;
    position: absolute;
    top: 19%;
    left: 16%;
    z-index: -1;
    border-radius: 50%;
    opacity: 0.15;
    -webkit-animation: circle-zoom-in-out linear 12s infinite;
    animation: circle-zoom-in-out linear 12s infinite;
}

.circle-shape-animation .circle2 {
    width: 30px;
    height: 30px;
    background-color: #f4284a;
    position: absolute;
    top: 24%;
    left: 77%;
    z-index: -1;
    border-radius: 50%;
    opacity: 0.15;
    -webkit-animation: circle-zoom-in-out linear 9s infinite;
    animation: circle-zoom-in-out linear 9s infinite;
}

.circle-shape-animation .circle3 {
    width: 30px;
    height: 30px;
    background-color: #f1c40f;
    position: absolute;
    top: 64%;
    left: 91%;
    z-index: -1;
    border-radius: 50%;
    opacity: 0.15;
    -webkit-animation: circle-zoom-in-out linear 16s infinite;
    animation: circle-zoom-in-out linear 16s infinite;
}

.circle-shape-animation .circle4 {
    width: 30px;
    height: 30px;
    background-color: #f1c40f;
    position: absolute;
    top: 74%;
    left: 36%;
    z-index: -1;
    border-radius: 50%;
    opacity: 0.15;
    -webkit-animation: circle-zoom-in-out linear 10s infinite;
    animation: circle-zoom-in-out linear 10s infinite;
}

@-webkit-keyframes circle-zoom-in-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes circle-zoom-in-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.welcome_area_thumb {
    position: relative;
    z-index: 1;
}

    .welcome_area_thumb .video_btn {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.3);
        box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.3);
        width: 100px;
        height: 100px;
        display: inline-block;
        background-color: #ffffff;
        border-radius: 50%;
        font-size: 2rem;
        z-index: 1;
    }

        .welcome_area_thumb .video_btn i {
            padding-left: 5px;
            font-size: 2.5rem;
            line-height: 100px;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-color: transparent;
            background-image: -webkit-gradient(linear, left top, right top, from(#e24997), to(#2d2ed4));
            background-image: linear-gradient(90deg, #e24997, #2d2ed4);
        }

        .welcome_area_thumb .video_btn .video-sonar {
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            top: 0;
            left: 0;
            z-index: -10;
            background-color: #ffffff;
            -webkit-animation: video-sonar 2s linear infinite;
            animation: video-sonar 2s linear infinite;
        }

            .welcome_area_thumb .video_btn .video-sonar::after {
                position: absolute;
                width: 130px;
                height: 130px;
                border-radius: 50%;
                background-color: #ffffff;
                content: '';
                top: -15px;
                left: -15px;
                z-index: -50;
            }

            .welcome_area_thumb .video_btn .video-sonar::before {
                position: absolute;
                width: 160px;
                height: 160px;
                border-radius: 50%;
                background-color: rgba(255, 255, 255, 0.7);
                content: '';
                top: -30px;
                left: -30px;
                z-index: -100;
            }

.sub-heading {
    font-weight: 300;
}

.hero-shape-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}

    .hero-shape-bottom path {
        fill: currentColor;
    }

@-webkit-keyframes video-sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }
}

@keyframes video-sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }
}
/* :: Work Process CSS */

@-webkit-keyframes bi-cycle {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}

@keyframes bi-cycle {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}

.success, .error {
    padding: 1em;
    margin-bottom: 12px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    color: #ffffff;
}

.success {
    background-color: #2ecc71;
}

.error {
    background-color: #c0392b;
}

.field-error, .field-error:focus {
    border: 2px solid #fe4539 !important;
}

.radio-error {
    background: #fff6f6 !important;
    border: 2px solid #fe4539 !important
}

    .radio-error:hover {
        color: #000 !important;
    }

.checkbox-error::before {
    background: #fff6f6 !important;
    border: 2px solid #fe4539 !important
}

.error-message {
    color: #fe4539;
}

.map_area {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 500px;
}

    .map_area iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

/* Breadcrumb CSS */

.breadcrumb-area {
    position: relative;
    z-index: 1;
}

    .breadcrumb-area .breadcrumb-content {
        position: relative;
        z-index: 1;
        padding-top: 120px;
        padding-bottom: 30px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-area .breadcrumb-content {
        padding-top: 110px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb-area .breadcrumb-content {
        padding-top: 60px;
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 575px) {
    .breadcrumb-area .breadcrumb-content {
        padding-top: 60px;
        padding-bottom: 0;
    }
}

.breadcrumb-area .breadcrumb-content h2 {
    font-size: 2.5rem;
    color: #ffffff;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-area .breadcrumb-content h2 {
        font-size: 2.25rem;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb-area .breadcrumb-content h2 {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 575px) {
    .breadcrumb-area .breadcrumb-content h2 {
        font-size: 1.75rem;
    }
}

.breadcrumb-area .breadcrumb-content p {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0;
}

.toot-blog-pagination {
    position: relative;
    z-index: 1;
}

    .toot-blog-pagination .page-link {
        padding: 0.5rem 1rem;
        color: #020710;
        border: 1px solid transparent;
        font-size: 1rem;
    }

@media only screen and (max-width: 575px) {
    .toot-blog-pagination .page-link {
        padding: 0.3rem 0.6rem;
        font-size: 14px;
    }
}

.toot-blog-pagination .page-link:hover, .toot-blog-pagination .page-link:focus {
    z-index: 2;
    color: #3f43fd;
    background-color: #f5f5ff;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.toot-blog-pagination .page-item.active .page-link {
    color: #3f43fd;
    background-color: #f5f5ff;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.single-widget-area {
    position: relative;
    z-index: 1;
}

    .single-widget-area .widget-form {
        position: relative;
        z-index: 1;
    }

        .single-widget-area .widget-form input {
            width: 100%;
            height: 50px;
            border: 1px solid #ebebeb;
            border-radius: 0;
            font-size: 13px;
            padding: 0 20px;
            border-radius: 6px;
        }

            .single-widget-area .widget-form input:focus {
                border-color: #3f43fd;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

        .single-widget-area .widget-form button {
            position: absolute;
            -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
            width: 80px;
            height: 50px;
            background-color: #3f43fd;
            color: #ffffff;
            border: none;
            top: 0;
            right: 0;
            z-index: 10;
            cursor: pointer;
            border-radius: 0 6px 6px 0;
        }

            .single-widget-area .widget-form button:hover, .single-widget-area .widget-form button:focus {
                background-color: #020710;
                color: #ffffff;
            }

.catagories-list {
    position: relative;
    z-index: 1;
}

    .catagories-list li a {
        font-size: 1rem;
        display: block;
        font-weight: 400;
        margin-bottom: 20px;
    }

        .catagories-list li a i {
            padding-right: 10px;
        }

        .catagories-list li a:hover, .catagories-list li a:focus {
            color: #3f43fd;
        }

    .catagories-list li:last-child a {
        margin-bottom: 0;
    }

.popular-tags {
    position: relative;
    z-index: 1;
    margin-left: -3px;
}

    .popular-tags li {
        display: inline-block;
        margin: 3px;
    }

        .popular-tags li a {
            font-size: 13px;
            display: inline-block;
            padding: 0 20px;
            height: 35px;
            border: 1px solid #ebebeb;
            font-weight: 400;
            text-transform: uppercase;
            text-align: center;
            line-height: 35px;
            color: #747794;
            border-radius: 8px;
        }

            .popular-tags li a:hover, .popular-tags li a:focus {
                color: #ffffff;
                background-color: #3f43fd;
                border-color: #3f43fd;
            }

/* Content Wrapper CSS */

.content-wrapper-area {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 100vh;
    background-color: #f5f5ff;
    padding: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media only screen and (max-width: 575px) {
    .content-wrapper-area {
        padding: 50px 15px;
    }
}

.content-wrapper-area .logo {
    text-align: center;
}

@media only screen and (max-width: 575px) {
    .content-wrapper-area .footer_bottom p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 575px) {
    .content-wrapper-area .footer_bottom p a {
        font-size: 14px;
    }
}

.content-wrapper-area .main-content {
    position: relative;
    z-index: 1;
}

    .content-wrapper-area .main-content h2 {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .content-wrapper-area .main-content h2 {
        font-size: 1.75rem;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .content-wrapper-area .main-content h2 {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 575px) {
    .content-wrapper-area .main-content h2 {
        font-size: 1.5rem;
    }
}

.content-wrapper-area .main-content p {
    margin-bottom: 30px;
}

.content-wrapper-area .main-content #clock {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

    .content-wrapper-area .main-content #clock div {
        font-size: 3rem;
        font-weight: 700;
        color: #020710;
        text-align: center;
        margin-right: 1.5rem;
        text-transform: uppercase;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .content-wrapper-area .main-content #clock div {
        font-size: 2rem;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .content-wrapper-area .main-content #clock div {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 575px) {
    .content-wrapper-area .main-content #clock div {
        font-size: 28px;
    }
}

.content-wrapper-area .main-content #clock div span {
    font-size: 12px;
    display: block;
    color: #747794;
}

@media only screen and (max-width: 575px) {
    .content-wrapper-area .main-content #clock div span {
        font-size: 10px;
    }
}

.content-wrapper-area .main-content form {
    position: relative;
    z-index: 1;
    max-width: 450px;
}

    .content-wrapper-area .main-content form .form-control {
        width: 100%;
        height: 60px;
        border: none;
        padding: 15px 30px;
        font-size: 14px;
        border-radius: 8px;
        -webkit-box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
        box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
    }

@media only screen and (max-width: 575px) {
    .content-wrapper-area .main-content form .form-control {
        padding: 15px 20px;
        font-size: 12px;
    }
}

.content-wrapper-area .main-content form .form-control:hover, .content-wrapper-area .main-content form .form-control:focus {
    -webkit-box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
    box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
}

.content-wrapper-area .main-content form button {
    border: none;
    position: absolute;
    width: 120px;
    height: 60px;
    top: 0;
    right: 0;
    z-index: 100;
    text-align: center;
    border-radius: 0 8px 8px 0;
    background-color: #3f43fd;
    color: #ffffff;
}

@media only screen and (max-width: 575px) {
    .content-wrapper-area .main-content form button {
        width: 90px;
        font-size: 12px;
    }
}

.content-wrapper-area .main-content form button:hover, .content-wrapper-area .main-content form button:focus {
    background-color: #020710;
}
/* White Nav CSS */

.header_area.white-nav .main_header_area {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.header_area.white-nav .is-sticky .main_header_area {
    background-color: #070a57;
}

.header_area.white-nav .classy-nav-container a {
    color: #ffffff;
}

    .header_area.white-nav .classy-nav-container a:hover, .header_area.white-nav .classy-nav-container a:focus {
        color: rgba(255, 255, 255, 0.7);
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_area.white-nav .classy-nav-container a {
        color: #020710;
    }

        .header_area.white-nav .classy-nav-container a:hover, .header_area.white-nav .classy-nav-container a:focus {
            color: #3f43fd;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header_area.white-nav .classy-nav-container a {
        color: #020710;
    }

        .header_area.white-nav .classy-nav-container a:hover, .header_area.white-nav .classy-nav-container a:focus {
            color: #3f43fd;
        }
}

@media only screen and (max-width: 575px) {
    .header_area.white-nav .classy-nav-container a {
        color: #020710;
    }

        .header_area.white-nav .classy-nav-container a:hover, .header_area.white-nav .classy-nav-container a:focus {
            color: #3f43fd;
        }
}

.header_area.white-nav .classynav ul li:hover > a, .header_area.white-nav .classynav ul li.current_page_item > a {
    color: #f1c40f;
}

.header_area.white-nav .classynav ul li ul li a {
    color: #020710;
}

    .header_area.white-nav .classynav ul li ul li a:hover, .header_area.white-nav .classynav ul li ul li a:focus {
        color: #3f43fd;
    }

.header_area.white-nav .classynav ul li.has-down > a::after, .header_area.white-nav .classynav ul li.megamenu-item > a::after {
    color: #ffffff;
}

.header_area.white-nav .login-btn-area .btn {
    color: #ffffff;
}

    .header_area.white-nav .login-btn-area .btn:hover, .header_area.white-nav .login-btn-area .btn:focus {
        color: #3f43fd;
    }

.header_area.white-nav .classy-navbar-toggler .navbarToggler span {
    background-color: #ffffff;
}

.twitter-bs-wizard .twitter-bs-wizard-nav {
    position: relative
}

    .twitter-bs-wizard .twitter-bs-wizard-nav:before {
        content: "";
        width: 100%;
        height: 2px;
        background-color: #6fd5d3;
        position: absolute;
        left: 0px;
        top: 26px
    }

    .twitter-bs-wizard .twitter-bs-wizard-nav .step-number {
        display: inline-block;
        width: 38px;
        height: 38px;
        line-height: 34px;
        border: 2px solid #6fd5d3;
        color: #6fd5d3;
        text-align: center;
        border-radius: 50%;
        position: relative;
        background-color: #fff
    }

@media (max-width:991.98px) {
    .twitter-bs-wizard .twitter-bs-wizard-nav .step-number {
        display: block;
        margin: 0 auto 8px !important
    }
}

.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link .step-title {
    display: block;
    margin-top: 8px;
    font-weight: 600
}

@media only screen and (max-width:576px) {
    .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link {
        padding: .5rem;
    }

        .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link .step-title {
            font-size: .75rem !important;
        }
}

.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active {
    background-color: transparent;
    color: #505d69
}

    .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active .step-number {
        background-color: #6fd5d3;
        color: #fff
    }

.twitter-bs-wizard .twitter-bs-wizard-pager-link {
    padding-top: 24px;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0
}

    .twitter-bs-wizard .twitter-bs-wizard-pager-link li {
        display: inline-block
    }

        .twitter-bs-wizard .twitter-bs-wizard-pager-link li a {
            display: inline-block;
            padding: .47rem .75rem;
            background-color: #5664d2;
            color: #fff;
            border-radius: .25rem
        }

        .twitter-bs-wizard .twitter-bs-wizard-pager-link li.disabled a {
            cursor: not-allowed;
            background-color: #7682db
        }

        .twitter-bs-wizard .twitter-bs-wizard-pager-link li.next {
            float: right
        }

.twitter-bs-wizard-tab-content {
    padding-top: 24px;
    min-height: 262px
}