/**
 * ----------------------------------------
 * animation slide_up_down
 * ----------------------------------------
*/
.slide_up_down {
    -webkit-animation: slide_up_down 1.7s ease-in-out infinite alternate both;
    animation: slide_up_down 1.7s ease-in-out infinite alternate both;
}

/* ------- */
@-webkit-keyframes slide_up_down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@keyframes slide_up_down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}


/**
   * ----------------------------------------
   * animation scale_up_down
   * ----------------------------------------
  */
.scale_up_down {
    -webkit-animation: scale_up_down 1s ease-in-out infinite alternate both;
    animation: scale_up_down 1s ease-in-out infinite alternate both;
}

/* ------- */
@-webkit-keyframes scale_up_down {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

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

@keyframes scale_up_down {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

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

/**
   * ----------------------------------------
   * animation scale_up_down
   * ----------------------------------------
  */

  .wh_ptd0{padding-top: 0px !important;}

.mart {
    margin-top: 40px !important;
    margin-bottom: 16px;
}

.data_tp h5 {
    color: #10103b;
}

.data_tp h3 {
    color: #10103b;
}

@keyframes hero-shape-2 {
    0% {
        transform: translateY(30px);
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

.white-theme-color {
    color: #0e162a;
}

video#vid {
    clip-path: inset(1px 1px);
}

.pb-170 {
    padding-bottom: 170px;
}

/* .main-header {
    z-index: 99;
  } */

.hero-content-wrap {
    position: relative;
    z-index: 9;
}

.pb-160 {
    padding-bottom: 160px;
}

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

.sync-int img {
    width: 70%;
    /*margin-top: 30px; */
}

a.btn.nav-outline-btn.pd12 {
    padding: 12px;
    margin-left: 8px;
}

a.btn.nav-outline-btn.pd12:hover svg path {
    fill: #fff;
}

.book-a-demo h1 {
    font-weight: 700 !important;
}

.sync-int {
    margin-top: 40px;
}

.footer-nav-list li span {
    font-size: 18px;
    margin: 20px 0px 8px !important;
    display: inline-block;
    font-weight: 500;
    color: #10103b;
}

.crm-feedback-box h4 {
    font-family: var(--bs-font-sans-serif);
    color: #10103b;
    font-size: 20px;
}

.doc_wrp .app-two-single-feature {
    height: 100%;
    position: relative;
}

.doc_wrp .app-two-single-feature-content a {
    position: absolute;
    bottom: 35px;
}

.payment_bnr .dig_img1 img{width: 50%;}
.payment_bnr h1.lead {
    padding-bottom: 0px !important;
}

iframe#apiEditorifr {
    height: 700px;
}

.section-heading.text-center.try_pnl {
    margin-bottom: 20px;
}

.start_animated_btn {
    font-size: 16px;
    text-align: center;
    padding: 7px 14px;
    color: #000;
    border-radius: 4px;
    /* background: linear-gradient(to right, #f9b43c, #f37732, #f9b43c, #f37732); */
    background: #fff;
    background-size: 600%;
    -webkit-animation: anime 16s linear infinite;
    animation: anime 16s linear infinite;
    /* box-shadow:0 11px 22px -8px rgb(235 128 40 / 40%);
            -webkit-box-shadow:0 11px 22px -8px rgb(235 128 40 / 40%); */
}

.price-wrp .section-heading {
    margin-bottom: 0px !important;
}

.start_animated_btn span {
    font-weight: 600;
}

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

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

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

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.nav_fluid {
    max-width: 1320px;
    justify-content: space-between;
}

.offcanvas-body .navbar-dark.sticky-header.affix .main-menu li a.nav-link,
.offcanvas-body .navbar-dark.sticky-header.affix .action-btns a.btn-link {
    color: red !important;
}

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

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

.none {
    display: none;
}

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

.pb-10 {
    padding-bottom: 10px;
}

.header_fl {
    display: flex;
    width: 100%;
    margin: auto;
}

.ps_rl {
    position: relative;
}

/* .banner_effect{
      position: relative;
      background-image: url(https://templates.hibootstrap.com/nedo/default/assets/img/hero/hero-bg-2.png);
      padding: 0px 0 50px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      background-color: #ddd;
  } */

.banner_effect {
    position: relative;
    /* background-image: linear-gradient(-250deg,#1f0043,#1a0354,#000316,#02054e); */
    /* background-image: linear-gradient(-250deg, #02000e, #051128, #19021a, #050142); */
    padding: 0px 0 0px;
    /* background-size: 300% 300%; */
    /* background-color: rgb(255, 255, 255); */
    background-image: url(../img/white-banner-bg2.png);
    background-size: cover;
    /* animation: gradientBG 15s linear infinite;
    animation-direction: alternate; */
}


.cta-subscribe .action-btns a {
    margin: 0 4px;
    padding: 14px 38px;
    font-size: 20px;
}


@keyframes gradientBG {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}


/* banner style new */
.bounce {
    -webkit-animation: float 1500ms infinite ease-in-out;
    animation: float 1500ms infinite ease-in-out
}

.moveHorizontal {
    -webkit-animation: moveHorizontal 3000ms infinite ease-in-out;
    animation: moveHorizontal 3000ms infinite ease-in-out
}

.moveVertical {
    -webkit-animation: moveVertical 3000ms infinite ease-in-out;
    animation: moveVertical 3000ms infinite ease-in-out
}

.moveHorizontal_reverse {
    -webkit-animation: moveHorizontal_reverse 3000ms infinite ease-in-out;
    animation: moveHorizontal_reverse 3000ms infinite ease-in-out
}

.animationFramesTwo {
    -webkit-animation: animationFramesTwo 20000ms infinite ease-in-out;
    animation: animationFramesTwo 20000ms infinite ease-in-out
}

.waving_left {
    -webkit-animation: waving_left 7s infinite linear;
    animation: waving_left 7s infinite linear;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.waving_right {
    -webkit-animation: waving_right 7s infinite linear;
    animation: waving_right 7s infinite linear;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.rotate {
    -webkit-animation: rotation 20s infinite linear;
    animation: rotation 20s infinite linear
}

.rotate {
    -webkit-animation: rotation 20s infinite linear;
    animation: rotation 20s infinite linear
}

@-webkit-keyframes waving_left {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(3deg)
    }

    50% {
        -webkit-transform: rotate(6deg)
    }

    75% {
        -webkit-transform: rotate(-3deg)
    }

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

@keyframes waving_left {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(3deg)
    }

    50% {
        -webkit-transform: rotate(6deg)
    }

    75% {
        -webkit-transform: rotate(-3deg)
    }

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

@-webkit-keyframes waving_right {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(-3deg)
    }

    50% {
        -webkit-transform: rotate(-6deg)
    }

    75% {
        -webkit-transform: rotate(-3deg)
    }

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

@keyframes waving_right {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(-3deg)
    }

    50% {
        -webkit-transform: rotate(-6deg)
    }

    75% {
        -webkit-transform: rotate(-3deg)
    }

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

@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

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

@keyframes float {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

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

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@-webkit-keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg)
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }
}

@keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg)
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }
}

