/* legacy-slim.css: generated from global.css, newMainIndex.css and icomoon.css by css-slim.mjs — only the rules the
   home-v2 pages were measured to use (all pages, phone + desktop, modal / form / toast states). The full files still
   load non-blocking afterwards as a fallback for anything unmeasured. Regenerate instead of editing by hand. */

/* base state of the login/signup modals: hidden until opened (prevents the layout shift measured in CLS) */
.modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; overflow: hidden; }
.modal.show, .modal[style*="display: block"] { display: block; }
/* ---- from /landing/css/new/global.css ---- */
:root {
    /* --primary-font: "Onest", sans-serif; */
    --primary-font: 'Roboto', sans-serif;

    --primary-color: rgba(234, 86, 67, 1);
    --heading-color: rgba(0, 0, 0, 1);
    --content-color: rgba(0, 0, 0, 1);
    --link-color: rgba(234, 86, 67, 1);

    --btn-primary-bg-color: rgba(255, 0, 0, 1);
    --btn-primary-bg-color-hover: #d10000;

    --bg-grey-dark: rgba(255, 233, 230, 1);
    --bg-grey: rgba(245, 245, 245, 1);

    --header-height: 65px;
    --header-main-y-space: 7px;
}
*, ::after, ::before {
  box-sizing: border-box;
}
body::-webkit-scrollbar{
    border-radius: 10px;
    width: 8px;
    background-color: #dddddd;
}
body::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background: #ea5643;
}
.container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}
.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
table {
        width: 100%;
        margin-bottom: 1rem;
        color: #212529;
        border-collapse: collapse;
    }
th,
    td {
        padding: 10px;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }
thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
        background-color: #f8f9fa;
    }
tbody tr:nth-child(even) {
        background-color: #f2f2f2;
    }
body.modal-open,
    html.modal-open {
        overflow: hidden;
        height: 100%;
    }
.modal {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1050;
        overflow: hidden;
        outline: 0;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        background-color: rgba(0, 0, 0, 0);
        transition: opacity 0.3s ease, background-color 0.3s ease, visibility 0.3s ease;
    }
.modal.fade.show {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        background-color: rgba(0, 0, 0, 0.5);
    }
.modal-dialog {
        position: relative;
        width: auto;
        margin: 1.75rem auto;
        max-width: 500px;
        width: 90%;
        pointer-events: none;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }
.modal.fade.show .modal-dialog {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
    }
.modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        background-color: #fff;
        background-clip: padding-box;
        border-radius: 0.5rem;
        outline: 0;
        transform: translateY(-30px);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
        overflow: hidden;
    }
.modal.fade.show .modal-content {
        transform: translateY(0);
        opacity: 1;
    }
.modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 1rem;
        overflow-y: auto;
    }
.modal-xl {
        max-width: 1040px;
    }
.modal-dialog-centered {
        display: flex;
        align-items: center;
        min-height: calc(100% - 1rem);
    }
.modal-dialog-scrollable {
        display: flex;
        flex-direction: column;
        max-height: calc(100% - 1rem);
    }
.modal-dialog-scrollable .modal-content {
        display: flex;
        flex-direction: column;
        max-height: 100%;
        overflow: hidden;
    }
.modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }
.modal-dialog-scrollable.modal-dialog-centered {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100%;
    }
.modal-dialog-scrollable.modal-dialog-centered .modal-content {
        display: flex;
        flex-direction: column;
        max-height: 100%;
        overflow: hidden;
    }
.modal-dialog-scrollable.modal-dialog-centered .modal-body {
        overflow-y: auto;
    }
.form-group {
        margin-bottom: 1rem;
        position: relative;
    }
.form-group .error {
        position: absolute;
        bottom: -18px;
        left: 0;
        color: var(--primary-color);
        font-size: 12px;
        font-weight: 500;
        font-style: normal;
    }
.icon-input-group .error {
        bottom: -15px;
    }
label {
        display: inline-block;
        margin-bottom: 0.5rem;
        font-weight: 500;
    }
