/* 
Softlead Custom Layout

Author: Andrei Dumitrascu
Version: 1.0.0
***/

html, body, html *:not(i) {
    font-family: 'Roboto', sans-serif!important;
    text-transform: none!important;
}

.text-purple {
    color: #a21fcc;
}

.mm-wrapper{
    width: 100%;
    height: 100%;
}

.main-header-upper {
    max-height: 46px;
    overflow-y: hidden;
}

.mm-menu_fullscreen.mm-menu_position-bottom {
    top: 125px;
}

.mm-panels {
    margin-bottom: 80px;
}

.mm-add-listing {
    margin-top: 10px!important;
}

.subscribe-section-two .sec-title h2 {
    line-height: 36px;
}

.pe-pointer {
    cursor: pointer;
}

.grecaptcha-badge {
    z-index: 99999;
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 4px !important;
}
.grecaptcha-badge:hover {
    width: 256px !important;
}

.bg-blue-custom {
    background: #043d8a;
}

.bg-pink-custom {
    background: rgb(176,92,192);
}

.main-header .outer-box .btn-box a {
    margin-left: 20px;
}

.mm-menu_fullscreen.mm-menu_position-bottom, .mm-panels {
    height: 100dvh;
}

.border-radius-top-left {
    border-top-left-radius: 8px;
}

.border-radius-top-right {
    border-top-right-radius: 8px;
}

a {
    cursor: pointer!important;
}

.mb-8 {
    margin-bottom: 2rem;
}

.btn-sm {
    padding: 10px 20px 8px 20px!important;
}

.menu-hightlight {
    text-transform: uppercase!important;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.badge-menu {
    position: absolute;
    top: -12px;
    left: -8px;
    height: 24px;
    width: auto;
}

.badge-menu.badge-menu-li {
    top: -18px;
}

@media only screen and (max-width: 1366px) {
    .badge-menu {
        left: 6px;
        top: 0;
    }

    .badge-menu.badge-menu-li {
        left: -6px;
    }
}

.main-menu .navigation > li > span, .main-menu .navigation > li > a {
    font-weight: bold;
    font-size: 16px;
}

.main-header .logo {
    margin-right: 1rem;
}

.main-menu .navigation > li:hover > .mega-menu {
    overflow-y: scroll;
    max-height: 85vh;
}

.main-menu .navigation > li:hover > .mega-menu.go-to-left {
    left: -20vw;
}

.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited, .mm-panel {
    color: #fff;
}

.main-menu .navigation > li > .mega-menu {
    width: 1000px;
}

.mega-menu {
    padding: 0!important;
}

.mega-menu ul.arrow-list li a {
    transition: 150ms cubic-bezier(0.215,0.61,0.355,1);
}

.mega-menu ul.arrow-list li a::before {
    content: '→';
    position: absolute;
    left: 10px;
    opacity: 0;
    transition: 150ms cubic-bezier(0.215,0.61,0.355,1);
    color: inherit;
}

.mega-menu ul.arrow-list li a:hover {
    transform: translateX(20px);
}

.mega-menu ul.arrow-list li a:hover::before {
    opacity: 1;
    transform: translateX(-30px);
}

.pad-30 {
    padding: 30px;
}

.menu-bg {
    background: #F5F7FC;
}

.mega-menu-title {
    border-bottom: 2px solid #dbe2e5;
    padding-bottom: 1rem!important;
    margin-bottom: 1rem!important;
}

.mega-menu-show-all {
    border-top: 2px solid #dbe2e5;
    padding-top: 1rem!important;
}

.mega-menu-show-all a {
    color: #FB803E!important;
}

.checkboxes label:before {
    border: 1px solid #b2b2b2;;
}
.ls-section:nth-child(odd) {
    background: #F5F7FC;
}
.ls-section .text {
    text-align: justify;
}

.adserver-section {
    text-align: center;
    float: right;
    padding-bottom: 2rem;
    margin-left: 1rem;
}

@media (max-width: 768px) {
    .adserver-section {
        float: unset;
        margin-left: 0;
    }
}

.modal-content {
    padding: 2rem;
}

.modal-header {
    border-bottom: unset;
}

.modal-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    color: #202124;
}

.modal .btn-close  {
    float: right;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    opacity: 1;
    filter: invert();
    background: #a2cf47 var(--bs-btn-close-bg) center / 1em auto no-repeat;
}

.modal .btn-close:hover {
    background: #b0e151 var(--bs-btn-close-bg) center / 1em auto no-repeat;
}

.main-header.-type-11.fixed-header, .mobile-header {
    background: rgb(176,92,192);
    background: linear-gradient(133deg, rgba(176,92,192,1) 0%, rgba(91,115,236,1) 100%);
}

.mobile-header .login-box a, .mobile-nav-toggler i {
    color: #fff;
}

.banner-section .content-column .text {
    font-size: 20px;
}

.bg-header {
    background: rgb(176,92,192);
    background: linear-gradient(133deg, rgba(176,92,192,1) 0%, rgba(91,115,236,1) 100%);
}

.main-header-upper {
    display: flex;
    justify-content: end;
    padding: 0 30px;
}

.main-header-upper .search {
    margin-top: 1rem;
    width: 60px;
    height: 30px;
    transform: 0.5s;
    background: #fff;
    overflow: hidden;
    position: relative;
    border-radius: 60px;
    box-shadow: 0 0 0 0 5px #6071E9;
}

.main-header-upper .search.active {
    width: 180px;
}

.main-header-upper .search .icon {
    top: 2px;
    right: 4px;
    width: 26px;
    height: 26px;
    display: flex;
    z-index: 1000;
    cursor: pointer;
    position: absolute;
    background: #6071E9;
    border-radius: 60px;
    align-items: center;
    justify-content: center;
}

.main-header-upper .search .icon:before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #fff;
    transform: translate(-2px, -2px);
}

.main-header-upper .search .icon:after {
    content: "";
    width: 3px;
    height: 9px;
    position: absolute;
    background: #fff;
    transform: translate(3px, 3px) rotate(315deg);
}

.main-header-upper .search .input {
    left: 12px;
    width: 180px;
    height: 30px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}

.main-header-upper .search .input input {
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    padding: 10px 0;
    position: absolute;
    color: #696969;
}

.main-menu .navigation > li > ul > li > span, .main-menu .navigation > li > ul > li > a {
    color: #000;
}

.main-header .logo img {
    max-height: 60px;
}

.sidebar-widget:not(.sidebar-widget.company-widget) {
    margin-bottom: 0;
}

.tab-buttons.-pills .tab-btn {
    background: #F2E0FE;
}

.tab-buttons.-pills .tab-btn.active-btn {
    background-color: #5D48A8;
}

#subscribe-newslatters {
    color: #171717!important;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    max-width: 100%;
    background: none;
    padding: 0;
}

.main-menu .navigation > li {
    margin-right: 1.8rem;
}

.main-header .main-box {
    max-width: unset;
    padding: 0 30px;
}

@media (min-width: 1500px) {
    .main-menu .navigation > li {
        margin-right: 1.7rem;
    }
}

@media (min-width: 768px) {
    .menu-separator {
        border-right: 2px solid #dbe2e5;
    }
}

@media (max-width: 768px) {
    .mega-menu-bar ul {
        margin-bottom: 0;
    }

    .mega-menu-bar {
        margin-top: 1rem;
    }

    .work-section, .news-section, .clients-section-two, .about-section-two, .testimonial-section-three, .main-footer .widgets-section, .faqs-section, .job-section-five.style-two, .tnc-section, .fun-fact-section, .about-section {
        padding: 50px 0;
    }
}

.banner-section.-type-11 .title-box h1 {
    color: #fff;
    text-wrap: balance;
}

@media only screen and (max-width: 1600px) {
    .banner-section .content-column h1 {
        font-size: 50px;
        line-height: 1.2em;
    }
}
.banner-section .content-column h1 {
    font-size: 50px;
    line-height: 60px;
    color: #202124;
    font-weight: 500;
    margin-bottom: 25px;
}

.inner-column-small-padding {
    padding: 200px 0px 60px!important;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.list-check-default {
    margin-bottom: 2rem;
}

.list-check-default li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.list-check-default li .fa-check-circle {
    color: #5F71E9;
    margin-right: 0.5rem;
}

.buyers-section .ls-section h3 {
    position: relative;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #202124;
    margin-bottom: 16px;
}

/* Btn Style Ten */
.btn-style-ten {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #a21fcc;
    line-height: 20px;
    border-radius: 8px;
    font-weight: 400;
    padding: 15px 35px;
}

.btn-style-ten:hover {
    color: #fff;
    background-color: rgba(162, 31, 204, 0.78);
}

.about-section-two.style-two .applicants-list .title-box {
    background-color: #a21fcc;
}

.fun-fact-section .counter-title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 1rem;
}

.lower-content p {
    margin-top: 20px;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
}

.numbers {
    background-color: rgba(25, 103, 210, 0.07);
    padding-top: 1rem;
}

.numbers .fun-fact-section .count-box {
    color: #fff;
    font-weight: bold;
}

.numbers .fun-fact-section .counter-title {
    color: #000;
}