@-webkit-keyframes moveHorizontal {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    50% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

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

@keyframes moveHorizontal {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    50% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

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

@-webkit-keyframes moveHorizontal_reverse {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

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

@keyframes moveHorizontal_reverse {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

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

@-webkit-keyframes moveVertical {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

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

@keyframes moveVertical {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

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

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}


.hero-wrap.style2 .hero-shape-one,
.hero-wrap.style2 .hero-shape-two,
.hero-wrap.style2 .hero-shape-three,
.hero-wrap.style2 .hero-shape-four,
.hero-wrap.style2 .hero-shape-five,
.hero-wrap.style2 .hero-shape-six,
.hero-wrap.style2 .hero-shape-seven,
.hero-wrap.style2 .hero-shape-eight {
    position: absolute;
}

.hero-wrap.style2 .hero-shape-one {
    top: 50px;
    left: 0;
    width: 150px;
    filter: blur(50px);
}

.hero-wrap.style2 .hero-shape-two {
    bottom: 100px;
    left: 50px;
}

.hero-wrap.style2 .hero-shape-two {
    top: 40%;
    left: 50px;
}

.hero-wrap.style2 .hero-shape-three {
    bottom: 70px;
    left: 72%;
}

.hero-wrap.style2 .hero-shape-four {
    top: 80px;
    right: 25%;
    width: 100px;
}

.hero-wrap.style2 .hero-shape-five {
    bottom: 30px;
    right: 0;
}

.hero-wrap.style2 .hero-shape-six {
    top: 0px;
    right: 0;
    width: 150px;
    filter: blur(60px);
}

.hero-wrap.style2 .hero-shape-seven {
    top: 30px;
    left: 55%;
}

.hero-wrap.style2 .hero-shape-eight {
    bottom: 30px;
    left: 65%;
}

.hero-wrap.style2 .hero-slide-item {
    padding: 100px 0;
}

/* banner style new */

.developer_bg {
    background-image: url(../img/bg_developer.webp);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.body-gr {
    background-image: url(../img/bg_top.webp);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.top_gr_bg {
    background-image: url(../img/bg_top.webp);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.bottom_gr_bg {
    background-image: url(../img/bg_bottom.webp);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.build h3.h5 {
    color: #10103b;
}

.promo_img img {
    width: 94px;
}

.innr_head p.lead {
    margin-bottom: 0px;
}

.inner-header-bg {
    /* background-image: linear-gradient(-250deg,#02000e,#051128,#19021a,#050142); */
    /* background-image: url(../img/bg_header.webp);  */
    /* background-size: 300% 300%; */
    background-color: rgb(255, 255, 255);
    /* background-size: cover; */
    /* animation: gradientBG 35s linear infinite;
      animation-direction: alternate; */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    /* z-index: 999; */
    width: 100%;
}

.texture-right-effects {
    background-image: url(../img/baner_right_effect.webp);
    background-repeat: no-repeat;
    position: absolute;
    width: 314px;
    height: 675px;
    background-size: 80%;
    top: 180px;
    right: 0;
    background-position: right;
    z-index: 1;
    animation: hero-shape-2 8s linear 0s infinite alternate;
}



.texture-left-effects {
    background-image: url(../img/baner_left_effect.webp);
    background-repeat: no-repeat;
    position: absolute;
    width: 342px;
    height: 429px;
    background-size: 65%;
    top: 490px;
    left: 0;
    background-position: left;
    z-index: 1;
    animation: hero-shape-2 8s linear 0s infinite alternate;
}

.cstm-bk {
    /* background-image: linear-gradient(-250deg, #02000e, #051128, #0b0522, #050142) !important; */
    background: #f8f9fa;
}

.display-none {
    display: none;
}

.hd-style h2 {
    color: #fff;
    font-weight: 700;
    font-size: 36px;
    /* padding-bottom: 8px; */
}

.hd-style p {
    font-size: 18px;
    color: #ffff;
}

section.video-outer p {
    /* color: #fff; */
    font-size: 18px;
    padding: 0px 0 0px;
}

/* banner new button style */
.btn-bn {
    display: inline-block;
    line-height: 26px;
    font-weight: 600;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    position: relative;
    z-index: 1;
    border: none;
    padding: 19px 48px;
    border-radius: 0;
    color: #fff;
    overflow: hidden;
    font-size: 23px;
    white-space: nowrap;
    box-shadow: 0 11px 22px -8px rgb(247 92 58 / 40%);
    -webkit-box-shadow: 0 11px 22px -8px rgb(247 92 58 / 40%);
    border-radius: 6px;
    margin-top: 15px;
}

.btn-bn:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear-gradient(90deg, #fea735, #fe7235));
    background: linear-gradient(90deg, #fea735, #fe7235);
    z-index: -1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-bn:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0%;
    height: 100%;
    background: -webkit-gradient(linear-gradient(90deg, #fe7235, #fea735));
    background: linear-gradient(90deg, #fe7235, #fea735);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-bn2 {
    display: inline-block;
    line-height: 26px;
    font-weight: 600;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    position: relative;
    z-index: 1;
    border: none;
    padding: 19px 48px;
    border-radius: 0;
    color: #fff;
    overflow: hidden;
    font-size: 23px;
    white-space: nowrap;
    box-shadow: 0 11px 22px -8px rgb(45 82 174 / 40%);
    -webkit-box-shadow: 0 11px 22px -8px rgb(45 82 174 / 40%);
    border-radius: 6px;
    margin-top: 15px;
}


.btn-bn2:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear-gradient(90deg, #3562c1, #0a0e5f));
    background: linear-gradient(90deg, #3562c1, #0a0e5f);
    z-index: -1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-bn2:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0%;
    height: 100%;
    background: -webkit-gradient(linear-gradient(90deg, #0a0e5f, #3562c1));
    background: linear-gradient(90deg, #0a0e5f, #3562c1);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-bn:hover {
    color: #fff;
}

.btn-bn:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%;
}

.btn-bn2:hover {
    color: #fff;
}

.btn-bn2:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%;
}


.btn-bn3 {
    display: inline-block;
    line-height: 26px;
    font-weight: 500;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    position: relative;
    z-index: 1;
    border: none;
    padding: 15px 38px;
    border-radius: 0;
    color: #fff;
    overflow: hidden;
    font-size: 1rem;
    white-space: nowrap;
    border-radius: 4px;
    margin-top: 0px;
}


.btn-bn3:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear-gradient(90deg, #3562c1, #0a0e5f));
    background: linear-gradient(90deg, #3562c1, #0a0e5f);
    z-index: -1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-bn3:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0%;
    height: 100%;
    background: -webkit-gradient(linear-gradient(90deg, #0a0e5f, #3562c1));
    background: linear-gradient(90deg, #0a0e5f, #3562c1);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-bn3:hover {
    color: #fff;
}

.btn-bn3:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%;
}


/* banner new button style */


.banner-button {
    color: #fff;
    background: linear-gradient(90deg, #fea735, #fe7235);
    border: none !important;
    font-size: 23px;
    font-weight: 600;
    padding: 14px 40px;
    box-shadow: 0 11px 22px -8px rgb(247 92 58 / 40%);
    -webkit-box-shadow: 0 11px 22px -8px rgb(247 92 58 / 40%);
    transition: .5s;
    padding: 16px 48px;
}

.banner-button:hover {
    background: linear-gradient(90deg, #fe7235, #fea735);
    color: #fff;
}

.button-gradient {
    color: #000;
    /* background: linear-gradient(to right, #f9b43c, #f37732, #f9b43c, #f37732); */
    background: linear-gradient(20deg, #ff7f00, #ffbe00, #ff7f00, #FF6200);
    border: none !important;
    font-size: 23px;
    font-weight: 600;
    padding: 14px 40px;
    box-shadow: 0 11px 22px -8px rgb(235 128 40 / 40%);
    -webkit-box-shadow: 0 11px 22px -8px rgb(235 128 40 / 40%);
    transition: scale(.88);
    transition: .5s;
    padding: 16px 48px;
    /* background-size: 200% auto; */
    background-size: 250% auto;
}

.br-gra {
    position: relative;
}

.br-gra::after {
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    /* background: linear-gradient(to right, #f9b43c, #f37732, #f9b43c, #f37732); */
    background: linear-gradient(20deg, #ff7f00, #ffbe00, #ff7f00, #FF6200);
    content: '';
    z-index: -1;
    border-radius: 7px;
}

.btn.button-gradient:hover {
    background-position: 100%;
}

.button-gradient:hover {
    color: #000;
}

.banner-gradient {
    /* background: linear-gradient(-45deg, #141a44, #020222, #1c1f5a, #0b163f); */
    /* background: linear-gradient(-250deg,#021048,#1e38a3,#0b163f,#0471df); */
    /* background: linear-gradient(124deg, #080a46, #101042, #353472, #30308d, #1f2153, #1f2857);
  background-size: 1800% 1800%;
      background-size: 400% 400%;
      animation: gradient 15s ease infinite; */
    /* background:#0e113d; */
    color: #fff;
    margin-top: 0 !important;
}

.banner-gradient .hd-style h2 {
    font-size: 42px;
}


.pln_bt {
    color: #000;
    /* background: linear-gradient(to right, #f9b43c, #f37732, #f9b43c, #f37732); */
    background: linear-gradient(20deg, #ff7f00, #ffbe00, #ff7f00, #FF6200);
    border: none !important;
    font-size: 17px;
    font-weight: 600;
    padding: 14px 40px;
    transition: scale(.88);
    transition: .5s;
    padding: 12px 35px;
    /* background-size: 200% auto; */
    background-size: 250% auto;
    color: #10103b !important;
}

.pln_bt:hover {
    background-position: 100%;
}


.mk-pricing-column.bg-white:hover .pln_bt {
    background-position: 100%;
    color: #000 !important;
}


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

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


/* .banner-gradient h1 {
      background-image: url(https://crl2020.imgix.net/img/home-text-gradient.jpg?auto=format%2Ccompress);
      background-clip: text;
      color: transparent;
      background-size: 200%;
      -webkit-background-clip: text;
      -webkit-animation: animate 3.6s infinite alternate;
      animation: animate 3.6s infinite alternate;
      line-height: 1.2;
      font-weight: 700;
      max-width: 950px;
      margin: auto;
  }

  @-webkit-keyframes animate{
      to{
          background-position:100%
      }
  } */


@keyframes text-color-gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.gradient-color-text {
    color: #f37e33;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 11px;
    font-weight: 400;
}

/* background: linear-gradient(to right, #f9b43c 0%, #f37732 100%); */


@keyframes text-color-gradient2 {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.gradient-color-text2 {
    background-size: 200% 200%;
    background-image: linear-gradient(to right, #00a1ff, #00fedc, #00a1ff, #00fedc);
    -webkit-background-clip: text;
    animation: text-color-gradient2 3s ease infinite;
    color: transparent;
    font-size: 48px;
}

.banner-gradient h2 {
    font-size: 75px;
    font-weight: 700;
}

.dig_img img {
    width: 100%;
    margin-right: 0px;
    position: relative;
    right: -80px;
    top: 0;
}

.banner-gradient h1.lead {
    font-size: 23px;
    padding-top: 2px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #10103b;
    padding-bottom: 20px;
    line-height: 34px;
}

.action-btns p {
    font-size: 16px;
    color: #10103b;
    padding: 14px 0 10px;
    font-weight: 300;
    opacity: 0.7;
}

.hero-content-wrap .action-btns {
    padding-top: 15px !important;
}

:root {
    --border-radius: 8px;
    --border-width: 2px;
    --gradient-1-color: linear-gradient(to right, #02efb8, #067db7);
    --gradient-2-color: linear-gradient(to top right, #FC5C7D, #ef8e38);
}


.btm::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: var(--border-width) solid transparent;
    z-index: -1;
    margin: calc(var(--border-width) * -1);
    border-radius: inherit;
}

.gradient-1 {
    /* For some reason, you have to have this sequence of styling attributes to apply the effects */
    background: var(--gradient-1-color);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 19px;
    font-weight: 600;
    box-shadow: 0 11px 22px -8px rgb(5 158 183 / 28%);
    /* If you try to put the background-clips and text-fill-colors anywhere else, it won't work */
}

.gradient-1::before {
    background: linear-gradient(124deg, #222159, #101042) padding-box, var(--gradient-1-color) border-box;
}

.testimonial-custom h3 {
    color: #10103b;
    font-size: 34px;
    font-weight: 600;
}


.testimonial-custom .testimonial-tab-content .author-info h6 {
    color: #10103b;
    font-size: 20px;
    font-weight: 500;
}

.ts_grid {
    background: #f5f5f7 !important;
    border-color: #f5f5f7 !important;
}

.ts_grid h6 {
    color: #10103b;
    font-size: 18px;
    font-weight: 500;
}

.testimonial-tab-link.ts_grid.active h6 {
    color: #fff;
}

.testimonial-custom .nav-link.d-flex.align-items-center.rounded-custom.border.border-light.border-1.testimonial-tab-link.ts_grid.active {
    background: linear-gradient(90deg, #021048, #1e38a3) !important;
}

/* .promo-card-info i {
      color: #000;
  } */

img.img-fluid.mb-32.qt-img {
    width: 75px !important;
    filter: brightness(0.5);
}

.section-heading.sec-cta {
    margin: 0px;
}

.section-heading.sec-cta h2 {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
}

.cta-subscribe .action-btns a {
    margin: 0 4px;
    padding: 14px 38px;
    font-size: 18px;
}

.get_ct_btn {
    color: #fff;
    transition: all 0.7s ease-in-out;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    padding: 16px 38px !important;
}


.get_ct_btn:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear-gradient(90deg, #fea735, #fe7235));
    background: linear-gradient(90deg, #fea735, #fe7235);
    z-index: -1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.get_ct_btn:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0%;
    height: 100%;
    background: -webkit-gradient(linear-gradient(90deg, #fe7235, #fea735));
    background: linear-gradient(90deg, #fe7235, #fea735);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.get_ct_btn:hover {
    color: #fff;
}

.get_ct_btn:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%;
}

.pe-3.cyber-testimonial-author-img img {
    width: 60px;
}


.book_ct_btn {
    color: #fff;
    transition: all 0.7s ease-in-out;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    padding: 16px 38px !important;
    z-index: 999;
    width: 100%;
}


.book_ct_btn:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear-gradient(90deg, #fea735, #fe7235));
    background: linear-gradient(90deg, #fea735, #fe7235);
    z-index: -1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.book_ct_btn:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0%;
    height: 100%;
    background: -webkit-gradient(linear-gradient(90deg, #fe7235, #fea735));
    background: linear-gradient(90deg, #fe7235, #fea735);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.book_ct_btn:hover {
    color: #fff;
}

.book_ct_btn:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%;
}

/* .get_ct_btn:hover {
    background: #e15f26;
    border: solid 1px #e15f26;
    color: #fff;
} */

a.btn.gt-outline {
    color: #fff;
    border: solid 1px;
}

a.btn.gt-outline:hover {
    background: #ffffff;
    border: solid 1px #ffffff;
    color: #10103b;
}

.cta-subscribe .action-btns a.gradient-outline {
    padding: 16px 48px !important;
}

.section-heading.sec-cta p {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
}

.footer-single-col p.py-4 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

/* .our-services .feature-img-holder img {
      width: 75%;
  } */

.our-services .why-choose-content {
    padding-top: 10%;
}

.rgt_slide {
    position: absolute;
    right: -71px;
    top: 0;
    text-align: right;
}

.ps_rel {
    position: relative;
}

.our-services .why-choose-content h2 {
    color: #10103b;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
}

.our-services .why-choose-content p {
    font-size: 16px;
}

.our-services .why-choose-content ul li {
    font-size: 16px;
    padding: 8px 0 8px 32px !important;
}

.our-services .why-choose-content i {
    color: #10103b !important;
    font-size: 24px;
    position: absolute;
    top: 1px;
    font-weight: 300;
    left: 0;
}

.our-services .why-choose-content ul li.py-1 {
    position: relative;
    width: 100%;
    color: #10103b;
}

.our-services .feature-tab-list-2 li a {
    background: no-repeat;
    border: none;
    font-size: 36px;
    font-weight: 300;
    color: #b7b7b7;
    padding: 0px 0px 12px;
    margin: 0 40px;
    border-bottom: solid 2px;
    border-radius: 0px;
}

.our-services .feature-tab-list-2 li a.active {
    font-weight: 700;
    /* background: linear-gradient(to right, #00e2ff 15%, #00ffcd 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; */
    border-bottom: 2px solid #10103b;
    /* border-image: linear-gradient(0.13turn, #00e2ff, #00e2ff, rgba(56,2,155,0));
      border-image-slice: 1; */
    margin-top: -7px;
    color: #10103b;
    font-size: 45px;
    padding-bottom: 4px;
}

.l-size {
    width: 180px;
}

.start-btn {
    padding: 9px 30px;
    font-size: 16px;
    border-radius: 4px;
}



.built-pnl-:hover {
    /* background: linear-gradient(131deg, #0489ee, #152fa2) !important; */
    background-image: linear-gradient(to right top, #0292f5, #0080e7, #006dd9, #005bc9, #0148b9, #0943b6, #103fb2, #163aaf, #1642b9, #164bc3, #1653cd, #155cd7);
}

/* .built-pnl:hover h3.mb-4 {
      color: #fff !important;
  }

  .built-pnl:hover p {
      color: #fff;
  }

  .built-pnl:hover i {
      color: #fff;
  } */

.built-pnl:hover a.link-with-icon {
    border: solid 1px #1dfff2;
    color: #1dfff2;
    opacity: 1;
}

.built-pnl:hover a.link-with-icon i {
    color: #1dfff2 !important;
}

.height {
    height: 68px;
}

.cta-join-conver {
    /* border: solid 1px #e3e7ef; */
    background: #f5f7fc !important;
    padding: 48px 0px;
}

.cta-join-conver .section-heading.sec-cta h2 {
    color: #10103b;
    margin-bottom: 8px;
    margin-top: 0px;
}

.cta-join-conver .section-heading.sec-cta p {
    color: #10103b;
}

.cta-subscribe .cta-join-conver .action-btns.covrs a {
    margin: 0 12px;
    padding: 0;
    font-size: 20px;
    background: #0c2da4;
    height: 50px;
    width: 50px;
    display: inline-block;
    line-height: 44px;
    border-radius: 8px;
    border: 2px solid #0c2da4;
}

.cta-subscribe .cta-join-conver .action-btns.covrs a svg {
    width: 26px;
}

.cta-subscribe .cta-join-conver .action-btns.covrs a:hover {
    background: transparent;
    border: 2px solid rgba(0, 0, 0, 0.12);
}

.cta-subscribe .cta-join-conver .action-btns.covrs a:hover .cv_color {
    fill: #0c2da4;
}

.udmy .action-btns a {
    font-size: 18px;
    padding: 14px 38px;
}

.cv_color {
    fill: #fff;
}

.cta-gradient {
    /* background-image: linear-gradient(135deg, #220546, #19021a, #220546, #161a59); */
    /* background-image: linear-gradient(-250deg,#02000e,#051128,#0b0522,#050142) !important; */
    /* background-size: 180%; */
    background-color: #06113b;
}

section.custom-inte-bg {
    background-image: url(../img/hero-bg-2.png);
    background-size: cover;
    background-position: center top;
}

/* .built-pnl {
    -webkit-transition: color 300ms;
    transition: color 300ms;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
  }
  .built-pnl:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(to right top, #0292f5, #0080e7, #006dd9, #005bc9, #0148b9, #0943b6, #103fb2, #163aaf, #1642b9, #164bc3, #1653cd, #155cd7);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out;
    border-radius: 8px;
  }
  .built-pnl:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  } */

.promo-card-info {
    position: relative;
}

.gradient_one {
    background: linear-gradient(46deg, #03072e 0, #0b3498 96%, #0b3293);
}

.gradient_two {
    background: linear-gradient(136deg, #0a0c30 0, #0b3498 96%, #0b329e);
}

.gradient_three {
    background: linear-gradient(314deg, #060928 0, #0c3cbb 96%, #0d3fbb);
}

/* Radial Out */
.built-pnl {
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    /* border: solid 2px #ffffff2e; */
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    /* background: linear-gradient(301deg,#0f2854 0,#0d2055 40%,#0b2e79); */
}

.built-pnl a {
    margin-top: 30px !important;
}

/* .built-pnl:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to right top, #0292f5, #0080e7, #006dd9, #005bc9, #0148b9, #0943b6, #103fb2, #163aaf, #1642b9, #164bc3, #1653cd, #155cd7);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  } */


/* .built-pnl:hover .built-pnl-card-bg {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
      -webkit-transform-origin: bottom center;
      transform-origin: bottom center;
  } */

/* .built-pnl-card-bg {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: linear-gradient(to right top, #0292f5, #0080e7, #006dd9, #005bc9, #0148b9, #0943b6, #103fb2, #163aaf, #1642b9, #164bc3, #1653cd, #155cd7);
      -webkit-transform: scale(1, 0);
      transform: scale(1, 0);
      -webkit-transform-origin: top center;
      transform-origin: top center;
      -webkit-transition: -webkit-transform 0.5s ease;
      transition: -webkit-transform 0.5s ease;
      transition: transform 0.5s ease;
      transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  } */

/* .built-pnl:hover{
      background-image: linear-gradient(to right top, #0292f5, #0080e7, #006dd9, #005bc9, #0148b9, #0943b6, #103fb2, #163aaf, #1642b9, #164bc3, #1653cd, #155cd7);
  }



  .built-pnl:hover, .built-pnl:focus, .built-pnl:active {
    color: white;
  }


  .built-pnl:hover .promo_img img {
      filter: brightness(0) invert(1);
      animation: scale_up_down 2s ease-in-out infinite alternate both;
  }


  .built-pnl:hover:before, .built-pnl:focus:before, .built-pnl:active:before {
    -webkit-transform: scale(2);
    transform: scale(2);
  } */

.video-outer img {
    max-width: 100%;
}


.integration_cstm h2 {
    color: #FFF;
}

.integration_cstm p {
    color: #FFF;
    font-size: 23px;
    line-height: 35px;
}

.bg-white h2 {
    color: #10103b;
}

.bg-white p {
    color: #10103b;
}

.bg-light h2 {
    color: #10103b;
}

.bg-light p {
    color: #10103b;
}

.bg-normal h2 {
    color: #10103b;
}

.bg-normal p {
    color: #10103b;
}

/* .pr_rw1 a {
    margin: 0 22px;
} */

.highlight3 {
    background: rgb(240, 240, 240);
    padding: 12px;
    line-height: 19px;
}

.highlight3 code{
    background: rgb(242, 242, 242) !important;
    color: #10103b;
}

.pr_rw1 {
    text-align: center;
    margin: 35px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pr_rw1 a {
    margin: 15px;
}

.pr_rw1 img {
    width: 120px;
    border-radius: 6px;
}

.promo_img {
    margin-bottom: 32px;
}

.gradient_one .promo_img img,
.gradient_two .promo_img img,
.gradient_three .promo_img img {
    filter: brightness(0) invert(1);
}

section.blue_header_inner {
    padding-top: 180px;
}

.process_work span.h6 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 15px;
    display: inline-block;
}

.process_work .icon-content p {
    font-size: 20px;
}

.single-doc-step {
    background: #fff;
    box-shadow: 50px 20px 100px hsl(0deg 0% 45% / 15%);
    border-radius: 6px;
}

.single-doc-step a {
    display: block;
}

.single-doc-step .ar {
    float: right;
    color: #071c4d;
    font-size: 17px;
}

.single-doc-step h6 {
    font-size: 25px;
    font-weight: 600;
    padding-top: 8px;
    font-family: var(--bs-font-sans-serif);
}

.single-doc-step img {
    width: 45px;
}

.single-doc-step .rep {
    font-size: 40px;
    color: #071c4d;
    line-height: normal;
}

.blog-details-wrap .m_bnr {
    width: 100%;
}

section.blog-details {
    border-top: 1px solid #dddddd94;
}

.blog-details-wrap h4 {
    font-size: 35px;
    margin: 32px 0 20px;
    line-height: 50px;
    font-weight: 700;
}

.post-by-user {
    margin-bottom: 12px;
    font-size: 16px;
    color: #757575;
}

.post-by-user span {
    color: #10103b;
}

.cte-mtb {
    margin: 20px 0px;
}

#modal-subscribe h1 {
    font-size: 26px;
}

#modal-subscribe .modal-body {
    padding: 25px;
}

.modal-backdrop{z-index: 9999;}
#modal-subscribe{z-index: 99999;}

.sbr-grp a.btn.btn-primary.btn-lg {
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0px 6px 6px 0px;
}

.sbr-grp input.input-lg.form-control {
    border: solid 1px #DDD;
}

#modal-subscribe p.text-center {
    line-height: 22px;
    padding-top: 3px;
}

#modal-subscribe button.close {
    background: transparent;
    border: 0;
    font-size: 22px;
    opacity: 0.4;
    position: absolute;
    right: 15px;
    top: 5px;
}

.limit-3-line-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

.blog-details-wrap p {
    font-size: 16px;
    color: #10103b;
}

.recent_bog h3 {
    padding-top: 15px;
}

.article-content p {
    font-size: 16px;
    line-height: 1.6;
    color: #181c49;
    padding-top: 6px;
    margin-bottom: 0;
}

.hip-grid {
    display: inline-block;
}

.accordion.faq-accordion h3 {
    margin-bottom: 30px;
    font-family: 'Inter', sans-serif;
    font-size: 25px;
}

.faq-section .accordion-body {
    font-size: 16px;
    color: #181c49;
}

.faq-section .support-article-tab button.nav-link {
    font-size: 16px;
    font-weight: 400;
    color: #78798c;
}

.form_bg_style {
    /* background-image: linear-gradient(to right top, #153cb7, #1a339e, #1a2a86, #19226f, #161a59, #151957, #151854, #141752, #161d62, #182373, #182985, #162f97); */
    /* background-image: linear-gradient(-250deg,#02000e,#051128,#0b0522,#050142) !important; */
    padding: 100px 25px;
    border-radius: 20px;
    border: solid 1px #dddddd94;
    /* box-shadow: 0 5px 20px 0 rgb(210 210 245 / 75%); */
    scroll-margin-top: 25px;
}

.form_bg_style h2 {
    color: #10103b;
}

.form_bg_style p {
    color: #10103b;
}

.contact-us-form input,
.contact-us-form textarea {
    background: transparent;
    padding: 12px 20px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: #10103b;
    border: 1px solid #ddd;
}


.contact-us-form input::placeholder,
.contact-us-form textarea::placeholder {
    color: #707070 !important;
}



.cn_sbt {
    display: inline-block;
    padding: 16px 40px;
}

.submit_fr_btn {
    color: #10103b;
    background: #fff;
    border: solid 1px;
}

.submit_fr_btn:hover {
    background: #10103b;
    border: solid 1px #10103b;
    color: #fff;
}

.validation_message {
    width: 100%;
    float: right;
}

.validation_message p {
    margin-bottom: 0px;
}

.btn-gradient {
    padding: 18px 48px;
    background-image: linear-gradient(90deg, #02efb8 0%, #00bafc 50%);
    border-radius: 6px;
    font-size: 23px;
    text-decoration: none;
    font-weight: 600;
    color: #fff;
}

.contact-us-form label {
    color: #10103b;
}

.btn-gradient {
    padding: 15px 48px;
    background: #0c2da4;
    border-radius: 6px;
    font-size: 20px;
    text-decoration: none;
    font-weight: 500;
    color: #fff;
}

.btn-gradient:hover {
    background: #07248d;
    color: #fff;
}

.pricing-info {
    position: relative;
}

.pricing-info p {
    font-size: 17px;
    line-height: 26px;
    padding-bottom: 25px;
}

.pricing-info h2 {
    font-size: 20px;
    margin-top: 15px;
    font-weight: 600;
}

.pricing-info h5 {
    font-size: 16px;
    color: #10103b;
}

.price_check li {
    width: 100%;
    color: #10103b;
    margin: 1px 0px;
}

.price_check li i {
    color: #10103b !important;
}

.pricing-info h2 img {
    width: 32px;
    margin-right: 5px;
}

.pricing-info .link-with-icon {
    border: solid 1px #f38815;
}

.built-pnl:hover h2 {
    color: #fff;
}

.built-pnl:hover h5 {
    color: #fff;
}

.built-pnl:hover .price_check li {
    color: #fff;
}

.built-pnl:hover .price_check li i {
    color: #fff !important;
}

.benefit_sec .single-feature p {
    font-size: 16px;
    margin-top: 16px;
}

.benefit_sec h5 {
    color: #10103b;
    font-size: 20px;
}

.benefit_sec .single-feature {
    align-items: flex-start;
}

.benefit_sec .single-feature img {
    margin-bottom: 0px;
    margin-top: 16px;
    max-width: 60px;
}

.benefit_sec .row {
    margin: 0 -30px;
}

.benefit_sec .row>* {
    padding: 0 30px;
}

table.compar-table th,
table.compar-table td {
    border: none;
    border-bottom: solid 1px #a4a4a43b;
    padding: 26px 0px;
}

table.compar-table th {
    font-size: 22px;
}

table.compar-table td.ls_label {
    font-size: 19px;
}

table.compar-table td {
    font-size: 17px;
}

table.compar-table tr:nth-child(even) {
    background-color: transparent;
}

.v_description h2 {
    font-size: 25px;
    font-weight: 600;
    padding-top: 32px;
    margin-bottom: 6px;
    font-family: 'Inter', sans-serif;
}

.v_description p {
    font-size: 17px;
    color: #10103b;
    opacity: 0.8;
}

.fl_right {
    float: right;
}

.community-content p {
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    padding-bottom: 45px;
}

.sw_icon {
    padding: 20px 6px 0px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.sw_icon span i {
    font-size: 17px;
}

.sw_icon span {
    font-size: 14px;
    padding: 0 30px 0 0px;
}

.sw_icon span.fl_right {
    padding-right: 0px;
}

.connected-app-single:hover {
    box-shadow: none;
}

.dev-challenge h5 {
    font-size: 22px;
    color: #10103b;
    padding-bottom: 20px;
}

.dev-challenge p {
    font-size: 21px;
    color: #10103b;
    padding-top: 32px;
    opacity: 0.7;
}

.subscribe-info-wrap h2 {
    font-size: 36px;
}

.form-block-banner {
    padding: 40px 0px;
    border-radius: 8px;
    background: #f5f5f5;
}

.subscribe-info-wrap .section-heading {
    margin-bottom: 0px;
}

.udmy_left {
    background-color: #f5f5f5;
    background-image: url(../img/udemy_bg.png);
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: right bottom;
    display: grid;
    grid-template-columns: 2fr 1fr;
    border-radius: 8px;
    padding: 100px 0px;
}

.udmy {
    background: #f5f5f5;
}

.ud_logo img {
    width: 88px;
}

.ud_logo {
    margin-bottom: 25px;
}

.udmy span {
    font-size: 22px;
    color: #10103b;
    margin-bottom: 20px;
}

.udmy p {
    font-size: 18px;
    color: #000000;
    padding: 0 65px;
}

.udmy_left p{
    font-size: 18px;
    color: #000000;
    padding: 4px 0px 0px;
}

.mobile_vw{display: none;}

.udmy_left h2,
.udmy h2 {
    color: #000000;
}

.app-two-single-feature-icon.box-six i {
    background-color: rgba(185, 43, 39, 0.1);
    color: #b92b27;
}

.app-two-single-feature-icon.box-seven i {
    background-color: rgba(244, 128, 36, 0.1);
    color: #f48024;
}

.app-two-single-feature-icon.box-eight i {
    background-color: rgba(255, 69, 0, 0.1);
    color: #ff4500;
}

.doc_wrp h2 {
    color: #000000;
}

.doc_wrp p {
    font-size: 16px;
    opacity: 0.8;
}

.dev-challenge {
    border-radius: 20px !important;
}

section.cta-subscribe.dev-challenge .form-block-banner {
    margin-bottom: 30px !important;
}

.pd-20 {
    padding: 20px 0px;
}

.dev-bnr h3 {
    font-weight: 700;
    font-size: 50px;
    line-height: 67px;
}

.ac_cta p {
    font-size: 16px;
    color: #10103b;
    padding: 14px 0 10px;
    font-weight: 300;
    opacity: 0.7;
}

.dev-bnr h3 span {
    color: #fe7635;
}

.browse_btn {
    display: inline-block;
    font-size: 16px;
    font-family: var(--bs-font-monospace);
    font-weight: 500;
    text-decoration: none;
    color: #f38815;
    margin: 25px 0 0px;
    position: absolute;
    right: 0;
    bottom: 13px;
}

a.browse_btn i {
    padding-left: 8px;
}

.tips-section h3 {
    font-size: 24px;
    font-weight: 600;
    color: #10103b;
    margin-bottom: 15px;
}

.connected-app-single,
.community-content {
    height: 100%;
}

.tips-section p {
    font-size: 17px;
    color: #10103b;
    line-height: 32px;
    font-weight: 500;
}

.page-header p.lead {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}

.page-header h2.lead {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 0px;
    font-family: var(--bs-font-sans-serif);
    color: var(--bs-secondary-dark);
}

.page-header p.lead.faq-sub-title {
    max-width: 1000px;
}

.tips-column {
    height: 100%;
}

.tips-section a.link-with-icon {
    padding: 0px;
}

/* button style blue bg css */
.gradient-outline {
    font-size: 23px;
    text-decoration: none;
    font-weight: 600;
    color: #fff;
    display: inline-flex;
    position: relative;
    padding: 18px 48px;
    background-image: linear-gradient(90deg, #02efb8 0%, #00bafc 50%);
    border-radius: 6px;
    align-items: center;
    background-size: 200% 100%;
    transition: background-position 0.2s ease-out;
    background-position: 0 0;
    border: none;
}

.gradient-outline:hover {
    color: #fff;
    background-position: 100% 0;
}

.button-secondary:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: #06113b;
    border-radius: 6px;
    transition: background 0.2s ease-out;
}

.button-secondary>span {
    position: relative;
    z-index: 2;
    background: linear-gradient(to right, #02efb8, #00bafc);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.button-secondary:hover {
    background: linear-gradient(to right, #02efb8, #00bafc);
}

.button-secondary:hover>span {
    -webkit-text-fill-color: #fff;
}

.button-secondary:hover:before {
    background: rgba(255, 255, 255, 0);
}

/* button style blue bg css */


.nav-outline-btn {
    font-size: 15px;
    text-decoration: none;
    font-weight: 500;
    padding: 12px 20px;
    color: #10103b;
    border: solid 1px;
    background: #fff;
}

.nav-outline-btn:hover {
    background: #10103b;
    border: solid 1px #10103b;
    color: #fff;

}

.button-head:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: #092fa4;
    border-radius: 6px;
    transition: background 0.2s ease-out;
}

.button-head>span {
    position: relative;
    z-index: 2;
    background: linear-gradient(to right, #02efb8, #00bafc);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.button-head:hover {
    background: linear-gradient(to right, #02efb8, #00bafc);
}

.button-head:hover>span {
    -webkit-text-fill-color: #fff;
}

.button-head:hover:before {
    background: rgba(255, 255, 255, 0);
}

.head-gradient-outline {
    font-size: 17px;
    text-decoration: none;
    font-weight: 600;
    color: #fff;
    display: inline-flex;
    position: relative;
    padding: 12px 20px;
    background-image: linear-gradient(90deg, #02efb8 0%, #00bafc 50%);
    border-radius: 6px;
    align-items: center;
    background-size: 200% 100%;
    transition: background-position 0.2s ease-out;
    background-position: 0 0;
    border: none;
}

.head-gradient-outline:hover {
    color: #fff;
    background-position: 100% 0;
}


/* plan button */
.button-plan:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: #092fa4;
    border-radius: 6px;
    transition: background 0.2s ease-out;
}

.button-plan>span {
    position: relative;
    z-index: 2;
    background: linear-gradient(to right, #02efb8, #00bafc);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.button-plan:hover {
    background: linear-gradient(to right, #02efb8, #00bafc);
}

.button-plan:hover>span {
    -webkit-text-fill-color: #fff;
}

.button-plan:hover:before {
    background: rgba(255, 255, 255, 0);
}

.plan-gradient-outline {
    font-size: 17px;
    text-decoration: none;
    font-weight: 600;
    color: #fff;
    display: inline-flex;
    position: relative;
    padding: 12px 20px;
    background-image: linear-gradient(90deg, #02efb8 0%, #00bafc 50%);
    border-radius: 6px;
    align-items: center;
    background-size: 200% 100%;
    transition: background-position 0.2s ease-out;
    background-position: 0 0;
    border: none;
}

.plan-gradient-outline:hover {
    color: #fff;
    background-position: 100% 0;
}

/* plan button */




/* button style white bg css */
.gradient-outline-wh {
    font-size: 19px;
    text-decoration: none;
    font-weight: 600;
    color: #fff;
    display: inline-flex;
    position: relative;
    padding: 12px 42px;
    background-image: linear-gradient(90deg, #02efb8 0%, #00bafc 50%);
    border-radius: 6px;
    align-items: center;
    background-size: 200% 100%;
    transition: background-position 0.2s ease-out;
    background-position: 0 0;
    border: none;
}

.gradient-outline-wh:hover {
    color: #fff;
    background-position: 100% 0;
}

.button-white:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: #fff;
    border-radius: 6px;
    transition: background 0.2s ease-out;
}

.button-white>span {
    position: relative;
    z-index: 2;
    background: linear-gradient(to right, #02efb8, #00bafc);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.button-white:hover {
    background: linear-gradient(to right, #02efb8, #00bafc);
}

.button-white:hover>span {
    -webkit-text-fill-color: #fff;
}

.button-white:hover:before {
    background: rgba(255, 255, 255, 0);
}

/* button style white bg css */

/* develop button */

a.btn.button-learn-mr {
    padding: 12px 25px;
    margin-top: 35px;
}

.button-learn-mr:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: #fff;
    border-radius: 6px;
    transition: background 0.2s ease-out;
}

.button-learn-mr>span {
    position: relative;
    z-index: 2;
    background: linear-gradient(to right, #02efb8, #00bafc);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.button-learn-mr:hover {
    background: linear-gradient(to right, #02efb8, #00bafc);
}

.button-learn-mr:hover>span {
    -webkit-text-fill-color: #fff;
}

.button-learn-mr:hover:before {
    background: rgba(255, 255, 255, 0);
}

.arrow1 {
    animation: slide1 2s ease-in-out infinite;
    margin-left: 1px;
}

@keyframes slide1 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(10px, 0);
    }
}

/* develop button */

.product-feature h2 {
    font-size: 34px;
    color: #10103b;
    font-weight: 600;
    /* padding-bottom: 20px; */
}

.product-feature p {
    font-size: 32px;
    color: #10103b;
    line-height: 1.7;
}

/* accordian */
#accordian {
    background: #f9f9f9;
    width: 100%;
    border-radius: 15px;
    margin: 0px auto 0 auto;
}

#accordian h3 {
    background: #181c49;
    border-radius: 15px 15px 0 0px;
}

div#accordian ul {
    padding: 0px;
}

#accordian h3 a {
    padding: 11px 25px;
    font-size: 16px;
    line-height: 34px;
    display: block;
    color: white;
    font-family: var(--bs-font-sans-serif);
    text-decoration: none;
}

#accordian h3:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}

#accordian i {
    margin-right: 10px;
}

#accordian li {
    list-style-type: none;
}

#accordian ul ul li a,
#accordian h4 {
    color: #78798c;
    text-decoration: none;
    font-size: 17px;
    display: block;
    padding: 10px 25px;
    font-family: var(--bs-font-sans-serif);
    transition: all 0.15s;
    position: relative;
    font-weight: 600;
}

#accordian ul ul li a:hover {
    color: #003545;
}

#accordian ul ul {
    display: none;
}

#accordian li.active>ul {
    display: block;
}

#accordian ul ul ul {
    margin-left: 25px;
    border-left: 1px dotted #181c49;
}

#accordian a:not(:only-child):after {
    content: "\f104";
    font-family: fontawesome;
    position: absolute;
    right: 20px;
    top: 4px;
    font-size: 22px;
}

#accordian .active>a:not(:only-child):after {
    content: "\f107";
}


#accordian li.active.first-itm h3 a:after {
    content: "\f107";
}

#accordian .first-itm {
    position: relative;
}

#accordian li.first-itm h3 a:after {
    content: "\f104";
    font-family: fontawesome;
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 22px;
}

/* accordian */

.sv_grid p {
    font-size: 17px;
    color: #62636e;
}

.sv_grid .sv_heading {
    color: #0e162a;
    font-size: 26px !important;
    font-weight: 800 !important;
    text-transform: capitalize;
    font-family: var(--bs-font-sans-serif);
}

.sv_grid table {
    border: 2px solid #eeeeee;
    border-collapse: separate;
    overflow: hidden;
    border-spacing: 0;
    border-radius: 10px;
}



.sv_grid td,
th {
    border: none;
    padding: 14px 20px;
    font-size: 16px;
}



.sv_grid tr:nth-child(even) {
    background-color: #fff;
}

.sv_grid th {
    background: #f9f9f9;
}


.v_panel a {
    border: solid 1px;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 6px;
    color: #181c49;
    font-weight: 600;
}


.v_panel {
    position: absolute;
    right: 32px;
    top: 32px;
}

.v_panel i {
    margin-right: 15px;
}

.sv_grid {
    position: relative;
}

.sv_grid td {
    color: #181c49;
}


.sync_in_v {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -70px;
}

a.sync_in_v img {
    width: 200px;
    animation: scale_up_down 1s ease-in-out infinite alternate both;
}

.video-outer .section-heading p {
    margin: 0px;
}

.video-outer .section-heading {
    margin-bottom: 0;
}

.video-bg-with-icon img {
    width: 80%;
}

ul.brand-logo-grid.list-unstyled img {
    max-width: 100%;
}

.brand-logo-grid li {
    display: flex;
    align-items: center;
}

.partnr {
    padding-top: 80px;
}

.sync-int p {
    padding-top: 30px !important;
    font-weight: 600;
}


.prtn .section-heading {
    margin: 0px;
}

.prtn .section-heading p {
    font-size: 1rem;
    margin: 20px 0 0px;
}

section.video-outer p {
    font-size: 18px;
    opacity: 0.8;
}

button#back-to-up {
    padding: 0px;
    width: 45px;
    height: 45px;
    z-index: 99;
    text-align: center;
    background-color: #0c2da4;
    border-color: #0c2da4;
}

.bran_sync img {
    width: 80px;
}

.testimonial-custom .author {
    position: absolute;
    bottom: 45px;
}


.prtnr .cyber-brand-logo.brout {
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 10%);
    border-radius: 20px 0px 30px 0px;
    padding: 15px 30px 15px 30px;
    height: 85px;
    align-items: center;
    display: flex;
}

.prtnr .swiper-slide {
    padding: 18px 20px 35px;
}

.prtnr .cyber-brand-logo.brout img {
    width: 100px;
}


.integration-section .integration-list li .single-integration {
    border-radius: 50px;
    width: 60px;
    box-shadow: 1px 7px 15px 0 rgb(55 65 81 / 12%);
    padding: 10px;
    height: 60px;
}

.integration-section .integration-list li {
    text-align: center;
}

.integration-section .integration-list li h6 {
    color: #10103a;
    font-weight: 400;
    line-height: 25px;
    font-size: 14px;
}

.integration-section .integration-list {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 56px 24px;
}


.offcanvas-body .action-btns .cn {
    width: 100%;
    text-align: left;
    padding: 0.5rem 0rem;
}



.auth_name_readmore {
    justify-content: space-between;
}

.blog_cst_wr h5 {
    padding: 42px 0px 20px;
    font-size: 24px !important;
    font-family: 'Inter', sans-serif;
}

.blog_cst_wr h6 {
    font-size: 20px;
    padding: 20px 0 12px;
}

h2.h5.article-title {
    line-height: 28px;
    min-height: 56px;
    font-family: 'Inter', sans-serif;
}

.v_description {
    padding-left: 16px;
}

.trainig_v_icon {
    position: relative;
    display: inline-block;
}

.hw_video p {
    font-size: 17px;
    line-height: 1.7;
    color: #10103b;
    opacity: 0.8;
}

.hw_video h2 {
    font-size: 25px;
    line-height: 32px;
}

.ds-h h2 {
    font-size: 32px;
}


/* .trainig_v_icon:hover .training_v {
      background: linear-gradient(to right, #02efb8, #00bafc) !important;
  }

  .testimonial-video-wrapper .trainig_v_icon:hover .training_v:before {
      color: #ffffff;
  } */

.testimonial-video-wrapper .video-icon .training_v {
    position: absolute;
    left: 25px;
    bottom: 20px;
    margin: 0px 0 0 0px;
    background: #fff;
    box-shadow: 2px 10px 20px rgb(6 20 77);
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.testimonial-video-wrapper .video-icon .training_v:before {
    color: #07123e;
}

table.compar-table {
    color: #10103b;
}

.Yearly_plan {
    display: none;
}

.build .promo-icon img {
    width: 94px;
}

.build1 .promo-icon img {
    width: 60px;
}

.build1 h3.h5{color: #10103b;}

.build a.btn.border-blue {
    border: 1px solid transparent;
    padding: 12px 25px;
    margin-top: 26px;
    color: #10103b;
}

.doc_wrp a.btn.border-blue {
    border: 1px solid transparent;
    padding: 0px;
    margin-top: 0px;
    color: #10103b;
}

.cta-subscribe .action-btns.covrs a {
    margin: 0 16px;
    padding: 0;
    font-size: 20px;
    background: #fff;
    height: 66px;
    width: 66px;
    display: inline-block;
    line-height: 66px;
    border-radius: 8px;
}

.cta-subscribe .action-btns.covrs a img {
    width: 28px;
}

.cta-subscribe .action-btns.covrs a i {
    font-size: 66px;
    line-height: 0px;
    color: #fff;
}

.covrs {
    margin-top:32px;
}

.innr_head img {
    max-width: 100%;
}

ul.content-list.list-unstyled li ul {
    margin: 15px 0px;
}

ul.content-list.list-unstyled li ul li {
    list-style: none;
}

.cta-subscribe .action-btns.covrs a i:hover {
    opacity: 0.8;
}

/* .cta-subscribe .action-btns.covrs a i.fa-youtube {
    color: #ff0000;
}

.cta-subscribe .action-btns.covrs a i.fa-discord {
    color: #5865f2;
} */

.build:hover {
    box-shadow: 0 5px 20px 0 rgb(210 210 245 / 75%);
}

.build:hover a.btn.border-blue {
    border: solid 1px transparent;
    /* color: #b66702; */
}

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


.header_shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.footer_shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.testimonial_shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    opacity: 0.5;
}

.hd-brands-section .hd-brands-box {
    padding: 50px 40px;
    background-color: #222;
    border-radius: 12px
}

.hd-brands-left h3 {
    font-size: 36px;
    line-height: 52px;
}

.dark-explore-btn {
    color: #fff;
    font-weight: 600;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.dark-explore-btn:hover {
    color: #ff3d55
}

.hd-brands-wrapper {
    gap: 0
}

.hd-brands-wrapper .hd-single-brand {
    width: 25%;
    min-height: 90px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 18px
}

.hd-brands-wrapper .hd-single-brand.border-line-right {
    border-right: 1px solid rgba(207, 207, 207, .15)
}

.hd-brands-wrapper .hd-single-brand.border-line-bottom {
    border-bottom: 1px solid rgba(207, 207, 207, .15)
}

.docker_wrap a:hover{text-decoration: underline !important;}

.copy_dc {
    position: absolute;
    box-sizing: border-box;
    background-color: #0c2da4;
    color: #ffffff;
    font-size: 11px;
    font-weight: 500;
    padding: 4px 12px;
    border: 0;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
    user-select: none;
    top: 8px;
    right: 7px;
}


.docker_wrap p {
    font-size: 17px;
    color: #10103b;
}

.docker_wrap h2 {
    color: #10103b;
    font-weight: 700;
    font-size: 36px;
}

.howuse_wrap p {
    font-size: 17px;
    color: #10103b;
}

.howuse_wrap h2 {
    color: #10103b;
    font-weight: 700;
    font-size: 36px;
}

.howuse_wrap h3.h5 {
    font-size: 36px;
}

.innr_head.hw_innr h1 {
    font-size: 42px;
}

@media(max-width: 575.98px) {
    .hd-brands-wrapper .hd-single-brand {
        width: 33%
    }

    .hd-brands-wrapper .hd-single-brand.border-line-right,
    .hd-brands-wrapper .hd-single-brand.border-line-bottom {
        border-right: 0;
        border-bottom: 0
    }
}

@media(max-width: 460px) {
    .hd-brands-wrapper .hd-single-brand {
        width: 50%
    }
}


/************Homepage new testimonial slider Css start*************/
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.crm-feedback-box p {
    font-size: 17px;
    line-height: 28px;
}

.crm-feedback-box {
    padding: 72px 60px 75px 60px;
}

.crm-feedback-slider {
    max-width: 870px;
    margin: 0 auto;
}

.crm-fd-slide-control {
    width: 56px;
    height: 56px;
    background-color: #0c2da4;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.crm-fd-slide-control:hover {
    background-color: #fff;
    color: #175cff;
}

.crm-fd-slide-control.crm-next-control-outer {
    right: -25px;
}

.crm-fd-slide-control.crm-prev-control-outer {
    left: -25px;
}

.crm-feedback-control-slider {
    max-width: 325px;
    position: absolute;
    left: 50%;
    bottom: -30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.crm-feedback-control-slider .crm-feedback-control-thumb {
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.crm-feedback-control-slider .crm-feedback-control-thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.crm-feedback-control-slider .crm-feedback-control-thumb.swiper-slide-visible {
    opacity: 1;
}

.crm-feedback-control-slider .crm-feedback-control-thumb.swiper-slide-active {
    border-color: #fff;
}

.crm-feedback-control-slider .crm-feedback-control-thumb.swiper-slide-active img {
    border-color: #175cff;
}

.subscribe-info-wrap h5 {
    font-family: var(--bs-font-sans-serif);
}

.crm-feedback-single img {
    max-height: 40px;
    margin-bottom: 40px;
    margin-top: 0;
}

.crm-feedback-single h6 {
    margin-top: 4px;
    font-weight: 400;
    color: #10103b;
    opacity: 0.8;
    font-family: var(--bs-font-sans-serif);
    font-size: 15px;
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    /* transform-style: preserve-3d; */
}

@media (max-width: 767.98px) {
    .crm-fd-slide-control {
        display: none;
    }
}


/************Homepage new testimonial slider Css End*************/

/************Homepage new logo slider Css Start*************/
.logoMarqueeSection {
    margin-top: 30px;
    margin-bottom: 60px;
}

.marquee {
    display: flex;
    padding: 30px 0px;
}

.marquee-content img {
    height: 50px;
    /* opacity: 0.7; */
}

.marquee-content {
    display: flex;
    align-items: center;
    list-style: none;
    white-space: nowrap;
    position: relative;
    animation: marquee 60s linear infinite;
    /* W3C */
    -webkit-animation: marquee 60s linear infinite;
    /* Safari & Chrome */
    -moz-animation: marquee 60s linear infinite;
    /* Firefox */
    -ms-animation: marquee 60s linear infinite;
    /* Internet Explorer */
    -o-animation: marquee 60s linear infinite;
    /* Opera */

}

.marquee-content img {
    display: inline-block;
    white-space: nowrap;
    margin: 0px 2.4rem;
}

.logoMarqueeSection .marquee:nth-child(odd) {
    margin-left: -50px;
}

@keyframes marquee {
    0% {
        transform: translate3d(0%, 0, 0);
        -webkit-transform: translate3d(0%, 0, 0);
        /* Safari & Chrome */
        -moz-transform: translate3d(0%, 0, 0);
        /* Firefox */
        -ms-transform: translate3d(0%, 0, 0);
        /* Internet Explorer */
        -o-transform: translate3d(0%, 0, 0);
        /* Opera */
    }

    100% {
        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        /* Safari & Chrome */
        -moz-transform: translate3d(-100%, 0, 0);
        /* Firefox */
        -ms-transform: translate3d(-100%, 0, 0);
        /* Internet Explorer */
        -o-transform: translate3d(-100%, 0, 0);
        /* Opera */
    }
}


@media (max-width: 767.98px) {
    .marquee img {
        margin: 0px 1.5rem;
        height: 40px;
    }
}

/************Homepage new logo slider Css end*************/


/************New Pricing Page Css start*************/

.mk-pricing-control li a {
    min-width: 145px;
    text-align: center;
    border-radius: 0px !important;
    font-size: 17px;
    font-weight: 400;
    opacity: 0.7;
}

.mk-pricing-control-wrapper {
    margin-bottom: 16px;
}

.prize-title-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.prize-title-wrap .mk-heading {
    margin: 0px;
    color: #10103b;
    padding-left: 10px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}

span.reco_bubble {
    font-size: 12px;
    font-weight: 500;
    background: #10103b;
    padding: 2px 10px;
    border-radius: 3px;
    /* margin-left: 15px; */
    text-transform: uppercase;
    color: #ffffff;
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
}

.mk-pricing-column {
    font-size: 15px;
}

.srt span {
    padding-bottom: 8px !important;
    display: block;
}

.mk-pricing-column p {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.4;
    opacity: 0.7;
    text-align: center;
    padding: 12px 20px 0px;
}

p.text-center.srt {
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: 400;
}

h3.mk-heading {
    font-size: 24px;
    color: #10103b;
    letter-spacing: 0;
    text-align: center;
    padding: 6px 0px 0px;
    margin-bottom: 0;
}

.font_pr {
    font-size: 22px !important;
}

.mk-pricing-column h2 {
    font-size: 22px;
    margin-bottom: 0px;
}

.fr_pd {
    padding-top: 37px;
}

.mk-pricing-column .mk-pricing-list li svg path {
    stroke: #10103b;
}

.mk-pricing-column {
    height: 100%;
}

.crm_pricing_feature_accordion .accordion-item .accordion-header h5 {
    background-color: #fafafa;
    display: block;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    color: #0b163f;
    padding: 12px 6px;
    font-size: 16px;
    margin: 0;
}

.crm_pricing_feature_accordion .accordion-item+.accordion-item:not(first-child) {
    margin: 0;
}

/************New Pricing Page Css end*************/

.process-card p {
    font-size: 19px;
    color: #10103b;
    padding-top: 8px;
}

.process-card h3.h5 {
    color: #10103b;
    font-size: 24px;
}

.process-card:hover {
    box-shadow: none;
    background: transparent;
}

.process-card {
    padding: 25px 46px !important;
}

.mk-pricing-column .mk-pricing-list li span {
    color: #10103b;
}

.innr_head h1 {
    font-size: 28px;
}

.innr_head.sy_hd h1 {
    font-size: 68px;
}

.innr_head {
    background-image: url(../img/inner_header_bg.webp);
    background-size: cover;
}


/* documentation css start here */
.sidebar-wrap {
    padding: 0 10px;
    width: 340px;
}

.conentSection {
    flex: 1;
    padding: 0 10px;
    width: 100%;
}



#sidebarAccordian a.item.levelOne {
    padding: 15px 45px 15px 30px;
    display: block;
    color: white;
    background: #181c49;
    position: relative;
    /* display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-decoration: none; */
    word-break: break-all;
}



#sidebarAccordian h3:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}

#sidebarAccordian>ul>li>ul>li>ul li a {
    font-weight: 400;
}

#sidebarAccordian ul ul li a {
    text-decoration: none;
    display: block;
    transition: all 0.15s;
    position: relative;
    opacity: .7;
}

#sidebarAccordian ul ul {
    display: none;
}

#sidebarAccordian li.active>ul {
    display: block;
    list-style: none;
}

.content-wrap {
    flex: 1;
    background: #ddd;
    margin-left: 15px;
}

#sidebarAccordian>ul>li {
    margin-bottom: 15px;
    border-radius: 12px;
    overflow: hidden;
}

#sidebarAccordian>ul>li>ul {
    background: #f9f9f9;
    padding: 30px 30px 10px;
}

#sidebarAccordian a {
    font-size: 17px;
    color: #181c49;
    font-weight: 600;

}

#sidebarAccordian a.item.levelOne:before {
    background-image: url(../img/chevron-down-solid.svg);
    content: "";
    width: 15px;
    height: 100%;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 25px;
    top: 0;
    display: block;
}

#sidebarAccordian a.item.levelTwo:before {
    content: "";
    background-image: url(../img/chevron-down-solid.svg);
    width: 12px;
    height: 100%;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0px;
    top: 0;
    display: block;
}

#sidebarAccordian a.item.levelOne:before {
    filter: invert(1);
}

#sidebarAccordian .active>a.item.levelOne:before {
    transform: rotate(180deg);
    transform-origin: center center;
}

#sidebarAccordian .active>a.item.levelTwo:before {
    transform: rotate(180deg);
    transform-origin: center center;
}

#sidebarAccordian>ul>li>ul>li>ul {
    border-left: 2px dotted #888a8d;
    padding-left: 18px;
}

#sidebarAccordian>li>ul {
    padding: 10px;
    list-style: none;
}

div#sidebarAccordian>ul {
    padding: 0;
    list-style: none;
}

/* .panel {
    display: none;
} */

#sidebarAccordian ul.listTwo>li {
    margin-bottom: 10px;
}

#sidebarAccordian>ul>li>ul>a {
    padding: 10px 0px;
}

/* #sidebarAccordian ul.listTwo>li.active>a {
    opacity: 1;
} */

#sidebarAccordian>ul>li>ul a.tabButton.active {
    opacity: 1;
}

.bl_point li {
    padding: 8px 0px;
}

ul.lf_point.mt-4 {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    --auto-grid-min-size: 16rem;
    padding: 0px;
}

ul.lf_point li {
    list-style: none;
    background: #f1f1f1;
    text-align: center;
    padding: 25px;
    font-weight: 600;
    border-radius: 6px;
    color: #10103b;
}

.panel {
    color: #10103b;
}

.tab-content-wrap .popular_topic h3 {
    font-size: 20px;
    padding-bottom: 0px;
}

.tab-content-wrap .popular_topic p {
    line-height: 1.6;
}

.tab-content-wrap .popular_topic .btn {
    padding: 0px;
}

.tab-content-wrap {
    border: 2px solid #eeeeee;
    line-height: 1.6;
    border-radius: 12px;
    padding: 50px 36px;
    font-size: 20px;
}

.tab-content-wrap h5 {
    /* font-size: 18px; */
}

.tab-content-wrap h3 {
    /* font-size: 30px; */
    padding-bottom: 12px;
}

.tab-content-wrap .table-wrap {
    border: 1px solid #eeeeee;
    border-radius: 8px;

}

.tab-content-wrap table thead {
    background: #eee;
}

.tab-content-wrap table td,
.tab-content-wrap table th {
    border: none;
    padding: 8px 24px;
    font-size: 15px !important;
}

/* .tab-content-wrap table tbody tr:nth-child(even) {
    background-color: #fff;
} */

.tab-content-wrap table thead th {
    opacity: 0.7;
    color: #0e162a;
}

#sidebarAccordian ul.listTwo>li>a {
    padding: 5px 0px;
}

#sidebarAccordian ul.listTwo>li:has(.active)>a {
    opacity: 1;
}


p.table-title {
    margin-top: 30px;
    color: #10103b;
    font-weight: 500;
    margin-bottom: 10px;
}

.tab-content-wrap table tr td:first-child {
    color: #0e162a;
    font-weight: 600;
}

.tab-content-wrap table tr td:first-child {
    color: #0e162a;
    font-weight: 500;
}

.tab-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 30px;
    align-items: center;
}

.tab-header .tab-title {
    margin: 0;
    font-size: 40px;
    word-break: break-all;

}

.tab-content-wrap h4,
.tab-content-wrap h2 {
    font-family: var(--bs-font-sans-serif);
}

input.documentation-search {
    height: 50px;
    border-radius: 6px;
    background-color: #ebecf0;
    border: none;
    padding: 10px 25px;
    font-size: 20px;
    width:100%;
    margin-bottom: 25px;
}

.has-search .form-control {
    padding-left: 40px;
    background: #ebecf0;
    border: none;
    border-radius: 4px;
}

.form-group.has-search {
    margin-bottom: 35px;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    height: 47px;
    line-height: 48px;
    text-align: center;
    pointer-events: none;
    color: #727272;
    left: 12px;
}

input.documentation-search::placeholder {
    font-size: 20px;
    color: #45506c;
}

p.watch-video {
    text-align: right;
    font-size: 14px;
}

p.watch-video a {
    display: inline-block;
    height: 40px;
    color: #181c49;
    border-radius: 6px;
    background-color: #ffffff;
    border: 1px solid #181c49;
    text-align: center;
    margin-left: 10px;
    padding: 0px 15px;
    text-decoration: none;
    line-height: 40px;
}

p.watch-video a:hover {
    color: #fff;
    background-color: #181c49;
}

#sidebarAccordian>ul>li>ul>li>ul li {
    padding: 6px 0px;
}

.tab-content-wrap table tr:last-child td {
    padding-bottom: 12px;
}

.tab-content-wrap .table-wrap table {
    min-width: 500px;
}

.tab-content-wrap .table-wrap {
    overflow-x: auto;
}


/* .tab-content-wrap table tbody tr:first-child td {
    background: #eeeeee !important;
    opacity: 0.7;
} */

.tab-content-wrap table tbody tr:nth-child(odd) td {
    background: #fefefe !important;
}

#sidebarAccordian>ul>li>ul>li>ul.listThree {
    padding-right: 15px;
    border: none;
    padding-bottom: 15px;
}

#sidebarAccordian>ul>li>ul>li>ul.listThree ul {
    padding-left: 15px;
    border-left: 2px dotted #888a8d;
}

.tab-content-wrap table tr td:first-child.ws_sp {
    font-weight: 400;
    padding-left: 35px;
}

@media only screen and (max-width: 1600px) {
    .tab-header .tab-title {
        font-size: 32px;
    }

    #sidebarAccordian>ul>li>ul {
        padding: 20px 25px 10px;
    }

    .tab-content-wrap table td,
    .tab-content-wrap table th,
    .tab-content-wrap,
    #sidebarAccordian a,
    input.documentation-search,
    input.documentation-search::placeholder {
        font-size: 14px;
    }

}

@media only screen and (max-width: 1400px) {
    .sidebar-wrap {
        width: 265px;
    }

    span.reco_bubble {
        font-size: 11px;
    }

    .tab-content-wrap table td,
    .tab-content-wrap table th,
    .tab-content-wrap,
    #sidebarAccordian a,
    input.documentation-search,
    input.documentation-search::placeholder {
        font-size: 15px !important;
    }

    .sidebar-wrap a {
        font-size: 13px !important;
    }

    #sidebarAccordian ul.listTwo>li {
        margin-bottom: 10px;
    }

    .tab-content-wrap table td,
    .tab-content-wrap table th {
        padding: 12px 20px;
    }

    p.table-title {
        margin-top: 25px;
    }

    .tab-header {
        padding-bottom: 25px;
    }

    .tab-header .tab-title {
        font-size: 32px;
    }

    input.documentation-search {
        width: 220px;
    }

    p.watch-video {
        font-size: 14px;
    }

    .tab-content-wrap {
        border: 1px solid #eeeeee;
        padding: 25px;
    }

    #sidebarAccordian a.item.levelOne {
        padding: 12px 46px 12px 25px;
    }
}

@media only screen and (max-width: 1350px) {
.udmy_left{
    background-size: 80%;
    padding: 50px 0px;
}
}
.action-btns {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    justify-content: center;
}
.ps-3 {
    padding-left: 1rem !important;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.btn-gredient{
    color: #fff;
}
@media only screen and (max-width: 1200px) {
    .offcanvas-backdrop::before {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100vw;
        height: 100vh;
        content: "";
        background-color: rgba(0, 0, 0, 0.5);
    }

    .desktop_vw{
        display: none;
    }

    .mobile_vw{display: block;}

    .footer-social-list {
        margin-right: 55px;
    }

    .offcanvas-body .nav-outline-btn {
        /* width: 100%; */
    }

    a.btn.nav-outline-btn.pd12 {
        padding: 8px;
    }

    .sidebar-wrap {
        width: 270px;
    }

    p.watch-video {
        text-align: left;
    }

    .tab-header .tab-title {
        font-size: 28px;
    }

    /* .panelContainer img {
        width: 100%;
    } */

    .innr_head.sy_hd h1 {
        font-size: 56px;
    }
}

@media only screen and (max-width: 991px) {
    .dig_img {
        display: none;
    }

    .sidebar-wrap {
        width: 100%;
        margin-bottom: 15px;
    }

    .benefit_sec .single-feature img {
        max-width: 40px;
    }

    .dig_img img {
        right: 0px;
    }

    .footer-social-list {
        margin-right: 0;
    }

    .tab-content-wrap h3 {
        font-size: 20px;
    }

    .tab-content-wrap {
        padding: 25px 15px;
    }

    .innr_head.sy_hd h1 {
        font-size: 46px;
    }

}

@media only screen and (max-width: 870px) {
    .footer-social-list {
        margin-right: 30px;
    }
}

@media only screen and (max-width:768px) {

    .footer-social-list {
        margin-right: 0px;
    }

    input.documentation-search {
        width: 100%;
        margin-top: 20px;
    }

    .innr_head.sy_hd h1 {
        font-size: 32px;
    }
}

.ipad2 {
    display: none;
}

.iphone3 {
    display: none;
}

/* documentation css start here */

/* responsive css start here */

@media only screen and (max-width: 1450px) {

    .banner-gradient h2 {
        font-size: 70px;
        line-height: 80px;
    }

    .banner-gradient h1.lead {
        font-size: 20px;
    }

}

@media only screen and (max-width: 1330px) {
    .header_fl {
        padding: 0 15px;
    }

}


@media only screen and (max-width: 1199px) {
    .action-btns p {
        font-size: 14px;
    }

    .btn-bn {
        font-size: 20px;
    }

    .nav-outline-btn {
        font-size: 14px;
    }

    .dig_img img {
        right: -40px;
    }

    .customer-review-tab .pt-60 {
        padding-top: 60px;
    }

    .contact-us-form label {
        font-size: 15px !important;
    }

    #offcanvasWithBackdrop .dropdown-grid-item.radius-right-side {
        padding-top: 0px;
    }

    #offcanvasWithBackdrop .dropdown-grid-item.radius-right-side .drop-heading {
        margin-top: 0px !important;
    }

    .texture-right-effects {
        background-size: 65%;
        top: 210px;
    }

    .banner-gradient h2 {
        font-size: 62px;
        line-height: 70px;
    }

    .texture-left-effects {
        background-size: 50%;
    }

    /* .texture-left-effects{display:none;} */
    .offcanvas .action-btns .start_animated_btn {
        margin-top: 0px;
        width: 100%;
    }

    .offcanvas-body .dropdown-grid-item.gr-tm {
        padding-top: 0px;
    }

    /* .offcanvas-body .dropdown-grid-item.gr-btm {padding-bottom: 0px;} */
    /* .l-size {
        margin-left: 10px;
    } */

    .video-bg-with-icon img {
        width: 100%;
    }

    .hd-style h2 br {
        display: none;
    }

    .sync-int img {
        width: 100%;
    }

    .hd-style h2 {
        font-size: 34px;
        line-height: 42px;
    }

    .hd-style p {
        font-style: 22px;
        padding-top: 0px;
    }

    .build h3 {
        font-size: 18px;
        margin-bottom: 12px !important;
    }

    .build a.btn.border-blue {
        font-size: 15px;
        font-weight: 400;
        margin-top: 24px;
        padding: 9px 21px;
    }

    .build p {
        font-size: 16px;
        line-height: 23px;
    }

    .our-services .feature-tab-list-2 li a {
        font-size: 29px;
    }

    .our-services .feature-tab-list-2 li a.active {
        font-size: 38px;
    }

    .rgt_slide {
        position: initial;
        right: 0;
    }

    .our-services .feature-img-holder img {
        width: 100%;
    }

    .feature-tab-section.pt-120.our-services.bg-white.pb-170 {
        padding-bottom: 60px;
    }

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

    .our-services .why-choose-content p {
        font-size: 16px;
    }

    .our-services .why-choose-content ul li {
        font-size: 16px;
        line-height: 25px;
        padding-left: 35px;
    }

    .our-services .why-choose-content i {
        top: 8px;
        font-size: 22px;
    }

    .our-services .why-choose-content h2 {
        font-size: 22px;
    }

    .pb-60 {
        padding-bottom: 30px;
    }

    .pt-60 {
        padding-top: 30px;
    }

    .pt-36 {
        padding-top: 16px;
    }

    .pb-120 {
        padding-bottom: 60px;
    }

    .crm-feedback-box p {
        font-size: 16px;
        line-height: 28px;
    }

    .crm-feedback-box .mb-5 {
        padding: 0 30px !important;
        margin-bottom: 32px !important;
    }

    .crm-feedback-single h6 {
        font-size: 15px;
        margin-top: 5px;
    }

    .crm-feedback-box h4 {
        font-size: 18px;
    }

    .hd-style p {
        font-size: 18px;
    }

    .marquee {
        padding: 15px 0px;
    }

    .logoMarqueeSection {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .section-heading.sec-cta h2 {
        font-size: 38px;
    }

    .section-heading.sec-cta p {
        font-size: 18px;
    }

    .button-gradient {
        font-size: 21px;
        padding: 12px 32px;
    }

    .gradient-outline {
        font-size: 21px;
        padding: 14px 32px;
    }

    .feature-promo .build {
        padding: 36px;
    }

    .build .promo-icon img {
        width: 90px;
    }

    .pt-120 {
        padding-top: 60px;
    }

    .crm-feedback-box {
        padding: 35px 60px 55px 60px;
    }

    .crm-feedback-single img {
        margin-bottom: 24px;
    }

    .pb-160 {
        padding-bottom: 100px;
    }

    .copyright-text p {
        font-size: 14px;
    }

    .offcanvas-body .main-menu li a.nav-link {
        color: #10103b !important;
        padding: 12px 0px;
        font-size: 15px;
    }

    .offcanvas-body .action-btns .cn {
        color: #10103b !important;
        padding: 12px 0px;
    }

    .offcanvas-body .start_animated_btn {
        background: linear-gradient(to right, #f9b43c, #f37732, #f9b43c, #f37732);
        padding: 13px 12px;
        margin-top: 24px !important;
    }

    .offcanvas-body .head-gradient-outline span {
        width: 100%;
    }

    .offcanvas-body .head-gradient-outline {
        width: 100%;
        text-align: center;
        padding: 15px 12px;
        margin-top: 24px;
    }

    .offcanvas-body {
        padding: 1rem 2rem;
    }

   
    .l-size {
        width: 170px;
        /* margin-top: 8px; */
    }

    .promo_img img {
        width: 90px;
    }

    .single-doc-step img {
        width: 36px;
    }

    .single-doc-step h6 {
        font-size: 20px;
    }

    .process-card {
        padding: 25px 0px !important;
    }

    .innr_head h1 {
        font-size: 26px;
    }

    .page-header p.lead {
        font-size: 17px;
    }

    .blog-details-wrap p {
        font-size: 18px;
    }

    .blog-details-wrap h4 {
        font-size: 30px;
        line-height: 46px;
    }

    .faq-accordion .accordion-item button {
        font-size: 18px;
    }

    .faq-section .accordion-body {
        font-size: 16px;
    }

    .support-article-tab button.nav-link {
        display: inherit;
        text-align: left;
    }

    .faq-section .support-article-tab button.nav-link {
        font-size: 16px;
        padding: 12px 0;
    }

    #v-pills-support {
        padding: 20px !important;
    }

    .banner-gradient .hd-style h2 {
        font-size: 32px;
    }
}


@media only screen and (max-width: 991px) {
    .blog-details-wrap.blog_cst_wr {
        margin-bottom: 40px;
      }

    .v_description p {
        font-size: 15px;
    }

    .v_description h2 {
        font-size: 22px;
    }

    .dig_img img {
        right: -58px;
    }

    .hero-section {
        text-align: center;
    }

    .ipad2 {
        display: block;
    }

    .web1 {
        display: none;
    }

    .feature-promo h2 {
        padding-bottom: 25px;
    }

    .banner-gradient h2 {
        font-size: 50px;
        line-height: 64px;
    }

    .hero-content-wrap .mart br {
        display: none;
    }

    .spr {
        padding: 0px 0 5px;
    }

    .banner-gradient h1.lead br {
        display: none;
    }

    .banner-gradient h1.lead {
        font-size: 20px;
    }

    .hd-style h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .our-services .why-choose-content {
        padding-top: 0;
    }

    .testimonial-custom .swiper-slide p {
        padding-bottom: 80px;
    }

    .hd-style p {
        font-size: 16px;
    }

    .our-services .feature-tab-list-2 li a {
        font-size: 27px;
        margin: 0 26px;
    }

    .our-services .feature-tab-list-2 li a.active {
        font-size: 35.5px;
    }

    .our-services .why-choose-content h2 {
        font-size: 22px;
        line-height: 34px;
    }

    .our-services .why-choose-content p {
        font-size: 16px;
    }

    .our-services .why-choose-content ul li {
        font-size: 16px;
    }

    .our-services .why-choose-content i {
        top: 7px;
    }

    .our-services .why-choose-content i {
        font-size: 22px;
    }

    .testimonial-custom h3 {
        font-size: 30px;
    }

    .section-heading.sec-cta h2 {
        font-size: 32px;
    }

    .section-heading.sec-cta p {
        font-size: 16px;
    }

    .action-btns .cn {
        padding: 0px;
    }

    .btn {
        padding: 10px 30px;
    }

    .btn.btn-bn {
        padding: 16px 30px;
        font-size: 20px;
    }

    .head-gradient-outline {
        padding: 10px 20px;
        font-size: 16px;
    }

    .button-gradient {
        font-size: 18px;
    }

    .gradient-outline {
        font-size: 18px;
        padding: 11px 30px;
    }

    a.sync_in_v img {
        width: 150px;
    }

    .sync_in_v {
        margin-top: -42px;
    }

    ul.brand-logo-grid.list-unstyled img {
        width: 170px;
    }

    .brand-logo-grid li {
        display: inline;
    }

    .build h3 {
        font-size: 19px;
    }

    .build p {
        font-size: 16px;
        line-height: 24px;
    }

    .udmy p {
        font-size: 17px;
        padding: 0px;
    }

    .promo_img img {
        width: 85px;
    }

    #nav-tabContent .pt-60 {
        padding-top: 60px;
    }

    .action-btns p {
        font-size: 13px;
        padding: 8px 0 0px;
    }

    .faq-accordion .accordion-item button {
        font-size: 16px;
        line-height: 27px;
    }

    .faq-section .accordion-body {
        font-size: 15px;
    }

    .faq-accordion .accordion-item button.accordion-button {
        padding: 15px;
    }

    .v_description {
        padding-left: 0px;
    }

    .banner_effect {
        padding-bottom: 20px;
        background-position: center;
    }

    .cta-subscribe .action-btns a.gradient-outline {
        padding: 13px 29px !important;
        font-size: 18px;
    }

    .cta-subscribe .action-btns a {
        padding: 12px 29px;
        font-size: 18px;
    }

    .banner-gradient .hd-style h2 {
        font-size: 30px;
        line-height: 42px;
    }

    .texture-right-effects {
        background-size: 43%;
    }

    .texture-left-effects {
        background-size: 40%;
        top: 425px;
    }

    .form_bg_style {
        padding: 60px 25px;
    }

    .get_ct_btn {
        padding: 11px 29px !important;
    }

    .page-header.pt-80 {
        padding-top: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .dig_img img {
        right: 0px;
    }

    .mk-pricing-section.ptb-60 {
        padding-top: 20px;
    }

    .btn.btn-bn {
        padding: 13px 24px;
        font-size: 17px;
    }

    .banner-button {
        font-size: 18px;
    }

    .sync-int {
        margin-top: 0px;
    }

    .sync-int .container-fluid.pb-80 {
        padding-bottom: 50px;
    }

    .copyright-text {
        margin-bottom: 25px;
    }

    .cta-subscribe .action-btns.covrs a {
        margin: 0 10px !important;
        height: 48px !important;
        width: 48px !important;
        line-height: 48px;
      }

    .cta-subscribe .action-btns.covrs a i {
        font-size: 24px;
    }

    ul.timer li .in_timer {
        width: 45px;
        height: 45px;
        font-size: 20px;
        line-height: 45px;
    }

    ul.timer li span {
        font-size: 14px;
    }

    .mk-pricing-control li a {
        padding: 10px 20px;
        font-size: 16px;
    }

    .banner-gradient h2 {
        font-size: 40px;
        line-height: 52px;
        margin-bottom: 0;
    }

    .banner-gradient h1.lead {
        font-size: 19px;
        line-height: 30px;
        margin-bottom: 0;
        margin-top: 6px;
    }

    .hd-style h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .hd-style p {
        font-size: 17px;
        line-height: 26px;
    }

    .our-services .feature-tab-list-2 li a {
        font-size: 20px;
        margin: 0 18px;
    }

    .our-services .feature-tab-list-2 li a.active {
        font-size: 28.5px;
    }

    .our-services .why-choose-content h2 {
        font-size: 25px;
        line-height: 32px;
    }

    .our-services .why-choose-content p {
        font-size: 15px;
    }

    .our-services .why-choose-content ul li {
        font-size: 15px;
        padding: 4px 0 4px 32px !important;
    }

    .our-services .why-choose-content i {
        top: 3px;
      }

    .testimonial-custom h3 {
        font-size: 26px;
    }

    .cta-gradient {
        padding: 60px;
    }

    .cta-gradient .action-btns a {
        margin: 12px 0px !important;
        width: auto;
    }

    .section-heading.sec-cta h2 {
        font-size: 30px;
    }

    .section-heading.sec-cta p {
        font-size: 18px;
        line-height: 30px;
    }

    .hero-section .br-gra::after {
        background: no-repeat;
    }

    section.video-outer p {
        font-size: 18px;
    }

    .ptb-120-100 {
        padding: 65px 0 40px;
    }

    .video-promo-with-icon.text-center.video-outer.ps_rl.pt-60.pb-60 {
        padding-bottom: 0px;
    }

    .faq-section .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }

    .faq-section .accordion.faq-accordion h3 {
        margin: 34px 0px 22px;
        font-size: 22px;
    }

    .innr_head h1 {
        font-size: 22px;
    }

    .faq-section.pt-80.pb-120 {
        padding-top: 20px;
    }

    .page-header p.lead {
        font-size: 16px;
        line-height: 24px;
    }

    .blog-details-wrap h4 {
        font-size: 24px;
        line-height: 38px;
    }

    .blog_cst_wr h5 {
        padding: 30px 0px 10px;
        font-size: 20px !important;
    }

    .blog-details-wrap p {
        font-size: 16px;
    }

    .dots-line {
        display: none;
    }

    .v_description h2 {
        font-size: 20px;
    }

    .v_description p {
        font-size: 16px;
    }

    .texture-right-effects {
        background-size: 60%;
        top: 230px;
        display: none;
    }

    .crm-feedback-box {
        padding: 35px 20px;
    }

    .process-icon {
        width: 65px;
        height: 65px;
    }

    .community-content p {
        font-size: 15px;
    }

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

    .hero-wrap.style2 .hero-shape-four {
        top: 65px;
        right: 38%;
        width: 85px;
    }

    .tab-header .tab-title {
        font-size: 21px;
    }

    .tab-content-wrap h4 {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .texture-left-effects {
        display: none;
    }

    .banner-gradient .hd-style h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .ipad2 {
        display: none;
    }

    .web1 {
        display: none;
    }

    .iphone3 {
        display: block;
    }

    body {
        margin-top: 75px !important;
    }

    .ero {
        margin-top: 0px !important;
    }

    .subscribe-info-wrap .action-btns {
        padding-top: 0px !important;
    }
}

@media only screen and (max-width: 510px) {
    .our-services .feature-tab-list-2 li a {
        font-size: 16px;
        margin: 0 10px;
    }

    .our-services .feature-tab-list-2 li a.active {
        font-size: 25px;
    }

    a.sync_in_v img {
        width: 120px;
    }

    .video-promo-with-icon.text-center.video-outer.ps_rl.pb-60.sync-int {
        padding-bottom: 30px;
    }

    .banner-gradient h2 {
        font-size: 30px;
        line-height: 42px;
    }

    .banner-gradient h1.lead {
        font-size: 17px;
        line-height: 26px;
    }

    .hd-style h2 {
        font-size: 22px;
        line-height: 30px;
    }

    .our-services .why-choose-content h2 {
        line-height: 30px;
        padding-bottom: 10px;
        font-size: 24px;
    }

    .integration-section .integration-list {
        grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
        grid-gap: 30px 10px;
    }

    .section-heading.sec-cta h2 {
        font-size: 24px;
    }

    .section-heading.sec-cta p {
        font-size: 16px;
    }

    .copyright-text p {
        font-size: 11px;
        /* text-align: center; */
        padding-right: 45px;
    }

    .cta-subscribe .action-btns a.gradient-outline {
        font-size: 16px;
    }

    .cta-subscribe .action-btns a {
        font-size: 16px;
    }

    .our-services .why-choose-content i {
        top: 6px;
    }

    .banner-gradient .hd-style h2 {
        font-size: 25px;
        line-height: 32px;
    }

    .cta-gradient {
        padding: 50px 30px;
    }

    ul.timer li .in_timer {
        width: 45px;
        height: 45px;
        font-size: 16px;
        line-height: 45px;
    }

    .cta-subscribe .action-btns.covrs a img {
        width: 26px;
    }

    .cta-subscribe .action-btns.covrs a {
        height: 48px !important;
        width: 48px !important;
        margin: 0 6px !important;
        line-height: 45px;
    }


}


/******Vijay 03-jan-2022 price table start********/

.mk-pricing-btn {
    position: absolute;
    bottom: 25px;
}

.mk-pricing-column {
    position: relative;
    padding-bottom: 140px;
}

.mk-pricing-column.bg-white.highlighted {
    border: 1px solid #d5d8df;
    height: calc(100% + 50px);
    margin-top: -25px;
}

.mk-pricing-column.bg-white {
    transition: all ease-in-out .3s;
}

.mk-pricing-column.bg-white:hover {
    box-shadow: 0 5px 20px 0 rgb(210 210 245 / 75%);
    border: 1px solid #93f6e4;
    transform: scale(1.03);
    background: #fff !important;
    cursor: pointer;
}

.mk-pricing-column .mk-pricing-list li {
    position: relative;
    padding-left: 22px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mk-pricing-column .mk-pricing-list li:before {
    content: "\f111";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 10px;
}

.crm-pricing-table table th.crm-pricing-switch-wrapper,
.crm_pricing_feature_table .crm_pricing_features_name {
    min-width: 270px;
}

.crm-pricing-table table th.crm-package-wrapper,
.crm_pricing_feature_table .crm_pricing_feature_check {
    min-width: 150px;
}

.crm_pricing_feature_check .fa-xmark {
    color: red;
}

.footer-bottom p {
    margin: 0;
}

.mk-pricing-column .icon-wrapper {
    width: 18px;
}

/*****header css***/
.offcanvas-body .dropdown-toggle.show::after {
    transform: rotate(45deg);
}

.validation_message p {
    font-size: 15px !important;
    text-align: left;
    float: none !important;
    padding-bottom: 10px;
}

/* body:has(.inner-header-bg){
    margin-top: 97px;
} */

/*body {
    margin-top: 104px;
}*/

@media only screen and (max-width: 1200px) {
    .mk-pricing-column.bg-white.highlighted {
        /* transform: scale(1); */
        height: initial;
        margin: initial;
    }

    .mk-pricing-column {
        padding: 36px 15px 130px;
    }

    section.mk-pricing-section .row>.col-xl-4 {
        margin-bottom: 20px;
        margin-top: 8px;
    }

    .main-header .dropdown-menu {
        box-shadow: none !important;
        border: 1px solid #e7e7e7 !important;
        left: 0% !important;
        background-color: #f5f5f5 !important;
        margin-top: 0;
    }

    .main-header .dropdown-grid.width-full,
    .main-header .dropdown-grid.width-half {
        background: #f5f5f5 !important;
    }

    .main-header .main-menu li.nav-item .dropdown-menu:before {
        background-color: #ececec;
    }

    .main-header .main-menu li.nav-item .dropdown-menu::before {
        z-index: -1;
    }

}

@media only screen and (max-width: 768px) {
    .benefit_sec .row {
        margin: 0 -10px;
    }

    .benefit_sec .row>* {
        padding: 0 10px;
    }

    .benefit_sec .single-feature {
        padding-top: 30px;
    }

    .benefit_sec .single-feature p {
        font-size: 16px;
        margin-top: 10px;
    }

    .mk-pricing-column .mk-pricing-list li {
        font-size: 14px;
    }

    body:has(.inner-header-bg) {
        margin-top: 76px;
    }
}

@media only screen and (max-width:576px) {
    .crm-feedback-box {
        width: calc(100% - 25px);
        margin: 0 auto;
    }
}

/******Vijay 04-jan-2022 price table start********/

.mk-pricing-btn {
    width: calc(100% - 50px);
    text-align: center;
}

ul.crm-new-table {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.crm-new-wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #212529;
}

.crm-new-wrapper ul li.crm-new-column ul li {
    border-left: 1px solid rgba(11, 22, 63, .12);
    border-bottom: 1px solid rgba(11, 22, 63, .12);
    padding: 0.5rem 0.5rem;
    text-align: center;
    min-height: 46px;
}

.crm-new-wrapper ul .crm-new-column {
    flex: 1;
}

.crm-new-wrapper ul .crm-new-column:first-child {
    min-width: 270px;
}

.crm-new-wrapper ul li.crm-new-column:first-child ul li {
    border-left: 0;
    text-align: left;
}

.crm-new-wrapper ul li.crm-new-column ul li:first-child {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #0b163f;
    padding: 1rem 0.5rem;
    height: 62px;
    text-align: center;
}

.crm-new-wrapper ul li.crm-new-column ul li.table-main-title {
    font-size: 20px;
    padding: 0.5rem 0.5rem;
    text-align: left;
}

.crm-new-wrapper ul li.crm-new-column ul li.full-width-title {
    background-color: #fafafa;
    display: block;
    font-weight: 600;
    border-left: 0;
}

.crm-new-wrapper i.fa-solid.fa-xmark {
    color: red;
}

.crm-new-wrapper ul li.crm-new-column ul li:nth-child(even) {
    background: #fafafa;
}


@media only screen and (max-width: 1200px) {
    .mk-pricing-btn {
        width: calc(100% - 30px);
    }

}

@media only screen and (max-width:991px) {
    .crm-new-wrapper ul .crm-new-column:first-child {
        display: none;
    }

    .crm-new-wrapper ul .crm-new-column {
        width: 100%;
        flex: 100%;
        margin-bottom: 25px;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        overflow: hidden;
    }

    .crm-new-wrapper ul li.crm-new-column ul li {
        padding-left: 50%;
        text-align: right;
        padding-right: 1rem;
        position: relative;
    }

    .crm-new-wrapper ul li.crm-new-column ul li:before {
        content: attr(crm-attribute);
        position: absolute;
        left: 16px;
        top: 50%;
        font-size: 14px;
        transform: translateY(-50%);
        max-width: 60%;
        text-align: left;
        line-height: 1.2;
    }

    .crm-new-wrapper ul li.crm-new-column ul li:first-child {
        background: #0b163f;
        color: #fff;
        font-size: 20px;
        padding: 0.5rem 0.5rem;
        height: auto;
    }

    .subscribe-info-wrap h2 {
        font-size: 30px;
        padding: 0 25px;
    }

    .dev-challenge .subscribe-info-wrap p {
        font-size: 18px;
    }

    .subscribe-info-wrap ul.timer {
        padding: 0;
    }

    .subscribe-info-wrap .section-heading {
        margin-bottom: 0;
    }


}

@media only screen and (max-width:768px) {
    .subscribe-info-wrap h2 {
        font-size: 22px;
        padding: 0 15px;
    }

    .dev-challenge h5 {
        font-size: 18px;
        padding: 0 10px 20px;
    }

    .dev-challenge .subscribe-info-wrap p {
        font-size: 16px;
    }
}



/******Vijay 05-jan-2022 price table start********/

.feature-section {
    scroll-margin-top: 50px;
}

section#create_apis {
    scroll-margin-top: 110px;
}

.connected-app-single {
    transition: all ease-in-out .3s;
}

.connected-app-single:hover {
    cursor: pointer;
    box-shadow: 0 5px 20px 0 rgb(210 210 245 / 75%);
}

.documentation-main-section {
    font-family: var(--bs-font-sans-serif);
}

.tab-content-wrap h4 {
    color: #10103b;
    padding-top: 32px;
    /* font-size: 20px; */
    border-top: solid 1px #ddd;
    margin-top: 52px;
    /* font-weight: 800; */
}

.tab-content-wrap table td strong {
    font-weight: 500;
}


.tab-content-wrap table tbody tr:nth-child(odd) td {
    background: #fbfbfb;
}

.mk-pricing-btn.btn-order {
    text-decoration: none;
    font-weight: 600;
    color: #fff;
    padding: 12px 20px;
    background-image: linear-gradient(90deg, #02efb8 0%, #00bafc 50%);
    border-radius: 6px;
    align-items: center;
    background-size: 200% 100%;
    transition: background-position 0.2s ease-out;
    background-position: 0 0;
    border: none;
}

.mk-pricing-btn.btn-order:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: #f5f7fc;
    border-radius: 6px;
    transition: background 0.2s ease-out;
}

.list_point {
    margin-top: 40px;
    font-size: 11px;
    color: #10103b;
    opacity: 0.8;
}

.list_point ol li {
    padding: 2px 0px;
}

.list_point ol {
    margin-left: 0;
    padding-left: 20px;
}

h2.mk-heading.mk-price-title.mb-4.mk_monthly_price.lmt {
    position: absolute;
    bottom: 85px;
    width: calc(100% - 50px);
    text-align: center;
    font-size: 15px;
    font-weight: 500;
}

p.text-center span {
    color: #808080;
    font-weight: 400;
    font-size: 15px;
}

.mk-pricing-btn.btn-order span {
    position: relative;
    z-index: 2;
    background: linear-gradient(to right, #02efb8, #00bafc);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mk-pricing-column.bg-white:hover .mk-pricing-btn.btn-order:before {
    background: rgba(255, 255, 255, 0);
}

.mk-pricing-column.bg-white:hover .mk-pricing-btn.btn-order>span {
    -webkit-text-fill-color: #fff;
}

/***************************************************/

a.nav-link.dropdown-toggle.dropdown-opened {
    color: #45e2f5 !important;
}

.content-page {
    line-height: 2;
}

.content-page p a:hover{
    text-decoration: underline !important;
}

.blog-details-wrap .about_list li:before {
    top: 2px;
}

.about_list li:before {
    content: "\f058";
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 18px;
    font-weight: 500;
}

ul.about_list {
    padding: 0px;
}

.about_list li {
    position: relative;
    list-style: none;
    color: #10103b;
    padding: 4px 0 4px 30px;
}

.notice_able {
    background: #f5f5f5;
    padding: 25px;
    margin: 40px 0 0px;
    border-radius: 8px;
}

.notice_able h5 {
    padding: 0;
}

.notice_able ul {
    padding: 0px;
    margin: 0;
}

.content-page h2 {
    font-weight: 600;
    font-size: 24px;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.content-page h3 {
    font-weight: 600;
    font-size: 18px;
    padding-top: 20px;
    color: #10103b;
    font-family: 'Inter', sans-serif;
}

@media only screen and (max-width: 1199px) {
    .offcanvas-body .main-menu li a.nav-link.show {
        color: #45e2f5 !important;
    }

    .offcanvas-body .main-menu li a.nav-link.show:after {
        color: #10103b !important;
    }

    .content-page {
        font-size: 16px;
    }

    .content-page h2 {
        font-size: 30px;
    }

    .content-page h3 {
        font-size: 18px;
    }

}

@media only screen and (max-width: 991px) {
    .content-page {
        font-size: 17px;
    }

    .content-page h2 {
        font-size: 25px;
    }

    .feature-section {
        scroll-margin-top: 70px;
    }

}
.dropdown:hover .dropdown-menu{
    display: block;
}
.header-docker {
    border: 1px solid #fff !important;
    color: #000;
    padding: 8px 12px;
    margin-right: 14px;
    background-color: #fff;
}
.header-docker:hover svg path{
      fill: #ffffff;      
  transition: fill 0.3s ease, filter 0.3s ease;
  -webkit-transition: fill 0.3s ease, filter 0.3s ease;
  -moz-transition: fill 0.3s ease, filter 0.3s ease;
  -o-transition: fill 0.3s ease, filter 0.3s ease;
}
.footer-social-list li a:hover svg {
    filter: brightness(0) invert(1);
}
.btn-whiteborder:hover {
    background: #fff;
    color: #0a0132;
}
.btn-whiteborder {
    border: 1px solid #fff !important;
    color: #fff;
    padding: 8px 20px;
    border-radius: 9px;
}
.header-docker:hover {
    background-color: inherit;
    color: #fff;
}
header .dropdown-menu {
    background-color: #000;
    border: 1px solid rgba(255, 255, 255, .35);
    padding: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
    margin-top: 5px;
}
header .dropdown-menu li {
    border-bottom: 1px solid rgba(217, 217, 217, 0.25);
    margin: 0 15px;
}
header .dropdown-menu li a {
    color: rgba(255, 255, 255, .50);
    padding: 11px 4px;
}
header .dropdown-menu .dropdown-item:hover, header .dropdown-menu .dropdown-item:focus {
    color: #fff;
    background-color: inherit;
}
.content-page-table {
    overflow-x: auto;
}

.content-page-table tr td:first-child {
    font-weight: 700;
    min-width: 250px;
}

.content-page-table tr td {
    padding: 10px 15px;
    vertical-align: baseline;
}

.content-page-table tr td p:last-child {
    margin: 0;
}

.footer-social-list a img {
    width: 20px;
    /* fill: #fff;
    filter: invert(1); */
}
.footer-social-list a:hover img{
    filter: brightness(0) invert(1);
}
.footer-light .footer-social-list li a svg {
    width: 20px;
}

.ic_color {
    fill: #0c2da4;
}

.footer-light .footer-social-list li a:hover svg .ic_color {
    fill: #fff;
}

.footer-social-list li a {
    line-height: 30px;
}

.dw_btn_action a {
    margin: 0 24px 0 0px;
}

.dw_btn_action a img {
    width: 48px;
}

.sdk_dwn.mt-4 h3 {
    margin-bottom: 12px;
    font-weight: 700;
}

@media only screen and (max-width: 1199px) {
    .content-page-table tr td:first-child {
        min-width: 200px;
    }
}

@media only screen and (max-width: 991px) {
    .content-page-table tr td:first-child {
        min-width: 170px;
    }
}

@media only screen and (max-width:768px) {
    .content-page-table table {
        min-width: 500px;
    }
}

/*************book demo page css**************/
.register-wrap .form-control,
.custom-select {
    border: 1px solid #ddd;
}

.register-wrap label {
    color: #0f0f39;
    margin-bottom: 0.25rem;
}

.register-wrap .button-gradient {
    font-size: 20px;
}

.register-form .form-control:focus,
.register-form input.form-control:focus {
    border-color: #999;
}

.register-wrap .form-control::placeholder,
.custom-select::placeholder {
    color: #707070 !important;
}

/*************book demo popup css start**************/


body.show-bookdemo {
    overflow: hidden;
}

.bookdemo-popup {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 555555;
    overflow: auto;
    padding: 15px;
}

.bookdemo-popup .popup__content {
    width: 100%;
    max-width: 800px;
    margin: 30px auto;
    padding: 50px;
    background: white;
    color: black;
    position: relative;
    border-radius: 12px;
    box-sizing: border-box;
}

.bookdemo-popup .popup__content .close {
    position: absolute;
    right: 20px;
    top: 0px;
    /* height: 20px; */
    /* width: 20px; */
    display: block;
    font-size: 25px;
    transition: all ease-in-out .4s;
    cursor: pointer;
}

.bookdemo-popup .popup__content .close span {
    cursor: pointer;
    position: relative;
    width: 20px;
    height: 3px;
    display: block;
    background: #099ccc;
}

.bookdemo-popup .popup__content .close span:nth-child(1) {
    transform: rotate(45deg);
}

.bookdemo-popup .popup__content .close span:nth-child(2) {
    transform: rotate(135deg);
}

.bookdemo-popup .popup__content .close:hover {
    transform: rotate(90deg);
    color: #0c2da4;
}

@media only screen and (max-width: 991px) {
    .bookdemo-popup .popup__content {
        padding: 50px 25px;
    }
}

/*************book demo popup css start**************/



.new-logo-slider {
    position: relative;
}

.new-logo-slider:before,
.new-logo-slider:after {
    background: linear-gradient(to right, white 10%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 100%;
    position: absolute;
    width: 150px;
    z-index: 2;
    top: 0;
}

.new-logo-slider:after {
    right: 0;
    transform: rotateZ(180deg);
}

div.highway-slider {
    display: flex;
    justify-content: center;
    width: 100%;
}

div.highway-slider div.highway-barrier {
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
}

div.highway-slider ul.highway-lane {
    display: flex;
    height: 100%;
}

div.highway-slider ul.highway-lane li.highway-car {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 15px 0px;
}

div.highway-slider.row-2 ul.highway-lane li.highway-car {
    justify-content: left;
}


.highway-slider.row-1 div.highway-barrier ul.highway-lane li.highway-car,
.highway-slider.row-3 div.highway-barrier ul.highway-lane li.highway-car,
.highway-slider.row-2 div.highway-barrier ul.highway-lane li.highway-car {
    min-width: 300px;
    -webkit-animation: translateinfinite 80s linear infinite;
    animation: translateinfinite 80s linear infinite;
}

.highway-slider.row-2 div.highway-barrier ul.highway-lane {
    margin-left: -80px;
}

@-webkit-keyframes translateinfinite {
    100% {
        transform: translateX(calc(-300px * 9));
    }
}

@keyframes translateinfinite {
    100% {
        transform: translateX(calc(-300px * 9));
    }
}

.highway-slider.row-1 div.highway-barrier ul.highway-lane,
.highway-slider.row-2 div.highway-barrier ul.highway-lane,
.highway-slider.row-3 div.highway-barrier ul.highway-lane {
    width: calc(300px * 18);
    padding: 0;
}

li.highway-car span.fab {
    font-size: 65px;
}

li.highway-car img {
    height: 50px;
}

ul#custom-tabs-nav {
    display: inline-flex;
    justify-content: center;
    padding: 0;
    list-style: none;
    margin-bottom: 30px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #dde0e7;
}

.custom-tabs {
    text-align: center;
}

ul#custom-tabs-nav li a {
    padding: 10px 15px;
    min-width: 130px;
    display: inline-block;
    color: #ffffff;
    border-left: 1px solid #fff;
    background: rgb(255 255 255 / 20%);
}

ul#custom-tabs-nav li.active a {
    background: #fff;
    color: #10103b;
}

ul#custom-tabs-nav li:first-child a {
    border-left: 0px;
}