.form-control {
        display: block;
        width: 100%;
        padding: 0.375rem 0.75rem;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        height: 45px;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        appearance: none;
        border-radius: 0.375rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
.form-control::placeholder {
        color: #6c757d;
        opacity: 1;
    }
textarea.form-control {
        min-height: 100px;
        resize: vertical;
        height: auto;
    }
.form-check {
        position: relative;
        user-select: none;
    }
.check-label {
        cursor: pointer;
        padding-left: 30px;
        line-height: normal;
        display: block;
        width: 100%;
    }
.form-check input[type="checkbox"],
    .form-check input[type="radio"] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
.form-check .checkmark {
        position: absolute;
        left: 0;
        top: 0px;
        height: 20px;
        width: 20px;
        background-color: #fff;
        border: 1.5px solid #adb5bd;
        border-radius: 0rem;
        transition: all 0.2s ease;
        box-sizing: border-box;
        cursor: pointer;
    }
.form-check-label {
        margin-bottom: 5px;
        display: block;
        line-height: normal;
        font-weight: 400;
    }
.icon-input-group {
        position: relative;
    }
.icon-input-group .text {
        position: absolute;
        left: 0;
        height: 100%;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #ced4da;
    }
.icon-input-group .form-control {
        padding-left: 55px;
    }
html, body {overflow-x: hidden;}
html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
    abbr, acronym, address, big, cite, code, del, dfn,
    em, font, img, ins, kbd, q, s, samp, small, strike,
    strong, sub, sup, tt, var, b, u, i, center, dl, dt,
    dd, ol, ul, li, fieldset, form, label, legend {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }
html {
        width: 100%;
        -webkit-overflow-style: scrollbar;
        -khtml-overflow-style: scrollbar;
        -moz-overflow-style: scrollbar;
        -ms-overflow-style: scrollbar;
        -o-overflow-style: scrollbar;
        overflow: scrollbar;
    }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        color: var(--heading-color);
        font-family: var(--primary-font);
        margin: 0;
    }
body, p {
        font-size: 16px;
        line-height: 20px;
        color: var(--content-color);
        font-family: var(--primary-font);
        line-height: 1.42857143;
        margin: 0px;
    }
body p + p {
        margin-top: 15px;
    }
a, a:hover, a:focus {
        text-decoration: none;
        transition: all 0.3s;
        color: var(--primary-color);
    }
ol, ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
* {
        font-family: var(--primary-font);
    }
img {
        display: block;
        max-width: 100%;
    }
.full-width {
        width: 100%;
    }
.btn {
        cursor: pointer;
        padding: 10px 16px;
        border-radius: 6px;
        border: 1px solid;
        transition: all 0.3s;
        font-weight: 500;
        position: relative;
        font-size: 20px;
        display: inline-block;
        text-align: center;
    }