.default-form .form-group input[type="tel"], .default-form .form-group input[type="text"], .default-form .form-group input[type="password"], .default-form .form-group input[type="number"], .default-form .form-group input[type="email"], .default-form .form-group input[type="url"], .default-form .form-group textarea, .default-form .form-group select {
    padding: 8px 16px;
    height: unset;
}

.widget-content .default-form textarea {
    min-height: 100px;
}

.app-block {
    position: relative;
    margin-bottom: 30px;
}

.app-block .inner-box {
    position: relative;
    padding: 32px 20px 22px 30px;
    background: #FFFFFF;
    border: 1px solid #ECEDF2;
    box-sizing: border-box;
    border-radius: 10px;
    transition: all 300ms ease;
}

.app-block.at-jsv6 .inner-box {
    border-radius: 18px;
    border-radius: 18px;
    border: 1px solid #F9AB00;
}

.app-block.at-jsv6:hover .inner-box {
    border: 1px solid #ECEDF2;
}

.app-block.at-jlv16 .inner-box {
    border-radius: 18px;
}

.app-block.at-jlv16.active .inner-box,
.app-block.at-jlv17.active .inner-box {
    border: 1px solid #F9AB00;
}

.app-block.at-jlv17.at-jlv15 .tags {
    bottom: 20px;
    top: auto;
}

.app-block.at-jlv17.at-jlv15 .inner-box {
    border-radius: 18px;
}

.app-block.at-jlv17.at-jlv15.active .inner-box {
    border-radius: 18px;
    border: 1px solid #1967D2;
    box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.05);
}

.app-block .inner-box:hover {
    box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
}

.app-block .content {
    position: relative;
    min-height: 51px;
}

.badge-gray {
    background: #f8f9fa!important;
    color: #212529!important;
    text-align: left;
}

.badge-purple {
    background: rgba(162, 31, 204, 0.2) !important;
    color: #a21fcc!important;
}

.badge-country img {
    border-radius: 50%;
    margin-right: 0.5rem;
}

.badge-country {
    padding-left: 0.1rem!important;
    padding-top: 0.1rem!important;;
    padding-bottom: 0.1rem!important;;
}

.app-block .company-logo {
    left: 0;
    top: 0;
    width: 30%;
    transition: all 300ms ease;
}

.app-block.at-jlv16 .company-logo {
    width: 60px;
}

.app-block h4, .app-block h3 {
    font-size: 18px;
    color: #202124;
    font-weight: 500;
    line-height: 26px;
    top: -3px;
    margin-bottom: 3px;
}

.app-block h4 a, .app-block h3 a {
    color: #202124;
    transition: all 300ms ease;
}

.app-block h4 a:hover, .app-block h3 a:hover {
    color: #1967D2;
}

.app-block .job-info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.app-block .job-info li {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    color: #696969;
    font-weight: 400;
    padding-left: 25px;
    margin-bottom: 5px;
    margin-right: 20px;
}

.app-block .job-info li .icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    line-height: 22px;
    color: #696969;
}

.app-block .job-info li a {
    color: #696969;
}

.app-block .bookmark-btn {
    position: absolute;
    right: 0;
    top: -15px;
    height: 30px;
    width: 30px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff;
    transition: all 300ms ease;
}

.app-block .bookmark-btn:hover {
    background: #ECEDF2;
}

.app-block .job-other-info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.page-breadcrumb {
    margin: 5px -15px 30px;
}

.job-detail-outer {
    padding-bottom: 0;
}

.inset-fix {
    inset: 0px auto auto 0px !important;
}

.bg-light {
    background: #F5F7FC;
}

@media (max-width: 1366px) {
    .inset-fix {
        inset: 0px auto auto 0px !important;
    }

    .menu-bg {
        background: unset;
    }

    .main-header-upper {
        padding: 0 15px;
    }
}

.page-title .text p {
    color: #202124;
}

.filters-column {
    border-radius: 10px;
}

body.active-filters .filters-column {
    border-radius: 0px;
}

.page-title .text ul, .page-title .text li {
    list-style: revert;
    padding: revert;
    margin: revert;
}

.call-to-action-four.leads-call-to-action {
    text-align: center;
    padding-right: 30px;
}

.call-to-action-four.leads-call-to-action span {
    color: #a21fcc;
}

.call-to-action-four.leads-call-to-action h5 {
    font-weight: bold;
    margin-top: 1rem;
}

.ls-section .filter-block .chosenImage-container .chosen-single {
    padding-left: 20px;
}

.ls-section .filter-block .chosenImage-container .chosen-single span {
    margin-left: 0;
}

.filters-column.hide-left {
    background-color: rgba(25, 103, 210, 0.07);
}

.remember {
    color: #202124!important;
}

.preloader:after {
    background-image:url(../images/logo_lead_small.png);
    background-size: contain;
}

.badge-custom {
    font-weight: bold;
    color: rgb(var(--color)) !important;
    background: rgba(var(--color), 0.15);
}

.product-section .upper-box .badge-custom {
    background: #F5F7FC;
}

.general-errors {
    position: relative;
    width: 100%;
    display: block;
    background-color: #fff0;
    color: var(--bs-form-invalid-color);
    padding: 0 10px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 12px;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: var(--bs-form-invalid-color)!important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat!important;
    background-position: right calc(.375em + .1875rem) center!important;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;
}

.alert-messages {
    font-size: 12px;
    font-weight: 500;
    padding: 0 10px;
}

.invalid-feedback {
    display: none!important;
}

/* Homepage */
@media (max-width: 767px) {
    .banner-section.-type-11 .content-column .inner-column {
        padding: 150px 0px 60px;
    }
}

.banner-section.-type-11 .theme-btn, .banner-section.-type-11 .popular-searches a.btn-style-three {
    color: #000000!important;
}

.tab-buttons.-pills {
    justify-content: center!important;
}

.hightlight-subtitle-section {
    color: #6F6DE1!important;
}

.about-section-two .sec-title h2 {
    line-height: 45px;
    text-wrap: balance;
}

.list-style-home li {
    color: #fff;
    list-style-type: disc;
    margin-left: 2rem;
    margin-top: 0.5rem;
}

.bg-sec-title {
    background: rgba(25, 103, 210, 0.07);
    padding: 1rem 1rem 5rem 1rem;
    border-radius: 8px;
    position: relative;
}

.box-statistics {
    background: white;
    box-shadow: 0 7px 18px rgba(64, 79, 104, 0.05);
    border: 1px solid #ECEDF2;
    border-radius: 8px;
    padding: 1rem;
    position: absolute;
    margin: 0 1rem;
}

.box-statistics .text {
    margin-bottom: 1rem;
}

.box-statistics .col-md-4 {
    text-align: center;
}

@media (max-width: 992px) {
    .box-statistics {
        position: relative;
        margin: 0;
    }

    .bg-sec-title {
        margin-bottom: 0!important;
        padding: 1rem;
    }

    .box-statistics .col-md-4 {
        text-align: left;
    }

    .subscribe-section-two.-type-5 .background-image {
        background: unset;
    }
}

.testimonial-block .inner-box:before {
    background-image: url('../images/quote.png')!important;
    background-size: contain;
    background-repeat: no-repeat;
    top: unset;
    bottom: 25px;
    height: 40px;
    width: 60px;
}

.thumb-bg {
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
    height: 100%;
    width: 100%;
    border-radius: 50%;
}

.testimonial-block .text {
    position: relative;
    z-index: 3;
}

.count-box-container {
    padding: 3rem 4rem;
    background-position: center!important;
    background-repeat: no-repeat!important;
}

.about-section-two .sec-title .text {
    max-width: unset;
}

.owl-stage {
    display: flex;
    align-items: center;
}

.news-block .inner-box {
    margin-bottom: 1.5rem;
}

.job-block-four .company-logo {
    position: relative;
    display: block;
    height: unset;
    width: unset;
    border-radius: unset;
    overflow: unset;
    margin: 0 auto 12px;
    transition: all 300ms ease;
}

.badge-trusted-seller, .badge-anis {
    position: absolute;
    right: 0;
    margin-right: 0;
    background: rgba(var(--color), 0.15);
    color: rgb(var(--color));
    border-radius: 30px 0 0 30px;
    top: 10px;
    padding: 5px 20px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 15px;
    font-weight: bold;
}

.badge-anis {
    background: rgba(197, 0, 0, 0.15);
    color: #c50000;
    top: 50px;
}

.product-card-small .read-more {
    position: relative;
    font-size: 16px;
    line-height: 28px;
    color: #1967D2;
    font-weight: bold;
}

.product-card-small .read-more i {
    margin-left: 10px;
    transition: all 300ms ease;
}

.product-card-small .company-link {
    color: #696969;
    font-weight: bold;
}

.product-card-small .company-link:hover {
    color: #1967D2;
}

.product-card-small .company-logo {
    display: block;
    width: 100%;
    height: 90px;
    margin-bottom: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.testimonial-block .designation {
    color: #585858;
}

.testimonial-block .title {
    color: #1556ae;
}

.product-card-small .footer {
    position: absolute;
    bottom: 22px;
}

#footer-newsletter-wrapper .radio-box label, #footer-newsletter-form .text {
    color: #CAD1D8!important;
}