.tab-content-wrap img {
    max-width: 100%;
}

@media only screen and (max-width: 1100px) {
    #infinite div.highway-barrier ul.highway-lane {
        width: calc(220px * 18);
    }

    #infinite div.highway-barrier ul.highway-lane li.highway-car {
        min-width: 220px;
        padding: 10px 0px;
    }

    li.highway-car img {
        height: 44px;
    }
}

@media only screen and (max-width: 991px) {
    @-webkit-keyframes translateinfinite {
        100% {
            transform: translateX(calc(-250px * 9));
        }
    }

    @keyframes translateinfinite {
        100% {
            transform: translateX(calc(-250px * 9));
        }
    }

    #infinite div.highway-barrier ul.highway-lane {
        width: calc(200px * 18);
    }

    #infinite div.highway-barrier ul.highway-lane li.highway-car {
        min-width: 200px;
        padding: 10px 0px;
    }

    li.highway-car img {
        height: 40px;
    }

    ul#custom-tabs-nav li a {
        min-width: 80px;
    }

    .bg-mobile-light {
        background-color: #f8f9fa !important;
    }

    .feature-section {
        padding: 20px 0px;
    }

    /* section.customer-review-tab.bg-light {
        background: #fff!important;
    } */
}

@media only screen and (max-width: 767.98px) {
    #infinite div.highway-barrier ul.highway-lane li.highway-car {
        padding: 5px 0px;
    }

    .crm-feedback-box .crm-fd-slide-control {
        display: flex;
        width: 36px;
        height: 36px;
        font-size: 12px;
    }

    .crm-fd-slide-control.crm-next-control-outer {
        right: -10px;
    }

    .crm-fd-slide-control.crm-prev-control-outer {
        left: -10px;
    }
}
/*************/

