/****** Edited by Aeron ******/

/******* DESKTOP ********/

/* Red Animated Draw */
.shape-service .color-shape-2 {
    left: -70px;
}

/* Navbar */
nav.navbar {
    background-color: #010048;
}

.navbar-light.sticky-header.affix, .navbar-dark.sticky-header.affix {
    background: #010048;
}

.navbar-light .main-menu li a.nav-link, .navbar-light .action-btns a.btn-link, .navbar-dark.sticky-header.affix .main-menu li a.nav-link, .navbar-dark.sticky-header.affix .action-btns a.btn-link {
    color: #e2e8f0;
}

/* Header Logo */
img.img-fluid.logo-color {
    max-width: 120px;
}

.sticky-header.affix img.img-fluid.logo-color {
    max-width: 240px;
}

img.img-fluid.logo-white {
    max-width: 240px;
}

/* for footer
img.img-fluid.logo-white {
    max-width: 120px;
}
 */

.sticky-header.affix img.img-fluid.logo-white {
    max-width: 75px;
}

.sticky-header {
    padding: 10px 0;
}

img.img-fluid.ps-2 {
    max-width: 80px;
}

/* About Background */
.about-bg-sec {
    background-size: cover !important;
}

/* Custom mt-100px */
.mt-100px {
    margin-top: 100px;
}

.mt-80px {
    margin-top: 80px;
}

.mt-40px {
    margin-top: 40px;
}

/* About Page Counter */
@media (min-width: 1200px) {
    .display-5 {
        font-size: 2.5rem;
    }

    .visible-xs {
        display: none;
    }

    .feature-tab-list-2 li a {
        margin: 5px 0px;
    }
}

/* Tab */
ul.feature-tab-list-2 li a {
    font-weight: 600;
    font-size: 16px;
}

/* Tools Page */
.hero-content-wrap.mt-5 {
    text-align: center;
}

/* Broker */
.tab-right-content p {
    font-size: 16px;
}

.background-white {
    background-color: #ffffff;
    padding: 20px 10px;
}

.background-grey {
    background-color: #F0F1F1;
    padding: 12px 30px;
}

strong.rebate-text {
    color: #000;
}

.float-right-acc {
    float: right;
}

.inline-text {
    display: inline;
}

span.inline-text.orange-box {
    background-color: #C78200;
    margin: 10px;
    padding: 4px 10px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    font-size: 14px;
}

img.img-height {
    height: 45px;
}

/* Broker Logo */
.feature-tab-list-2.log li a {
    border: 0;
    background: none;
    border-radius: 0;
    padding: 0;
}

.feature-tab-list-2.log li a.active {
    background: none;
}

.feature-tab-list-2.log li a.hover {
    background: none;
}

img.img-height {
    height: 55px;
}

img.img-height:hover {
    opacity: 0.8;
}

/* Login */
.bg-red {
    --bs-bg-opacity: 1;
    background-color: #CF4231 !important;
}

a.btn.bg-red span {
    color: white;
}

.google-plus-btn:hover {
    background: #aa2a1a !important;
}

.bg-blue {
    --bs-bg-opacity: 1;
    background-color: #3C66C5 !important;
}

a.btn.bg-blue span {
    color: white;
}

.fb-btn:hover {
    background: #1f459c !important;
}

/*******  MOBILE ********/

/* Header Logo */
@media (min-width: 320px) and (max-width: 767px) {
    .footer-single-col h3, .footer-single-col .h3 {
        margin-bottom: 0px;
        }

    img.img-fluid.logo-color {
    max-width: 90px;
    }

    img.img-fluid.logo-white {
        max-width: 158px;
    }

    .sticky-header.affix img.img-fluid.logo-color {
    max-width: 158px;
    }

    .sticky-header.affix {
        padding: 10px 0 !important;
    }

    .visible-lg {
        display: none;
    }

    h3.display-5.fw-bold {
    font-size: 22px;
    }
}


@media (min-width: 320px) and (max-width: 767px) {
    .feature-tab-list-2 {
        -webkit-box-pack: center !important;
        -ms-flex-pack: start !important;
        justify-content: center !important;
    }
}

.feature-tab-list-2 li.nav-item {
    width: 95%;
    text-align: center;
}

/****** Replace Code *******/

/* Slider Bubble */
.bubble .bubble-1 {
    left: -25px;
    bottom: 5%;
}

.dots .dot-1 {
    left: 30px;
}

.dots .dot-2 {
    right: 10px;
}

.bubble .bubble-2 {
    right: 0px;
}

.ptb-60 {
    padding: 60px 0;
}

.ptb-tools {
    padding: 120px 0 60px 0;
}