.call-modal-language {
    height: 28px;
    margin-top: 4px;
    transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    min-width: unset !important;
    display: flex;
    justify-content: space-between;
    color: #fff;
}

.call-modal-language img {
    border-radius: 50%;
}

.call-modal-language:hover {
    transform: scale(1.1);
    transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    color: #fff;
}

/* Products */

.toggle-filters:hover .icon-filter {
    filter: brightness(10);
}

.product-section .video-box iframe {
    height: 40vh;
}

.products-card .inner-box {
    padding: 15px;
}

.products-card .company-logo {
    border: 1px solid #ECEDF2;
    padding: 4px;
    border-radius: 8px;
    max-height: 100px;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    margin: 0;
}

.products-card h4 a {
    color: #1967D2;
    font-weight: bold;
}

.products-card .badge-trusted-seller {
    top: 15px;
}

.products-card .btn-product {
    width: fit-content;
    border-radius: 20px;
    padding: 10px 20px;
    text-transform: uppercase;
}

.products-card .read-more {
    color: #1967D2;
}

.products-card h6 {
    margin-top: 2.5rem;
    font-weight: bold;
}

.block-overview {
    margin-top: 2.5rem;
}

.products-card .fa-check-circle {
    color: #34A853;
}

.about-us .fa-check-circle {
    color: #6f42c1;
    margin-right: 0.5rem;
}

.products-card .list-features {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    font-size: 15px;
}

.products-card .job-other-info {
    position: initial;
    display: initial;
}

.products-card .job-other-info li {
    border-radius: 30px;
    right: unset !important;
}

.badge-sponsored {
    background: rgba(249, 171, 0, 0.15);
    color: #F9AB00;
}

.badge-certified {
    background: rgba(25, 103, 210, 0.15);
    color: #1967D2;
}

.products-card .company-logo img {
    max-height: 100px;
    width: auto;
    height: auto;
}

.page-title h1, .page-title .text, .page-title .text p {
    text-align: left;
    color: #fff!important;
}

.page-title .text a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
}

.page-title:before {
    position: initial;
    background: unset;
}

.page-title, .job-detail-section {
    background: rgb(176,92,192) !important;
    background: linear-gradient(133deg, rgba(176,92,192,1) 0%, rgba(91,115,236,1) 100%) !important;
}

.job-detail-section .upper-box {
    background-image: unset;
}

.page-title {
    padding: 30px 0;
}

.page-title .main-image img {
    max-height: 250px;
    height: 250px;
    width: auto;
}

.page-breadcrumb li a {
    color: #fff;
}

.page-breadcrumb li {
    color: #CAD1D8;
}

.page-breadcrumb li:after {
    color: #CAD1D8;
}

.page-breadcrumb li a:hover {
    color: #CAD1D8;
}

.rating {
    display: flex;
    justify-content: center;
    align-items: center;
}

.rating .fa-star {
    position: relative;
    color: lightgray;
    transition: transform 0.3s ease;
}

.rating .fa-star.full {
    color: gold;
}

.rating .fa-star.half::before {
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, gold 50%, lightgray 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rating-box {
    display: flex;
    justify-content: center;
    align-items: end;
    flex-direction: column;
}

.rating-box .text {
    color: #696969 !important;
    font-size: 13px;
}

.call-to-action-four p {
    color: #202124;
}

.products-card h2 {
    position: relative;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #202124;
    margin-bottom: 16px;
}

.products-card h2 a {
    line-height: 32px;
}

.products-card h2 a, .products-card h2 {
    color: #1967D2;
}

.filters-products-reset-all-filters-btn, .btn-close-drawer {
    padding: 8px 20px;
    font-size: 14px;
}

@media (max-width: 992px) {
    .ls-section .filters-column.hide-left {
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh !important;
        max-width: 320px;
        width: 100%;
        padding: 0 !important;
        background: #fff;
        z-index: 99;
        overflow-y: auto !important;
        transition: all 300ms ease;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100%);
    }

    .ls-section .filters-column.hide-left .inner-column {
        min-height: 100%;
    }

    .ls-section .filters-column.hide-left .filters-outer {
        margin-bottom: 0;
    }

    .active-filters .ls-section .filters-column.hide-left {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 768px) {

    .ud-btn2 {
        display: none;
    }

    .products-card h2 {
        text-align: center;
    }

    .products-card .company-logo {
        max-width: 50%;
        margin: 1rem auto 1rem auto;
    }

    .products-card .company-logo img {
        padding: 4px;
    }

    .products-card h4, .products-card .job-other-info {
        text-align: center;
    }

    .products-card .badge-trusted-seller {
        top: -12px;
        border-radius: 30px;
    }

    .products-card .badge-anis {
        top: -12px;
        border-radius: 30px;
        background: #F7E1DE;
        left: 0;
        right: auto;
    }

    .products-card .product-general div {
        width: 100%;
        display: grid;
    }

    .products-card .list-features {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    .products-card .btn-product {
        width: 50%;
    }
}

@media (max-width: 576px) {
    .products-card .btn-product {
        width: 100%;
    }

    .products-card .list-features {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    .products-card .company-logo {
        max-width: 100%;
    }

    .about-section-two.style-two .theme-btn, .news-section .theme-btn, .subscribe-section-two .theme-btn{
        width: 100%;
    }
}

/* Product */
.product-company-logo.company-logo {
    border: 1px solid #ECEDF2;
    border-radius: 8px;
    max-height: 100px;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    padding: 10px;
    background: #fff;
}

.product-company-logo.company-logo img {
    max-height: 100px;
    width: auto;
    height: auto;
}

.product-section .job-detail h4 {
    font-weight: bold;
}

.product-section .job-overview {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}

.product-section .job-overview:has(> *:nth-child(2):nth-last-child(1)) {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.product-section .job-overview:has(> *:nth-child(3)) {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}

.product-section .sidebar-widget.company-widget .job-overview {
    columns: 1!important;
    -webkit-columns: 1!important;
    -moz-columns: 1!important;
}

.product-section .company-widget .company-title .company-logo {
    border: 1px solid #ECEDF2;
    padding: 4px;
    border-radius: 8px;
    margin-left: 10px;
}

.product-section .company-info .badge {
    margin-bottom: 0.25rem;
}

.product-section .tab-menu__item {
    padding: 12px 30px 12px 30px;
}

.company-widget .widget-content h4 {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.product-section h2 {
    font-weight: 500;
    font-size: 26px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 10px;
}

.product-section .module-title {
    font-size: 18px;
    margin-bottom: 1rem;
}

.product-section .list-check {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    font-size: 15px;
    margin-bottom: 2rem;
}

.product-section .list-check li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.product-section .list-check .fa-check-circle {
    color: #34A853;
    margin-right: 0.5rem;
}

.product-section #section-functionalities-other .list-check {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    font-size: 15px;
    margin-bottom: 2rem;
}

.product-section .upper-box .badge-trusted-seller {
    position: initial;
    border-radius: 30px;
    display: inline-block;
    background: #F5F7FC;
}

.nGY2Gallery {
    display: flex;
}

.product-section .job-block .content {
    padding-left: 0;
}

.product-section .swiper-button-next, .product-section .swiper-button-prev {
    color: #4C7FF1;
    font-size: 20px;
    font-weight: bold;
}

.product-section .swiper-button-next:after, .product-section .swiper-rtl .swiper-button-prev:after {
    font-size: 20px;
    font-weight: bold;
}

.product-section .swiper-button-prev:after, .product-section .swiper-rtl .swiper-button-next:after {
    font-size: 20px;
    font-weight: bold;
}

.product-section .menu__item {
    height: 66px;
}

.product-section .swiper-slide a {
    min-height: 60px;
    height: 60px;
    margin: 1px;
    padding: 0;
}

.product-section #section-modules .module-image {
    overflow: hidden;
    border-radius: 8px;
    display: flex;
    width: 100%;
}

.product-section #section-modules .module-image img {
    max-width: 300px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.product-section #section-modules .module-image img:hover {
    transform: scale(1.1);
}

.product-section .job-block-seven h1 {
    position: relative;
    font-weight: 500;
    font-size: 26px;
    /*line-height: 1.3em;*/
    color: #fff;
    top: -3px;
    margin-bottom: 10px;
}

.product-section .job-block-seven h1 a {
    color: #fff;
}

.product-section .related-jobs.bg-light-section {
    background: #F5F7FC;
}

.product-section .job-detail p {
    color: #202124;
}

#navbar-spy .overview {
    padding-top: 1rem;
}

#navbar-spy .overview-separator {
    border-bottom: 1px solid #EEEEEE;
}

#navbar-spy .overview .product-company-logo {
    max-height: 50px;
    max-width: 50px;
    min-height: 50px;
    min-width: 50px;
    width: auto;
    height: auto;
    margin-bottom: 0.25rem;
}

#navbar-spy .overview h1 {
    position: relative;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.3em;
    color: #202124;
    top: -3px;
    margin-bottom: 0;
    margin-left: 1rem;
    display: flex;
    align-items: center;
}

#navbar-spy .overview h1 a {
    color: #202124;
}

#navbar-spy .overview .btn-demo {
    padding: 10px 20px 8px 20px;
}

