/* Font awsome */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/* Google Font CSS or other fontfaces  */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/* FONTS  */



    
    





/* theam color */
    

/* Typography */ 
  
 



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
figure,figcaption{margin:0;padding:0;}
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.55em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline; font-family: 'Inter', sans-serif;font-weight:300}
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:all 0.5s ease;}
textarea { overflow: auto; vertical-align: top;resize:none; }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:all 0.5s ease;}
/* End hide from IE Mac */ 
*:before, *:after {box-sizing: border-box;}
/* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
li { list-style: none; }

/*Placeholder opacity cross browsers*/
input::-webkit-input-placeholder { color:#c2c8d2; opacity:1;} /* WebKit browsers */
input:-moz-placeholder { color: #c2c8d2; opacity:1;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #c2c8d2; opacity:1;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #c2c8d2; opacity:1;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #c2c8d2; opacity:1;} /* WebKit browsers */
textarea:-moz-placeholder { color: #c2c8d2; opacity:1;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #c2c8d2; opacity:1;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #c2c8d2; opacity:1;} /* Internet Explorer 10+ */

/* Clear float */
.clear { clear: both; }
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
html {scroll-behavior: smooth;}
/******body  ******/
body { font-size: 20px; line-height: 1.6; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);   font-family: 'Inter', sans-serif; font-weight:400;color:#0B254B;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:hover {text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:focus { outline: none; text-decoration: none; }
p { margin-bottom: 15px;}

/* display table and table cell and display flex */
.tbl {display:table;width:100%;height:100%;}
.tbl-cell {display:table-cell;vertical-align:middle}


/* IE fixes */
select::-ms-expand {display: none;}
input::-ms-clear { display:none;}

/* remove auto fill yellow color */
 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 100px #eaefef inset;
    -moz-box-shadow: 0 0 0 100px #eaefef inset;
    box-shadow: 0 0 0 100px #eaefef inset;
	color:#152c35 ;
}

/* hubspot fixes*/
.row-fluid [class*="span"] {min-height: 1px;}


/* strong */
b, strong {font-weight:600;}

/* header text */
h1 {font-size:46px;line-height: 1.2;margin:0 0 20px;font-family: 'Inter', sans-serif;font-weight:600; }
h2 {font-size:34px;line-height: 1.2;margin:0 0 15px;font-family: 'Inter', sans-serif;font-weight:600;}
h3 {font-size:20px;line-height: 1.2;margin:0 0 15px;font-family: 'Inter', sans-serif;font-weight:600;}
h4 {font-size:16px;line-height: 1.2;margin:0 0 15px;font-family: 'Inter', sans-serif;font-weight:500;} /* Additional */
h5 {font-size:14px;line-height: 1.2;margin:0 0 15px;font-family: 'Inter', sans-serif;font-weight:400;}
h6 {font-size:12px;line-height: 1.2;margin:0 0 15px;font-family: 'Inter', sans-serif;font-weight:500;}

/* p tag */

p {font-size: 20px; line-height: 1.4;margin-bottom:15px; color:#0B254BB3; }
/* links */
a {font-size: 18px; line-height: 1.6;color:#0B254B;}
a:hover {opacity:0.8;} 

a:active,a:visited {color:inherit}

/* ul li */
ul , ol {margin:20px 0;text-align:left;padding-left: 18px;}
ul li ,ol li {font-size: 16px; margin-bottom: 10px; list-style:inherit;list-style-position:outside;line-height:1.6;}

/* em */
em { font-size: 18px; line-height:1.6;}

/** Hubspot module */
.widget-type-text span {margin-bottom:15px;display:block;}


/* hubspot form */
ul.hs-error-msgs > li > label {font-size:13px;line-height:normal;display:block;color:#004899;}
.hs-form-field { position: relative }
ul.hs-error-msgs.inputs-list {  list-style-type: none; padding: 10px 5px 2px 5px; color: white; }
ul.hs-error-msgs.inputs-list li label { font-size: 13px; font-weight: 500; position: relative; z-index: 9; line-height: normal; display: block;color:red; font-family:"open sans",Arial,sans-serif;font-weight:500}

input,textarea,select {border-radius: 0; }
.hs-input.invalid.error{ border:1px solid red;}
select,textarea,input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea 
{ -webkit-appearance: none; -moz-appearance: none; display: block; font-size: 13px; height: 34px; padding: 0 12px; width: 100%;     color: rgb(11, 37, 75); border: 0; border-radius: 4px; box-shadow: 0px 0px 0px 1px rgba(11, 37, 75, 0.08), 0px 2px 4px -2px rgba(11, 37, 75, 0.12); font-weight: 400; background-color: #fff;}
select { -webkit-appearance: none!important; -moz-appearance: none!important; background-color: transparent; background-image: url('https://f.hubspotusercontent30.net/hubfs/14488488/Upflow%20Landing%20Page%20-%20April%202021%20-%20Images/down-arrow.png'); background-size:10px; background-position: 95% center; background-repeat: no-repeat; }
textarea {height:115px;padding:13px 15px;}
ul li label input[type="checkbox"] , ul li label input[type="radio"] {opacity: 0;display:none !important;}
ul li label span{position: relative;}
ul li label input[type="checkbox"] , .input ul li label span ,ul li label  input[type="radio"]  {display: inline-block; vertical-align: middle; cursor: pointer;}
ul li label input[type="checkbox"]  + span:before , ul li label  input[type="radio"]  + span:before{color: #267FFD; content: ' '; background: #ffffff;top: 1px; font-size: 7px; border: 2px solid #ddd; display: inline-block; vertical-align: middle; width: 16px; height: 16px; padding: 0; margin-right: 10px; text-align: center; font-family: FontAwesome; line-height: 14px; background: #FFFFFF; box-shadow: 0px 0px 0px 3px rgba(11, 37, 75, 0.06), 0px 2px 4px -2px rgba(11, 37, 75, 0.12), 0px 0px 0px 1px rgba(11, 37, 75, 0.1); border-radius: 4px;position: absolute;left: 0;}
ul li label input[type="radio"]  + span:before {border-radius:50%; }
ul li label input[type="checkbox"]:checked  +  span:before {  content: ' '; background-color: #1F69D1; background-image:url(https://f.hubspotusercontent30.net/hubfs/14488488/Upflow%20Landing%20Page%20-%20April%202021%20-%20Images/chek.png); background-repeat:no-repeat; background-size: 8px; background-position: center;}
ul li label  input[type="radio"]  + span:before{ border-radius:24px !important;}
ul li label  input[type="radio"]:checked  +  span:before{content: "\f111";  font-size: 6px;}
.hs-form-field {margin-bottom:25px;}
.hs_submit input {background-color: #267FFD; color: #fff; padding: 15px 0; display: inline-block; line-height: normal; font-size:13px;margin-top:15px;font-weight: 600;width:100%; border-radius:4px;}
.hs_submit input:hover {background-color:#1F69D1;}
.submitted-message {color: #000;text-align: center;padding-top: 25px;}
form ul {margin:0;padding:0;}
form ul li {margin:0;padding:0;list-style:none;}
div.hs-form-field > label { color: #0B254B; display: block; font-size: 13px; line-height: 1.2; margin-bottom: 6px;font-weight:400 }
div.hs_submit {margin:0;}
.hs_error_rollup {display:none !important;}
.ecit-form ECIT FORM .input::placeholder {font-weight:400;}
ul li label input[type="checkbox"], .input ul li label span, ul li label input[type="radio"]{ padding-left:24px;}

/*** single column ***/
form > div {width:100%;}
/*** two column ***/
form fieldset {max-width:100% !important;width:100% !important;}
.form-columns-1 {width:100% !important;}
fieldset.form-columns-2 .input ,fieldset.form-columns-1 .input {margin-right:0 !important;}
fieldset.form-columns-2 > div {width:49% !important;margin-right:2%;}
fieldset.form-columns-2 > div:last-child {margin-right:0;width: 49.002% !important;}
fieldset.form-columns-1 .hs-input {width:100% !important;}
.legal-consent-container .hs-form-booleancheckbox-display>span { display: block; margin-left: 0 !important;  padding-left: 28px !important;font-size:12px; }
.legal-consent-container .hs-richtext p ,.legal-consent-container .hs-richtext{ font-size:12px;}
ul li label input[type="checkbox"], .input ul li label p span {   padding-left: 0;}
.legal-consent-container span.hs-form-required { padding-left: 0; }

/* text align */
.txt-center {text-align:center;}
.txt-left {text-align:left;}
.txt-right {text-align:right;}
.d-flex {display:flex; flex-wrap:wrap;}

.container { max-width: 1180px; margin: 0 auto !important; padding: 0 32px; float: none !important; }



@media screen and (max-width:480px) {
  
  fieldset.form-columns-2 > div {width:100% !important; margin-right:0;}
  fieldset.form-columns-2 > div:last-child {margin-right:0;width: 100% !important;}
  .form-columns-2 .hs-form-field .hs-input{ width:100% !important;}

}

.ap-arrow-btn a { font-size: 16px; color: #267ffd; font-weight:500; display: inline-block;  position:relative; }
.ap-arrow-btn { margin-top: 32px; }
.ap-arrow-btn a:after {content: ''; width: 21px;height: 17px;margin-left: 3px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aspect='primary' class='sc-htpNat ' width='16px' height='10px' viewBox='0 0 16 10' version='1.1'%3E%3Cg id='' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='' transform='translate(-1425.000000, -57.000000)' stroke='%23267FFD' stroke-width='1.5'%3E%3Cg id='Group-4' transform='translate(0.000000, 8.000000)'%3E%3Cg id='head' transform='translate(240.000000, 40.000000)'%3E%3Cg id='Group-2' transform='translate(1096.000000, 6.000000)'%3E%3Cg id='icon' transform='translate(90.000000, 3.000000)'%3E%3Cg id='Group'%3E%3Cpath d='M0.48,4.983 L13.469,4.983' id='Path'%3E%3C/path%3E%3Cpolyline id='Path' points='9.483 0.988 13.52 5 9.483 9.012'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");display: inline-block;background-position: center; top: 4px;background-size: 100% auto;vertical-align: middle;background-repeat: no-repeat;}
.ap-arrow-btn a:after{transition:all ease 0.3s;}
.ap-arrow-btn a:hover:after{margin-left:6px; }
.ap-arrow-btn a:hover{opacity:1;}
.ap-lightbg-btn a { background: rgba(38, 127, 253, 0.08); border-radius: 4px; padding: 10px 15px; font-size: 16px; display: inline-block; color: #267FFD; font-weight: 600;}
.ap-lightbg-btn a:hover{  background: rgb(38, 127, 253); color: rgb(255, 255, 255); opacity:1;}

/******************************************************************LP-CSS-START******************************************************************************/
.al-center {align-items:center;}
.ap-header-section .ap-header-ctn.d-flex { justify-content: space-between; align-items: center; }
.ap-header-section .ap-header-logo { width: 100px; }
.ap-header-section { position: inherit; top: 0; left: 0; right: 0; margin: 0 auto; padding: 25px 0; background-color: #F2F8FF; }
/* .top-header {margin-top: 95px;} */

.ap-form-section { padding: 70px 0; margin-bottom: 0 !important;}
.ap-form-section .ap-form-ctnbox { width: calc(100% - 46%); padding-right:20px;}
.ap-form-section .ap-formbox form{padding:40px; background-color: #FFFFFF; box-shadow: 0px 30px 40px -10px rgba(11, 37, 75, 0.04),0px 22px 22px rgba(11, 37, 75, 0.01), 0px 14px 14px rgba(11, 37, 75, 0.02), 0px 4px 4px rgba(11, 37, 75, 0.02), 0px 2px 2px rgba(11, 37, 75, 0.02), 0px 0px 0px 1px rgba(11, 37, 75, 0.04); border-radius: 4px;}
.ap-form-section .ap-formbox { width:46%;}
.ap-form-section .ap-form-ctnboxmax { max-width: 560px; }
.ap-form-section .ap-form-calendar.d-flex{align-items: center;margin-bottom: 15px; }
.ap-form-section .ap-form-watch.d-flex{align-items: center; margin-bottom: 45px;}
.ap-form-section .ap-form-ctn1 h4{ margin-bottom:0;}
.ap-form-section .ap-form-ctn1 { padding-left: 16px; width:calc(100% - 32px); }
.ap-form-section .ap-form-authorimg { width: 56px; }
.ap-form-section .ap-form-authorimg img{ width:56px; height:56px; border-radius:100px;}
.ap-form-section .ap-form-authorname{ width:calc(100% - 56px); padding-left:20px;}
.ap-form-section .ap-form-authorname h5{ margin-bottom:0;}
.ap-form-authorname h4{ margin-bottom:4px;}
.ap-form-section .ap-form-author.d-flex { align-items: center; margin-bottom:15px;}
.ap-form-section .ap-form-author.d-flex:last-child{ margin-bottom:0;}
.ap-form-btn{ margin-top:35px; }
.ap-form-btn a{ display:inline-block; border-radius: 4px; background-color: #267ffd; box-shadow: 0 2px 4px -2px rgb(11 37 75 / 12%), 0 0 0 1px #267ffd; color: #fff; font-size: 16px; line-height: 16px; font-style: normal;padding: 15px 24px; font-weight: 600; text-align: center; text-decoration: none; white-space: normal; cursor: pointer;}
form p{ font-size:12px;     color: #0B254BB3;}
form p a{ font-size:12px;     color: #0B254BB3;}
form li.hs-form-booleancheckbox {  color: #0B254B;}
form li.hs-form-booleanradio {  color: #0B254B;}
.ap-form-img1 { width: 32px; }
.ap-form-ctntitle { margin-bottom: 45px; }
.legal-consent-container p a {font-size: inherit; line-height: inherit; color: inherit;}
.legal-consent-container p {color:#0B254BB3;}

.ap-logo-section{ padding:65px 0;}
.ap-logo-section .ap-logo-ctn.d-flex { justify-content: center; align-items:center;}
.ap-logo-section .ap-logo-title { margin-bottom: 50px; }
.ap-logo-section .ap-logo-title h6{ text-transform:uppercase; color: #8592a5; letter-spacing:1px;}
.ap-logo-section .ap-logo-img { width: auto; margin: 0px 28px 24px; }
.ap-logo-section .ap-logo-img img{  opacity: 0.6;}
.ap-logo-img img {  height: 32px; width: auto !important;}
.ap-logo-img img[alt="Side"] {  height: 24px;}
.ap-logo-img img[alt="Front"] { height: 48px;}


.ap-twobox-section { padding-bottom: 100px; }
.ap-twobox-section .ap-twobox-imgbox { width: 50%; }
.ap-twobox-section .ap-twobox-ctnbox{ width: 50%;    padding-right: 20px; }
.ap-twobox-section .ap-twobox-ctn.d-flex { align-items: center; }
.ap-twobox-section .ap-twobox-ctnboxmax { max-width: 480px; }
.ap-twobox-section .ap-twobox-content ul{ padding-left:0;}
.ap-twobox-section .ap-twobox-content ul li{ list-style:none; position:relative; padding-left: 25px;}
.ap-twobox-section .ap-twobox-content ul li:before{ content:""; position:absolute; top: 5px; background-image:url(https://f.hubspotusercontent30.net/hubfs/14488488/Upflow%20Landing%20Page%20-%20April%202021%20-%20Images/icon%2001.png); width:15px; height:16px; background-repeat:no-repeat; background-size:15px; left:0;}
.ap-twobox-section .ap-twobox-ctn.d-flex.ap-swap .ap-twobox-ctnbox{ order:2; padding-right:0; padding-left:20px;}
.ap-twobox-section .ap-twobox-ctn.d-flex.ap-swap .ap-twobox-imgbox{ order:1;}
.ap-twobox-section .ap-twobox-ctn.d-flex.ap-swap .ap-twobox-ctnboxmax {margin-left: auto; }


.ap-cta-section .ap-cta-ctn{ align-items: center; padding: 80px; border-radius:4px; justify-content: space-between; color:#ffffff;background-image: url(https://f.hubspotusercontent30.net/hubfs/14488488/Upflow%20Landing%20Page%20-%20April%202021%20-%20Images/shape.png); background-repeat: no-repeat; background-position: top right; }
.ap-cta-section .ap-cta-ctnbox p{ margin-bottom:0; color:#ffffff;}
.ap-cta-section .ap-cta-box a { background: #fff; display:inline-block; box-shadow: 0px 0px 0px 1px #fff, 0px 2px 4px -2px rgb(11 37 75 / 12%); border-radius: 4px; color: #267ffd; font-weight: 600; font-size: 16px; padding: 14px 25px; }
.ap-cta-section .ap-cta-ctnbox { padding-right: 20px; width:60%;}
.ap-cta-section .ap-cta-box a:hover{background-color: rgb(11, 37, 75);opacity:1; box-shadow: rgb(11 37 75) 0px 0px 0px 1px, rgb(11 37 75 / 8%) 0px 5px 7px -2px; color: rgb(255, 255, 255);}
.ap-cta-section .ap-cta-box { width: 40%; text-align: right; justify-content: flex-end;}


.ap-connect-section { padding-top: 85px; padding-bottom: 85px; overflow: hidden;}
.ap-connect-section .ap-connect-img { max-width: 865px; margin: 0 auto; position:relative;}
.ap-connect-section .ap-connect-img:after{height: 1px; position: absolute; bottom: 0px; display: block; content: ""; left: -40px; right: -40px; background-image: radial-gradient(circle at center center, rgba(38, 127, 253, 0.2) 50%, rgba(38, 127, 253, 0) 100%); }

.ap-freeform-content.txt-center p{color: #0B254BB3;}
.ap-3box-btmcontent h4{color: #0B254BB3;}

.ap-feature-desci h4{color: #0B254BB3;}

.ap-leader-section { padding:85px 0;}
.ap-leader-section .ap-leader-ctn.d-flex{ margin:0 -12px; padding-top: 60px;}
.ap-leader-section .ap-leader-box{background: #ffffff; padding: 30px;  margin: 12px 12px 24px 12px; box-shadow: 0px 30px 40px -10px rgba(11, 37, 75, 0.04), 0px 22px 22px rgba(11, 37, 75, 0.01), 0px 14px 14px rgba(11, 37, 75, 0.02), 0px 4px 4px rgba(11, 37, 75, 0.02), 0px 2px 2px rgba(11, 37, 75, 0.02), 0px 0px 0px 1px rgba(11, 37, 75, 0.04); border-radius: 4px;}
.ap-leader-section .ap-leader-imgbox { width: 49px; }
.ap-leader-section .ap-leader-imgbox img { width: 49px; height:49px; border-radius:100px;}
.ap-leader-section .ap-leader-ctnbox{ width:calc(100% - 49px); padding-left:15px;}
.ap-leader-section .ap-leader-ctnbox h4{margin-bottom:4px;}
.ap-leader-section .ap-leader-ctnbox h5{ margin-bottom:0; color: #0B254BB3;}
.ap-leader-section .ap-leader-inner.d-flex { align-items: center; margin-bottom:15px;}
.ap-leader-section .ap-leader-innerctn p{ margin-bottom:0; color:#0B254B;}


.ap-cta2-section .ap-cta-box .ap-cta1 { margin-right: 15px; }
.ap-cta2-section .ap-cta-box .ap-cta1 a { color: #0B254B !important; }
.ap-cta2-section .ap-cta-box .ap-cta1 a:hover{background-color: rgb(38, 127, 253); opacity:1; color: rgb(255, 255, 255) !important; box-shadow: rgb(38 127 253) 0px 0px 0px 1px, rgb(11 37 75 / 8%) 0px 5px 7px -2px; }
.ap-cta2-section .ap-cta-box .ap-cta2 a{ background-color:rgba(255,255,255,0.12); box-shadow:none; color:#ffffff}
.ap-cta2-section .ap-cta-box .ap-cta2 a:hover{background: rgb(31, 105, 209); box-shadow: rgb(31 105 209) 0px 0px 0px 1px, rgb(11 37 75 / 8%) 0px 5px 7px -2px;}

.ap-3box-section .ap-3box { background: #ffffff; padding: 45px 70px; box-shadow: 0px 30px 40px -10px rgb(11 37 75 / 4%), 0px 22px 22px rgb(11 37 75 / 1%), 0px 14px 14px rgb(11 37 75 / 2%), 0px 4px 4px rgb(11 37 75 / 2%), 0px 2px 2px rgb(11 37 75 / 2%), 0px 0px 0px 1px rgb(11 37 75 / 4%); border-radius: 4px; width: calc(33.33% - 24px); margin: 12px; }
.ap-3box-section .ap-3box-ctn.d-flex { justify-content: center; margin: 0 -12px; }
.ap-3box-section .ap-3box-content { margin: 40px auto 63px; }
.ap-3box-section .ap-3box-toptitle { margin-bottom: 40px; }
.ap-3box-section .ap-3box-title h2{ margin-bottom:5px;}
.ap-3box-section { padding-top: 85px; }
.ap-3box-section .ap-3box-toptitle h5{ font-weight:600; letter-spacing:1.5px;}
.ap-3box-section .ap-3box-btmctn{ margin-top: 80px; }
.ap-3box-content h4{color: #0b254bB3;}
.ap-3box-title h5{color: #0b254b80;}
.ap-3box-section .ap-lightbg-btn a{ padding:10px 9px;}

.ap-cta3-section .ap-cta-ctn{ background-image:none;}
.ap-cta3-section{ background-image:url(https://f.hubspotusercontent30.net/hubfs/14488488/Upflow%20Landing%20Page%20-%20April%202021%20-%20Images/full-width-shape.png); background-repeat: no-repeat; background-size: cover;}
.ap-cta-section.ap-cta2-section .ap-cta-ctn.d-flex{ border-radius:4px; padding:50px;}
.ap-cta-section.ap-cta3-section .ap-cta-ctn { padding-left: 0; padding-right: 0; }


.ap-cash-section { padding: 85px 0; }
.ap-cash-section ul{ padding-left:0; margin: 35px 0;}
.ap-cash-section ul li{ list-style:none; padding-left:35px; position:relative; margin-bottom:15px;}
.ap-cash-section ul li:before{ content:""; position:absolute; background-image:url(https://f.hubspotusercontent30.net/hubfs/14488488/Upflow%20Landing%20Page%20-%20April%202021%20-%20Images/icon%2002.png); background-repeat:no-repeat; background-size:24px; width:32px; height:32px; left:0;top: 10%;}
.ap-cash-section h2{ margin-bottom:25px;}

.ap-feature-section{ padding-top:85px; padding-bottom:85px;}
.ap-feature-section .ap-feature-box{ width:calc(33.33% - 24px); padding: 40px; margin:12px; background: #FFFFFF; box-shadow: 0px 30px 40px -10px rgba(11, 37, 75, 0.04), 0px 22px 22px rgba(11, 37, 75, 0.01), 0px 14px 14px rgba(11, 37, 75, 0.02), 0px 4px 4px rgba(11, 37, 75, 0.02), 0px 2px 2px rgba(11, 37, 75, 0.02), 0px 0px 0px 1px rgba(11, 37, 75, 0.04); border-radius: 4px;}
.ap-feature-section .ap-feature-img { max-width: 96px; min-height: 96px; margin: 0 auto 30px auto;}
.ap-feature-section .ap-feature-desci h3{ margin-bottom:6px;}
.ap-feature-section .ap-feature-ctn { margin-top: 84px; justify-content:center; }
.ap-feature-section .ap-feature-content P{ color: #0b254bB3;}
.ap-feature-section .ap-feature-title h2{ margin-bottom:10px;}


.ap-slider-section{ padding-top: 85px; padding-bottom:100px; }
.ap-slider-section .ap-slider-img img{ width:60px !important; height:60px; border-radius:100px; margin:0 auto;}
.ap-slider-section .ap-slider-content { margin: 35px 0; }
.ap-slider-section .ap-slider-author h3{ margin-bottom:3px; font-weight:500;}
.ap-slider-section .ap-slider-content p{ font-size:26px; font-weight:500;color: #0B254B;}
.ap-slider-section .ap-slider-inner { max-width: 1000px; margin: 0 auto; }


.ap-twobox-section.ap-video-box{ padding-top:60px;}
.ap-twobox-section.ap-video-box .hs-embed-wrapper{width:100% !important; height:100% !important; max-width: 100% !important; max-height: 100% !important; min-width: 100% !important;}

.ap-video-section iframe{ width:100% !important; height:100% !important;}
.ap-video-section .hs-embed-wrapper{width:100% !important; height:100% !important; max-width: 100% !important; max-height: 100% !important; min-width: 100% !important;}
.ap-video-section { padding-bottom: 85px; }
.ap-video-title{ text-align:center; margin-bottom:35px;}

.ap-faq-section .accordion-section-content {display:none;}
.ap-faq-section .accordion { padding-top: 30px; padding-bottom: 15px; border-bottom:1px solid #EEF0F3; }
.ap-faq-section .accordion:last-child{ border-bottom:none;}
.ap-faq-section { padding-top: 60px; padding-bottom: 65px;}
.ap-faq-section .accordion-section-title h3{ position:relative; font-weight:500; }
.ap-faq-section .accordion-section-title h3:before{ content: " "; width:11px; height:6px; background-size:11px; background-image:url(https://f.hubspotusercontent30.net/hubfs/14488488/Upflow%20Landing%20Page%20-%20April%202021%20-%20Images/down-arrow.png);  font-size: 15px; line-height: normal; position: absolute; top: 50%; right: 0px; z-index: 99; color: #0b254b; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.ap-faq-section .accordion-section-title.active h3:before{ content: " "; background-image:url(https://f.hubspotusercontent30.net/hubfs/14488488/Upflow%20Landing%20Page%20-%20April%202021%20-%20Images/up-arrow-1.png);  line-height: normal; position: absolute; top: 50%; right: 0px; z-index: 99; color: #0b254b; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}


.ap-3column-section { padding-top:65px; padding-bottom:65px;}
.ap-3column-section .ap-3column-ctn.d-flex { margin-top: 55px; margin-left:-12px; margin-right:-12px; justify-content:center; }
.ap-3column-section .ap-3column-box { background: #FFFFFF; margin:12px; padding:30px; width:calc(33.33% - 24px); box-shadow: 0px 30px 40px -10px rgb(11 37 75 / 4%), 0px 22px 22px rgb(11 37 75 / 1%), 0px 14px 14px rgb(11 37 75 / 2%), 0px 4px 4px rgb(11 37 75 / 2%), 0px 2px 2px rgb(11 37 75 / 2%), 0px 0px 0px 1px rgb(11 37 75 / 4%); border-radius: 4px; }
.ap-3column-section .ap-3column-box ul li:before { content: ""; position: absolute; top: 5px; background-image: url(https://f.hubspotusercontent30.net/hubfs/14488488/Upflow%20Landing%20Page%20-%20April%202021%20-%20Images/icon%2001.png); background-size:15px; width: 15px; height: 16px; background-repeat: no-repeat; left: 0; }
.ap-3column-section .ap-3column-box ul li { list-style: none; position: relative; padding-left: 25px; }
.ap-3column-section .ap-3column-box ul{ padding-left:0; margin-bottom:0;}


.ap-artical-section .ap-artical-inner { width: calc(33.33% - 24px); margin: 12px; position:relative;display: flex; flex-direction: column; }
.ap-artical-section .ap-artical-inner>a{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%;}
.ap-artical-section .ap-artical-ctn.d-flex { margin: 0 -12px; }
.ap-artical-section .ap-artical-img { max-width: 384px; margin: 0 auto; margin-bottom: 25px; }
.ap-artical-section .ap-arrow-btn { margin-top: auto; }
.ap-artical-section { padding-bottom: 65px; padding-top: 19px; }
.ap-artical-content.txt-center { margin-bottom: 60px; }
.ap-artical-ctn.d-flex { justify-content: center; }
.ap-artical-innertitle p{color: #0B254B;}

.ap-freeform-section{ padding:85px 0;}
.ap-freeform-section .ap-freeform-box { max-width: 336px; margin: 0 auto;margin-top:30px;}
.ap-freeform-section .ap-freeform-box .hs_submit input{ margin-top:10px; padding:12px 0;}


.ap-footer-section .ap-footer-ctn{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center;     border-top: 1px solid rgba(11, 37, 75, 0.1); padding: 40px 0; }
.ap-footer-section .ap-footer-menu ul li{ display:inline-block; margin-bottom:0; margin-left:48px;}
.ap-footer-section .ap-footer-ctn p{ margin-bottom:0; font-size:16px;color: #0B254B;}
.ap-footer-section .ap-footer-menu ul{ margin:0; padding-left:0}


.ap-testi-section{ padding-bottom:120px; padding-top:60px;}
.ap-testi-section .ap-testi-inner { display: flex; flex-wrap: wrap; }
.ap-testi-section .ap-testi-imgbox { width: 30%; }
.ap-testi-section .ap-testi-ctnbox { width: 70%; padding-left: 85px; }
.ap-testi-section .ap-testi-quate-img { margin-bottom: 40px; }
.ap-testi-section .ap-testi-imgbox1{position:relative;padding-bottom: 25px;}
.ap-testi-section .ap-testi-imgbtm { width: 110px; height: 110px; border-radius: 4px;position: absolute;  left: auto; top: auto; right: -24px; bottom:0; }
.ap-testi-section .ap-testi-imgbtm img { width: 110px; height: 110px; border-radius: 4px; object-fit:cover; object-position:center;}
.ap-testi-section .ap-testi-ctnbox p span{ font-weight:500; }
.ap-testi-section img{ width:auto !important;}
.ap-testi-section .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px; background-color: #c2c8d2; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; }
.ap-testi-section .owl-dots .owl-dot.active span {  background-color: #0B254B;}
.ap-testi-section .owl-dots { text-align: center; margin-top: 50px; }
.ap-testi-section .ap-testi-ctnbox p { margin-top: 25px; }


.apn-form-section{ padding:150px 0;overflow: hidden;}
.apn-form-section .apn-form-ctn { display: flex; flex-wrap: wrap; align-items:center; position:relative;}
.apn-form-section .apn-form-ctnbox { width: 50%; padding-right: 20px; }
.apn-form-section .apn-form-imgbox { width: 85%; position: absolute; right: -43%; }
.apn-form-section .apn-form-box { margin: 30px 0; }
.apn-form-section .apn-form-logo { display: flex; margin: 0 -10px; flex-wrap:wrap;    align-items: center; }
.apn-form-section .apn-form-logoimg{ margin:25px; margin-top:0;}
.apn-form-section .apn-form-ctnbox .apn-form-content ul, .apn-form-section .apn-form-ctnbox .apn-form-content ol{ padding-left: 38px;}
.revolutionizeBannerSection .apn-form-content li { margin-bottom: 25px;}


.apn-form-section .apn-form-text h5{ color: #0B254BB3;}
.apn-form-section .hs_submit.hs-submit { position: absolute; top: 4px; width: 33%; right: 4px; }
.apn-form-section .hs_submit input { margin: 0; padding: 10px; height: 46px; font-size:16px; }
.apn-form-section input[type=email]{ height:55px;padding-right: 160px;}
.apn-form-section form{ position:relative;}
.apn-form-section .hs_submit input:hover{    background: rgb(31, 105, 209);  box-shadow: rgb(31 105 209) 0px 0px 0px 1px, rgb(11 37 75 / 8%) 0px 5px 7px -2px;}
.apn-form-section .apn-form-btn a { display: inline-block; border-radius: 4px; color: #ffffff; font-weight: 600; font-size: 16px; padding: 11px 25px; background-color: #267ffd; box-shadow: 0 2px 4px -2px rgb(11 37 75 / 12%), 0 0 0 1px #267ffd; }
.apn-form-section .apn-form-btn a:hover{background-color: #1f69d1; box-shadow: 0 5px 7px -2px rgb(11 37 75 / 8%), 0 0 0 1px #1f69d1; opacity:1;}
.apn-form-section .apn-form-btn { margin-right: 24px; }
.apn-form-section .apn-form-text h5 { margin: 0; }
.apn-form-section .apn-form-box .d-flex { align-items: center;}




/****************************************************Tab Module - css start**************************************************************************/


.ap-tab-section{ padding: 60px 0; }
.ap-tab-section .tab-content { display: none; }
.ap-tab-section .tab-content.current { display: block !important; }
.ap-tab-section .ap-tab-imgbox { width: 24px; }
.ap-tab-section ul.ap-tabs { display: flex; flex-wrap:wrap; justify-content: center; align-items: center; padding-left: 0; margin:35px 0 22px 0; }
.ap-tab-section .ap-tab-ctnbox{ width:calc(100% - 24px); padding-left:10px;}
.ap-tab-section .ap-tab-ctnbox h4{ margin-bottom:0;}
.ap-tab-section li.tab-link.d-flex { align-items: center; padding: 0.5rem 12px; margin-right: 10px; border-radius: 4px; cursor: pointer;}
.ap-tab-section .hs-embed-wrapper { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; min-width: 100% !important; }
.ap-tab-section iframe { width: 100% !important; height: 100% !important; }
.ap-tab-section .ap-tab-bgimg { padding: 100px; }



/******************************************************************LP2-CSS-START******************************************************************************/


.bluebg-btn a { background: #267FFD; box-shadow: 0px 0px 0px 1px #267ffd, 0px 2px 4px -2px rgb(11 37 75 / 12%); border-radius: 4px; color: #ffffff; font-size: 16px; font-weight: 600; padding: 10px 16px; display:inline-block;}
.bluebg-btn a:hover{background: rgb(31, 105, 209); box-shadow: rgb(31 105 209) 0px 0px 0px 1px, rgb(11 37 75 / 8%) 0px 5px 7px -2px;}


.lp2-header-section { padding: 38px 0; }
.lp2-header-section .lp2-header-logo { max-width: 92px; }
.lp2-header-section .lp2-header-ctn.d-flex { justify-content: space-between; align-items:center;}


.lp2-video-section{ padding-top:26px;}
.lp2-video-section .bluebg-btn a { min-width: 278px; }
.lp2-video-section .lp2-video-btn.d-flex { justify-content: center; }
.lp2-video-section .bluebg-btn { margin-right: 15px; }
.lp2-video-section .lp2-video-btn.d-flex { margin-bottom: 66px; margin-top: 32px; }
.lp2-video-section .lp2-video-box { max-width: 995px; margin: 0 auto; }
.lp2-video-section .lp2-video-box .hs-embed-wrapper { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; min-width: 100% !important; }
.lp2-video-section .lp2-video-ctn { border-bottom: 1px solid #EEF0F3; padding-bottom:65px; }
.lp2-video-section .lp2-video-title h1{ font-size:52px; }
.lp2-video-section iframe{ border-radius:4px;box-shadow: 0px 30px 40px -10px rgba(11, 37, 75, 0.04), 0px 22px 22px rgba(11, 37, 75, 0.01), 0px 14px 14px rgba(11, 37, 75, 0.02), 0px 4px 4px rgba(11, 37, 75, 0.02), 0px 2px 2px rgba(11, 37, 75, 0.02), 0px 0px 0px 1px rgba(11, 37, 75, 0.04);}
.lp2-video-section .ap-lightbg-btn a{background: linear-gradient(0deg, rgba(38, 127, 253, 0.16), rgba(38, 127, 253, 0.16)), #FFFFFF; box-shadow: 0px 0px 0px 1px rgba(38, 127, 253, 0.16); border-radius: 4px;}
.lp2-video-section .ap-lightbg-btn a:hover{ background: rgb(38, 127, 253);}

.lp2-box-section{ padding-top:28px;}
.lp2-box-section .lp2-box-content p{ font-size:16px;}
.lp2-box-section .lp2-box-ctn.d-flex { justify-content: center; margin:0 -24px;border-bottom: 1px solid #EEF0F3;padding-bottom: 25px;}
.lp2-box-section .lp2-box-inner { width: calc(33.33% - 40px); margin: 20px; }
.lp2-box-section .lp2-box-content p:last-child{ margin-bottom:0;}
.lp2-box-section .lp2-box-img img { max-width: 24px; }
.lp2-box-section .lp2-box-img {  background-color: #F3F5F8; width: 40px; height: 40px; border-radius: 100px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 10px; }
.lp2-box-section .lp2-box-title h3 { margin-bottom: 8px; }


.lp2-demo-section .lp2-demo-ctn { padding: 56px; border-radius:4px;}
.lp2-demo-section .lp2-demo-img { background: #267FFD; border-radius: 40px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position:relative; margin-bottom: 15px; }
.lp2-demo-section .lp2-demo-img:before{content:""; position:absolute; background-image:url(https://f.hubspotusercontent30.net/hubfs/14488488/Upflow%20-%20LP/Group%20136.png); width:29px; height:14px; background-repeat:no-repeat; right: -35px;}
.lp2-demo-section .lp2-demo-img h3{ color:#ffffff; margin:0;}
.lp2-demo-section .lp2-demo-btmctn { border-top: 1px solid #0B254B1A; padding-top: 50px; justify-content:space-between; align-items:center; }
.lp2-demo-section .lp2-demo-btmtitle h2{ margin-bottom:0;}
.lp2-demo-section .lp2-demo-title h3 { margin-bottom: 7px; }
.lp2-demo-section .lp2-demo-content p{ font-size:16px;}
.lp2-demo-section .lp2-demo-topctn.d-flex { margin: 0 -15px; padding-bottom: 18px; }
.lp2-demo-section .lp2-demo-inner { width: calc(25% - 30px); margin:0 15px 15px 15px; }


.ap-logo-section.lp2-logo-section{ padding:95px 0 75px 0;}
.lp2-logo-section .lp2-logo-topctn.d-flex { justify-content: center; align-items: center; }
.lp2-logo-section .lp2-logo-text { margin-right: 20px; }
.lp2-logo-section .lp2-logo-text p{ margin-bottom:0; font-size:16px;}
.lp2-logo-section .lp2-logo-leftctn.d-flex { align-items: center; }
.lp2-logo-section .lp2-logo-leftctn.d-flex:first-child{ margin-right:40px;}
.lp2-logo-section .lp2-logo-topctn.d-flex { margin-bottom: 50px; }



.lp2-form-section .lp2-form-box { max-width: 672px; margin: 0 auto; background: #FFFFFF; box-shadow: 0px 30px 40px -10px rgb(11 37 75 / 4%), 0px 22px 22px rgb(11 37 75 / 1%), 0px 14px 14px rgb(11 37 75 / 2%), 0px 4px 4px rgb(11 37 75 / 2%), 0px 2px 2px rgb(11 37 75 / 2%), 0px 0px 0px 1px rgb(11 37 75 / 4%); border-radius: 4px; padding: 56px; }
.lp2-form-section .lp2-form-box h3 { font-size: 34px; color: #0B254B; text-align: center; margin-bottom: 35px; }
.lp2-form-section select, .lp2-form-section textarea, .lp2-form-section input[type=color], .lp2-form-section input[type=date], .lp2-form-section input[type=datetime-local], .lp2-form-section input[type=datetime], .lp2-form-section input[type=email],
.lp2-form-section input[type=month], .lp2-form-section input[type=number], .lp2-form-section input[type=password], .lp2-form-section input[type=search],
.lp2-form-section input[type=tel], .lp2-form-section input[type=text], .lp2-form-section input[type=time], .lp2-form-section input[type=url], .lp2-form-section input[type=week], .lp2-form-section textarea{ height:80px; padding: 20px 20px 0 20px;}
.lp2-form-section div.hs-form-field > label {  position: absolute; top: 22px; padding-left: 20px; }
.lp2-form-section form p a{ text-decoration:underline;}
.lp2-form-section .hs-form-field { margin-bottom:10px; }
.lp2-form-section .hs_submit input{font-size: 16px; margin-top: 25px;}
.lp2-form-section{ padding-bottom: 65px; }
.lp2-form-section .lp2-form-ctn{ border-top:1px solid #EEF0F3;padding-top:100px;  }
.lp2-form-section .lp2-form-title.txt-center { margin-bottom: 40px; }


/*****************************************************************RESPONSIVE***************************************************************************/


@media screen and (max-width:1440px) {
  
  .container{zoom: 0.9 !important;}
/*   .top-header { margin-top: 91px; } */


}


@media screen and (max-width:1200px) {
  
  h1 {font-size:41px;}
  h2 {font-size:31px;}
  .ap-cta-section .ap-cta-ctn{ padding:60px;}
  .ap-cta-section.ap-cta2-section .ap-cta-ctn{ padding:30px;}
  .ap-cta-section .ap-cta-box a{font-size: 14px; padding: 12px 18px;}
  .ap-cta-section .ap-cta-ctnbox { padding-right: 10px; }
  .ap-twobox-section { padding-bottom: 85px; }
 
  .ap-connect-section { padding-top: 70px; padding-bottom: 70px; }
  .ap-leader-section { padding: 70px 0; }
  .ap-3box-section { padding-top: 70px; }
  .ap-3box-section .ap-3box{padding: 35px 60px;}
  .ap-3box-section .ap-3box-btmctn { margin-top: 65px; }
  .ap-cash-section { padding: 70px 0; }
  .ap-feature-section { padding-top: 70px; padding-bottom: 70px; }
  .ap-slider-section { padding-top: 70px;}
  .ap-video-section { padding-bottom: 70px; }
  .ap-freeform-section { padding: 70px 0; }
  .apn-form-section { padding:130px 0;}
  .ap-tab-section .ap-tab-bgimg { padding: 80px; }
    .lp2-video-section .lp2-video-title h1 { font-size:41px; }
    .lp2-form-section .lp2-form-box h3{font-size:31px;}
  

}


@media screen and (max-width:1024px) {
  
  h1 {font-size:38px;}
  h2 {font-size:28px;}
  .ap-cta-section .ap-cta-ctn.d-flex{ display:inherit;}
  .ap-cta-section .ap-cta-ctnbox { padding-right: 0px; padding-bottom:25px; text-align:center; width:100%; }
  .ap-twobox-section { padding-bottom: 70px; }
  
  .ap-cta-section .ap-cta-ctn { padding: 45px; }
  .ap-connect-section { padding-top: 55px; padding-bottom: 55px; }
  .ap-leader-section { padding: 55px 0; }
  .ap-3box-section { padding-top: 55px; }
  .ap-3box-section .ap-3box{padding: 35px 50px;}
  .ap-3box-section .ap-3box-content { margin: 35px auto 50px; }
  .ap-3box-section .ap-3box-btmctn { margin-top: 45px; }
  .ap-cash-section { padding: 55px 0; }
  .ap-feature-section { padding-top: 55px; padding-bottom: 55px; }
  .ap-slider-section { padding-top: 55px; padding-bottom: 55px; }
  .ap-twobox-section.ap-video-box { padding-top: 50px; }
  .ap-video-section { padding-bottom: 55px; }
  .ap-faq-section { padding-top: 50px; padding-bottom: 55px; }
  .ap-freeform-section { padding: 55px 0; }
  .ap-cta-section .ap-cta-ctn.d-flex {text-align:center}
  .ap-cta-section.ap-cta2-section .ap-cta-ctn.d-flex {padding:40px 20px}
  .ap-cta-section .ap-cta-ctn { padding: 40px 20px; }
  .ap-testi-section { padding-bottom: 90px; }
  .apn-form-section .apn-form-imgbox{ right:-35%;}
  .apn-form-section { padding: 110px 0; }
  .ap-cta-section.ap-cta3-section .ap-cta-ctn { padding-left: 0; padding-right: 0; }
  .ap-3column-section { padding-top: 55px; padding-bottom: 55px;}
  .ap-cta-box.d-flex{    justify-content: center;}
  .ap-cta-section .ap-cta-box{ width:100%; text-align:center;}
  .ap-tab-section .ap-tab-bgimg { padding: 55px; }
  .lp2-video-section .lp2-video-title h1 { font-size: 38px; }
  .lp2-header-section { padding: 25px 0; }
  .ap-logo-section.lp2-logo-section { padding: 75px 0 55px 0; }
  .lp2-logo-section .lp2-logo-topctn.d-flex { margin-bottom: 30px; }
  .lp2-demo-section .lp2-demo-ctn { padding: 40px; }

  .lp2-form-section .lp2-form-box{ padding:40px;}
    .lp2-form-section .lp2-form-box h3{ margin-bottom: 25px;}
    .lp2-form-section .lp2-form-box h3{font-size:28px;}
    .lp2-form-section .lp2-form-ctn{padding-top:65px;  }
    
}

@media screen and (max-width:1023px) {
  
  .container{zoom: 1 !important;}
/*   .top-header { margin-top: 95px; } */


}

@media screen and (max-width:991px) {
  
  h1 {font-size:36px;}
  h2 {font-size:26px;}
  h3 {font-size:18px;}
  p{ font-size:18px;}
  body{ font-size:18px;}
  .ap-connect-content br{ display:none;}
  .ap-cta-content br{ display:none;}
  .ap-lightbg-btn a{ font-size:14px;padding: 7px 10px;}
  .ap-feature-section .ap-feature-box{ padding:20px;}
  .ap-feature-section .ap-feature-ctn { margin-top: 70px; }
  .ap-slider-section .ap-slider-content p{ font-size:21px;}
  .ap-testi-section { padding-bottom: 80px; }
  .apn-form-section { padding: 80px 0; overflow: hidden; }
  .ap-testi-section{ padding-top:50px;}
  .ap-3column-section { padding-top: 45px; padding-bottom: 45px;}
  .apn-form-section .hs_submit input{ font-size:13px;}
  .apn-form-section .apn-form-btn { margin-right: 16px; }
/*   .top-header { margin-top: 86px; } */
    .lp2-video-section .lp2-video-title h1 { font-size:36px; }
    .lp2-video-section .lp2-video-title h1 br { display:none;}
    .bluebg-btn a{font-size: 14px; padding: 7px 10px;}
    .lp2-video-section .lp2-video-btn.d-flex { margin-bottom: 50px; margin-top: 32px; }
    .lp2-box-section .lp2-box-inner { width: calc(50% - 40px);}
    .ap-logo-section.lp2-logo-section { padding: 60px 0 50px 0; }
    .lp2-demo-section .lp2-demo-inner { width: calc(50% - 30px); }
    .lp2-demo-section .lp2-demo-ctn { padding: 35px; }
    .lp2-demo-section .lp2-demo-btmctn{ padding-top:35px;}
    .lp2-form-section .lp2-form-box h3{font-size:26px;}
    .lp2-form-section .lp2-form-title.txt-center { margin-bottom:25px; }
   
  

}

  
@media screen and (max-width:840px) {
  
  h1 {font-size:31px;}
  .ap-form-section .ap-form-ctnbox { width:100%; padding-right: 0px; padding-bottom:25px; }
  .ap-form-section .ap-formbox{ width:100%; }
  .ap-form-section .ap-formbox form{padding:30px;}
  .ap-form-section .ap-form-ctnboxmax { max-width: 100%; }
  .ap-form-section {  margin-bottom: 45px; }
  .ap-logo-section { padding: 45px 0 ; }
  .ap-logo-section .ap-logo-img { width: auto; margin: 0px 20px 20px; }
  .ap-twobox-section .ap-twobox-ctnbox { width: 100%; padding-right: 0px; order:2; }
  .ap-twobox-section .ap-twobox-ctnboxmax { max-width: 100%;}
  .ap-twobox-section .ap-twobox-imgbox { width: 100%; max-width:480px; margin:0 auto; order:1; padding-bottom:25px;}
  .ap-twobox-section { padding-bottom: 45px; }
  .ap-twobox-section .ap-twobox-ctn.d-flex.ap-swap .ap-twobox-ctnbox{  padding-left:0px;}
 
  
  .ap-leader-section .ap-leader-ctn.d-flex { padding-top: 55px; }
  .ap-3box-section .ap-3box{ width:100%; margin:0 0 24px 0;padding: 35px;}
  .ap-twobox-section.ap-video-box .ap-twobox-imgbox{ max-width:100%;}
  .ap-3column-section .ap-3column-ctn.d-flex { margin-top: 40px; margin-left: 0; margin-right: 0; }
  .ap-3column-section .ap-3column-box{ width:100%; padding:20px; margin:0 0 24px 0;}
  .ap-artical-section .ap-artical-ctn.d-flex { margin: 0; }
  .ap-artical-section .ap-artical-inner { width: 100%; margin: 0 0 24px 0; text-align:center;}
  .ap-feature-section .ap-feature-ctn { margin-top: 60px; }
  .ap-form-ctntitle { text-align: center; }
  .ap-form-btn{text-align: center; margin:35px auto 0 auto;; }
  .ap-testi-section { padding-bottom: 70px; }
  .apn-form-section .apn-form-ctnbox { width: 100%; padding-right: 0; text-align: center; }
  .apn-form-section .apn-form-imgbox { right: 0; position: inherit; width: 100%; margin-top: 25px; }
  .apn-form-section { padding: 45px 0; overflow: hidden; }
  .ap-testi-section{ padding-top:40px;}
  .ap-3column-section { padding-top: 35px; padding-bottom: 35px;}
  .apn-form-section .apn-form-box .d-flex {  justify-content: center;}
  .apn-form-section .apn-form-logo{justify-content: center;}
    .lp2-video-section .lp2-video-title h1 { font-size:31px; }
    .lp2-video-section .bluebg-btn a{ min-width:236px;}


}

@media screen and (max-width:767px) {
  
  h1 {font-size:28px;}
  p{ font-size:16px;}
  body{ font-size:16px;}
  .ap-form-section { padding: 55px 0; margin-bottom: 35px; }
  .ap-logo-section { padding: 35px 0; }
 
  
  .ap-cash-content br{ display:none;}
  
  .ap-feature-section .ap-feature-box{ width:100%; margin:0 0 24px 0;}
 
  .ap-footer-section .ap-footer-ctn{ display:inherit;}
  .ap-footer-section .ap-footer-menu ul{ text-align:center;}
  .ap-footer-section .ap-footer-menu ul li{ display:block; margin-top:10px; margin-left:0;}
  .ap-feature-section .ap-feature-ctn { margin-top: 45px; }
  .ap-slider-section .ap-slider-content p{ font-size:18px;}
  .ap-cta-section.ap-cta2-section .ap-cta-ctn{ background-size:cover;}
  .ap-testi-section .ap-testi-ctnbox { padding-left: 70px; }
  .ap-testi-section .owl-dots {  margin-top: 40px; }
  .ap-testi-section { padding-bottom: 60px; }
  .ap-testi-section .ap-testi-quate-img { margin-bottom: 20px; }
  .ap-testi-section .ap-testi-imgbox { width: 100%; max-width: 280px; margin: 0 auto; }
  .ap-testi-section .ap-testi-ctnbox { width: 100%; padding-left: 0px; margin-top: 25px; text-align:center;}
  .ap-testi-section .ap-testi-imgbtm { width: 85px; height: 85px; }
  .ap-testi-section .ap-testi-imgbtm img { width: 85px; height: 85px; }
  .ap-testi-section .owl-dots { margin-top: 30px; }
  .ap-testi-section .ap-testi-quate-img img{ margin:0 auto;}
  .ap-artical-section { padding-bottom: 45px; padding-top: 19px;}
  .apn-form-section { padding: 35px 0;}
  .ap-testi-section{ padding-top:30px;}
  .ap-form-section .ap-form-ctn1 { padding-left: 9px; }
  .ap-leader-section .ap-leader-ctn.d-flex { padding-top: 40px; }
  
  .ap-3column-section { padding-top: 25px; padding-bottom: 25px;}
/*   .top-header { margin-top: 85px; } */
    .ap-tab-section .ap-tab-bgimg { padding: 50px 40px; }
    .lp2-video-section .lp2-video-title h1 { font-size:28px; }
    .lp2-video-section { padding-top: 15px; }
    .lp2-video-section .lp2-video-ctn{padding-bottom: 45px;}
    .lp2-video-section .lp2-video-btn.d-flex{ display:inherit;}
    .lp2-video-section .bluebg-btn{ margin-right:0; margin-bottom:15px;}
    .lp2-video-section .lp2-video-btn.d-flex { margin-bottom: 40px; margin-top: 25px; }
    .lp2-box-section .lp2-box-inner { width:100%; margin: 20px 0; }
    .lp2-box-section .lp2-box-ctn.d-flex{ margin:0;}
    .ap-logo-section.lp2-logo-section { padding: 55px 0 40px 0; }
    .lp2-demo-section .lp2-demo-inner { width:100%; margin: 0 0 15px 0; }
    .lp2-demo-section .lp2-demo-topctn.d-flex { margin: 0;}
    .lp2-demo-section .lp2-demo-btmctn { text-align: center; display: inherit; padding-top:25px; }
    .lp2-demo-section .lp2-demo-btmtitle h2 { margin-bottom:15px; }
    .lp2-form-section .lp2-form-box{padding: 35px;}
    .lp2-form-section { padding-bottom:55px;}
    .lp2-video-section .ap-lightbg-btn{ display:none;}
     .lp2-form-section .lp2-form-ctn{padding-top:55px;}


}


@media screen and (max-width:480px) {
  
  .ap-leader-section .ap-leader-box{ margin:0 0 20px 0;}
  .ap-leader-section .ap-leader-ctn.d-flex{ margin:0;}
  .ap-cta-box.d-flex { display: inherit; }
  .ap-cta2-section .ap-cta-box .ap-cta1 { margin-right: 0px; margin-bottom:15px; }
  .ap-freeform-section .ap-freeform-box { max-width: 100%;}
  .ap-feature-section .ap-feature-ctn { margin-top: 30px; }
  .ap-cta-section .ap-cta-ctn { padding: 40px 10px; }  
  .ap-testi-section .ap-testi-imgbox {max-width: 205px;  }
  .ap-testi-section .ap-testi-imgbtm { width: 70px; height: 70px; }
  .ap-testi-section .ap-testi-imgbtm img { width: 70px; height: 70px; }
  .ap-leader-section .ap-leader-ctn.d-flex { padding-top: 30px; }
  .ap-cta-section.ap-cta3-section .ap-cta-ctn { padding-left: 0; padding-right: 0; }
  .apn-form-section .hs_submit.hs-submit { position: inherit; top: 4px; width: 100%; right: 0; }
  .apn-form-section input[type=email] { height: 45px; padding-right: 12px; }
  .apn-form-section .apn-form-btn { margin-right: 0; margin-bottom: 15px; }
  .apn-form-section .apn-form-box .d-flex { display: inherit; }
  .apn-form-section .hs_submit input { margin-bottom: 25px;}
  .ap-form-img1 { width: 28px ; }
  .ap-form-section .ap-form-ctn1 {width: calc(100% - 28px ); }
  .ap-tab-section .ap-tab-bgimg { padding:30px; }

}