/* @import url('http://example.com/example_style.css'); */
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/




* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

body { background:#fff; margin: 0; padding: 0; font-size: 18px; line-height: 1.4; font-family: 'Inter',sans-serif; font-weight: 400; color: #002e6e; overflow-x: hidden; }
body.arabic-page { font-family: 'Cairo', sans-serif; }

h1 { margin: 10px 0; font-size: 55px; line-height: 1.1; font-family: 'Lora',serif; color: #fff; font-weight: 400; word-break: break-word; }
h2 { margin: 0 0 10px; font-size: 40px; line-height: 1.1; font-family: 'Lora',serif; color: #002e6e; font-weight: 400; } 
h3 { margin: 0 0 10px; font-size: 24px; line-height: 30px; font-family: 'Lora',serif; color: #002e6e; font-weight: 400; } 
h4 { margin: 0; font-size: 22px; line-height: 1.4; font-family: 'Lora',serif; color: #002e6e; font-weight: 700; letter-spacing: 1px; text-transform: capitalize;  }
h5 { margin: 0; font-size: 24px; line-height: 1.2; font-family: 'Inter', sans-serif; color: #000; font-weight: 300; }
h6 { margin: 0; font-size: 16px; line-height: 1.2; font-family: 'Inter', sans-serif; color: #000; font-weight: 600; }

body.arabic-page h1, body.arabic-page h2, body.arabic-page h3, body.arabic-page h4, body.arabic-page h5, body.arabic-page h6 { font-family: 'Cairo', sans-serif; }

h1 > span { color:#f16c23; }
.get-bg img, img.get-bg { display:none; }
.get-bg { min-height:0; }

img { max-width: 100%; height: auto; border: none; vertical-align: top; }

a { color: #4D98FF; outline: none; text-decoration: none; cursor: pointer; max-width: 100% !important; white-space: normal !important; display: inline-block; }
a:hover { text-decoration: underline; }

p { margin: 10px 0; width: 100%; display: block; } 
ul, ol { padding-left: 15px; margin: 0; }

.fullwidth { float: left; width: 100%; }
.wrapper { box-sizing: border-box; width: 100%; float: none !important; display: block; margin: 0 auto !important; max-width: 1260px; padding-right: 30px !important; padding-left: 30px !important; }

.text-center, .text-center a, .text-center h1, .text-center h2, .text-center h3, .text-center h4, .text-center h5, .text-center h6 { text-align: center;}

.text-light, .text-light a, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 { font-weight: 300; }

.text-bold, .text-bold a, .text-bold h1, .text-bold h2, .text-bold h3, .text-bold h4, .text-bold h5, .text-bold h6 { font-weight: 600; }

.text-bolder, .text-bolder a, .text-bolder h1, .text-bolder h2, .text-bolder h3, .text-bolder h4, .text-bolder h5, .text-bolder h6 { font-weight: 800;}

.text-black, .text-black a, .text-black h1, .text-black h2, .text-black h3, .text-black h4, .text-black h5, .text-black h6 { color: #000;}
.text-white, .text-white a, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #fff;}

.text-uppercase, .text-uppercase a, .text-uppercase h1, .text-uppercase h2, .text-uppercase h3, .text-uppercase h4, .text-uppercase h5, .text-uppercase h6 { text-transform: uppercase;}

.p10-0 { padding-top: 10px; padding-bottom: 10px; }
.p15-0 { padding-top: 15px; padding-bottom: 15px; }
.p20-0 { padding-top: 20px; padding-bottom: 20px; }
.p25-0 { padding-top: 25px; padding-bottom: 25px; }
.p30-0 { padding-top: 30px; padding-bottom: 30px; }
.p35-0 { padding-top: 35px; padding-bottom: 35px; }
.p40-0 { padding-top: 40px; padding-bottom: 40px; }
.p45-0 { padding-top: 45px; padding-bottom: 45px; } 
.p50-0 { padding-top: 50px; padding-bottom: 50px; } 
.p55-0 { padding-top: 55px; padding-bottom: 55px; }
.p60-0 { padding-top: 60px; padding-bottom: 60px; }
.p65-0 { padding-top: 65px; padding-bottom: 65px; }
.p70-0 { padding-top: 70px; padding-bottom: 70px; } 
.p75-0 { padding-top: 75px; padding-bottom: 75px; }
.p80-0 { padding-top: 80px; padding-bottom: 80px; } 
.p85-0 { padding-top: 85px; padding-bottom: 85px; }
.p90-0 { padding-top: 90px; padding-bottom: 90px; }
.p95-0 { padding-top: 95px; padding-bottom: 95px; }
.p100-0 { padding-top: 100px; padding-bottom: 100px; }

.pt10 { padding-top: 10px; } 
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; } 
.pt40 { padding-top: 40px; } 
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; } 
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; } 
.pt65 { padding-top: 65px; }
.pt70 { padding-top: 70px; }
.pt75 { padding-top: 75px; }
.pt80 { padding-top: 80px; } 
.pt85 { padding-top: 85px; }
.pt90 { padding-top: 90px; } 
.pt95 { padding-top: 95px; }
.pt100 { padding-top: 100px; }

.pb10 { padding-bottom: 10px; } 
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pb55 { padding-bottom: 55px; }
.pb60 { padding-bottom: 60px; }
.pb65 { padding-bottom: 65px; } 
.pb70 { padding-bottom: 70px; } 
.pb75 { padding-bottom: 75px; }
.pb80 { padding-bottom: 80px; }
.pb85 { padding-bottom: 85px; } 
.pb90 { padding-bottom: 90px; }
.pb95 { padding-bottom: 95px; }
 

.m10-0 { margin-top: 10px; margin-bottom: 10px; } 
.m20-0 { margin-top: 20px; margin-bottom: 20px; }
.m30-0 { margin-top: 30px; margin-bottom: 30px; } 
.m40-0 { margin-top: 40px; margin-bottom: 40px; }
.m50-0 { margin-top: 50px; margin-bottom: 50px; } 
.m60-0 { margin-top: 60px; margin-bottom: 60px; } 
.m70-0 { margin-top: 70px; margin-bottom: 70px; } 
.m70-0 { margin-top: 80px; margin-bottom: 80px; } 

.mt10 { margin-top: 10px; } 
.mt20 { margin-top: 20px; } 
.mt30 { margin-top: 30px; } 
.mt40 { margin-top: 40px; } 
.mt50 { margin-top: 50px; } 
.mt60 { margin-top: 60px; } 
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; } 


.mb10 { margin-bottom: 10px; } 
.mb20 { margin-bottom: 20px; } 
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; } 
.mb50 { margin-bottom: 50px; } 
.mb60 { margin-bottom: 60px; } 
.mb70 { margin-bottom: 70px; } 
.mb80 { margin-bottom: 80px; }


.row-fluid input[type=submit] { cursor:pointer; }
body .row-fluid [class*="span"] { min-height:0px; }
body .row-fluid [class*="span"].widget-type-space { min-height:1px; }

.row-fluid .set-bg { background-size:cover; background-position:center; position:relative; width:100%; float:left; }
/*.set-bg > * { position:relative; z-index:2; }
.set-bg:before { content:''; background:rgba(25,150,255,0.3); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; } */
.row-fluid .get-bg { display:none !important; }
.row-fluid .button a ,.row-fluid  a.button { padding:8px 25px; background:#1996ff; color:#fff; border:2px solid #1996ff; max-width:100%; display:inline-block;   }
.row-fluid .button a:hover , .row-fluid a.button:hover { background:#fff; color:#f6950a; }

.row-fluid strong { font-weight:700; }

.row-fluid textarea, .row-fluid input[type="text"], .row-fluid input[type="number"], .row-fluid input[type="email"], .row-fluid input[type="tel"], .row-fluid select { border: 0; border-radius: 50px; outline: 0; background: #fff; font-size: 14px; line-height: 20px; font-weight: 700; color: #002e6e; min-height: 46px; margin: 5px 0px; padding: 25px 45px 20px 20px; -webkit-appearance: none; width: 100% !important; font-family: 'Inter',sans-serif;-webkit-appearance: none; }
.row-fluid input[type="submit"] { width: 100%; border: 0; border-radius: 50px !important; outline: 0; background: #002e6e; font-size: 17px; line-height: 20px; font-weight: 700; color: #fff; border-radius: 0; background-repeat: no-repeat; background-position: center right 20px; background-image: url('https://get.cin7.com/hubfs/image/landing_page/SEM_page/submit-arrow.png'); background-size: 21px; padding: 25px 45px 20px 20px; -webkit-appearance: none; font-family: 'Inter',sans-serif;-webkit-appearance: none; text-align: left;}

/* .row-fluid ul { padding:0px; margin:0; } */
/* .row-fluid li { list-style:none; }   */
/*for Hubspot   >>>>>>*/
.hs-form-required { display:none; }
.hs-error-msgs { list-style:none; margin:0 0 10px; padding:0; font-size:12px;  }

.row-fluid .flexwrap { display:flex; flex-flow:row wrap; justify-content:left; display:-webkit-flex; -webkit-flex-flow:row wrap; -webkit-justify-content:left; }
.row-fluid .alignCenter { align-items:center; -webkit-align-items:center; }
.row-fluid .hs_error_rollup { display: none; }


/* Hero Section - CIN7 */

.row-fluid .Hero-Section { background-position: center left -204px; background-size: cover; background-repeat: no-repeat; position: relative; }
.row-fluid .Hero-Logo a img { max-width: 220px !important; }
.row-fluid .Hero-Left { padding-top: 75px; padding-bottom: 100px; width: 50%; float: left; }
.row-fluid .hero-form { width: 50%; float: left; }
.row-fluid .Hero-Title { margin-bottom: 30px; padding-top: 44px; }
.row-fluid .hero-text { max-width: 483px; color:#fff; }
.row-fluid .hero-cta a { background-color: #fedb31; color: #002dff; background-image: url('https://9323878.fs1.hubspotusercontent-na1.net/hubfs/9323878/Whitepaper%20-%20CIN7/Images/bluearrow.png'); background-repeat: no-repeat; background-size: 21px; padding-right: 40px;  background-position: 91% 54%; font-size: 20px; font-weight: 600; padding: 15.5px 20.5px; min-width: 250px; margin-top: 20px; }
.row-fluid .hero-cta a:hover { background-color: #fff !important; transition: all 200ms ease; }
.row-fluid .hero-form .form-inner { position: relative; max-width: 500px; background: #ffdd00; right: -64px; height: auto; margin: 0 auto; padding: 70px 50px 50px; margin-bottom: -593px; }
.row-fluid .form-img { text-align: left; }
.row-fluid .form-titl { max-width: 345px; margin: 0 auto; width: 100%; text-align: center; margin-top: 35px; padding-bottom: 10px; }
.row-fluid .top-hero form select { padding: 20px 38px 20px 20px; border: none; outline: none; font-size: 17px; font-weight: 700; color: #99abff; appearance: none; background-image: url(https://9323878.fs1.hubspotusercontent-na1.net/hubfs/9323878/Whitepaper%20-%20CIN7/Images/down_arrow.png); background-repeat: no-repeat; position: relative; background-position: center right 20px; color: #385cff; width: 100%; margin-bottom: 5px; }
.row-fluid .form-res form ::placeholder , .row-fluid .top-hero form ::placeholder { color: #99abff; } 
.row-fluid .top-hero form .actions { margin: 15px 0 0 0; }
.row-fluid .top-hero form label.hs-error-msg { text-align: center; color: #fff; margin: .2em .5em .6em 160px; float: left; }

.row-fluid .Hero-Section.Heroimg-Chng { background-position: center top; }
.row-fluid .Heroimg-Chng .Hero-Left { width: 42%; }
.row-fluid .Heroimg-Chng .hero-form { width: 58%; padding-top: 47px; position: relative; }
.row-fluid  .Hero-Title h1.h1_small { font-size: 36px; font-weight: 700; }
.row-fluid .form-rightOimage { position: relative; max-width: 530px; margin: 0 auto; padding: 70px 50px; }
.row-fluid .form-rightIimage { position: absolute; top: 22px; left: 0; height: 70%; width: 100%; transform: translate(-32%); left: 42%; }
.row-fluid .form-rightIimage img { width: 100%; max-width: 480px !important; transform: scale(1.2); }

.row-fluid .get-started-section { padding: 85px 0 15px; }
.row-fluid .get-started-outer {float: left; width: 50%; }
.row-fluid .start-top { margin-bottom: 15px;  }
.row-fluid .customer-title h4 , .row-fluid .start-top h4 { margin: 0 0 17px; }
.row-fluid .feature-box { width: 100%; float: left; padding-right: 10px; margin-bottom: 50px; }
.row-fluid .feature-box ul li { list-style: none; padding-left: 30px; position: relative; font-size: 18px; margin: 0 0 10px; color: #436594; float: left; width: 48%; margin-right: 4%; }
.row-fluid .feature-box ul li:nth-child(2n) { margin-right: 0; }
.row-fluid .feature-box ul li:before { position: absolute; content: ''; left: 4px; top: 7px; z-index: 1; background-image: url(https://9323878.fs1.hubspotusercontent-na1.net/hubfs/9323878/Whitepaper%20-%20CIN7/Images/mark.png); width: 15px; height: 15px; background-position: center; background-repeat: no-repeat; background-size: cover; }


.row-fluid .our-customer-section { padding-bottom: 60px; }
.row-fluid .Our-Customer-Outer { width: 50%; float: left; padding-top: 85px; border-top: 2px solid #ccd5e2; }
.row-fluid .logo-inner { display: flex; padding: 14px 0; flex-flow: row wrap; }
.row-fluid .logo-box { filter: grayscale(0%); min-height: 100px; position: relative; width: 30.33%; padding: 10px; text-align: center; margin-bottom: 20px; margin-right: 3%; }
.row-fluid .logo-box img { max-width: 155px !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }


.row-fluid .centralize-section { padding: 150px 0; }
.row-fluid .centralize-top { margin: 0 0 40px; }
.row-fluid .centralize-top h2 { max-width: 630px; margin: 0 auto; }
.row-fluid .centralize-box { float: left; width: 25%; margin-right: 10%; position: relative; margin-top: 35px; }
.row-fluid .centralize-box:nth-child(3n) { margin-right: 0; }
.row-fluid .centralize-box:after { position: absolute; content: ''; top: 0; left: 0; height: 135px; width: 80%; background: #f0f7ff; z-index: -1; background-image: linear-gradient(to right, rgb(255 255 255 / 1), rgb(240 247 255 / 1)); transform: skew(0deg, 10deg); -webkit-transform: skew(0deg, 10deg); -moz-transform: skew(0deg, 10deg); -o-transform: skew(0deg, 10deg); }
.row-fluid .centralize-icon { min-height: 90px; margin: 0 0 20px; }
.row-fluid .centralize-icon img { max-width: 75px !important; }

.row-fluid .Ologo-inner { display: flex; justify-content: center; -webkit-justify-content: center; border-top: 2px solid #ccd5e2; border-bottom: 2px solid #ccd5e2; padding: 40px 0; flex-wrap: wrap; }
.row-fluid .Ologo-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; min-width: 200px; filter: grayscale(0%); min-height: 100px; position: relative; width: auto; padding: 10px; text-align: center; }
.row-fluid .Ologo-box h4 { color: #a9b8ce; font-size: 16px; width: 100%; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; }
.row-fluid .Ologo-box img , .row-fluid .Ologo-box h4 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.row-fluid .Ologo-box img { max-width: 140px !important; }

.row-fluid .testimonial-section { padding: 260px 0 100px 0; }
.row-fluid .testimonial-section .wrapper { max-width: 1100px; }
.row-fluid .test-couple { display: table; position: relative; }
.row-fluid .test-couple:before { position: absolute; content: ''; right: 0; height: 100%; width: 75%; background: #e9f2ff; z-index: -1; }
.row-fluid .test-couple > .test-left { width: 46%; float: left; }
.row-fluid .testi-image > img { width: 100%; max-width: 400px !important; margin-top: -160px; }
.row-fluid .testi-name { font-size: 22px; width: auto; display: inline-block; line-height: 1.2; }
.row-fluid .testi-txt { margin-top: 20px; }
.row-fluid .testi-right { width: 54%; float: left; padding: 140px 80px 90px 50px; font-size: 36px; line-height: 1.4; color: #002e6e; position: relative; }
.row-fluid .quote-image { position: absolute; top: 0; left: auto; }
.row-fluid .quote-image img { max-width: 50px !important; margin-top: 50px; }
.row-fluid .testi-content span { background-color: rgba(5,203,191, .33); line-height: 24px; white-space: break-spaces; padding: 0 7px; display: inline; width: auto; }


.row-fluid .Form-Section { padding: 100px 0; }
.row-fluid .Form-Section .wrapper { max-width: 880px; }
.row-fluid .Form-Header { max-width: 630px; margin: 0 auto 50px; float: none; }
.row-fluid .Form-Header h4 { margin: 0 0 17px; color: #4896ff; text-transform: uppercase; font-size: 17px; letter-spacing: 2px; }
.row-fluid .Form-Header-Text { max-width: 436.797px; margin-top: 50px; }
.row-fluid .Form-Row { background: #002dff; padding: 90px 50px 150px 45px; position: relative; width: 100%; }

.row-fluid .Form-Left { width: 50%; float: left; }
.row-fluid .Form-right { width: 50%; padding-left: 0; text-align: center; float: right; padding-right: 40px; }
.row-fluid .form-res form input[type="submit"] { background-image: url(https://9323878.fs1.hubspotusercontent-na1.net/hubfs/9323878/Whitepaper%20-%20CIN7/Images/bluearrow.png); background-color: #fedb31; color: #002dff; }
.row-fluid .app-slider { max-width: 200px; margin: 0 auto; float: right; }
.row-fluid .Form-right-Img { position: absolute; bottom: -39px; right: -180px; width: 60%; top: 211px; }
.row-fluid .slick-dots li button { border-radius: 50% !important; background: transparent; border: #fff solid 2px; width: 11px; height: 11px; display: block; font-size: 0; position: static; padding: 0; opacity: 0.5; }
.row-fluid .slick-dots li { padding: 0 2px; outline: 0 !important; cursor: pointer; float: none; display: inline-block; vertical-align: top; }
.row-fluid .slick-dots li.slick-active button , .row-fluid .slick-dots li button:hover { background: #fff; }
.row-fluid .slick-dots { text-align: center; margin-top: 0; z-index: 99999; position: relative; margin-top: 15px; }

.row-fluid .integrate-section {  padding: 75px 0 0; overflow: hidden; min-height: 600px !important; }
.row-fluid .integrate-section .wrapper { max-width: 1360px; }
.row-fluid .integrate-inner { padding: 0px 65px 40px 65px; display: inline-block; }
.row-fluid .integrate-inner h2 { max-width: 385px; font-size: 34px; display: inline-block; }
.row-fluid .integrate-images { position: relative; width: 100%; float: left; }
.row-fluid .integrate-img { position: absolute; width: 250px; height: 300px; left: 18%; bottom: -360px; float: left; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.row-fluid .integrate-img:before { position: relative; width: 100%; background: #fff; -moz-transform: skew(10deg,20deg); -ms-transform: skew(10deg,20deg); -o-transform: skew(10deg,20deg); -webkit-transform: skew(10deg,20deg); transform: skew(-360deg,10deg); height: 100%; content: ''; }
.row-fluid .integrate-img img { max-width: 130px !important; z-index: 999; position: absolute; }
.row-fluid .integrate-img:nth-child(2) { top: -140px; left: 520px; bottom: auto; }
.row-fluid .integrate-img:nth-child(3) { bottom: -495px; left: 520px; }
.row-fluid .integrate-img:nth-child(4) { left: 800px; top: -200px; }
.row-fluid .integrate-img:nth-child(5) { left: 800px; bottom: -435px; }
.row-fluid .integrate-img:nth-child(6) { left: auto; top: -370px; right: -15px; }
.row-fluid .integrate-img:nth-child(7) { left: auto; bottom: -260px; right: -15px; }


.row-fluid .our-customer-section.Suit-Change { padding-bottom: 0; }

.row-fluid .SEMForm-Section { padding: 120px 0 137px; }
.row-fluid .SEMForm-Outer { max-width: 500px; margin: 0 auto; float: none; }
.row-fluid .SEMForm-Header { margin-bottom: 50px; }
.row-fluid .SEMForm-Header h4 { margin: 0 0 17px; color: #4896ff; text-transform: uppercase; font-size: 17px; font-weight: 900; }
.row-fluid .SEMform-res textarea, .row-fluid .SEMform-res input[type="text"], .row-fluid .SEMform-res input[type="number"], .row-fluid .SEMform-res input[type="email"], .row-fluid .SEMform-res input[type="tel"], .row-fluid .SEMform-res select { background: #e7f3fe; color: #00306a; }
.row-fluid .SEMform-res form ::placeholder { color: #85a4c2; } 
.row-fluid .SEMform-res form select { background-image: url('https://9323878.fs1.hubspotusercontent-na1.net/hubfs/9323878/Suite%20of%20apps%20SEM%20Page%20-%20CIN7/down_arrow-black.png'); background-repeat: no-repeat; position: relative; background-position: center right 20px; }
.row-fluid .SEMform-res form .actions { margin-top: 15px; }

.row-fluid .SEM-Testimonial-Section { overflow: hidden; position: relative; padding: 0 0 100px; background-size: cover; background-repeat: no-repeat; background-position: right top; }
.row-fluid .SEM-Testimonial-Image { margin: 0 0 60px; }
.row-fluid .SEM-Testimonial-Image img { margin: 0 auto; }
.row-fluid .SEM-Testimonial-quotes { text-align: center; font-size: 40px; line-height: 1.1; color: #002e6e; font-weight: 400; }
.row-fluid .SEM-Testimonial-Row { position: relative; max-width: 816px; margin: 0 auto; float: none; }
.row-fluid .SEM-Testimonial-quotes p span { background: #fff; }
.row-fluid .SEM-Testimonial-text { text-align: center; margin-top: 30px; font-size: 20px; font-weight: 400; }
.row-fluid .SEM-Testimonial-Outer .slick-dots { bottom: -40px; }
.row-fluid .SEM-Testimonial-Outer .slick-dots li button { width: 20px; height: 20px; opacity: 1; }
.row-fluid .SEM-Testimonial-Outer .slick-dots li { padding: 0 6px; }

.row-fluid .SEM-Three-col { padding: 130px 0 100px; }
.row-fluid .SEM-Three-col-Header { max-width: 610px; margin: 0 auto; float: none; }
.row-fluid .SEM-Three-col-Header h4 { margin: 0 0 17px; color: #4896ff; text-transform: uppercase; font-size: 17px; font-weight: 900; }
.row-fluid .SEMthreecol-Header-Text { margin-top: 40px; }
.row-fluid  .SEM-Three-col-OuterRow { display: flex; flex-wrap: wrap; margin-top: 100px; }
.row-fluid .SEM-Three-col-Inner { text-align: center; background-color: #fff; padding: 10px 0 50px; border: 1px solid #c7e3fd; width: 32.3%; margin-right: 1.5%; float: left; margin-bottom: 20px; }
.row-fluid .SEM-Three-col-Inner:nth-child(3n) { margin-right: 0; }
.row-fluid .SEM-Three-Top-Text { background: #229cf9; color: #fff; margin-right: 15px; margin-left: 15px; padding: 20px 20px; font-size: 16px; line-height: 1.6; font-weight: 600; }
.row-fluid .SEM-Three-Top-Image { border-bottom: 1px solid #c7e3fd; min-height: 230px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.row-fluid .SEM-Center-Combo { width: 100%; float: left; padding: 0 45px; }
.row-fluid .SEM-Three-col-List ul li { position: relative; width: 100%; float: left; padding: 20px 0; border-bottom: 1px solid #c7e3fd; text-align=left; }
.row-fluid .SEM-Three-col-List ul li img { position: absolute; top: 20px; left:0; width: 30px; height: 30px; float: left; text-align=left; }
.row-fluid .SEM-Three-col-List ul li .Three-Cl-List-txt { text-align: left; float: left; margin-left: 45px; text-align=left; }
.row-fluid .SEM-Three-col-List ul li:first-child { border-top: 1px solid #c7e3fd; /*text-align:left;*/ }
.row-fluid .SEM-ThreeCenter-Text { margin-bottom: 25px; }
.row-fluid .SEM-ThreeCenter-Image { margin-top: 10px; }
.row-fluid .SEM-Three-col-List { float: left; width: 100%; }
.row-fluid .SEM-threeCol-btn { margin-top: 40px;  float: left; width: 100%; }
.row-fluid .SEM-threeCol-btn a {background-color: #fedb31; color: #002dff; background-image: url(https://9323878.fs1.hubspotusercontent-na1.net/hubfs/9323878/Whitepaper%20-%20CIN7/Images/bluearrow.png); background-repeat: no-repeat; background-size: 21px; padding-right: 40px; background-position: 91% 54%; font-size: 20px; font-weight: 600; padding: 15.5px 20.5px; width: 100%; text-align: left; }

.row-fluid .SEMHero-Section { position: relative; overflow-x: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.row-fluid .SEMHero-Left { width: 55%; float: left; padding: 100px 80px 100px 0; }
.row-fluid .SEMHero-Title h1 { font-size: 48px; }
.row-fluid .SEMHero-Logo a img { max-width: 220px !important; }
.row-fluid .SEMHero-subtitle { padding-top: 44px; }
.row-fluid .SEMHero-Outer { display: flex; flex-wrap: wrap; }
.row-fluid .SEMHero-Right-bg { transform: skewX(-15deg); height: 100%; position: absolute; right: -10%; width: 60%; overflow: hidden; }
.row-fluid .SEMHero-Right-bg span { width: 100%; height: 100%; display: block; background-size: cover; transform: skewX(15deg) scale(1.5); }
.row-fluid .SEMHero-Right { width: 45%; float: left; }
.row-fluid .SEMHero-img { width: 33.33%; float: left; padding: 10px; }
.row-fluid .SEMHero-right-imgs { float: left; padding-left: 50px; position: absolute; bottom: 35px; right: 0; width: 50%; }
.row-fluid .SEMhero-text { padding-right: 100px; color: #fff; margin-top: 20px; }
.row-fluid .SEMhero-cta { margin-top: 20px; } 
.row-fluid .SEMhero-cta a { background-color: #fedb31; color: #002dff; background-image: url(https://9323878.fs1.hubspotusercontent-na1.net/hubfs/9323878/Whitepaper%20-%20CIN7/Images/bluearrow.png); background-repeat: no-repeat; background-size: 21px; padding-right: 40px; background-position: 91% 54%; font-size: 20px; font-weight: 600; padding: 15.5px 20.5px; min-width: 250px; margin-top: 20px; }
.row-fluid .SEMHero-subtitle h4 { color: #1499f8; text-transform: uppercase; font-size: 16px; font-weight: 900; }
.row-fluid .SEMHero-Right-bg span img { display: none; } 
 

.row-fluid .Footer-Section { position: relative; z-index: 1; border-bottom: 1px solid #7997b4; padding: 78px 0 0; }
.row-fluid .Footer-Section:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: -webkit-gradient(linear,left top,left bottom,color-stop(35%,#002e6e),to(rgba(0,46,110,0))); background: linear-gradient(180deg,#002e6e 35%,rgba(0,46,110,0) 100%); content:''; }
.row-fluid .Footer-Column h5 { color: #fedb31; font-weight: 700; text-transform: uppercase; font-size: 18px; margin-bottom: 25px; margin-top: 15px; }
.row-fluid .Footer-colText ul li { margin-bottom: 5px; }
.row-fluid .Footer-colText ul li a { color: #fff; font-size: 14px; font-weight: 700; }
.row-fluid .Footer-Column { width: 20%; float: left; padding-right: 20px; }
.row-fluid .Footer-Icon img { width: 50px; height: 50px !important; }
.row-fluid .Footer-Row { padding-bottom: 50px; border-bottom: 1px solid #7997b4; }
.row-fluid .Footer-Bottom { padding-top: 50px; padding-bottom: 50px;}
.row-fluid .Footer-Logo { width: 22%; float: left; }
.row-fluid .Footer-Center { font-weight: 700; font-size: 14px; float: unset; color: #fff; float: right; text-align: center; }
.row-fluid .Footer-Center p { width: auto; display: inline-block; margin-right: 10px;}
.row-fluid .Footer-Center ul , .row-fluid .Footer-Center ul li{ margin-right: 10px; display: inline-block; }
.row-fluid .Footer-Center ul li a { color:#fff; }
.row-fluid .Footer-Right { width: 31%; float: right; }
.row-fluid .Footer-Right ul { width: 100%; float: left; }
.row-fluid .Footer-Right ul li { display: inline-block; float: right; }
.row-fluid .Footer-Right ul li a { margin-left: 25px; background-color:#c8e3fd; width: 44px; height: 44px; border-radius: 100%; text-align: center; position: relative; }
.row-fluid .Footer-Right ul li a svg { width: 25px; height: 25px; position: absolute; top: 50%; left: 50%; transform : translate( -50%, -50%); }
.row-fluid .Footer-Right ul li a:hover { background-color:#fff; }
.row-fluid .Footer-colText ul li a:hover , .row-fluid .Footer-Center ul li a:hover { color: #bbc6ca; }
.row-fluid .SEMForm-Header h2 , .row-fluid .SEM-Three-col-Header h2 { font-size: 34px; line-height: 1.3; }

.row-fluid .SEM-threeCol-btn a:hover { background-color: #002dff; color: #fff; background-image: url(https://9323878.fs1.hubspotusercontent-na1.net/hubfs/9323878/Whitepaper%20-%20CIN7/Images/submit_arrow.png); }
.row-fluid .SEMhero-cta a:hover { background-color: #fff;}
.row-fluid .SEMform-res input[type="submit"]:hover { background-color: #fedb31; color: #002dff; background-image: url(https://9323878.fs1.hubspotusercontent-na1.net/hubfs/9323878/Whitepaper%20-%20CIN7/Images/bluearrow.png); }



.row-fluid .Ologo-inner.Ologo-Five-col .Ologo-box { width: 20%; float: left; }
.row-fluid .Ologo-inner.Ologo-Five-col .Ologo-box img { max-width: 160px !important; }


.row-fluid .Sem-Form-Sctn { position: relative; z-index: 1; padding: 100px 0; }
.row-fluid .Sem-Form-Sctn:before { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content:''; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.row-fluid .Sem-Form-Inner { padding: 100px 100px 175px; background-color: #fff; max-width: 600px; margin: 0 auto; float: none; }
.row-fluid .Sem-Form-Inner h4 { margin: 0 0 17px; color: #4896ff; text-transform: uppercase; font-size: 17px; font-weight: 700; }
.row-fluid .Sem-Form-Inner h2 { font-size: 34px; line-height: 1.3; }
.row-fluid .Sem-Form-Txt { margin-top: 17px; margin-bottom: 40px; }
/* .row-fluid .Sem-Frm .hs-form-field label { margin-bottom: 5px; float: left; width: 100%; } */
.row-fluid .Sem-Frm .hs-form-field label { display: none; }
.row-fluid .Sem-Frm .hs_t_c_privacy_policy label { display: block; }
.row-fluid .Sem-Frm .hs-form-field label.hs-error-msg { display: block; padding: 5px 0 0 20px; font-size: 16px; }
.row-fluid .Sem-Frm .hs-form-field label > span { color: #002e6e; font-size: 14px; font-weight: 600; }
.row-fluid .Sem-Frm textarea, .row-fluid .Sem-Frm input[type="text"], .row-fluid .Sem-Frm input[type="number"], .row-fluid .Sem-Frm input[type="email"], .row-fluid .Sem-Frm input[type="tel"], .row-fluid .Sem-Frm select { border-radius: 35px; border: 2px solid; border-color: rgba(0,46,110,50%); padding: 13px 25px 8px 20px; min-height: 46px; color: #002e6e; }
.row-fluid .Sem-Frm input[type="submit"] { padding: 23px 45px 17px 20px; border-radius: 35px; }
.row-fluid .Sem-Frm select { position: relative; }
.row-fluid .Sem-Frm select:before { position: absolute; top:50%; right: 10px; }
.row-fluid .Sem-Frm .hs-form-field { margin-bottom: 15px; }
.row-fluid .Sem-Frm .hs-input::placeholder { color: #a3abbf; }
.row-fluid .Sem-Form-slider { margin-top: 60px; }
.row-fluid .Sem-Form-slider .slick-slide img { margin: 0 auto; }
.row-fluid .Sem-Form-slide-icon ul { text-align: center; margin-bottom: 15px; }
.row-fluid .Sem-Form-slide-icon ul li { width: auto; display: inline-block; margin-right: 2px; }
.row-fluid .Sem-Form-slide-icon ul li svg { width: 25px; height: 25px; fill: #4896ff; }
.row-fluid .Sem-Frm .actions { margin-top: 10px; float: left; width: 100%; }


.row-fluid .Sem-Form-slider .slick-dots li.slick-active button, .row-fluid .Sem-Form-slider .slick-dots li button:hover { border-color: #4896ff; background-color: #4896ff; }
.row-fluid .Sem-Form-slider .slick-dots li button { border-color: #4896ff; opacity: 1;  }
.row-fluid .Footer-Section.Footer-Chng-Clr .Footer-Column h5 { color: #4d99ff; }
.row-fluid .Footer-Section.Footer-Chng-Clr .Footer-Center , .row-fluid .Footer-Section.Footer-Chng-Clr .Footer-Center ul li a , .row-fluid .Footer-Section.Footer-Chng-Clr .Footer-colText ul li a { color: #002e6e; } 
.row-fluid .Footer-Section.Footer-Chng-Clr .Footer-Right ul li a { background-color: #4896ff; }
.row-fluid .Footer-Section.Footer-Chng-Clr .Footer-Right ul li a svg { fill: #fff; }


.row-fluid .SHero-Inventory-Section { position: relative; padding: 80px 0 0; margin-bottom: 100px; z-index: 2; }
.row-fluid .SHero-Inventory-Section .wrapper { position: relative; z-index: 1; } 
/* .row-fluid .SHero-Inventory-Section:before { transform: skew( 0deg, 7deg); position: absolute; content: ''; bottom: -190px; width: 100%; height: 300px; z-index: -1; } */
.row-fluid .SHero-Invertory-Bg-color { position: absolute; top: -200px; left: 0; width: 100%; height: calc(100% + 200px ); transform: skew(0, 7deg); }
.row-fluid .SHero-Inventory-Overlay { position: absolute; z-index: 0; top: 0; left: 0; width: 58.25%; background-size: cover; background-position: center bottom; background-repeat: no-repeat; height: 100%; opacity: .25; }
.row-fluid .SHero-Inventory-Left { width: 60%; padding-right: 15%; float: left; }
/* .row-fluid .SHero-Inventory-Section:after { position: absolute; z-index: 0; bottom: -113px; left:0; width: 58.3%; height: 150px; content:''; transform: skew( 0deg, 7deg); background: linear-gradient(to bottom right, rgba(255,255,255,1) 0%, rgba(233,243,255,1) 100%); } */
/* .row-fluid .SHero-Inventory-Right-bg img { display:none; }
.row-fluid .SHero-Inventory-Right-bg { background-position: center right; background-size: cover; background-repeat: no-repeat; height: 100%; } */
.row-fluid .SHero-Inventory-text { color: #fff; }
.row-fluid .SHero-Inventory-Right-box {     background: #fff; border-radius: 25px; padding: 30px; position: absolute; bottom: -60px; left: 0; width: 40%; box-shadow: rgb(0 0 0 / 20%) 0px 12px 28px 0px, rgb(0 0 0 / 10%) 0px 2px 4px 0px, rgb(255 255 255 / 5%) 0px 0px 0px 1px inset; }
.row-fluid .SHero-Inventory-Outer { position: relative; display: flex; }
.row-fluid .SHero-Inventory-text { margin: 30px 0 30px; }
.row-fluid .SHero-Inventory-Right-box-CTA a { background-color: #002e6e; border: 2px solid #002e6e; color: #fff; text-align: center; font-size: 20px; font-weight: 600; font-family: "Inter",sans-serif; padding: 15.5px 20.5px; min-width: 200px; margin-top: 20px; border-radius: 35px; }
.row-fluid .SHero-Inventory-Right-box-CTA a:hover { background-color: #05cbbf !important; border: 2px solid #05cbbf !important; color: #fff; transition: all 200ms ease; text-decoration: none; }
.row-fluid .SHero-Inventory-Right-box-CTA.alt-btn a { background-color: #fff; color: #002e6e; border: 2px solid #002e6e; }
.row-fluid .SHero-Inventory-Right-box-CTA.alt-btn a:hover { background-color: #05cbbf !important; border: 2px solid #05cbbf !important; color: #fff; transition: all 200ms ease; text-decoration: none; }
.row-fluid .SHero-Inventory-Right-box-CTA.yellow-btn a { background-color: #fedb31; color: #002e6e; border: 2px solid #fedb31; }
.row-fluid .SHero-Inventory-Right-box-CTA.yellow-btn a:hover { background-color: #fff !important; border: 2px solid #fff !important; color: #002e6e; transition: all 200ms ease; }
/* .row-fluid .SHero-Inventory-Right-box-CTA.two a { background-color: #002dff; color: #fedb31; background-image: url(https://9323878.fs1.hubspotusercontent-na1.net/hubfs/9323878/SEM%20Page/YellowArrow.png); }
.row-fluid .SHero-Inventory-Right-box-CTA.two a:hover { background-color: #fedb31 !important; color: #002dff; background-image: url(https://content.cin7.com/l/210502/2020-11-20/8trpx8/210502/1605872004YrFZtVbT/bluearrow.png); } */


/* .row-fluid .SHero-Inventory-Right-bg { position: absolute; top: 0; right: 0; } */
.row-fluid .SHero-Inventory-Right { width: 40%; float: left; margin-bottom: -48px; }
.row-fluid .SHero-Inventory-Right-bg { overflow: hidden; transform: skew(5deg, 2.1deg) rotate(5deg); margin-top: 0; }
.row-fluid .SHero-Inventory-Right-bg > span { transform: skew(-5deg, -2deg) rotate(-5deg) scale(1.28); position: absolute; top: 50px; left: 0; width: 100%; height: 100%; }

.row-fluid .testmnl-sectn-chng .testi-name.testiname-mobile , .row-fluid .testmnl-sectn-chng .quote-image-mbile { display: none; }
.row-fluid .testmnl-sectn-chng .testi-image { transform: skew(5deg, 3deg) rotate(5deg ); }

.row-fluid .Heder-Section { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; }
.row-fluid .Hder-Section-Outer { padding: 20px 33px; }
.row-fluid .Hder-Section-Inner { display: flex; flex-wrap: wrap; align-items: center; }
.row-fluid .Hder-Section-Lft { width: 40%; float: left; }
.row-fluid .Hder-Section-Rght { width: 60%; float: left; }

.row-fluid .SHero-Inventory-Inner { position: relative; }
.row-fluid .SHero-Inventory-Right-bg.SHero-Inventory-bghight { min-height: 710px; }
.row-fluid .SHero-Inventory-Title h1 { font-size: 45px; }

.row-fluid .Thanku-Three-Col { padding: 125px 0; }
.row-fluid .Thanku-Three-Col-Header { max-width: 630px; margin: 0 auto; float: none; }
.row-fluid .Thanku-Three-Col-Header h4 { margin: 0 0 17px; color: #4896ff; text-transform: uppercase; font-size: 17px; font-weight: 700; }
.row-fluid .Thanku-Three-Col-Header h2 { font-weight: 600; font-size: 34px; line-height: 1.3; }
.row-fluid .Thanku-Three-Inner-col { width: 32.3%; margin-bottom: 20px; margin-right: 1.5%; float: left; }
.row-fluid .Thanku-Three-Inner-col:nth-child(3n) { margin-right: 0; }
.row-fluid .Thanku-Three--col-img { position: relative; background-position: center top; background-size: cover; background-repeat: no-repeat; min-height: 400px; }
.row-fluid .Thanku-Three--col-CTA a { background-image: url(https://content.cin7.com/l/210502/2020-11-20/8trpx8/210502/1605872004YrFZtVbT/bluearrow.png); background-repeat: no-repeat; background-size: 20px; background-position: 54% 54%; position: absolute; bottom: 0; right: 0; background-color: #fedb31; width: 60px; height: 60px; }
.row-fluid .Thanku-Three--col-CTA a:hover { background-color: #002dff; transition: all 200ms ease; background-image: url(https://9323878.fs1.hubspotusercontent-na1.net/hubfs/9323878/SEM%20Page/YellowArrow.png); }
.row-fluid .Thanku-Three-Col-Row { margin-top: 60px; }
.row-fluid .Thanku-Three-col-txtgrup { padding-top: 30px; }
.row-fluid .Thanku-Three-col-txtgrup h3 { font-weight: 600; }

.row-fluid .Thanku-Hero-Sctn { padding: 50px 0 100px; position: relative; z-index: 1; }
.row-fluid .Thanku-Hero-Inner { max-width: 630px; margin: 0 auto; }
.row-fluid .Thanku-Hero-Sctn:before { position: absolute; z-index: -1; top: -150px; left: 0; width: 100%; height: 50%; content:''; transform: skew(0,7deg); }
.row-fluid .Thanku-Hero-Img { margin-bottom: 60px; }
.row-fluid .Thanku-Logo { text-align: left; margin: 50px 0; }
.row-fluid .Thanku-Hero-Inner h4 { margin: 0 0 17px; color: #4896ff; text-transform: uppercase; font-size: 32px; }
.row-fluid .Thanku-Hero-Inner h2 { font-size: 60px; }
.row-fluid .Thanku-Hero-CTA { margin-top: 30px; }
.row-fluid .Thanku-Hero-CTA a { background-color: #002e6e; border: 2px solid #002e6e; color: #fff; text-align: center; font-size: 20px; font-weight: 600; font-family: "Inter",sans-serif; padding: 15.5px 20.5px; min-width: 240px; border-radius: 35px; }
.row-fluid .Thanku-Hero-CTA a:hover { background-color: #fff; color: #002e6e; transition: all 200ms ease; }

.row-fluid .Sem-Frm .hs-fieldtype-select .input { position: relative; }
.row-fluid .Sem-Frm .hs-fieldtype-select .input:before { position: absolute; top: 26%; right: 14px; width: 25px; height: 25px; content:''; background-color: rgba(0 , 46 , 110 , 50%); background-image: url('https://9323878.fs1.hubspotusercontent-na1.net/hubfs/9323878/SEM%20Page/Foemarrow.png'); background-size: 13px; background-position: 50% 50%; background-repeat: no-repeat; z-index: 1; border-radius: 50%; }
.row-fluid .Sem-Frm .hs-fieldtype-select .input:hover:before { background-color: rgba(0 , 0 , 0 , 100%); }
.row-fluid .Sem-Frm textarea:hover, .row-fluid .Sem-Frm input[type="text"]:hover, .row-fluid .Sem-Frm input[type="number"]:hover, .row-fluid .Sem-Frm input[type="email"]:hover, .row-fluid .Sem-Frm input[type="tel"]:hover, .row-fluid .Sem-Frm select:hover { border-color: rgba(0 , 0 , 0 , 100%); }
.row-fluid .Sem-Frm input[type="submit"]:hover { background-color: #fedb31; color: #002e6e; background-image: url(https://get.cin7.com/hubfs/image/landing_page/SEM_page/blue-arrow.png); }
.row-fluid .Sem-Frm .submitted-message { text-align: center; font-weight: 700; font-size: 20px; }

.row-fluid .Sem-Frm textarea:focus-within , .row-fluid .Sem-Frm input[type="text"]:focus-within , .row-fluid .Sem-Frm input[type="number"]:focus-within , .row-fluid .Sem-Frm input[type="email"]:focus-within , .row-fluid .Sem-Frm input[type="tel"]:focus-within , .row-fluid .Sem-Frm select:focus-within { border-color: #002e6e; }

.row-fluid .Hder-Section-Rght .hs-menu-wrapper > ul { width: 100%; float: left; }
.row-fluid .Hder-Section-Rght .hs-menu-wrapper ul li { position: relative; display: inline-block; margin: 0 13px; }
.row-fluid .Hder-Section-Rght .hs-menu-wrapper > ul > li:not(:last-child) a:before { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; content:''; background-color: #ffdd00;  }
.row-fluid .Hder-Section-Rght .hs-menu-wrapper > ul > li:not(:last-child):hover a:before { display: block; }
.row-fluid .Hder-Section-Rght .hs-menu-wrapper > ul > li:last-child { float: right; }
.row-fluid .Hder-Section-Rght .hs-menu-wrapper > ul > li:last-child a { color: #fff; background-color: #002e6e; padding: 12px 20px; border-radius: 35px; min-width: 90px; width: 100% !important; text-align: center; }
.row-fluid .Hder-Section-Rght .hs-menu-wrapper ul li a { color: #002e6e; font-weight: 600; }
.row-fluid .Hder-Section-Rght .hs-menu-wrapper > ul > li:not(:last-child) { margin-top: 10.5px; margin-bottom: 4.5px; }
.row-fluid .Heder-Section.fullwidth.fixed { position: fixed; }

/* Changes */
.row-fluid .SHero-Inventory-Right-bg.SHero-Inventory-bghight { min-height: 535px; }
.row-fluid .SHero-Inventory-Left { margin-top: -130px; padding-bottom: 150px; }

/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  color:;
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width: 992px) {
      .custom-menu-primary .hs-menu-wrapper { 
          display:block !important;
      }
  }




/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

.mobile-trigger, .child-trigger{
    display: none; /* Hide button on Desktop */
}

@media (max-width: 991px){


  /* Variables
     ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }


  /* Toggle Button
     ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 45px;          /* Position Button at right of screen  */
    right: 25px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    color: #000000; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:;
    background-color: ; 
    border-color: ;
  }
  .mobile-open .mobile-trigger i:before{ top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .mobile-open .mobile-trigger i:after { top: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg ); }
    .mobile-open .mobile-trigger i { background: none; }
  
  /* Toggle Button Icon
     ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 26px; /* Icon line width */
    height: 4px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #002eff; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -10px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 10px; /* Position bottom line */
  }
  
  .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
      background-color: #002eff; /* Icon color */
  }


  /* Child Toggle Button
     ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;

  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  }

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
     
   .custom-menu-primary.js-enabled{
        position: static;
        padding-top: 0;
        margin: 0;

   }

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: absolute; /**************************************************************/
    top: 100%;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper > ul { padding: 0; }
  
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#000000; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li {
    position: relative;
  }
  
  .custom-menu-primary .hs-menu-wrapper > ul > li a {
     /* Font size of top level list items */
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: ; /* Adds transparent dark highlights to top of top level list items */
    padding: 14px 10px 7px;
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 0;
    color:#ffffff; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color: #002e6e; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
}





@media(max-width:1360px){
    .row-fluid .integrate-img { width: 230px; height: 270px; bottom: -300px; }
    .row-fluid .integrate-img:nth-child(2), .row-fluid .integrate-img:nth-child(3) { left: 485px; }
    .row-fluid .integrate-img:nth-child(3) { bottom: -425px; }
    .row-fluid .integrate-img:nth-child(4), .row-fluid .integrate-img:nth-child(5) { left: 745px; }
    .row-fluid .integrate-img:nth-child(5) { bottom: -365px; }
    .row-fluid .integrate-img:nth-child(6), .row-fluid .integrate-img:nth-child(7) { right: unset;  left: 1005px; }
    .row-fluid .integrate-img:nth-child(7) { bottom: -195px; }
    .row-fluid .integrate-section {min-height: 550px !important; }
    .row-fluid .Form-right-Img { right: -120px; }
/*     .row-fluid .SHero-Inventory-Section:after { bottom: -116px; width: 59.3%; } */
    
  
}


@media (max-width: 1260px) {
  .wrapper { max-width: 1100px; }
  .row-fluid h1 { font-size: 50px; } 
  .row-fluid .integrate-img { width: 200px; height: 250px; left: 220px; }
  .row-fluid .integrate-img:nth-child(2), .row-fluid .integrate-img:nth-child(3) { left: 450px; }
  .row-fluid .integrate-img:nth-child(3) { bottom: -395px; }
  .row-fluid .integrate-img:nth-child(4), .row-fluid .integrate-img:nth-child(5) { left: 680px; }
  .row-fluid .integrate-img:nth-child(5) { bottom: -335px; }
  .row-fluid .integrate-img:nth-child(6), .row-fluid .integrate-img:nth-child(7) { right: unset; left: 910px; }
  .row-fluid .integrate-img:nth-child(7) { bottom: -165px; }
  .row-fluid .integrate-img img { max-width: 130px !important; }
  .row-fluid .Form-right-Img { right: -60px; width: 50%; }
  
  .row-fluid .Footer-Logo { width: 20%; }
  .row-fluid .Footer-Center { width: 52%; }
  .row-fluid .Footer-Right { width: 28%; }
  .row-fluid .Footer-Right ul li a { margin-left: 15px; }
  .row-fluid .SEMHero-right-imgs { padding-left: 0; }
  
  .row-fluid .SHero-Inventory-Right-bg.SHero-Inventory-bghight { min-height: 640px; }  
  .row-fluid .SHero-Inventory-Right { margin-bottom: -40px; }
/*   .row-fluid .SHero-Inventory-Section:after { bottom: -117px; } */
}

@media (max-width: 1166px){
    .row-fluid .hero-form .form-inner{ right: -43px; }
    
}
@media(max-width:1100px){
    
    .wrapper {max-width: 900px !important;}
    .row-fluid h1 { font-size: 40px; }  
    .row-fluid .hero-form .form-inner { max-width:490px; right:0; }
    .row-fluid .hero-form , .row-fluid .Hero-Left { padding-right:30px; }
    .row-fluid .form-rightOimage { max-width: 420px; }
    .row-fluid .Heroimg-Chng .hero-form { padding-top: 37px; }
  
    .row-fluid .integrate-img { width: 180px; height: 220px; left: 125px; bottom: -180px; }
    .row-fluid .integrate-img:nth-child(2), .row-fluid .integrate-img:nth-child(3) { left: 330px; }
    .row-fluid .integrate-img:nth-child(4), .row-fluid .integrate-img:nth-child(5) { left: 535px; }
    .row-fluid .integrate-img:nth-child(2) { top: -200px; }
    .row-fluid .integrate-img:nth-child(3) { bottom: -275px; }
    .row-fluid .integrate-img:nth-child(4) { top: -230px; }
    .row-fluid .integrate-img:nth-child(5) { bottom: -245px; }
    .row-fluid .integrate-img:nth-child(6), .row-fluid .integrate-img:nth-child(7) { left: 740px; }
    .row-fluid .integrate-img:nth-child(6) { top: -430px; }
    .row-fluid .integrate-img:nth-child(7) { bottom: -45px; }
    .row-fluid .integrate-inner {  min-height: 320px; background-size: contain !important; padding: 25px 25px 25px 25px; }
    .row-fluid .integrate-inner h2 { max-width: 300px; }
    .row-fluid .Ologo-box h4 { font-size:15px; }
    .row-fluid .Ologo-box img { max-width: 110px !important; }
    .row-fluid .testi-image > img { margin-top: -124px; }
    .row-fluid .testi-name { font-size: 20px; }
    .row-fluid .testi-right { font-size: 30px; }
    .row-fluid .feature-box ul li { width: 100%: margin-right: 0; }
  
    .row-fluid .SEM-Three-col-Inner { margin-bottom: 50px; width: 49.22%; }
    .row-fluid .SEM-Three-col-Inner:nth-child(3n) { margin-right: 1.5%; }
    .row-fluid .SEM-Three-col-Inner:nth-child(2n) { margin-right: 0; }
    .row-fluid .Footer-Right ul li a { margin-left: 8px; width: 40px; height: 40px; }
    .row-fluid .Footer-Right ul li a svg { width: 22px; height: 22px; }
    .row-fluid .SEMHero-Left { width: 50%; }
    .row-fluid .SEMhero-text { padding-right: 0; }
    .row-fluid .SEMHero-Title h1 { font-size: 44px; }
    .row-fluid .SEMHero-img img { max-width: 120px !important; }
    .row-fluid .Footer-Column h5 { font-size: 16px; }
  
    .row-fluid .SHero-Inventory-Title h1 { font-size: 40px; }
    .row-fluid .SHero-Inventory-Left { padding-right: 5%; }
    .row-fluid .SHero-Inventory-Right { margin-bottom: -33px; }
/*     .row-fluid .SHero-Inventory-Section:after { bottom: -123px; width: 58.3%; } */
    
    .row-fluid .Hder-Section-Lft { width: 30%; }
    .row-fluid .Hder-Section-Rght { width: 70%; }
    
    .row-fluid .SHero-Inventory-Left { padding-bottom: 180px; }
  
  
}

@media(max-width:991px){
    .wrapper { max-width: 100% !important; }
    .row-fluid .hero-form, .row-fluid .Hero-Left { width: 100%; display: block; padding-right: 0; }
    .row-fluid .Hero-Left { padding-top: 0; padding-bottom: 0; }
  
    .row-fluid .Hero-Section { background-image: none !important; padding-top: 55px; }
    .row-fluid .Hero-Logo a img { max-width: 160px !important; }
    .row-fluid .Hero-Title { padding-top: 25px; }
    .row-fluid .hero-form { padding: 70px 0; }
    .row-fluid .hero-form .form-inner { padding: 30px 1.3em 5px; right: 0; margin-bottom: 0; height: auto; }
    .row-fluid .top-hero form { margin: .5em 0 1em 0; padding: 1em 0 ;}
    .row-fluid .form-titl { padding-bottom: 0; }
    .row-fluid .Heroimg-Chng .Hero-Left { width: 100%; }
    .row-fluid .Heroimg-Chng .hero-form { display: block; float: left; vertical-align: middle; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
  
    .row-fluid .customer-title h4, .row-fluid .start-top h4 { text-align: center; }
    .row-fluid .get-started-outer { width: 100%; }
    .row-fluid .get-started-section { padding: 50px 0 15px; }
    .row-fluid .feature-box { margin-bottom: 0; }
  
    .row-fluid .Our-Customer-Outer { width: 100%; padding-top: 40px; }
    .row-fluid .logo-inner { padding: 40px 0; }
    .row-fluid .logo-box { min-height: auto; width: 31.33%; }
    .row-fluid .logo-box:nth-child(3n) { margin-right: 0; }
    .row-fluid .logo-box img { position: relative; top: auto; left: auto; transform: none; }
    .row-fluid .form-rightOimage { padding: 0; }
    .row-fluid .form-rightIimage { position: relative; top: 115px; height: auto; width: 100%; transform: none; left: auto; }
    .row-fluid .form-rightIimage img { max-width: 100%; transform: scale(1.1); margin-top: -95px; }
    .row-fluid .centralize-section {  padding: 150px 0 50px 0; }
    .row-fluid .centralize-top h2 { max-width: 100%; font-size: 38px; text-align: center; }
    .row-fluid .centralize-item.fullwidth.column-flex {display: flex; flex-wrap: wrap;}
    .row-fluid .centralize-box { width: 50%; padding: 0 10px; margin-right: 0; }
    .row-fluid .centralize-box:after { width: 100%; }
    .row-fluid .Ologo-inner { justify-content: center; -webkit-justify-content: center; }
    .row-fluid .Ologo-box { min-height: auto; }
    .row-fluid .Ologo-box:first-child { width: 100%; }
    .row-fluid .Ologo-box img, .row-fluid .Ologo-box h4 { position: relative; top: auto; left: auto; transform: none; }
    .row-fluid .Ologo-box img { max-width: 150px !important; }
    .row-fluid .testimonial-section { padding: 60px 0; }
    .row-fluid .test-couple { display: block; }
    .row-fluid .testi-right , .row-fluid .test-couple > .test-left { display: block; float: left; vertical-align: middle; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
    .row-fluid .testi-image { text-align: center; }
    .row-fluid .test-couple:before { width: 100%; }
    .row-fluid .testi-name { width: 100%; text-align: center; }
    .row-fluid .testi-image > img { margin-top: 0; }
    .row-fluid .testi-right { padding: 130px 50px 50px 50px !important; margin-top: 40px; }
    .row-fluid .quote-image { top: 0; left: 50%; transform: translate(-50%); }
    .row-fluid .integrate-inner { min-height: auto; margin-bottom: 40px; padding: 25px 0 25px; }
    .row-fluid .integrate-inner h2 { max-width: 100%; margin: 0 0 40px; }
    .row-fluid .integrate-img { position: static; width: 100%; margin-bottom: 20px; }
    .row-fluid .integrate-img:nth-child(3) { display: none; }
    .row-fluid .integrate-section { padding: 60px 0 100px; }
    .row-fluid .Form-Section { padding: 60px 0; }
    .row-fluid .Form-right-Img { right: auto; width: 100%; position: static ; bottom: auto; float: left; margin-top: 20px; top: 0; }
    .row-fluid .Form-Left { width: 100%; }
    .row-fluid .Form-right { margin-top: 40px; width: 100%; float: left; padding-right: 0; }
    .row-fluid .app-slider { max-width: 100%; margin: 0 auto; margin-top: 10px; float: left; width: 100%; }
    .row-fluid .slick-slide img { margin: 0 auto; }
    .row-fluid .Form-Row { padding: 50px }
  
    .row-fluid .SEMHero-Left { padding: 80px 0 50px; width: 100%; }
    .row-fluid .SEMHero-Right { width: 100%; }
    .row-fluid .SEMHero-Right-bg { overflow: visible; width: 100%; transform: none !important; position: static; min-height: auto; height: auto; }
    .row-fluid .SEMHero-right-imgs { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 40px; position: static; width: 100%; bottom: auto; }
    .row-fluid .SEMHero-Right-bg span { transform-origin: unset; transform: scaleX(1.055); overflow: hidden; background: none !important; }
    .row-fluid .SEMHero-Right-bg span img { width: 100%; display: block; }
    .row-fluid .SEMHero-Section { padding-bottom: 60px; }
    .row-fluid .SEMHero-img { display: flex; flex-wrap: wrap; justify-content: center; }
    .row-fluid .Footer-Icon { display: none; }
    .row-fluid .Footer-Column { padding-top: 20px; padding-left: 50px;  width: 100%; float: left;  position: relative; padding-right: 0; }
    .row-fluid .Footer-colText { margin-top: 30px; display: none; }
    .row-fluid .Footer-Column h5 { border-bottom: 1px solid #cce2ff; padding-bottom: 20px; margin-bottom: 0; margin-top: 0; position: relative; }
    .row-fluid .Footer-Column h5:before { position: absolute; top: 0; right: 30px; content: " "; border: solid #fedb31; border-width: 0 2px 2px 0; display: inline-block; transform: rotate(45deg); padding: 5px; font-size: 1.4rem; cursor: pointer; font-family: fontawesome; }
    .row-fluid .Footer-Column.Drop-Active h5:before { transform: rotate(-135deg); }
    .row-fluid .Footer-Column.Drop-Active { background-color: #00234d; padding-bottom: 2.5rem; }
    .row-fluid .Footer-Column:last-child h5 { border: 0; }
    .row-fluid .Footer-Column.Drop-Active:last-child h5 { border-bottom: 1px solid #cce2ff; }
    .row-fluid .Footer-Row { padding-bottom: 0; border-color: #cce2ff; } 
    .row-fluid .Footer-Logo { width: 100%; text-align: center; margin-bottom: 30px; }
    .row-fluid .Footer-Center { width: 100%; justify-content: center; display: flex; flex-wrap: wrap; order: 3; align-items: center; }
    .row-fluid .Footer-Right { margin-bottom: 20px; width: 100%; float: left; text-align: center; }
    .row-fluid .Footer-Right ul li { float: none; }
    .row-fluid .SEM-Three-col , .row-fluid .SEMForm-Section { padding: 80px 0 80px; }  
    .row-fluid .SEMForm-Header { margin-bottom: 20px; }
    .row-fluid .SEM-Three-col-OuterRow { margin-top: 50px; }
    .row-fluid .SEMthreecol-Header-Text { margin-top: 20px; }
    .row-fluid .Footer-Section { padding: 10px 0 0; }
    .row-fluid .Footer-Section .wrapper { padding: 0 !important; }
  
    .row-fluid .SHero-Inventory-Left { width: 100%; padding-right: 0; float: left; }
    .row-fluid .SHero-Inventory-Right { padding-top: 60px; width: 100%; margin-bottom: 0; }
    .row-fluid .SHero-Inventory-Outer { display: block; position: static; }
    .row-fluid .SHero-Inventory-Overlay { display: none; }
  
  
  
    .row-fluid .testmnl-sectn-chng .test-couple:before , .row-fluid .thr-col-ecommrce .centralize-box:after { display: none; }
    .row-fluid .testmnl-sectn-chng .testi-image { margin: 0 -20px -30px; }
    .row-fluid .testmnl-sectn-chng .quote-image , .row-fluid .testmnl-sectn-chng .testi-name.testiname-desktop { display: none; }
    .row-fluid .testmnl-sectn-chng .quote-image-mbile , .row-fluid .testmnl-sectn-chng .testi-name.testiname-mobile { display: block; }
    .row-fluid .testmnl-sectn-chng .quote-image-mbile { position: absolute; bottom: 0; left: 20px; transform: skew(0 , 0 ) rotate(0deg); max-width: 60px; }
    .row-fluid .testmnl-sectn-chng .testi-right { margin-top: 0; padding: 50px 0 50px 0 !important; }
    .row-fluid .testmnl-sectn-chng .testi-intro { padding-top: 30px; overflow: hidden; }
    .row-fluid .testmnl-sectn-chng .testiname-mobile { text-align: left; }
    .row-fluid .Footer-Chng-Clr .Footer-Column.Drop-Active { background-color: #e9f3ff; }
    .row-fluid .integrate-sctn-chng .integrate-img { position: absolute; width: 200px; height: 220px; margin-bottom: 0; }
    .row-fluid .integrate-sctn-chng .integrate-images { width: 100%; min-height: 600px; margin: 0 auto; max-width: 768px; float: none; }
    
    .row-fluid .integrate-section.integrate-sctn-chng  { padding: 60px 0 0; }
    .row-fluid .integrate-sctn-chng .integrate-img:before { position: absolute; }
    .row-fluid .integrate-sctn-chng .integrate-img { left: 20px; bottom: -20px; }
    .row-fluid .integrate-sctn-chng .integrate-img:nth-child(2) { top: auto; left: 20px; bottom: 220px; }
    .row-fluid .integrate-sctn-chng .integrate-img:nth-child(3) { display: block; left: 260px; bottom: -80px; }
    .row-fluid .integrate-sctn-chng .integrate-img:nth-child(4) { top: auto; bottom: 160px; left: 260px; }
    .row-fluid .integrate-sctn-chng .integrate-img:nth-child(5) { bottom: 400px; left: 260px; }
    .row-fluid .integrate-sctn-chng .integrate-img:nth-child(6) { top: auto; left: 500px; bottom: -20px; }
    .row-fluid .integrate-sctn-chng .integrate-img:nth-child(7) { top: auto; left: 500px; bottom: 220px; }
    .row-fluid .integrate-sctn-chng .integrate-inner { padding: 0 0 25px; }
    .row-fluid .integrate-section.integrate-sctn-chng { min-height: auto !important; }
    .row-fluid .testmnl-sectn-chng .testi-image > img { max-width: 100% !important; }
/*     .row-fluid .SHero-Inventory-Section:after { display: none; } */
    .row-fluid .SHero-Inventory-Section { margin-bottom: 0; }
    .row-fluid .SHero-Inventory-Right-box { left: 50%; transform: translate(-50%); width: 50%; }
    .row-fluid .testmnl-sectn-chng .testi-intro { padding-top: 63px; position: relative; margin: 0 -18.9px; }
    .row-fluid .testmnl-sectn-chng .testi-image { margin: 0 0 -75px; }
    .row-fluid .testimonial-section { padding: 20px 0 40px; }
    
    .row-fluid .Thanku-Three--col-img { min-height: 300px; }
    .row-fluid .Hder-Section-Lft { width: 100%; padding-right: 40px; }  
    .row-fluid .Hder-Section-Rght { width: 100%; }
    .row-fluid .Hder-Section-Outer { padding: 20px 0; }
    .row-fluid .Hder-Section-Rght .hs-menu-wrapper ul { padding: 0 20px; }
    .row-fluid .Hder-Section-Rght .hs-menu-wrapper > ul > li:not(:last-child):hover a:before { display: none; }
    .row-fluid .Hder-Section-Rght .hs-menu-wrapper > ul { background-color: #fff; border-top: 2px solid #cce2ff; }
    .row-fluid .Hder-Section-Rght .hs-menu-wrapper > ul > li:last-child { float: left; }
    .row-fluid .Hder-Section-Rght .hs-menu-wrapper ul li { margin: 0; }
    .row-fluid .Hder-Section-Rght .hs-menu-wrapper > ul > li:last-child a { color: #002e6e; background-color: transparent; padding: 0; border-radius: 0; min-width: 100%; width: 100% !important; text-align: left; }
    .row-fluid .Hder-Section-Rght .hs-menu-wrapper > ul > li:not(:last-child) { margin: 0; border-bottom: 1px solid #cce2ff;  }
  
    .row-fluid .SHero-Inventory-Left { padding-bottom: 0; }
  
}

@media(max-width:767px){
    .wrapper{ max-width: 100% !important; }
    .row-fluid h1 { font-size: 35px; }
    .row-fluid .Hero-Section { background-image: none !important; }
    .row-fluid .logo-box { width: 49.2%; margin-right: 1.5%; }
    .row-fluid .logo-box:nth-child(3n) { margin-right: 1.5%; }
    .row-fluid .logo-box:nth-child(2n) { margin-right: 0; }
    
    .row-fluid .SEM-Three-col-Inner { width: 100%; margin-right: 0 !important; }
    .row-fluid .SEMHero-Title h1 { font-size: 36px; }
    .row-fluid .SEMHero-Section { padding-bottom: 40px; }
    .row-fluid .SEM-Three-col, .row-fluid .SEMForm-Section { padding: 40px 0; }
    .row-fluid .SEMthreecol-Header-Text { font-size: 16px; }
    .row-fluid .SEM-Three-col-OuterRow { margin-top: 30px; }
    .row-fluid .SEM-Three-col-Header h2, .row-fluid .SEMForm-Header h2 { font-size: 28px; }
    .row-fluid .SEM-Testimonial-quotes { font-size: 30px; line-height: 1.2; }
    .row-fluid .SEM-Three-col-Header h4 , .row-fluid .SEMForm-Header h4 { margin: 0 0 10px; font-size: 15px; }  
    .row-fluid .SEM-Three-col-List ul li .Three-Cl-List-txt { margin-left: 37px; }
    .row-fluid .SEM-Three-col-List ul li img { width: 25px; height: 25px; }
    .row-fluid .SEM-Center-Combo { padding: 0 30px; }
    .row-fluid .SEMHero-Right-bg span { transform: scaleX(1.16); } 
    .row-fluid .SEMHero-Section .wrapper { padding: 0 !important; }
    .row-fluid .SEMHero-img img { max-width: 100% !important; }
    .row-fluid .SEMHero-right-imgs .slick-slide.slick-active { opacity: 1; }
    .row-fluid .SEMHero-right-imgs  .slick-slide { opacity: 0.5; }
    .row-fluid .SEMHero-Left { padding: 80px 25px 50px; }
  
  .row-fluid .Ologo-inner.Ologo-Five-col .Ologo-box:first-child { width: 100%; }
  .row-fluid .Ologo-inner.Ologo-Five-col .Ologo-box img { max-width: 120px !important; }
  .row-fluid .testmnl-sectn-chng .testi-right { padding: 20px 0 20px 0 !important; }
  .row-fluid .Sem-Form-Inner { padding: 20px; background-color: transparent; max-width: 100%; }
  .row-fluid .Sem-Form-Sctn { position: relative; z-index: 1; padding: 80px 0; }
  .row-fluid .Sem-Form-Sctn:before { display: none; }
  .row-fluid .Sem-Frm textarea, .row-fluid .Sem-Frm input[type="text"], .row-fluid .Sem-Frm input[type="number"], .row-fluid .Sem-Frm input[type="email"], .row-fluid .Sem-Frm input[type="tel"], .row-fluid .Sem-Frm select { border: 0; }
  .row-fluid .Sem-Form-slider { display: none; }
  .row-fluid .integrate-sctn-chng .integrate-images { min-height: 350px; }
  .row-fluid .integrate-img img { max-width: 100px !important; }
  .row-fluid .integrate-sctn-chng .integrate-img { left: 0; width: 130px; height: 140px; }
  .row-fluid .integrate-sctn-chng .integrate-img:nth-child(2) { left: 0; bottom: 140px; }
  .row-fluid .integrate-sctn-chng .integrate-img:nth-child(3) { display: block; left: 155px; bottom: -80px; }
  .row-fluid .integrate-sctn-chng .integrate-img:nth-child(4) { bottom: 80px; left: 155px; }
  .row-fluid .integrate-sctn-chng .integrate-img:nth-child(5) { bottom: 240px; left: 155px; }
  .row-fluid .integrate-sctn-chng .integrate-img:nth-child(6) { left: 305px; }
  .row-fluid .integrate-sctn-chng .integrate-img:nth-child(7) { left: 305px; bottom: 140px; }
  .row-fluid .integrate-sctn-chng .integrate-images { max-width: 481px; }
  .row-fluid .Sem-Form-Inner h2 { font-size: 26px; }
  .row-fluid .Sem-Form-Inner h4 { margin: 0 0px 7px; font-size: 15px; } 
  .row-fluid .Sem-Form-Txt { margin-top: 10px; margin-bottom: 30px; }
  .row-fluid .thr-col-ecommrce .centralize-top h2 { font-size: 26px; }
  
  .row-fluid .SHero-Inventory-Right-box { width: 70%; }
  .row-fluid .SHero-Inventory-Right-bg.SHero-Inventory-bghight { margin: 0 -18.92px; } 
  .row-fluid .testmnl-sectn-chng .testi-intro { margin: 0 -18.92px; }
  .row-fluid .testmnl-sectn-chng .testi-image { margin: 0 0px -60px; }
  .row-fluid .testmnl-sectn-chng .testi-intro { padding-top: 49px; position: relative; }
  
  .row-fluid .Thanku-Three-Inner-col { width: 100%; margin-bottom: 0; padding: 20px 0; margin-right: 0 !important; }
  .row-fluid .Thanku-Three-Col { padding: 60px 0; }
  .row-fluid .Thanku-Hero-Sctn { padding: 0px 0 60px; }
  .row-fluid .Thanku-Three-Inner-col:last-child { padding-bottom: 0; }
  .row-fluid .Thanku-Hero-Inner h2 { font-size: 34px; }
  .row-fluid .Thanku-Hero-CTA { margin-top: 20px; }
  .row-fluid .Thanku-Hero-CTA a { font-size: 18px; min-width: 230px; }
  .row-fluid .Thanku-Three-Col-Header h2 { font-size: 26px; }
  .row-fluid .Thanku-Three-Col-Row { margin-top: 0px; }
  .row-fluid .Thanku-Three-Col-Header h4 { margin: 0 0 10px; }
  .row-fluid .Thanku-Hero-Img { margin-bottom: 40px; text-align: center; }
  .row-fluid .Thanku-Logo { margin-bottom: 40px; text-align: center; }
  
 }
@media(max-width:480px){
  
    body { font-size: 16px; }
    .row-fluid h1 { font-size: 30px; }
    .row-fluid h4 { font-size: 18px; }
    .row-fluid .feature-box ul li { margin-right: 0; width: 100%; }
    .row-fluid .hero-cta a { font-size: 16px; }
    .row-fluid .top-hero form select , .row-fluid textarea, .row-fluid input[type="text"], .row-fluid input[type="number"], .row-fluid input[type="email"], .row-fluid input[type="tel"], .row-fluid select { font-size: 12px; line-height: 14px; padding: 12px 30px 12px 12px; }
    .row-fluid .top-hero form select { background-size: 10px; background-position: center right 15px; }
    .row-fluid input[type="submit"] { font-size: 12px; line-height: 14px; padding: 12px 30px 12px 12px; background-size: 12px; background-position: center right 15px;  }
  
    .row-fluid .get-started-section { padding: 30px 0; }
    .row-fluid .logo-box { width: 100%; margin-right: 0 !important; }
    .row-fluid .logo-inner { padding: 20px 0; }
    .row-fluid .our-customer-section { padding-bottom: 20px; }
    .row-fluid .feature-box ul li { font-size: 16px; }
    .row-fluid .testi-right { padding: 130px 20px 50px 20px !important; font-size: 22px; }
    .row-fluid .form-rightIimage img {  max-width: 100%; transform: scale(1); }  
    .row-fluid .integrate-inner h2 , .row-fluid .centralize-top h2 { font-size: 32px; }
    .row-fluid .centralize-title h4 { font-size: 22px; }
    .row-fluid .Form-Row { padding: 20px; }
    .row-fluid .centralize-section { padding: 80px 0 50px 0; }
    .row-fluid .SEM-Testimonial-quotes { font-size: 24px; line-height: 1.4; }
    .row-fluid .SEM-Testimonial-text { margin-top: 25px; font-size: 18px; }
    .row-fluid .integrate-sctn-chng .integrate-images { min-height: 240px; max-width: 280px; }
    .row-fluid .Ologo-box { min-width: 150px; }  
    .row-fluid .integrate-img img { max-width: 70px !important; }
    .row-fluid .integrate-sctn-chng .integrate-img { left: 0; width: 80px; height: 100px; }
    .row-fluid .integrate-sctn-chng .integrate-img:nth-child(2) { bottom: 100px; }
    .row-fluid .integrate-sctn-chng .integrate-img:nth-child(3) { left: 100px; bottom: -70px; }
    .row-fluid .integrate-sctn-chng .integrate-img:nth-child(4) { bottom: 50px; left: 100px; }
    .row-fluid .integrate-sctn-chng .integrate-img:nth-child(5) { bottom: 170px; left: 100px; }  
    .row-fluid .integrate-sctn-chng .integrate-img:nth-child(6) { left: 200px; }
    .row-fluid .integrate-sctn-chng .integrate-img:nth-child(7) { left: 200px; bottom: 100px; }
    .row-fluid .integrate-sctn-chng .integrate-inner h2 { font-size: 26px; }
    .row-fluid .integrate-sctn-chng .integrate-inner { margin-bottom: 0; }
  
    .row-fluid .SHero-Inventory-Right-box { width: 90%; padding: 20px; }
    .row-fluid .SHero-Inventory-Right-box h3 { font-size: 20px; line-height: 26px; }
    .row-fluid .SHero-Inventory-Right-box-CTA a { font-size: 18px; margin-top: 20px; }
    .row-fluid .SHero-Inventory-Title h1 { font-size: 30px; }
    .row-fluid .SHero-Inventory-Right { padding-top: 20px; }
    .row-fluid .SHero-Inventory-Section { padding: 40px 0 0; }
    .row-fluid .testmnl-sectn-chng .testi-intro { padding-top: 30px; }
    .row-fluid .Hder-Section-Rght .hs-menu-wrapper ul li a { font-size: 18px; }
  
    .row-fluid .SHero-Inventory-Left > img {width: 175px;}
    
  
} 

.row-fluid .SHero-Inventory-Title h1 span {
  font-family: 'Inter semibold',sans-serif; 
}

.inputs-list {
  list-style-type: none;
  padding-top: 15px;
}
.hs-form-booleancheckbox {
  font-size: 22px;
  font-weight: 600;
  color: #002DFF;
}
input[type="checkbox" i] {
  margin-right: 10px;
}

.lp-split-column-section {
  padding: 0 40px;
  max-width: 1200px;
  margin: 0 auto;
}

@media(min-width:768px){
  .lp-split-column-section {
    display: flex; 
  }
  .column-flip {
    flex-direction: row-reverse; 
  }
  .left-column, .right-column {
    flex: 1 0 50%;
    padding: 20px;
  }
}

@media(min-width:1030px){
  .right-column.lp-split-column-section-text {
    padding-top: 60px; 
  }
  .left-column, .right-column {
    padding: 40px;
  }
}