#navbar-spy .overview h1 {
    flex-direction: column;
    justify-content: center;
}

#navbar-spy .overview .badge-trusted-seller {
    position: initial;
    border-radius: 30px;
    margin-right: auto;
    margin-bottom: 0;
    font-size: 12px;
    padding: 2px 10px;
}

@media (max-width: 992px) {
    .rating-total-box {
        margin: 1rem 0;
    }

    .product-section .job-overview {
        columns: 2!important;
        -webkit-columns: 2!important;
        -moz-columns: 2!important;
    }

    .product-section .list-check {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    .product-section .related-jobs.bg-light-section, .product-section .related-jobs {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .tab-menu__item.is-pin-active {
        border-color: #4C7FF1;
    }
}

@media (max-width: 599px) {
    .product-section .job-detail-section .upper-box {
        padding: 40px 0 35px;
    }

    .product-section .job-detail-section .btn-box, .product-section .job-detail-section .btn-demo {
        width: 100%;
    }

    #navbar-spy .overview .btn-demo {
        width: 100%;
        margin-top: 1rem;
    }

    #navbar-spy .overview {
        flex-direction: column;
    }

    #navbar-spy .overview .product-company-logo {
        margin: 0;
    }

    .product-section .job-block-seven .inner-box {
        align-items: center;
    }

    .product-section .product-company-logo {
        margin: 0 auto 1rem auto;
    }

    .product-section .job-block-seven .content {
        text-align: center;
    }

    .product-section .job-block-seven .job-info, .product-section .job-block-seven .job-other-info {
        justify-content: center;
    }

    .product-section .job-overview {
        columns: 1!important;
        -webkit-columns: 1!important;
        -moz-columns: 1!important;
    }

    .product-section #section-modules .module-image img {
        margin: 1rem auto 0 auto;
    }
}

.first-of-type:not(.default-padding) {
    padding-top: 1.5rem!important;
}

.first-of-type:has(#lead-form):not(:has(.filters-backdrop)) {
    padding-top: 0!important;
}

.ud-btn2 {
    transition: all .3s;
    height: fit-content;
    border-bottom: 1px solid #202124;
}

.ud-btn2:hover {
    color: #1967D2!important;
    border-bottom: 1px solid #1967D2;
}

section[data-index] {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.product-section .languages-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-left: 1rem;
}

.product-section .languages-list li {
    position: relative;
    font-size: 14px;
    font-weight: normal;
    padding-left: 25px;
    margin-bottom: 5px;
    margin-right: 20px;
    line-height: 24px;
}

.product-section .languages-list .icon {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 22px;
}

.product-section .languages-list .icon img {
    border-radius: 50%;
}

.continent-wrapper {
    display: flex;
}

.continent-wrapper .continent-icon {
    border: 1px solid #ECEDF2;
    border-radius: 8px;
    margin-right: 1rem;
    min-height: 60px;
    max-height: 60px;
    min-width: 60px;
    max-width: 60px;
}

.continent-wrapper .continent-overview {
    margin-left: 1rem;
}

.continent-wrapper .continent-overview .continent-name {
    font-weight: bold;
}

.continent-wrapper .continent-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.continent-wrapper .continent-list li {
    position: relative;
    font-size: 14px;
    font-weight: normal;
    padding-left: 25px;
    margin-bottom: 5px;
    margin-right: 20px;
    line-height: 24px;
}

.continent-wrapper .continent-list .icon {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 22px;
}

.continent-wrapper .continent-list .icon img {
    border-radius: 50%;
}

.continent-wrapper .highlight {
    border-radius: 8px;
    border: 1px solid #F9AB00;
    background: rgba(249, 171, 0, 0.1);
    padding-right: 10px;
    padding-left: 35px !important;
    margin-right: 0.5rem!important;
}

.continent-wrapper .highlight .icon {
    margin-left: 10px;
}

/* Articles */
.masonry { /* Masonry container */
    -webkit-column-count: 3;
    -moz-column-count:3;
    column-count: 3;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}
.item {
    padding: 1em;
    margin: 0 0 1.5rem;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.item img{max-width:100%; height: auto;}

@media only screen and (min-width: 321px) and (max-width: 768px){
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 1201px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
.post-control div a {
    color: #202124;
    display: inline-block;
    transition: all 300ms ease;
    font-weight: 500;
    font-size: 14px;
}
blockquote {
    padding-left: 70px;
    position: relative;
}
blockquote::after {
    content: close-quote;
    opacity: 0;
}
blockquote::before {
    color: #a21fcc;
    font-size: 8rem;
    font-family: 'Times New Roman';
}
blockquote::before {
    content: open-quote;
    position: absolute;
    left: 0;
    top: -2rem;
}

.articles-page .page-title img {
    filter: invert();
}

.social-share a.calendar {
    padding: unset;
    font-size: unset;
    line-height: unset;
    color: unset;
    background: unset;
    border-radius: unset;
    transition: unset;
    margin: unset;
    margin-right: unset;
}

#articles-listing .news-block .inner-box, .articles-page .news-block .inner-box {
    border: 1px solid #ECEDF2;
}

.articles-page .news-block .inner-box {
    height: 100%;
}

.job-search-form form {
    padding: 6px;
}

.job-search-form .form-group .theme-btn {
    height: 100%;
}

.news-block .lower-content h2 {
    font-size: 18px;
    color: #202124;
    font-weight: 500;
    margin-bottom: 10px;
}

.news-block .lower-content h2 a {
    color: #202124;
    transition: all 300ms ease;
}

.badge-article-category {
    position: relative;
    font-size: 13px;
    line-height: 15px;
    margin-right: 15px;
    padding: 5px 20px;
    border-radius: 50px;
    margin-bottom: 10px;
    background: #f8f9fa;
    color: #212529;
}

.article-categories-wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.blog-single .auto-container {
    max-width: 1310px;
}

.blog-single-container {
    max-width: 1000px;
    margin: 0 auto;
}

.blog-single p, .blog-single ul li {
    color: #202124;
    font-size: 16px;
}

.description_container ul:not(.description_container .app-block ul), .description_container li:not(.description_container .app-block li) {
    list-style: revert;
    padding: revert;
    margin: revert;
}

.description_container ol:has(li[data-list='bullet']) {
    list-style-type: disc;
}

.description_container p {
    margin-bottom: 20px;
}

.description_container {
    margin-bottom: 2rem;
    text-align: justify;
}

.description_container h3, h4 {
    font-weight: bold;
    font-size: 18px;
}

.description_container h5 {
    font-weight: bold;
    font-size: 16px;
}

.static-text-container *:not(a) {
    text-align: justify;
    color: #000000!important;
    margin-bottom: 1rem;
}

.static-text-container ul li, .static-text-container ul, .static-text-container ol li, .static-text-container ol {
    list-style: revert;
    padding: revert;
    margin: revert;
}

.blog-single {
    padding-bottom: 0;
}

.post-control .icon {
    margin-top: 3px;
}

.company-article {
    background-color: #F5F7FC;
    border-radius: 18px;
    padding: 30px 30px 30px;
}

.company-article .company-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.company-article .company-title .company-logo {
    border: 1px solid #ECEDF2;
    padding: 4px;
    border-radius: 8px;
    width: 100px;
    height: 100px;
}
.company-article .company-logo {
    display: flex;
    align-items: center;
}

.company-article .company-name {
    font-weight: bold;
    padding-left: 1rem;
}

#recommended-articles .swiper-button-next, #recommended-articles .swiper-button-prev {
    color: #4C7FF1;
    font-size: 24px;
    font-weight: bold;
    top: 1.5rem;
}

#recommended-articles .swiper-button-next:after, #recommended-articles .swiper-rtl .swiper-button-prev:after {
    font-size: 24px;
    font-weight: bold;
}

#recommended-articles .swiper-button-prev:after, #recommended-articles .swiper-rtl .swiper-button-next:after {
    font-size: 24px;
    font-weight: bold;
}

.post-control-image {
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    width: 50px;
    height: 50px;
    border-radius: 8px;
}

.post-control-image:first-of-type {
    margin-right: 1rem;
}

.post-control-image:last-of-type {
    margin-left: 1rem;
}

@media (max-width: 768px) {
    .company-article .company-title {
        justify-content: center;
        flex-direction: column;
    }

    .company-article .company-title .company-logo {
        margin-bottom: 1rem;
    }

    .company-article a {
        width: 100%;
    }
}

/* Leads */
#navbar-spy .overview .btn-offer {
    padding: 10px 20px 8px 20px;
}

.ls-show-more .show-more:before {
    width: 100%;
}

.lead-header .lead-industry span, .lead-header .lead-code span {
    color: #fff;
}

.lead-header .header-info-text {
    color: #d5d5d5;
}

.lead-card {
    position: relative;
    margin-bottom: 30px;
}

.lead-card .inner-box {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #ECEDF2;
    box-sizing: border-box;
    border-radius: 10px;
    transition: all 300ms ease;
}

.lead-card .inner-box:hover{
    box-shadow: 0 7px 18px rgba(64, 79, 104, 0.05);
}

.lead-application-type {
    background: rgb(25, 103, 210);
    background: linear-gradient(90deg, rgb(25, 103, 210) 0%, rgb(162, 31, 204) 100%);
    border-radius: 10px 0 10px 0;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 0;
}