ul.lf_point li {
    text-align: left;
    font-weight: 400;
}

ul.lf_point li svg {
    height: 25px;
    margin-right: 5px;
}
@media only screen and (min-width: 991.98px) {

    .crm-new-wrapper ul li.crm-new-column ul li.table-main-title,
    .crm-new-wrapper ul li.crm-new-column ul li.table-title {
        position: sticky;
        top: 104px;
        background: #fff;
    }

}



/* use case page css  */

.use_intro p {
    font-size: 18px;
    text-align: center;
    line-height: 38px;
}
.goal_gr {
    padding: 30px 0px 0px;
}

.goal_rg {
    text-align: right;
}

.goal-img{text-align: center;}

.goal-service h5 {
    padding-bottom: 15px;
    color: #10103b;
    line-height: 27px;
}

.gl_head h2 {
    color: #e55913;
    font-size: 36px;
    font-weight: 700;
}

.abstr p {
    margin: 0px;
}
.abstr {
    border: solid 1px #ddd;
    padding: 10px;
    margin-bottom: 1rem;
}

.list_1 {
    display: block;
    list-style-type: lower-roman;
}

ol.list_1 li {
    padding: 5px 0px;
}

a.er_logo {
    position: absolute;
    top: 20px;
    left: 25px;
}