.story-grid {
    height: 480px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-danger {
    background-color: #E01A04;
}

.btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger.active, .btn-danger.show {
    border-color: #b91300;
    background-color: #b91300;

}

.btn-success {
    background-color: #44BE4C;
}

.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success.active, .btn-success.show {
    border-color: #2e9b35;
    background-color: #2e9b35;

}

.form-check-label {
    font-size: 15px;
    margin-left: 5px;
}

/* Language Button */
.btn-language-mobile {
    --bs-btn-color: #fff;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #ffffff;
    --bs-btn-hover-color: #575757;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-focus-shadow-rgb: 58, 116, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #ffffff;
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ffffff;
    --bs-btn-disabled-border-color: #ffffff;
    border: solid 2px;
    margin-right: 5px;
}

.navbar-dark.sticky-header.affix .btn-language-mobile {
    --bs-btn-color: #575757;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #ffffff;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #575757;
    --bs-btn-hover-border-color: #575757;
    --bs-btn-focus-shadow-rgb: 58, 116, 255;
    --bs-btn-active-color: #575757;
    --bs-btn-active-bg: #575757;
    --bs-btn-active-border-color: #575757;
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ffffff;
    --bs-btn-disabled-border-color: #575757;
    border: solid 2px;
}

.btn-language {
    --bs-btn-color: #000000;
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #ffffff;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-focus-shadow-rgb: 58, 116, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #ffffff;
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ffffff;
    --bs-btn-disabled-border-color: #ffffff;
    border: solid 2px #ffffff;
    margin-right: 5px;
}

.navbar-dark.sticky-header.affix .btn-language {
    --bs-btn-color: #000000;
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #ffffff;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-focus-shadow-rgb: 58, 116, 255;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #ffffff;
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ffffff;
    --bs-btn-disabled-border-color: #ffffff;
    border: solid 2px #ffffff;
}


/* Mobile Burger Icon Position */
.navbar-toggler {
    color: #e2e8f0;
}

.navbar-dark.sticky-header.affix .navbar-toggler span {
    color: #e2e8f0;
}

.right-10 {
    right: 10px;
}

.right-mobile {
    right: 70px;
}

/* Language Menu */
.nav.main-menu.inline-box {
    display: inline-block !important;
}

a.nav-link.dropdown-toggle.language {
    border: none;
}

a.dropdown-link.px-0.language-2 {
    line-height: normal;
    border: none;
}

a.nav-link.dropdown-toggle.language:hover {
    background-color: unset;
    color: white;
}

@media (min-width: 600px) {
    .nav.main-menu.position-absolute.right-mobile.d-block.d-md-none {
    display: none !important;
    }
}

.btn-language-phone {
    --bs-btn-color: #575757;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #575757;
    --bs-btn-hover-color: #575757;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #575757;
    --bs-btn-focus-shadow-rgb: 58, 116, 255;
    --bs-btn-active-color: #575757;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #575757;
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-color: #575757;
    --bs-btn-disabled-bg: #ffffff;
    --bs-btn-disabled-border-color: #575757;
    border: solid 2px;
    margin-right: 5px;
}

.feature-tab-info h3 {
    text-align: center;
}


/* Newsletter */
.bg-dark-newsletter {
    background-color: #052AD4 !important;
}

.bg-dark-newsletter h2 {
    color: white;
}

.bg-dark-newsletter p {
    color: white;
}

.g-news-letter .form-control {
    background: white;
}

.g-news-letter button {
    background: #DCEBFB;
    color: #052ad4;
}

.form-control {
    padding: 0.65rem 2rem;
}

.ptb-40 {
    padding: 40px 0;
}

.bg-darkblue {
    background-color: #010048;
}

.bg-darkblue .logo-color {
    display: none;
}

.bg-home {
    background-image: url("../img/bg-home.jpg");
    background-size: cover;
    background-position: center center;
}

.bg-home .logo-color {
    display: none;
}

.bg-about {
    background-image: url("../img/bg-about.jpg");
    background-size: cover;
    background-position: center center;
}

.bg-about .logo-color {
    display: none;
}

footer h6 {
    color: white;
}

.rating-list li i {
    font-size: 15px;
}

.footer-single-col h3 {
    color: white;
}

.footer-bottom {
    border-top: 1px solid white;
    margin-top: 40px;
}

.py-4 {
    padding-bottom: 0px !important;
}

.copyright-text p {
    color: #ffffff;
}

.footer-social-list li a {
    border: 2px solid #1877F2;
    color: #fff;
    background: #1877F2;
    border-radius: 100px;
}

.mk-sf-item {
    padding: 20px 20px;
}

.bg-lightblue {
    background-color: #F5FAFF;
}

.bg-grey {
    background-color: #F1F1F2;
}

li.d-flex.align-items-start {
    background-color: #F5FAFF;
}

.steps {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 80px;
}

.pad-100 {
    padding-top: 100px;
}

.default-btn {
    background-color: #89B7E1;
    color: white;

}

.default-btn:hover {
    background-color: #1777F2;
    color: white;

}

.crm-integration-content {
    text-align: center;
}

.about-icon {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 43px;
}

.mk-sf-item.noborder {
    border: 0px;
}

.pt-20 {
    padding-top: 20px;
}

/* Tools Button */
.feature-tab-list-2 li a {
    border: none;
    background: #ADADAD;
    border-radius: 0.5rem;
    padding: 1rem 1.5rem;
    font-size: 14px;
    font-weight: 500;
    font-family: "Poppins",sans-serif;
    color: #fff;
}

.ptools {
    padding:60px 30px 60px 30px;
}

.bluetext {
    color: #052AD4;
}

/* Grey Line */
@media only screen and (max-width: 767px) {
    li.setup-process-item:not(:last-child):before {
        display: none;
    }

    .setup-process-list {
        max-width: 330px;
    }
}

li.setup-process-item:not(:last-child):before {
    width: 1px;
    background: #E1E3E8;
}

.setup-process-list {
    grid-gap: 0px;
}

.ptb-20 {
    padding:30px 30px 15px 30px;
}

.px-2rem {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

.btn-black {
    color: #fff !important;
    background-color: #000;
}

.btn-black:hover, .btn-black:active, .btn-black:focus, .btn-black.active, .btn-black.show {
    border-color: #000;
    background-color: #000;
}

a.btn.rebate {
    font-size: 18px;
    padding: 10px 40px;
    margin: 10px;
}