.lead-industry, .lead-code {
    padding: 12px;
    display: flex;
    align-items: center;
}

.lead-industry img, .lead-code img {
    filter: grayscale(100%);
}

.lead-section .lead-industry img, .lead-section .lead-code img {
    filter: unset;
}

.lead-section #section-information ul li, .lead-section #section-information ul {
    list-style: revert;
    padding: revert;
    margin: 0;
}


.lead-industry span {
    font-size: 18px;
    font-weight: bold;
    margin-left: 12px;
    color: #000000;
    display: flex;
    align-items: center;
}

.lead-code span {
    font-size: 18px;
    font-weight: bold;
    margin-left: 12px;
    color: #000000;
    display: flex;
    align-items: center;
}

.btn-group-lead {
    display: flex;
    justify-content: right;
    margin-bottom: 1rem;
}

.lead-info {
    font-size: 18px;
    color: #000000;
    margin: 0;
    padding: 8px 0;
}

.lead-infos > .lead-info:first-child {
    padding-top: 20px;
    padding-bottom: 4px;
}

.lead-infos > .lead-info:last-of-type {
    padding-bottom: 20px;
}

.lead-code-icon, .similar-lead-code-icon {
    height: 36px;
    width: 36px;
    margin-left: 0!important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.lead-section .lead-code-icon, .similar-lead-code-icon {
    background: #a21fcc;
    padding: 10px;
}

.lead-section .lead-code img, .lead-section .similar-lead-code-icon img{
    filter: invert();
}

.lead-card .theme-btn {
    padding: 8px 20px;
}

@media only screen and (max-width: 768px){
    .lead-info {
        padding-left: 10px;
    }

    .lead-application-type {
        border-radius: 10px 10px 0 0;
    }

    .btn-group-lead {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
}

.see-more-padlock-white {
    filter: invert();
}

.see-more-padlock-black {
    filter: none!important;
}

#see-more-info-action {
    text-align: center;
    margin-top: 20px;
}

#see-more-info-container .lead-container {
    background-image: url(../images/Rectangle.png);
    background-size: contain;
}

#see-more-info-action p span {
    color: #f23c3b;
}

.opacity-see-more {
    opacity: 0.6;
}

.check-list-simple {
    list-style-type: none!important;
    padding-left: 0;
}
.check-list-simple li:before {
    content: '✓';
    margin-right: 10px;
}

.header-info-text {
    color: #696969;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: bold;
    margin-left: 12px;
    display: flex;
    align-items: center;
}

.product-section.lead-section .job-overview li {
    margin-bottom: 0;
}

.product-section.lead-section .job-overview {
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
}

.similar-lead-application-type {
    background: linear-gradient(90deg, rgba(63,101,190,1) 0%, rgba(163,70,154,1) 100%);
    border-radius: 10px 10px 0 0;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 0;
}

.similar-lead-info {
    padding: 12px 24px;
    display: flex;
    align-items: center;
}

.similar-lead-info span {
    font-size: 18px;
    font-weight: bold;
    margin-left: 12px;
    color: #000000;
    display: flex;
    align-items: center;
}

.lead-section #section-related .inner-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0;
}

.lead-section #section-related .similar-lead-container {
    flex: 1;
}

.lead-section #section-related .similar-lead-container .row {
    height: 100%;
}

.lead-section #section-related .similar-lead-button {
    margin-top: auto;
}

.lead-section #section-related .read-more {
    align-self: flex-end;
}

.similar-lead-container .read-more {
    font-size: 16px;
    line-height: 28px;
    color: #1967D2;
    font-weight: bolder;
    margin-left: auto;
}

@media (max-width: 992px) {
    .product-section.lead-section .job-overview li {
        margin-bottom: 30px;
    }

    .product-section.lead-section .job-overview li:last-child {
        margin-bottom: 0;
    }

    .product-section.lead-section .job-overview {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
}

/* Companies */
.company-section .job-overview {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}

.company-section .news-block {
    margin-bottom: 30px!important;
}

.company-section .job-overview .badge {
    margin-bottom: 0.25rem;
    font-size: 15px;
    line-height: 25px;
    text-align: right;
    color: #696969;
}

.show-more-company-product-header {
    box-shadow: 0 5px 10px 0 rgb(27 8 8 / 16%);
    font-size: 11px;
    height: 27px;
    border-radius: 4px;
    padding: 7px 10px;
}

.company-section .news-block .inner-box {
    height: 100%;
}

.company-section .news-block .inner-box {
    border: 1px solid #ECEDF2;
}

/* Services */
.service-rating-overview {
    display: flex;
}

@media (max-width: 599px) {
    .service-rating-overview {
        justify-content: center;
    }
}

.banner-section-services .inner-column {
    padding: 100px 0 100px!important;
}

.banner-section-services .page-breadcrumb li, .banner-section-services .page-breadcrumb a:hover {
    color: #e5e5e5;
}

.banner-section-services .page-breadcrumb a {
    color: #fff;
}

.services-categories-lp .category-block h4 {
    font-weight: bolder;
    font-size: 20px;
}

.category-block {
    margin-bottom: 0;
    height: 100%;
}

.category-block .inner-box {
    height: 100%;
}

.services-categories-lp .check-list-simple {
    margin-top: 1rem;
}

.services-categories-lp .check-list-simple li {
    font-weight: bold;
    font-size: 18px;
}

.services-categories-lp .category-block {
    border-top: 10px solid;
    height: 100%;
}

.services-categories-lp .category-block .inner-box {
    border-radius: 0 0 10px 10px!important;
    height: 100%;
}

.custom-card-services-border-color-1 {
    border-top-color: #435eb6!important;
    border-radius: 10px 10px 0 0!important;
}

.category-block.custom-card-services-border-color-1 .icon {
    color: #435eb6;
}

.category-block.custom-card-services-border-color-1:hover .icon {
    background: #435eb6;
}

.custom-card-services-border-color-2 {
    border-top-color: #a21fcc!important;
    border-radius: 10px 10px 0 0!important;
}

.category-block.custom-card-services-border-color-2 .icon {
    color: #a21fcc;
}

.category-block.custom-card-services-border-color-2:hover .icon {
    background: #a21fcc;
}

.custom-card-services-border-color-3 {
    border-top-color: #cb1f46!important;
    border-radius: 10px 10px 0 0!important;
}

.category-block.custom-card-services-border-color-3 .icon {
    color: #cb1f46;
}

.category-block.custom-card-services-border-color-3:hover .icon {
    background: #cb1f46;
}

.custom-card-services-border-color-4 {
    border-top-color: #e15071!important;
    border-radius: 10px 10px 0 0!important;
}

.category-block.custom-card-services-border-color-4 .icon {
    color: #e15071;
}

.category-block.custom-card-services-border-color-4:hover .icon {
    background: #e15071;
}

.custom-card-services-border-color-5 {
    border-top-color: #6260c2!important;
    border-radius: 10px 10px 0 0!important;
}

.category-block.custom-card-services-border-color-5 .icon {
    color: #6260c2;
}

.category-block.custom-card-services-border-color-5:hover .icon {
    background: #6260c2;
}

.custom-card-services-border-color-6 {
    border-top-color: #7b1eb4!important;
    border-radius: 10px 10px 0 0!important;
}

.category-block.custom-card-services-border-color-6 .icon {
    color: #7b1eb4;
}

.category-block.custom-card-services-border-color-6:hover .icon {
    background: #7b1eb4;
}

.job-block-four .job-info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.job-block-four .job-info li {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    color: #202124;
    font-weight: 400;
    margin-bottom: 5px;
    margin-right: 20px;
}

.service-section .overview h1 a {
    color: #0d6efd!important;
}

.service-section .list-technologies {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.service-section .list-technologies li {
    color: #1967D2;
    background-color: #E2EAF8;
    margin-right: 0.5rem;
    border-radius: 18px;
    padding: 6px 20px;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.service-section .experience-widget {
    background: #c9def9;
    color: #266EC8;
    margin-bottom: 0;
    height: 100%;
}

.service-section .list-experience {
    display: flex;
    flex-wrap: wrap;
}

.service-section .list-experience li:not(:last-child):after {
    content: '|';
    color: #202124;
    margin: 0 0.25rem;
}

.service-section .project-info p {
    color: #202124;
}

.service-section #section-portfolio .module-image {
    overflow: hidden;
    border-radius: 8px;
    display: flex;
    width: 100%;
}

.service-section #section-portfolio .module-image img {
    max-width: 300px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.service-section #section-portfolio .module-image img:hover {
    transform: scale(1.1);
}

.search-results {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
    display: none;
    max-height: 300px;
    overflow-y: auto;
    border-radius: 10px;
    z-index: 999;
}

.z-index-1 {
    z-index: 1;
}

.z-index-0 {
    z-index: 0;
}

.popular-searches-2 {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    display: contents;
}

.popular-searches-2 a {
    color: #fff;
    font-size: 14px;
}

.search-results .message {
    padding: 10px;
}

.search-results .message a {
    color: #333;
    text-decoration: none;
}

.search-results .message a:hover {
    color: #007bff;
}

.search-results::-webkit-scrollbar {
    width: 5px;
}
.search-results::-webkit-scrollbar-track {
    background: transparent;
}
.search-results::-webkit-scrollbar-thumb {
    background: #6f42c1;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: -1px 0 5px rgba(0, 0, 0, 0.15);
}
.search-results::-webkit-scrollbar-thumb:hover {
    background: #6433bd;
}

.search-container {
    position: relative;
}

.search-loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #6f42c1;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    position: absolute;
    top: 8px;
    right: 1rem;
    transform: translateY(-50%);
    z-index: 99999;
    display: none;
}