.btn.btn-primary {
        background-color: var(--btn-primary-bg-color);
        color: #fff;
        border-color: var(--btn-primary-bg-color);
    }
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
@media (min-width:576px) {
.container {
            max-width: 540px
        }
.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
}
@media (min-width:768px) {
.container {
            max-width: 720px
        }
.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media (min-width:992px) {
.container {
            max-width: 960px
        }
}
@media (min-width:1200px) {
.container {
            max-width: 1140px
        }
}
@media (max-width: 768px) {
.modal-dialog-scrollable.modal-dialog-centered {
            /* align-items: flex-start; */
            justify-content: flex-start;
            padding-top: 1rem;
        }
}
@media (min-width: 1260px) {
.container {
            max-width: 1240px;
        }
}
@media (max-width: 991.98px) {
.btn {
            font-size: 16px;
        }
}
@media (min-width: 1199.98px) {
.hidden-xl {display: none !important;}
}
@media (max-width: 575.98px) {
.hidden-xs {display: none !important;}
}

/* ---- from /landing/css/new/newMainIndex.css ---- */
.title-form-group .title {
        display: block;
        font-size: 25px;
        font-weight: 700;
    }
.faq-list+.faq-list {
        border-top: 2px solid rgba(229, 224, 219, 1);
    }
.faq-list .faq-head {
        padding: 25px 20px 25px 0px;
        cursor: pointer;
        position: relative;
    }
.faq-head::before,
    .faq-head::after {
        content: '';
        position: absolute;
        width: 18px;
        height: 2px;
        background-color: var(--primary-color);
        border-radius: 10px;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
        transition: 0.2s ease;
    }
.faq-head::after {
        transform: translateY(-50%) rotate(90deg);
    }
.faq-head.active::after {
        opacity: 0;
    }
.faq-list .faq-head .title {
        font-size: 24px;
        line-height: 1.4;
        font-weight: 500;
    }
.faq-list .faq-body {
        padding: 0 0 25px;
        display: none;
    }
.faq-list .faq-body :is(p, li, td, th) {
        color: rgba(76, 76, 76, 1);
    }
.faq-list .faq-body a {
        color: var(--content-color);
    }
.footer-main {
        background-color: rgba(255, 231, 228, 1);
        padding: 50px 0px;
        background: linear-gradient(180deg, #400B04 19.8%, #1A0502 100%);
    }
.footer-main a {
        color: #fff;
    }
.ft-widget .ft-title {
        position: relative;
        font-size: 20px;
        line-height: 36px;
        padding-bottom: 15px;
        margin-bottom: 15px;
        display: block;
        color: #fff;
    }
.ft-widget .ft-title::before {
        content: '';
        width: 100px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
.ft-widget .ft-nav li a {
        font-size: 16px;
        font-weight: 400;
        line-height: 36px;
    }
.ft-widget .ft-nav li+li {
        margin-top: 5px;
    }
.ft-widget .ft-logo-box {
        max-width: 180px;
        display: block;
    }
.ft-widget .icn-link-block {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 16px;
        margin-top: 20px;
    }
.ft-widget .icn-link-block .icon {
        display: flex;
    }
.ft-widget .icn-link-block .icon svg {
        width: 25px;
        height: 25px;
    }
.ft-widget .social-link-block {
        margin-top: 30px;
    }
.ft-widget .social-link-block a {
        opacity: 0.5;
    }
.ft-widget .social-link-block .title {
        display: block;
        font-size: 18px;
        line-height: 26px;
        color: #fff;
        margin-bottom: 10px;
    }
.ft-widget .social-link-block ul {
        display: flex;
        align-items: center;
        gap: 25px;
        font-size: 24px;
    }
.meta-business-block {
        display: block;
        max-width: 120px;
        margin-top: 30px;
    }
.copyright-text {
        padding: 50px 0 0;
        font-size: 14px;
        font-weight: 300;
        text-align: center;
        color: #fff;
        opacity: 1;
    }
.copyright-text a {
        font-weight: 500;
    }
.ft-faq-main {
        border-radius: 0px;
        padding: 0;
        padding-top: 25px;
        margin-top: 25px;
        border-top: 1px solid #fff;
    }
.ft-faq-main .ft-faq-title {
        font-size: 24px;
        display: block;
        text-align: center;
        color: #fff;
        font-weight: 600;
        margin-bottom: 20px;
    }
.ft-faq-main .faq-list .faq-head {
        padding: 15px 0px 15px 0px;
        cursor: auto;
        /* background: #fff; */
    }
.ft-faq-main .faq-head::before,
    .ft-faq-main .faq-head::after {
        opacity: 0;
    }
.ft-faq-main .faq-list .faq-head .title {
        color: #a2a2a2;
        font-size: 18px;
        font-weight: 500;
    }
.ft-faq-main .faq-list+.faq-list {
        border-top: 0px solid rgba(229, 224, 219, 1);
    }
.ft-faq-main .faq-list .faq-body {
        padding: 0px 0px 20px;
        /* background: #fff; */
        /* border-top: 1px solid rgba(229, 224, 219, 1); */
        display: block !important;
    }
.ft-faq-main .faq-list .faq-body :is(p, li, td, th, a) {
        color: #a2a2a2;
    }
.modal .btn-close {
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: 30px;
        color: var(--primary-color);
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
.loginSignupModal .modal-body {
        padding: 0;
    }
.loginSignupModal-grid {
        display: flex;
        flex-wrap: wrap;
    }
.loginSignupModal-grid :is(.form-block, .image-block) {
        width: 50%;
    }
.loginSignupModal-grid.fullformModal-grid :is(.form-block, .image-block) {
        width: 100%;
    }
.loginSignupModal-grid .image-block {
        background-color: var(--primary-color);
        background-image: url(../../new/bulk-sms-service-provider-4.webp);
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
.loginSignupModal-grid .form-block {
        height: 600px;
        overflow-y: auto;
    }
.loginSignup-box {
        padding: 50px;
        display: none;
    }
.loginSignup-box.requirement-box {
        padding: 40px 50px 20px;
    }
.loginSignup-box a {
        color: var(--primary-color);
    }
.loginSignupModal-grid .btn-group {
        margin-bottom: 0;
        padding: 0 0 20px 0;
    }
.icon-input-group {
        position: relative;
        display: flex;
        align-items: stretch;
    }
.icon-input-group .text {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 700;
        color: #555;
        border-right: 1px solid #e5e5e5;
        pointer-events: none;
        z-index: 5;
    }
.icon-input-group .form-control {
        padding-left: 65px !important;
        width: 100%;
    }
@keyframes menuopen {
        0% {
            transform: translate(0%, 50px);
        }

        100% {
            transform: translate(0%, 0px);
        }
    }
@-webkit-keyframes fadeEffect {
        from {
            opacity: 0;
        }

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

        to {
            opacity: 1;
        }
    }
@media (max-width: 767.98px) {
.title-form-group .title {
            font-size: 22px;
        }
.footer-main .row {
            row-gap: 30px;
        }
.ft-faq-main {
            margin-top: 20px;
        }
.copyright-text {
            padding-top: 20px;
        }
.ft-widget .icn-link-block {
            margin-top: 50px;
        }
.ft-widget .social-link-block {
            margin-top: 30px;
        }
.loginSignup-box {
            padding: 20px;
        }
}
@media (max-width: 991.98px) {
.faq-list .faq-head {
            padding: 20px 20px 20px 0px;
        }
.faq-list .faq-head .title {
            font-size: 20px;
        }
.loginSignupModal-grid .image-block {
            display: none;
        }
.loginSignupModal-grid .form-block {
            height: auto;
            width: 100%;
        }
.loginSignup-box {
            padding: 30px;
        }
.loginSignupModal .title-form-group .title {
            width: calc(100% - 10px);
        }
.modal .btn-close {
            /* box-shadow: 0 0 1.25rem rgb(31 45 61 / 31%); */
            border-radius: 50%;
            width: 30px;
            height: 30px;
            font-size: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            right: 10px;
            top: 36px;
            background-color: rgb(255 255 255);
            color: rgba(0, 0, 0, 1);
            z-index: 1;
        }
}
@media (max-width: 575.98px) {
.faq-list .faq-head .title {
            font-size: 18px;
        }
.ft-widget .icn-link-block {
            margin-top: 30px;
        }
.footer-main .row {
            row-gap: 20px;
        }
}
@media (min-width: 767.99px) {
.footer-main .row> :is([class*=col-]:nth-child(1), [class*=col-]:nth-child(2), [class*=col-]:nth-child(3)) {
            max-width: 22%;
            flex: 0 0 22%;
            -ms-flex: 0 0 22%;
        }
.footer-main .row>[class*=col-]:nth-child(4) {
            max-width: 33%;
            flex: 0 0 33%;
            -ms-flex: 0 0 33%;
        }
}
@media (min-width: 991.99px) {
.footer-main .row>[class*=col-]:nth-child(1) {
            max-width: 25%;
            flex: 0 0 25%;
            -ms-flex: 0 0 25%;
        }
.footer-main .row>[class*=col-]:nth-child(2) {
            max-width: 24%;
            flex: 0 0 24%;
            -ms-flex: 0 0 24%;
        }
.footer-main .row>[class*=col-]:nth-child(3) {
            max-width: 26%;
            flex: 0 0 26%;
            -ms-flex: 0 0 26%;
        }
.footer-main .row>[class*=col-]:nth-child(4) {
            max-width: 25%;
            flex: 0 0 25%;
            -ms-flex: 0 0 25%;
        }
}
@media (min-width: 1199.99px) {
.footer-main .row>[class*=col-]:nth-child(1) {
            max-width: 29%;
            flex: 0 0 29%;
            -ms-flex: 0 0 29%;
        }
.footer-main .row>[class*=col-]:nth-child(2) {
            max-width: 24%;
            flex: 0 0 24%;
            -ms-flex: 0 0 24%;
        }
.footer-main .row>[class*=col-]:nth-child(3) {
            max-width: 26%;
            flex: 0 0 26%;
            -ms-flex: 0 0 26%;
        }
.footer-main .row>[class*=col-]:nth-child(4) {
            max-width: 21%;
            flex: 0 0 21%;
            -ms-flex: 0 0 21%;
        }
}

/* ---- from /landing/css/new/icomoon.css ---- */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'icomoon';
  src:  url('../../icomoon/icomoon.eot?qtta6h');
  src:  url('../../icomoon/icomoon.eot?qtta6h#iefix') format('embedded-opentype'),
    url('../../icomoon/icomoon.ttf?qtta6h') format('truetype'),
    url('../../icomoon/icomoon.woff?qtta6h') format('woff'),
    url('../../icomoon/icomoon.svg?qtta6h#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}