@import'responsive.css';html {
    scroll-behavior: smooth;
    font-family: "Manrope";
    font-weight: 500;
    font-display: block;
    font-size: 17px
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Manrope";
    font-weight: 500;
    font-display: block;
    font-size: 17px;
    letter-spacing: .02em;
    overflow-x: hidden
}

* {
    outline: none
}

a {
    font-weight: 500;
    text-decoration: none
}

i.ph {
    font-family: "Phosphor" !important;
    font-size: 17px;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    margin: 0px 5px;
    -webkit-font-smoothing: antialiased
}

ul {
    list-style-type: none
}

input,select,textarea {
    box-shadow: none;
    outline: none
}

input:active,select:active,textarea:active {
    box-shadow: none;
    outline: 0
}

input:focus,select:focus,textarea:focus {
    box-shadow: none !important;
    outline: 0
}

.heading1 {
    font-weight: 800;
    font-size: 40px;
    line-height: 55px;
    color: #14142b
}

.heading2 {
    font-weight: 800;
    font-size: 38px;
    line-height: 51px;
    color: #14142b
}

.heading3 {
    font-weight: 600;
    font-size: 26px;
    line-height: 35px;
    color: #14142b
}

.heading4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: #14142b
}

.content {
    font-size: 16px;
    line-height: 28px;
    color: #4e4b66
}

.primary-btn {
    background-image: linear-gradient(to right, #cb2026, #632468, #632468, #cb2026);
    background-size: 300% 100%;
    color: #fff;
    font-family: "Manrope",sans-serif;
    font-weight: 700;
    font-weight: 700;
    border-radius: 25px;
    padding: 12px 24px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s ease-in-out
}

.primary-btn:hover {
    background-position: 100% 0;
    transition: .5s ease-in-out;
    color: #fff
}

.primary-inverse-btn {
    background-color: #fff5f0;
    color: #f44;
    font-family: "Manrope",sans-serif;
    font-weight: 800;
    font-weight: 700;
    border-radius: 25px;
    padding: 12px 24px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s ease-in-out
}

.primary-inverse-btn:hover {
    background-color: #f44;
    color: #fff
}

.tertiary-inverse-btn {
    background-color: #fff5f0;
    color: #632468;
    font-family: "Manrope",sans-serif;
    font-weight: 800;
    font-weight: 700;
    border-radius: 25px;
    padding: 12px 24px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s ease-in-out
}

.tertiary-inverse-btn:hover {
    background-color: #632468;
    color: #fff
}

.transparent-btn {
    background-color: rgba(0,0,0,0);
    padding: 12px 24px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 1px;
    transition: .5s ease-in-out;
    color: #14142b
}

.transparent-btn:hover {
    color: #f44 !important
}

.google-btn {
    border: none;
    width: 197px;
    height: 54px;
    background-color: #000;
    border-radius: 40px
}

.play-btn {
    border: none;
    font-size: 40px
}

.planb-header .dropdown-toggle::after {
    display: none
}

.currency-selector-btn::after {
    display: none
}

.accordion-button::after {
    display: none
}

.call-analytics-accordian {
    margin: 75px 0px;
    position: relative;
    font-family: "Manrope",sans-serif;
    font-weight: 400
}

.call-analytics-accordian .accordion-item {
    background-color: rgba(0,0,0,0);
    border: none;
    border-bottom: 1px solid #ebf3fa
}

.call-analytics-accordian .accordion-item .accordion-header .accordion-button {
    padding: 16px 0px;
    background-color: rgba(0,0,0,0);
    box-shadow: none;
    border: none;
    color: #14142b;
    margin: 4px 0;
    letter-spacing: 1.2px
}

.call-analytics-accordian .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    border: none;
    box-shadow: none;
    background-color: rgba(0,0,0,0);
    color: #632468
}

.call-analytics-accordian .accordion-item .accordion-header .accordion-button:not(.collapsed) .ph-caret-circle-down {
    transform: rotate(180deg);
    color: #632468;
    fill: #632468
}

.call-analytics-accordian .accordion-item .accordion-header .accordion-button .ph-caret-circle-down {
    height: 26px;
    width: 26px;
    fill: #c9d3d3;
    border-radius: 50%;
    font-weight: 800
}

.call-analytics-accordian .accordion-item .accordion-header .accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
    color: #f44
}

.call-analytics-accordian .accordion-item .accordion-header .accordion-button .ph-airplay,.call-analytics-accordian .accordion-item .accordion-header .accordion-button .ph-presentation-chart,.call-analytics-accordian .accordion-item .accordion-header .accordion-button .ph-code {
    color: #632468;
    width: 52px;
    height: 52px;
    font-size: 32px;
    background: #fff;
    box-shadow: 0px 4px 15px rgba(0,0,0,.1);
    border-radius: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.call-analytics-accordian .accordion-item .accordion-collapse .accordion-body {
    padding: 16px 0px
}

.call-analytics-accordian .accordion-item .accordion-collapse .accordion-body .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    text-align: justify;
}

.call-analytics-accordian .accordion-item .accordion-collapse .Call-Analytics-Img {
    position: absolute;
    left: 64%;
    top: 0%;
    width: 40%
}