@media (max-width: 599px) {
    .service-section #section-portfolio .module-image img {
        margin: 1rem auto 0 auto;
    }
}

/* Form lead */
.subscribe-section-two {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 80px 0 100px;
}

.subscribe-section-two .background-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.subscribe-section-two .wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    background: #fff;
    clip-path: polygon(0 75%, 10% 80%, 20% 85%, 30% 90%, 40% 95%, 50% 90%, 60% 85%, 70% 80%, 80% 75%, 90% 70%, 100% 75%, 100% 100%, 0 100%);
    transform: translateY(2px);
}

.subscribe-section-two.last-section .wave {
    clip-path: none;
    height: auto;
}

#lead-form.subscribe-section-two .auto-container {
    max-width: 800px;
}

.form-lead-small .form-group input {
    line-height: 0!important;
}

.form-lead-small .terms-and-conditions-box {
    margin-bottom: 0!important;
    margin-top: 1rem;
}

.form-lead .form-group > label {
    color: #fff;
    font-weight: bold;
}

.form-lead .checkboxes label {
    color: #fff;
}

.form-lead .terms-and-conditions-box {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.form-lead .terms-and-conditions-box a {
    color: #fff;
    font-weight: bold;
}

.form-lead .checkbox-outer {
    margin-bottom: 0;
}

.btn-style-eight {
    font-size: 15px;
}

.btn-style-purple {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background: #6f42c1!important;
    border: 1px solid #6f42c1!important;
    font-size: 15px;
    line-height: 20px;
    border-radius: 8px;
    padding: 18px 35px 15px 35px;
}

.btn-style-purple:hover {
    color: #fff;
    background: #5c33a9!important;
    border: 1px solid #5c33a9!important;
}

.lead-form-white .form-lead .terms-and-conditions-box {
    padding: 0;
}

.lead-form-white .form-lead .form-group > label {
    color: #202124;
    text-align: left;
}

.lead-form-white .form-lead .checkboxes label {
    color: #202124;
}

.lead-form-white .form-lead .terms-and-conditions-box {
    background-color: rgba(255, 255, 255, 0.1);
}

.lead-form-white .form-lead .terms-and-conditions-box a {
    color: #6f42c1;
}

@media (max-width: 768px) {
    .form-lead button {
        width: 100%;
    }
}

/* Loader */
.blockUI.blockOverlay {
    background-color: rgba(0, 0, 0, 0.3)!important;
    z-index: 10!important;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 60px;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    margin: 6px;
    border: 6px solid #6f42c1;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #6f42c1 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* alerts */
/* success */
.wrapper-success .card-alert {
    height: 120px;
    background-color: #fff;
    padding: 10px 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-left: 5px solid #34A853;
    border-radius: 3px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.wrapper-success .card-alert .subject-alert p {
    color: #000000;
}
.wrapper-success .card-alert .icon-alert {
    font-size: 28px;
    color: #34A853;
}
.wrapper-success .card-alert .icon-times {
    font-size: 28px;
    color: #c3c2c7;
    cursor: pointer;
}
/* success */
/* info */
.wrapper-info .card-alert {
    height: 120px;
    background-color: #fff;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    border-left: 5px solid #6f42c1;
    border-radius: 3px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.wrapper-info .card-alert .subject-alert p {
    color: #000000;
}
.wrapper-info .card-alert .icon-alert {
    font-size: 28px;
    color: #6f42c1;
}
.wrapper-info .card-alert .icon-times {
    font-size: 28px;
    color: #c3c2c7;
    cursor: pointer;
}
/* info */
/* warning */
.wrapper-warning .card-alert {
    height: 120px;
    background-color: #fff;
    padding: 10px 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-left: 5px solid #F9AB00;
    border-radius: 3px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.wrapper-warning .card-alert .subject-alert p {
    color: #000000;
}
.wrapper-warning .card-alert .icon-alert {
    font-size: 28px;
    color: #F9AB00;
}
.wrapper-warning .card-alert .icon-times {
    font-size: 28px;
    color: #c3c2c7;
    cursor: pointer;
}
/* warning */

.subject-alert {
    margin-left: 20px;
    color: #000000;
    margin-top: 20px;
}

/* Automodal */
#automodalPopUpLeads .automodal-close {
    float: right;
    position: relative;
    font-size: unset;
    left: unset;
    height: 27px;
    width: unset;
    background-color: #4d3ea9;
    text-align: center;
    border-radius: 8px;
    color: #c8c8c8;
    cursor: pointer;
    border: none;
}

#automodalPopUpLeads {
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    width: 700px;
    cursor: pointer;
    background-position: center;
    border-radius: 20px;
    padding: 10px;
}

@media only screen and (max-width: 768px) {
    #automodalPopUpLeads {
        height: 357px;
        width: 500px;
    }
}

@media only screen and (max-width: 530px) {
    #automodalPopUpLeads {
        height: 285px;
        width: 400px;
    }
}

@media only screen and (max-width: 400px) {
    #automodalPopUpLeads {
        height: 215px;
        width: 300px;
    }
}

/* Call to action */
#callToAction  {
    display:block;
    transition: all .5s;
    position: fixed;
    bottom: 80px;
    right: 10px;
    z-index: 999;
    font-size: 18px;
    border: 0;
    outline: 0;
    background-color: #6f42c1;
    color: white;
    cursor: pointer;
    padding: 8px 15px;
    border-radius: 50%;
}
i.fas.fa-comment-dots:before {
    font-family: FontAwesome;
    content: "\f086";
    font-style: initial;
}
span.call-to-action-alert:after {
    content: "";
    position: absolute;
    bottom: -10px;
    right: -3px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #7D7DE6;
}
span.call-to-action-alert {
    position: absolute;
    font-size: 14px;
    background-color: #7D7DE6;
    width: 160px;
    padding: 4px 10px;
    right: 53px;
    top: -60px;
    border-radius: 10px;
    display: none;
}
#close-alert {
    font-size: 14px;
    line-height: 20px;
    color: white;
    position: absolute;
    right: 48px;
    height: 20px;
    width: 20px;
    bottom: 95px;
    border-radius: 50%;
    background-color: #363636;
    z-index: 1;
    display: none;
}

.form-container-action .checkbox-outer {
    margin-bottom: 0!important;
}

@-webkit-keyframes blink {
    50% {
        opacity: 1;
    }
}

