@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
.customradio, p {margin-bottom: 0}
.conForm input, .conForm textarea, .formSubmiut.headerBtn button, body {font-family: Inter, sans-serif !important}
.sericon img, .servtitle h4 {transition: .1s}
.fullField.error textarea,.halfField.error input { border: 1px solid red;}
.fullField.successVal textarea,.halfField.successVal input { border: 1px solid #72be9d;}
.halfField.error input#comName2 {border: none !important;}
div#mail-status b { color: #009900; margin-top: 10px !important; text-align: center; display: block; font-size: 14px; }
.imagehover, .wrapper, ul.slick-dots li {overflow: hidden}
#loading-bar-spinner.spinner {right: 33%;margin-left: 0;top: 16px;margin-top: 0;position: absolute;z-index: 19 !important;animation: loading-bar-spinner 400ms linear infinite;} #loading-bar-spinner.spinner .spinner-icon {width: 30px;height: 30px;border:  solid 4px transparent;border-top-color: #fff !important;border-left-color: #fff !important;border-radius: 50%;} @keyframes loading-bar-spinner { 0%   { transform: rotate(0deg);   transform: rotate(0deg); } 100% { transform: rotate(360deg); transform: rotate(360deg); } }
:root {--primary-color: #e74032;--secondary-color: #572c8b;--white: #FFFFFF}
html {scroll-behavior: smooth}
::-webkit-scrollbar {width: 5px;background-color: transparent}
::-webkit-scrollbar-button:end:increment, ::-webkit-scrollbar-button:start:decrement {display: none}
::-webkit-scrollbar-track-piece {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: transparent}
::-webkit-scrollbar-thumb:vertical {border-radius: 0;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #050607}
.popupMain, [class^=box-] {display: none}
table.table tbody tr td:nth-child(2) {
    max-width: 320px;
}
.customradio, ul.slick-dots li {display: inline-block;vertical-align: middle}
.popupMain.show, [class^=box-].showfirst {display: block}
.customradio {position: relative;padding-left: 25px;cursor: pointer;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight: 400;color: var(--white)}
.customradio input {position: absolute;opacity: 0;cursor: pointer}
.checkmark {position: absolute;top: 4px;left: 0;height: 11px;width: 11px;border-radius: 3px;background-color: #e0e0e0}
.customradio input:checked ~ .checkmark {background: #ff6101}
.slick-list {margin: 0 -15px}
.slick-slide {margin: 0 15px}
ul.slick-dots {padding: 20px 0 0;text-align: center}
ul.slick-dots li {margin: 0 8px 0 0;width: auto;padding: 0;border: none}
.slick-dots li button:before {color: var(--white);opacity: 1;font-size: 20px}
.slick-dots li button {height: 11px;width: 11px;border-radius: 50%;padding: 0;background: #d6d6d6;border: none;cursor: pointer;font-size: 0;box-sizing: border-box}
.slick-dots li.slick-active button {background: #4fb3c2}
span.arrows {width: 36px;height: 36px;border: none;position: absolute;bottom: 0;margin: auto;z-index: 2;cursor: pointer;line-height: 39px;font-size: 12px;text-align: center;font-weight: 300;top: 0;border-radius: 0;background: #dde2e6;color: #222}
span.arrows.next {right: 1%}
.slick-initialized .slick-slide {outline: 0 !important}
p {font-weight: 400;font-size: 16px;line-height: 26px;color: rgba(255, 255, 255, 0.50);}
p + p {margin-top: 15px}
ul {padding: 0;margin: 0;list-style: none}
@media (min-width: 100px) {
    .padding-full {padding-right: 15px;padding-left: 15px}
    .no-padding, .no-padding-right {padding-right: 0}
    .no-padding, .no-padding-left {padding-left: 0}
}
body {overflow-x: hidden !important; font-family: "Onest", sans-serif !important; background: #0B0928;}
.openmenu
{
    display:none !important;
}
.menuwrap ul li a {
    color: rgba(255, 255, 255, 0.40);
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    transition: 0.3s;
}
.secbtn {
    position: relative;
    z-index: 99999;
}
.menuwrap ul {}

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

.headerbtnright a {
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    background: linear-gradient(270deg, #103E8E 0%, #74C5D9 97.78%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.headerbtnright {
    border-radius: 10px;
    border: 1px solid #103E8E;
    background: rgba(255, 255, 255, 0.03);
    width: 125px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
header {
    padding: 15px 0;
}

.menuwrap ul li+li {
    margin-left: 30px;
}

.headerbtnmain {
    display: flex;
    aali: c;
    justify-content: flex-end;
}

.headermain .row {
    display: flex;
    align-items: center;
}
.bannerText h1 {
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    color: rgb(255 255 255 / 85%);
}

.bannerText h1 span {
    background: linear-gradient(90deg, #74C5D9 8.23%, #103E8E 91.82%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
}
.MainTitle h2
{
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 54px;
    text-transform: capitalize;
    color: rgb(255 255 255 / 85%);
    margin-bottom: 20px;
}
.MainTitle h2 span{
    background: linear-gradient(90deg, #74C5D9 8.23%, #103E8E 91.82%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
section.sec1banner {
    padding: 150px 0;
}
.MainTitle p{
    color: rgba(255, 255, 255, 0.40);
    text-align: center;
    margin-top: 20px;
    max-width: 950px;
    margin: 0 auto;
}
.bannerText p {
    color: rgba(255, 255, 255, 0.40);
    text-align: center;
    margin: 20px auto 0;
    max-width: 950px;
}

.secbtn a {
    border-radius: 13px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    border-radius: 13px;
    background: linear-gradient(93deg, #74C5D9 1.75%, #103E8E 98.23%);
    padding: 15px 30px;
    display: inline-block;
    text-decoration: none;
}

.secbtn a img {
    margin-left: 8px;
    position: relative;
    top: -1px;
}

.secbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}
.bannerImage {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
}
.gridtext h4 {
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 100% */
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 20px;
}

.gridocon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.gridtext p {
    color: rgba(255, 255, 255, 0.40);
    text-align: center;
    padding: 0 20px;
}

.imaggridbox {
    margin-top: 80px;
}
.sec3.keyfeatures {
    padding: 120px 0 0;
}
.featureimage img {
    width: 100%;
    height: auto;
    border-radius: 25px;
}
.featuretext
{
    padding-left: 20px;
}
.featuretext h4 {
    color: #FFF;
    font-size: 26px;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 15px;
}

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

.featuretext a {
    color: #103E8E;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    text-decoration: none;
}

.featuretext a img {
    position: relative;
    top: -1px;
}
.keyfeaturesrow
{
    display: flex;
    align-items: center;
    margin-top: 0;
    padding-bottom: 90px;
}
.boostimaggridbox {
    border-radius: 25px;
    border: 1px solid rgba(116, 197, 217, 0.80);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.00) 100%);
    padding: 50px 28px;
}

.boostimaggridbox .gridocon {
    align-items: start;
    justify-content: start;
}
.boostimaggridbox {
    min-height: 530px;
}
.boostimaggridbox .gridtext h4 {
    text-align: left;
    color: #FFF;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 33px;
    margin-bottom: 12px;
}

.boostimaggridbox .gridtext p {
    text-align: left;
    padding: 0;
}

.swipermainbooost .swiper {
    margin-top: 0;
    padding: 300px 0 300px;
}
section.sec5.integrations {
    padding-top: 0;
}
.imaggridboxresource {
    border-radius: 25px;
    border: 1px solid #211f35;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.00) 100%);
    padding: 30px;
    margin-top: 60px;
}

.respurcetext h4 {
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 14px;
    opacity: 0.85;
}

.learnmore a {
    background: linear-gradient(270deg, #103E8E 22.58%, #74C5D9 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-weight: 500;
}

.learnmore {
    margin-top: 20px;
    border-top: 1px solid rgb(255 255 255 / 5%);
    padding-top: 20px;
}
section.sec6.resources {
    padding: 120px 0;
}
.aautomatainginner {
    border-radius: 50px;
    background: linear-gradient(90deg, #74C5D9 0.01%, #103E8E 99.99%);
}

.automating {
    padding: 20px;
    padding-top: 0;
}

.aautomatainginner .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.auotext h3 {
    color: #FFF;
    /* text-align: center; */
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    font-weight: 800;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
    display: block;
    margin: 0 auto 20px;
}
.auotext h3:after{
    content: "";
    background: url("../images/titlebottom.svg");
    width: 322px;
    height: 25px;
    position: absolute;
    bottom: 10px;
    right: 0;
    z-index: 1;
}
.auotext p {
    text-align: left;
    max-width: 490px;
    margin: 0;
    color: #fff;
}
section.sec8.unlock {
    padding: 100px 0;
}
.auotext h3 span {
    position: relative;
    z-index: 10;
}
.secbtn .auotext {
    margin: 0;
}

.auotext .secbtn {
    margin: 30px 0 0;
    align-items: start;
    justify-content: start;
}

.auotext .secbtn a {
    background: rgb(255 255 255 / 11%);
    border: 1px solid #fff;
    transition: 0.3s;
}

.auotext .secbtn a:hover {
    background: #103E8E;
    border-color: #103E8E;
}
.countbox h3 {
    text-align: center;
    font-size: 70px;
    font-style: normal;
    font-weight: 600;
    line-height: 80px; /* 120% */
    text-transform: capitalize;
    background: linear-gradient(270deg, #103E8E 22.58%, #74C5D9 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.coutstep {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
}

.countbox {
    width: 25%;
    text-align: center;
}

.countbox p {
    color: rgba(255, 255, 255, 0.40);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; /* 150% */
}
.logofooter {
    text-align: center;
    margin-bottom: 40px;
}

footer .menumain {
    margin-bottom: 50px;
}

footer {
    border-radius: 50px 50px 0px 0px;
    background: rgba(255, 255, 255, 0.01);
    padding: 80px 0 0;
}

.bottomrow:before {
    opacity: 0.1;
    background: linear-gradient(90deg, #0B0928 0%, #CCC 50%, #0B0928 100%);
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    height: 1px;
}
.row.bottomrow {
    position: relative;
    padding: 30px 0;
}

.footerlinks .menuwrap ul {
    justify-content: flex-end;
}

.footerlinks .menuwrap ul li a {}

.footerlinks .menuwrap ul li a {
    opacity: 0.8;
    font-size: 16px;
    font-weight: 400;
}

.copyrightleft p {
    opacity: 0.5;
}
.headngng
{
    position: relative;
}
.headngng:after {
    content: "";
    background: url(../images/headingbg.png);
    width: 800px;
    height: 400px;
    position: absolute;
    top: -120px;
    left: 0;
    right: 0;
    margin: auto;
    animation: color-change 1.5s infinite alternate;
}
.cirlceanimation
{
    position: absolute;
    right: -100px;
    transform: rotate(360deg);
    animation: rotate 40s infinite alternate;
    bottom: -200px;
}
.squareanimation {
    position: absolute;
    left: -44px;
    top: 30%;
    animation: updown 10s infinite alternate;
}
.boostmain {
    position: relative;
}
.blueright {
    padding: 40px;
}
@keyframes rotate2 {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(15deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.boostmain .cirlceanimation {
    top: -150px;
    right: 80px;
    height: auto;
    animation: rotate 30s infinite alternate;
    bottom: initial;
}
@keyframes color-change {
    0% {
        top: -120px;
    }
    100% {
        top: -80px;
    }
}
@keyframes updown {
    0% {
        top: 30%;
    }
    100% {
        top: 60%;
    }
}
@keyframes rotate {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.wrapper{
    background: url("../images/sec1bg.png");
}
.resources
{
    background: url(../images/resbg.png) center bottom / cover no-repeat;
}
.unlock
{
    position: relative;
}
.bannerImage img,
.automating img{
    width: auto;
    max-width: 100%;
}
.secbtn a img {
    width: auto;
}
.col-md-3.col-12.blueright {
    text-align: right;
}
.menuwrap ul li a:hover {color: #6bb9d2;}
.hoverbox {
    background: linear-gradient(160deg, #74C5D9 0.01%, #103E8E 99.99%);
    width: 100%;
    min-height: 200px;
    padding: 18px;
    display: none;
    flex-direction: column;
    border-radius: 6px;
}
.bannerImageInner {
    position: relative;
}
.hoverbox h3 {
    font-size: 16px;
    color: #fff;
}

.hoverbox p,.hoverbox ul li {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    opacity: 1;
    margin-bottom: 10px;
}

.hoverbox ul li {
    margin-bottom: 2px;
}

.hoverbox ul {
    list-style: circle;
    padding-left: 19px;
}
.hoverboxwrap {
    width: 250px;
    min-height: 170px;
    position: absolute;
}

.hoverbox-1 {
    position: absolute;
    top: -30px;
    left: 36%;
}
.hoverbox-2 {
    position: absolute;
    top: 30px;
    right: 0;
}
.hoverbox-3 {
    position: absolute;
    top: 39%;
    right: -100px;
}
.hoverbox-4 {
    position: absolute;
    bottom: 0;
    right: -10px;
}
.hoverbox-5 {
    position: absolute;
    bottom: 0;
    left: 35%;
}
.hoverbox-6 {
    position: absolute;
    bottom: 60px;
    left: 0;
}
.hoverbox-7 {
    position: absolute;
    top: 0;
    left: -100px;
    top: 34%;
}
.hoverbox-8 {
    position: absolute;
    top: 40px;
    left: 0;
}

.hoverboxwrap:hover .hoverbox {
    display: flex !important;
}
.integrationsslider
{
    display: none !important;
}
thead.first-row.hasfirstrow th {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 44px;
}
thead.second-row
{
    margin-top: 30px;
    display: block;
}
table.table tbody tr td:nth-child(1) img {
    margin-right: 5px;
    position: relative;
    top: -1px;
}
section.table-sec {
    padding: 0 0 80px;
}
thead.second-row th {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 44px;
}
th.tabtop {
    text-align: center;
    background: #fff;
    border-radius: 12px 12px 0 0;
    color: #0b0928 !important;
    font-weight: 600 !important;
}
th.tabtop+th.tabtop {
    text-align: center;
    background: linear-gradient(160deg, #74C5D9 0.01%, #103E8E 99.99%);
    border-radius: 12px 12px 0 0;
    color: #fff !important;
    font-weight: 600 !important;
}
table.table th,table.table tr {
    border: none !important;
}
table.table tbody td {
    padding: 20px 30px;
}
table.table tbody tr td:nth-child(1)
{
    color:#fff;
    border: 1px solid rgb(255 255 255 / 8%) !important;
    border-right: 0 !important;
}
table.table tbody tr td:nth-child(2) {
    background: #1a1836;
    text-align:center;
}
table.table tbody tr td:nth-child(3) {
    background: #1a1836;
    text-align:center;
}
thead.first-row th:first-child {
    padding-left: 28px;
}
table.table tbody tr:nth-child(2n-1) td:nth-child(2) {
    background: #282641;
    text-align:center;
}
table.table tbody tr:nth-child(2n-1) td:nth-child(3) {
    background: #282641;
    text-align:center;
}

table.table tbody tr td {
    border: none !important;
}
table {
    border-spacing: 20px 0 !important;
    border-collapse: separate;
}
/*ad*/
.config-box-ad {
    border-radius: 25px;
    border: 1px solid #211f35;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.00) 100%);
    padding: 30px;
}

.config-tabs-ad {
    border-radius: 25px;
    border: 1px solid #211f35;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.00) 100%);
    /* padding: 20px; */
}
.config-tabs-ad ul li {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 20px;
}

.config-tabs-ad ul li+li {
    padding-top: 20px;
}
.helpImg {
    margin-top: 40px;
}

.helpImg img {
    width: 100%;
    height: auto;
}
.MainTitle h3 {
    color: #74C5D9;
    margin-bottom: 10px;
}
.MainTitle.config-title-ad h2, .MainTitle.config-title-ad p {
    text-align: left !important;
}

.MainTitle.config-title-ad p {
    color: #fff;
}

p.ad-caption {
    color: #74C5D9;
    font-size: 22px;
    font-weight: 600;
    padding: 20px 0;
    line-height: 32px;
}

/*
adil css */
.check-wrap h3{line-height:2;font-weight:600;font-size:50px;color:#000;}
.table-packages td,.table-packages th,.business-table td,.business-table th{margin:0;padding:15px;line-height:1.5;vertical-align:top;font-size: 14px;color:#fff;font-weight: 400;border: 1px solid #211f35;}
thead.first-row tr>th{color:#fff;border:none;font-size: 14px;line-height: 18px;/* background: #FFFFFF0D; */font-weight: 400;}
th.pro{font-size: 14px;font-weight: 600;border:none;\: #fff;color: #0E0C2A;line-height: 18px;background: #D9D9D9;}
.table>:not(caption)>*>*{/* background:#167e6f; */}
.table>tbody{vertical-align:inherit;}
tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0;}
.fixed-table-container.container{padding:0;margin-top: 20px;border-radius: 25px;border: 1px solid #211f35;/* background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.00) 100%); */}
td i{background:#fff;color:#167e6f;height:25px;width:25px;font-size:20px;text-align:center;border-radius:50%;}
td i:before{line-height:1.2;}
td.ad-td {
    width: 35% !important;
}
.config-box-ad {
    border-radius: 25px;
    border: 1px solid #211f35;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.00) 100%);
    padding: 30px;
}

.config-tabs-ad {
    border-radius: 25px;
    border: 1px solid #211f35;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.00) 100%);
    /* padding: 20px; */
    overflow: hidden;
}
.config-tabs-ad ul li {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 20px;
    cursor: pointer;
}

.config-tabs-ad ul li+li {
    padding-top: 20px;
}

.config-tabs-ad ul li.active {
    background: linear-gradient(180deg, #74C5D9 0%, #103E8E 100%);
}
.MainTitle.config-title-ad h2, .MainTitle.config-title-ad p {
    text-align: left !important;
}

.MainTitle.config-title-ad p {
    color: #fff;
}

p.ad-caption {
    color: #74C5D9;
    font-size: 22px;
    font-weight: 600;
    padding: 20px 0;
    line-height: 32px;
}
thead.first-row {
    /* background: #FFFFFF0D; */
    border-radius: 25px 25px 0 0 !important;
}
.table-packages td span {
    font-weight: 700;
    display: block;
}
.auotext {
    padding-left: 80px;
}
.boostimaggridbox .gridocon {
    height: 80px;
    width: auto !important;
    display: inline-block;
    margin-bottom: 30px;
}
.aabiconleft {
    position: absolute;
    z-index: 1;
}

.auotext {
    position: relative;
    z-index: 99;
}
.logowrap lottie-player {
    max-width: 195px;
}
.imaggridbox .gridocon {
    border-radius: 30px;
    border: 1px solid #191735;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.00) 100%);
    padding: 20px;
    width: 110px;
    display: table;
    margin: 0 auto 30px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.imaggridbox .gridocon lottie-player {
    height: 80px;
    width: auto;
    display: inline-block;
}
.keyfeatures .MainTitle {
    margin-bottom: 100px;
}
.keyfeaturesrow {
    position: relative;
}

.keyfeaturesrow:before {
    content: "";
    width: 1px;
    height: 100%;
    border: 1px dashed #fff;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.2;
}

.keyfeaturesrow:after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid rgb(255 255 255 / 30%);
    opacity: 1;
    position: absolute;
    top: 0;
    left: -9px;
    background: #0B0928;
}
.keyfeaturesrow.highlight:before
{
    opacity: 0.8;
}
.keyfeaturesrow.highlight:after
{
    border: 1px solid rgb(255 255 255 / 70%);
    background: #fff;
    box-shadow: inset 0 0 0 4px #0b0928;
}
.contactforminner {
    border-radius: 25px;
    border: 1px solid #211f35;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.00) 100%);
    padding: 50px;
    margin-top: 60px;
    width: 750px;
}
.contactforminner .inputfieldbtn input,
.contactforminner .frm_button_submit,
.inputfieldbtn input {
    border-radius: 13px !important;
    color: #FFF !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    text-transform: capitalize !important;
    border-radius: 13px !important;
    background: linear-gradient(93deg, #74C5D9 1.75%, #103E8E 98.23%) !important;
    padding: 15px 30px !important;
    display: inline-block !important;
    text-decoration: none !important;
    border: none !important;
    margin: 0 a !important;
	box-shadow: none!important;
}

.contactforminner .inputfieldbtn,
.contactforminner .frm_submit,
.inputfieldbtn {
    text-align: center !important;
}
.contactforminner .contactormbottom,
.contactormbottom {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.contactforminner .inputfield input,
.contactforminner .inputfield textarea,
.inputfield input,
.inputfield textarea{
    border: 1px solid #34333f !important;
    background: rgb(255 255 255 / 2%) !important;
    border-radius: 50px !important;
    width: 100% !important;
    padding: 20px !important;
    color: #fff !important;
}
.contactforminner .frm_primary_label,
.contactforminner .frm_required {
	display: none !important;
}
.contactforminner .frm_error {
	color: #dc3232 !important;
    font-size: 1em !important;
    font-weight: normal !important;
    display: block !important;
	line-height: 26px !important;
}
.contactforminner .inputfield textarea, 
.inputfield textarea{
    resize: none !important;
    height: 140px !important;
    border-radius: 20px !important;
}
.contactforminner .inputfield,
.inputfield {
    margin-bottom: 20px !important;
}
table {
    border-collapse: collapse;
    border-spacing: 0
}

.table {
    border-color: #e5e4e3
}

.table>tbody>tr>th,.table>thead>tr>th {
    padding: 20px;
    font-weight: 700
}

.table>tbody>tr>td,.table>tfoot>tr>td,.table>thead>tr>td {
    padding: 10px 20px
}

.table>tfoot>tr>td {
    font-weight: 700
}

.table-1 table,.tkt-slctr-tbl-wrap-dv table {
    border: 1px solid #dcdcdc;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.08),inset 0 0 0 1px rgba(255,255,255,.5)
}

.table-1 table th,.tkt-slctr-tbl-wrap-dv table th {
    border: 1px solid #dcdcdc;
    background: #f6f6f6;
    padding: 20px;
    text-align: left
}

.table-1 tr:nth-child(even),.tkt-slctr-tbl-wrap-dv tr:nth-child(even) {
    background: #f6f6f6
}

.table-1 tr td,.tkt-slctr-tbl-wrap-dv tr td {
    border: 1px solid #dcdcdc;
    padding: 10px 20px
}

.table-2 table thead {
    border: 1px solid #d3d3d3;
    text-align: left
}

.table-2 table th {
    padding: 20px;
    color: #fff
}

.table-2 tr td {
    border-bottom: 1px solid #dcdcdc;
    padding: 10px 20px
}
.featureimage {
    padding: 0 100px;
}
.tabcon h3
{
    margin-top: 30px;
}
.cm-s-dracula .CodeMirror-gutters, .cm-s-dracula.CodeMirror {
    background-color: #07051e !important;
}
.CodeMirror-linenumber
{
    text-align: center;
}
.cm-s-dracula.CodeMirror {
    background-color: #090721 !important;
    border: 1px solid #211f35 !important;
    border-radius: 20px !important;
}
.CodeMirror {
    height: auto !important;
    padding: 12px 0 0 !important;
}
.VideoBrand {
    border-radius: 25px;
    border: 1px solid #211f35;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.00) 100%);
    padding: 20px;
    width: 90%;
}
.CodeMirror {
    margin-top: 30px;
    margin-bottom: 20px;
}
.MainTitle.config-title-ad p+p {
    margin-top: 18px;
}
.VideoBrand video {
    width: 100%;
    height: auto !important;
    border-radius: 20px;
}
.boostmain .container {
    position: relative;
    top: 170px;
}
.MainTitle.config-title-ad  img {
    width: auto;
    height: auto;
    border-radius: 12px;
    margin-top: 20px;
    margin-bottom: 15px;
    max-width: 100%;
}
.MainTitle.config-title-ad p a {
    color: #63aecc;
    text-decoration: none;
}
@media (max-width:767px){
    .config-box-ad {
        padding: 10px;
    }

    .config-tabs-ad ul li {
        padding: 15px;
    }

    .MainTitle.config-title-ad {
        margin-top: 30px;
    }

    p.ad-caption {
        font-size: 16px;
        line-height: 27px;
    }
}

@media (max-width: 767px)
{
	.headermain .container {
    padding-right: 65px;
}

	.auotext h3 {
    display: block;
    line-height: 30px;
    margin-top: 30px;
    font-size: 40px;
}

.auotext h3:after {
    width: 100%;
    background-size: contain;
    bottom: 1px;
}
	section.sec4.boostmain {
    margin-top: 70px;
}
    .headngng:after {
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .squareanimation {
        display: none;
    }

    .cirlceanimation {
        display: none;
    }

    .bannerText h1 {
        font-size: 34px;
        line-height: 38px;
    }

    .col-6.menumain {
        display: none;
    }
    section.sec1banner {
        padding: 90px 0;
    }

    .MainTitle h2 {
        font-size: 28px;
        line-height: 34px;
    }
    .featuretext {
        padding: 30px 0;
    }

    .keyfeaturesrow {
        margin-top: 0;
        padding-left: 10px;
    }
    .swipermainbooost {
        width: 165%;
    }

    .boostimaggridbox .gridtext h4 {
        font-size: 22px;
        line-height: 28px;
    }

    .auotext h3 span {
        font-size: 30px;
        line-height: 61px;
    }

    .coutstep {
        flex-direction: column;
        margin-top: 40px;
    }

    .countbox {
        width: 100%;
    }

    .countbox+.countbox {
        margin-top: 30px;
    }

    .countbox h3 {
        font-size: 40px;
        line-height: 40px;
    }.col-md-6.menumain {
         display: none;
     }
    .container {
        padding: 0 30px;
    }
    footer .menumain {
        display: none;
    }

    .copyrightleft p {
        text-align: center;
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .footerlinks .menuwrap ul {
        justify-content: center;
    }
    .hidemobe
    {
        display: none;
    }
    .auotext {
        padding-top: 30px;
    }

    .col-md-3.col-12.blueright {
        text-align: center;
    }
    .integrationsslider
    {
        display: block !important;
    }
    .techslidermobile p,.techslidermobile ul li {
        opacity: 1 !important;
        color: #fff;
        font-size: 15px;
        line-height: 20px;
    }

    .techslidermobile ul {
        margin-top: 14px;
        list-style: circle;
        padding-left: 20px;
    }

    .techslidermobile {
        padding: 30px;
        min-height: 450px;
    }
    thead.first-row th:first-child, thead.second-row th {
        min-width: 160px;
    }

    thead.first-row th,thead.second-row th {
        font-size: 14px;
        line-height: 24px;
    }
    .helpImg {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    table.table tbody td {
        padding: 12px;
        font-size: 14px;
    }
    .config-tabs-ad {
        margin-bottom: 40px;
    }

    .config-box-ad {
        /* flex-direction: column-reverse; */
        padding: 14px 0;
    }
    .swipermainbooost .swiper {
        padding: 40px 0 110px;
    }
    .boostmain .container {
        position: relative;
        top: 0;
    }
    .contactforminner {
        padding: 20px;
    }
    .auotext h3 span {
        font-size: 23px;
        line-height: 29px;
    }
    section.sec5.integrations .swiper {
        padding-bottom: 0;
    }
    .auotext {
        padding: 0 40px;
    }
    .featureimage {
        padding: 0 20px;
    }

    .keyfeaturesrow {
        padding-bottom: 10px;
    }

    .keyfeaturesrow:before {
       
    }

    .keyfeaturesrow:after {
        left: -10px;
    }
    .VideoBrand {
        padding: 5px;
        width: 100%;
    }
        .headermain .menumain {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #0b0928;
        position: fixed;
        top: 0;
        width: 100%;
        left: -101%;
        height: 100vh;
        z-index: 999999;
        transition:0.3s;
    }
            .headermain .menumain.show {
        left: 0%;
        z-index: 999999;
    }
    .integrations .bannerImage {
        display: none;
    }
    .headermain .menuwrap ul {
    flex-direction: column;
}

.headermain .menuwrap ul li {
    margin: 0 !important;
}

.headermain .menuwrap ul li+li {
    margin-top: 40px !important;
}

.headermain .menuwrap ul li a {
    font-size: 44px;
    line-height: 46px;
}
.openmenu {
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #103e8e;
    border-radius: 100%;
    position: absolute;
    top: 17px;
    right: 12px;
    z-index: 9999999;
}

.openmenu i.fa {
    color: #fff;
    font-size: 22px;
}
.openmenu i.fa.fa-plus {
    transform: rotate(45deg);
    font-size: 35px;
    -webkit-text-stroke: 5px #103e8e;
}
.openmenu:after {
    content:"";
    animation: sonarWave 1s linear infinite;
}

@keyframes sonarWave {
    0% {
        opacity: .4
    }

    to {
        transform: scale(3);
        opacity: 0
    }
}
}
thead.first-row.hasfirstrow + tbody td img.arrow {
    display: none;
}
.logofooter {
    max-width: 280px;
    margin: 0 auto 40px;
}
.wpcf7-spinner {
    margin: 0 !important;
    position: absolute !important;
    right: 0;
    top: 15px;
}
.wpcf7-response-output {
    color: #fff;
}
.inputfieldbtn {
    position: relative;
}
.imaggridboxresource {
    height: 100%;
    margin-top: 0;
}

.resources .col-md-4 {
    margin-top: 50px;
}
.tabcon h2 {
    color: #74C5D9;
}

.copy-code-wrap {
	height: 34px;
	width: 34px;
	position: absolute;
	backdrop-filter: -10px;
	right: -10px;
	z-index: 10;
	cursor: pointer;
}
.copy-code {
	height: 32px;
	width: 32px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #339af0;
	border-radius: 50%;
	z-index: 10;
	transition: 0.2s;
}
.copy-code i.fa {
	font-weight: 600;
	font-size: 14px;
	color: #fff;
	position: absolute;
	top: 9px;
	left: 9px;
}
.copy-code-wraphas {
    position: relative;
}
.copy-code-wrap:active .copy-code {
	transform: translate(0, 0) scale(0.9);
}
.animate {
	transform: translate(0, 0) scale(1.12);
}

.tooltip {
	font-size: 15px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

h3.smhas {
    font-size: 20px;
}
.releaseNotes {
	color: #fff;
}
.releaseNotes .version {
    margin-top: 20px;
    margin-bottom: 40px;
    padding-left: 15px;
}

.releaseNotes .version h2 {
    color: #fff;
    margin-bottom: 10px;
}

.releaseNotes .version h3 {
    color: #fff;
    margin-top: 20px;
}

.releaseNotes ul {
    list-style-type: disc;
    padding-left: 40px;
}

.releaseNotes ul ul {
    list-style-type: circle;
    padding-left: 20px;
}

.releaseNotes ul ul ul {
    list-style-type: square;
    padding-left: 20px;
}

.releaseNotes li {
    margin-bottom: 8px;
}

.releaseNotes li strong {
    font-weight: bold;
}
.releaseNotes code {
    background-color: #393939;
    padding: 2px 5px;
    border-radius: 3px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    color: #fff;
}

.info-section {
    display: flex;
    justify-content: center;
    text-align: left;
    color: white;
    flex-wrap: wrap; /* Ermöglicht das Umfließen bei kleinen Bildschirmen */
}

.info-section .factsheet-preview,
.info-section .key-points {
    width: 100%; /* Standardmäßig nimmt jede Sektion 100% der Breite ein */
    margin-bottom: 15px; /* Abstand zwischen den Sektionen */
}

.info-section .factsheet-preview {
	margin-right: 0px; /* Abstand zu den Key Points */
	margin-top: 20px;
}

.info-section .key-points {
 	margin-top:20px;
    margin-left: 20px;
    margin-right: 20px;
}


@media (min-width: 768px) {
    .info-section {
        flex-wrap: nowrap; /* Verhindert Umbruch bei größeren Bildschirmen */
    }

    .info-section .factsheet-preview {
        width: 300px; /* Vorschau hat feste Breite */
        margin-right: 20px; /* Abstand zu den Key Points */
        margin-bottom: 0; /* Entfernt unteren Abstand */
		margin-top: 0px;
    }

    .info-section .key-points {
        max-width: 575px; /* Key Points auf maximale Breite begrenzt */
    }
}


.row.formRow {
    display: flex;
    flex-wrap: wrap; /* Ermöglicht ein responsives Layout */
    justify-content: space-between;
	margin-top: 30px;
}

.row.formRow .contactforminner {
    flex: 1 1 45%; /* Formular nimmt 45% der Breite ein */
    min-width: 300px; /* Sicherstellen, dass es nicht zu schmal wird */
}

.row.formRow .info-section {
    flex: 1 1 45%; /* Vorschau und Key Points nehmen ebenfalls 45% ein */
    min-width: 300px; /* Sicherstellen, dass es nicht zu schmal wird */
    display: flex;
    flex-direction: column; /* Inhalte der Info-Section vertikal anordnen */
    justify-content: flex-start;
    align-items: flex-start;
}

/* Für kleinere Bildschirme */
@media (max-width: 768px) {
    .row.formRow {
        flex-direction: column; /* Inhalte vertikal anordnen */
    }

    .row.formRow .contactforminner,
    .row.formRow .info-section {
        flex: 1 1 100%; /* Beide Spalten nehmen die volle Breite ein */
    }
}

.formRow .contactforminner {
	margin-top: 0px;
}

.frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus, .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style textarea:focus, .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement {
    box-shadow: 0px 0px 5px 0px rgba(253, 253, 253, 1.0) !important;
}