/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

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




/****** Default Style ******/
*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.fullwidth { width: 100%; float: left; }
.wrapper { max-width: ; width: 100%; float: none; margin: 0 auto !important; display: block; padding-left: 15px; padding-right: 15px; }
.wrapper1140{ max-width: 1140px; width: 100%; float: none; margin: 0 auto !important; display: block; padding-left: 15px; padding-right: 15px; } }
img { max-width: 100%; height: auto; border: none; vertical-align: top; }
a { outline: none; text-decoration: none !important; cursor: pointer; vertical-align: top; max-width: 100% !important; white-space: normal !important; display: inline-block; transition: .5s ease all; }
/* a:hover, a:focus {color: #d2dc28; }
a:active { color: #d2dc28; } */

p { margin: 0 0 10px; display: block; } 
ul, ol { padding: 0 0 0px 25px; margin: 0; }
strong { font-weight: 700; }
.flex { display:flex; display: -webkit-flex; -ms-display:flex; -moz-display:flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; width: 100%; }
.alignCenter { -webkit-align-items:center; align-items:center; }
.jCenter { -webkit-justify-content: center; justify-content: center; }
.row-fluid [class*='span'] { min-height: auto; }
.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-white, .text-white a, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #fff; }

a.cta_button { background: #0099CC; color: #fff;  font-weight: 500; font-size: 14px; padding: 4px 33px; -webkit-border-radius: 36px; border-radius: 36px; }
a.cta_button:hover { background: #3e3d40; }
form input[type=text], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea { background: #ECEDED; border-radius: 36px; border: 0; outline: 0; color: #3D3D40; font-weight: 600; line-height: 28px;  padding: 11px 25px; font-size: 16px; }
form .hs-input::placeholder { color: #3D3D40 !important; }
/* .tt-blue-text h2 > span, .tt-blue-text h4 > span { color: #33CCFF; } */
.slick-dots  { margin: 30px 0 0; padding: 0; list-style: none; }
.slick-dots li { display: inline-block; margin: 0 3px;  }
.slick-dots li button { width: 10px; height: 10px; background: #ccc; border-radius: 50%; font-size: 0; outline: 0; border: 0; padding: 0; -webkit-appearance: none;  }
.slick-dots li.slick-active button { background: #09c;  }
button.slick-arrow { position: absolute;  top: 50%;  font-size: 0; padding: 0; background: transparent; outline: 0; border: 0; width: 15px; height: 15px;  z-index: 2;  }
button.slick-prev.slick-arrow { left: -10px; border-left: 2px solid #eceded; border-bottom: 2px solid #eceded; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }
button.slick-next.slick-arrow { right: -10px; border-right: 2px solid #eceded; border-bottom: 2px solid #eceded; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }


.hero-wrap { overflow: hidden; }
.hero-section { padding: 220px 0 53px; position: relative; }
.hero-section .wrapper { position: relative; }
.hero-section:before { content: " "; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1174px; height: 821px; background: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Assets%20Home%20Page%20-%20Theme%202021/clouds-1.png) no-repeat center top/cover; z-index: -1; margin-left: 310px; }
/* .hero-bullet h3 { font-size: 24px; } */
.hero-bullet ul { list-style: none; padding: 0; -webkit-justify-content: center; justify-content: center; }
.hero-bullet ul li { position: relative; float: left; font-size: 24px; font-weight: 700; padding: 0 0 0 40px; margin: 0 19px 20px; }
.hero-bullet ul li:before { content: " "; position: absolute; left: 0; top: 1px; background: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Assets%20Home%20Page%20-%20Theme%202021/NEAsset%207icon.png) no-repeat center top/contain; width: 27px; height: 22px; }
/* 
.fullwidth.hero-scroll.text-center:before { content: ""; position: absolute; left: 0; top: 0; width: 1544 px ; height: 144 px ; background: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Assets%20Home%20Page%20-%20Theme%202021/white-curve.png) no-repeat center top/cover; }
*/
.hero-form { margin: 100px 0 0; }
.hero-form .hs-email > label { display: none;  }
.hero-form > span { background: transparent !important; padding: 0 !important; }
.hero-form form { width: 100%; max-width: 436px; display: inline-block; position: relative; z-index: 1; }
.hero-form form .hs-button { position: absolute; right: 0; top: 0; font-size: 16px;  padding: 16px 32px; border-radius: 36px; -webkit-appearance: none; outline: 0; border: 0;  }
/* .hero-form form .hs-button:hover { background: #3e3d40; color: #fff; } */
.hero-form form .hs-input { padding: 11px 230px 11px 25px;  }
.hero-scooter { position: absolute; bottom: -246px; width: 500px; left: -118px; }
.hero-person { position: absolute; right: -30px; width: 290px; bottom: -56px; z-index: -1; }
.hero-scroll { background: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Assets%20Home%20Page%20-%20Theme%202021/blue%20shape.png) no-repeat center top/100% 100%; padding: 215px 0 44px; /*background: linear-gradient(-90deg, rgb(30, 161, 223) 0%, 18.6934%, rgb(12, 161, 214) 37.3868%, 68.6934%, rgb(22, 208, 242) 100%); */ }
/* .hero-scroll h5 {   font-size: 18px; color: #fff; text-transform: uppercase;   font-weight: 600; } */
.hero-scroll a { display: inline-block; width: 22.56px; height: 24.97px; background: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Assets%20Home%20Page%20-%20Theme%202021/Icon%20feather-arrow-down.png) no-repeat center top/contain; }


.logo-section { padding: 15px 0; }
/* .logo-outer { -webkit-justify-content: space-between; justify-content: space-between; } */
/* .logo-box { width: 13%; float: left; margin: 0 1.5% 30px 0;  } */
/* .logo-box:nth-child(7n) { margin-right: 0;  } */
.logo-box {  float: left; margin: 0 1% 30px; text-align: center; }
.logo-box.slick-slide { margin: 15px; }
.logo-box img { max-width: 130px; display: inline-block;  vertical-align: middle; }
.logo-outer .slick-track { display: flex; display: -webkit-flex; -ms-display: flex; -moz-display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; width: 100%; align-items: center; -webkit-align-items: center; }


.three-tier { padding: 120px 0 150px; }
/* .three-tier .wrapper { max-width: 1455px; } */
.three-tier .tt-blue-text h2, .tt-box h4, .tt-circle { color: #fff; }
.tt-circle { max-width: 830px; width: 100%; margin: 60px auto 0; border: 1px solid #FFFFFF; -webkit-border-radius: 43px; border-radius: 43px; padding: 13px 45px; font-size: 18px; position: relative; z-index: 2;}
.tt-circle p { margin: 0; }
.tt-outer { position: relative; -webkit-justify-content: space-between; justify-content: space-between;}
.tt-outer:before { content: " "; position: absolute; left: 10%; top: -42px; width: calc(100% - 20%); height: 1px; background: #fff; }
/* .tt-box { width: 22%; float: left; margin: 84px 17% 0 0; position: relative; z-index: 1;   } */
.tt-box { width: 20%; float: left; margin: 84px 0 0; position: relative; z-index: 1;   }
.tt-box:nth-child(2) { flex-grow: 0.1; }
/* .tt-box:nth-child(3n) { margin-right: 0; } */
.tt-box:before { content: " "; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 100%; width: 1px; height: 81.5px; background: #fff; margin-bottom: 44px; z-index: -1; }
.tt-icon { min-height: 114px; }
.tt-icon img { margin: 0 0 30px; }

.tab-section { padding: 80px 0 80px; }

.tab-btn { padding: 37px 12px 0; }
.tab-btn ul { padding: 0; list-style: none; -webkit-justify-content: center; justify-content: center; }
.tab-btn ul li { float: left; margin: 0 168px 28px 0; position: relative; }

.tab-btn ul li:before { content: " "; position: absolute; left: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Assets%20Home%20Page%20-%20Theme%202021/Group%20787-1.svg) no-repeat center top/contain; width: 111px; height: 18px; margin-left: 11.75%; }
.tab-btn ul li:last-child { margin-right: 0; }
.tab-btn ul li:last-child:before { display: none; }
.tab-btn ul li a { min-width: 249px; padding: 10px 20px; display: block; color: #3D3D40; font-weight: 700; font-size: 24px;  border: 1px solid #3D3D40; -webkit-border-radius: 36px; border-radius: 36px; text-transform: uppercase; }
.tab-btn ul li a:hover, .tab-btn ul li a.active-tab { background: #0099CC; color: #fff; border-color: #0099CC; }
.tab-items > a { display: none; }
.tab-img { display: none;   }
.tb-btm-text { margin: 137px auto 0; font-size: 18px; max-width: 654px; }

.story-section { padding: 106px 0 150px; }
.ss-title h2 { color: #fff; text-align: center; max-width: 750px; margin-left: auto; margin-right: auto; }
.story-box { width: 30%; float: left; margin: 60px 5% 0 0; padding: 0 0 50px; background: #fff; position: relative; -webkit-box-shadow: 0px 10px 3px #00000029; box-shadow: 0px 10px 3px #00000029;}
.story-box:nth-child(3n) { margin-right: 0; }
.story-img { width: 100%; min-height: 190px; position: relative; }
.story-logo { position: absolute; right: 0; top: 0; }
.story-content { padding: 50px 28px 0; }
.story-content > h4 { min-height: 120px; padding: 0 0 30px; }

.stro-desc, .story-pname { font-size: 16px; line-height: 24px; }
.stro-desc p { margin: 0 0 20px; }
.stro-desc ul { padding: 0; list-style: none; }
.stro-desc ul li { margin: 0 0 20px; padding: 0 0 0 22px; position: relative; }
.stro-desc ul li:before { content: " "; position: absolute; left: 0; top: 5px; background: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Assets%20Home%20Page%20-%20Theme%202021/NEAsset%207icon%281%29.png) no-repeat center top/contain; width: 16px; height: 13px;  }
.story-pname { padding: 20px 0 0; position: relative; }
.story-pname:before { content: " "; position: absolute; left: 0; top: 0; width: 82px; height: 1px; background: #0099CC; }
.story-pname > span { display: block; font-weight: 700;  }
.story-read { position: absolute; right: 32px; bottom: 20px; }
.story-read a { background: #ABDCED; font-size: 10px; font-weight: 600;  color: #3D3D40; line-height: 20px; padding: 3px 10px 3px 19px; position: relative; }
.story-read a:before { content: " "; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 9px solid #fff; border-top: 13px solid transparent; border-bottom: 13px solid transparent; }
.story-read a:after { content: " "; position: absolute; right: -10px; bottom: 0; width: 0; height: 0; border-left: 10px solid #ABDCED; border-top: 13px solid transparent; border-bottom: 13px solid transparent; transition: .5s ease all; }
.story-read a:hover { background: #0099cc; color:#fff; }
.story-read a:hover:after { border-left: 10px solid #0099cc; }

.hiw-section { padding:80px 0 80px 0; }
.hiw-outer { margin: 100px 0 0; }
.hiw-slide { float: left; width: 33.33%;  padding: 0 15px; }
.hiw-img { margin: 0 0 50px; }
.hiw-img img { display: inline-block; }
/* .hiw-slide h4 { margin: 0 0 15px; font-size: 22px; font-weight: 500; } */
.hiw-slide.slick-slide { opacity: .5;  -webkit-transform: scale(.8); transform: scale(.8); -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; }
.hiw-slide.slick-slide.slick-center.slick-active { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.num-section { padding: 115px 0 160px; }
.num-section h2, .num-box h3, .num-text { color: #fff; }
.num-box { width: 26%; float: left; padding: 0 20px 50px; margin: 95px 11% 0 0; position: relative; z-index: 1; }
.num-box:nth-child(3n){ margin-right: 0; }
/* .num-box h3 { color: #33CCFF; font-size: 109px; margin-top: -40px; text-transform: uppercase; } */
.num-text { font-size: 18px; padding: 10px 0 0; }
.num-box:before, .num-box:after, .num-text:before, .num-text:after { content: " "; position: absolute; width: 64px; height: 64px; z-index: -1; }
.num-box:before { left: 0; top: 0; border-top: 2px solid #33CCFF; border-left: 2px solid #33CCFF; }
.num-box:after { left: 0; bottom: 0;border-bottom: 2px solid #33CCFF; border-left: 2px solid #33CCFF; }
.num-text:before { right: 0; top: 0; border-top: 2px solid #33CCFF; border-right: 2px solid #33CCFF; }
.num-text:after { right: 0; bottom: 0; border-bottom: 2px solid #33CCFF; border-right: 2px solid #33CCFF; }



.naranja .wrapper { max-width: 1360px; }

.naranja-x1 { padding: 144px 0 37px; }
.nrx-left { float: left; width: 29%; }
.nrx-right { float: left; width: 71%; } 
/* .nrx-right h2 { font-size: 36px; line-height: 44px; color: #0099CC; margin-bottom: 30px; } */
.naranja-x2 { overflow: hidden; }
.naranja-x2 .nrx-left { padding: 30px; position: relative; }
.naranja-x2 .nrx-left:before { content: " "; position: absolute; top: 0; right: 100%; width: 1000%; height: 100%; background: #EEF8FC; }
.nrx-address { padding: 10px 0; }
.nrx-address > span { color: #0099CC; } 
.naranja-x2 .nrx-right { padding: 55px 20px 28px 55px; color: #fff; position: relative; } 
.naranja-x2 .nrx-right:before { content: " "; position: absolute; top: 0; left: 100%; width: 1000%; height: 100%; background: #EEF8FC; }
.nrx-quote { position: relative; font-style: italic; padding: 0 0 14px; font-weight: 500; font-size: 28px; line-height: 38px;   }
.nrx-quote:before { content: " "; position: absolute; bottom: -34px; right: -142px; background: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Assets%20Naranja-X%20Case%20Study%20-%20Theme%202021/quotes%20light%20blue%20down.svg) no-repeat center top/contain; width: 118px; height: 84px; }
.naranja-x2 .nrx-right > span { padding: 36px 0 0; display: block; font-weight: 600;  position: relative; }
.naranja-x2 .nrx-right > span:before { content: " "; width: 125px; height: 2px; position: absolute; left: 0; top: 0; background: #33CCFF; }
.naranja-x3 { padding: 85px 0 110px; }
.nrx-row { padding: 0 0 40px; }
.nrx-row h4 {  color: #0099CC; text-transform: uppercase; }
.nrx-text p { margin: 0 0 25px; }
.nrx-box { float: left; margin: 40px 4% 0 0; padding: 50px 20px 140px; position: relative; }
.nrx-box:nth-child(3n+1) { width: 20%; }
.nrx-box:nth-child(3n+2) { width: 42%; }
.nrx-box:nth-child(3n+3) { width: 30%; }
.nrx-box:nth-child(3n) { margin-right: 0; }
.nrx-box-text {  font-weight: 600;  color: #fff; line-height: 28px; }
.nrx-icon { position: absolute; bottom: 15px; right: 15px; }
.nrx-box:nth-child(3n+2) .nrx-box-text:after { content: ""; background: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Assets%20Naranja-X%20Case%20Study%20-%20Theme%202021/quotes%20white%20down.svg) no-repeat center top/contain; width: 72px; height: 51px; display: inline-block; vertical-align: top; margin: 10px 0 0 30px; }


/* Home 2022 */

.body-static-header .header-section { position: static; }
.Ovalhero-section { padding: 90px 0 40px; }


/* parther-aws */

.wrapper-1168 { max-width:1198px; width: 100%; float: none; margin: 0 auto !important; display: block; padding-left: 15px; padding-right: 15px; }

.heroaws_sec { position: relative; z-index: 1; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); }  
.heroaws-inner { max-width: 770px; width: 100%; margin: 0 auto; text-align: center; position: relative; z-index: 1; }
.heroaws-inner .logo-img { margin-bottom: 32px; }
/* .heroaws-inner h1 { font-size: 74px; line-height: 74px;  margin-bottom:16px; color: #3d3c40; } */
.heroaws-inner h1 span{ color:#0099CC; }
.heroaws-inner .hero-text { font-size: 18px; }
.heroaws_sec:after { content: ''; position: absolute; background-image: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Group-1.png); width: 100%; height: 100%; right: 0px; background-size: cover; background-repeat: no-repeat; top: 0; max-width: 300px; min-height: 400px;}
.heroaws_sec:before { content: ''; position: absolute; background-image: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Group-2.png); max-width: 416px; width: 100%; left: 0; bottom: 0; background-repeat: no-repeat; min-height: 480px; }


.zig-zag-inner .zig-zag-box { display: flex; flex-flow: row wrap; align-items: center; display: -webkit-flex; -webkit-flex-flow: row wrap; padding:80px 0px; }
.zig-zag-box .left-zig { width:50%; }
.zig-zag-box .right-img { width:50%; }
/* .zig-zag-box .left-zig h2 { font-size: 40px; color: #3d3c40; } */
.zig-zag-box .left-zig .zig-text { font-size: 18px; }
.zig-zag-box.right .left-zig { padding-right:100px; }
.zig-zag-box.left .left-zig { order: 2; padding-left: 100px; }


.benefit_sec { position: relative; z-index: 1; }
.main-title { text-align:center; }
/* .main-title h2 { font-size: 40px; margin: 0; } */
.benefit-inner { display: flex; flex-flow: row wrap; display: -webkit-flex; -webkit-flex-flow: row wrap; padding-top:25px; }
.benefit-inner .benefit-box { width: 23%; margin-right: 2.66%; padding-top:25px; }
.benefit-inner .benefit-box:nth-child(4n) { margin-right:0; }
.benefit-box .benefit-text { font-size: 13px; line-height: 22px; color: #5F6165; }
/* .benefit-box h5 { margin-bottom:8px; color:#3d3c40; } */
.benefit-box .icon-img { width: 50px; height: 50px; background-color: #fff; border-radius: 8px; padding: 13px; margin-bottom: 20px; }
.benefit-box .icon-img img { max-width: 24px !important; object-fit: contain; }
.benefit_sec:before { content: ''; position: absolute; background-image: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Group-3.png); top: 0; left: 0; background-repeat: no-repeat; width: 100%; max-width: 290px; min-height: 380px; z-index:-1; }
.benefit_sec:after { content: ''; position: absolute; background-image: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Group-4.png); max-width: 250px; width: 100%; bottom: 0; right: 0; min-height: 220px; background-repeat: no-repeat; z-index:-1; }


.feature_sec .main-title { max-width: 770px; margin: 0 auto; }
.main-title .title-text { font-size: 14px; line-height: 23px; margin-top: 8px; }
.main-title .sub-title { font-size: 18px; display: inline-block; color: #0099CC;  padding: 8px 16px; background-color: #EFF5F8; line-height: 27px; border-radius: 20px; font-weight: 500; margin-bottom: 24px; }
.feature-inner { display: flex; flex-flow: row wrap; justify-content: center; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-justify-content: center; padding-top:30px; }
.feature-inner .feature-box { padding: 24px; border: 1px solid #EFF5F8; border-radius: 8px; margin-right: 2.6%; width: 31.6%; margin-top: 30px; }
.feature-inner .feature-box:nth-child(3n), .feature-inner .feature-box:last-child { margin-right:0; }
.feature-box .icon-img { background-color: #EFF5F8; }


.academy_sec { position: relative; z-index: 1; }
.academy_sec .academy-inner { text-align: center; max-width: 754px; margin: 0 auto; }
.academy_sec .academy-text { font-size: 16px; color: #5F6165; padding-top: 12px; }
.academy_sec .more-btn { margin-top: 40px; }
/* .more-btn a { font-size: 18px; text-transform: uppercase; color: #FFFFFF; background: #0099CC; border-radius: 50px; line-height: 27px; padding: 14px 40px; font-family:'metropolissemi_bold'; font-weight: 500; }
.more-btn a:hover { background-color:#3e3d40; } */
.academy_sec:before { content: ''; position: absolute; background-image: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Group-Aug-23-2022-08-32-22-79-AM.png); left: 0; bottom: 0; max-width: 360px; width: 100%; min-height: 418px; background-repeat: no-repeat; z-index:-1; }
.academy_sec:after { content: ''; position: absolute; background-image: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Group-Aug-23-2022-08-32-38-36-AM.png); right: 0; top: 0; max-width: 200px; width: 100%; min-height: 300px; background-repeat: no-repeat; z-index:-1; }


.main-title h2 span { color:#0099CC; }
.case-inner { padding-top:60px; display:flex; align-items: center; flex-wrap:wrap; display:-webkit-flex; -webkit-flex-wrap:wrap;-webkit-align-items: center }
.case-inner .study-right { width:50%; float: left; max-width: 471px; }
.study-right .study-text{ font-size: 18px; color: #3d3c40;  }
.case-inner li a {  font-size: 18px; color: #3d3c40; line-height: 27px; padding: 24px; border: 1px solid #F1F5F8; border-radius: 8px; width: 100%; margin-bottom:20px; }
.case-inner ul { padding:0; list-style:none; width: 50%; float: left; padding-right: 84px; }
.case-inner li.active a { background-color: #0099CC; color: #fff; }
.case-inner li a img { margin-right:10px; }
.case-inner li.active a > img { display: none; }
.case-inner li a > .active-img { display:none; }
.case-inner li.active a > .active-img { display:inline-block; }


.form_sec .form-inner { padding: 30px 70px 20px 70px; background-color: #323D4B; max-width: 970px; margin: 0 auto; border-radius: 20px; position: relative; z-index: 1; }
.form-inner .main-title h2 { color:#fff; }
.form-inner .hs_cos_wrapper_type_form { background-color: transparent; padding: 0; }
.form-inner form { margin-top:40px; position: relative; width:50%; padding-right: 30px; }
.row-fluid .form-inner textarea::placeholder,
.row-fluid .form-inner input[type='text']::placeholder,  
.row-fluid .form-inner input[type='email']::placeholder,
.row-fluid .form-inner input[type='password']::placeholder,
.row-fluid .form-inner input[type='tel']::placeholder,
.row-fluid .form-inner input[type='number']::placeholder,
.row-fluid .form-inner select::placeholder { color:#A5A6B2 !important; }
.row-fluid .form-inner textarea,
.row-fluid .form-inner input[type='text'],          
.row-fluid .form-inner input[type='email'],
.row-fluid .form-inner input[type='password'],
.row-fluid .form-inner input[type='tel'],
.row-fluid .form-inner input[type='number'],
.row-fluid .form-inner select { width:100%; font-size: 14px; line-height: 24px; font-weight: 400; background-color: #394655; color: #A5A6B2; border-radius: 50px; padding: 14px 24px; appearance: none; }
.row-fluid .form-inner textarea { border-radius:16px; }
.row-fluid .form-inner textarea { border-radius: 16px; width: 100%; margin: 0; resize: none; min-height: 336px; }
.row-fluid .form-inner .field.hs-form-field { margin-bottom:20px; }
.row-fluid .form-inner .hs-error-msg { color: #ef6b51; margin: 0; }
.row-fluid .form-inner form .inputs-list>li { margin:0; }
.row-fluid .form-inner .hs_more_information_on_your_enquiry__ { position: absolute; top: 0; right: -100%; width:100%;}
.row-fluid .form-inner .hs_error_rollup label { display:none; }
.row-fluid .form-inner .actions { text-align: right; margin-right: -102px; } 
.row-fluid .form-inner input[type='submit']{ font-size:18px; line-height:24px;  font-weight: 500; color: #fff; background-color: #0099CC; padding: 14px 65px; border-radius: 50px; text-transform: uppercase; margin-top:40px; }
.row-fluid .form-inner .hs_partner_type .input { position: relative; width: 100%; }
.row-fluid .form-inner .hs_partner_type .input:before { content: ''; position: absolute; background-image: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/arrow-down.png); width: 20px; height: 100%; background-repeat: no-repeat; background-position: right; right: 24px; }
.form_sec .form-inner:before { content: ''; position: absolute; background-image: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Group-Aug-23-2022-12-25-47-29-PM.png); bottom: 0; left: 0; max-width: 212px; min-height: 240px; background-repeat: no-repeat; width: 100%; }
.form_sec .form-inner:after { content: ''; position: absolute; background-image: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Group-Aug-23-2022-12-25-33-76-PM.png); top: 0; right: 0; max-width: 252px; width: 100%; min-height: 290px; background-repeat: no-repeat; }

.capabl-section { padding: 70px 0 100px; overflow: hidden; }
.capabl-cols { position: relative; padding: 0px; text-align: center; box-shadow: 0px 10px 20px #0000004d; border-radius: 36px; background: rgba(255,255,255,0.79); width: 22%; float: left; margin-right: 3%; margin-top: 50px; }
.capabl-cols:nth-child(4n) { margin-right: 0; }
.capabl-innrows { display: flex; flex-wrap: wrap; margin-top: 10px; }
.capabl-cols-ttl { font-size: 0; line-height: initial; font-weight: 700; color: #0099CC; border-top-left-radius: 36px; border-top-right-radius: 36px; padding: 21px 36px; min-height: 82px; display: flex; align-items: center;display: -webkit-flex; -webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.capabl-cols-dscrptn { padding: 35px 18px 24px;color: #3D3D40;}
.capabl-bottom-ttle { margin-top: 120px; width: 100%; float: left; margin-bottom: 80px; }
.capabl-bottom-ttle h2 { max-width: 550px; margin: 0 auto; }
.capabl-bottom-form { width: 100%; max-width: 560px; display: inline-block; }
.capabl-cols a.capabl-cols-links { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.capabl-bottom-form form { position: relative; z-index: 1; }
.capabl-bottom-form form .hs-input { background: #eceded;  font-weight: 500; color: #3d3d40; padding: 11px 230px 11px 25px; }
.capabl-bottom-form form .hs-button { position: absolute; right: 0; top: 0; font-size: 16px;  padding: 16px 32px; border-radius: 36px; -webkit-appearance: none; outline: 0; border: 0; background-color: #09c; }
.capabl-bottom-form-outr{ text-align: center; }
.capabl-bottom-form h3.form-title { margin: 0; }
.capabl-cols-ttl img { max-width: 134px !important; height: auto; }
.capabl-row{ position: relative; z-index: 1; }
/* .capabl-row:before { position: absolute; z-index: -1; content: ''; top: -70px; left: 40px; min-width: 552px; min-height: 312px; background-size: contain; background-repeat: no-repeat; } 
.capabl-row:after { position: absolute; z-index: -1; bottom: -100px; content: ''; min-width: 636px; min-height: 504px; background-size: contain; background-repeat: no-repeat; right: -20px; background-position: bottom; } */
.shw-onlyfrm-sec .capabl-innrows, .shw-onlyfrm-sec .capabl-header { display: none; }
.shw-onlyfrm-sec .capabl-bottom-ttle { margin-top: 60px; }

.reco_sec { position: relative; z-index:1; }
/* .reco_sec .capabl-header h2, .reco_sec .capabl-bottom-ttle h2 { font-size: 40px; line-height: 48px; max-width: 819px; margin: 0 auto; color:#3d3c40; } */
.reco_sec .capabl-cols { background-color:#fff; }
.reco_sec .capabl-cols-dscrptn { padding:33px 40px 35px; font-size:18px; line-height: 30px; color:#5F6165; }
.reco_sec:after { content: ''; position: absolute; left: 0; bottom: 0; max-width: 360px; width: 100%; min-height: 418px; background-repeat: no-repeat; }
.reco_sec:before { content: ''; position: absolute; right: 0; top: 0; max-width: 200px; width: 100%; min-height: 300px; background-repeat: no-repeat; }
.row-fluid .reco_sec .form-inner input[type=email] { width:100%; padding:16px 24px; background-color:#fff; font-size:18px; max-width:100%;}
.row-fluid .reco_sec .form-inner .actions { position: absolute; top: 0; right: 0; }
.row-fluid .reco_sec form { max-width: 470px; margin: 0 auto; }
.row-fluid .reco_sec .form-inner input[type='submit']  { margin-top:0; padding:16px 24px; }



.nrx-columns.first_column_large .nrx-box{ padding-top: 66px; position: relative; }
.nrx-columns.first_column_large .nrx-box:nth-child(3n+1) { width: 42%; padding-left: 30px; padding-right: 30px; }
.nrx-columns.first_column_large .nrx-box:nth-child(3n+2) { width: 25%; }
.nrx-columns.first_column_large .nrx-box:nth-child(3n+3) { width: 25%; }
.nrx-columns.first_column_large .nrx-box:nth-child(3n+2) .nrx-box-text:after { display: none; }
.nrx-columns.first_column_large .nrx-box:nth-child(3n+1) .nrx-box-text { position: relative; }
.nrx-columns.first_column_large .nrx-box:nth-child(3n+1) .nrx-box-text:after { position: absolute; right: 0; content: ""; background: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Assets%20Naranja-X%20Case%20Study%20-%20Theme%202021/quotes%20white%20down.svg) no-repeat center top/contain; width: 72px; height: 51px; display: inline-block; vertical-align: top; margin: 30px 0 0 30px; }
.nrx-columns.first_column_large .nrx-box:nth-child(3n+1):before { position: absolute; top: 25px; left: 30px; content: ""; background: url(https://8872476.fs1.hubspotusercontent-na1.net/hubfs/8872476/Assets%20Naranja-X%20Case%20Study%20-%20Theme%202021/quotes%20white%20up.png) no-repeat left top/contain; width: 36px; height: 26px; }




@media(min-width: 1506px){
    .naranja .wrapper { max-width: 972px; }
    .nrx-right { width: 100%; }
    .nrx-left { float: left; width: 27%; margin-left: -27%; }

}


/* 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 .mobile-wrap {        display: flex!important;     justify-content: space-between;        width: 100%;    }
    .header-menu .hs-menu-wrapper > ul > li.active-branch > a { color: rgba(0,153,204,1.0); }
}

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

@media(max-width: 1505px){
    .hero-scooter { bottom: -219px; width: 400px; }
    .wrapper, .content-wrapper, .naranja .wrapper { max-width: 1140px; } 
    /*     .hero-bullet h3, .hero-bullet ul li { font-size: 20px; } */
    .hero-person { width: 240px; }
    .tt-outer:before { left: 13%; width: calc(100% - 26%); }
    .tt-circle { max-width: 700px; padding-left: 35px; padding-right: 35px; font-size: 16px; }
    .tt-box { width: 26%; }
    .tab-btn ul li a { min-width: 200px; font-size: 18px; }
    .tab-img:first-child img { max-width: 1000px !important; }
    .tab-img:last-child img { position: relative; right: -50px; }
    .tb-btm-text { font-size: 16px; }
    .story-content { padding: 30px 20px 0; }
    .stro-desc  { font-size: 16px; }
    .story-box { width: 32%; margin-right: 2%; }
    .story-content > h4 { min-height: auto; padding: 0 0 10px; }
    .num-text { font-size: 16px; }
    /*     .num-box h3 { font-size: 60px; margin-top: -25px; } */



}  



@media(max-width: 1400px){
    
  .nrx-quote:before { content: " "; position: absolute; bottom: -77px; right: -37px; width: 95px; height: 78px; }  
    
    
}    
@media (max-width: 1199px){

    .capabl-innrows { margin-top: 0; }
    /*   .capabl-cols-ttl { font-size: 70px; line-height: 70px; } */

    .fcontact-info ul li a { font-size: 14px; line-height: 16px; }
    .capabl-section { padding: 70px 0 70px; }
    .capabl-bottom-ttle { margin-top: 80px; margin-bottom: 60px; }

    .wrapper-1168 { max-width:900px; }


    .zig-zag-box.right .left-zig { padding-right: 60px; }
    .zig-zag-box.left .left-zig { padding-left:60px; }
    .reco_sec .capabl-cols-dscrptn { padding: 30px 15px 24px; }
    .website-headers .wrapper { max-width: 969.999999991px;}

    .wrapper1140{ max-width: 959.999999991px; }
}

@media(max-width: 1190px){
    .wrapper, .content-wrapper, .naranja .wrapper { max-width: 900px; }

    .three-tier, .tab-section, .story-section, .hiw-section, .num-section { padding: 90px 0; }
    .header-right .hs-menu-wrapper > ul > li { margin: 0 18px 0 0;  }
    .header-menu .hs-menu-wrapper > ul > li > a, .header-cta a.cta_button  { font-size: 11px;  }
    .header-menu .hs-menu-wrapper > ul > li > .hs-menu-children-wrapper > li > a { font-size: 13px; }

    .hero-scooter { bottom: -194px; width: 300px; }
    .hero-person { width: 220px; margin-right: -50px; }

    .tt-circle { max-width: 600px; }
    .tt-outer { margin: 60px 0 0; }
    .tt-outer:before { top: 0; }
    .tt-outer:after { content: " "; position: absolute; left: 50%; top: -60px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1px; height: 60px; background: #fff; }
    .tt-box:before { height: 39.5px; }

    .tab-btn ul li a { min-width: 166px; font-size: 16px; }
    .tab-img:first-child img  { max-width: 100% !important; }
    .tab-img:last-child img { right: 0; }
    .tb-btm-text { margin-top: 90px; }

    .hiw-outer { margin: 70px 0 0; }
    /*     .story-content > h4 { font-size: 16px; line-height: 24px;  } */
    .stro-desc, .story-pname { font-size: 14px; line-height: 22px; }

    .num-box { width: 30%; margin: 65px 5% 0 0;  }

    .nrx-quote:before { bottom: -8px; right: -58px; width: 64px; height: 46px; }
    .nrx-box:nth-child(3n+1) { width: 24%; }
    .nrx-box:nth-child(3n+2) { width: 40%; }
    .nrx-box:nth-child(3n+3) { width: 28%; }

    .nrx-quote { font-size: 24px; }

    .nrx-columns.first_column_large .nrx-box:nth-child(3n+1) { width: 40%; }
    .nrx-columns.first_column_large .nrx-box:nth-child(3n+2) { width: 26%; }
    .nrx-columns.first_column_large .nrx-box:nth-child(3n+3) { width: 26%; }

}


@media(max-width: 991px){
    .wrapper, .content-wrapper, .naranja .wrapper { max-width: 700px; }
    .hero-section { padding-top: 180px; }
    /*     .hero-bullet h3, .hero-bullet ul li { font-size: 16px; } */
    .hero-bullet ul li { padding: 0 0 0 25px; margin-left: 10px; margin-right: 10px;  }
    .hero-bullet ul li:before { width: 16px; height: 14px; top: 7px;  }
    .hero-form { margin: 60px 0 0; }
    .hero-scooter { bottom: -159px; width: 240px; left: -68px; }
    .hero-person { width: 180px; margin-right: -20px; }
    .hero-scroll { padding: 150px 0 30px;  }
    /*     .hero-scroll h5 { font-size: 16px; } */
    .tt-circle { max-width: 500px; }
    .tab-items { padding: 20px 0 0; }
    .tab-btn { display: none; }
    .tab-items > a { position: relative; margin: 10px 0; padding: 10px 40px; display: block; color: #3d3d40; font-weight: 700; font-size: 18px; border: 1px solid #3d3d40; -webkit-border-radius: 6px; border-radius: 6px; text-transform: uppercase; }
    .tab-items > a:before { content: " "; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 15px; height: 2px; background: #000; }
    .tab-items > a:after { content: " "; position: absolute; right: 21px; top: 50%; transform: translateY(-50%); width: 2px; height: 15px; background: #000; }
    .tab-items > a.active-tab:after { opacity: 0; }
    .tab-img { padding: 10px 0; } 
    .tb-btm-text { margin-top: 50px; }

    .story-box { width: 100%; margin-right: 0; }
    .story-box:first-child { margin-top: 30px; }
    .num-box { width: 100%; margin-right: 0; }
    .sdemo-img img { margin: 0 0 50px; }


    .naranja-x1 { padding-bottom: 20px; }
    .nrx-left { width: 100%; }
    .nrx-right { width: 100%; }
    .naranja-x1 .nrx-left, .nrx-right h1 , .nrx-right h2 { text-align: center; }
    .naranja-x1 .nrx-left > img { margin: 0 0 30px; }
    .naranja-x2 .nrx-left { padding-left: 0; padding-right: 0; text-align: center; }
    .naranja-x2 .nrx-left:before { right: -500%; z-index: -1; }
    .naranja-x2 .nrx-right { padding: 40px 0 28px 0; text-align: center; }
    .naranja-x2 .nrx-right:before { left: -500%; }
    .naranja-x2 .nrx-right > span:before { right: 0; margin: 0 auto; }
    .nrx-row { padding: 0 0 20px; }
    .nrx-quote { padding-top: 80px; } 
    .nrx-quote:before { bottom: auto; top: 0; right: 0; left: 0; margin: 0 auto; }
    .naranja-x3 { padding: 50px 0; }


    .wrapper-1168 { max-width:700px; } 

    .capabl-cols { width: 100%; margin-right: 0; }   

    /*     .heroaws-inner h1 { font-size:70px; } */

    .zig-zag-inner .zig-zag-box{    padding: 0px 0px 50px 0px;}
/*     .zig-zag-box.left { padding-top: 50px; } */
    .zig-zag-box .left-zig, .zig-zag-box .right-img { width:100%; text-align:center; }
    .zig-zag-box.right .left-zig { padding-right:0; padding-bottom:60px; }
    .zig-zag-box.left .left-zig { padding-left:0; padding-bottom:60px; order: 0; }

    .benefit-inner .benefit-box { width:48.66%; }
    .benefit-inner .benefit-box:nth-child(2n) { margin-right:0; }

    .feature-inner .feature-box { width:47.3%; }
    .feature-inner .feature-box:nth-child(2n){margin-right:0;}
    .feature-inner .feature-box:nth-child(3n){margin-right:2.6%;}

    .case-inner ul { padding-right:35px; }

    .form_sec .form-inner { padding:80px 50px 95px; }
    .social-icon ul li { margin-left:10px; }


    .wrapper1140{ max-width: 719.9999999903999px; }

}


@media(max-width: 767px){ 
    .wrapper, .content-wrapper, .naranja .wrapper { max-width: 100%; }
    .three-tier, .tab-section, .story-section, .hiw-section, .num-section { padding: 50px 0; }

    .hero-section { padding: 160px 0 0; }
    .hero-section .wrapper { padding-bottom: 150px; }
    .hero-form form .hs-input { padding-right: 25px; }
    .hero-form form .hs-button { position: static; width: 100%; }

    .logo-section { padding-left: 15px; padding-right: 15px; }
    .hero-scooter { bottom: -90px; left: -32px; }
    .hero-person { width: 150px; margin-right: 10px; display: none;  }
    .hero-scroll { padding: 90px 0 20px; background-size: 120% 100%;  }
    .hero-scroll a { width: 16.56px; height: 19.97px; }

    .tt-circle { margin: 40px 0 0;  max-width: 100%; padding-left: 15px; padding-right: 15px; }

    .tt-outer { margin: 20px 0 0; }
    .tt-outer:before { display: none; }
    .tt-outer:after { height: 32px; top: -21px; }
    .tt-box { width: 100%; }
    .tt-box:before { margin-bottom: 33px; }
    .tab-items { padding: 10px 0 0; }
    .story-box { margin: 20px 0 0 !important; }
    .story-content > h4 { height: auto !important; }

    .num-box:before, .num-box:after, .num-text:before, .num-text:after { width: 44px; height: 44px; }



    .nrx-box:first-child { margin-top: 0; }
    .nrx-box { width: 100% !important; margin-right: 0; }

    .wrapper-1168 { max-width:100%; } 

    /*     .main-title h2 { font-size:32px; } */
    /*     .heroaws-inner h1 { font-size:55px; line-height:60px; }   */

    /*     .zig-zag-box .left-zig h2 { font-size:32px; } */

    .benefit-box .icon-img { margin:0 auto 20px; }   
    .benefit-inner .benefit-box { width:100%; text-align:center; margin-right:0; }

    .feature-inner .feature-box { width:100%; margin-right:0 !important; text-align:center; }

    .case-inner { max-width: 471px; margin: 0 auto; }
    .case-inner ul { width:100%; padding:0; }
    .case-inner .study-right { width:100%; text-align: center; padding-top: 30px; }

    .form-inner form { width:100%; padding-right:0; }
    .row-fluid .form-inner .hs_more_information_on_your_enquiry__ { position: relative; right:0; }     
    .row-fluid .form-inner .actions { margin-right:0; text-align:center; }
    .form_sec .form-inner { padding:50px 30px; }  
    /*     .form_sec .main-title h2 { font-size:28px; } */

    /*     .reco_sec .capabl-header h2, .reco_sec .capabl-bottom-ttle h2 { font-size:32px; line-height: 40px; }
    */


    .nrx-columns.first_column_large .nrx-box:nth-child(3n+1) { width: 100%; }
    .nrx-columns.first_column_large .nrx-box:nth-child(3n+2) { width: 100%; }
    .nrx-columns.first_column_large .nrx-box:nth-child(3n+3) { width: 100%; }
    .nrx-columns.first_column_large .nrx-box:nth-child(3n+1) .nrx-box-text:after { margin: 15px 0 0 30px; }

    .wrapper1140{ max-width: 539.9999999928px; }
}      

@media(max-width:600px){   


    .row-fluid .reco_sec .form-inner .actions { position: relative; }


    .website-headers .wrapper { max-width: 100%;}

}
@media(max-width:575px){  
    .wrapper1140{ max-width: 100%; } 
}

/********************************************************************** New Migrated Custom CSS Trooinbound ***************************************************************************/
.tr-template .fullwidth.siteAcpadding .nrx-right h2,.tr-template .adPaddingcss h2, .container-fluid.tr-template.sitemoduleoneColor .nrx-right h2{color:#0099cc !important;}
.fullwidth.capabl-section.backg-sec.siteAcOnchnage{ display: block; }
.siteAcOnchnage .capabl-row form .actions {top: 2px !important;}
.siteAcCaseStudy .case-inner li.active a{background-color: #0099CC;color: #fff;}
.hs-banner-area.siteAcTopPadding{ padding-top: 60px; }
.hs-content-id-124259939223 form input[type=email] { background: #ECEDED; border-radius: 36px; border: 0; outline: 0; color: #3D3D40; font-weight: 600; line-height: 28px;  padding: 11px 25px; font-size: 16px;}
.fullwidth.naranja.naranja-x1.siteAcpadding,.adPaddingcss {    padding-top: 50px;}
.hs-content-id-124124631154.hs-site-page .nrx-quote p {    color: #fff;   font-style: italic;}
.footer__row-1{margin:0;}
.capabl-bottom-ttle.text-center h2 { max-width: 700px !important;}	
.tt-circle p {color: #fff;}
.hs-button, .button--primary {background-color: rgba(204, 102, 102, 1.0) !important; }
.hs-button:hover, .button--primary:hover {background-color:#3e3d40  !important;}
.fullwidth.header-Heights{min-height:100px; float:none !important;}
.body-wrapper .footer__row-1-row-0-padding{padding-top:50px !important;}
.num-section h2, .num-box h3, .num-text ,.three-tier .tt-blue-text h2, .tt-box h4, .tt-circle,.tr-template .tt-circle p{ color: #fff; }
.tr-template .num-box h3 { color: #33CCFF; font-size: 109px; margin-top: -74px; text-transform: uppercase; }
.homemenutest .wrapper{max-width:1455px;}
.tr-template .homemenutest h2,.tr-template .three-tier .tt-blue-text h2, .tr-template .tt-box h4, .tr-template .tt-circle { color: #fff; }
.tt-blue-text h2 > span, .tt-blue-text h4 > span { color: #33CCFF; }
.fullwidth.form_sec.bg_sec.space_sec .hs_cos_wrapper_type_form{background-color:transparent; box-shadow:unset;}
.tr-template .fullwidth.form_sec.bg_sec.space_sec form .input input, .tr-template .fullwidth.form_sec.bg_sec.space_sec form .input select, .tr-template .fullwidth.form_sec.bg_sec.space_sec form .input textarea{background:transparent;}
.tr-template .fullwidth.form_sec.bg_sec.space_sec form .input select{appearance: none;}
.row-fluid .form-inner .hs_partner_type .input:before{display:none;}
.tr-template.sitemoduleoneColor .custom-finance-area .finance-content .tab-content .naranja-x1 {padding: 0;}
 .tr-template  .hiw-slide{margin-bottom:50px;}
.tr-template.tr-email form .input textarea {padding: 12px 6px 8px 20px; }
.tr-template.tr-email .form-inner .main-title h2{margin-bottom:0; }
.tr-template ul.no-list.hs-error-msgs.inputs-list {position: relative;}
.tr-template ul.no-list.hs-error-msgs.inputs-list li {    bottom: -19px !important;    position: absolute;    left: 0px!important;}
@media(max-width:1505px){
    .tr-template .num-box h3 { font-size: 60px; margin-top: -25px; }
}

@media(max-width:991px){
.tr-template .fullwidthy.tab-section.text-center,.tr-template  .fullwidth.hiw-section.text-center {padding: 50px 0 0 0;}
}

@media(max-width:767px){
    .fullwidthy.tab-section.text-center { padding: 20px 0px; } 
    .fullwidth.hiw-section.text-center { padding: 0px 0px 0px 0px; }   
    .tr-template .hiw-slide h4{font-size:18px}
    .tr-template  .hiw-img{margin-bottom:30px;}
    .tr-template .fullwidthy.tab-section.text-center,.tr-template  .fullwidth.hiw-section.text-center { padding: 30px 0 0 0;}
    .custom-finance-area .financetabber .nav {  text-align: center; justify-content: center; }
}

@media(max-width:480px){
    .tr-template .hiw-slide{padding:0px 5px;}
}

p{color:#3D3C40 !important;}
/* p span{ color:#3D3C40 !important;}
 */