.er_logo img {
    width: 220px;
    margin-bottom: 60px;
}

.bk_btn_home {
    background: linear-gradient(90deg, #fea735, #fe7235);
    border: transparent;
    box-shadow: 0 11px 18px -8px rgb(255 126 23 / 78%) !important;
}

.error-page-content-wrap h1 {
    color: #071c4d;
    font-size: 36px;
    font-weight: 700 !important;
}

.ero{margin-top: 0px;}

body.work_docs {
    margin-top: 0px;
}

body.work_docs #doc-accordian {
    top: 20px;
}

.panelContainer .about_list li:before {
    top: 4px;
}

.fintech-ac .accordion-item.border-0 {
    box-shadow: 0 5px 20px 0 rgba(210,210,245,.5);
}

.fin-spc.why-choose-content {
    margin: 0px;
    padding: 0px;
}

.fin-slider .text-center p {
    margin-bottom: 0px;
}

.fin-pym .p-lg-5 {
    padding: 2rem !important;
}

.why-choose-content h5 {
    color: #10103b;
}

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

.sync-icon img {
    width: 94px;
}

ol.nm_list2 li {
    background: #e9ecee;
    margin: 14px 0px;
    padding: 16px 22px 16px 62px;
    border-radius: 8px;
    list-style: none;
    color: #20201f;
    counter-increment: my-awesome-counter;
    font-size: 15px;
    position: relative;
}