.call-analytics-accordian .accordion-item .accordion-collapse .gradient-rounded-square-1 {
    width: 242px;
    height: 208px;
    position: absolute;
    top: 12%;
    left: 82%;
    background-color: #fff5f0;
    border-radius: 25px;
    z-index: -1
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-header .btn-close {
    background: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 32px
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-header .btn-close .ph-arrow-left {
    font-size: 32px
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
    width: 2px
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px gray;
    border-radius: 10px
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
    background: #632468s;
    border-radius: 10px
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb:hover {
    background: #f44
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .modal-body--title {
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    color: #2f2f39
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .form-label {
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #2f2f39
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .form-control {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #2f2f39;
    padding: 10px 16px;
    border: 1px solid #d6d6d6
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .form-control::placeholder {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #a4a4a4
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .form-control:focus {
    border-color: rgba(255,165,0,.5);
    box-shadow: 0 0 5px rgba(255,165,0,.75) !important;
    transition: border-color 500ms ease,box-shadow 500ms ease
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .form-select {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #a4a4a4;
    cursor: pointer;
    padding: 10px 16px
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .form-select:focus {
    border-color: rgba(255,165,0,.5);
    box-shadow: 0 0 5px rgba(255,165,0,.75) !important;
    transition: border-color 500ms ease,box-shadow 500ms ease
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .iti {
    width: 100%
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container {
    padding-left: 10px
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
    background-color: rgba(0,0,0,0)
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag::before {
    content: "";
    font-family: "Phosphor" !important;
    color: #a4a4a4;
    font-weight: 500 !important;
    font-style: normal;
    margin: 0px 0px 0px 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag::after {
    content: "|";
    font-family: "FontAwesome";
    color: #dfdfdf;
    font-size: 25px;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 50px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag .iti__flag.iti__in {
    padding-right: 15px
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag .iti__selected-dial-code {
    display: none
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag .iti__arrow {
    display: none
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list {
    max-width: 342px;
    border: 0px;
    border-radius: 10px;
    box-shadow: 0px 4px 15px rgba(0,0,0,.15);
    margin-top: 10px;
    left: 0%
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list::-webkit-scrollbar {
    display: none
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list .iti__country {
    font-family: "Manrope",sans-serif;
    font-weight: 400
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list .iti__country.iti__preferred {
    display: none
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list .iti__country .iti__flag-box {
    padding: 0px 20px
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list .iti__country .iti__country-name {
    padding-left: 15px
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .schedule__callback-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list .iti__divider {
    display: none
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-body .planb__client .client-logo {
    margin: auto;
    display: block;
    object-fit: contain
}

#scheduleDemoModal.modal .modal-dialog .modal-content .modal-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-bottom: 0
}

.planb-footer-wrapper {
    position: relative
}

.planb-footer-wrapper::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    bottom: 0;
    clip-path: polygon(0% 10%, 100% 5%, 100% 100%, 0% 100%);
    background: linear-gradient(121.23deg, rgba(255, 165, 0, 0.052) 17.3%, rgba(255, 68, 68, 0.128) 81.28%);
    width: 100%
}

.planb-footer-wrapper .planb-footer {
    padding: 0px 24px;
    padding-top: 100px
}

.planb-footer-wrapper .planb-footer .planb-location .heading3 {
    margin-bottom: 25px;
    font-family: "Manrope",sans-serif;
    font-weight: 700;
    font-weight: 700
}

.planb-footer-wrapper .planb-footer .planb-location .ph-map-pin-line,.planb-footer-wrapper .planb-footer .planb-location .ph-envelope-simple-open {
    color: #632468;
    font-weight: 500;
    font-size: 28px
}

.planb-footer-wrapper .planb-footer .planb-location .content {
    font-size: 14px;
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.planb-footer-wrapper .planb-footer .planb-location .content .planb-mail {
    color: #f44;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-weight: 500
}

.planb-footer-wrapper .planb-footer .footer-navigation .heading3 {
    margin-bottom: 25px;
    font-family: "Manrope",sans-serif;
    font-weight: 700;
    font-weight: 700
}

.planb-footer-wrapper .planb-footer .footer-navigation .footer-navigation-list {
    padding-left: 0px
}

.planb-footer-wrapper .planb-footer .footer-navigation .footer-navigation-list .footer-nav-link {
    font-size: 15px;
    line-height: 32px;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    color: #4e4b66;
    transition: all .6s ease
}

.planb-footer-wrapper .planb-footer .footer-navigation .footer-navigation-list .footer-nav-link:hover {
    color: #f44
}

.planb-footer-wrapper .planb-footer .social-contact .heading3 {
    margin-bottom: 25px;
    font-family: "Manrope",sans-serif;
    font-weight: 700;
    font-weight: 700
}

.planb-footer-wrapper .planb-footer .social-contact .ph-fill {
    color: #632468;
    font-size: 26px;
    transition: all .6s ease
}

.planb-footer-wrapper .planb-footer .social-contact .ph-fill:hover {
    color: #2f2f39
}

.planb-footer-wrapper .planb-footer .social-contact .primary-btn {
    font-size: 16px;
    box-shadow: 0px 6px 40px rgba(71,70,90,.3);
    border-radius: 65px;
    margin-top: 25px
}

.planb-footer-wrapper hr {
    color: #632468;
    opacity: 1
}

.planb-footer-wrapper .planb-footer-copyright .policy ul {
    padding-left: 0px;
    margin-bottom: 0px;
    text-align: center
}

.planb-footer-wrapper .planb-footer-copyright .policy ul li {
    display: inline-block;
    padding: 0 7px;
    position: relative;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 30px
}

.planb-footer-wrapper .planb-footer-copyright .policy ul li:first-child {
    padding-left: 0px
}

.planb-footer-wrapper .planb-footer-copyright .policy ul li:not(:last-child)::after {
    content: "";
    border: 1px solid #636363;
    border-width: 1px 1px 0 0;
    position: absolute;
    right: -3px;
    top: 50%;
    transform: translateY(-50%);
    height: 70%
}

.planb-footer-wrapper .planb-footer-copyright .policy ul li a {
    color: #636363;
    transition: all .6s ease
}

.planb-footer-wrapper .planb-footer-copyright .policy ul li a:hover {
    color: #f44
}

.planb-footer-wrapper .planb-footer-copyright .copyright-text .content {
    color: #636363;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 0px
}

.planb-footer-wrapper .planb-footer-copyright .copyright-text .content a {
    color: #f44
}

.planb-header {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    transition: height .28s linear
}

.planb-header.bg-white {
    box-shadow: 0px 4px 20px rgba(0,0,0,.08) !important;
    padding: 0px 0px !important;
    transition: height .28s linear
}

.planb-header .planb-header-container {
    padding: 10px 24px
}

.planb-header .planb-header-container .navbar-brand.planb-header-logo img {
    height: 72px;
    width: auto;
    transition: height .28s linear
}

.planb-header .planb-header-container .navbar-toggler.planb-navbar-toggler {
    border: none;
    padding: 0px 12px
}

.planb-header .planb-header-container .navbar-toggler.planb-navbar-toggler:focus {
    box-shadow: none
}

.planb-header .planb-header-container .navbar-toggler.planb-navbar-toggler .navbar-toggler-ph-icon {
    color: #f44;
    font-size: 40px;
    font-weight: 600
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item {
    margin: 0px 24px
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #14142b;
    letter-spacing: .02em;
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #f44
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item .nav-link.active {
    color: #f44
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-toggle {
    color: #14142b;
    font-size: 17px
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-toggle.show {
    color: #f44
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-toggle.show .ph-caret-down {
    transform: rotate(180deg)
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-toggle:hover {
    color: #f44
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-toggle:active {
    color: #f44 !important
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
    width: 228px;
    background-color: #fff;
    box-shadow: 0px 8px 25px rgba(0,0,0,.15);
    backdrop-filter: blur(100px);
    border: 0px;
    border-bottom: 7px solid #632468;
    border-radius: 10px
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li:first-child {
    border-radius: 10px 10px 0px 0px
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li:first-child .dropdown-item {
    border-radius: 10px 10px 0px 0px
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li:last-child {
    border-radius: 0px 0px 10px 10px
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li:last-child .dropdown-item {
    border-radius: 0px 0px 10px 10px
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item {
    color: #4e4b66;
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    padding: 8px 16px
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:hover {
    background-color: #fff5f0
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:active {
    background-color: #fff5f0
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item .ph {
    color: #632468;
    font-size: 24px
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-divider {
    border-top: 1px solid #ebf3fa
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse form .primary-btn {
    box-shadow: 0px 4px 25px rgba(0,0,0,.2)
}

.planb-header .planb-header-container .navbar-collapse.planb-navbar-collapse form .primary-btn .ph-user-plus {
    font-size: 22px
}

.whatsapp-chat {
    position: relative
}

.whatsapp-chat .whatsapp-chat-link {
    text-decoration: none;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    position: fixed;
    width: 54px;
    height: 54px;
    bottom: 72px;
    right: 35px;
    cursor: pointer;
    z-index: 100
}

.whatsapp-chat .whatsapp-chat-link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    -webkit-animation: shockwave 1s .65s ease-out infinite;
    animation: shockwave 1s .65s ease-out infinite
}

.whatsapp-chat .whatsapp-chat-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    -webkit-animation: shockwave 1s .5s ease-out infinite;
    animation: shockwave 1s .5s ease-out infinite
}

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

    40% {
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }

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

    55% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }

    60% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

    40% {
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }

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

    55% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }

    60% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes shockwave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 2px rgba(0,0,0,.15),inset 0 0 1px rgba(0,0,0,.15)
    }

    95% {
        box-shadow: 0 0 50px rgba(0,0,0,0),inset 0 0 30px rgba(0,0,0,0)
    }

    100% {
        -webkit-transform: scale(2.25);
        transform: scale(2.25)
    }
}

@keyframes shockwave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 2px rgba(0,0,0,.15),inset 0 0 1px rgba(0,0,0,.15)
    }

    95% {
        box-shadow: 0 0 50px rgba(0,0,0,0),inset 0 0 30px rgba(0,0,0,0)
    }

    100% {
        -webkit-transform: scale(2.25);
        transform: scale(2.25)
    }
}

.whatsapp-chat .whatsapp-chat-link .chat-icon-Whatsapp {
    display: inline-block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    box-shadow: 0px 0px 15px rgba(0,0,0,.15);
    animation: shockwaveJump 1s ease-out infinite
}

.whatsapp-chat .whatsapp-chat-link .chat-icon-Whatsapp .whatsapp-svg-icon {
    display: inline-block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(0,0,0,0);
    box-shadow: 0px 0px 15px rgba(0,0,0,.15)
}

.whatsapp-chat .whatsapp-chat-link .chat-icon-Whatsapp .whatsapp-svg-icon svg {
    width: 100%;
    height: 100%
}

.whatsapp-chat .tooltip-text {
    display: inline-block;
    width: 120px;
    background-color: #fff;
    color: #979797;
    box-shadow: 0 1.93465px 7.73859px rgba(0,0,0,.15);
    text-align: center;
    border-radius: 6px;
    padding: 6px 0;
    position: absolute;
    bottom: 50%;
    right: 25%;
    transform: translate(-50%, 50%);
    z-index: 1
}

.whatsapp-chat .tooltip-text .ph-caret-right {
    position: absolute;
    right: -18%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #fff
}

.banner-section {
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.banner-section.hero-section {
    padding: 0px 24px;
    margin-top: 175px
}

.banner-section.hero-section .hero-section-content .heading1.banner-title {
    color: #2f2f39;
    font-family: "Manrope",sans-serif;
    font-size: 56px;
    font-weight: 800;
    line-height: 64px
}

.banner-section.hero-section .hero-section-content .heading1.banner-title .ul-sketch-bg {
    display: inline-block;
    position: relative
}

.banner-section.hero-section .hero-section-content .heading1.banner-title .ul-sketch-bg .ul-freehand-sketch {
    left: 50%;
    top: 110%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    z-index: -1
}

.banner-section.hero-section .hero-section-content .heading1 .typed-text {
    color: #632468;
    font-weight: 800;
    font-size: 40px;
    line-height: 55px
}

.banner-section.hero-section .hero-section-content .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-weight: 500
}

.banner-section.hero-section .hero-section-content .content.banner-content {
    font-size: 18px
}

.banner-section.hero-section .hero-section-content .primary-btn {
    box-shadow: 0px 4px 15px rgba(0,0,0,.15)
}

.banner-section.hero-section .hero-section-content .primary-btn .ph-user-plus {
    font-size: 22px
}

.banner-section.hero-section .hero-section-image .planb-banner-img {
    max-width: 100%;
    height: auto
}

.banner-section.hero-section .gradient-ellipse-1 {
    position: absolute;
    width: 275px;
    height: 260px;
    border-radius: 50%;
    background: linear-gradient(139.56deg, #FFE8BE 15.51%, #FFCBCB 58.49%, #99CC00 94.27%);
    filter: blur(125px);
    top: 80px;
    left: -350px;
    z-index: -1
}

.banner-section.hero-section .gradient-ellipse-2 {
    position: absolute;
    width: 275px;
    height: 275px;
    background: linear-gradient(139.56deg, #FFE8BE 15.51%, #FFCBCB 58.49%, #99CC00 94.27%);
    filter: blur(200px);
    border-radius: 50%;
    top: -10px;
    right: 0px;
    z-index: -1
}

.client-section {
    padding: 0px 24px;
    margin-top: 80px
}

.client-section .table {
    border-color: #ebf3fa;
    table-layout: fixed
}

.client-section .table .border-bottom {
    border-color: #ebf3fa !important
}

.client-section .table .client-logo-cell .client-logo {
    padding: 12px 10px;
    cursor: pointer;
    width: 100% !important;
    height: 140px !important;
    margin: auto;
    object-fit: contain !important;
    transition: all .6s ease
}

.client-section .table .client-logo-cell .client-logo:hover {
    background: #fff;
    box-shadow: 0px 0px 25px rgba(0,0,0,.1)
}

.client-section .border-end {
    border-color: #ebf3fa !important
}

.client-section .border-top {
    border: 1px solid #ebf3fa
}

.client-section .carousel .client-logo {
    max-width: 125px;
    height: 42px;
    object-fit: contain;
    padding: 0px 5px
}

.client-section .carousel .carousel-control-prev-icon,.client-section .carousel .carousel-control-next-icon {
    color: rgba(0,0,0,.3);
    font-size: 38px
}

.client-section .carousel .carousel-control-prev-icon:hover,.client-section .carousel .carousel-control-next-icon:hover {
    color: #632468
}

.call-analytics {
    padding: 0px 24px;
    margin-top: 50px
}

.call-analytics .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.call-analytics .primary-btn {
    padding: 12px 30px;
    box-shadow: 0px 4px 15px rgba(0,0,0,.15)
}

.planb-technology {
    padding: 0px 24px;
    margin-top: 5px
}

.planb-technology .heading2 {
    margin-bottom: 40px
}

.planb-technology .card {
    border-radius: 0px;
    border: none;
    border-left: 1px solid #d9d9d9
}

.planb-technology .card .card-header {
    border: none;
    background-color: rgba(0,0,0,0)
}

.planb-technology .card .vl {
    border-left: 3px solid #f44;
    height: 35px;
    position: absolute;
    left: 0%;
    top: 23%;
    margin-left: 0px
}

.planb-technology .card .card-body {
    padding: 0px;
    padding-left: 16px
}

.planb-technology .card .card-body .heading4 {
    font-family: "Manrope",sans-serif;
    font-weight: 700;
    line-height: 30px;
    font-size: 17px
}

.planb-technology .card .card-body .content {
    font-size: 14px;
    line-height: 26px;
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.about-planb-wrapper {
    background: linear-gradient(121.23deg, rgba(255, 165, 0, 0.026) 17.3%, rgba(255, 68, 68, 0.064) 81.28%)
}

.about-planb-wrapper .about-planb {
    padding: 80px 24px;
    margin-top: 150px;
    margin-bottom: 80px
}

.about-planb-wrapper .about-planb .heading4 {
    font-family: "Manrope",sans-serif;
    font-weight: 700;
    color: #632468;
    font-size: 20px;
    line-height: 28px
}

.about-planb-wrapper .about-planb .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.about-planb-wrapper .about-planb .google-btn .googleplay-img {
    max-width: 197px;
    height: auto
}

.about-planb-wrapper .about-planb .achievement .content {
    font-size: 14px;
    line-height: 18px
}

.about-planb-wrapper .about-planb .achievement .heading3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    color: #14142b
}

.about-planb-wrapper .about-planb .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 125px;
    height: auto;
    cursor: pointer
}

.about-planb-wrapper .about-planb #planb-info-video {
    position: relative;
    padding-bottom: 56.23%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.about-planb-wrapper .about-planb #planb-info-video.click-to-play-video {
    cursor: pointer;
    margin: auto;
    background-image: url("../images/planb-YoutubeVideo-Thumbnail.svg");
    background-size: cover;
    background-position: center
}

.about-planb-wrapper .about-planb #planb-info-video.click-to-play-video.inactive-state {
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("../images/planb-YoutubeVideo-Thumbnail.svg");
    background-size: cover;
    background-position: center
}

.about-planb-wrapper .about-planb #planb-info-video.click-to-play-video.hover-state {
    background-image: url("../images/planb-YoutubeVideo-Thumbnail.svg");
    background-size: cover;
    background-position: center
}

.about-planb-wrapper .about-planb #planb-info-video iframe {
    width: 630px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.planb-features {
    position: relative;
    padding: 0px 24px;
    padding-top: 6.5rem;
    margin-top: -5rem
}

.planb-features .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.planb-features .planb-features-aside-section {
    margin-top: 25px
}

.planb-features .planb-features-aside-section .planb-features-list {
    position: sticky;
    position: -webkit-sticky;
    width: 100%;
    top: 125px;
    justify-content: left;
    margin: 75px 0px;
    padding-left: 16px
}

.planb-features .planb-features-aside-section .planb-features-list .planb-features-items {
    margin: 15px 0px;
    padding-left: .5em;
    position: relative
}

.planb-features .planb-features-aside-section .planb-features-list .planb-features-items .planb-features-items-link {
    color: #4e4b66;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.planb-features .planb-features-aside-section .planb-features-list .planb-features-items .planb-features-items-link:hover {
    color: #f44
}

.planb-features .planb-features-aside-section .planb-features-list .planb-features-items .planb-features-items-link:hover::before {
    content: "";
    font-family: "Phosphor";
    font-size: 16px;
    line-height: 26px;
    color: #632468;
    position: absolute;
    left: -15px
}

.planb-features .planb-features-aside-section .planb-features-list .planb-features-items .planb-features-items-link.active {
    color: #f44
}

.planb-features .planb-features-aside-section .planb-features-list .planb-features-items .planb-features-items-link.active::before {
    content: "";
    font-family: "Phosphor";
    font-size: 16px;
    line-height: 26px;
    color: #632468;
    position: absolute;
    left: -15px
}

.planb-features .planb-features-detail-section {
    padding-left: 24px;
    margin-top: 25px
}

.planb-features .planb-features-detail-section div {
    padding-top: 20px;
    padding-bottom: 20px
}

.planb-features .planb-features-detail-section div .planb-features-detail-section-item {
    padding-top: 6.5rem;
    margin-top: -5rem
}

.planb-features .planb-features-detail-section div .planb-features-detail-section-item .heading2 {
    font-size: 32px;
    line-height: 36px
}

.planb-features .planb-features-detail-section div .planb-features-detail-section-item .content {
    font-size: 16px;
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.planb-features .planb-features-detail-section div .planb-features-detail-section-item img {
    height: auto;
    margin: auto
}

.planb-app-steps-wrapper {
    position: relative
}

.planb-app-steps-wrapper::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: -148px;
    left: -600px;
    right: 0;
    bottom: 0;
    clip-path: polygon(50% 2.45%, 100% 55.39%, 100% 97.72%, 25.92% 97.72%, 19.11% 38.77%);
    background: linear-gradient(180deg, rgba(255, 68, 68, 0.036) 2.07%, rgba(255, 253, 250, 0.021) 106.11%, rgba(255, 255, 255, 0.3) 134.22%)
}

.planb-app-steps-wrapper .planb-app-steps {
    padding: 0px 24px;
    margin-top: 125px
}

.planb-app-steps-wrapper .planb-app-steps .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.planb-app-steps-wrapper .planb-app-steps .bullet-numbering {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 20px;
    background: #fff;
    border: 1px solid #632468;
    color: #14142b;
    box-shadow: 0px 0px 15px rgba(0,0,0,.15)
}

.planb-app-steps-wrapper .planb-app-steps .steps-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    box-shadow: 0px 4px 15px rgba(0,0,0,.1);
    border-radius: 10px
}

.planb-app-steps-wrapper .planb-app-steps .planb-steps-heading .heading4 {
    font-family: "Manrope",sans-serif;
    font-weight: 700
}

.planb-app-steps-wrapper .planb-app-steps .downward-arrow {
    position: relative;
    left: 15%
}

.planb-app-steps-wrapper .planb-app-steps .upward-arrow {
    position: relative;
    left: 53%
}

.planb-app-steps-wrapper .planb-app-steps form {
    margin-top: 25px
}

.planb-app-steps-wrapper .planb-app-steps .primary-btn {
    padding: 12px 30px;
    box-shadow: 0px 4px 15px rgba(0,0,0,.15)
}

.planb-app-steps-wrapper .planb-app-steps .transparent-btn {
    color: #2f2f39
}

.schedule-demo {
    padding: 0px 24px;
    margin-top: 225px
}

.schedule-demo .heading2 {
    color: #f44;
    font-size: 38px;
    line-height: 42px;
    width: 75%
}

.schedule-demo .heading3 {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    color: #14142b;
    font-weight: 500;
    font-size: 28px;
    line-height: 38px
}

.schedule-demo .primary-btn {
    padding: 28px 42px;
    box-shadow: 0px 6px 40px rgba(71,70,90,.3);
    border-radius: 65px;
    font-size: 28px;
    line-height: 38px
}

.testimonal {
    padding: 0px 24px;
    margin-top: 200px;
    margin-bottom: 30px
}

.testimonal .heading2 {
    margin-bottom: -35px
}

.testimonal .quote-icon-svg {
    margin-top: 50px
}

.testimonal .quote-icon-svg svg {
    display: inline-block;
    width: 75px;
    height: auto;
    position: relative;
    left: 205%;
    top: 105%;
    z-index: 1
}

.testimonal .company-quote-wrapper {
    padding-right: 12rem
}

.testimonal .company-quote-wrapper .company-quote {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 125px;
    background-color: #fff;
    box-shadow: 0px 15px 35px rgba(0,0,0,.05);
    border-radius: 150px 150px 0px 150px;
    margin-top: -50px;
    z-index: 1
}

.testimonal .company-quote-wrapper .company-quote img {
    max-height: 40px;
    object-fit: contain
}

.testimonal #testimonial-carousel .carousel-inner .carousel-item {
    padding: 30px 0px
}

.testimonal #testimonial-carousel .carousel-inner .carousel-item .carousel-item-container {
    width: 75%
}

.testimonal #testimonial-carousel .carousel-inner .carousel-item .carousel-item-container .carousel-item-content {
    margin: 0px;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #4e4b66;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-style: italic;
    background: rgba(255,245,240,.3);
    backdrop-filter: blur(40px);
    border-radius: 20px;
    padding: 60px 30px 30px
}

.testimonal #testimonial-carousel .carousel-inner .carousel-item .carousel-item-container .carousel-item-content .carousel-item-content-footer {
    padding: 24px 0px;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #4e4b66
}

.testimonal #testimonial-carousel .carousel-inner .carousel-item .carousel-item-container .carousel-item-content .carousel-item-content-footer .carousel-item-content-footer-imp {
    font-size: 23px;
    color: #1577a9;
    font-weight: 600
}

.testimonal #testimonial-carousel .carousel-control-prev-icon,.testimonal #testimonial-carousel .carousel-control-next-icon {
    color: #632468;
    font-size: 38px;
    opacity: 1;
    position: relative;
    top: -20%
}

.blog {
    margin-top: 75px;
    margin-bottom: 75px
}

.blog #post-container {
    padding: 0px 24px;
    display: flex;
    justify-content: space-around
}

.blog #post-container a.blog-card {
    width: 23%;
    margin: 8px !important;
    padding: 0px;
    margin: 100px 0px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 12px 35px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column
}

.blog #post-container a.blog-card:first-child {
    width: 46%;
    margin: 8px !important;
    display: flex;
    flex-direction: row
}

.blog #post-container a.blog-card:first-child .blog-card-img-wrapper {
    width: 45%
}

.blog #post-container a.blog-card:first-child .blog-card-img-wrapper .blog-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px 0px 0px 20px
}

.blog #post-container a.blog-card:first-child .blog-card-content-wrapper {
    width: 55%
}

.blog #post-container a.blog-card:first-child .blog-card-content-wrapper .blog-card-body-content .blog-card-body .blog-card-text {
    display: block
}

.blog #post-container a.blog-card .blog-card-img-wrapper .blog-card-img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 20px 20px 0px 0px
}

.blog #post-container a.blog-card .blog-card-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 12px 18px
}

.blog #post-container a.blog-card .blog-card-content-wrapper .blog-card-body-content {
    display: flex;
    flex-direction: column;
    height: 100%
}

.blog #post-container a.blog-card .blog-card-content-wrapper .blog-card-body-content .blog-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0px
}

.blog #post-container a.blog-card .blog-card-content-wrapper .blog-card-body-content .blog-card-header .blog-date {
    font-size: 12px;
    color: #979797;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    display: block
}

.blog #post-container a.blog-card .blog-card-content-wrapper .blog-card-body-content .blog-card-header .blog-type {
    font-size: 12px;
    color: #636363;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    background-color: #ebf3fa;
    padding: 6px 12px;
    border-radius: 15px;
    display: block
}

.blog #post-container a.blog-card .blog-card-content-wrapper .blog-card-body-content .blog-card-body {
    flex-grow: 1;
    padding: 8px 0px
}

.blog #post-container a.blog-card .blog-card-content-wrapper .blog-card-body-content .blog-card-body .blog-card-title {
    font-family: "Manrope",sans-serif;
    font-weight: 700;
    color: #14142b;
    font-size: 18px;
    line-height: 24px
}

.blog #post-container a.blog-card .blog-card-content-wrapper .blog-card-body-content .blog-card-body .blog-card-text {
    font-size: 16px;
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    color: #4e4b66;
    display: none
}

.blog #post-container a.blog-card .blog-card-content-wrapper .blog-card-footer .ph-caret-circle-right {
    color: #632468;
    font-size: 24px
}

.pricing-container {
    margin-top: 200px;
    padding: 0px 24px
}

.pricing-container .pricing-title .heading1.banner-title {
    color: #2f2f39;
    font-size: 56px;
    line-height: 64px;
    font-weight: 800
}

.pricing-container .pricing-title .heading1.banner-title .ul-sketch-bg {
    display: inline-block;
    position: relative
}

.pricing-container .pricing-title .heading1.banner-title .ul-sketch-bg .ul-freehand-sketch {
    left: 50%;
    top: 90%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    z-index: -1
}

.pricing-container .pricing-title .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #4e4b66;
    margin: 25px 0px 35px 0px
}

.pricing-container .pricing-title .term-period-nav {
    background-color: #632468;
    padding: 6px;
    border-radius: 25px;
    width: max-content
}

.pricing-container .pricing-title .term-period-nav .term-period-nav-item {
    background-color: rgba(0,0,0,0);
    border-radius: 25px
}

.pricing-container .pricing-title .term-period-nav .term-period-nav-item .term-period-nav-link {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-weight: 700;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: .02em;
    color: #fff;
    border-radius: 25px;
    transition: ease-in-out .5s
}

.pricing-container .pricing-title .term-period-nav .term-period-nav-item .term-period-nav-link.active {
    background-color: #f44;
    border-radius: 25px
}

.pricing-container .pricing-title .currency-selector-dropdown {
    display: inline-block
}

.pricing-container .pricing-title .currency-selector-dropdown .currency-selector-btn {
    font-family: "Manrope",sans-serif;
    font-weight: 800;
    font-weight: 700;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: .02em;
    color: #4e4b66;
    background: #fff;
    min-width: 130px;
    height: 51px;
    box-shadow: 0px 4px 15px rgba(0,0,0,.15);
    border: none;
    border-radius: 25px
}

.pricing-container .pricing-title .currency-selector-dropdown .currency-selector-btn::after {
    display: none
}

.pricing-container .pricing-title .currency-selector-dropdown .currency-selector-btn .caret {
    transition: transform .25s
}

.pricing-container .pricing-title .currency-selector-dropdown .currency-selector-btn .caret::after {
    content: "";
    font-family: "Phosphor" !important;
    font-size: 17px;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    margin: 0px 5px;
    -webkit-font-smoothing: antialiased
}

.pricing-container .pricing-title .currency-selector-dropdown .currency-selector-btn.show .caret {
    transform: rotate(180deg);
    transition: transform .25s
}

.pricing-container .pricing-title .currency-selector-dropdown .ph {
    font-weight: 700;
    font-size: 17px;
    line-height: 23px
}

.pricing-container .pricing-title .currency-selector-dropdown .currency-selector {
    border: none;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 8px 25px rgba(0,0,0,.15)
}

.pricing-container .pricing-title .currency-selector-dropdown .currency-selector .currency-selector-item {
    font-family: "Manrope",sans-serif;
    font-weight: 800;
    font-weight: 700;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: .02em;
    color: #4e4b66;
    margin: 10px 0px;
    cursor: pointer
}

.pricing-container .pricing-title .currency-selector-dropdown .currency-selector .currency-selector-item:hover {
    background-color: #fff5f0
}

.pricing-container .pricing-title .currency-selector-dropdown .currency-selector .currency-selector-item:active {
    background-color: #fff5f0
}

.pricing-container .pricing-table {
    margin-top: 0px
}

.pricing-container .pricing-table .pricing-table-card {
    border-radius: 20px;
    border-color: #d9d9d9
}

.pricing-container .pricing-table .pricing-table-card .card-header {
    margin: 10px;
    padding: 33px;
    border: none;
    border-radius: 20px 20px 0px 0px;
    background-color: #632468;
    height: 104px !important
}

.pricing-container .pricing-table .pricing-table-card .card-header .heading3 {
    font-weight: 700;
    font-size: 25px;
    line-height: 34px;
    color: #fff
}

.pricing-container .pricing-table .pricing-table-card .card-header .heading1 {
    font-weight: 800;
    font-size: 47px;
    line-height: 35px;
    color: #fff
}

.pricing-container .pricing-table .pricing-table-card .card-header .content {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.pricing-container .pricing-table .pricing-table-card .card-body {
    margin: 10px
}

.pricing-container .pricing-table .pricing-table-card .card-block {
    height: 100%
}

.pricing-container .pricing-table .pricing-table-card .card-block .list-group {
    border: none
}

.pricing-container .pricing-table .pricing-table-card .card-block .list-group .card-title {
    font-family: "Manrope",sans-serif;
    font-weight: 700;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #000
}

.pricing-container .pricing-table .pricing-table-card .card-block .list-group .list-group-item {
    border: none
}

.pricing-container .pricing-table .pricing-table-card .card-block .list-group .list-group-item .heading4 {
    font-family: "Manrope",sans-serif;
    font-weight: 700;
    font-weight: 700;
    color: #000
}

.pricing-container .pricing-table .pricing-table-card .card-block .list-group .list-group-item .heading4 .ph {
    color: #632468;
    font-size: 18px;
    font-weight: 500
}

.pricing-container .pricing-table .pricing-table-card .card-block .list-group .list-group-item .content {
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    padding-left: 32px;
    font-size: 16px;
    line-height: 24px
}

.pricing-container .pricing-table .pricing-table-card .card-block .list-group .list-group-item hr {
    color: rgba(0,0,0,.5)
}

.pricing-container .pricing-table .pricing-table-card .card-block .card-footer {
    border: none;
    background-color: rgba(0,0,0,0);
    height: max-content
}

.pricing-container .pricing-table .pricing-table-card.addon-card .card-header {
    background-color: #cb2026
}

.pricing-container .pricing-table .pricing-table-card.addon-card .card-header .heading3 {
    color: white
}

.pricing-container .pricing-table .pricing-table-card.addon-card .card-block .list-group .list-group-item .addon-features {
    border-left: 1px solid #d9d9d9
}

.pricing-container .pricing-table .pricing-table-card.addon-card .card-block .list-group .list-group-item .addon-features .card-title {
    padding-left: 24px;
    font-weight: 700;
    font-size: 17px;
    line-height: 30px
}

.pricing-container .pricing-table .pricing-table-card.addon-card .card-block .list-group .list-group-item .addon-features .addon-price {
    border-left: 3px solid #632468;
    text-indent: 24px
}

.pricing-container .pricing-table .pricing-table-card.addon-card .card-block .list-group .list-group-item .addon-features .addon-price .addon-price-amount {
    color: #632468;
    font-weight: 800;
    font-size: 22px;
    line-height: 30px
}

.pricing-container .pricing-table .pricing-table-card.addon-card .card-block .list-group .list-group-item .addon-features .addon-price small {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #4e4b66
}

.pricing-container .pricing-table .pricing-table-card.addon-card .card-block .list-group .list-group-item .addon-features .content {
    padding-left: 24px;
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4e4b66
}

.pricing-container .pricing-table .price-condition-footerline {
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    font-size: 14px
}

.pricing-container .pricing-gradient-ellipse-1 {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: linear-gradient(139.56deg, #FFE8BE 15.51%, #FFCBCB 58.49%, #99CC00 94.27%);
    background-size: cover;
    filter: blur(75px);
    top: 200px;
    right: 0px;
    z-index: -1
}

.pricing-container .pricing-gradient-ellipse-2 {
    position: absolute;
    width: 225px;
    height: 225px;
    background: linear-gradient(139.56deg, #FFE8BE 15.51%, #FFCBCB 58.49%, #99CC00 94.27%);
    background-size: cover;
    filter: blur(150px);
    border-radius: 50%;
    bottom: 0px;
    left: 0px;
    z-index: -1
}

.pricing-faq-container {
    margin-top: 0px;
    margin-bottom: 100px
}

.pricing-faq-container .pricing-faq-content {
    margin-top: 50px;
    padding: 0px 24px;
    position: relative
}

.pricing-faq-container .pricing-faq-content .faq-que-ans {
    border-left: 1px solid #d9d9d9;
    padding: 0px;
    padding-right: 24px
}

.pricing-faq-container .pricing-faq-content .faq-que-ans .heading4 {
    font-size: 22px;
    line-height: 30px;
    color: #14142b
}

.pricing-faq-container .pricing-faq-content .faq-que-ans .content {
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #4e4b66
}

.pricing-faq-container .pricing-faq-content .faq-que-ans .faq-vl {
    border-left: 3px solid #f44;
    height: 35px
}

.pricing-faq-container .pricing-faq-footerline .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.pricing-faq-container .pricing-faq-footerline .content a {
    color: #f44
}

.schedule-demo-container {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px 24px
}

.schedule-demo-container .alert-dismissible {
    position: relative
}

.schedule-demo-container .alert-dismissible .close {
    position: absolute;
    right: 10px;
    top: 18px
}

.schedule-demo-container .alert-dismissible.alert-success .close {
    color: #3c763d
}

.schedule-demo-container .alert-dismissible.alert-danger .close {
    color: #842029
}

.schedule-demo-container .schedule-demo-title {
    margin-bottom: 30px
}

.schedule-demo-container .schedule-demo-title .heading1.banner-title {
    color: #2f2f39;
    font-size: 56px;
    line-height: 64px;
    font-weight: 800
}

.schedule-demo-container .schedule-demo-title .heading1.banner-title .ul-sketch-bg {
    display: inline-block;
    position: relative
}

.schedule-demo-container .schedule-demo-title .heading1.banner-title .ul-sketch-bg .ul-freehand-sketch {
    left: 50%;
    top: 110%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    z-index: -1
}

.schedule-demo-container .schedule-demo-content .achievement .achievement-box {
    background: linear-gradient(121.23deg, rgba(255, 165, 0, 0.026) 17.3%, rgba(255, 68, 68, 0.064) 81.28%);
    border-radius: 20px;
    padding-left: 1.5rem
}

.schedule-demo-container .schedule-demo-content .achievement .achievement-box .heading3 {
    font-size: 24px;
    line-height: 32px;
    color: #2f2f39
}

.schedule-demo-container .schedule-demo-content .achievement .achievement-box .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #2f2f39
}

.schedule-demo-container .schedule-demo-content .heading3 {
    font-family: "Manrope",sans-serif;
    font-weight: 700;
    margin: 0px
}

.schedule-demo-container .schedule-demo-content .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    color: #4e4b66;
    font-size: 18px;
    line-height: 30px
}

.schedule-demo-container .schedule-demo-content .schedule-demo-list {
    list-style-position: outside
}

.schedule-demo-container .schedule-demo-content .schedule-demo-list .schedule-demo-list-item {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    padding-left: 12px;
    font-size: 18px;
    line-height: 30px;
    color: #4e4b66;
    position: relative;
    margin: 15px 16px
}

.schedule-demo-container .schedule-demo-content .schedule-demo-list .schedule-demo-list-item::before {
    content: "";
    font-family: "Phosphor" !important;
    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    color: #632468;
    text-transform: none;
    vertical-align: middle;
    position: absolute;
    left: -20px;
    top: 2px;
    -webkit-font-smoothing: antialiased
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form {
    background: #fff;
    box-shadow: 0px 4px 30px rgba(0,0,0,.1);
    border-radius: 20px;
    padding: 40px 25px;
    margin: 45px 0px
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form label.error {
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    font-weight: 400;
    color: #d20013;
    font-size: 13px;
    position: absolute;
    left: 10px
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form input,.schedule-demo-container .schedule-demo-content .schedule-demo-form select,.schedule-demo-container .schedule-demo-content .schedule-demo-form textarea {
    max-width: 100%;
    height: 50px;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500 !important;
    color: #4e4b66;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding-left: 20px
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form input ::placeholder,.schedule-demo-container .schedule-demo-content .schedule-demo-form select ::placeholder,.schedule-demo-container .schedule-demo-content .schedule-demo-form textarea ::placeholder {
    font-size: 15px;
    color: #4e4b66;
    opacity: 1 !important
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form input:focus,.schedule-demo-container .schedule-demo-content .schedule-demo-form select:focus,.schedule-demo-container .schedule-demo-content .schedule-demo-form textarea:focus {
    border-color: rgba(255,165,0,.5);
    box-shadow: 0 0 5px rgba(255,165,0,.75) !important;
    transition: border-color 500ms ease,box-shadow 500ms ease
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .form-select {
    cursor: pointer;
    color: #4e4b66
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form textarea {
    height: auto;
    resize: none;
    padding: 16px 20px
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .primary-btn {
    font-size: 15px;
    font-family: "Manrope",sans-serif
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form span.phone-number-error {
    font-family: "Manrope",sans-serif !important;
    font-weight: 500 !important;
    color: #d20013 !important;
    font-size: 13px !important;
    position: absolute !important;
    top: 100% !important;
    left: 10px !important
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .form-submit-alert {
    position: fixed;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: 40%;
    border: 1px solid #ffdfa4;
    background-color: #fff9ef;
    border-radius: 10px;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    z-index: 1;
    animation-name: alertmsg;
    animation-duration: .4s;
    animation-timing-function: linear
}

@keyframes alertmsg {
    from {
        left: 0%
    }

    to {
        left: 50%
    }
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .form-submit-alert.form-submit-alert-danger {
    display: none;
    border: 1px solid #2f2f39;
    background-color: #2f2f39;
    color: #fff
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .form-submit-alert.form-submit-alert-danger .alert-text-icon .ph-x-circle {
    font-size: 24px;
    color: #f44
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .form-submit-alert.form-submit-alert-danger .alert-text {
    line-height: 24px
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .form-submit-alert.form-submit-alert-success {
    display: none;
    border: 1px solid #2f2f39;
    background-color: #2f2f39;
    color: #fff
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .form-submit-alert.form-submit-alert-success .alert-text-icon .ph-check-circle {
    font-size: 36px;
    color: #632468
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .form-submit-alert.form-submit-alert-success .alert-text {
    line-height: 24px
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .form-submit-alert .btn-close {
    background: none
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .form-submit-alert .btn-close:focus {
    box-shadow: none
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .form-submit-alert .btn-close .ph-x {
    font-size: 1.5em;
    position: absolute;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    right: 6px
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form #mobile_code {
    padding-left: 85px !important
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .iti {
    width: 100%
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container {
    padding-left: 15px
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
    background-color: rgba(0,0,0,0)
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag::before {
    content: "";
    font-family: "Phosphor" !important;
    color: #4e4b66;
    font-weight: 500 !important;
    font-style: normal;
    margin: 0px 0px 0px 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag::after {
    content: "|";
    font-family: "FontAwesome";
    color: #dfdfdf;
    font-size: 25px;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 50px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag .iti__flag.iti__in {
    padding-right: 15px
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag .iti__selected-dial-code {
    display: none
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag .iti__arrow {
    display: none
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list {
    max-width: 342px;
    border: 0px;
    border-radius: 10px;
    box-shadow: 0px 4px 15px rgba(0,0,0,.15);
    margin-top: 10px;
    left: 0%
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list::-webkit-scrollbar {
    display: none
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list .iti__country {
    font-family: "Manrope",sans-serif;
    font-weight: 400
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list .iti__country.iti__preferred {
    display: none
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list .iti__country .iti__flag-box {
    padding: 0px 20px
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list .iti__country .iti__country-name {
    padding-left: 15px
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list .iti__divider {
    display: none
}

.schedule-demo-container .schedule-demo-content .schedule-demo-form .intl-tel-input {
    width: 100%
}

.schedule-demo-container .schedule-demo-gradient-ellipse-1 {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: linear-gradient(139.56deg, #FFE8BE 15.51%, #FFCBCB 58.49%, #99CC00 99.27%);
    background-size: cover;
    filter: blur(200px);
    top: 200px;
    right: 0px;
    z-index: -1
}

.schedule-demo-testimonial-title {
    padding: 0px 24px
}

.schedule-demo-testimonial {
    background-color: rgba(255,245,240,.3);
    backdrop-filter: blur(40px);
    margin-top: 15px
}

.schedule-demo-testimonial .testimonial-carousel-wrapper {
    width: 100%;
    padding: 0px 24px
}

.schedule-demo-testimonial .testimonial-carousel-wrapper #testimonial-carousel .carousel-inner .carousel-item {
    padding: 30px 0px 125px;
    position: relative
}

.schedule-demo-testimonial .testimonial-carousel-wrapper #testimonial-carousel .carousel-inner .carousel-item .carousel-item-container {
    max-width: 75%
}

.schedule-demo-testimonial .testimonial-carousel-wrapper #testimonial-carousel .carousel-inner .carousel-item .carousel-item-container .carousel-item-content {
    margin: 0px;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #4e4b66;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-style: italic;
    background: #fff;
    box-shadow: 0px 0px 25px rgba(0,0,0,.05);
    border-radius: 20px;
    padding: 60px 30px
}

.schedule-demo-testimonial .testimonial-carousel-wrapper #testimonial-carousel .carousel-inner .carousel-item .carousel-item-container .carousel-item-content .carousel-item-content-footer {
    padding: 24px 0px;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #4e4b66
}

.schedule-demo-testimonial .testimonial-carousel-wrapper #testimonial-carousel .carousel-inner .carousel-item .carousel-item-container .carousel-item-content .carousel-item-content-footer .carousel-item-content-footer-imp {
    font-size: 23px;
    color: #1577a9;
    font-weight: 600
}

.schedule-demo-testimonial .testimonial-carousel-wrapper #testimonial-carousel .carousel-inner .carousel-item .carousel-item-container .company-quote {
    position: absolute;
    top: 71%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 125px;
    background-color: #fff;
    box-shadow: 0px 10px 35px rgba(0,0,0,.08);
    border-radius: 150px 150px 0px 150px;
    z-index: 1
}

.schedule-demo-testimonial .testimonial-carousel-wrapper #testimonial-carousel .carousel-inner .carousel-item .carousel-item-container .company-quote img {
    object-fit: contain
}

.schedule-demo-testimonial .testimonial-carousel-wrapper #testimonial-carousel .carousel-control-next,.schedule-demo-testimonial .testimonial-carousel-wrapper #testimonial-carousel .carousel-control-prev {
    opacity: 1
}

.schedule-demo-testimonial .testimonial-carousel-wrapper #testimonial-carousel .carousel-control-prev-icon,.schedule-demo-testimonial .testimonial-carousel-wrapper #testimonial-carousel .carousel-control-next-icon {
    color: rgba(0,0,0,.3);
    font-size: 38px;
    opacity: 1;
    position: relative;
    top: 0%
}

.schedule-demo-testimonial .testimonial-carousel-wrapper #testimonial-carousel .carousel-control-prev-icon:hover,.schedule-demo-testimonial .testimonial-carousel-wrapper #testimonial-carousel .carousel-control-next-icon:hover {
    color: #632468
}

.schedule-demo-testimonial .testimonial-carousel-wrapper .marquee-wrapper {
    text-align: center
}

.schedule-demo-testimonial .testimonial-carousel-wrapper .marquee-wrapper .row {
    overflow: hidden;
    margin: 0 auto !important;
    text-align: center
}

.schedule-demo-testimonial .testimonial-carousel-wrapper .marquee-wrapper .row .marquee-block {
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    float: left
}

.schedule-demo-testimonial .testimonial-carousel-wrapper .marquee-wrapper .row .marquee-block .marquee-inner {
    display: block;
    max-width: 100%;
    position: absolute;
    left: 12px
}

.schedule-demo-testimonial .testimonial-carousel-wrapper .marquee-wrapper .row .marquee-block .marquee-inner.to-left {
    animation: marqueeTop 30s linear infinite
}

@keyframes marqueeTop {
    0% {
        top: 0
    }

    100% {
        top: -100%
    }
}

.schedule-demo-testimonial .testimonial-carousel-wrapper .marquee-wrapper .row .marquee-block .marquee-inner.to-right {
    animation: marqueeBottom 30s linear infinite
}

@keyframes marqueeBottom {
    0% {
        top: -100%
    }

    100% {
        top: 0
    }
}

.schedule-demo-testimonial .testimonial-carousel-wrapper .marquee-wrapper .row .marquee-block .marquee-inner span .marquee-item {
    background-color: #fff;
    max-width: 190px;
    height: 119px;
    box-shadow: 0px 0px 25px rgba(0,0,0,.05);
    border-radius: 10px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease-out;
    z-index: -2
}

.schedule-demo-testimonial .testimonial-carousel-wrapper .marquee-wrapper .row .marquee-block .marquee-inner span .marquee-item .client-logo-img {
    max-width: 100%;
    padding: 2px 10px;
    object-fit: contain
}

.schedule-demo-testimonial .testimonial-carousel-wrapper #client-section-carousel .carousel-inner .carousel-item .row .client-logo-wrapper {
    background-color: #fff;
    max-width: 135px;
    height: 100px;
    box-shadow: 0px 0px 25px rgba(0,0,0,.05);
    border-radius: 10px;
    position: relative;
    top: 5%
}

.schedule-demo-testimonial .testimonial-carousel-wrapper #client-section-carousel .carousel-inner .carousel-item .row .client-logo-wrapper .client-logo-img {
    max-width: 100%;
    height: auto;
    padding: 6px;
    object-fit: contain
}

.schedule-demo-footer {
    z-index: 1
}

.hero-section {
    padding: 0px 24px
}

.hero-section.cms-hero-section .hero-section-content .heading1 img.ul-sketch {
    width: 143px;
    height: 18px;
    top: 40px;
    right: 163px;
    z-index: -1
}

.hero-section.cms-hero-section .hero-section-content .primary-btn {
    box-shadow: 0px 4px 15px rgba(0,0,0,.15);
    margin-top: 12px;
    padding: 12px 22px
}

.hero-section.cms-hero-section .hero-section-content span small {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-weight: 500;
    color: #979797;
    font-size: 14px;
    line-height: 28px
}

.hero-section .gradient-ellipse-1 {
    position: absolute;
    width: 275px;
    height: 260px;
    border-radius: 50%;
    background: linear-gradient(139.56deg, #FFE8BE 15.51%, #FFCBCB 58.49%, #99CC00 94.27%);
    filter: blur(125px);
    top: 80px;
    left: -350px;
    z-index: -1
}

.hero-section .gradient-ellipse-2 {
    position: absolute;
    width: 275px;
    height: 275px;
    background: linear-gradient(139.56deg, #FFE8BE 15.51%, #FFCBCB 58.49%, #99CC00 94.27%);
    filter: blur(200px);
    border-radius: 50%;
    top: -10px;
    right: 0px;
    z-index: -1
}

.client-section.cms-client-section {
    margin-top: 150px
}

.client-section.cms-client-section .heading2 {
    width: 59%
}

.cms-features-wrapper {
    margin-top: 150px;
    background: linear-gradient(121.23deg, rgba(255, 165, 0, 0.026) 17.3%, rgba(255, 68, 68, 0.064) 81.28%)
}

.cms-features-wrapper .cms-features {
    padding: 80px 24px 0px
}

.cms-features-wrapper .cms-features .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.cms-features-wrapper .cms-features .cms-features-btn-group .tertiary-inverse-btn {
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    font-weight: 700;
    background-color: #fff;
    display: inline-block;
    font-size: 17px;
    line-height: 23px;
    cursor: default
}

.cms-features-wrapper .cms-features .cms-features-btn-group .tertiary-inverse-btn:hover {
    color: #632468
}

.cms-features-wrapper .performers_sec figure {
    width: 100%;
    max-width: 1540px;
    min-height: 500px;
    margin: 30px auto 0 auto;
    padding: 0 15px;
    position: relative
}

.cms-features-wrapper .performers_sec figure img {
    position: absolute;
    filter: drop-shadow(0 4px 30px rgba(0, 0, 0, 0.1))
}

.cms-features-wrapper .performers_sec figure .img_1 {
    width: 100%;
    max-width: 190px;
    bottom: 40%;
    left: 1%
}

.cms-features-wrapper .performers_sec figure .img_2 {
    width: 100%;
    max-width: 144px;
    top: 0;
    left: 14.5%
}

.cms-features-wrapper .performers_sec figure .img_3 {
    width: 100%;
    max-width: 675px;
    top: 5%;
    left: 25%
}

.cms-features-wrapper .performers_sec figure .img_4 {
    width: 100%;
    max-width: 429px;
    top: 5px;
    right: 5%;
    z-index: 1
}

.cms-features-wrapper .performers_sec figure .img_5 {
    width: 100%;
    max-width: 598px;
    top: 20%;
    right: 0;
    z-index: 1
}

.cms-features-wrapper .performers_sec figure .img_6 {
    width: 100%;
    max-width: 181px;
    bottom: 8%;
    left: 9%;
    z-index: 2
}

.cms-features-wrapper .performers_sec figure .img_7 {
    width: 100%;
    max-width: 220px;
    bottom: 0;
    left: 16%;
    z-index: 1
}

.cms-features-wrapper .performers_sec figure .img_8 {
    width: 100%;
    max-width: 223px;
    bottom: 0;
    right: 27%;
    z-index: 1
}

.planb-features.cms-planb-features {
    margin-top: 100px;
    padding-top: 0
}

.employee-mobile-app-wrapper {
    position: relative;
    margin-bottom: 150px
}

.employee-mobile-app-wrapper::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: -148px;
    left: -600px;
    right: 0;
    bottom: 0;
    clip-path: polygon(50% 2.45%, 80% 55.39%, 100% 97.72%, 25.92% 97.72%, 19.11% 38.77%);
    background: linear-gradient(180deg, rgba(255, 68, 68, 0.036) 2.07%, rgba(255, 253, 250, 0.021) 106.11%, rgba(255, 255, 255, 0.3) 134.22%)
}

.employee-mobile-app-wrapper .employee-mobile-app {
    padding: 0px 24px;
    margin-top: 125px
}

.employee-mobile-app-wrapper .employee-mobile-app .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.employee-mobile-app-wrapper .employee-mobile-app .employee-mobile-app-main-img {
    max-width: 120%;
    height: auto
}

.cms-team {
    margin-top: 100px
}

.cms-team .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.cms-team .cmsteam-nav-tabs .nav .nav-item .nav-link {
    font-family: "Manrope",sans-serif;
    font-weight: 700;
    color: #4e4b66;
    border: 0px;
    border-bottom: 3px solid rgba(0,0,0,0);
    height: 100%
}

.cms-team .cmsteam-nav-tabs .nav .nav-item .nav-link.active {
    color: #632468;
    border-bottom: 3px solid #632468
}

.cms-faq-container {
    margin-top: 150px
}

.cms-faq-container .cms-faq-content {
    margin-top: 50px;
    padding: 0px 24px;
    position: relative
}

.cms-faq-container .cms-faq-content .faq-que-ans {
    border-left: 1px solid #d9d9d9;
    padding: 0px;
    padding-right: 24px
}

.cms-faq-container .cms-faq-content .faq-que-ans .heading4 {
    font-size: 22px;
    line-height: 30px;
    color: #14142b
}

.cms-faq-container .cms-faq-content .faq-que-ans .content {
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #4e4b66;
    margin-bottom: 0px
}

.cms-faq-container .cms-faq-content .faq-que-ans .faq-vl {
    border-left: 3px solid #f44;
    height: 35px
}

.cms-faq-container .cms-faq-content .faq-que-ans .cms-trial-work-list {
    list-style-type: disc;
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #4e4b66;
    padding-left: 18px
}

.cms-faq-container .cms-faq-content .faq-que-ans .cms-trial-work-list li::marker {
    color: #f44
}

.cms-gradient-ellipse-3 {
    position: absolute;
    width: 300px;
    height: 175px;
    border-radius: 50%;
    background: linear-gradient(182.39deg, rgba(255, 165, 0, 0.2) 8.03%, rgba(255, 68, 68, 0.2) 127.52%);
    filter: blur(100px);
    border: 1px solid #000;
    top: -70px;
    right: 0;
    z-index: -1
}

.cms-schedule-demo {
    margin-top: 125px !important;
    margin-bottom: 125px !important
}

.privacy-policy-container {
    margin-top: 175px;
    margin-bottom: 150px;
    padding: 0px 24px
}

.privacy-policy-container .privacy-policy-title {
    margin-bottom: 30px
}

.privacy-policy-container .privacy-policy-title .heading1 {
    font-weight: 800;
    font-size: 48px;
    line-height: 65px;
    color: #14142b;
    position: relative
}

.privacy-policy-container .privacy-policy-title .heading1 .ul-sketch {
    top: 72%;
    left: 36%;
    z-index: -1;
    width: 155px
}

.privacy-policy-container .privacy-policy-main-content .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.privacy-policy-container .privacy-policy-main-content .content a {
    color: #f44;
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.privacy-policy-container .privacy-preamble .heading3 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px
}

.privacy-policy-container .privacy-preamble .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.privacy-policy-container .privacy-preamble .content .planb-mail {
    color: #f44;
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.privacy-policy-container .privacy-assurance .heading3 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px
}

.privacy-policy-container .privacy-assurance .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.privacy-policy-container .privacy-assurance .privacy-assurance-list {
    list-style-position: outside
}

.privacy-policy-container .privacy-assurance .privacy-assurance-list .privacy-assurance-list-item {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    padding-left: 12px;
    font-size: 16px;
    line-height: 28px;
    color: #4e4b66;
    position: relative;
    margin: 15px 16px
}

.privacy-policy-container .privacy-assurance .privacy-assurance-list .privacy-assurance-list-item::before {
    content: "";
    font-family: "Phosphor" !important;
    font-size: 18px;
    line-height: 28px;
    font-style: normal;
    font-variant: normal;
    color: #632468;
    text-transform: none;
    vertical-align: middle;
    position: absolute;
    left: -15px;
    -webkit-font-smoothing: antialiased
}

.privacy-policy-container .privacy-assurance .privacy-assurance-points {
    margin-inline:0px}

.privacy-policy-container .privacy-assurance .privacy-assurance-points .privacy-assurance-point-details {
    padding-right: 12px;
    padding-left: 12px
}

.privacy-policy-container .privacy-assurance .privacy-assurance-points .privacy-assurance-point-details ul,.privacy-policy-container .privacy-assurance .privacy-assurance-points .privacy-assurance-point-details ol {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #4e4b66
}

.privacy-policy-container .privacy-assurance .privacy-assurance-points .privacy-assurance-point-details table {
    color: #4e4b66
}

.privacy-policy-container .privacy-assurance .privacy-assurance-points .privacy-assurance-point-details table th,.privacy-policy-container .privacy-assurance .privacy-assurance-points .privacy-assurance-point-details table td {
    border: 1px solid #4e4b66;
    border-collapse: collapse;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    padding: 2px 6px
}

.privacy-policy-container .privacy-assurance .privacy-assurance-points .privacy-assurance-point-details .permission-table {
    max-width: 50%;
    color: #4e4b66
}

.privacy-policy-container .privacy-assurance .privacy-assurance-points .privacy-assurance-point-details .permission-table th,.privacy-policy-container .privacy-assurance .privacy-assurance-points .privacy-assurance-point-details .permission-table td {
    border: 1px solid #4e4b66;
    border-collapse: collapse;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    padding: 2px 6px;
    text-align: center
}

.privacy-policy-container .privacy-assurance .privacy-assurance-points .privacy-assurance-point-details .permission-table th:first-child,.privacy-policy-container .privacy-assurance .privacy-assurance-points .privacy-assurance-point-details .permission-table td:first-child {
    text-align: start
}

.privacy-policy-container .privacy-assurance .privacy-assurance-points .privacy-assurance-point-details .permission-table th .ph-check-circle,.privacy-policy-container .privacy-assurance .privacy-assurance-points .privacy-assurance-point-details .permission-table td .ph-check-circle {
    color: #632468;
    font-size: 24px
}

.privacy-policy-container .privacy-assurance .privacy-assurance-points .privacy-assurance-point-details .security-practices-list {
    padding-left: 18px;
    list-style-position: outside !important
}

.privacy-policy-container .privacy-assurance .privacy-assurance-points .privacy-assurance-point-details .security-practices-list .security-practices-list-item::marker {
    content: "";
    font-family: "Phosphor" !important;
    font-size: 17px;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    margin: 0px 5px;
    -webkit-font-smoothing: antialiased
}

.terms-of-services-container {
    margin-top: 175px;
    margin-bottom: 150px;
    padding: 0px 24px
}

.terms-of-services-container .terms-of-services-title {
    margin-bottom: 30px
}

.terms-of-services-container .terms-of-services-title .heading1 {
    font-weight: 800;
    font-size: 48px;
    line-height: 65px;
    color: #14142b;
    position: relative
}

.terms-of-services-container .terms-of-services-title .heading1 .ul-sketch {
    top: 72%;
    left: 53%;
    z-index: -1;
    width: 155px
}

.terms-of-services-container .terms-of-services-main-content .content {
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    font-weight: 500
}

.terms-of-services-container .heading3 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px
}

.terms-of-services-container .content {
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    font-weight: 500
}

.terms-of-services-container .property-licensor .heading3 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px
}

.terms-of-services-container .property-licensor .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.terms-of-services-container .property-licensor .property-licensor-list {
    list-style-position: outside;
    padding-left: 0px
}

.terms-of-services-container .property-licensor .property-licensor-list .property-licensor-list-item {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    padding-left: 12px;
    font-size: 16px;
    line-height: 28px;
    color: #4e4b66;
    position: relative;
    margin: 15px 16px
}

.terms-of-services-container .property-licensor .property-licensor-list .property-licensor-list-item::before {
    content: "";
    font-family: "Phosphor" !important;
    font-size: 18px;
    line-height: 28px;
    font-style: normal;
    font-variant: normal;
    color: #632468;
    text-transform: none;
    vertical-align: middle;
    position: absolute;
    left: -15px;
    -webkit-font-smoothing: antialiased
}

.terms-of-services-container .property-licensor .property-licensor-points {
    margin-inline:0px;padding-inline:0px}

.terms-of-services-container .property-licensor .property-licensor-points .property-licensor-point-details {
    padding-right: 12px;
    padding-left: 12px
}

.terms-of-services-container .property-licensor .property-licensor-points .property-licensor-point-details ul,.terms-of-services-container .property-licensor .property-licensor-points .property-licensor-point-details ol {
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #4e4b66
}

.terms-of-services-container .property-licensor .property-licensor-points .property-licensor-point-details table {
    color: #4e4b66
}

.terms-of-services-container .property-licensor .property-licensor-points .property-licensor-point-details table th,.terms-of-services-container .property-licensor .property-licensor-points .property-licensor-point-details table td {
    border: 1px solid #4e4b66;
    border-collapse: collapse;
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    padding: 2px 6px
}

.terms-of-services-container .property-licensor .property-licensor-points .property-licensor-point-details .permission-table {
    max-width: 50%;
    color: #4e4b66
}

.terms-of-services-container .property-licensor .property-licensor-points .property-licensor-point-details .permission-table th,.terms-of-services-container .property-licensor .property-licensor-points .property-licensor-point-details .permission-table td {
    border: 1px solid #4e4b66;
    border-collapse: collapse;
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    padding: 2px 6px;
    text-align: center
}

.terms-of-services-container .property-licensor .property-licensor-points .property-licensor-point-details .permission-table th:first-child,.terms-of-services-container .property-licensor .property-licensor-points .property-licensor-point-details .permission-table td:first-child {
    text-align: start
}

.terms-of-services-container .property-licensor .property-licensor-points .property-licensor-point-details .permission-table th .ph-check-circle,.terms-of-services-container .property-licensor .property-licensor-points .property-licensor-point-details .permission-table td .ph-check-circle {
    color: #632468;
    font-size: 24px
}

.terms-of-services-container .property-licensor .property-licensor-points .property-licensor-point-details .security-practices-list {
    padding-left: 18px;
    list-style-position: outside !important
}

.terms-of-services-container .property-licensor .property-licensor-points .property-licensor-point-details .security-practices-list .security-practices-list-item::marker {
    content: "";
    font-family: "Phosphor" !important;
    font-size: 17px;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    margin: 0px 5px;
    -webkit-font-smoothing: antialiased
}

.terms-of-services-container .terms-of-services-annexure .terms-of-services-annexure-details ol {
    font-family: "Manrope",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #4e4b66
}

.hero-section .hero-section-content .info-list li .heading4 {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-weight: 500
}

.hero-section .hero-section-content .info-list li .heading4 span {
    font-family: "Manrope",sans-serif;
    font-weight: 700;
    color: #f44
}

.control-followups {
    padding: 0px 24px;
    margin-top: 125px
}

.control-followups .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.business-type {
    margin: 200px 0px 200px
}

.business-type .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    max-width: 85%
}

.business-type .business-type-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.business-type .business-type-list .business-type-name {
    flex: 1 0 0;
    margin: 0;
    padding: 30px 15px;
    display: inline-block;
    background: #fff;
    box-shadow: 0 5px 35px rgba(0,0,0,.05);
    border-radius: 15px;
    text-align: center
}

.business-type .business-type-list .business-type-name .business-type-img img {
    margin: 0 0 20px;
    max-width: 75%;
    height: auto
}

.business-type .business-type-list .business-type-name .business-type-title {
    font-family: "Manrope",sans-serif;
    font-weight: 700;
    color: #4e4b66
}

.useful-for-section {
    margin-top: 100px
}

.useful-for-section .content {
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.useful-for-section .useful-for-card {
    margin: 0;
    padding: 40px 30px;
    background: #fff;
    box-shadow: 0px 12px 35px rgba(0,0,0,.1);
    border-radius: 20px
}

.useful-for-section .useful-for-card .useful-for-card-header .useful-for-card-img img {
    width: 90px;
    height: auto
}

.useful-for-section .useful-for-card .useful-for-card-header .useful-for-card-title .heading4 {
    font-size: 20px;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    color: #4e4b66
}

.useful-for-section .useful-for-card .useful-for-card-body .useful-for-card-list {
    list-style-position: outside;
    padding-left: 0px
}

.useful-for-section .useful-for-card .useful-for-card-body .useful-for-card-list .useful-for-card-list-item {
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    padding-left: 12px;
    font-size: 18px;
    line-height: 30px;
    color: #4e4b66;
    position: relative;
    margin: 15px 0px 15px 16px
}

.useful-for-section .useful-for-card .useful-for-card-body .useful-for-card-list .useful-for-card-list-item::before {
    content: "";
    font-family: "Phosphor" !important;
    font-size: 18px;
    line-height: 28px;
    font-style: normal;
    font-variant: normal;
    color: #632468;
    text-transform: none;
    vertical-align: middle;
    position: absolute;
    left: -15px;
    -webkit-font-smoothing: antialiased
}

.schedule-demo.telecalling-schedule-demo {
    margin-top: 125px !important;
    margin-bottom: 125px !important
}

.schedule-demo.telecalling-schedule-demo .heading2 {
    font-size: 30px;
    line-height: 44px
}

.schedule-demo.telecalling-schedule-demo .heading3 {
    font-size: 24px;
    line-height: 32px
}

.affiliate-steps-wrapper {
    margin-top: 150px
}

.affiliate-steps-wrapper .heading2 {
    width: 75%;
    margin: auto
}

.affiliate-steps-wrapper .steps-wrapper .steps-box {
    position: relative
}

.affiliate-steps-wrapper .steps-wrapper .steps-box .steps-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 4px 15px 0px rgba(0,0,0,.1)
}

.affiliate-steps-wrapper .steps-wrapper .steps-box .bullet-numbering {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 20px;
    background: #fff;
    border: 1px solid #632468;
    color: #14142b;
    box-shadow: 0px 0px 15px rgba(0,0,0,.15);
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15))
}

.affiliate-steps-wrapper .steps-wrapper .steps-content .step-heading .heading4 {
    font-family: "Manrope",sans-serif;
    font-weight: 700;
    font-size: 23px
}

.affiliate-steps-wrapper .steps-wrapper .steps-content .step-text {
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

.about-planb-wrapper.referral-about-planb-wrapper .about-planb {
    margin-top: 100px
}

.schedule-demo .primary-btn.fs-small {
    font-size: 24px;
    line-height: 32px
}

#scheduleDemoModal .modal-dialog .modal-content .modal-header {
    position: relative;
    padding-top: 40px
}

#scheduleDemoModal .modal-dialog .modal-content .modal-header .modal-title.heading1 {
    font-size: 42px;
    line-height: 48px
}

#scheduleDemoModal .modal-dialog .modal-content .modal-header .modal-title.heading1 .ul-sketch-bg .ul-sketch {
    left: 0;
    top: 98%;
    transform: translate(0, -50%);
    max-width: 100%
}

#scheduleDemoModal .modal-dialog .modal-content .modal-header .btn-close {
    position: absolute;
    top: 16px;
    right: 16px
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form {
    padding: 20px 25px 0px
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form label.error {
    font-family: "Manrope",sans-serif;
    font-weight: 400;
    font-weight: 400;
    color: #d20013;
    font-size: 13px;
    position: absolute;
    left: 10px
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form input,#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form select,#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form textarea {
    max-width: 100%;
    height: 50px;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500 !important;
    color: #4e4b66;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding-left: 20px
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form input ::placeholder,#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form select ::placeholder,#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form textarea ::placeholder {
    font-size: 15px;
    color: #4e4b66;
    opacity: 1 !important
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form input:focus,#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form select:focus,#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form textarea:focus {
    border-color: rgba(255,165,0,.5);
    box-shadow: 0 0 5px rgba(255,165,0,.75) !important;
    transition: border-color 500ms ease,box-shadow 500ms ease
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .form-select {
    cursor: pointer;
    color: #4e4b66
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form textarea {
    height: auto;
    resize: none;
    padding: 16px 20px
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .primary-btn {
    font-size: 15px;
    font-family: "Manrope",sans-serif;
    font-weight: 500
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form span.phone-number-error {
    font-family: "Manrope",sans-serif !important;
    font-weight: 400 !important;
    color: #d20013 !important;
    font-size: 13px !important;
    position: absolute !important;
    top: 100% !important;
    left: 10px !important
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .form-submit-alert {
    position: fixed;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: 40%;
    border: 1px solid #ffdfa4;
    background-color: #fff9ef;
    border-radius: 10px;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    z-index: 1;
    animation-name: alertmsg;
    animation-duration: .4s;
    animation-timing-function: linear
}

@keyframes alertmsg {
    from {
        left: 0%
    }

    to {
        left: 50%
    }
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .form-submit-alert.form-submit-alert-danger {
    display: none;
    border: 1px solid #2f2f39;
    background-color: #2f2f39;
    color: #fff
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .form-submit-alert.form-submit-alert-danger .alert-text-icon .ph-x-circle {
    font-size: 24px;
    color: #f44
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .form-submit-alert.form-submit-alert-danger .alert-text {
    line-height: 24px
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .form-submit-alert.form-submit-alert-success {
    display: none;
    border: 1px solid #2f2f39;
    background-color: #2f2f39;
    color: #fff
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .form-submit-alert.form-submit-alert-success .alert-text-icon .ph-check-circle {
    font-size: 36px;
    color: #632468
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .form-submit-alert.form-submit-alert-success .alert-text {
    line-height: 24px
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .form-submit-alert .btn-close {
    background: none
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .form-submit-alert .btn-close:focus {
    box-shadow: none
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .form-submit-alert .btn-close .ph-x {
    font-size: 1.5em;
    position: absolute;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    right: 6px
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form #mobile_code {
    padding-left: 85px !important
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .iti {
    width: 100%
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container {
    padding-left: 15px
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
    background-color: rgba(0,0,0,0)
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag::before {
    content: "";
    font-family: "Phosphor" !important;
    color: #4e4b66;
    font-weight: 500 !important;
    font-style: normal;
    margin: 0px 0px 0px 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag::after {
    content: "|";
    font-family: "FontAwesome";
    color: #dfdfdf;
    font-size: 25px;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 50px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag .iti__flag.iti__in {
    padding-right: 15px
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag .iti__selected-dial-code {
    display: none
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag .iti__arrow {
    display: none
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list {
    max-width: 342px;
    border: 0px;
    border-radius: 10px;
    box-shadow: 0px 4px 15px rgba(0,0,0,.15);
    margin-top: 10px;
    left: 0%
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list::-webkit-scrollbar {
    display: none
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list .iti__country {
    font-family: "Manrope",sans-serif;
    font-weight: 400
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list .iti__country.iti__preferred {
    display: none
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list .iti__country .iti__flag-box {
    padding: 0px 20px
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list .iti__country .iti__country-name {
    padding-left: 15px
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__country-list .iti__divider {
    display: none
}

#scheduleDemoModal .modal-dialog .modal-content .modal-body #scheduleDemoModalForm.schedule-demo-form .intl-tel-input {
    width: 100%
}

#scheduleDemoModal .modal-dialog .modal-content .modal-footer {
    padding-top: 0px;
    padding-bottom: 36px
}

.error-page-container {
    margin-top: 150px;
    margin-bottom: 50px;
    padding: 0px 24px
}

.error-page-container .error-page-main .heading1 {
    display: inline-block
}

.error-page-container .error-page-main .heading1 .ul-sketch {
    max-width: 140px;
    top: 75%;
    right: -8%;
    z-index: -1
}

.error-page-container .error-page-main .content {
    color: #4e4b66;
    font-family: "Manrope",sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px
}

/*# sourceMappingURL=style.css.map */