@keyframes blink {
    50% {
        opacity: 1;
    }
}
@-webkit-keyframes bulge {
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}
@keyframes bulge {
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}
.form-container-action {
    display: none;
    bottom: 110px;
    right: 80px;
    z-index: 99;
    font-size: 18px;
    border: 0;
    outline: 0;
    background-color: #fff;
    color: white;
    min-height: 200px;
    width: 360px;
    position: fixed;
    padding: 15px;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .16)!important;
    border-radius: 8px;
}
.form-container-action p {
    font-family: 'Roboto',sans-serif;
    font-size: 15px;
    color: #959595;
}
.form-open {
    display: block;
}
.border-boxes {
    margin-top: 10px!important;
}
#typing-loader {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    animation: typing 1s linear infinite alternate;
    position: relative;
    left: -3rem;
    margin: 50% auto;
    display: none;
    top: 50%;
}
@keyframes typing{
    0%{
        background-color: rgba(0,0,0, 1);
        box-shadow: 3.2rem 0 0 0 rgba(0,0,0,0.2),
        6.4rem 0 0 0 rgba(0,0,0,0.2);
    }
    25%{
        background-color: rgba(0,0,0, 0.4);
        box-shadow: 3.2rem 0 0 0 rgba(0,0,0,2),
        6.4rem 0 0 0 rgba(0,0,0,0.2);
    }
    75%{ background-color: rgba(0,0,0, 0.4);
        box-shadow: 3.2rem 0 0 0 rgba(0,0,0,0.2),
        6.4rem 0 0 0 rgba(0,0,0,1);
    }
}
span.close-call-to-action {
    float: right;
    position: relative;
    font-size: 18px;
    left: -1px;
    height: 27px;
    width: 28px;
    background-color: #6f42c1;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    transition: 0.3s;
}
span.close-call-to-action:hover {
    background-color: #5a2fa8;
}
@media screen and (max-width: 768px) {
    .no-display-mobile {
        display:none;
    }
    .form-container-action {
        bottom: 0px;
        margin: 0px auto!important;
        width: 100%;
        right:0px;
        height: 100%;
        z-index: 9999;
    }
    .overflow-mobile {
        height: 275px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/* Glossary */
.resume-block.at-sv5 .inner:before {
    border-left: 2px dashed #eff4fc;
}

.resume-outer .listing-item {
    font-weight: bold;
    font-size: 18px;
    color: #212529;
}

.resume-block .inner {
    padding-bottom: 1px;
}

.no-result {
    display: none;
}

.resume-outer .items-list {
    padding-top: 0.5rem;
}

.resume-outer .items-list {
    display: block;
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}

.resume-outer .items-list li {
    margin-bottom: 0.5rem;
}

.resume-block .name {
    font-size: 18px;
    font-weight: bold;
    width: 36px;
    height: 36px;
    line-height: 36px;
}

.resume-block .inner:before {
    left: 17px;
}

.resume-block.at-sv5 .title-box {
    background: #eff4fc;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    transition: all 300ms ease;
}

.resume-block.at-sv5 .title-box:hover {
    box-shadow: 0 6px 15px rgba(64, 79, 104, 0.05);;
}

.resume-outer .items-list li:last-child {
    margin-bottom: 0;
}

.resume-outer .listing-item:hover {
    color: #1967D2;
}

/* Review */
.rating-stars ul {
    list-style-type:none;
    padding:0;
    -moz-user-select:none;
    -webkit-user-select:none;
}
.rating-stars ul > li.star {
    display:inline-block;
}
.success-box span {
    position: relative;
    top: -4px;
    left: 7px;
    font-size: 18px;
}
p.rating-stars-title {
    margin-bottom: 5px;
    margin-top: 15px;
}
.rating-stars ul > li.star > i.fa {
    font-size:1.5em;
    color:#ccc;
}
.rating-stars ul > li.star.hover > i.fa {
    color:#F9AB00;
}
.rating-stars ul > li.star.selected > i.fa {
    color:#FF912C;
}
.rating-stars.text-center {
    display: inline-block;
}
.mark-rating span {
    margin: 5px 4px;
    float: left;
    padding: 5px 20px;
    border: 2px solid #6d6bc74a;
    cursor: pointer;
    min-width: 62px;
}
.mark-rating {
    text-align: center;
    display: flex!important;
}
.mark-rating span:hover {
    background-color: #6f42c1;
    color: #fff;
}
p.info-p {
    display: inline-block;
    width: 48%;
    margin: 6px 0px;
    font-weight: bold;
}
.p-right {
    text-align: right;
}
.p-left {
    text-align: left;
}
.review-input {
    border: 1px solid #00000021!important;
    margin-bottom: 25px;
}
.review-score {
    flex: 1;
}
.review-score-selected {
    background-color: #6f42c1;
    color: #fff;
}

/* Security */
#form-verify-code .form-verify-code-form-control {
    display: block;
    height: 50px;
    border: 1px solid #F0F5F7;
    margin-right: 0.5rem;
    background: #F0F5F7;
    text-align: center;
    border-radius: 4px;
    font-size: 1.25rem;
    min-width: 0;
}
form .form-verify-code-form-control:last-child {
    margin-right: 0;
}

.security .ls-section .auto-container {
    display: flex;
    justify-content: center;
}

.security .ls-section .ls-widget {
    max-width: 600px;
}

/* Search */
@media only screen and (max-width: 1366px) {
    .job-search-form .form-group .theme-btn {
        display: inline-block;
        width: 100%;
        min-width: 150px;
    }
}

#search-results .tab-buttons.-pills {
    justify-content: left!important;
}

