/*============================================================
                      <> Main Styles </>
============================================================*/

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 0;
}

ul {
    padding: 0;
    list-style: none;
}


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

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 40px;
    line-height: 33px;
}

/*h3 {
  font-size: 21px;
}*/

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 15px;
}

p {
    font-size: 19px;
    font-family: "FS Elliot Pro";
}

    p a:hover {
        text-decoration: underline;
    }

time {
    display: block;
    font-weight: 700;
}

a {
    font: inherit;
    color: inherit;
    text-decoration: none;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    /* a:active {
  background: transparent;
} */

    a:focus {
        outline: none;
    }

    a[href^="tel:"] {
        color: #ffffff;
        text-decoration: none;
    }

strong {
    font-weight: 700;
}

.fa {
    line-height: inherit;
}

[class*="fa-"]:before {
    font-weight: 400;
    font-family: "FontAwesome";
}

.page {
    overflow: hidden;
    min-height: 500px;
}

.lt-ie9 .page {
    min-width: 1200px;
}

/*=======================================================
                       Main Layout
=========================================================*/
/* FS Elliot Pro Font Imports */

@font-face {
    font-family: "FS Elliot Pro";
    src: url("../font/fs-elliot/FSElliotPro.eot");
    src: url("../font/fs-elliot/FSElliotPro.eot?#iefix") format("embedded-opentype"), url("../font/fs-elliot/FSElliotPro.woff2") format("woff2"), url("../font/fs-elliot/FSElliotPro.woff") format("woff"), url("../font/fs-elliot/FSElliotPro.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "FS Elliot Pro";
    src: url("../font/fs-elliot/FSElliotPro-Bold.eot");
    src: url("../font/fs-elliot/FSElliotPro-Bold.eot?#iefix") format("embedded-opentype"), url("../font/fs-elliot/FSElliotPro-Bold.woff2") format("woff2"), url("../font/fs-elliot/FSElliotPro-Bold.woff") format("woff"), url("../font/fs-elliot/FSElliotPro-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "FS Elliot Pro";
    src: url("../font/fs-elliot/FSElliotPro-BoldItalic.eot");
    src: url("../font/fs-elliot/FSElliotPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/fs-elliot/FSElliotPro-BoldItalic.woff2") format("woff2"), url("../font/fs-elliot/FSElliotPro-BoldItalic.woff") format("woff"), url("../font/fs-elliot/FSElliotPro-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "FS Elliot Pro";
    src: url("../font/fs-elliot/FSElliotPro-Heavy.eot");
    src: url("../font/fs-elliot/FSElliotPro-Heavy.eot?#iefix") format("embedded-opentype"), url("../font/fs-elliot/FSElliotPro-Heavy.woff2") format("woff2"), url("../font/fs-elliot/FSElliotPro-Heavy.woff") format("woff"), url("../font/fs-elliot/FSElliotPro-Heavy.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "FS Elliot Pro";
    src: url("../font/fs-elliot/FSElliotPro-HeavyItalic.eot");
    src: url("../font/fs-elliot/FSElliotPro-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("../font/fs-elliot/FSElliotPro-HeavyItalic.woff2") format("woff2"), url("../font/fs-elliot/FSElliotPro-HeavyItalic.woff") format("woff"), url("../font/fs-elliot/FSElliotPro-HeavyItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "FS Elliot Pro";
    src: url("../font/fs-elliot/FSElliotPro-Italic.eot");
    src: url("../font/fs-elliot/FSElliotPro-Italic.eot?#iefix") format("embedded-opentype"), url("../font/fs-elliot/FSElliotPro-Italic.woff2") format("woff2"), url("../font/fs-elliot/FSElliotPro-Italic.woff") format("woff"), url("../font/fs-elliot/FSElliotPro-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "FS Elliot Pro";
    src: url("../font/fs-elliot/FSElliotPro-Light.eot");
    src: url("../font/fs-elliot/FSElliotPro-Light.eot?#iefix") format("embedded-opentype"), url("../font/fs-elliot/FSElliotPro-Light.woff2") format("woff2"), url("../font/fs-elliot/FSElliotPro-Light.woff") format("woff"), url("../font/fs-elliot/FSElliotPro-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "FS Elliot Pro";
    src: url("../font/fs-elliot/FSElliotPro-LightItalic.eot");
    src: url("../font/fs-elliot/FSElliotPro-LightItalic.eot?#iefix") format("embedded-opentype"), url("../font/fs-elliot/FSElliotPro-LightItalic.woff2") format("woff2"), url("../font/fs-elliot/FSElliotPro-LightItalic.woff") format("woff"), url("../font/fs-elliot/FSElliotPro-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "FS Elliot Pro";
    src: url("../font/fs-elliot/FSElliotPro-Thin.eot");
    src: url("../font/fs-elliot/FSElliotPro-Thin.eot?#iefix") format("embedded-opentype"), url("../font/fs-elliot/FSElliotPro-Thin.woff2") format("woff2"), url("../font/fs-elliot/FSElliotPro-Thin.woff") format("woff"), url("../font/fs-elliot/FSElliotPro-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "FS Elliot Pro";
    src: url("../font/fs-elliot/FSElliotPro-ThinItalic.eot");
    src: url("../font/fs-elliot/FSElliotPro-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../font/fs-elliot/FSElliotPro-ThinItalic.woff2") format("woff2"), url("../font/fs-elliot/FSElliotPro-ThinItalic.woff") format("woff"), url("../font/fs-elliot/FSElliotPro-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.banner-image-container {
    position: relative;
    padding-bottom: 30px;
}

.banner-plant {
    width: 24%;
    position: absolute;
    bottom: 0;
    left: 70px;
    z-index: 3;
}

    .banner-plant img.plant-image {
        position: relative;
        z-index: 10;
        transform: translate(0px, 40px);
    }

.banner-mobile {
    width: 55%;
    position: absolute;
    bottom: 0;
    right: 15%;
    opacity: 0.6;
    z-index: 10;
    transform: translate(70px, 0px);
}

.banner-bell {
    position: absolute;
    left: 0;
    top: -27px;
    width: 60px;
}

.banner-arrow {
    position: absolute;
    right: 60px;
    bottom: 70%;
    width: 263px;
    z-index: 2;
    opacity: 0;
}

.banner-bg {
    transform: scale(0.6);
}

/* Bell */

.bell {
    -webkit-animation: ring 4s 0.7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s 0.7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s 0.7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0);
    }

    1% {
        -webkit-transform: rotateZ(30deg);
    }

    3% {
        -webkit-transform: rotateZ(-28deg);
    }

    5% {
        -webkit-transform: rotateZ(34deg);
    }

    7% {
        -webkit-transform: rotateZ(-32deg);
    }

    9% {
        -webkit-transform: rotateZ(30deg);
    }

    11% {
        -webkit-transform: rotateZ(-28deg);
    }

    13% {
        -webkit-transform: rotateZ(26deg);
    }

    15% {
        -webkit-transform: rotateZ(-24deg);
    }

    17% {
        -webkit-transform: rotateZ(22deg);
    }

    19% {
        -webkit-transform: rotateZ(-20deg);
    }

    21% {
        -webkit-transform: rotateZ(18deg);
    }

    23% {
        -webkit-transform: rotateZ(-16deg);
    }

    25% {
        -webkit-transform: rotateZ(14deg);
    }

    27% {
        -webkit-transform: rotateZ(-12deg);
    }

    29% {
        -webkit-transform: rotateZ(10deg);
    }

    31% {
        -webkit-transform: rotateZ(-8deg);
    }

    33% {
        -webkit-transform: rotateZ(6deg);
    }

    35% {
        -webkit-transform: rotateZ(-4deg);
    }

    37% {
        -webkit-transform: rotateZ(2deg);
    }

    39% {
        -webkit-transform: rotateZ(-1deg);
    }

    41% {
        -webkit-transform: rotateZ(1deg);
    }

    43% {
        -webkit-transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(0);
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0);
    }

    1% {
        -moz-transform: rotate(30deg);
    }

    3% {
        -moz-transform: rotate(-28deg);
    }

    5% {
        -moz-transform: rotate(34deg);
    }

    7% {
        -moz-transform: rotate(-32deg);
    }

    9% {
        -moz-transform: rotate(30deg);
    }

    11% {
        -moz-transform: rotate(-28deg);
    }

    13% {
        -moz-transform: rotate(26deg);
    }

    15% {
        -moz-transform: rotate(-24deg);
    }

    17% {
        -moz-transform: rotate(22deg);
    }

    19% {
        -moz-transform: rotate(-20deg);
    }

    21% {
        -moz-transform: rotate(18deg);
    }

    23% {
        -moz-transform: rotate(-16deg);
    }

    25% {
        -moz-transform: rotate(14deg);
    }

    27% {
        -moz-transform: rotate(-12deg);
    }

    29% {
        -moz-transform: rotate(10deg);
    }

    31% {
        -moz-transform: rotate(-8deg);
    }

    33% {
        -moz-transform: rotate(6deg);
    }

    35% {
        -moz-transform: rotate(-4deg);
    }

    37% {
        -moz-transform: rotate(2deg);
    }

    39% {
        -moz-transform: rotate(-1deg);
    }

    41% {
        -moz-transform: rotate(1deg);
    }

    43% {
        -moz-transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(0);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }

    1% {
        transform: rotate(30deg);
    }

    3% {
        transform: rotate(-28deg);
    }

    5% {
        transform: rotate(34deg);
    }

    7% {
        transform: rotate(-32deg);
    }

    9% {
        transform: rotate(30deg);
    }

    11% {
        transform: rotate(-28deg);
    }

    13% {
        transform: rotate(26deg);
    }

    15% {
        transform: rotate(-24deg);
    }

    17% {
        transform: rotate(22deg);
    }

    19% {
        transform: rotate(-20deg);
    }

    21% {
        transform: rotate(18deg);
    }

    23% {
        transform: rotate(-16deg);
    }

    25% {
        transform: rotate(14deg);
    }

    27% {
        transform: rotate(-12deg);
    }

    29% {
        transform: rotate(10deg);
    }

    31% {
        transform: rotate(-8deg);
    }

    33% {
        transform: rotate(6deg);
    }

    35% {
        transform: rotate(-4deg);
    }

    37% {
        transform: rotate(2deg);
    }

    39% {
        transform: rotate(-1deg);
    }

    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}

/* Bell Ends */

svg text {
    font-family: "Trebuchet MS", sans-serif;
}

.banner-whatsapp,
.banner-gmail,
.banner-message {
    opacity: 0;
}

    .banner-whatsapp.animation-start {
        animation-name: bannerAnimation1;
        animation-duration: 1s;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        animation-delay: 1s;
    }

/* .banner-gmail{
  animation-name: bannerAnimation2;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 2s;
}

.banner-message{
  animation-name: bannerAnimation3;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 3s;
} */

@keyframes bannerAnimation1 {
    10% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }
}

@keyframes bannerAnimation2 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes bannerAnimation3 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.start-screen {
    width: 100%;
    /* float: left; */
}

.header-section .container-fluid,
.banner-section .container-fluid {
    padding: 0px 60px;
    background: #fff;
}

/* =========================
   LOGO
========================= */

.logo {
    width: 240px;
    display: flex;
    align-items: center;
    position: relative;
}

    .logo a {
        position: relative;
        display: block;
        width: 100%;
    }

        .logo a span {
            position: absolute;
            bottom: 10px;
            right: 0;
            width: 100%;
            font-size: 13px;
            color: #868686;
            font-family: "Roboto", sans-serif;
            font-weight: 400;
            text-align: right;
        }

    .logo img {
        width: 100%;
        max-width: 200px;
        height: auto;
        padding: 19px 0;
        min-height: auto;
        position: relative;
        transition: all 0.4s ease;
    }

    .logo:hover img {
        transform: scale(1.03);
    }

/* =========================
   HEADER
========================= */

.header-section {
    width: 100%;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 8px 30px rgba(0,0,0,0.05);
    transition: all 0.4s ease;
    animation: headerReveal 0.8s ease;
}

@keyframes headerReveal {
    from {
        opacity: 0;
        transform: translateY(-25px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   MENU CONTAINER
========================= */

.menu-part {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
}

/* =========================
   MENU
========================= */

.main-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 9px;
}

.main-menu > ul > li {
    position: relative;
    padding: 0 5px;
}

    .main-menu > ul > li > a {
        display: flex;
        align-items: center;
        padding: 12px 0px;
        font-family: "Roboto", sans-serif;
        font-weight: 600;
        font-size: 16px;
        color: #283f71;
        text-decoration: none;
        text-transform: uppercase;
        transition: all 0.3s ease;
        position: relative;
    }

        .main-menu > ul > li > a:hover {
            color: #0d9dd6;
        }

        /* Underline Animation */

        .main-menu > ul > li > a::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 8px;
            width: 0;
            height: 3px;
            border-radius: 10px;
            background: linear-gradient( 90deg, #0d9dd6, #f9665a );
            transform: translateX(-50%);
            transition: all 0.35s ease;
        }

        .main-menu > ul > li > a:hover::after {
            width: 80%;
        }

/* =========================
   BUTTON
========================= */

.common-btn {
    padding: 14px 28px;
    background: linear-gradient( 135deg, #0d3544, #0b78e3 );
    border-radius: 50px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    box-shadow: 0 11px 5px rgba(13,157,214,0.25);
    cursor: pointer;
}

    .common-btn:hover {
        color: #ffffff;
        transform: translateY(-3px);
        box-shadow: 0 15px 35px rgba(13,157,214,0.35);
    }

    .common-btn .arrow-icon {
        margin-left: 10px;
        transition: all 0.3s ease;
    }

    .common-btn:hover .arrow-icon {
        transform: translateX(5px);
    }

    .common-btn .arrow-icon--circle {
        transition: stroke-dashoffset 0.3s ease;
        stroke-dasharray: 95;
        stroke-dashoffset: 95;
    }

    .common-btn:hover .arrow-icon--circle {
        stroke-dashoffset: 0;
    }

.signup-btn {
    margin-left: 0px;
}

.login-and-signup {
    display: ruby;
    align-items: initial;
    gap: 5px;
}

.demo-btn {
    white-space: nowrap;
}

/* =========================
   CART ICON
========================= */

.cart-icon,
.cart-part,
.cart-btn {
    transition: all 0.3s ease;
}

    .cart-icon:hover,
    .cart-part:hover,
    .cart-btn:hover {
        transform: translateY(-3px) scale(1.08);
    }

/* =========================
   RESPONSIVE
========================= */

@media(max-width:1200px) {

    .logo {
        width: 210px;
    }

    .main-menu > ul > li > a {
        font-size: 14px;
        padding: 30px 8px;
    }

    .common-btn {
        padding: 12px 22px;
    }
}



/* ==========================================
   STICKY HEADER ENHANCEMENT (Optional)
   ========================================== */
.header-section.sticky {
    position: fixed;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 8px 32px rgba(40, 63, 113, 0.12);
    animation: slideDown 0.5s ease;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

/* ==========================================
   RESPONSIVE TWEAKS
   ========================================== */
@media (max-width: 1199px) {
    .main-menu > ul > li {
        padding: 0 10px;
    }

        .main-menu > ul > li > a {
            font-size: 15px;
        }

        .main-menu > ul > li > ul.mega-menu {
            min-width: 600px;
        }
}

.header-section.fixed {
    position: fixed;
    top: 0;
    left: 0;
    animation: smoothScroll 1s forwards;
    z-index: 9999;
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-100px);
    }

    100% {
        transform: translateY(0px);
    }
}

.banner-section {
    width: 100%;
    height: calc(90vh - 87px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    /* background-image: url(../images/particle-1.png), url(../images/particle-2.png);
  background-position: left 5% bottom 5%, right 5% bottom 5%;
  background-repeat: no-repeat, no-repeat; */
}

.particle-0 {
    position: absolute;
    width: 202px;
    height: 30px;
    background-image: url(../images/particle-1.png);
    background-repeat: no-repeat;
    left: 38%;
    top: 32%;
}

.particle-1 {
    position: absolute;
    width: 202px;
    height: 30px;
    background-image: url(../images/particle-1.png);
    background-repeat: no-repeat;
    left: 5%;
    bottom: 5%;
}

.particle-2 {
    position: absolute;
    width: 102px;
    height: 24px;
    background-image: url(../images/particle-2.png);
    background-repeat: no-repeat;
    right: 5%;
    bottom: 5%;
}

.home-banner-left {
    width: 100%;
    float: left;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    transform: translate(0px, -40px);
    transform: scale(0.8);
    opacity: 0;
}

    .home-banner-left h1 {
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        color: #283f71;
        font-size: 58px;
        max-width: 740px;
        margin-bottom: 0;
    }

    .home-banner-left p {
        color: #58596b;
        font-size: 19px;
        max-width: 80%;
        line-height: 30px;
        margin-top: 30px;
        font-family: "FS Elliot Pro";
        font-weight: normal;
    }

.banner-subscribe {
    width: 255px;
    margin-top: 50px;
    padding: 14px 20px 14px 55px;
    margin-left: 30px;
}

.shopping-icon {
    position: absolute;
    width: 70px;
    height: 70px;
    background: #eaf8fd;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -30px;
    border: 2px solid #f75c5e;
    box-shadow: rgb(53 124 187 / 48%) 6px 2px 16px 0px, rgb(255 255 255 / 80%) -6px -2px 16px 0px;
}

    .shopping-icon:before {
        content: "";
        position: absolute;
        width: 50px;
        height: 50px;
        border: 2px solid #ffffff;
        border-radius: 50%;
    }

    .shopping-icon img {
        width: 30px;
    }

.banner-subscribe:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 255px;
    background: #e8e8e8;
    padding: 14px 20px 14px 55px;
    height: 100%;
    z-index: -1;
    border-radius: 50px 50px 0 50px;
}

.banner-subscribe:hover::after {
    border-radius: 50px;
}

.section {
    width: 100%;
    float: left;
    padding: 20px 0;
    position: relative;
}
/* changed this css by krishna */
/* .section-heading {
  font-size: 50px;
  color: #283f71;
  font-family: "FS Elliot Pro";
  font-weight: bold;
  line-height: 60px;
  margin-bottom: 90px;
} */
/* end */
.section-heading span {
    display: block;
}

.section-heading i {
    color: #f75e5e;
    font-style: normal;
}

.multi-channel {
    padding-bottom: 120px;
}

.multi-arrow-left {
    position: absolute;
    left: -100px;
    bottom: 0;
    width: 500px;
    top: 20px;
}

.multi-channel-slider-wrapper {
    width: 100%;
    float: left;
    position: relative;
}

.multi-channel-slider {
    position: relative;
    width: 100%;
    float: left;
    padding-top: 20px;
}

.channel-box {
    background: #ffffff;
    border: 1px solid #d4d9f1;
    border-radius: 40px;
    width: 276px;
    padding: 25px;
    box-shadow: rgb(17 17 26 / 10%) 0px 0px 16px;
    min-height: 520px;
    max-height: 520px;
    padding-top: 120px;
    padding-right: 40px;
    position: relative;
    padding-bottom: 45px;
}

    .channel-box h3 {
        font-size: 20px;
        color: #2b2d6c;
        font-family: "FS Elliot Pro";
        font-weight: bold;
    }

    .channel-box p {
        font-size: 18px;
        color: #58596b;
        font-family: "FS Elliot Pro";
        font-weight: normal;
        line-height: 25px;
        margin-bottom: 0;
    }

.link-color-short {
    color: #0d9dd6;
}

.multi-channel-slider .swiper-slide:nth-child(1n) .channel-box:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -30px;
    transform: translateX(-50%);
    background: url(../images/Homepage/multi-arrow-1.png) no-repeat;
    width: 212px;
    height: 111px;
}

.multi-channel-slider .swiper-slide:nth-child(2n) .channel-box:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -30px;
    transform: translateX(-50%);
    background: url(../images/Homepage/multi-arrow-2.png) no-repeat;
    width: 212px;
    height: 111px;
}

.multi-channel-slider .swiper-slide:nth-child(3n) .channel-box:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -30px;
    transform: translateX(-50%);
    background: url(../images/Homepage/multi-arrow-3.png) no-repeat;
    width: 212px;
    height: 111px;
}

.arrow .arrow-icon {
    position: relative;
    top: 0px;
    transition: transform 0.3s ease;
    vertical-align: middle;
    margin-left: 10px;
}

.arrow .arrow-icon--circle {
    transition: stroke-dashoffset 0.3s ease;
    stroke-dasharray: 95;
    stroke-dashoffset: 95;
}

.channel-box:hover .arrow-icon {
    transform: translate3d(5px, 0, 0);
}

.channel-box:hover .arrow-icon--circle {
    stroke-dashoffset: 0;
}

.channel-box .arrow {
    position: absolute;
    right: 30px;
    bottom: 20px;
}

.multi-channel-slider .swiper-wrapper {
    margin-left: -147px;
}

.multi-channel-slider-wrapper .swiper-button-prev {
    background: #2b2d6c;
    width: 73px;
    height: 73px;
    border-radius: 50%;
    left: -30px;
}

.multi-channel-slider-wrapper .swiper-button-next {
    background: #ecedf7;
    width: 73px;
    height: 73px;
    border-radius: 50%;
    right: -20px;
}

    .multi-channel-slider-wrapper .swiper-button-prev:after,
    .multi-channel-slider-wrapper .swiper-button-next:after {
        font-size: 22px;
        font-weight: bold;
        color: #2b2d6c;
    }

    .multi-channel-slider-wrapper .swiper-button-next:before {
        content: "";
        position: absolute;
        left: 22px;
        top: 50%;
        width: 28px;
        height: 2px;
        background: #2b2d6c;
        transform: translateY(-50%);
    }

.multi-channel-slider-wrapper .swiper-button-prev:before {
    content: "";
    position: absolute;
    right: 22px;
    top: 50%;
    width: 28px;
    height: 2px;
    background: #ffffff;
    transform: translateY(-50%);
}

.multi-channel-slider-wrapper .swiper-button-prev:after {
    color: #ffffff;
    position: relative;
    left: -10px;
}

.multi-channel-slider-wrapper .swiper-button-next:after {
    position: relative;
    right: -10px;
}

.multi-channel-skwe {
    background: #ffeee7;
    width: 740px;
    height: 350px;
    position: absolute;
    border-radius: 40px;
    z-index: 0;
    right: 40px;
    top: 105px;
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

.channel-icon {
    width: 100px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -15px;
}

    .channel-icon object {
        width: 100%;
    }

.channel-icon-bg {
    width: 75px;
    height: 75px;
    position: absolute;
    left: -25px;
    top: -25px;
    z-index: -1;
}

.channel-box img {
    width: 100% !important;
}

.use-cases {
    position: relative;
    overflow: hidden;
}

.use-case-slider-wrapper,
.use-case-box,
.use-case-box-left,
.use-left-top,
.use-left-bottom {
    width: 100%;
    float: left;
    position: relative;
}

.use-case-skew {
    background: linear-gradient(to right, #ffffff, #ffeee7);
    width: 100%;
    height: 615px;
    position: absolute;
    border-radius: 0;
    z-index: -1;
    right: -50px;
    top: 190px;
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

.use-left-top {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

    .use-left-top img {
        width: auto;
    }

    .use-left-top span {
        color: #2b2d6c;
        font-size: 26px;
        font-family: "FS Elliot Pro";
        font-weight: bold;
        max-width: 255px;
        line-height: 30px;
        margin-top: 30px;
    }

.ondemand-notification .use-left-top span {
    margin-left: 30px;
}

.use-left-bottom p {
    color: #58596b;
    font-family: "FS Elliot Pro";
    font-weight: normal;
    font-size: 19px;
    line-height: 31px;
}

/* .use-case-box-left {
  min-height: 450px;
} */

.use-case-navigation {
    position: absolute;
    bottom: 50px;
    /* left: -15px; */
    width: 132px;
    height: 30px;
}

.swiper-pagination-bullet:first-child {
    margin-left: 0 !important;
}

.use-case-navigation .swiper-pagination-bullet,
.testimonial-slider-inner-page .swiper-pagination-bullet {
    width: 25px;
    height: 25px;
    border: 5px solid #bfc5d9;
    background: #ffffff;
    opacity: 1;
}

.use-case-navigation .swiper-pagination-bullet-active,
.testimonial-slider-inner-page .swiper-pagination-bullet-active {
    border: double 5px transparent;
    border-radius: 80px;
    display: inline-block;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ff8c47, #f75b5f);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.use-case-navigation .swiper-button-prev:after,
.use-case-navigation .swiper-button-next:after,
.testimonial-slider-inner-page .swiper-button-prev:after,
.testimonial-slider-inner-page .swiper-button-next:after {
    font-size: 22px;
    font-weight: 500;
    color: #bfc5d9;
}

.use-case-navigation .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -4px;
}

.use-case-navigation .swiper-button-next:before {
    content: "";
    position: absolute;
    left: -13px;
    top: 50%;
    width: 31px;
    height: 2px;
    background: #bfc5d9;
    transform: translateY(-50%);
}

.use-case-navigation .swiper-button-prev:before {
    content: "";
    position: absolute;
    right: -13px;
    top: 50%;
    width: 31px;
    height: 2px;
    background: #bfc5d9;
    transform: translateY(-50%);
}

.dot-particle {
    width: 154px;
    height: 127px;
    background: url(../images/Homepage/dot-praticle.png) no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.dot-particle-use-case {
    width: 349px;
    position: absolute;
    top: 100%;
    right: -67px;
    z-index: 9;
    overflow: hidden;
}

.why-use,
.why-use-left,
.why-use-right {
    width: 100%;
    float: left;
    position: relative;
}

    .why-use-right .use-left-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .why-use-right .use-left-top {
        margin-bottom: 35px;
    }

        .why-use-right .use-left-top span {
            max-width: 300px;
            margin-top: 20px;
        }

.why-use-right {
    padding-left: 35px;
}

.plant-bucket {
    position: absolute;
    bottom: -10px;
    left: 17px;
    width: auto;
}

.why-left-plane {
    background: url(../images/Homepage/plane-3.png) no-repeat;
    width: 215px;
    height: 156px;
    position: absolute;
    left: 0;
    top: 0;
}

.why-right-plane {
    background: url(../images/Homepage/plane-4.png) no-repeat;
    width: 382px;
    height: 148px;
    position: absolute;
    right: 0;
    top: 15%;
}

.why-use:nth-child(2) {
    padding-top: 150px;
    padding-bottom: 50px;
}

    .why-use:nth-child(2) .why-use-left img {
        float: right;
    }

    .why-use:nth-child(2) .plant-bucket {
        right: -15px;
        left: auto;
    }

.why-shape {
    width: 644px;
    border-radius: 100%;
    position: absolute;
    right: 0;
    transform: rotate(2deg);
    /* top: 16px; */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding-left: 100px;
}

.why-use-left img {
    width: auto;
}

.modal-backdrop {
    z-index: 9999;
}

.modal {
    z-index: 99999;
}

@media screen and (max-width: 1366px) {
    .logo {
        width: 230px;
    }

    .main-menu ul li ul {
        top: 103% !important;
    }

    .home-banner-left h1 {
        font-size: 47px;
    }

    .why-use-left img {
        width: 100%;
    }

    .plant-bucket {
        width: auto !important;
    }

    .main-menu > ul > li {
        padding: 0 10px;
    }

    .particle-0 {
        display: none;
    }
}

/*-------------- Footer CSS --------------- */

.sms-api {
    position: relative;
    width: 100%;
    float: left;
}

    .sms-api .use-case-skew {
        background: linear-gradient(to right, #ffffff, #ffeee7);
        width: 100%;
        height: 460px;
        position: absolute;
        border-radius: 0;
        z-index: -1;
        left: -20px;
        top: 120px;
        -moz-transform: rotate(185deg);
        -webkit-transform: rotate(185deg);
        -o-transform: rotate(185deg);
        -ms-transform: rotate(185deg);
        transform: rotate(185deg);
    }

.api-right-plane {
    background: url(../images/Homepage/dotted-arrow.png) no-repeat;
    width: 330px;
    height: 315px;
    position: absolute;
    right: 0;
    top: 0;
}

.faq-section {
    padding: 60px 0px;
    position: relative;
}

.any-question {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .any-question .section-heading {
        color: #2b2d6c !important;
    }

.any-q {
    margin-bottom: 130px;
}

.any-question img {
    width: auto;
}

.any-q-subtext {
    color: #58596b;
    font-size: 18px;
    margin-top: 15px;
    width: 345px;
    font-family: "FS Elliot Pro";
}

.question-answer {
    position: relative;
}

    .question-answer .accordion-body {
        font-family: "FS Elliot Pro";
        font-size: 19px;
        line-height: 30px;
        font-weight: 400;
        color: #58596b;
        /* margin-top: -27px; */
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 0;
    }

button.accordion-button.faq-heading {
    font-size: 21px;
    line-height: 27px;
    background: transparent;
    padding: 23px 30px !important;
    box-shadow: none !important;
    color: #2b2d6c !important;
    font-weight: 700;
}

.question-answer .accordion-item {
    border: 1px solid #d4d9f1 !important;
    border-radius: 20px;
    margin-bottom: 25px;
    box-shadow: -23px -20px 11px -17px rgba(212, 217, 241, 0.34);
}

.accordion-item:last-child {
    margin-bottom: 0;
}

.faq-section .row {
    display: flex;
    align-items: center;
}

.footer-bg {
    background: url(../images/Homepage/footer-bg.png) no-repeat;
    background-size: cover;
    border-top: 1px solid #f3f5ff;
    margin-top: 1px;
    padding-bottom: 25px;
}

.footer-container,
.accordion-section1 {
    display: flex;
    justify-content: space-between;
}

.circle {
    height: 90px;
    width: 90px;
    background: linear-gradient(to right, #fe854b, #f75d5e);
    border-radius: 50%;
    display: inline-block;
    margin-top: -6px;
}

.signup-heading {
    font-family: "FS Elliot Pro";
    color: #283f71;
    font-weight: bold;
    font-size: 35px;
    margin-top: 30px;
    line-height: 45px;
}

    .signup-heading span {
        color: #f75d5e;
    }

.footer-buttons {
    display: flex;
    justify-content: flex-start;
    position: relative;
    z-index: 99;
}

    .footer-buttons a.banner-subscribe {
        margin-left: 0px;
        font-family: "Roboto", sans-serif;
        font-size: 17px;
        margin-top: 40px;
    }

img.btn-img {
    width: auto;
    margin-left: -32px;
    margin-right: 15px;
}

.footer-buttons .get-started-btn {
    width: 200px;
}

.get-started-btn::after {
    width: 200px !important;
}

.footer-buttons .contact-sale-btn {
    background: #2b2d6c;
    width: 220px;
}

.contact-sale-btn::after {
    width: 220px !important;
}

.payment-row {
    margin-top: 40px;
}

.payment-txt {
    color: #2b2d6c;
    font-weight: 400;
    font-size: 17px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.payment-box .payment {
    background: transparent;
    padding: 5px 15px;
    border: 1px solid #2b2d6c;
    border-radius: 5px;
    display: inline-flex;
    font-size: 13px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin-right: 5px;
}

    .payment-box .payment:last-child {
        margin-right: 0px;
    }

.payment-row ul {
    max-width: 85%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    list-style: none;
    padding-left: 0px;
}

    .payment-row ul li {
        height: 19px;
        margin: 8px;
        display: inline-block;
    }

        .payment-row ul li img {
            height: 100%;
        }

.right-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

ul.social-list {
    float: right;
    padding-top: 24px;
}

    ul.social-list li {
        display: inline;
    }

.social-list li a img {
    text-align: center;
    padding: 6px;
    border-radius: 5px;
    width: 37px;
    height: 37px;
    border: 2px solid #2b2d6c;
}

ul.sub-footer-list {
    padding-left: 0px;
    padding-top: 65px;
}

    ul.sub-footer-list li {
        display: inline;
    }

        ul.sub-footer-list li a {
            color: #6b6d76;
            font-weight: 300;
            text-decoration: none;
            margin-right: 15px;
            font-size: 14px;
            font-family: "Roboto", sans-serif;
        }

.quarter-circle-bottom-right {
    margin-top: -140px;
    width: 420px;
    height: 420px;
    background: linear-gradient(to right, #fe854b, #f75d5e);
    border-top-right-radius: 10px;
    border-top-left-radius: 420px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    position: relative;
    right: -85px;
}

.plant-img {
    position: absolute;
    bottom: 0;
    left: 0;
}

.laptop-img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.pointer-img {
    position: absolute;
    right: 16%;
    top: 66%;
}

.mails-img {
    position: absolute;
    right: 9%;
    top: 8%;
}

.powered-text {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding-top: 0px;
    font-size: 13px;
    float: right;
    margin-bottom: 0px;
    margin-left: -47px;
}

/* Footer CSS */

.why-use-2-svg {
    position: absolute;
    left: 0;
    width: 45%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
}

.api-svg {
    width: 375px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
}

.use-case-slider-wrapper .icon-container {
    margin-top: 30px;
}

.icon-container {
    position: relative;
    width: 80px;
}

    .icon-container object {
        width: 80%;
    }

.icon-container-bg {
    width: 75px;
    height: 75px;
    position: absolute;
    right: -25px;
    top: -25px;
    z-index: -1;
}

/* .banner-section:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(30, 30, 30, .5);
} */

.countless-container {
    padding-left: 200px;
    z-index: 200;
    position: relative;
}

.contact-wrapper-wave {
    width: 100%;
    height: 785px;
    background-position: bottom;
    background: url(../images/Homepage/contact-bg.svg);
    position: absolute;
    top: -170px;
}

.contact-main-content {
    position: relative;
    top: 0;
    margin-top: 90px;
    min-height: 805px;
    margin-bottom: 90px;
}

.contact-full p {
    color: #58596b;
    font-family: "FS Elliot Pro";
    font-weight: normal;
    font-size: 19px;
    line-height: 31px;
}

.contact-zist {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-family: "FS Elliot Pro";
    font-size: 20px;
    line-height: 27px;
}

    .contact-zist a:hover {
        color: #2d4a89;
        text-decoration: underline;
    }

    .contact-zist a {
        color: #ffffff;
        text-decoration: underline;
        font-weight: 600;
    }

.contact-wrapper {
    width: 100%;
    float: left;
    position: relative;
}

.center-row {
    width: 77%;
    margin: 0 auto;
}

.contact-form {
    width: 100%;
    float: left;
    background: #ffffff;
    box-shadow: rgb(17 17 26 / 10%) 0px 0px 16px;
    border-radius: 20px;
    margin-top: 80px;
    padding: 25px;
}

.info-contact-image {
    width: 76%;
    margin: 0 auto;
    display: block;
}

.get-info {
    padding-left: 25px;
    width: 100%;
    float: left;
}

    .get-info p {
        color: #58596b;
        font-family: "FS Elliot Pro";
        font-weight: normal;
        font-size: 18px;
        line-height: 26px;
    }

    .get-info h2 {
        font-size: 44px;
        color: #283f71;
        font-family: "FS Elliot Pro";
        font-weight: bold;
        line-height: 38px;
        margin-bottom: 25px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 25px;
    }

.contact-info {
    position: relative;
    margin-bottom: 0px;
    padding-left: 0;
}

    .contact-info li {
        position: relative;
        padding-left: 55px;
        font-size: 18px;
        line-height: 26px;
        color: #404040;
        font-weight: 400;
        margin-bottom: 35px;
        list-style: none;
        font-family: "FS Elliot Pro";
    }

    .contact-info img {
        width: 35px !important;
    }

    .contact-info li .icon {
        position: absolute;
        left: 0;
        top: 4px;
    }



    .contact-info li strong {
        display: block;
        font-size: 20px;
        line-height: 26px;
        color: #404040;
        font-weight: 600;
        margin-bottom: 5px;
    }

.icon img {
    width: 30px;
}

.privacy-statement {
    font-size: 14px;
    line-height: 24px;
    color: #919191;
    text-align: center;
    margin-bottom: 0;
    font-family: "FS Elliot Pro";
}

.contact-form .btn-primary {
    background: linear-gradient(to right, #f75b5f, #ff8c47);
    border: none;
    padding: 12px;
    font-weight: bold;
}

.form-floating > label {
    padding-left: 45px;
    color: #676363;
}

.form-floating .form-control,
.form-floating .form-select {
    padding-left: 40px;
}

.form-control-feedback-icon {
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 5;
}

.feedback-icon-message .form-control-feedback-icon {
    top: 30px;
}

.ph {
    width: 20px;
    height: 20px;
}

.ph-user {
    background: url(../images/Homepage/user.png);
    background-size: contain;
}

.ph-phone {
    background: url(../images/Homepage/telephone-s.png);
    background-size: contain;
}

.ph-otp {
    background: url(../images/Homepage/otp-s.png);
    background-size: contain;
}

.ph-email {
    background: url(../images/Homepage/mail.png);
    background-size: contain;
}

.ph-services {
    background: url(../images/Homepage/services.png);
    background-size: contain;
}

.ph-message {
    background: url(../images/Homepage/list.png);
    background-size: contain;
}

.form-floating .form-control {
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
}

.info-contact-image img {
    width: 90%;
    margin: 0 auto;
    display: block;
}

.sal-animate {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.client-scroller-row {
    align-content: flex-start;
    align-items: stretch;
    animation-duration: 100s;
    animation-iteration-count: infinite;
    animation-name: scrolling-l;
    animation-timing-function: linear;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    left: 0;
    position: relative;
}

    .client-scroller-row.reverse {
        animation-name: scrolling-r;
    }

.client-scroller-list {
    display: flex;
    flex-flow: wrap;
    flex-flow: row nowrap;
    min-width: 100%;
    scrollbar-width: none;
}

.client-scroller-item {
    padding: 0 24px 7px;
}

.client-scroller-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    opacity: 0.99;
}

    .client-scroller-bg:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transition: opacity 0.5s ease 250ms;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -101;
        background-image: url(../images//bg.webp);
        opacity: 1;
    }

.client-scroller-item-i {
    align-items: center;
    display: flex;
    height: 135px;
    justify-content: center;
    position: relative;
    width: 121px;
}

    .client-scroller-item-i .client-scroller-bg {
        background-size: cover;
        content: "";
        display: block;
        height: 210px;
        left: -40px;
        position: absolute !important;
        top: -23px;
        width: 200px;
        z-index: 1;
    }

    .client-scroller-item-i img {
        position: relative;
        z-index: 5;
        padding: 5px;
        /* height: 60px; */
        object-fit: contain;
        width: auto;
    }

.nmdc-height {
    height: 92px !important;
}

.balco-height {
    height: 69px !important;
}

.client-scroller-item-i .client-scroller-bg-active {
    background-size: cover;
    content: "";
    display: block;
    height: 140px;
    left: -2px;
    opacity: 0 !important;
    position: absolute !important;
    top: -2px;
    transition: opacity 0.1s ease;
    width: 125px;
    z-index: 1;
}

.client-scroller {
    width: 100%;
    float: left;
}

/* @keyframes scrolling-l {
  0% {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes scrolling-r {
  0% {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
} */

.client-scroller-row .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    padding: 0 0 15px;
}

.axil-testimonial {
    position: relative;
    z-index: 2;
}

.axil-testimonial {
    position: relative;
    z-index: 2;
    padding: 45px;
    background: #ffffff;
}

    .axil-testimonial:hover .inner {
        position: relative;
    }

        .axil-testimonial:hover .inner:before {
            opacity: 1;
        }

    .axil-testimonial .inner:before {
        width: 100%;
        height: 92%;
        left: -25px;
        bottom: -25px;
        background: rgba(0, 2, 72, 0.1);
        opacity: 0;
        content: "";
        position: absolute;
        z-index: -1;
        transform-style: preserve-3d;
        transform: rotateY(-2deg);
        filter: blur(107px);
        transition: 0.3s;
    }

    .axil-testimonial .clint-info-wrapper {
        display: flex;
        align-items: center;
    }

        .axil-testimonial .clint-info-wrapper .thumb {
            position: relative;
            height: 100%;
            z-index: 1;
            display: inline-block;
        }

            .axil-testimonial .clint-info-wrapper .thumb:before {
                width: 92%;
                height: 92%;
                left: -10px;
                bottom: -10px;
                background: rgba(0, 2, 72, 0.3);
                content: "";
                position: absolute;
                filter: blur(14px);
                transition: 0.3s;
                z-index: -1;
            }

.p-span {
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    width: initial;
    height: initial;
    background: none;
    opacity: 1;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
    max-width: 100%;
}

.p-span-in {
    box-sizing: border-box;
    display: block;
    width: initial;
    height: initial;
    background: none;
    opacity: 1;
    border: 0;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.p-span-image {
    display: block;
    max-width: 100%;
    width: initial;
    height: initial;
    background: none;
    opacity: 1;
    border: 0;
    margin: 0;
    padding: 0;
}

.p-span-image-profile {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    box-sizing: border-box;
    padding: 0;
    border: none;
    margin: auto;
    display: block;
    width: 0;
    height: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
}

.axil-testimonial .clint-info-wrapper .client-info {
    padding-left: 25px;
}

    .axil-testimonial .clint-info-wrapper .client-info h4.title {
        line-height: 21px;
        margin-bottom: 0;
        font-family: "FS Elliot Pro";
        font-size: 22px;
        font-weight: 600;
    }

    .axil-testimonial .clint-info-wrapper .client-info span {
        line-height: 28px;
        display: inline-block;
    }

.axil-testimonial .description {
    margin-top: 38px;
}

    .axil-testimonial .description p {
        margin-bottom: 0;
    }

p.subtitle-3 {
    color: #52526c;
    font-size: 20px;
    line-height: 31px;
    font-family: "FS Elliot Pro";
}

.axil-testimonial .description a.axil-link-button {
    margin-top: 40px;
    color: #000248;
    text-decoration: none;
    position: relative;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    display: block;
}

.axil-testimonial .description a.axil-link-button {
    transition: all 0.5s;
}

    .axil-testimonial .description a.axil-link-button:after {
        position: absolute;
        bottom: 0;
        width: 0;
        height: 1px;
        content: "";
        background: currentColor;
        left: 0;
    }

.axil-testimonial .inner:after {
    background: #fff;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: -1;
    transform: perspective(700px) rotateY(-2deg);
    opacity: 0;
    width: 100%;
    box-shadow: 0 0 1px transparent;
}

.use-cases2 .use-case-skew {
    top: 125px;
}

.inner-page-container {
    width: 100%;
    float: left;
    padding: 80px 0;
    position: relative;
}

.bg-primary {
    background: linear-gradient(to right, #f17f58, #f25e58) !important;
}

.inner-case-skew {
    background: linear-gradient(to right, #f17f58, #f25e58);
    width: 233%;
    height: 500px;
    position: absolute;
    border-radius: 0;
    z-index: -1;
    right: -80px;
    top: 0;
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(357deg);
}

.inner-page-header h1 {
    font-size: 50px;
    color: #ffffff;
    font-weight: 600;
}

.common-pages .inner-page-header h1 {
    font-size: 58px;
    color: #283f71;
    font-weight: 800;
    line-height: 70px;
    font-family: "Roboto";
    margin-bottom: 10px;
}

.common-pages .inner-page-header span {
    display: block;
}

.common-pages .inner-page-header p.banner-caption {
    font-size: 24px;
    line-height: 1.45;
    text-align: left;
    color: #222;
    margin-bottom: 15px;
    font-weight: 700;
}

.inner-page-header-common-pages,
.banner-caption {
    padding-right: 100px !important;
}

.bg-section {
    background: linear-gradient(to left, #f6f1ef, #fff6f3);
}

.small-list li {
    margin-bottom: 20px !important;
}

.inner-page-header-common-pages p {
    color: #222 !important;
    font-size: 19px !important;
    line-height: 29px !important;
    font-weight: normal !important;
    margin-bottom: 1rem !important;
}

.inner-page-header p {
    color: #ffffff;
    font-size: 20px;
    line-height: 27px;
    padding-right: 50px;
}

.header-image {
    width: 571px;
    float: right;
    margin-top: -30px;
}

.header-right-creatives {
    width: 100%;
    float: left;
    position: relative;
}

.circle-header-bg {
    width: 435px;
    height: 435px;
    background: #f5f6fd;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
}

.sub-caption {
    font-size: 19px;
    line-height: 1.45;
    text-align: left;
    color: #4e4e4e;
    margin-bottom: 15px;
    font-weight: 700;
}

.star-pattern {
    width: 289px;
    height: 201px;
    background: url(../images/Homepage/star-pattern.png);
    background-size: contain;
    position: absolute;
    bottom: -86px;
    right: -74px;
    z-index: -1;
}

.globe-pattern {
    width: 185px;
    height: 182px;
    background: url(../images/Homepage/globe-pattern.png);
    background-size: contain;
    position: absolute;
    top: -25px;
    left: -85px;
    z-index: 1;
}

.circle-shape-left {
    width: 86px;
    height: 317px;
    background: url(../images/Homepage/circle-shape-left.png);
    background-size: contain;
    position: absolute;
    bottom: 50px;
    left: -57px;
    z-index: 1;
    display: none;
}

.circle-shape-right {
    width: 183px;
    height: 275px;
    background: url(../images/Homepage/circle-shape-right.png);
    background-size: contain;
    position: absolute;
    bottom: -28px;
    right: -53px;
    z-index: 1;
    display: none;
}

.chanel-pages {
    background: url(../images/Homepage/left-about-bg.png) left 50px bottom 30px;
    background-size: 33%;
    background-repeat: no-repeat;
}

.main-image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}

.circle-gradiant {
    width: 121px;
    height: 121px;
    border-radius: 50%;
    background: linear-gradient(to right, #ff8c47, #f75b5f);
    position: absolute;
    bottom: 57px;
    left: -145px;
    z-index: 1;
}

.banner-dot {
    background: #283f71;
    border-radius: 50%;
    position: absolute;
}

.dot-1 {
    width: 32px;
    height: 32px;
    top: 100px;
    left: -52px;
}

.dot-2 {
    width: 20px;
    height: 20px;
    top: 180px;
    left: 35px;
}

.dot-3 {
    width: 35px;
    height: 35px;
    bottom: 20px;
    right: 35px;
}

.wrapper {
    width: 100%;
    float: left;
}

.tab-card {
    width: 100%;
    float: left;
    background: #ffffff;
    border: 1px solid #fdfdfd;
    border-radius: 10px;
    padding: 25px;
    box-shadow: rgb(17 17 26 / 7%) 0px 0px 16px;
    min-height: 500px;
}

.nav-card .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: transparent;
    color: #283f71;
    font-weight: 700;
}

.nav-card .nav-pills .nav-link {
    color: #283f71;
    font-weight: 700;
    text-align: left;
}

.nav-card h2,
.tab-card h2 {
    font-size: 25px;
    line-height: 33px;
    font-weight: 600;
    color: #283f71;
}

.tab-card h3 {
    font-size: 21px;
    line-height: 33px;
    font-weight: 600;
    color: #283f71;
    margin-top: 25px;
}

.nav-card h2 {
    margin-top: 27px;
}

.stuck {
    position: fixed;
    top: 0;
}

.highlight {
    background-color: #283f71 !important;
    border-radius: 5px;
}

    .highlight pre code {
        color: #ffffff;
    }

.thead-primary {
    background: #ffe4d4;
}

table code {
    padding: 2px 5px;
    font-size: 13px;
    color: #f5685c;
    background-color: #eee;
    border-radius: 0.25rem;
    display: inline-block;
}

.example-request {
    font-size: 17px;
    padding: 5px 25px 5px 0px;
}

.tab-inside-tab.nav-tabs .nav-item.show .nav-link,
.tab-inside-tab.nav-tabs .nav-link.active {
    border-color: none;
}

.tab-inside-tab.nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.tab-inside-tab.nav-tabs {
    border: none;
}

.tab-inside-tab .nav-link {
    padding: 5px 10px;
}

    .tab-inside-tab .nav-link.active {
        background: #2a3f6f;
        color: #ffffff;
        line-height: 20px;
        border-radius: 50px;
    }

.tab-pane .tab-content {
    margin-top: 15px;
}

.tab-card h4 {
    font-size: 18px;
    line-height: 33px;
    font-weight: 600;
    color: #283f71;
    margin-top: 25px;
}

.main-menu ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: translate(0);
    flex-direction: column;
}

.main-menu ul li ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    width: 325px;
    position: absolute;
    left: -200px;
    top: 107%;
    background: #fff;
    z-index: 99;
    transform: translateY(20px);
    transition: all 0.2s ease-out;
    box-shadow: 0 10px 70px #00000026;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
}

    .main-menu ul li ul li {
        padding: 15px 10px;
        border-radius: 5px;
        -webkit-transition: background-color 0.2s ease-out;
        transition: background-color 0.2s ease-out;
        width: 100%;
    }

        .main-menu ul li ul li:hover {
            background: #f0f7ff;
        }

.mega-menu {
    column-count: 2 !important;
    -webkit-columns: 2;
    -moz-columns: 2;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 25px;
    column-gap: 25px;
    width: 670px !important;
    /* -moz-column-fill: balance;
  column-fill: auto;
  -webkit-column-rule: 1px dashed #203e6f;
  -moz-column-rule: 1px dashed #203e6f;
  column-rule: 1px dashed #203e6f; */
}

.item-inner {
    display: flex;
}

.item-text {
    font-weight: bold;
    flex: 1;
}

    .item-text small {
        display: block;
        line-height: 17px;
        font-weight: normal;
        font-family: "Roboto";
        font-size: 13px;
    }

.menu-icon img {
    width: 30px;
}

.menu-icon {
    width: 50px;
    height: 50px;
    background: #eef4fa;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

.heading-colored {
    color: #fe854b !important;
}

.basic-sticky-example .nav-pills .nav-link.active {
    color: #ee645e;
}

.sms-plan-slider-wrapper {
    width: 100%;
    float: left;
    position: relative;
}

.sms-plan-slider {
    position: relative;
    width: 100%;
    float: left;
    padding-top: 60px;
}

.multi-channel-slider-wrapper .swiper-button-prev:after {
    color: #ffffff;
    position: relative;
    left: -10px;
}

.multi-channel-slider-wrapper .swiper-button-next:after {
    position: relative;
    right: -10px;
}

.sms-plan-slider-wrapper .channel-box {
    margin: 0 auto;
    margin-top: 60px;
}

.tab-content ul {
    padding: 0;
    list-style: none;
}

.tab-content .nav-tabs {
    padding: 0;
    list-style: none;
}

    .tab-content .nav-tabs li {
        margin-bottom: 0px;
        padding-left: 0px;
    }

        .tab-content .nav-tabs li:before {
            display: none;
        }

.tab-content ul li {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}

    .tab-content ul li:last-child {
        margin-bottom: 0;
    }

    .tab-content ul li:before {
        font-family: bootstrap-icons !important;
        position: absolute;
        content: "\f269";
        left: 0;
        top: -2px;
        color: #f07b58;
        font-size: 20px;
    }

.faq span {
    display: block;
}

.about-message p {
    text-align: center;
    font-size: 19px;
    font-weight: 500;
}

.tab-content ul li ol {
    list-style: none;
    padding-left: 0;
}

.easy-steps h3 {
    color: #2b2d6c;
    font-size: 22px;
    font-family: "FS Elliot Pro";
    font-weight: bold;
}

.easy-steps {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    padding-left: 100px;
    position: relative;
}

.easy-icons {
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0;
}

    .easy-icons img {
        width: 100%;
    }

.margin-top {
    margin-top: 6rem !important;
}

.zist-content {
    width: 75%;
    text-align: center;
    margin: 0 auto;
}

.top {
    top: 0 !important;
}

.section li {
    font-size: 19px;
    font-family: "FS Elliot Pro";
    margin-bottom: 7px;
}

    .section li:last-child {
        margin-bottom: 0;
    }

.page-ul {
    column-count: 2 !important;
    -webkit-columns: 2;
    -moz-columns: 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 25px;
    column-gap: 25px;
    margin-top: 30px;
}

    .page-ul li {
        border: 1px solid #c4d3f4;
        padding: 23px 30px !important;
        -moz-box-shadow: 0 0 5px #fff;
        -webkit-box-shadow: 0 0 5px #fff;
        box-shadow: 0 0 5px #fff;
        background: #f8fcff;
        border-radius: 15px;
        margin-bottom: 25px;
    }

        .page-ul li strong {
            display: block;
        }

.reimagine .use-case-skew {
    height: 100%;
}

.reimagine .page-ul li h3 {
    color: #2b2d6c;
    font-size: 22px;
    font-family: "FS Elliot Pro";
    font-weight: bold;
}

.big-circle {
    width: 634px;
    height: 634px;
    background: url(../images/Homepage/big-circle.png) no-repeat;
    position: absolute;
    z-index: -1;
    top: -40px;
    left: -40px;
}

.why-box-list {
    padding-left: 100px;
}

    .why-box-list li h3 {
        color: #2b2d6c;
        font-size: 22px;
        font-family: "FS Elliot Pro";
        font-weight: bold;
    }

    .why-box-list li {
        position: relative;
        margin-bottom: 30px;
        padding-left: 75px;
    }

.why-icon {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
}

    .why-icon img {
        width: 50px;
    }

.immediatelly-contact {
    background: #283f71 url(../images/special-offer-bg.png);
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
    border-radius: 30px 30px 0 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.left-contact-message {
    width: 50%;
}

.right-contact-message {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.left-contact-message h4 {
    color: #ffffff;
    font-size: 31px;
    margin-bottom: 20px;
    font-weight: 600;
}

.left-contact-message p {
    margin-bottom: 0;
}

.right-contact-message a {
    font-size: 36px;
    line-height: 35px;
    font-weight: 600;
}

.right-contact-message h5 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
}

.contact-icon {
    position: absolute;
    right: 135px;
    top: -65px;
    background: #ffffff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow: 0px 0px 21px 5px rgba(0, 0, 0, 0.1);
}

    .contact-icon:after {
        content: "";
        position: absolute;
        right: -10px;
        top: -10px;
        background: #ffffff00;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        border: 1px solid rgb(251 152 41);
        z-index: -1;
    }

    .contact-icon:before {
        content: "";
        position: absolute;
        right: 22px;
        top: 22px;
        background: url(../images/Common/Support-Executive-02.png);
        width: 55px;
        height: 55px;
        z-index: 1;
        background-size: contain;
        background-repeat: no-repeat;
    }

.normal-page-ul li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 3px;
    background: url(../images/Homepage/normal-check.svg);
    width: 21px;
    height: 26px;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
}

.normal-page-ul li {
    padding-left: 40px;
    position: relative;
}

.all-about-services .use-case-skew {
    top: 26px;
    height: 100%;
}

.all-about-services .section-sub {
    width: 60%;
    font-weight: 600;
}

.all-services-slider {
    position: relative;
    width: 100%;
    float: left;
    padding: 60px 20px 0 20px;
}

    .all-services-slider .channel-box {
        min-height: 375px;
    }

.all-about-services .dot-particle-use-case {
    top: 0;
}

.all-about-services .multi-arrow-left {
    top: 0;
}

.why-grid {
    column-count: 2 !important;
    -webkit-columns: 2;
    -moz-columns: 2;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 25px;
    column-gap: 25px;
    padding-left: 60px;
}

.company-data .big-circle {
    right: -20%;
    left: auto;
    top: 30%;
}

.f-year {
    font-weight: bold;
    font-size: 24px;
}

.data-section {
    width: 100%;
    /* float: left; */
}

    .data-section ul {
        display: flex;
        justify-content: center;
        margin-top: 115px;
    }

.data-box {
    position: relative;
    padding-left: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .data-box img {
        position: absolute;
        width: 65px;
        left: 0;
    }

    .data-box h5 {
        margin-bottom: 0;
        color: #ee645e;
        font-size: 40px;
        font-weight: 600;
    }

    .data-box p {
        margin-bottom: 0;
        color: #283f71;
        font-size: 24px;
        font-weight: 600;
    }

.data-section ul li {
    margin-right: 85px;
}

    .data-section ul li:last-child {
        margin-right: 0;
    }

.company-data .why-right-plane {
    transform: rotate(-180deg);
    right: auto;
    left: -87px;
    top: 46%;
}

.about-header p {
    color: #222 !important;
    font-size: 19px !important;
    line-height: 29px !important;
    font-weight: normal !important;
    margin-bottom: 1rem !important;
}

.about-certification img {
    width: auto;
}

.about-certification ul {
    display: flex;
    align-items: center;
    margin-top: 50px;
}

    .about-certification ul li {
        margin-right: 50px;
    }

        .about-certification ul li:last-child {
            margin-right: 0;
        }

.related-box {
    background: #e3eeff;
    padding: 30px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    width: 400px;
    float: right;
}

    .related-box img {
        width: 75px;
        margin-right: 30px;
    }

.rel-box-right h4 {
    color: #2b2d6c;
    font-size: 22px;
    font-family: "FS Elliot Pro";
    font-weight: bold;
}

.rel-box-right p {
    margin-bottom: 0;
}

.testimonial-bg {
    background: linear-gradient(to top, #faf6f6, #fff6f3);
}

.testi-slider-cont {
    position: relative;
    width: 100%;
    float: left;
}

.testi-slider-cont {
    position: relative;
    width: 100%;
    float: left;
    padding: 20px 95px;
    background: transparent url(../images/quote-2.png) no-repeat 0 top;
    position: relative;
    background-size: 22%;
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: linear !important;
}

.client-contact-head {
    font-size: 29px;
    color: #283f71;
    font-family: "FS Elliot Pro";
    font-weight: bold;
    line-height: 44px;
}

.testi-slider-cont .text {
    font-size: 19px;
    font-weight: 600;
    font-style: normal;
    line-height: 32px;
    color: #232323;
    font-family: "FS Elliot Pro";
    font-style: italic;
    min-height: 192px;
}

.testi-slider-cont .data {
    display: flex;
    align-items: center;
    margin-top: 25px;
}

    .testi-slider-cont .data .author-image {
        width: 101px;
        height: 101px;
    }

        .testi-slider-cont .data .author-image img {
            border-radius: 50%;
            width: 101px;
            height: 101px;
        }

    .testi-slider-cont .data .author-data {
        padding-left: 15px;
    }

    .testi-slider-cont .data h4 {
        font-size: 20px;
        font-weight: 600;
    }

    .testi-slider-cont .data .position {
        color: #f56a5c;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 0.5px;
        text-transform: none;
    }

.testimonial-wrapper-inner-page .swiper-wrapper {
    padding-bottom: 60px;
}

.testimonial-wrapper-inner-page .swiper-pagination {
    width: auto;
    left: 95px;
}

.call-div {
    position: relative;
    float: left;
    margin-top: 50px;
    padding-left: 150px;
}

    .call-div .contact-icon {
        left: 0;
        right: auto;
        top: 50%;
        transform: translateY(-50%);
    }

        .call-div .contact-icon:after {
            display: none;
        }

.support-people {
    position: relative;
    width: 100%;
    float: left;
    height: 100%;
}

    .support-people img {
        position: absolute;
        bottom: -176px;
        right: 135px;
    }

.iob-btn-play::after,
.iob-btn-play::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: #ffe3e2;
    opacity: 0.8;
    -webkit-animation: ripple-1 2s infinite ease-in-out;
    animation: ripple-1 2s infinite ease-in-out;
    z-index: -1;
}

.iob-btn-play::after {
    opacity: 0.6;
    -webkit-animation: ripple-2 2s infinite ease-in-out;
    animation: ripple-2 2s infinite ease-in-out;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.iob-btn-play {
    background: #ffffff;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

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

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes ripple-1 {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes ripple-2 {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.7);
        opacity: 0;
    }
}

@keyframes ripple-2 {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.7);
        opacity: 0;
    }
}

.call-div h5 {
    font-size: 21px;
    font-weight: 600;
    color: #203e70;
}

.call-div a {
    font-size: 44px;
    line-height: 39px;
    color: #f35c60;
    font-weight: 600;
}

/* .boxxx {
  width: 400px;
  height: 400px;
  border: 1px solid #ddd;
  display: flex;
  position: relative;
  margin-left: 500px;
}

.circlee {
  width: 100px;
  height: 100px;
  background: #ee645e;
  position: absolute;
  left: 10px;
  top: 10px;
  border-radius: 50%;
}

.step-one .circlee {
  left: 10px;
  top: 10px;
  transition: 0.9s;
}

.step-two .circlee {
  right: 10px;
  top: 10px;
  left: auto;
  transition: 0.9s;
}

.step-three .circlee {
  right: 10px;
  bottom: 10px;
  left: auto;
  top: auto;
  transition: 0.9s;
}

.step-four .circlee {
  right: auto;
  bottom: 10px;
  left: 10px;
  top: auto;
  transition: 0.9s;
} */

/* -------23-02-2023------- */

.bg-section2 {
    background: linear-gradient( 90deg, rgba(255, 255, 255, 1) 0%, rgba(226, 251, 251, 1) 100%, rgba(191, 234, 242, 1) 100% );
}

.how-works {
    position: relative;
}

/* .voice-sms-feature{
border: 1px solid #c4d3f4;
padding: 23px 30px !important;
-moz-box-shadow: 0 0 5px #fff;
-webkit-box-shadow: 0 0 5px #fff;
box-shadow: 0 0 5px #fff;
background: #f8fcff;
border-radius: 15px;
margin-bottom: 25px;
} */

.why-right-plane1 {
    background: url(../images/Homepage/plane-4.png) no-repeat;
    width: 382px;
    height: 148px;
    position: absolute;
    right: 0;
    bottom: -30px;
    z-index: 1;
}

.why-toll-free img {
    width: 30px;
}

/* ----------05-05-2025------- Avinash Singh Update's------- */

.excel-plugin-steps h5 {
    font-size: 20px;
    color: #283f71;
    font-weight: 600;
}

.dlt-operators img {
    width: 280px;
    height: 135px;
}

    .dlt-operators img:hover {
        filter: grayscale(100%);
        transition: all 0.6s ease;
    }

.dlt-operators h3 {
    font-size: 22px;
    color: #283f71;
    font-weight: 700;
}

.pr-0 {
    padding-right: 0px !important;
}

.mr-20 {
    margin-right: 20px;
}

.faq {
    margin-bottom: 50px;
}

    .faq h3 {
        font-size: 22px;
        color: #222;
        font-weight: 600;
    }

ul.rcs-feature li h3 {
    color: #2b2d6c;
    font-size: 22px;
    font-family: "FS Elliot Pro";
    font-weight: bold;
}

.sms-api-icon {
    background: transparent;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.sms-api-card {
    /* background: #fff;
  border: 1px solid #c4d3f4; */
    border-radius: 30px;
    padding: 30px;
    margin-bottom: 30px;
    min-height: 370px;
}

.sms-api-heading h4 {
    font-size: 30px;
    font-weight: bold;
    color: #283f71;
    margin-bottom: 20px;
    margin-top: 20px;
}

.sms-api-content p {
    margin-bottom: 0;
}

/* .s-footer__morse-top {
  color: #fff;
  height: auto;
  position: absolute;
  top: 0;
} */

/* .sms-api-card {
  border: 1px solid #e5e5e5;
  
} */

.sms-card-content h4 {
    font-size: 22px;
    color: #2b2d6c;
    font-family: "FS Elliot Pro";
    font-weight: bold;
    margin-top: 15px;
}

.min-height390 {
    min-height: 390px;
}

.min-height350 {
    min-height: 350px;
}

.min-height300 {
    min-height: 300px;
}

.min-height280 {
    min-height: 280px;
}

.missed-call-steps {
    background: transparent;
    border: 1px solid #c4d3f4;
    padding: 20px;
    border-radius: 30px;
    margin-top: 20px;
}

.smpp-center {
    display: flex;
    justify-content: space-evenly;
}

.smpp-card {
    background: transparent;
    border: 1px solid transparent;
    padding: 20px;
}

    .smpp-card:hover {
        border: 1px solid #eee;
        border-radius: 20px;
        box-shadow: 0px 0px 21px 5px rgb(127 125 125 / 13%);
    }

.smpp-icon {
    position: relative;
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    box-shadow: -1px 0 29px rgb(111 114 229 / 20%);
    margin: 0 auto;
}

    .smpp-icon img {
        width: 65px;
        margin-top: 20px;
    }

.smpp-card-text h3 {
    font-size: 20px;
    color: #2b2d6c;
    font-family: "FS Elliot Pro";
    font-weight: bold;
    margin-top: 15px;
}

.smpp-bold-text {
    border: 1px solid #d4d9f1 !important;
    border-radius: 20px;
    margin-bottom: 25px;
    padding: 18px 15px;
    box-shadow: -23px -20px 11px -26px rgb(212 217 241);
}

ul.solution-sms li {
    position: relative;
}

.solution-sms li {
    padding-left: 30px;
}

    .solution-sms li:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 4px;
        background: url(../images/Homepage/pen-in-square.svg);
        width: 18px;
        height: 26px;
        z-index: 1;
        background-size: contain;
        background-repeat: no-repeat;
    }

.text-marketing-api {
    left: -42px;
    transform: rotate(177deg);
}

.discover-voice-sms-list .why-box-list li {
    line-height: 38px;
}

.why-toll-free-list li {
    padding-left: 55px;
}

.top_40 {
    top: 40%;
}

.bottom100 {
    bottom: 100px;
}

.work-dot-particle {
    bottom: 12px;
    right: 50px;
}

.voice-sms-feature img {
    width: 40px;
}

.discover-voice-sms-list li {
    padding-left: 60px;
}

.hr-separator {
    width: 100%;
    float: left;
    background: #ddd;
    margin: 50px 0;
    height: 1px;
}

.column-count-list {
    -webkit-columns: 2;
    -moz-columns: 2;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 25px;
    column-gap: 25px;
}

.bold-line-text {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}

.card-no.big {
    font-weight: 900;
    font-size: 172px;
    line-height: 172px;
    letter-spacing: -7.88px;
    color: #fff;
}

    .card-no.big.teal {
        text-shadow: -1px 1px 0 #283f71, 1px 1px 0 #283f71, 1px -1px 0 #283f71, -1px -1px 0 #283f71;
    }

.card-content {
    margin-left: -2em;
    background: #fff;
    margin-top: 0;
    margin-right: 0em;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .card-content p {
        font-size: 18px;
    }

.btn-tertiary-teal {
    color: #ee645e;
    font-family: Roboto;
    font-weight: 500;
    font-size: 24px;
}

/*by sumit */

.BlueBannerText {
    text-transform: uppercase;
    color: #f56a5c;
    font-weight: 700;
    margin-bottom: 15px;
}

.clients {
    text-align: center;
}

.key {
    font-size: 50px;
    line-height: 65px;
    font-family: "Roboto";
    font-weight: bold;
    color: #283f71;
}

.desc {
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0;
    color: #4e4e4e;
    font-family: "FS Elliot Pro";
    padding: 0 123px;
}

.partner {
    font-size: 33px;
    font-weight: bold;
    font-family: "Roboto";
    line-height: 65px;
    color: #283f71;
}

.home-client-box {
    width: 100%;
    float: left;
    background: #fff;
    min-height: 265px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    transition: all 200ms ease-in;
    transform: scale(1);
    position: relative;
    border: 1px solid #dbd9d9;
    margin-bottom: 25px;
}

.features-boxes .channel-box {
    min-height: 311px;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    width: 100%;
    margin-bottom: 25px;
}

.home-client-box img {
    display: block;
    filter: grayscale(100%);
    transition: all 0.6s ease;
    width: auto;
}

.logo {
    /* visibility: visible; */
    /* animation-duration: 0.5s; */
    /* animation-delay: 0.1s; */
    /* animation-name: fadeInUp; */
    padding: 0px;
    position: relative;
    float: left;
}

.home-client-box:hover {
    box-shadow: 0px 0px 10px #d4d4d4;
    z-index: 2;
    transition: all 200ms ease-in;
    transform: scale(1.1);
    background: #ffffff;
}

    .home-client-box:hover img {
        filter: grayscale(0);
        z-index: 999;
    }

.highlighted {
    color: #f56a5c;
}

.features-boxes .channel-box img {
    width: 80px !important;
    margin-bottom: 20px;
}

/*--------- 14-03-2023-------- */

.policy-heading {
    font-size: 33px;
    color: #283f71;
    font-family: "FS Elliot Pro";
    font-weight: bold;
    line-height: 48px;
}

.personal-info {
    padding-left: 55px;
    list-style: disc;
}

.address-header {
    font-size: 22px;
    color: #283f71;
    font-family: "FS Elliot Pro";
    font-weight: bold;
    line-height: 29px;
}

.address-icon img {
    width: 60% !important;
}

.add-info li {
    padding-left: 45px;
}

/*--------- 09-03-2023-------- */

.gx-0 {
    --bs-gutter-x: 0;
}

.dltbox-1 {
    border: 1px solid #c4d3f4;
}

.dlt-reg .col-xl-4:nth-child(1) .dltbox-1,
.dlt-reg .col-xl-4:nth-child(2) .dltbox-1,
.dlt-reg .col-xl-4:nth-child(4) .dltbox-1,
.dlt-reg .col-xl-4:nth-child(5) .dltbox-1 {
    border-right: none;
}

.dlt-reg .col-xl-4:nth-child(1) .dltbox-1,
.dlt-reg .col-xl-4:nth-child(2) .dltbox-1,
.dlt-reg .col-xl-4:nth-child(3) .dltbox-1 {
    border-bottom: none;
}

.dltbox-1 {
    padding: 30px 50px;
}

.services-technologies {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 50px auto;
    width: 100%;
    float: left;
}

    .services-technologies div {
        margin: 30px;
    }

    .services-technologies img {
        margin: auto;
        display: block;
        /* min-height: 66px; */
        max-height: 53px;
        /* max-width: 66px; */
    }

.price-container {
    display: block;
    width: 100%;
    float: left;
    padding: 40px 0;
}

.price-box {
    margin: 0% 0% 1.5%;
    padding: 0% 0%;
    clear: both;
    border: solid 1px #dadada;
    width: 100%;
    display: inline-block;
}

    .price-box:last-child {
        margin-bottom: 0;
    }

.price-box-left {
    display: block;
    width: 80%;
    float: left;
    border-right: solid 1px #dadada;
    /* padding: 21px 0px; */
}

.price-box-right {
    display: block;
    width: 20%;
    float: right;
    /* padding: 10px 0px; */
}

.total-sms {
    clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
    background: linear-gradient(to right, #ff8c47, #f75b5f);
    padding: 50px 20px;
    width: 26%;
    float: left;
    font-size: 30px;
    line-height: normal;
    position: relative;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    height: 100%;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

    /* .total-sms::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 144px 50px 0 0;
  border-color: #f35a61 transparent transparent transparent;
  content: "";
  position: absolute;
  right: -30px;
  top: 0;
} */

    .total-sms span {
        color: #fff;
        margin: 0px;
        line-height: 38px;
        padding: 0;
    }

.sms-price-boxes {
    margin: 0px;
    width: 18.5%;
    text-align: center;
    float: left;
    border-right: 1px solid #dadada;
    padding: 26px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 138px;
}

    .sms-price-boxes:last-child {
        border-right: 0;
    }

    .sms-price-boxes p {
        font-size: 22px;
        font-weight: 700;
        margin: 0px 0px 3px 0px;
        color: #2c2c6a;
        font-family: "Roboto", sans-serif;
        line-height: 30px;
    }

    .sms-price-boxes span {
        font-size: 13px;
        line-height: normal;
        font-weight: 500;
        font-family: "Roboto", sans-serif;
        color: #575656;
        margin-top: 5px;
    }

.add-to-cart-this span {
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    color: #575656;
    font-family: "Roboto", sans-serif;
}

.strike-through-price {
    text-decoration: line-through;
    font-style: normal;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #575656;
}

.dis-div {
    display: flex;
    align-items: center;
}

.discount-plan-pricing {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-weight: 500;
    background: #3db1e4;
    border-radius: 50px;
    height: 28px;
    width: 85px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 7px;
    line-height: 27px;
}

.add-to-cart-this {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 138px;
}

.sale-price-btn {
    background: #2b2d6c;
    margin-left: 20px;
}

    .sale-price-btn:hover {
        background: #1a1e84;
    }

.modal_price_head {
    position: absolute;
    width: 95%;
    text-align: left;
    top: 22px;
    font-size: 18px;
    font-weight: 600;
    padding: 0 42px;
    font-family: "FS Elliot Pro";
    z-index: 0;
    line-height: 24px;
}

.mini-cart {
    margin-right: 20px;
    width: 90px;
    display: flex;
    cursor: pointer;
}

    .mini-cart svg {
        width: 40px;
        height: 40px;
    }

/* css updated by harshada */
.main-menu {
    margin-right: 115px;
}

.mini-cart span {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 17px;
    color: #283f71;
    position: relative;
    top: 7px;
    margin-left: 13px;
}

.cart-counter {
    position: absolute;
    right: -10px;
    top: -6px;
    background: linear-gradient(to right, #ff8c47, #f75b5f);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    border: 3px solid #fff;
    font-size: 12px;
}

.pulse2 {
    -webkit-animation: pulse 400ms infinite alternate;
    animation: pulse 400ms infinite alternate;
}

@-webkit-keyframes pulse {
    0% {
        background-color: #388e3c;
    }

    100% {
        background-color: #43a047;
    }
}

@keyframes pulse {
    0% {
        background-color: #388e3c;
    }

    100% {
        background-color: #43a047;
    }
}

/* -----------Responsive Code-------- */

@media only screen and (max-width: 767px) {
    .margin-top {
        margin-top: 0rem !important;
    }

    .login-and-signup .dropdown-menu {
        transform: translate3d(-0.2px, 48px, 0px) !important;
    }

    .contact-main-content {
        margin-top: 30px;
    }

    .info-contact-image {
        width: 100% !important;
    }

    .center-row {
        width: 100%;
    }

    .testi-slider-cont {
        padding: 20px 20px;
    }

    .inner-page-header p {
        padding-right: 0px;
    }

    .about-certification ul {
        flex-direction: column;
        margin-bottom: 30px;
    }

        .about-certification ul li {
            margin-right: 0px;
        }

    .data-section ul {
        flex-direction: column;
        margin-top: 60px;
        column-count: 2 !important;
        -webkit-columns: 2;
        -moz-columns: 2;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 25px;
        column-gap: 25px;
        padding-left: 0px;
    }

        .data-section ul li {
            margin-right: 0 !important;
        }

    .data-box {
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 30px;
    }

        .data-box div {
            text-align: center;
        }

        .data-box img {
            position: relative;
        }

    .company-data .why-right-plane {
        display: none;
    }

    .support-people img {
        position: relative;
        right: 0;
        bottom: 0;
    }

    .why-grid {
        grid-template-columns: none;
        padding-left: 15px;
    }

    .responsive-margin-top {
        margin-top: 0 !important;
    }

    .related-box,
    .p-100,
    .contact-zist {
        width: 100% !important;
    }

    .get-info {
        padding-left: 0px;
    }

    .center-heading {
        text-align: center;
    }

    .contact-wrapper {
        overflow-x: hidden;
    }

    .data-box h5 {
        font-size: 23px;
    }

    .data-box p {
        font-size: 16px;
    }

    .resp-d-none {
        display: none;
    }

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

    .header-right-creatives .circle-shape-left,
    .header-right-creatives .circle-shape-right,
    .header-right-creatives .dot-1 {
        display: none;
    }

    .column-count-list,
    .page-ul {
        grid-template-columns: none;
    }

    .use-case-slider-wrapper p {
        width: 100% !important;
    }

    .circle-header-bg {
        width: 315px;
        height: 315px;
    }

    .bold-line-text {
        padding: 20px;
        font-size: 20px;
    }

    .immediatelly-contact,
    .missed-call-steps {
        flex-direction: column;
        align-items: left;
    }

    .left-contact-message {
        width: 100%;
        text-align: center;
    }

    .right-contact-message {
        margin-top: 40px;
    }

        .right-contact-message a {
            font-size: 30px;
            font-weight: 600;
        }

    .missed-call-steps .card-content {
        margin-left: 0px;
    }

    .star-pattern {
        right: -25px;
    }

    .why-box-list {
        padding-left: 0px;
        margin-top: 50px;
    }

    .easy-steps {
        padding-left: 80px;
    }

    .zist-content,
    .all-about-services .section-sub {
        width: 100%;
    }

    .min-height390 {
        min-height: 0px;
    }

    .immediatelly-contact .contact-icon {
        right: 0px;
    }

        .immediatelly-contact .contact-icon:after {
            right: -16px;
            top: -18px;
        }

    .immediatelly-contact .contact-icon {
        margin-top: 0px;
        position: absolute;
    }

    .two-way-flex-col {
        flex-direction: column;
        flex-direction: column;
        background: transparent;
        border: 1px solid #c4d3f4;
        padding: 20px;
        border-radius: 30px;
        margin-top: 20px;
    }

        .two-way-flex-col .card-content {
            margin-left: 0px;
        }

    .card-no.big {
        font-size: 150px;
    }
}

.btn14 {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 11px;
    right: 0px;
    transition-duration: 0.5s;
    display: none;
}

    .btn14 .icon-circle {
        transition-duration: 0.5s;
        position: absolute;
        height: 44px;
        width: 44px;
        top: 8px;
        border-radius: 100%;
        background: transparent;
        border: 2px solid #283f71;
        left: -11px;
    }

    .btn14 .icon {
        transition-duration: 0.5s;
        position: absolute;
        height: 2px;
        width: 22px;
        top: 30px;
        background-color: #283f71;
        border-radius: 4px;
    }

        .btn14 .icon:before {
            transition-duration: 0.5s;
            position: absolute;
            width: 22px;
            height: 2px;
            background-color: #283f71;
            content: "";
            top: -8px;
            border-radius: 4px;
        }

        .btn14 .icon:after {
            transition-duration: 0.5s;
            position: absolute;
            width: 22px;
            height: 2px;
            background-color: #283f71;
            content: "";
            top: 8px;
            border-radius: 4px;
        }

.menu-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    display: none;
    position: fixed;
    z-index: 999999;
}

.hidden-bar {
    position: fixed;
    top: 0;
    right: -490px;
    width: 487px;
    height: 100%;
    padding: 40px;
    background: #283f71;
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: 99999999;
    transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 0.4s ease-out;
}

    .hidden-bar:before {
        content: "";
        position: absolute;
        background: url(../images/Homepage/BG-line.svg);
        width: 100%;
        height: 483px;
        bottom: -82px;
        background-repeat: no-repeat;
        right: -40px;
        background-size: contain;
        opacity: 0.2;
    }

    .hidden-bar.right-align.visible-sidebar {
        right: 0;
    }

    .hidden-bar .dropdown button {
        float: right;
        position: absolute;
        right: 0;
        top: 10px;
        height: 20px;
        width: 20px;
        background: transparent;
    }

        .hidden-bar .dropdown button:focus {
            box-shadow: none;
            outline: none;
        }

.hidden-bar-wrapper {
    height: 100%;
    margin-top: 30px;
}

.hidden-bar .side-menu ul li a .btn.expander .angle-down {
    position: absolute;
    background: url(../images/Homepage/plus-minus.png) no-repeat 0 0;
    right: 0px;
    top: 2px;
    height: 15px;
    width: 15px;
}

.hidden-bar .side-menu ul li a .btn.expander .angle-up {
    position: absolute;
    background: url(../images/Homepage/plus-minus.png) no-repeat 0 -45px;
    right: 0px;
    top: 8px;
    height: 11px;
    width: 15px;
}

.hidden-bar #menu-main-menu-top-horizontal-1 {
    padding-left: 0px;
}

.side-menu .menu {
    padding: 0px 25px 0 0;
    /* list-style: none; */
}

.hidden-bar #menu-main-menu-top-horizontal-1 li {
    list-style: none;
    float: left;
    display: block;
    width: 100%;
}

.hidden-bar .login-and-signup a {
    display: inline-block;
}

.hidden-bar .user-login a {
    display: inline-block;
    height: 48px;
    width: 199px;
}

.hidden-bar .login-and-signup {
    margin-top: 50px;
}

    .hidden-bar .login-and-signup h3 {
        color: #249fd4;
        font-size: 27px;
        font-weight: bold;
        margin-bottom: 21px;
    }

.hidden-bar .side-menu ul li a {
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    display: block;
    line-height: normal;
    padding: 10px 10px 10px 0;
    display: block;
    position: relative;
    text-decoration: none;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
    display: block;
    font-family: "FS Elliot Pro";
}

.hidden-bar .sub-menu li a {
    font-size: 18px !important;
    font-weight: 500;
}

.hidden-bar .side-menu ul li a:hover {
    color: #f9665a;
}

.hidden-bar.right-align .hidden-bar-closer {
    right: 15px;
    /* transform: translateX(-50%); */
    top: 18px;
    border: 2px solid #ddd;
    border-radius: 50%;
}

.hidden-bar .hidden-bar-closer {
    width: 47px;
    height: 47px;
    background: transparent !important;
    color: #ffffff;
    /* font-size: 60px; */
    border-radius: 0px;
    text-align: center;
    line-height: 35px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    z-index: 999999;
}

.hidden-bar .popup_close_cont {
    position: relative;
    width: 36px;
    height: 36px;
    margin-top: 8px;
    margin-left: 7px;
}

.hidden-bar .popup_close_bar:first-child {
    top: 12px;
    transform: rotate(45deg);
}

.hidden-bar .popup_close_bar {
    width: 26px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 2px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    .hidden-bar .popup_close_bar:nth-child(2) {
        top: 12px;
        transform: rotate(-45deg);
    }

.hidden-bar .popup_close:hover .popup_close_bar:first-child {
    transform: rotate(315deg);
    background-color: #fff;
}

.hidden-bar .popup_close:hover .popup_close_bar:nth-child(2) {
    transform: rotate(-315deg);
    background-color: #fff;
}

.sub-menu {
    padding-left: 2rem;
}

.form-floating label span {
    color: #ff0000;
}

.form-floating input:focus,
.form-floating select:focus,
.form-floating textarea:focus {
    box-shadow: 0 0 0 0.125rem rgb(12 131 255 / 70%);
}

label.error {
    position: absolute;
    bottom: -15px;
    left: 14px;
    font-size: 12px;
    background: #f16565;
    padding: 1px 5px;
    color: #ffffff;
    border-radius: 4px;
    top: auto;
    width: auto;
    height: auto;
    opacity: 1 !important;
}

.spinner {
    display: inline-block;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
}

.contact-form .btn-primary i {
    position: relative;
    top: -3px;
}

.verify-email-conatct {
    position: absolute;
    right: 8px;
    top: 23px;
    border-radius: 4px;
    cursor: pointer;
}

.verify-email {
    position: absolute;
    right: 8px;
    top: 23px;
    border-radius: 4px;
    cursor: pointer;
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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

.form-floating input.error:focus {
    box-shadow: 0 0 0 0.125rem rgb(241 101 101);
}

.request-a-callback-modal {
}

.modal-content .contact-form {
    padding: 80px;
    border-radius: 0 30px 30px 0;
    box-shadow: none;
}

.modal-content {
    border-radius: 30px !important;
    border: none;
}

.req-image {
    border-radius: 30px 0 0 30px;
}

.modal-body .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.req-image {
    width: 100%;
    float: left;
    background: #ffffff;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.verify-button-loader {
    position: absolute;
    right: 10px;
    top: 15px;
    background: #198754;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.otp-sent {
    position: absolute;
    font-size: 14px;
}

.shop_table {
    background: transparent !important;
}

.shop_table {
    border-collapse: collapse !important;
    border-color: var(--border-color) !important;
    border: 0px !important;
}

.shop_table {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
    margin-bottom: 0;
}

.cart-page {
    border: 1px solid #ddd;
    /* box-shadow: 0 -2px 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 20%);
 */
}

.shop_table tr:last-child {
    border-bottom: 0;
}

.shop_table a.remove:hover {
    background: #f3625e !important;
    color: #ffffff;
}

.place-order-div {
    background: #ffffff;
    border-top: 1px solid #ddd;
    padding: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: end;
    max-height: 88px;
}

    .place-order-div .add_to_cart {
        width: 248px;
    }

.summary .text {
    font-size: 1em;
    font-weight: 600;
}

.summary .price {
    font-size: 1em;
    float: right;
    font-weight: 700;
}

.shop_table thead {
    font-weight: 600;
    border-bottom: 1px solid #ddd;
}

.total-summery {
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    margin: 0px 24px;
    font-size: 18px;
    color: #191919;
    font-weight: bolder !important;
}

/* .shop_table thead th:first-child, table.shop_table thead th:first-child {
  border-rgb(88, 77, 77) 20px 0 0 20px;
} */

.checkout-btnn {
    padding: 20px;
    width: 210px;
    float: right;
    padding-top: 0;
}

.delete-item-cart {
    fill: #ff6e73;
    width: 22px;
    height: 21px;
    position: relative;
    top: 0px;
}

.remove:hover .delete-item-cart {
    fill: #ffffff;
}

.shop_table thead th,
table.shop_table thead th {
    background: #ffeae0;
}

.shop_table th,
table.shop_table th {
    padding: 15px 20px;
    font-size: 20px;
    color: #283f71;
    font-weight: 700;
    font-family: "FS Elliot Pro";
    border: 0px !important;
}

.shop_table .product-thumbnail {
    min-width: 32px;
}

/* .shop_table thead th:last-child {
  border-radius: 0px 20px 20px 0px;
} */

.screen-reader-text {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    clip-path: inset(50%);
    word-wrap: normal !important;
}

.border-none {
    border: none;
}

.place-order-div.border-none .add_to_cart {
    width: 210px;
}

.shop_table td,
table.shop_table td {
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 700 !important;
    font-family: "FS Elliot Pro";
    border: 0px !important;
    color: #2c2c6a;
    /* text-align: left !important; */
    background: #ffffff !important;
    border-bottom: #ececec;
}

    .shop_table td a,
    table.shop_table td a {
        line-height: 26px;
        display: inline-block;
        font-family: "FS Elliot Pro";
        font-weight: 700;
        font-size: 19px;
        color: #0d9dd6;
    }

.shop_table tr {
    border-bottom: 1px solid #e9e9e9;
}

.shop_table a.remove {
    width: 35px;
    height: 35px;
    border-radius: 30px;
    border: 1px solid #ececec;
    text-align: center;
    font-size: 15px;
    line-height: 29px;
    background: transparent !important;
    color: #ff6e73;
    margin-top: 18px;
}

.shop_table img {
    width: 60px !important;
}

.shop_table .quantity {
    position: relative;
    width: 240px !important;
    display: flex;
    align-items: center;
    margin: 10px 0;
    justify-content: space-between;
}

    .shop_table .quantity button.plus {
        top: -2px;
    }

    .shop_table .quantity button {
        position: absolute;
        right: 10px;
        background: transparent;
        border: 0px;
        padding: 0px;
        font-size: 16px;
        color: #f4615f;
    }

    .shop_table .quantity .qty {
        width: 3.631em;
        text-align: left;
        margin: 0 !important;
        background: #fff;
        border: 2px solid #f35f5f !important;
        font-size: 16px;
        font-weight: 700;
        color: #f46060;
        border-radius: 5px;
        width: 111px !important;
        height: 43px;
        margin-bottom: 0px !important;
        padding: 10px 30px 10px 10px !important;
    }

    .shop_table .quantity input.qty {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .shop_table .quantity button.minus {
        bottom: 2px;
    }

.append-summery {
    background: #ffffff;
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    /* box-shadow: 0 1px 1px 0 rgb(0 0 0 / 20%);   
    box-shadow: 0 -2px 10px 0 rgb(0 0 0 / 10%); */
}

    .append-summery h3 {
        display: block;
        text-transform: uppercase;
        padding: 18px 24px;
        font-weight: 700;
        color: #283f71;
        min-height: 47px;
        border-bottom: 1px solid #ddd;
        font-family: "FS Elliot Pro";
        margin: 0 !important;
        font-size: 20px;
        background: #ffeae0;
    }

.summary-item {
    padding: 15px 24px;
    color: #181818;
}

.cart-background {
    background-color: #fff;
}

.checkout-page-wrap .accordion-button:not(.collapsed) {
    background-color: #ee645e;
    color: #ffffff;
}

.checkout-page-wrap .accordion-button {
    color: #878787;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    font-family: "FS Elliot Pro";
}

.checkout-page-wrap .accordion-item {
    margin-bottom: 20px;
    border: 1px solid #dee2e6;
}

.checkout-page-wrap .accordion-button:focus {
    border-color: none;
    box-shadow: none;
}

.login-left h3,
.register-right h3 {
    font-family: "FS Elliot Pro";
    font-weight: 600;
    margin-bottom: 30px;
}

.login-left,
.register-right {
    width: 100%;
    float: left;
    padding: 20px;
    position: relative;
    height: 100%;
}

    .register-right:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 88%;
        background: #ddd;
        left: -13px;
    }

.checkout-submit {
    background: linear-gradient(to right, #f75b5f, #ff8c47);
    border: none;
    padding: 12px;
    font-weight: bold;
}

.checkout-border {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.payment-option img {
    width: 535px;
    padding: 20px 0;
}

/* .pay-now {
  width: 165px;
  float: right;
} */

.pay-now {
    display: flex;
    justify-content: flex-end;
}

.next_btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}

.billing-address tbody tr,
.billing-address tbody th {
    padding: 10px 0;
}

.h-40px {
    height: 40px !important;
}

.w-40px {
    width: 40px !important;
}

.navbar-nav-link {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: var(--navbar-color);
    padding: var(--navbar-link-padding-y) var(--navbar-link-padding-x);
    outline: 0;
    transition: color var(--transition-base-timer) ease-in-out, background-color var(--transition-base-timer) ease-in-out, border-color var(--transition-base-timer) ease-in-out;
    margin-right: 10px;
}

.navbar-nav-icon {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: var(--navbar-color);
    padding: var(--navbar-link-padding-y) var(--navbar-link-padding-x);
    outline: 0;
    transition: color var(--transition-base-timer) ease-in-out, background-color var(--transition-base-timer) ease-in-out, border-color var(--transition-base-timer) ease-in-out;
    margin-right: 10px;
}

.status-indicator-container:before {
    position: absolute;
    top: 50%;
    right: -10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #283f71;
    content: "";
}

.login-and-signup .dropdown-menu {
    padding: 20px;
    box-shadow: 0 10px 70px #00000026;
    background: #fff;
    width: 300px;
    border: none;
    top: 24px !important;
    position: absolute !important;
    border-radius: 0;
}

    .login-and-signup .dropdown-menu .dropdown-item {
        display: flex;
        align-items: center;
        padding: 5px 10px;
    }

        .login-and-signup .dropdown-menu .dropdown-item svg {
            margin-right: 10px;
        }

        .login-and-signup .dropdown-menu .dropdown-item:hover {
            background: #f0f7ff;
        }

.pd-right-lv2 {
    padding-right: 10px;
}

.avatar {
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 3px;
    background-color: #fff;
    z-index: 1;
}

.profile-info {
    display: flex;
    align-items: center;
}

.company-n {
    font-weight: 600;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    max-height: 24px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.company-em {
    font-weight: 400;
    font-size: 15px;
}

.success-card {
    width: 100%;
    padding: 30px;
    background: #ffffff;
}

.payment-s-card {
    width: 100%;
    background: #ffffff;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px;
    /* border: 1px solid #dad6ff; */
    margin-top: 0px;
    margin-bottom: 50px;
}

    .payment-s-card img {
        width: 100px;
        margin-bottom: 20px;
    }

    .payment-s-card h2 {
        color: #4caf50;
        margin-bottom: 20px;
        font-size: 30px;
        font-weight: bold;
    }

    .payment-s-card p {
        margin-bottom: 5px;
        text-align: center;
        font-size: 20px;
        line-height: 26px;
    }

.purchase-info {
    padding: 0;
    margin: 0;
    margin-top: 30px;
    width: 100%;
    float: left;
}

    .purchase-info li {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        float: left;
        display: flex;
        justify-content: space-between;
        margin-bottom: 8px;
        font-size: 16px;
    }

        .purchase-info li span:first-child {
            color: #5c5c5c;
        }

        .purchase-info li span:last-child {
            color: #000;
            font-weight: 500;
        }

.purchase-info2 {
    padding: 0;
    margin: 0;
    margin-top: 20px;
    width: 100%;
    float: left;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

    .purchase-info2 li {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        float: left;
        display: flex;
        justify-content: space-between;
        margin-bottom: 8px;
    }

        .purchase-info2 li span:first-child {
            color: #5c5c5c;
            font-weight: 600;
            font-size: 18px;
        }

        .purchase-info2 li span:last-child {
            color: #000;
            font-weight: 600;
            font-size: 18px;
        }

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        --bs-modal-width: 1000px;
    }
}

@media only screen and (max-width: 1600px) {
    .particle-0 {
        display: none;
    }

    .services-technologies div {
        margin: 23px;
    }
}

@media only screen and (max-width: 1500px) {
    .api-right-plane {
        right: -125px;
    }
}

@media only screen and (max-width: 1400px) {
    .channel-box {
        width: 100%;
        min-height: 375px !important;
    }

        .channel-box p {
            max-height: 148px;
            overflow: hidden;
            display: block;
            display: -webkit-box;
            max-width: 100%;
            -webkit-line-clamp: 6;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }
}

@media only screen and (max-width: 1366px) {
    .modal-content .contact-form {
        padding: 60px 50px 50px 30px;
    }

    .logo a span {
        bottom: 13px;
    }

    .logo img {
        top: -7px;
        width: 210px;
    }

    .main-menu > ul > li > a {
        font-size: 15px;
    }

    .mini-cart span {
        font-size: 15px;
    }

    .mini-cart {
        margin-right: 10px;
    }

    .main-menu {
        margin-right: 30px;
    }

    .contact-svg {
        width: 100% !important;
        margin-top: 30px !important;
    }

    .support-people img {
        right: 45px;
    }

    .testi-slider-cont .data .author-image img {
        width: 90px;
        height: 90px;
    }

    .dot-particle-use-case {
        display: none;
    }

    .get-info h2 {
        font-size: 38px;
    }

    .common-pages .inner-page-header h1 {
        font-size: 51px;
    }

    .section-heading {
        font-size: 42px;
        line-height: 53px;
    }

    .inner-page-container {
        padding-top: 55px;
    }

    .info-contact-image {
        width: 85%;
    }
}

@media only screen and (max-width: 1199px) {
    .company-data .why-right-plane {
        display: none;
    }

    .data-section ul li {
        margin-right: 29px;
    }

    .login-and-signup .dropdown-menu {
        transform: translate3d(235.8px, 58px, 0px) !important;
    }

    .header-section .login-and-signup {
        display: none;
    }

    .price-box-left {
        border-bottom: 1px solid #dadada;
        width: 100%;
        border-right: none;
    }

    .total-sms {
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        width: 100%;
        justify-content: center;
        padding: 10px 20px;
    }

    .sms-box-parent {
        /*border-bottom: 1px solid #dadada;*/
    }

    .sms-price-boxes {
        width: 25%;
    }

    .price-box-right {
        width: 100%;
    }

    .home-banner-left h1 {
        font-size: 43px;
    }

    .strike-through-price {
        font-size: 12px;
    }

    .dlt-reg .col-xl-4:nth-child(1) .dltbox-1,
    .dlt-reg .col-xl-4:nth-child(2) .dltbox-1,
    .dlt-reg .col-xl-4:nth-child(4) .dltbox-1,
    .dlt-reg .col-xl-4:nth-child(5) .dltbox-1 {
        border-right: 1px solid #c4d3f4;
    }

    .contact-icon:after {
        right: -15px;
        top: -15px;
    }

    .inner-case-skew {
        transform: none;
    }

    .channel-box {
        min-height: 242px !important;
    }

    .sms-price-boxes p {
        font-size: 26px;
        font-weight: 700;
        margin: 0px 0px 3px 0px;
        color: #2c2c6a;
        font-family: "Roboto", sans-serif;
        line-height: 30px;
    }

    .main-menu {
        display: none;
    }

    .header-section .container-fluid,
    .banner-section .container-fluid {
        padding: 0px 15px;
    }

    .any-q {
        margin-bottom: 15px;
    }

    .any-q-subtext {
        width: 100%;
        text-align: center;
    }

    .question-answer {
        margin-top: 30px;
    }

    .countless-container {
        padding-left: 0;
    }

    .support-people img {
        bottom: -149px;
        right: 20px;
    }

    .client-contact-head {
        font-size: 26px;
        line-height: 40px;
    }

    .call-div a {
        font-size: 26px;
    }

    .call-div h5 {
        font-size: 18px;
    }

    .contact-icon:before {
        right: 18px;
        top: 18px;
    }

    .contact-icon {
        width: 90px;
        height: 90px;
    }

    .footer-bg {
        margin-top: 90px;
    }

    .section-heading {
        font-size: 44px;
    }

    .why-grid {
        margin-top: 50px;
    }

    .btn14 {
        display: block;
        cursor: pointer;
        top: 20px;
        right: 4px;
    }

    .signup-btn {
        display: none;
    }

    .mini-cart {
        margin-right: 68px;
        /* margin-top: 8px; */
    }

    .why-ia {
        display: none;
    }

    .navbar-nav-link {
        margin-right: 79px;
    }

    .modal-content .contact-form {
        padding: 94px 70px 50px 45px;
    }
}

@media only screen and (max-width: 1050px) {
    /* .api-svg {
    width: 100%;
    right: 0;
  } */
}

@media only screen and (max-width: 991px) {
    .min-height390 {
        min-height: 0px !important;
    }

    .data-box {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .data-section ul {
        flex-direction: column;
        margin-top: 60px;
        column-count: 2 !important;
        -webkit-columns: 2;
        -moz-columns: 2;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 25px;
        column-gap: 25px;
        padding-left: 0px;
    }

        .data-section ul li:last-child {
            margin-top: 16px;
        }

        .data-section ul li:nth-child(3) {
            margin-top: 16px;
        }

    .req-image {
        padding-top: 45px;
    }

    .modal_price_head {
        width: 84%;
    }

    .navbar-nav-link {
        margin-right: 79px;
    }

    .price-box-left {
        padding: 0;
    }

    .append-summery {
        margin-top: 20px;
    }

    .price-box {
        display: flex;
        flex-direction: column;
    }

    .price-box-left {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #dadada;
        max-height: 175px;
    }

    .sms-price-boxes {
        padding: 7px 10px;
        min-height: 114px;
    }

    .price-box-right {
        width: 100%;
    }

    .dis-div {
        flex-direction: column;
        align-items: flex-start;
    }

    .discount-plan-pricing {
        margin-left: 0 !important;
    }

    .sub-caption {
        width: 100% !important;
    }

    .why-ia {
        display: none;
    }

    .contact-page .call-sms-point {
        padding-top: 70px !important;
    }

    .btn14 {
        /* right: 890px; */
        top: 8px;
        right: 4px;
    }

    .operator-section {
        margin-top: 0 !important;
        padding-top: 0;
    }

    .res-top {
        margin-top: 30px;
    }

    .res-bottom {
        margin-bottom: 30px;
    }

    .pe-5 {
        padding-right: 0 !important;
    }

    .container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .w-75 {
        width: 100% !important;
        text-align: center;
    }

    .call-sms-point {
        padding-top: 0;
    }

    .faqs .section-heading span {
        display: block !important;
    }

    .reimagine {
        overflow: hidden;
    }

    .why-box-list {
        padding-left: 0px;
        margin-top: 30px;
    }

    .section-heading.mt-5,
    .client-contact-head.mt-5 {
        margin-top: 0 !important;
    }

    .banner-subscribe {
        margin-top: 10px;
    }

    .channel-box {
        min-height: 275px !important;
    }

    .use-cases {
        padding-top: 0;
    }

    .home-banner-left {
        align-items: center;
        text-align: center;
        margin-top: 50px;
    }

    .banner-section {
        height: auto;
    }

    .home-banner-left p {
        max-width: 100%;
    }

    .faq-section,
    .multi-channel {
        overflow: hidden;
    }

    .home-banner-left h1 {
        font-size: 50px;
    }

    .banner-image-container {
        margin-top: 80px;
    }

    .header-right-creatives {
        margin-top: 70px;
    }

    .multi-channel-slider .swiper-wrapper {
        margin-left: 0;
        padding-bottom: 50px;
    }

    .multi-channel-slider-wrapper .swiper-button-prev,
    .multi-channel-slider-wrapper .swiper-button-next,
    .banner-arrow,
    .api-right-plane {
        display: none;
    }

    .inner-page-header-common-pages,
    .banner-caption {
        padding-right: 0px !important;
    }

    .multi-channel-skwe {
        width: 107%;
        height: 280px;
        right: -22px;
    }

    .use-case-navigation {
        bottom: -30px;
        width: 100%;
    }

    .sub-caption {
        text-align: center;
    }

    .section-heading {
        margin-bottom: 55px;
        text-align: center;
    }

    .use-case-box-right {
        margin-top: 50px;
    }

    .why-use:nth-child(2) {
        padding-top: 75px;
        padding-bottom: 40px;
    }

    .why-right-plane,
    .why-left-plane,
    .dot-particle-use-case,
    .multi-arrow-left {
        display: none;
    }

    .sms-api .row,
    .all-in-one .row {
        flex-direction: column-reverse;
    }

    .why-use-right {
        padding-left: 0;
    }

        .why-use-right .use-left-top {
            margin-bottom: 15px;
        }

    .why-use,
    .why-use-left,
    .why-use-right {
        margin-top: 30px;
    }

    /* .logo a span {
    display: none;
  } */
    .logo img,
    .logo {
        width: 180px;
        top: -3px;
        min-height: 1px;
    }

        .logo a span {
            line-height: 0;
            font-size: 13px;
        }

    .left-container {
        text-align: center;
    }

    .footer-buttons {
        justify-content: center;
    }

    .quarter-circle-bottom-right {
        margin-top: -100px;
    }

    .payment-row ul {
        max-width: 100%;
        justify-content: center;
    }

    .payment-txt {
        text-align: center;
    }

    ul.social-list {
        float: none;
    }

    .social-list li {
        margin: 3px !important;
    }

    body {
        overflow-x: hidden;
    }

    .laptop-img {
        right: -38px;
    }

    ul.sub-footer-list {
        text-align: center;
    }

    .powered-text {
        float: none;
        text-align: center;
        padding-top: 25px;
    }

    .section-heading span {
        display: inline-block;
    }

    .rev-col {
        flex-direction: column-reverse;
    }

    .support-people img {
        bottom: -149px;
        right: -75px;
    }

    .desc {
        padding: 0;
    }

    .big-circle {
        display: none;
    }

    .why-grid {
        padding-left: 0;
        margin-top: 30px;
        column-count: 1 !important;
        grid-template-columns: repeat(1, 1fr);
    }

    .client-contact-head {
        line-height: 36px;
    }

    .immediatelly-contact {
        flex-direction: column;
        text-align: center;
    }

    .right-contact-message {
        margin-top: 40px;
    }

    .left-contact-message {
        width: 100%;
    }

    .immediatelly-contact .contact-icon {
        transform: translateX(-50%);
        left: 50%;
    }

    .left-contact-message h4 {
        margin-top: 35px;
    }

    .contact-icon:after {
        border: 1px solid rgb(255 255 255);
    }

    .header-image {
        width: 100%;
    }

    .api-menu {
        flex-direction: row !important;
    }

    .call-div {
        padding-left: 130px;
    }

    .request-a-callback-modal .row {
        flex-direction: column-reverse;
    }

    .modal-content .contact-form {
        padding: 60px 20px;
        border-radius: 30px 30px 0 0;
    }

    .req-image {
        border-radius: 0 0 30px 30px;
    }

    .request-a-callback-modal .row .col-xl-5 {
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    }

    .request-a-callback-modal .row .col-xl-7 {
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    }
}

@media only screen and (max-width: 767px) {
    .smpp-card {
        margin-bottom: 40px !important;
    }

        .smpp-card:last-child {
            margin-bottom: 0px;
        }

    .shop_table .quantity {
        margin-left: 83px;
        right: 0;
    }

    .shop_table thead {
        display: none;
    }

    .shop_table,
    .shop_table tbody,
    .shop_table tr,
    .shop_table td {
        display: block;
        width: 100%;
    }

        .shop_table tr {
            margin-bottom: 15px;
        }

        .shop_table tbody tr td {
            text-align: right !important;
            padding-left: 50%;
            position: relative;
        }

        .shop_table .dis-div {
            padding-left: 146px;
        }

    .strike-through-price {
        padding-left: 41px;
    }

    .shop_table .dis-div .offer-price-strike {
        margin-right: 48px !important;
        margin-left: 0;
    }

    .shop_table .quantity {
        margin-left: 43px;
        right: 0;
    }

    .shop_table .message-quantity {
        margin-left: 84px !important;
    }

    .shop_table td:before {
        content: attr(data-title);
        position: absolute;
        left: 0;
        width: 50%;
        padding-left: 15px;
        text-align: left;
    }

    .shop_table tbody {
        padding-right: 8px;
    }

    .cart-table tbody {
        padding-right: 0;
    }

    .cart-summary {
        padding: 0;
    }

    .next_btn {
        margin-bottom: 16px;
        margin-right: 20px;
    }

    .cart_list_div {
        padding: 0;
    }

    .payment-option img {
        width: 438px;
    }

    .register-right::before {
        display: none;
    }

    .append-summery {
        margin-top: 20px;
    }

    .shop_table td,
    table.shop_table td {
        padding: 15px 11px;
    }

    .add-to-cart-this {
        min-height: 128px;
    }

    .price-box-left {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #dadada;
        display: flex;
        flex-direction: column;
    }

    .sms-box-parent {
        width: 100%;
        /*border-top: 1px solid #dadada;*/
    }

    .total-sms {
        max-height: 27px;
        font-size: 25px;
        padding: 24px 20px;
    }

    .sms-price-boxes {
        width: 25%;
        min-height: 127px;
        padding: 4px 10px;
    }

        .sms-price-boxes p {
            font-size: 23px;
            line-height: 29px;
        }

    .contact-team {
        margin-top: 15px !important;
    }

    .hidden-bar {
        width: 100%;
        right: -844px;
    }

    .api-menu {
        flex-direction: row !important;
    }

    .call-div {
        float: none;
        padding-left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .contact-icon {
        position: relative;
        margin-top: 55px;
    }

    .support-people img {
        bottom: -59px;
        right: 0px;
        width: 85% !important;
        padding: 0px 15px;
    }

    .services-technologies div {
        margin: 20px;
    }

    .common-pages .inner-page-header h1 {
        font-size: 46px;
        line-height: 58px;
    }

    .home-banner-left h1 {
        font-size: 37px;
    }

    .testimonial-wrapper-inner-page .swiper-pagination {
        left: 20px;
    }

    .api-svg {
        width: 284px;
        right: 0px;
    }

    .api-right-plane {
        display: none;
    }

    button.accordion-button.faq-heading {
        font-size: 20px;
        line-height: 26px;
        padding: 20px 20px !important;
    }

    .sms-api {
        padding-top: 0;
    }

    .why-use:nth-child(2) .plant-bucket {
        right: 5px;
    }

    .question-answer .accordion-body {
        padding-left: 20px;
        padding-right: 20px;
    }

    .plant-bucket {
        bottom: -25px;
        left: 3px;
        width: 70px !important;
    }

    .section-heading {
        font-size: 34px;
        text-align: center;
        line-height: 46px;
    }

    .sub-caption {
        text-align: center;
    }

    .header-section.fixed {
        position: relative;
    }

    .signup-heading {
        font-size: 25px;
        line-height: 31px;
    }

    .footer-buttons {
        flex-direction: column;
        align-items: center;
    }

    .common-btn.text-uppercase.me-5 {
        margin-right: 0 !important;
    }

    .footer-buttons a.banner-subscribe {
        margin-top: 24px;
    }

    .quarter-circle-bottom-right {
        width: 100%;
        height: 390px;
        overflow: hidden;
    }

    .laptop-img img {
        width: 80%;
      /*float: right;*/
    }

    .menu-part .common-btn {
        padding: 5px 10px 5px 10px;
        font-size: 15px;
    }

    .footer-bg {
        margin-top: 0;
    }

    .desc {
        padding: 0;
    }

    .client-contact-head {
        line-height: 36px;
        text-align: center;
    }

    .header-image {
        margin-top: 7px;
    }
}

@media only screen and (max-width: 600px) {
    .login-and-signup {
        margin-top: 30px !important;
    }

        .login-and-signup .dropdown-menu {
            transform: translate3d(-0.2px, 48px, 0px) !important;
        }

    .add_to_cart {
        margin-top: 0 !important;
    }

    .total-sms {
        width: 100%;
        max-height: 27px;
        font-size: 25px;
        padding: 24px 20px;
    }

    .sale-price-btn {
        margin-left: 0;
    }

    .Transactional-upper-section {
        display: flex;
        flex-direction: column;
    }

    .container {
        /* margin-left: 0; */
        padding-right: 20px;
        padding-left: 20px;
    }

    .footer-bg {
        margin-top: 0;
    }

    .client-contact-head {
        line-height: 36px;
    }

    .call-div {
        margin-top: 40px;
    }

    .header-image {
        margin-top: 7px;
    }

    .error_msg {
        margin-top: 18px;
    }

    .shop_table .quantity {
        margin-left: 45px;
    }
}

@media only screen and (max-width: 575px) {
    .shop_table .message-quantity {
        margin-left: 76px !important;
    }
}

@media only screen and (max-width: 545px) {
    .channel-box {
        min-height: 300px !important;
    }

    .shop_table .quantity {
        margin-left: 42px;
        right: 0;
    }
}

@media only screen and (max-width: 530px) {
    .shop_table .quantity {
        margin-left: 30px;
        right: 0;
    }

    .shop_table .message-quantity {
        margin-left: 56px !important;
    }
}

@media only screen and (max-width: 550px) {
    .shop_table .quantity {
        margin-left: 32px;
        right: 0;
    }

    .payment-option img {
        width: 382px;
    }

    .total-sms {
        width: 100%;
    }

    .sms-price-boxes {
        width: 50%;
    }

    .add-to-cart-this {
        display: flex;
        /* justify-content: flex-start; */
        align-items: center;
        flex-direction: column;
        min-height: 135px;
    }

    .sms-box-parent {
        display: flex;
        width: 100%;
    }

    .add_to_cart {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 500px) {
    .navbar-nav-link {
        margin-right: 72px;
    }

    .req-image {
        padding-top: 57px;
    }

    .navbar-nav-link {
        margin-top: -27px;
    }

    .shop_table .message-quantity {
        margin-left: 30px !important;
        right: 0;
    }

    .sms-box-parent {
        display: flex;
        /*width: 409%;
    flex-direction: column;*/
        flex-wrap: wrap;
        max-height: 118px;
    }

    .bottom-bordered-box {
        border-bottom: 1px solid #dadada;
    }

    .sms-price-boxes {
        min-height: 110px;
    }

    .price-box-right {
        margin-top: 97px;
    }

    .sms-price-boxes:nth-child(2) {
        border-right: 0;
    }

    .add-to-cart-this {
        min-height: 131px;
    }

    .error_msg {
        margin-top: 18px;
    }

    .shop_table thead {
        display: none;
    }

    .shop_table,
    .shop_table tbody,
    .shop_table tr,
    .shop_table td {
        display: block;
        width: 100%;
    }

        .shop_table tr {
            margin-bottom: 15px;
        }

        .shop_table tbody tr td {
            text-align: right !important;
            padding-left: 50%;
            position: relative;
        }

        .shop_table .dis-div {
            padding-left: 146px;
        }

    .strike-through-price {
        padding-left: 41px;
    }

    .shop_table .dis-div .offer-price-strike {
        margin-right: 48px !important;
        margin-left: 0;
    }

    .shop_table .quantity {
        margin-left: 17px;
        right: 0;
    }

    .shop_table td:before {
        content: attr(data-title);
        position: absolute;
        left: 0;
        width: 50%;
        padding-left: 15px;
        text-align: left;
    }
}

@media only screen and (max-width: 450px) {
    .shop_table .message-quantity {
        right: 3px !important;
    }

    .modal-content .contact-form {
        padding: 24px 20px;
    }

    .modal_price_head {
        padding: 0 0px 0 28px;
    }

    .req-image {
        padding-top: 87px;
    }

    .shop_table .quantity {
        margin-left: 0;
        right: 9px;
    }

    .payment-option img {
        width: 342px;
    }

    .strike-through-price {
        padding-left: 40px;
    }

    .shop_table .dis-div {
        padding-left: 120px;
    }

    .navbar-nav-link {
        margin-right: 65px;
        margin-top: -21px;
    }

    .btn14 {
        width: 27px;
        height: 27px;
    }

    .logo img,
    .logo {
        width: 180px;
    }

    .btn14 .icon-circle {
        height: 42px;
        width: 42px;
        top: 10px;
    }

    .btn14 .icon {
        width: 20px;
    }

        .btn14 .icon:before {
            width: 20px;
        }

        .btn14 .icon:after {
            width: 20px;
        }

    .mini-cart {
        margin-right: 54px;
        /* margin-top: 16px; */
    }
}

@media only screen and (max-width: 380px) {
    .shop_table .message-quantity {
        right: 35px !important;
    }
}

@media only screen and (max-width: 350px) {
    .shop_table .message-quantity {
        right: 36px !important;
    }

    .sms-box-parent {
        display: flex;
        flex-wrap: wrap;
        max-height: 228px;
    }

    .bottom-bordered-box {
        border-bottom: 1px solid #dadada;
    }

    .add-to-cart-this {
        margin-bottom: 0;
    }

    .shop_table .quantity {
        margin-left: 0;
        right: 62px;
    }

    .checkout-login {
        padding: 0;
    }

    .payment-option img {
        width: 263px;
    }

    .logo img,
    .logo {
        width: 156px;
    }

    .mini-cart {
        margin-right: 13px;
        margin-top: 16px;
    }

        .mini-cart svg {
            width: 35px;
            height: 35px;
        }
}

@media only screen and (max-width: 400px) {
    .dlt-operators img {
        width: 245px;
    }

    .shop_table td a,
    table.shop_table td a {
        font-size: 17px;
    }

    .shop_table .message-quantity {
        right: 35px !important;
    }

    .shop_table .quantity {
        margin-left: 0;
        right: 26px;
    }

    .payment-option img {
        width: 263px;
    }

    .shop_table .dis-div {
        padding-left: 89px;
    }

    .shop_table .dis-div {
        padding-left: 69px;
    }

    .payment-s-card h2 {
        font-size: 28px;
    }

    .logo img,
    .logo {
        width: 165px;
    }

    .mini-cart span {
        display: none;
    }

    .mini-cart {
        margin-right: 17px;
        margin-top: 3px;
    }

    .btn14 {
        /* right: 890px; */
        top: 7px;
        right: 4px;
    }
}

@media only screen and (max-width: 380px) {
    .dlt-operators img {
        width: 191px;
        height: 103px;
    }

    .dlt-operators h3 {
        font-size: 19px;
    }
}

@media only screen and (max-width: 370px) {
    .shop_table .quantity {
        margin-left: 0;
        right: 62px;
    }
}

@media only screen and (max-width: 333px) {
    .shop_table .quantity {
        margin-left: 0;
        right: 63px;
    }

    .shop_table .message-quantity {
        right: 56px !important;
    }
}

@media only screen and (max-width: 300px) {
    .dlt-operators img {
        width: 178px;
        height: 101px;
    }

    .dlt-operators h3 {
        font-size: 20px;
    }

    .card-no.big {
        font-size: 140px;
        line-height: 117px;
    }

    .section-heading {
        /* margin-top: 0 !important; */
    }

    .rqsted-btn {
        margin-top: 25px;
    }

    .common-pages .inner-page-header h1 {
        font-size: 41px;
    }

    .support {
        margin-bottom: 0;
    }

    .view-pricing {
        margin-top: 19px;
        margin-left: 0;
        font-size: 7px;
    }

    .common-btn .arrow-icon {
        margin-left: 9px;
        height: 27px;
        width: 20px;
    }

    .start-message {
        font-size: 7px;
    }

    .rqst-btn {
        margin-top: 25px;
        font-size: 7px;
        margin-left: 0;
    }

    .shop-table .quantity {
        right: 83px;
    }
}

.user-bg-info {
    background-color: #ffffff;
    border-radius: 50px;
    display: block;
}

.user-login {
    width: 55%;
}

.user-bg-info:before {
    border-top-color: #ffffff;
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}

/* voice sms pricing tab css */

.tab {
    display: flex;
    justify-content: center;
    margin-top: 31px;
}

    .tab button {
        background-color: #0d9dd6;
        border: none;
        color: #fff;
        padding: 10px 20px;
        margin-right: 2px;
        cursor: pointer;
        width: 181px;
        border-radius: 0 !important;
        display: block !important;
    }

        .tab button.active {
            /* background-color: #1a1e84; */
            background: linear-gradient(to right, #ff8c47, #f75b5f);
            box-shadow: 0 0 10px 1px rgb(255 163 149);
        }

.tabcontent {
    display: none;
    padding: 20px;
    margin-top: 18px;
}

    .tabcontent.show {
        display: block;
    }

.tab button:first-child {
    border-top-left-radius: 26px !important;
    border-bottom-left-radius: 26px !important;
}

.tab button:last-child {
    border-top-right-radius: 26px !important;
    border-bottom-right-radius: 26px !important;
}

.sms-price-boxes select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.2rem center;
    background-size: 1.2em;
    padding: 3px 24px 3px 10px;
    border-radius: 50px;
    border: 2px solid #2bb1e7;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    min-height: 31px;
    max-width: 85%;
}

    .sms-price-boxes select:focus-visible {
        border: 2px solid #2bb1e7;
        outline: none;
    }

.platform-fee {
    text-align: center;
    background: #ffb487;
    display: table;
    margin: 0 auto;
    padding: 5px 10px;
    font-size: 15px;
    color: #232323;
    border-radius: 5px;
    font-family: "Roboto", sans-serif;
}

    .platform-fee svg {
        margin-right: 5px;
        fill: #b53a0e;
    }

.ent-paln p {
    font-size: 22px;
    font-weight: 700;
    margin: 0px 0px 3px 0px;
    color: #2c2c6a;
    font-family: "Roboto", sans-serif;
    line-height: 30px;
}

.quantity label {
    display: -webkit-box;
    max-width: 165px;
    line-height: 1.5;
    max-height: 21px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #7e7e7e;
}

.shop_table .validity {
    justify-content: space-between;
}

.cartbg-white {
    background: #fff !important;
}

span.amount {
    color: #181818;
    font-size: 18px;
    font-weight: 700;
}

.tot-with-tax {
    font-weight: 800 !important;
}

@media only screen and (max-width: 1420px) {
    /* .sms-price-boxes span{
        font-size:13px !important;
    } */

    .price-box-left {
        width: 100%;
        border-bottom: solid 1px #dadada;
        border-right: 0px;
    }

    .price-box-right {
        width: 100%;
    }

    .api-right-plane {
        right: 0px !important;
    }
}

.login-and-signup.messaging-and-pricing.custom-mt-5 {
    margin-top: 3rem;
}

.loader_wrapper {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}

.lds-facebook {
    display: inline-block;
    position: absolute;
    width: 236px;
    height: 210px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50px, -50px);
}

    .lds-facebook div {
        display: inline-block;
        position: absolute;
        left: 8px;
        width: 16px;
        background: #fff;
        animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    }

        .lds-facebook div:nth-child(1) {
            left: 8px;
            animation-delay: -0.24s;
            background: #fa8552;
        }

        .lds-facebook div:nth-child(2) {
            left: 32px;
            animation-delay: -0.12s;
            background: #fa8552;
        }

        .lds-facebook div:nth-child(3) {
            left: 56px;
            animation-delay: 0;
            background: #fa8552;
        }

@keyframes lds-facebook {
    0% {
        top: 8px;
        height: 64px;
    }

    50%, 100% {
        top: 24px;
        height: 32px;
    }
}

.success_msg {
    color: #43a047 !important;
    font-weight: 600 !important;
    text-align: center;
}

.error_msg {
    color: #ff0000 !important;
    font-weight: 600 !important;
    text-align: center;
}

.loader_wrapper {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}

.lds-facebook {
    display: inline-block;
    position: absolute;
    width: 236px;
    height: 210px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50px, -50px);
}

    .lds-facebook div:nth-child(1) {
        left: 8px;
        animation-delay: -0.24s;
        background: #fa8552;
    }

    .lds-facebook div:nth-child(2) {
        left: 32px;
        animation-delay: -0.12s;
        background: #fa8552;
    }

    .lds-facebook div:nth-child(3) {
        left: 56px;
        animation-delay: 0;
        background: #fa8552;
    }

/* More Custom CSS */

.logo_blk_0 {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0;
    margin-top: 25px;
    padding-left: 0;
    margin-left: -29px;
}

    .logo_blk_0 .logo_blk_innr {
        display: inline-block;
        /* width: 80%; */
        /* height: 85px; */
        border-right: solid 1px #1161a7;
        /* padding-left: 56px; */
        text-align: center;
        padding-left: 10px;
    }

        .logo_blk_0 .logo_blk_innr p {
            font-size: 14px;
            line-height: 22px;
            margin-top: 0;
            font-family: "FS Elliot Pro";
            max-width: 100%;
            margin: 0 8px;
        }

            .logo_blk_0 .logo_blk_innr p span {
                font-size: 35px;
                clear: both;
                display: block;
                line-height: normal;
                color: #1161a7;
            }

.logo_blk_1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    gap: 0;
    margin-top: 28px;
}

    .logo_blk_1 img {
        width: 90px;
        vertical-align: middle;
        margin: 12px 30px 0px 0px;
    }

.logo_blk_2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    gap: 0;
    width: 116%;
}

    .logo_blk_2 img {
        height: 18px;
        width: auto;
        vertical-align: baseline;
    }

    .logo_blk_2 p {
        letter-spacing: 0;
        font-size: 18px;
        line-height: 22px;
        margin-top: 8px;
        margin-bottom: 0;
        font-family: "FS Elliot Pro";
    }

/* Tablet styles - Width between 600px and 1024px */
@media screen and (min-width: 600px) and (max-width: 1023px) {
    .logo_blk_0 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

        .logo_blk_0 .logo_blk_innr {
            width: 100%;
            margin-bottom: 15px;
            border-right: none;
        }

            .logo_blk_0 .logo_blk_innr:nth-child(odd) {
                border-right: solid 1px #1161a7;
            }

            .logo_blk_0 .logo_blk_innr p span {
                font-size: 28px;
            }

    .logo_blk_1 img {
        width: 75px;
        margin: 8px 15px 0px 0px;
    }

    .logo_blk_2 {
        width: 100%;
    }

        .logo_blk_2 p {
            font-size: 16px;
            line-height: 20px;
        }

    .sldtp_ptp {
        display: block;
        margin: auto;
    }
}

/* Mobile styles - Width < 600px */
@media screen and (max-width: 599px) {
    .logo_blk_0 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

        .logo_blk_0 .logo_blk_innr {
            width: 100%;
            margin-bottom: 15px;
            border-right: none;
            text-align: left;
        }

            .logo_blk_0 .logo_blk_innr:nth-child(odd) {
                border-right: solid 1px #1161a7;
            }

            .logo_blk_0 .logo_blk_innr p span {
                font-size: 24px;
            }

    .logo_blk_1 div {
        display: flex;
        flex-wrap: wrap;
    }

    .logo_blk_1 img {
        width: 60px;
        margin: 6px 12px 0px 0px;
    }

    .logo_blk_2 {
        width: 100%;
    }

        .logo_blk_2 p {
            font-size: 14px;
            line-height: 18px;
            text-align: center;
        }

        .logo_blk_2 img {
            height: 15px;
        }

    .sldtp_ptp {
        display: block;
        margin: auto;
    }
}