ol.nm_list2 li::before {
    content: counter(my-awesome-counter);
    color: #fff;
    font-weight: 500;
    background: #1d6aa9;
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    font-size: 18px;
    line-height: 32px;
    position: absolute;
    left: 16px;
    top: 13px;
}

.our-services .why-choose-content .hack_list li {
    padding: 10px 0 15px 0px !important;
}

.fin-slider .swiper-slide h5 {
    font-size: 20px;
    color: #10103b;
    margin-bottom: 12px;
}

.fin-slider .swiper-wrapper {
    text-align: center;
}

.fin-slider .swiper-wrapper p{
    font-size: 0.938rem;
    margin: 0;
}

.fin-slider .swiper-wrapper .rounded-custom {
    height: 100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    align-content: stretch;
    flex-direction: column;
}

.fintech-ac .accordion-item {
    color: #10103b;
}

.fin-slider .p-4 {
    padding: 50px 25px !important;
}

.badges_banner_bg {
    background-color: #f5f5f5;
    background-image: url(../img/banner_badge_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 80px 0px 80px;
    text-align: center;
}

.badges_banner_bg2 {
    background-color: #f5f5f5;
    background-image: url(../img/hero-bg-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 80px 0px 80px;
    text-align: center;
}

.badges_banner_bg .badg_info h1{
    color: #10103b;
}

.badges_banner_bg img {
    width: 80%;
}

.badges_banner_bg2 img {
    width: 80%;
}

.ev-single-price {
    border: solid 1px #e3e7ef;
    border-radius: 12px;
    padding: 16px 16px;
    height: 100%;
    position: relative;
    line-height: 1.3;
    font-size: 0.8125rem;
    background: #f5f7fc;
}

.ev-single-price:hover{
    background: #fff;
}

.ev-single-price ul li a:hover, .ev-single-price p a:hover{
text-decoration: underline !important;
}

.ev-price .col-xl-4.col-md-6 {
    padding: 0 16px;
}

.ev-single-price .list-unstyled li {
    position: relative;
    padding-left: 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 6px 0px;
}

/* .pionr_cl1 ul li a, .pionr_cl2 ul li a, .pionr_cl3 ul li a {
    color: #f14b40;
}

.pionr_cl1 p, .pionr_cl1 ul li {
    color: #0047ab !important;
    font-weight: 500;
}

.pionr_cl2 p, .pionr_cl2 ul li {
    color: #0047ab !important;
    font-weight: 500;
}

.pionr_cl3 p, .pionr_cl3 ul li {
    color: #0047ab !important;
    font-weight: 500;
} */

.ev-single-price p {
    margin-bottom: 5px;
}

.ev-single-price.highlighted{
   border: solid 1px #2348fb;
}

.pr_badge {
    text-align: center;
}

.pr_badge img {
    width: 40%;
}

/* .pionr_cl1{border: solid 1px #787777;}
.pionr_cl2{border: solid 1px #d39c36;}
.pionr_cl3{border: solid 1px #1779b9;} */

.af_badge {
    color: #10103b;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
}

.pd-top-0{
    padding-top: 0px !important;
}

.gl_action h5, .gl_action p{color: #10103b;}

.gl_action a.btn.get_ct_btn {
    font-size: 18px;
}

/* .pionr_cl1 h5.bdg_bubble {
background:#787777;
}

.pionr_cl2 h5.bdg_bubble {
    background:#d39c36;
    }

.pionr_cl3 h5.bdg_bubble {
background:#1779b9;
}     */

.ev-single-price .list-unstyled.bl2 li:before {
    content: "\f111";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 10px;
}

.ev-single-price .list-unstyled li:before {
    content: "\f058";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    position: absolute;
    left: 0;
    top: -1px;
    font-size: 17px;
}

.ev-single-price .bdg_bubble {
    font-size: 18px;
    font-weight: 600;
    padding: 12px 0px;
    border-radius: 0px 0px 10px 10px;
    color: #000000;
    text-align: center;
    margin-top: 12px;
}

.nm_list {
    padding: 0px 0 0 18px;
}

.nm_list li {
    list-style: decimal;
    padding: 4px 0px;
}

.mt-4.learn-bdg {
    text-align: left;
}

.learn-bdg a {
    /* font-style: italic;
    text-decoration: underline !important; */
}


.claim-badge-btn {
    /* background: linear-gradient(90deg, #fea735, #fe7235); */
    background: #f5f7fc;
    color: #10103b;
    padding: 14px 20px;
    transition: all 0.3s ease-in-out;
    border-radius: 6px;
    font-size: 15px;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-top: 20px;
    margin-bottom: 8px;
    border: solid 1px;
    width: calc(100% - 32px);
    text-align: center;
    position: absolute;
    bottom: 10px;
}

.ev-single-price:hover .claim-badge-btn {
    background: linear-gradient(46deg, #081d6b, #181853);
    color: #fff;
}

.padd3x {
    padding: 0 45px;
  }

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

  .badge_pnl img {
    max-width: 100%;
  }

.clm_btn_bd {
    background: #f5f7fc;
    color: #10103b;
    padding: 12px 20px;
    border-radius: 6px;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-top: 20px;
    margin-bottom: 8px;
    border: solid 1px;
    font-weight: 600;
    width: calc(100% - 32px);
    text-align: center;
    position: absolute;
    bottom: 10px;
}

.hgh {
    height: 65px;
}






.clm_btn_bd:hover {
    background: #10103b;
    color: #fff;
}

.badg_info h1 {
    text-align: left;
    line-height: 62px;
    font-size: 50px;
    font-weight: 600;
    color: #fff;
}

.bg-certificate-badges{
    background-image: url(../img/hero-bg-2.png);
}

.bg-certificate-badges h2, .bg-certificate-badges p{
    color: #fff !important;
}

.bg-certificate-badges .why-choose-content ul li.py-1 {
    color: #fff !important;
}

.bg-certificate-badges .why-choose-content i{
    color: #fff !important;
}

.badges_banner_bg p {
    color: #10103b;
    font-size: 20px;
    line-height: 27px;
}

p.bd_itl {
    font-size: 17px;
    margin: 0px;
}

.em_banner_top h1.lead{
    font-size: 23px;
    padding-top: 2px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #10103b;
    padding-bottom: 20px;
    line-height: 34px;
}

.em_banner_top .hero-content-wrap {
    position: relative;
    z-index: 1;
}

.em_banner_top h2{
    font-size: 60px;
    font-weight: 700;
}

.pd-5 {
    padding: 5px;
}

.orch_pad{
    padding-right: 5%;
}

.chatGPT_bg {
    background-color: #f5f5f5;
    background-image: url(../img/chatGPT_baner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 90px 0px 110px;
    text-align: center;
}

.fintech-ac h6 {
    font-size: 17px;
    color: #10103b;
    font-weight: 500;
}

.chatGPT_bg h1 {
    font-size: 40px;
    color: #071c4d;
    line-height: 52px;
}

.chatGPT_bg p {
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 0px;
    font-family: var(--bs-font-sans-serif);
    color: #071c4d;
}

.cht_pre {
    word-break: break-all;
    padding: 16px 18px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    background: #000119;
    border-radius: 6px;
    margin-top: 35px;
    color: #fff;
}

button.message-submit.toggle-disabled .strk {
    stroke: #0c2da4;
}

.message-box button[disabled] .strk {
    stroke: #ccc;
}

span.gpt_cl1 {
    color: #0dbdab;
}
span.gpt_cl2 {
    color: #bd2edd;
}

.cht_pre code {
    background: none;
    font-size: 15px;
    font-weight: 500;
}

.cht_pre pre {
    background: #0000000d;
    padding: 30px;
}

.chatwin {
    position: relative;
    /* border: solid 1px #f2f2f2; */
    padding: 30px;
    border-radius: 6px;
    /* min-height: 280px; */
    box-shadow: 0 30px 70px 0 rgba(0, 15, 56, 0.1);
}

.message-box {
    width: 100%;
    background: #fff;
    margin: 0;
    padding: 0.75rem 0 0rem 0.85rem;
    position: relative;
    border-radius: 8px;
    border: 1px solid #eee;
}

.message-box .message-input {
    background: none;
    border: none;
    outline: none !important;
    resize: none;
    font-size: 15px;
    height:30px;
    margin: 0;
    width: 90%;
    color: #444;
}

.message-box .message-submit {
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 2px;
    border: none;
    background: #fff;
    padding: 6px 10px;
    outline: none !important;
    transition: background 0.2s ease;
    cursor: pointer;
}

.messenger-box ul {
    padding: 0 12px;
    display: inline-block;
    width: 100%;
    }

.messenger-box li {
    list-style: none;
    padding-bottom: 4px;
    width: 100%;
    display: inline-block;
}

.meg pre code {
    background: #272727;
    color: #fff;
    font-size: 14px;
}

.messenger-box {
    max-height: 320px;
    overflow-y: auto;
}

.meg pre {
    background: #272727;
    padding: 10px;
}

.messenger-box .avatar {
    width: 50px;
    float: left;
    display: none;
}

.bg_color1{background: #f35c3d;}

.bg_color2{background: #3258bf;}

.name_abbr {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    width: 48px;
    color: #fff;
    border-radius: 50px;
    height: 48px;
    line-height: 48px;
}

.messenger-box .avatar img {
    border-radius: 100%;
}

.messenger-box .avatar .send-time {
    font-size: 11px;
    text-align: center;
    padding-top: 5px;
}

/* .messenger-box .msg-box {
    margin-left: 68px;
} */

.messenger-box .inner-box {
    position: relative;
    border-radius: 8px;
    background-color: #f5f5f5;
    font-size: 14px;
    color: #10103b;
    padding: 9px 14px;
}

.msg-sent.msg-container .name {
    text-align: right;
}

.msg-received.msg-container .inner-box {
    background: #f0f8ff;
    border-bottom-left-radius: 0.125rem;
}

.msg-sent.msg-container .inner-box {
    border-bottom-right-radius: 0.125rem;
}

.msg-received.msg-container .inner-box {
    float: left;
}

.messenger-box .name {
    font-size: 13px;
    padding-bottom: 2px;
    color: #bcbcbc;
}

.app-two-single-feature-icon.box-three i.fa-brands.fa-twitter {
    background-color: rgba(29, 155, 240, 0.1);
    color: #1d9bf0;
}

.app-two-single-feature-icon.box-eight i.fa-brands.fa-linkedin-in {
    background-color: rgba(10, 102, 194, 0.1);
    color: #0a66c2;
}

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

/* .messenger-box .inner-box:after {
    content: "";
    position: absolute;
    top: 10px;
    left: -18px;
    width: 18px;
    height: 18px;
    border-style: solid;
    border-width: 9px;
    border-color: transparent #f0f8ff transparent transparent;
} */

.messenger-box .msg-sent .avatar, .messenger-box .msg-sent .msg-box {
    float: right;
}

.messenger-box .msg-sent .msg-box {
    margin-left: 0;
    margin-right: 0px;
}

/* .messenger-box .msg-sent .inner-box:after {
    left: inherit;
    right: -18px;
    border-color: transparent transparent transparent #f9f9f9;
} */

/* .mes_pnl {
    position: absolute;
    bottom: 32px;
    width: 90.5%;
} */



/* embedded page css */

.modal {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .modal .modal-dialog {
    max-width: 100%;
    min-width:86%;
    max-height: 90vh;
    background-color: #fff;
    box-shadow: 0 0 15px 0 black;
    border-radius: 0.5rem;
    overflow: hidden;
    transform: scale(0.9);
    transition: transform 0.3s ease-in-out;
    pointer-events: all;
  }
  .modal--show {
    left: 0;
  }
  .modal--show .modal-dialog {
    transform: scale(1);
  }
  .modal__header {
      display: flex;
      align-items: center;
      justify-content: end;
      padding: 10px 19px 10px;
  }
  .modal__header .close {
    cursor: pointer;
    margin: 12px 10px 0px 0px;
    color: #000;
}

#editor-modal .modal__header {
    padding-bottom: 0px;
}

  .modal__body {
    max-height: calc(90vh - 7rem);
    overflow-y: auto;
    padding-inline: 1.5rem;
    padding-block: 1rem;
  }

.iframe_mdl {
    width: 100%;
    height: 380px;
}

.embed_panel img {
    width: 100%;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 8%);
    border-radius: 8px;
}
img.cht_bnr {
    width: 45%;
}

.exp_test_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.em_try {
    font-size: 16px;
    font-weight: 600;
    color: #0a0e5f;
}

.ifr {
    border: none;
    width: 100%;
    height: 600px;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 12%);
    padding: 0px;
}

.exp_test_btn a.full_scrn {
    background: #e6effc;
    color: #0c2da4;
}

.exp_test_btn a {
    background: #0c2da4;
    padding: 6px 12px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.faq-wrapper {
    padding-left: 10%;
}

.badges_banner_bg img.cht_bnr {
    width: 65%;
}

img.fin_bnr {
    width: 32%;
}

.media_bnr {
    width: 46%;
    margin-bottom: 15px;
}

.bdg_ig, .bdg_ig2, .bdg_ig3 {
    text-align: center;
}


.bdg_ig img {
    width: 75%;
}

.bdg_ig2 img {
    width: 65%;
}

.bdg_ig3 img {
    width:60%;
}

.cpt_h {
    font-size: 25px;
    font-weight: 600;
    line-height: 32px;
}

.cp_im{text-align: center;}

.cp_im img{width: 70%;}

@media only screen and (max-width: 1199px) {
.em_banner_top h2{
    font-size: 62px;
}

.ev-price .col-xl-4.col-md-6{
    margin-bottom: 30px;
}

.badg_info h1 br {
    display: none;
  }
  .badg_info h1{font-size: 47px; line-height: 60px; font-weight: 600;}
  .badges_banner_bg img {
    width: 60%;
  }
  .media_bnr {
    width: 60%;
  }

}

@media only screen and (max-width: 1180px) {
    img.fin_bnr {
        width: 45%;
      }
      .bdg_ig img {
        width: 75% !important;
      }

      .bdg_ig2 img {
        width: 75% !important;
      }

      .bdg_ig3 img {
        width: 75% !important;
      }
}

@media only screen and (max-width: 991px) {

    .em_banner_top h1.lead{
        font-size: 20px;
    }

    .em_banner_top h2{
        font-size: 50px;
    }

    .padd3x {
        text-align: center;
      }

      .padd3x1 {
        text-align: center;
        padding-top: 30px;
      }
      .padd3x {
        text-align: center !important;
      }
    .ev-price.ptb-100 {
        padding-bottom: 38px;
      }
    .badges_banner_bg img.cht_bnr {
        width: 85%;
      }
      .badges_banner_bg h1 br {
        display: none;
      }
      .badges_banner_bg{
        padding: 20px 0px 50px;
      }
    img.cht_bnr {
        width: 80%;
      }
      img.fin_bnr {
        width: 55%;
      }
      .chatGPT_bg h1 br {
        display: none;
      }
      .fin-slider .swiper-wrapper p{padding-bottom: 0px;}
      .badges_banner_bg img {
        width: 50%;
        margin-top: 35px;
      }
      .badg_info h1{text-align: center;}
      .badg_info h1 {
        font-size: 38px;
        line-height: 52px;
      }
      .ev-price .col-lg-4.col-md-6 {
        margin-bottom: 25px;
      }
}

@media only screen and (max-width: 767px) {
    .btn-bn3{
        margin-bottom: 15px;
    }

    .em_banner_top h1.lead{
        font-size: 19px;
    }

    .dig_img1 img {
        width: 80%;
      }

    .em_banner_top h2{
        font-size: 40px;
    }

    .badges_banner_bg p br {
        display: none;
      }
      .badges_banner_bg h1 {
        font-size: 26px;
        line-height: 32px;
      }
      .badges_banner_bg p {
        font-size: 17px;
        line-height: 24px;
      }
    .chatGPT_bg h1 {
        font-size: 28px;
        line-height: 40px;
    }

    .chatGPT_bg h1 br {
        display: none;
      }

    .chatGPT_bg p{
        font-size: 18px;
        line-height:25px;
    }

    .chatGPT_bg{
        padding: 60px 0px;
    }

    .cpt_h {
        font-size: 20px;
    }

    .footer-section .col-md-3.col-lg-3.mt-4.mt-md-0.mt-lg-0 {
        width: 50%;
    }
    img.cht_bnr {
        width: 90%;
      }
      .badg_info h1 {
        font-size: 28px;
        line-height: 40px;
      }
}


.event_container {
    display: flex;
    width: 100%;
    background: #FFF;
    margin: 20px 0;
  }

  .event_bg img {
    width: 100%;
    border-radius: 16px;
}

.event_bg {
    width: 45%;
}

.event_date p i {
    font-size: 19px;
    margin-right: 10px;
}

  .event_container .event_info {
    width: 55%;
    height: 100%;
    padding: 0px 0 0 50px;
  }
  .event_container .event_info .event_title {
    display: flex;
    width: 100%;
    align-items: center;
  }
  .event_container .event_info .event_title h4 a {
    font-size: 30px;
    line-height: 36px;
    padding: 0 0 0px;
    color: #10103b;
}

.event_container .event_info .event_title h4 a:hover {
    color: #0c2da4;
}

hr.h_clr {
    color: #aaa;
    margin: 0px;
}

.event_detail.event_comp .event_date li, .event_detail.event_comp .h_description h2, .event_detail.event_comp .awsrds_rewards h4, .event_detail.event_comp .h_description p, .event_detail.event_comp .awsrds_rewards ol li , .event_detail.event_comp .awsrds_rewards ul li{
    color: #646464 !important;
}

  .event_container .event_info .event_desc {
    width: 100%;
    margin-bottom: 10px;
  }
  .event_container .event_info .event_desc p {
    font-size: 16px;
    color: #10103b;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }


  .event_container .event_info .event_footer {
    display: flex;
    width: 100%;
    height: 50px;
    align-items: center;
    justify-content: space-between;
  }
  .event_container .event_info .event_footer .event_date p a {
    font-size: 14px;
    font-weight: 500;
    color: #4383ca;
    display: flex;
  align-items: baseline;
  }

  .event_container a.regiter_btn {
    /* display: block; */
    padding: 15px 38px;
    border-radius: 4px;
    text-align: center;
}

.event_title h4 {
    margin-bottom: 15px;
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-bottom: 2px;
}

  .event_container .event_info .event_footer .event_more {
    display: flex;
    width: auto;
    height: 100%;
    align-items: center;
  }
  .event_container .event_info .event_footer .event_more a.btn_more {
    display: flex;
    width: auto;
    height: 40px;
    align-items: center;
    padding: 0 15px;
    text-decoration: none;
    color: #5F5FFC;
    font-size: 16px;
    font-weight: 600;
    border-radius: 2px;
    will-change: background;
    transition: background 0.3s, color 0.2s ease-in;
  }
  .event_container .event_info .event_footer .event_more a.btn_more i.material-icons {
    font-size: 18px;
    font-weight: 500;
    padding: 0 2px;
  }
  .event_container .event_info .event_footer .event_more a.btn_more:hover {
    background: #5F5FFC;
    color: #FFF;
  }

.event_container.event_completed .event_date p a, .event_container.event_completed .event_title h4 a, .event_container.event_completed .event_info .event_desc p {
    color: #646464 !important;
}

.event_bg img.gray_scl {
    filter: grayscale(1);
}

.event_container.event_completed a.regiter_btn {
    background: transparent;
    border: solid 1px #5c5d85;
    color: #5c5d85;
}

.event_container.event_completed a.btn-bn3:before, .event_container.event_completed a.btn-bn3:after{
   background: transparent;
}

.event_banner {
    text-align: center;
}

.event_banner img {
    width: 100%;
    border-radius: 16px;
  }

  .event_banner_winner {
    text-align: center;
  }

/* .event_btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
} */

.event_btns a {
    /* background: #0b0e5b; */
    padding: 16px 30px !important;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    width: 30%;
    /* border-radius: 4px; */
    margin-right: 10px;
    color: #fff;
}

.event_btns a.orange_btn{
    background: #f1631e;
}

ul.event_date {
    margin: 0px;
    padding: 0px;
}

ul.event_date li {
    position: relative;
    padding-left: 35px;
    list-style: none;
    margin: 25px 0px;
    font-size: 14px;
    font-weight: 500;
    color: #4383ca;
    display: flex;
    align-items: center;
  }

  ul.event_date li i {
    width: 26px;
    text-align: center;
    font-size: 19px;
    margin-right: 8px;
  }

.h_description h2 {
    margin-bottom: 25px;
    color: #10103b;
}

.h_description p {
    color: #10103b;
    font-size: 16px;
  }

.awsrds_rewards ol li {
    font-size: 16px;
    padding: 5px 0px;
    color: #10103b;
}
.awsrds_rewards ol {
    padding: 0px 0 0 20px;
    margin: 18px 0 0 0px;
}

.awsrds_rewards ul li {
    font-size: 16px;
    padding: 5px 0px;
    color: #10103b;
}
.awsrds_rewards ul {
    padding: 0px 0 0 20px;
    margin: 18px 0 0 0px;
}

.awsrds_rewards h4 {
    font-size: 22px;
    font-weight: 500;
}

.awsrds_rewards p {
    font-size: 16px;
    color: #10103b;
}

.ev_head_info {
    display: flex;
    align-items: first baseline;
    padding: 40px 0px;
    justify-content: space-between;
}

.h_description {
    width: 65%;
}

.auth_date_name .event_date p {
    font-size: 17px;
    font-weight: 600;
    color: #0000ff;
}

.event_grd_bnr {
    width: 40%;
  }

  .chatGPT_bg.event_bn{
    padding: 50px 0px 70px;
  }

  .event_btns .btn-bn3{
    padding: 16px 38px !important;
  }

  .press_release {
    margin: 100px 0px;
}

.upcoming_event_flash {
    margin: 0px 0 0px;
}

.upcoming_event_flash marquee {
    background: #f9f9f9;
    padding: 10px;
    position: relative;
}

.upcoming_event_flash marquee a {
    color: #de5a21;
    margin: 0 50px;
    font-size: 17px;
    font-weight: 500;
}

/* .upcoming_event_flash marquee:before {
    left: 0;
    background: linear-gradient(to right, white 5%, transparent 100%);
}
.upcoming_event_flash marquee:before, .upcoming_event_flash marquee:after {
    position: absolute;
    top: 0;
    width: 50px;
    height: 44px;
    content: "";
    z-index: 1;
}

.upcoming_event_flash marquee:after {
    right: 0;
    background: linear-gradient(to left, white 5%, transparent 100%);
} */

.blink-soft {
    animation: blinker 1.5s linear infinite;
  }
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }


@media only screen and (max-width: 1199px) {
    .event_banner_winner img {
        width: 80%;
      }
    .event_grd_bnr{
        width: 80%;
    }
    .event_container .event_info .event_title h4 a {
        font-size: 22px;
        line-height: 24px;
      }
  }

  @media screen and (max-width: 991px) {
    .pr_rw1{display: inline-block; margin: 0px;}
    .pr_rw1 a {
        margin: 15px;
        display: inline-block;
      }
    .event_container {
      width: 100%;
      flex-direction: column;
    }

    .event_container .event_info .event_desc{
        height: auto;
    }

    .event_container .event_info {
        padding: 22px 0 0 0px;
      }

    .event_container .event_bg {
      width: 100%;
    }
    .event_container .event_info {
      width: 100%;
    }

    .event_container.ptb-80 {
        padding: 30px 0px;
      }

      .event_container{
        margin: 0px;
      }

      .ev_head_info{
        flex-direction: column;
        align-items: start;
      }
      .h_description{width: 100%;}

      .event_btns{flex-direction: column; align-items: start;}
      .event_btns a{width: 45%; font-size: 16px;}
      .awsrds_rewards h4{font-size: 20px;}
      .ev_head_info{padding-bottom: 15px;}
      .event_btns .btn.btn-bn3 {
        padding: 15px 30px !important;
      }

      .em_pnl{display: none;}
      .sd_em_fr {
        margin-top: 50px;
      }
  }


  @media screen and (max-width: 767px) {
    .event_container .event_info .event_footer .event_date p a{
        font-size: 12px;
        align-items: center;
    }
    .event_grd_bnr {
        width: 100%;
      }

      .event_banner img {
        width: 100%;
      }

      .event_banner_winner img {
        width: 100%;
      }
      .event_btns a {
        width: 100%;
        font-size: 15px;
      }
  }


  .htw-single-box .number-serial {
    font-size: 90px;
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    right: 24px;
    top: 0;
    color: #6672fb;
    line-height: 1.3em;
    opacity: 0.1;
  }
  .htw-single-box.mts-50 {
    margin-top: 50px;
  }
  .htw-single-box.mts-100 {
    margin-top: 100px;
  }
  span.icon-wrapper img {
    width: 60px;
}
.htw-single-box h3.h5 {
    color: #10103b;
}
.join_btn_ev {
    width: 55px;
}

.join_bt2 {
    width: 90px;
}

  @media (max-width: 1199.98px) {
    .htw-single-box.mts-50,
    .htw-single-box.mts-100 {
      margin-top: 0;
    }
  }


.enter-promo .modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.enter-promo .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 0;
    width: 450px;
    border-radius: 15px;
    border: none;
}
.enter-promo .close-button {
    background: #ddd;
    padding: 6px;
    display: inline-block;
}

.key_action_btn {
    text-align: center;
    padding-top: 18px;
}

.enter-promo .show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.rdm_hd{text-align: center;}

.cong_message_en .form-control[readonly] {
    background: transparent;
    padding: 8px 16px;
    text-decoration: none;
    font-weight: 400;
    color: #10103b;
    border: 1px solid #ddd;
    height: auto;
    line-height: 22px;
    font-size: 13px;
    resize: none;
}

.rdm_hd img.cong_img {
    width: 100px;
}

.plt_row {
    padding: 12px 6px;
    color: #10103b;
}

.plt_row label {
    font-weight: 500;
    font-size: 14px;
    opacity: 0.5;
    width: 100%;
}

.plt_row span {
    font-size: 17px;
    width: 300px;
    opacity: 0.9;
    color: #10103B;
    word-break: break-all;
}

.sv_box {
    padding:40px 36px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 30px 70px 0 rgba(0, 15, 56, 0.1);
}

.lice_main_container {
    /* background: #f5f9fd; */
    border-top: 1px solid #dddddd94;
    background-image: url(../img/req_a_license_bg.png);
}

.plt_row:last-child {
    border: none;
}

.text-right{text-align: right;}

.active_pnl h2 {
    font-size: 70px;
    font-weight: 700;
}

.active_pnl h5 {
    font-size: 20px;
    color: #10103b;
    opacity: 0.6;
    font-weight: 500;
    padding-bottom: 8px;
}

.active_pnl h6 {
    font-size: 20px;
    font-weight: 500;
    color: #10103b;
    padding: 15px 0 0px;
}

.ac_value_box h4 {
    color: #10103b;
    font-size: 15px;
    font-weight: 500;
}

.ac_value_box p {
    font-size: 14px;
    opacity: 0.6;
    color: #10103b;
    margin: 0px;
    padding-top: 10px;
    font-weight: 300;
}

.sv_box h6 {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 20px;
    color: #10103b;
    border-bottom: solid 1px #D9D9D9;
    margin-bottom: 16px;
}

.ac_value_box .form-control {
    width: 60%;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.12);
    height: auto;
    border-radius: 4px;
}

.ac_value_box {
    padding: 60px 0 0px;
}

.enter_err {
    position: relative;
    padding: 10px 0px;
}

.enter_err span {
    font-size: 11px;
    color: red;
    position: absolute;
    left: 0;
    top: 8px;
}

.en_key {
    text-align: center;
}

.enter-promo .section-heading {
    margin-bottom: 0px;
}

.en_key input.form-control {
    width: 60%;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.redeem_fr_btn {
    color: #fff;
    background: #10103b;
    padding: 15px 50px;
    border: solid 1px;
}

.redeem_fr_btn:hover {
color: #fff;
}

.md_haed {
    background: linear-gradient(90deg, #0070c6, #0a39c8);
    padding: 10px;
    text-align: center;
    border-radius: 15px 15px 0 0px;
}

.cong_message_en {
    padding:60px 20px 35px 20px;
}

.clap_hand {
    position: absolute;
    left: 50%;
    right: 0;
    top: 112px;
    margin-left: -55px;
}

.clap_hand img {
    width: 115px;
}


.btn-bn-redeem {
    display: inline-block;
    line-height: 26px;
    font-weight: 500;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    position: relative;
    z-index: 1;
    border: none;
    padding: 15px 38px;
    border-radius: 0;
    color: #fff;
    overflow: hidden;
    font-size: 1rem;
    white-space: nowrap;
    border-radius: 4px;
    margin-top: 0px;
    margin-left: 10px;
}


.btn-bn-redeem:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear-gradient(90deg, #3562c1, #0a0e5f));
    background: linear-gradient(90deg, #3562c1, #0a0e5f);
    z-index: -1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-bn-redeem:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0%;
    height: 100%;
    background: -webkit-gradient(linear-gradient(90deg, #0a0e5f, #3562c1));
    background: linear-gradient(90deg, #0a0e5f, #3562c1);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-bn-redeem:hover {
    color: #fff;
}

.btn-bn-redeem:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%;
}

button.btn.btn-bn-redeem.trigger {
    padding: 15px 50px;
}

.hw_apply {
    text-align: center;
    font-size: 13px;
    padding-top: 18px;
}

.hw_apply2 {
    font-size: 14px;
    padding-top: 15px;
}

.enter-promo .close-button {
    background: #ddd;
    padding: 9px 15px;
    width: 140px;
    display: inline-block;
    color: #10103b;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
}

.err_ms {
    font-size: 11px;
    color: #fff;
    position: absolute;
    right: 231px;
    bottom: 38px;
    z-index: 9;
    background: red;
    padding: 4px 6px;
    line-height: 11px;
    border-radius: 3px;
}

a.btn.get_ct_btn.ky_cy {
    padding: 10px 15px !important;
    font-size: 14px;
    width: 140px;
}

.key_action_btn a {
    margin: 0px 0px 0px;
}


.toast-message {
    position: fixed;
    top: -100%;
    right: 0%;
    transform: translateX(-5%);
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    width: 400px;
    font-size: 16px;
    transition: all 0.5s;
    z-index: 9999;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);
  }

  .toast-message.success {
    background: #64DD17;
  }
  .toast-message.danger {
    background: #F44336;
  }
  .toast-message .message {
    color: #fff;
    padding: 20px 30px;
    text-align: center;
  }
  .toast-message .close {
    position: absolute;
    top: 25%;
    right: 15px;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: black;
    text-shadow: white 0px 1px 0px;
    opacity: 0.2;
    cursor: pointer;
  }
  .toast-message .close::after {
    content: "×";
  }
  .toast-message .close:hover {
    opacity: 0.6;
  }
  .error_msg {
    margin-top: 104px;
}
.error_msg h3 {
    color: #f4733d;
    font-size: 85px;
}
.error_msg h6 {
    color: #071c4d;
    font-size: 32px;
    font-weight: 700;
}

.error_msg p {
    color: #000;
    font-size: 18px;
}

.error_msg img{
    width: 280px;
    margin-bottom:50px;
}

  @media only screen and (max-width: 1199px) {
    .active_pnl h2 {
        font-size: 60px;
      }
  }

  @media only screen and (max-width: 991px) {
    .sv_box {
        margin-top: 50px;
      }

      .active_pnl h2 {
        font-size: 50px;
        line-height: 64px;
      }

      .active_pnl {
        text-align: center;
      }

      .ac_value_box .form-control{
        width: 100%;
      }
  }


  @media (max-width: 767px) {
    .en_key input.form-control{
        width: 80%;
    }

    .enter-promo .modal-content{
        width: 70%;
    }

    .active_pnl h2 {
        font-size: 40px;
        line-height: 52px;
      }

      .btn-bn-redeem{
        margin-top: 15px;
      }

      .enter_err{text-align: center;}
      .enter_err span{position: inherit;}
  }

  @media (max-width: 560px) {
    .plt_row label{
        width: 100%;
    }

    .enter-promo .modal-content {
        width: 80%;
      }

      .md_haed img {
        width: 100%;
      }

      .active_pnl h2 {
        font-size: 30px;
        line-height: 42px;
      }

  }

  @media (max-width: 424px) {
    .toast-message {
      width: calc(100% - 20px);
    }
  }