.ls-show-more {
    margin-bottom: 50px;
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.fadeIn {
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Contact */
.map-section iframe {
    display: flex;
    max-height: 40vh;
}

.contact-section .upper-box .icon, .contact-section .upper-box h4 {
    text-align: center;
}

.contact-section .upper-box .icon i {
    color: #6f42c1;
}

.contact-section .upper-box {
    margin-top: 0;
    padding: 3rem 3rem 1rem 3rem;
    border-radius: 8px;
    transition: all 300ms ease;
    background: #FFFFFF;
}

.contact-section .subtitle {
    line-height: 32px;
}

.contact-section {
    padding-bottom: 3rem!important;
}

.contact-section .upper-box:hover {
    box-shadow: 0px 0px 30px rgba(64, 79, 104, 0.1);
}

.contact-section .work-block.-type-4 .icon-wrap {
    box-shadow: unset;
}

.contact-section .work-block.-type-4:hover .icon-wrap {
    background: transparent;
    border: 3px solid #6f42c1;
}

.contact-section .work-block.-type-4:hover .icon::before {
    color: #6f42c1;
}

.contact-section .contact-form .theme-btn {
    display: flex;
    margin: 0 auto;
}

.contact-section .work-block .inner-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.contact-section .work-block .inner-box button {
    width: fit-content;
}

.contact-section .work-block .inner-box .icon-wrap {
    margin: 0 auto;
}

/* Generate lead */
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    content: "\02DF";
    font-family: unset;
    font-size: 28px;
    top: 6px;
}

.chosen-container-single .chosen-single span {
    color: #696969;
    font-weight: normal;
}

.chosen-container-single .chosen-single {
    height: 48px;
    line-height: 50px;
}

.drop-container {
    margin-top: 1rem;
    position: relative;
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 200px;
    padding: 20px;
    border-radius: 10px;
    border: 2px dashed #555;
    color: #444;
    cursor: pointer;
    transition: background .2s ease-in-out, border .2s ease-in-out;
}

.drop-container:hover,
.drop-container.drag-active {
    background: #eee;
    border-color: #838383;
}

.drop-container:hover .drop-title,
.drop-container.drag-active .drop-title {
    color: #222;
}

.drop-title {
    color: #444;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    transition: color .2s ease-in-out;
}

input[type=file] {
    max-width: 100%;
    color: #000;
    padding: 5px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #838383;
}

input[type=file]::file-selector-button {
    margin-right: 20px;
    border: none;
    background: #6f42c1;
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    transition: background .2s ease-in-out;
}

input[type=file]::file-selector-button:hover {
    background: #592ea4;
}

.custom-button-group {
    background: #F5F7FC;
    border: 1px solid #ECEDF2;
    border-radius: 8px;
}

.custom-button-group .col-6 {
    padding: 1rem;
}

.custom-button-group .col-6.active {
    background: #6f42c1;
    color: #fff;
}

.custom-button-group .col-6:first-child {
    border-right: 1px solid #ECEDF2;
}

.custom-button-group .col-6:first-child.active {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.custom-button-group .col-6:last-child.active {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

@media (max-width: 768px) {
    .custom-button-group .col-6 .icon {
        display: none;
    }

    .custom-button-group .col-6 span {
        font-size: 16px!important;
    }

    .generate-lead .lead-form-white .inner-box {
        padding: 1rem;
    }
}

/* About us */
.about-us .content-column {
    padding-left: 5rem;
    text-align: justify;
}

.about-us .content-column-right {
    padding-left: 15px;
    padding-right: 5rem;
}

.about-us .ls-section {
    padding: 50px 0 50px;
}

.our-team{
    position: relative;
    border: 1px solid #ECEDF2;
    border-radius: 8px;
    transition: all 300ms ease;
    text-align: center;
    padding: 20px 15px 30px;
    background: #fff;
}

.out-team:hover {
    box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
}

.our-team .pic{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 0.25rem;
    margin-bottom: 1rem;
    transition: all 0.5s ease 0s;
}

.our-team:hover .pic{
    background: rgb(55,100,189);
    background: linear-gradient(144deg, rgba(55,100,189,1) 0%, rgba(156,62,148,1) 100%);
    border-radius: 50%;
}

.pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.our-team .title{
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #2e282a;
    text-transform: uppercase;
    margin: 0 0 7px 0;
}

.our-team .post{
    display: block;
    font-size: 15px;
    color: rgba(156,62,148,1);
}

.our-team .social{
    padding: 0;
    margin: 0;
    list-style: none;
}

.our-team .social li{
    display: inline-block;
    margin-right: 5px;
}

.our-team .social li a{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    font-size: 14px;
    color: rgba(156,62,148,1);
    border: 1px solid rgba(156,62,148,1);
    transition: all 0.5s ease 0s;
}

.our-team:hover .social li a{
    background: rgb(55,100,189);
    background: linear-gradient(144deg, rgba(55,100,189,1) 0%, rgba(156,62,148,1) 100%);
    color: #fff;
}

@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}

@media (max-width: 768px) {
    .about-us .content-column, .about-us .content-column-right {
        padding: 15px;
    }
}

.btn-border-header {
    border: 2px solid #F9AB00;
}

.btn-border-header:hover {
    border: 2px solid #E9A000;
}

.btn-border-header-mobile {
    border: 2px solid #F9AB00;
}

.btn-border-header-mobile:hover {
    border: 2px solid #E9A000;
}

.btn-pulse {
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: #fff!important;
    background: linear-gradient(-45deg, #7A7FE9, #0a4ba4);
    background-size: 600%;
    animation: anime 4s linear infinite;
}

@keyframes anime {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

/* Subscriptions */
.pricing-table {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.pricing-table .header, .pricing-table .row {
    display: contents;
}

.pricing-table .title, .pricing-table .plan, .pricing-table .feature {
    text-align: center;
}

.pricing-table .first-feature, .pricing-table .first-feature .background {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.pricing-table .last-feature, .pricing-table .last-feature .background {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.pricing-table .title {
    visibility: hidden;
}

.pricing-table .feature {
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    background-color: #f3f3f6;
    min-width: 20vw;
}

.pricing-table .header .plan, .subscriptions-section .card-header {
    font-size: 24px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: transparent;
    border: unset;
}

.pricing-table .cards .price-container {
    margin: 0;
}

.subscriptions-section .card-header {
    justify-content: space-between;
    flex-direction: row;
}

.pricing-table .header .plan {
    margin-bottom: 1rem;
}

.pricing-table .footer .plan {
    margin-top: 1rem;
}

.subscriptions-section .small-border {
    background: var(--color-plan);
    height: 3px;
    width: 25%;
    border-radius: 4px;
    margin-top: 0.5rem;
}

.pricing-table .row>* {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}

.pricing-table .plan, .subscriptions-section .value {
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pricing-table .plan .plan-container {
    width: 90%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 0;
}

.pricing-table .plan .plan-container {
    position: relative;
}

.pricing-table .plan .plan-container .background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: var(--bg-plan-opacity);
}

.pricing-table .plan .plan-container .content {
    position: relative;
    z-index: 1;
    color: #000;
}

.pricing-table .plan .price, .subscriptions-section .price-plan .price {
    position: relative;
    margin: 0;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #fff;
    height: 100%;
    width: 100%;
}

.pricing-table .plan .price .currency, .subscriptions-section .price-plan .price .currency {
    margin-top: -1rem;
    margin-right: 0.5rem;
    font-weight: bold;
    font-size: 15px;
    vertical-align: super;
    color: #fff;
}

.pricing-table .plan .price .period, .subscriptions-section .price-plan .price .period {
    margin-left: 0.5rem;
    margin-bottom: -1rem;
    text-align: left;
    line-height: 1;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    text-wrap: nowrap;
}

.btn-pricing-table-paid {
    background: linear-gradient(to right, #0C071B, #0C071B)!important;
}

.btn-pricing-table-free {
    background: linear-gradient(to right, #6570E6, #6570E6)!important;
}

.subscriptions-section .cards {
    display: none;
}

.subscriptions-section .feature {
    text-align: left;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 15px;
    padding-left: 1rem;
}

.subscriptions-section .price-plan {
    display: flex;
    justify-content: center!important;
    align-items: center;
}

.subscriptions-section .pricing-table .btn-sm {
    padding: 8px!important;
    font-size: 0.9em;
}

.subscriptions-section .price-container {
    position: relative;
    background: linear-gradient(
            to right,
            var(--bg-plan),
            var(--color-plan)
    );
    border-radius: 40px;
    padding: 1rem;
    min-width: 100px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 0.25rem;
}

.subscriptions-section .pricing-table .price-container {
    padding: 0;
}

.subscriptions-section .cards .price-container {
    width: max-content;
}

.subscriptions-section .cards .price-container {
    min-height: 36px;
}
.subscriptions-section .cards span.arrow-icon {
    font-size: 18px;
}

.subscriptions-section .price-container-btn {
    font-size: 18px;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-wrap: nowrap;
}

.subscriptions-section .price-container-btn:hover {
    filter: brightness(0.9);
    background: linear-gradient(to right, var(--bg-plan), var(--color-plan));
}

.subscriptions-section .pricing-table .request-an-offer-btn:hover {
    filter: brightness(0.9);
}

.subscriptions-section .border-pricing {
    border-bottom: 2px dashed #DDE0E6;
}

.subscriptions-section .card {
    height: unset;
    border-radius: 20px;
    margin-bottom: 1.5rem;
    overflow: hidden;
    background-color: var(--bg-plan-opacity);
}

.subscriptions-section .card-row {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.subscriptions-section .fa-circle-check {
    color: #0C071B;
}

.subscriptions-section .fa-circle-xmark {
    color: #9F9F9F;
}

.request-an-offer-btn.btn-style-two {
    background: #0a4ba4;
    color: #fff;
}

.request-an-offer-btn:hover {
    background: #043d8a;
}

.subscriptions-section .cards .card {
    position: relative;
}

.subscriptions-section .cards .card .background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: var(--bg-plan-opacity);
}

.subscriptions-section .cards .card .card-header, .subscriptions-section .cards .card .collapse {
    position: relative;
    z-index: 1;
    color: #000;
}

.price-container {
    position: relative;
    display: flex;
    flex-direction: column;
}

.discount {
    position: absolute;
    right: -10px;
    top: -1px;
    color: #fff;
    background: linear-gradient(135deg, #FF1744 0%, #F90941 50%, #D50000 100%);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 4px 15px rgba(249, 9, 65, 0.4), 0 0 0 0 rgba(249, 9, 65, 0.7);
    animation: pulse-discount 2s infinite;
    z-index: 10;
    border: 2px solid #fff;
}

@keyframes pulse-discount {
    0% {
        box-shadow: 0 4px 15px rgba(249, 9, 65, 0.4), 0 0 0 0 rgba(249, 9, 65, 0.7);
    }
    50% {
        box-shadow: 0 6px 20px rgba(249, 9, 65, 0.6), 0 0 0 8px rgba(249, 9, 65, 0);
    }
    100% {
        box-shadow: 0 4px 15px rgba(249, 9, 65, 0.4), 0 0 0 0 rgba(249, 9, 65, 0);
    }
}

.discount-container {
    font-weight: bold;
}

.discount-container .full-price {
    text-decoration: line-through;
    font-size: 20px;
    position: relative;
    color: #fff;
}

.exclusivity-merged {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.exclusivity-special {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.exclusivity-text {
    text-align: center;
    font-style: italic;
    color: #fff;
    padding: 1rem;
    line-height: 1.5;
    font-size: 14px;
}

.exclusivity-special-mobile {
    padding: 1.5rem 1rem;
    text-align: center;
    border-bottom: none !important;
}

.exclusivity-special-mobile .exclusivity-text {
    padding: 0.5rem;
}

@media (max-width: 1400px) {
    .pricing-table {
        display: none;
    }

    .subscriptions-section .cards {
        display: block;
    }
}

/* Data center */
.chart-header {
    position: relative;
    background: #ECEDF2;
    border-radius: 8px;
    padding: 12px;
}

.chart-header img {
    top: -18px;
    left: 12px;
    position: absolute;
    height: 74px;
    width: auto;
}

.chart-header h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.chart-period {
    text-align: left;
    margin-top: 1rem;
    margin-left: 42px;
}

@media (max-width: 576px) {
    .chart-header img {
        display: none;
    }
}

.job-page .list-check li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.job-page .list-check {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    font-size: 15px;
}

.job-page .list-check .fa-check-circle {
    color: #34A853;
    margin-right: 0.5rem;
}

@media (max-width: 768px) {
    .job-page .list-check {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    .w-100-responsive {
        width: 100%;
    }
}

.job-page .drop-container {
    border: 1px solid #F0F5F7;
    color: #696969;
    background: #F0F5F7;
    height: 150px;
}

#partners-swiper .swiper-slide {
    height: 100%;
}

.swiper-custom-arrows {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.swiper-custom-arrows .swiper-button-next, .swiper-custom-arrows .swiper-button-prev {
    position: initial;
}

.swiper-custom-arrows .swiper-button-next:after, .swiper-custom-arrows .swiper-rtl .swiper-button-prev:after {
    font-size: 20px;
    font-weight: bold;
}

.swiper-custom-arrows .swiper-button-prev:after, .swiper-custom-arrows .swiper-rtl .swiper-button-next:after {
    font-size: 20px;
    font-weight: bold;
}

/* HARDWARE */
#category-filter {
    margin-right: 6px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 10px 30px;
    border-radius: 200px;
    background-color: #5D48A8;
    color: #fff;
    width: fit-content;
}

.hardware-section .manufacturer-image {
    max-height: 30px;
    width: auto;
}

.hardware-section .check-list-simple {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.hardware-section .btn-product {
    font-size: 1rem;
    font-weight: bold;
}

.hardware-section .category-block-three img {
    max-height: 120px;
    height: 120px;
    width: auto;
}

.hardware-section .list-sub-children {
    list-style-type: disc;
    margin-left: 1rem;
    cursor: pointer;
}

.hardware-section .list-sub-children:hover {
    color: #a21fcc!important;
}

.hardware-section .products-card h2 a, .hardware-section .products-card h2 {
    color: #a21fcc!important;
}

hr.half-colored {
    position: relative;
    border: none;
    height: 3px;
    background: transparent;
    margin: 20px 0;
    opacity: 1;
}

hr.half-colored::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 34%;
    height: 100%;
    background-color: #a21fcc;
}

hr.half-colored::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 66%;
    height: 100%;
    background-color: #ECEDF2;
}

@media only screen and (max-width: 768px) {
    .hardware-section .products-card .company-logo {
        width: 120px;
        max-height: 120px;
        max-width: 120px;
    }

    .hardware-section .products-card .company-logo img {
        max-height: 120px;
    }

    .hardware-section .check-list-simple {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
}

@media only screen and (min-width: 1100px) {
    .hardware-section .products-card .company-logo {
        width: 120px;
        max-height: 120px;
        max-width: 120px;
    }

    .hardware-section .products-card .company-logo img {
        max-height: 120px;
    }
}