body{margin:0;padding:0;margin:unset}
.nav-dwn{display:none;}
.af{font-family:ZohoPuvi;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0}
.af *{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;box-sizing:border-box}
.af a,.af label,.af li,.af p,.af span,.af td{line-height:24px;font-size:14px;font-weight:300}
.af h1,.af h2,.af h3,.af h4,.af h5,.af h6,.af p{margin:0;overflow-wrap:break-word;color:#000}
.af ul{padding-left:0;margin:0}
.af li{list-style-type:none}
.af a{text-decoration:none;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.af a:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.af *,.af ::after.af div,.af ::before,.af a,.af h1,.af h2,.af input,.af li,.af p,.af span,.af ul{box-sizing:border-box}
.af{width:100%;display:inline-block;box-sizing:border-box}
.ac{margin:0 auto;position:relative;max-width:1200px;width:95%}
.af:after.af div:after{content:"";clear:both;display:table}
img{-ms-interpolation-mode:bicubic;display:inline-block;height:auto;max-width:100%;vertical-align:middle}
.col-flex{display:flex;flex-wrap:wrap}
.exp-talk,.sec-ban{background:#036276;background:linear-gradient(117deg,#00364b,#035661);padding:50px 0 0 0;position:relative}
.exp-talk:before,.sec-ban:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/integrations-ban-bg-25.png) repeat;background-position:center bottom;background-size:1500px;background-repeat:no-repeat}
.bred-arr{display:flex;padding-bottom:40px}
.bred-arr ul li{float:left;margin:0 15px}
.bred-arr ul li:after{content:'';position:absolute;width:5px;height:5px;border:1px solid #fff;border-left:0;border-bottom:0;transform:rotate(45deg);margin:10px 0 0 8px}
.bred-arr ul li:last-child:after{opacity:0}
.af .bred-arr *{font-size:11px;font-weight:400;line-height:27px!important;text-transform:uppercase}
.bred-arr ul li a{color:#fff}
.bred-arr ul li a:hover{color:#03a9f4}
.bred-arr ul li span{color:#ffffffa8}
.extension-card{display:flex;align-items:flex-end;border-radius:10px;width:calc(100% - 400px);text-align:left}
.logo-container{background:#fff;padding:15px;border-radius:10px 10px 0 0;width:177px;height:177px;display:flex;align-items:center;justify-content:center}
.logo-container span{display:inline-block;background-image:url('../images/integrations-brand-logo-sprite-25.webp');background-size:1212px;background-repeat:no-repeat;}
@supports not (background-image:url('../images/integrations-brand-logo-sprite-25.webp')){
.logo-container span{background-image:url('../images/integrations-brand-logo-sprite-25.png')}
}
.logo-mariadb{background-position:-27px -4px}
.text-container{display:flex;flex-direction:column;    align-self: center;padding-left:40px}
.tag{font-size:16px;color:#ecb359;font-weight:400;text-transform:uppercase}
.text-container h1{font-size:42px;margin-top:5px;    margin-bottom: 8px;color:#fff;font-weight:500;line-height:53px}
@media (max-width: 1200px) {.text-container h1 {font-size: 30px;line-height: 1.3;}}
@media (max-width:600px){
.extension-card{flex-direction:column;align-items:center;text-align:center}
.text-container{padding:20px 0 30px 0}
.logo-container{margin-right:0;margin-bottom:10px;border-radius:10px}
.text-container h1{font-size:18px}
}
.af.sec-body h2{font-size:25px;line-height:34px;font-weight:500;margin-bottom:20px}
.af.sec-body *+h2{margin-top: 30px;}
.sec-body .lhs li,.sec-body .lhs li a,.sec-body .lhs p,.sec-body .lhs p a,.sec-body .lhs span,.sec-body .lhs strong{font-size:16px;line-height:1.7;color:#000}
.sec-body .lhs strong{font-weight:500}
.af.sec-body ul{padding-bottom:15px}
.af.sec-body ul li{position:relative}
.af.sec-body ul li:before{content:'';position:absolute}
.af.sec-body ul li:last-child{padding-bottom: 0;}
.card{display:flex;align-items:center;background:#f0fbff;background:linear-gradient(180deg,#f0fbff,#f8fdff);border-radius:10px;padding:20px;width:100%;margin:0 0 40px 0}
.sec-body .lhs{width:calc(100% - 380px);padding:80px 100px 80px 0}
.sec-body .rhs{width:380px;padding-bottom:100px}
.sec-body .lhs h3{    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 15px;}
    .sec-body .lhs *+h3{margin-top: 20px;}
.sec-body .lhs p{margin-bottom: 15px;}
.sec-body .lhs p a, .af.sec-body ul li a{    color: #2196F3;text-decoration: underline;}
.sec-body .lhs .ss{
    text-align: center;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    padding: 5px;
    margin: 30px 0;
}
.sec-body .lhs .ss img{}
.sec-body .lhs .ss figcaption{
    font-size: 11px;
    font-style: italic;
    padding-top: 5px;
}
.card:first-of-type{margin-top:40px}
.card .left-section{flex:1;padding:20px}
.card .left-section span{background:#003b49;background:linear-gradient(137deg,#00364b,#035661);color:#fff;font-size:14px;font-weight:500;padding:8px 12px;border-radius:8px;display:inline-block}
.card h3{font-size:20px;line-height:28px;font-weight:500;margin-top:10px}
.card .right-section{flex:2;padding:10px 10px 10px 30px;position:relative}
.card .right-section:before{content:'';position:absolute;width:2px;height:100%;left:0;top:0;background:linear-gradient(180deg,transparent,#9ebec3,transparent)}
.card p{color:#4b4b4b}
@media (max-width:768px){
.card{flex-direction:column;text-align:center}
.card .right-section{border-left:none;border-top:2px solid #d3e3ef;padding-top:10px}
.card .right-section:before{display:none}
.card h3{font-size:20px}
.card p{font-size:14px}
}

.wsm-tb-line{border:1px solid #b8b8b8;border-radius:15px}
.wsm-tb-line table{border-collapse:collapse;width:100%}
.wsm-tb-line th{font-size:16px;color:#000;line-height:26px;font-weight: 500;}
.wsm-tb-line tr{transition:all .4s ease}
.wsm-tb-line td,.wsm-tb-line th{padding:20px;text-align:left;border-bottom:1px solid #b8b8b8;border-right:1px solid #b8b8b8;color: #000;}
.wsm-tb-line th:last-child{border-right:0;}
.wsm-tb-line tr:last-child td{border-bottom:0}
.wsm-tb-line td:last-child{border-right:0;}

.details,.get-start{background:#fff;padding:50px;border:1px solid #efefef;box-shadow:0 4px 12px -1px #00000021;border-radius:10px}
.get-start{margin-top:-170px}
.af .get-start h2{margin-bottom:25px;font-weight:600}
.af .get-start h3{border-top:1px solid #eff1f4;font-weight:500;padding: 25px 0;font-size:16px;line-height:25px}
.af .get-start h3+p{margin-bottom: 25px;font-size: 15px;}
.af .get-start li, .list-tick li{padding:0 0 15px 20px;color:#686869;font-size:15px;line-height:23px}
.get-start li:before, .list-tick li:before{background:url('data:image/svg+xml,<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.72727 1L3.72727 7L1 4.27273" stroke="%230A6672" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');width:11px;height:8px;background-size:cover;background-repeat:no-repeat;left:0;top:10px}
.af .get-start a{display:block;font-size:15px;line-height:36px;font-weight:500;text-decoration:none;cursor:pointer;border-radius:3px;text-align:center;padding: 10px 5px;}
.af a.me-btn-arr-line{/* padding: 10px 0; */color:#fff;background:#000;background:-webkit-gradient(linear,left top,left bottom,color-stop(6.38%,#383838),color-stop(51.79%,#181818),to(#000));background:-o-linear-gradient(top,#383838 6.38%,#181818 51.79%,#000 100%);background:linear-gradient(180deg,#383838 6.38%,#181818 51.79%,#000 100%);-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.25);margin-bottom:15px}
.list-tick .list-tick{    padding-top: 20px;}
a.me-btn-arr-line i{width:13px;height:10px;background:url('data:image/svg+xml,<svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.84089 9.05672L11.6912 5.02836L7.84089 1" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.6912 5.02832L1.10293 5.02832" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');display:inline-block;margin:-2px 0 0 6px;position:relative;transition:all .5s ease;vertical-align:middle}
a.me-btn-arr-line:hover i{margin:-2px 0 0 12px}
a.me-btn-line-lg{background:#fff;color:#000;padding: 8px 16px;border:2px solid;position:relative}
a.me-btn-line-lg:hover{border-color:#d63520;color:#d63520}
a.me-btn-line-lg:after,a.me-btn-line-lg:before{position:absolute;top:0;left:0;border-color:#d63520;border-radius:1px;border-style:solid;transition:all .35s;content:"";z-index:1}
a.me-btn-line-lg:before{width:0;height:100%;border-width:1px 0 1px 0}
a.me-btn-line-lg:hover:before{width:100%;border-width:2px 0 2px 0;top:-2px;left:0}
a.me-btn-line-lg:after{width:100%;height:0;border-width:0 1px 0 1px}
a.me-btn-line-lg:hover:after{height:100%;border-width:0 1px 0 1px}
.af .get-start ul{
    padding-bottom: 30px;
}
.details{margin-top:30px;position:sticky;top:60px}
.details h5{font-size:24px;font-weight:600;margin-bottom: 25px;}
.af .details ul{padding: 0;}
.details ul li{color:gray;font-size:14px;margin-bottom: 15px;}
.details ul li span{font-size:16px;font-weight:400;/* margin-bottom:10px; */display:block;color:#000}
.af .details p{margin-bottom: 8px;}
.details ul li:last-child, .af .details p:last-child{margin-bottom: 0;}
.details hr{margin: 28px 0;border:none;height:1px;background-color:#ddd}
.af .details p, .af .details p a{font-size: 15px;}
.details .icon{margin-right:8px;background:url('../images/integrations-sprite-25.png') no-repeat -3px -4px;background-size:182px;width:13px;height:13px;vertical-align:middle}
.details .pho{background-position:-28px -2px}
.details .she{background-position:-57px -2px;height:15px;}
.details a{text-decoration:none;color:#0055B4}
.details a:hover{color:#00f;text-decoration:underline}
.exp-talk:before{background-size:2000px}
.exp-talk{display:flex;flex-wrap:wrap}
.sec-talk .ac{max-width:1050px;padding:60px;border-radius:10px;margin-bottom:80px}
.sec-talk .lhs{width:calc(100% - 400px);position:relative;padding-right:50px}
.sec-talk .rhs{width:400px;position:relative}
.exp-talk .lhs h2,.exp-talk .lhs h2 span{color:#fff;font-size:54px;font-weight:600;line-height:58px}
.exp-talk .lhs h2 span{color:#ecb359;display:block}
.exp-talk .lhs p{color:#fff;font-size:18px;line-height:28px;margin:20px 0 20px 0}
.exp-talk .lhs i{background:url('../images/integrations-sprite-25.png') no-repeat -2px -51px;background-size:182px;width:174px;height:227px;display:inline-block}
.me-form{max-width:380px;padding:35px;background:#fff;float:left;width:100%;border-radius:15px}
.me-form form ul{padding:0;margin:0}
.me-form form ul li{margin-bottom:15px;position:relative;list-style-type:none;padding:0;float:left;width:100%}
.me-form form ul li:last-child{border:0;margin-bottom:0}
.demo .me-form form ul li input,.demo .me-form form ul li select{height:45px;line-height:27px;background-color:#fff;display:block;width:100%;font-size:14px;color:#000;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;border:#a4a4a4 solid 1px;border-radius:3px;padding:8px 10px 8px 40px;float:left}
.demo .me-form form ul li select{-webkit-appearance:none;-moz-appearance:none;background-image:-o-linear-gradient(45deg,transparent 50%,#5a5a5a 50%),-o-linear-gradient(315deg,#5a5a5a 50%,transparent 50%),-o-linear-gradient(left,#fff0,#fff0);background-image:linear-gradient(45deg,transparent 50%,#5a5a5a 50%),linear-gradient(135deg,#5a5a5a 50%,transparent 50%),linear-gradient(to right,#fff0,#fff0);background-position:calc(100% - 11px) calc(1em + 6px),calc(100% - 6px) calc(1em + 6px),calc(100% - 2.5em) .5em;background-size:6px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;float:left;padding-right:20px;text-overflow:ellipsis;white-space:pre}
.me-form.with-state form ul li select{width:55%;float:left;padding-right:20px;font-size:13px}
.me-form.with-state form ul li select.commonselect{margin:0 0 0 2%;padding-left:10px;width:43%}
.me-form .form-sec *{font-family:ZohoPuvi}
.me-form .ftit h3{text-align:center;font-weight:500;font-size:20px;line-height:28px;padding-bottom:15px;margin:0!important}
.me-form form ul li input[type=submit]:focus{background:#037c3a}
.demo .me-form input[type=submit]{cursor:pointer;font-size:16px;color:#fff;font-weight:500;border-width:0;padding:12px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;height:auto;margin-bottom:10px;width:100%;border-radius:3px;background:#d63520}
.me-form input[type=submit]:hover{background:#be2a20;box-shadow:0 8px 12px -8px #000}
.me-form form ul li .ffw-errmsg{display:none;position:relative;color:red;padding:2px 0 0 0;font-size:11px;line-height:15px;text-align:left;float:left;width:100%}
.me-form form .ffw-field input:focus,.me-form form .ffw-field input:focus-visible{outline:0;border-color:#0866e2}
#meGDPRMessage,#meGDPRMessage *,.dwn-priv,.dwn-priv *,.dwn-priv a{font-size:11px;color:#333;line-height:19px;font-weight:300}
#meGDPRMessage a,.dwn-priv a{text-decoration:underline;color:#2196f3}
#meGDPRMessage strong,.dwn-priv strong{font-weight:500}
.dwn-priv{width:100%;float:left;margin-top:10px}
#meGDPRMessage .checkmarkgdpr{width:12px!important;height:12px!important}
.misc-field{display:none}
.me-form .f-ic:before{content:'';position:absolute;background-image:url(../images/integrations-sprite-25.png);background-repeat:no-repeat;background-size:240px;left:10px;top:10px;width:30px;height:30px;opacity:.8}
.me-form .f-ic-name:before{background-position:4px -31px;top:12px}
.me-form .f-ic-email:before{background-position:-30px -27px}
.me-form .f-ic-phone:before{background-position:-61px -27px}
.me-form .f-ic-count:before{background-position:-132px -30px}
.me-form .f-ic-date:before{background-position:-100px -30px}
.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:1px solid #c5c5c500;background:#f1f9ff;font-weight:400;color:#454545}
.ui-datepicker td a,.ui-datepicker td span{width:25px;height:25px;border-radius:50px;line-height:26px;text-align:center;transition:all .3s ease}
.ui-widget.ui-widget-content{border:0 solid #c5c5c5;box-shadow:0 1px 23px -9px #3333339c;padding:8px}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}
.ui-datepicker td a:hover,.ui-datepicker td span{border:1px solid #dad55e;background:#fffa90;color:#777620}
.ui-widget-header{border:0 solid #f1f9ff;border-bottom:1px solid #e2e2e2;background:0 0;color:#333;font-weight:700;border-radius:0!important}
.ui-datepicker th{font-weight:600;font-size:13px;color:#7b90a0}
.ui-state-default.ui-state-active{border:1px solid #41a445;background:#4caf50;color:#fff}
.me-ic-date{right:8px;background-position:-312px -71px;background-size:420px;background-repeat:no-repeat}
.placeholder{position:absolute;top:13px;left:47px;transition:.2s linear;}
.placeholder label{font-weight:300;color:#9d9c9c;font-size:15px;cursor:pointer}
.placeholder.focused{top:-10px;padding:0 5px;left:7px;background:#fff;line-height:initial}
.placeholder.focused label{font-size:10px;line-height:10px;color:#3164ee}
@media screen and (max-width:1100px){
.me-form{float:initial;margin:0 auto;display:table}
}
@media screen and (max-width:769px){
.me-form{max-width:380px;float:initial;padding:40px;margin:0 auto;display:table}
}
@media screen and (max-width:480px){
.me-form.with-state form ul li select{width:100%}
}
.success-message{display:none;text-align:center}
.success-message *{color:#333;margin:0}
.success-message p{font-size:15px;font-weight:300;line-height:23px}
.success-message h3{padding-top:10px;font-size:23px;line-height:35px;color:#fff;font-weight:400}
.success-message h3 span{font-size:34px;font-weight:500}
.success-message p{font-weight:300;font-size:18px;line-height:29px;text-align:center;color:#fff;margin-top:20px;padding:0 10px}
.success-message p a{color:#2366e2;text-decoration:underline}
.success-message .siem_calc{padding:18px 0;width:100%;display:inline-block;background:#e82121;color:#fff;border-radius:5px;font-size:18px;font-weight:400;margin-top:40px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.success-message .siem_calc:hover{background:#bf1919}
.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#7ac142;fill:none;-webkit-animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}
.checkmark{width:56px;height:56px;border-radius:50%;stroke-width:2;stroke:#fff;stroke-miterlimit:10;-webkit-box-shadow:inset 0 0 0 #7ac142;box-shadow:inset 0 0 0 #7ac142;-webkit-animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}
.checkmark__check{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;-webkit-animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}
@-webkit-keyframes stroke{
100%{stroke-dashoffset:0}
}
@keyframes stroke{
100%{stroke-dashoffset:0}
}
@-webkit-keyframes scale{
0%,100%{-webkit-transform:none;transform:none}
50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
}
@keyframes scale{
0%,100%{-webkit-transform:none;transform:none}
50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
}
@-webkit-keyframes fill{
100%{-webkit-box-shadow:inset 0 0 0 30px #7ac142;box-shadow:inset 0 0 0 30px #7ac142}
}
@keyframes fill{
100%{-webkit-box-shadow:inset 0 0 0 30px #7ac142;box-shadow:inset 0 0 0 30px #7ac142}
}
.success-message{display:none;vertical-align:middle;color:#fff;border:1px solid #ffffff33;border-radius:10px;padding:30px;background:#00000030}
.success-message h3{font-size:25px;font-weight:500;margin:0;margin-bottom:20px;line-height:35px}
.success-message p{margin:0;font-size:18px;line-height:26px;font-weight:300}
@media (max-width:768px){
.flex-container1{flex-direction:column;align-items:stretch}
.sec-talk .lhs{width:100%}
.sec-talk .rhs{width:100%}
}
@media (max-width:767px){
.nav-dwn{display:none !important}
}
@media screen and (max-width:1100px){
.ac{max-width:90%}
.exp-talk .lhs h2,.exp-talk .lhs h2 span{font-size:42px;line-height:48px}
}
@media screen and (max-width:992px){
.text-container h1{font-size:28px;line-height:38px}
.get-start{margin:0}
.details{position:relative;top:0}
.sec-body .lhs{padding:40px 0;width:100%}
.sec-body .rhs{margin:auto}
.extension-card {width: 100%;}
.text-container h1 {font-size: 26px;}
.sec-talk .lhs{width:100%;padding:0 0 40px 0;text-align:center}
.sec-talk .rhs{margin:auto}
}
@media screen and (max-width:500px){
.ac{max-width:85%}
.sec-talk .ac{padding:60px 15px}
.exp-talk .lhs h2,.exp-talk .lhs h2 span{font-size:32px;line-height:40px}
}
#scroll,.heading-menu{display:none}