@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
















































@font-face {
    font-family: 'Proxima Nova';
    src: url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNovaT-Thin.eot');
    src: url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNovaT-Thin.woff2') format('woff2'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNovaT-Thin.woff') format('woff'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNovaT-Thin.ttf') format('truetype'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNovaT-Thin.svg#ProximaNovaT-Thin') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Regular.eot');
    src: url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Regular.woff2') format('woff2'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Regular.woff') format('woff'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Regular.ttf') format('truetype'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Bold.eot');
    src: url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Bold.woff2') format('woff2'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Bold.woff') format('woff'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Bold.ttf') format('truetype'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Extrabld.eot');
    src: url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Extrabld.woff2') format('woff2'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Extrabld.woff') format('woff'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Extrabld.ttf') format('truetype'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Black.eot');
    src: url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Black.woff2') format('woff2'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Black.woff') format('woff'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Black.ttf') format('truetype'),
        url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Font/ProximaNova-Black.svg#ProximaNova-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}





body{font-family:'Lato', sans-serif; font-weight:400; color:#454B4D; font-size:16px; line-height:24px;}


/* Paragraphs */
strong{font-weight:700;}
a{ transition:all 0.5s;; text-decoration:none; color:#454B4D;}
a:hover, a:focus{text-decoration:none; color:#01AFFF; }

p{margin:0 0 15px 0;}
p:last-child{margin:0;}
ul { list-style:none; padding:0; margin:0; }

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-uppercase{text-transform:uppercase;}

.ul-style ul{list-style:none; padding:0; margin:0;}
.ul-style li{padding-left:20px;position:relative; margin-bottom:20px;list-style:none;}
.ul-style li:after{background-color:;border-radius:100%;content:'';height:8px;left:0;position:absolute;top:11px;width:8px;}

.ul-check ul{list-style:none; padding:0; margin:0;font-size:19px;}
.ul-check li{padding-left:40px;position:relative; margin-bottom:28px;}
.ul-check li:after{background:url(https://1616151.fs1.hubspotusercontent-na1.net/hubfs/1616151/theme-hippo/images/checkmark.svg) no-repeat center / 26px 21px;content:'';height:21px;left:0;position:absolute;top:4px;width:26px;}

h1,h2,h3,h4,h5,h6{margin-top:0px; font-family:'Proxima Nova'; font-weight:600; margin-bottom:15px; }
h1 { font-size:48px; color:#233136; line-height:56px; letter-spacing:-0.02em; }
h2 { font-size:40px; color:#233136; line-height:48px; letter-spacing:-0.02em; }
h3 { font-size:36px; color:#233136; line-height:40px; }
h4 { font-size:24px; color:#233136; line-height:32px; }
h5 { font-size:20px; color:#233136; line-height:24px; }
h6 { font-size:16px; color:#233136; line-height:20px;}

.btn a { display: inline-block; vertical-align: top; border-radius: 16px; min-width: 270px; text-align: center; padding: 16px 20px; font-weight: 700; }
.btn.orange-btn a { background-color:
    
    
        
    
    rgba(255, 149, 77, 1.0)
; color:#FFFFFF; }
.btn.orange-btn a:hover { background-color:
    
    
        
    
    rgba(255, 131, 47, 1.0)
; color:#FFFFFF; }
.btn.blue-btn a { background-color:
    
    
        
    
    rgba(1, 175, 255, 1.0)
; color:#FFFFFF; }
.btn.blue-btn a:hover { background-color:
    
    
        
    
    rgba(0, 159, 233, 1.0)
; color:#FFFFFF; }

.btn2 a { color: #01AFFF; position: relative; }
.btn2 a:after { position: absolute; content: ""; background: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/right-arrow.svg) no-repeat center / cover; width: 6px; height: 11px; top: 5px; right: -17px; transition: all 0.5s; }
.btn2 a:hover:after { right:-25px; }




@media (max-width:1199px){
    
}
    
@media (max-width:991px){

}

@media (max-width:767px){
	body{font-size:14px; line-height:24px;}
}
a.cta_button{box-sizing: border-box !important;}

.btn-group{}
.btn-group > div{display:inline-block;margin:0 10px;vertical-align:middle;}
.btn-group > div:first-child{margin-left:0; margin-bottom:5px;}
.btn-group > div:last-child{margin-right:0; margin-bottom:5px;}

.button-1 a{background-color:;color:;font-family:;padding:;border-radius:px; display:inline-block;font-size:18px;font-weight:400;min-width:280px;text-align:center;}
.button-1 a:hover{background-color:;color:;}


@media (max-width:1199px){
    [class*="button-"] a{min-width:200px; padding:8px 35px;}
}

@media (max-width:991px){
    .btn-group > div{display:block; margin:0 0 8px;}
}

@media (max-width:767px){
    [class*="button-"] a{font-size: 14px;}
}
input{font-family:;}

::-webkit-input-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{opacity:1;}
::-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;}
:-ms-input-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder{opacity:1;}
:-moz-placeholder, input:-moz-placeholder, textarea:-moz-placeholder{opacity:1;}

.hs-error-msgs label{display:block; font-size:13px; transform:translate(2px, -11px); -webkit-transform:translate(2px, -11px); -moz-transform:translate(2px, -11px);}

textarea, select, input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"])
{font-family: 'Proxima Nova';; border-radius:4px; color:#454B4D; background-color:#fbfbfd; border:2px solid #dedede; padding:12px 15px; margin:0 0 15px 0; font-size:14px; font-weight:400; width:100%; }
fieldset.form-columns-1 textarea.hs-input, fieldset.form-columns-1, select.hs-input, fieldset.form-columns-1 input[type="text"].hs-input,  fieldset.form-columns-1 input[type="password"].hs-input,  fieldset.form-columns-1 input[type="datetime"].hs-input,  fieldset.form-columns-1 input[type="datetime-local"].hs-input, fieldset.form-columns-1 input[type="date"].hs-input, fieldset.form-columns-1 input[type="file"].hs-input, fieldset.form-columns-1 input[type="month"].hs-input, fieldset.form-columns-1 input[type="time"].hs-input, fieldset.form-columns-1 input[type="week"].hs-input, fieldset.form-columns-1 input[type="number"].hs-input, fieldset.form-columns-1 input[type="email"].hs-input, fieldset.form-columns-1 input[type="url"].hs-input, fieldset.form-columns-1 input[type="search"].hs-input, fieldset.form-columns-1 input[type="tel"].hs-input, fieldset.form-columns-1 input[type="color"].hs-input{width:100%;}
.hs-form fieldset.form-columns-1 textarea.hs-input, .hs-form fieldset textarea.hs-input, .hs-form fieldset input[type="number"].hs-input{width:100%;}
input[type="radio"], input[type="checkbox"]{margin-right: 10px;}
input[type="file"]{background-color:#fff; color:#000;}
.inputs-list{margin:0 0 15px;}
select {cursor:pointer;     font-family: 'Proxima Nova';padding:17px 10px; color:#828282; background:#fff url(https://1616151.fs1.hubspotusercontent-na1.net/hubfs/1616151/Hippo%20Master%20Folder/theme-hippo/images/select-chevron.svg) no-repeat right 29px center / 27px auto; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand{display:none;}
fieldset .hs-form-field > label span.hs-form-required{display:none;}
fieldset .hs-form-field > label span:not(:empty) + span.hs-form-required{display:inherit;}
textarea{resize:none;}

input[type="submit"]{background-color:;border:3px solid;border-radius:100px;color:;transition:all 0.5s;;text-transform:uppercase;display:inline-block;font-size:17px;font-family:;font-weight:400;min-width:330px;padding:12px 35px;-webkit-appearance: none;text-align:center; cursor:pointer;}
input[type="submit"]::-moz-focus-inner{border: 0;}
input[type="submit"]:hover{background-color:;border-color:;color:;}

/* Default Form Code */
.default-form .hs-form .hs-form-field > label span.hs-form-required{display:none;}
.default-form .hs-form .hs-form-field > label span:not(:empty) + span.hs-form-required{display:inline-block;}
.default-form .hs-form .hs-form-field .input{margin:0;}
.default-form .hs-form label{display:block;padding:0 0 15px;}
.default-form .hs-form fieldset{border:none;margin:0;max-width:none;padding:0;}
.default-form .hs-form fieldset.form-columns-2{margin:0 -14px;}
.default-form .hs-form fieldset.form-columns-2 .hs-form-field{width:calc(50% - 28px); margin:0 14px; float:left;}
.default-form .hs-form fieldset.form-columns-3{margin:0 -14px;}
.default-form .hs-form fieldset.form-columns-3 .hs-form-field{width:calc(33.33% - 28px); margin:0 14px; float:left;}
.default-form .hs-form .hs_submit{padding:25px 0 0;}
.default-form .hs-form .legal-consent-container{font-size:13px;padding:17px 0 0;}
.default-form .hs-form .inputs-list{list-style:none;margin:0; padding:0;}
.default-form .hs-form .inputs-list input[type="checkbox"]{opacity:0;position:absolute;}
.default-form .hs-form .inputs-list span{margin:0;padding:2px 0 0 40px;position:relative; cursor:pointer;display: inline-block;}
.default-form .hs-form .inputs-list span:after{background-color:#FFF; border:solid 2px #bfc6d8; content:'';height:20px;left:0;position:absolute;top:5px;width:20px;border-radius: 6px;}
.default-form .hs-form .inputs-list span:before{border-bottom:2px solid #175ca4;border-left:2px solid #175ca4;content:'';height:4px;left:6px;position:absolute;top:13px;transform:rotate(-41deg);width:10px;z-index:1;}
.default-form .hs-form .inputs-list span:before{border-bottom-width:0; border-left-width:0;}
.default-form .hs-form .inputs-list input[type="checkbox"]:checked + span:before{border-bottom-width:2px; border-left-width:2px;}
.default-form .hs-form .inputs-list span span{display:none;}
.default-form .hs-form fieldset[class*="form-columns-"] select{width:100% !important;}
.default-form div.hs_error_rollup{display: none;}
@media (max-width:767px){
    .default-form .hs-form fieldset.form-columns-2, .default-form .hs-form fieldset.form-columns-3{margin:0;}
    .default-form .hs-form fieldset.form-columns-2 .hs-form-field, .default-form .hs-form fieldset.form-columns-3 .hs-form-field{width:100%; margin:0; float:none;}
    .default-form .hs-form fieldset .input .hs-input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), 
    .default-form .hs-form fieldset.form-columns-2 .input .hs-input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), 
    .default-form .hs-form fieldset.form-columns-3 .input .hs-input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){width:100%;}
    .default-form .hs-form label{padding:0;}
}
.submitted-message{text-align:center;color:#155724;background-color:#d4edda;border-color:#c3e6cb;position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid #c3e6cb;border-radius:.25rem;}
.submitted-message p{margin:0 !important;}
@media (max-width:767px){
    input[type="submit"]{min-width:auto;}
}

.error_box { width:100%; margin:0 auto; padding: 50px; background: #fff; max-width: 950px; box-shadow: 0px 60px 80px rgb(0 0 0 / 4%), 0px 38.8889px 46.8519px rgb(0 0 0 / 3%), 0px 23.1111px 25.4815px rgb(0 0 0 / 2%), 0px 12px 13px rgb(0 0 0 / 2%), 0px 4.88889px 6.51852px rgb(0 0 0 / 2%), 0px 1.11111px 3.14815px rgb(0 0 0 / 1%); }
.error_box h1 { margin:0; color:rgba(1,175,255,1.0); font-size:200px; line-height:150px; }
.error_box h2 { margin:20px 0; }
.error_box h3 { margin:0 0 10px; font-size: 30px; line-height: 1.2; }

.systems-page { padding:15rem 20px 8em; }
.systems-page .error_box h1 { font-size: 48px; line-height:1.1; }
.systems-page .error_box .introduction { margin:10px 0; }
.systems-page form input { height:50px; margin:0 0 7px !important; padding:10px 25px !important; }
.systems-page form input[type="checkbox"] { margin: 0 5px 0 0 !important; width: 18px; height: 18px; position:relative; bottom:-8px; cursor:pointer; }
.systems-page form .hs-input { margin:10px 0 15px !important; }
.systems-page form .hs_submit { width:100%; margin:10px 0; }
.systems-page .form-container .hs-login-widget-show-password { margin:0; }
.systems-page .password_form.error_box h1 { margin-bottom:6px; }
.systems-page .password_form #hs-pwd-widget-password { margin:15px 0 !important; height:50px !important; }
.systems-page .preferences_box .page-header h2 { margin:10px 0 20px; }
.systems-page .preferences_box .page-header br { display:none; }  
.systems-page .preferences_box .item { width:100%; margin-bottom:15px; font-size: 14px; line-height: 22px; }
.systems-page .preferences_box .item .checkbox-row + p { padding-left:27px; }
.systems-page .preferences_box .hs-button { margin-top:20px !important; }
.systems-page .preferences_box .subscribe-options input[type="checkbox"] { bottom:-3px; } 
.systems-page .preferences_box .subscribe-options { font-size: 14px; line-height: 22px; }

.systems-page .confirmation_box .page-header h2 { margin:0 0 10px; }
.systems-page .confirmation_box .page-header br { display:none; }  

.system-container { margin: 0 auto; min-height: calc(100vh - 300px); padding-top: 100px; width: 100%; }
.error-page { padding: 15rem 20px 8em; position: relative; text-align: center; }
.error-page:before { color: #f3f6f9; content: attr(data-error); font-size: 40vw; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; z-index: -1; }
.error-page .btn a { min-width:100px; padding:10px 20px; }
 
.systems-page .error_box .success { margin:15px 0 0; }
.systems-page .error_box.resetpass_box .hs-error-msgs { margin-top:10px; }
.systems-page .error_box.resetpass_box .hs-input { margin:0px 0 10px !important; }
.systems-page .form-floating-alert-wrapper .form-floating-alert-error { text-align:left; }
.systems-page .form-floating-alert-close-button { margin-right:10px; }
.systems-page .error_box a { color:rgba(1,175,255,1.0); }
.systems-page .error_box a:hover { color:#000; }

.search_fullbox.error_box { max-width:100%; }
.systems-page form .hs-form-field input[type="checkbox"] { bottom:-3px; }

.row-fluid .hs-search-results {  width:100%; float:left; }
.row-fluid .hs-search-results ul {  width:100%; float:left; }
.row-fluid .hs-search-results ul li {  width:100%; float:left; margin-bottom:15px; border-bottom:1px solid #ccc; padding-bottom: 15px;}
.row-fluid .hs-search-results ul li a {  width:100%; float:left; color:#da3a3a; font-size: 18px; line-height: 26px;   margin-bottom: 6px; transition:all .6s ease; }
.row-fluid .hs-search-results ul li a:hover { color:#000; transition:all .6s ease; }
.row-fluid .hs-search-results__pagination a { background:#9f000f; padding: 10px 15px;  float: right; color: #fff;  font-size: 16px;  line-height: 24px; margin-bottom: 30px;   margin-top: 20px; }
.row-fluid .hs-search-results__pagination a:hover { background:#000; color:#fff }
.row-fluid .hs-search-results__pagination:empty { display:none; }






@media screen and (min-width:1100px) {
  .error-page:before { font-size: 20rem; }
}
.systems-page { width:100%; }
.systems-page--search-results { max-width: 100%; }
.systems-page .header { background-color: transparent; border-bottom: none; padding: 0; }
.systems-page .success { background-color: #cde3cc; border: 1.5px solid #4f7d24; border-radius: 6px; color: #4f7d24; display: inline-block; font-size: 0.75rem; margin: 2rem 0; min-width: 650px; padding: 0.1rem 0.75rem; }
.systems-page form input { max-width: 100%; }
.systems-page form input[type='submit'] {  margin:0 !important; width:auto; padding:17px 30px 15px 30px !important; color:#fff; border:none; background:rgba(1,175,255,1.0); height: auto; min-width: auto; }
.systems-page form input[type='submit']:hover { background:rgba(0,159,233,1.0); color:#fff;  }
  
.systems-page #hs-pwd-widget-password { width: 100%; }
.systems-page .hs-login-widget-show-password, .systems-page .hs-register-widget-show-password, .systems-page .hs-reset-widget-show-password { display: block; margin-bottom: 0.5rem; }
.systems-page #hs-login-widget-remember, .systems-page #hs-login-widget-remember ~ label { display: inline-block; margin-bottom: 3px; }
form#email-prefs-form .item.disabled { opacity: 0.6; cursor: not-allowed; }
form#email-prefs-form .item.disabled input:disabled { cursor: not-allowed; }

/* Search */
.hs-search-results { margin-top: 2rem; }
ul.hs-search-results__listing li { margin-bottom: 2rem; }
.hs-search-results__title { font-size: 1.25rem; margin-bottom: 0.25rem; }
.hs-search-results__description { padding-top: 0.5rem; }
.hs-search-highlight { font-weight: bold; }
.hs-search-results__pagination a { color: #051f46; }

/* Membership error message */
.form-input-validation-message ul { margin: 0; padding-left: 0; }
.form-input-validation-message ul li { line-height: 1rem; }

/* Password prompt */ 
.password-prompt input[type='password'] { height: auto !important; }


@media(max-width:991px){ 

    .systems-page { padding:12rem 20px 5em; }  
    .error-page {  padding:12rem 20px 5em; }
    
}

@media(max-width:767px){ 
  
    .systems-page { padding:8rem 20px 4em; }  
    .error_box { padding:20px; }    
    .systems-page .error_box h1 { font-size:30px; }
    .systems-page form input[type='submit'] { white-space: normal; }
    .error-page {  padding:8rem 20px 4em; } 
    .error_box h1 { font-size: 120px; line-height: 100px; }
    .error_box h3 { margin: 5px 0 10px; font-size: 24px; }
     
    
}
body .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{max-width: none; white-space: inherit; overflow: visible;}

/* HEADER */
header { position: absolute; top: 0; left: 0; right: 0; z-index: 99; }
header .inner { padding: 25px 0; border-bottom: 1px solid #E7EAF0; }
header .btn a { min-width: 213px; }
header.headerfixed { position: fixed; background: #fff; box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); }
header.headerfixed .inner { padding: 15px 0; border-bottom: none; }
header.headerfixed .btn a { padding: 12px 20px; }

.nav-toggle { background-color: transparent; border: none; cursor: pointer; padding: 10px 0; position: absolute; right: 0; top: 50%; transform:translateY(-50%); }
.nav-toggle .icon-bar { margin: auto; background-color: #233136; border-radius: 1px; display: block; height: 3px; position: relative; width: 22px; transition:all 0.5s;; }
.nav-toggle .icon-bar + .icon-bar { margin-top: 4px; }
.nav-toggle .icon-bar:nth-child(1), .nav-toggle .icon-bar:nth-child(3) { top: 0; transform: rotate(0deg); }
.nav-toggle.nav-menuopen .icon-bar:nth-child(1) { top: 7px; transform: rotate(45deg); }
.nav-toggle.nav-menuopen .icon-bar:nth-child(2) { opacity: 0; }
.nav-toggle.nav-menuopen .icon-bar:nth-child(3) { top: -7px; transform: rotate(-45deg); }

.mainmenu { width: calc(100% - 500px); padding: 0 20px 0 50px; }
.mainmenu .mobile-menu span.mobile-toggle { width: 36px; height: 36px; position: absolute; right: 0px; top: 4px; background-color: #ededed; transition:all 0.5s;; }
.mainmenu .mobile-menu span.mobile-toggle:after, .mainmenu .mobile-menu span.mobile-toggle:before { content: ""; background-color: #000; height: 16px; width: 2px; position: absolute; left: 17px; top: 10px; transition:all 0.5s;; }
.mainmenu .mobile-menu span.mobile-toggle:before { transform: rotate(90deg); transition:all 0.5s;; }
.mainmenu .mobile-menu span.mobile-toggle.nav-subopen:after { transform: rotate(90deg); }
.mainmenu .mobile-menu span.mobile-toggle.nav-subopen:before { opacity: 0; background-color: #fff; transform: rotate(180deg); }
.mainmenu .hs-menu-wrapper ul { padding: 0; margin: 0; list-style: none; }
.mainmenu .hs-menu-wrapper ul li a { display: block; color: #454B4D; }
.mainmenu .hs-menu-wrapper > ul { padding: 0; }
.mainmenu .hs-menu-wrapper > ul > li { display: inline-block; vertical-align: middle; }
.mainmenu .hs-menu-wrapper > ul > li:not(:first-child) { margin-left: 40px; }
.mainmenu .hs-menu-wrapper > ul > li > a { font-weight:700; width: auto; padding:10px 0; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children { position: relative;}
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper { background-color: #ffffff; padding: 25px 0; min-width: 240px; left: -53px; top: 50px; opacity: 0; position: absolute; visibility: hidden; z-index: 10; box-shadow: 0 0px 15px 0 rgb(0 0 0 / 15%); transition:all 0.5s;; border-radius: 8px; }

.mainmenu .hs-menu-wrapper > ul > li:nth-child(2).hs-item-has-children ul.hs-menu-children-wrapper { background-color: #ffffff; padding: 25px 0; min-width: 300px; top: 50px; opacity: 0; position: absolute; visibility: hidden; z-index: 10; box-shadow: 0 0px 15px 0 rgb(0 0 0 / 15%); transition:all 0.5s;; border-radius: 8px; }

.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper:after { position: absolute; content: ""; top: -6px; left: 0; right: 0; width: 21px; height: 6px; background: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/Triangle.svg) no-repeat center / cover; margin: 0 auto; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a { color: #454B4D; padding: 6px 30px; }

.mainmenu ul.mobile-menu li.hs-item-has-children > a { padding-right: 25px; padding-left:20px;}
.mainmenu ul.mobile-menu li.hs-item-has-children > a:after { position: absolute; content: ""; background: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/black-down-arrow.svg) no-repeat center / cover; width: 12px; height: 7px; top: 20px;transition:all 0.5s;; margin-left:5px;}
.mainmenu ul.mobile-menu li.hs-item-has-children:hover > a:after { background: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/blue-up-arrow.svg) no-repeat center / cover; }

/* HEADER */
header .logo { width: 270px; }
header .right-btn { width: 230px; text-align: right; }


/* FOOTER */
footer { background:
    
    
        
    
    rgba(10, 39, 84, 1.0)
; color:#fff; }
footer .footer-top { padding:64px 0 120px; }
footer ul li a { color:#fff; }
footer ul li a:hover { color:#56E2D6; }
footer .footer-top .f-title h4 { color: #fff; margin-bottom: 15px; }
footer .footer-top .top-menu { margin-right:80px; }
footer .footer-top .top-menu:last-child { margin-right:0; }
footer .footer-top .top-menu:nth-child(1) { width: 200px; }
footer .footer-top .top-menu ul { padding-left:0!important; }
footer .footer-top .top-menu ul li { list-style-type:none!important; }
footer .footer-top .top-menu ul li a { margin-bottom: 18px; display: inline-block; vertical-align: top; }
footer .footer-top .top-menu ul li:last-child a { margin-bottom: 0; }

footer .footer-bottom { padding: 40px 0; border-top: 1px solid rgb(231 234 240 / 24%); border-bottom: 1px solid rgb(231 234 240 / 24%); }
footer .footer-bottom .f-logo { width: 15%; padding-right: 30px; }
footer .footer-bottom .f-content { width: 60%; padding: 0 70px; border-left: 1px solid rgb(231 234 240 / 24%); border-right: 1px solid rgb(231 234 240 / 24%); }
footer .footer-bottom .f-social { width: 25%; padding-left: 30px; }
footer .footer-bottom .f-content .content { margin-right: 25px; }
footer .footer-bottom .f-social ul { display: flex; align-items: center; justify-content: flex-end; }
footer .footer-bottom .f-social ul li a { background: #0A2754; border: 1px solid #E7EAF0; border-radius: 4px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; margin-left: 16px; }
footer .footer-bottom .f-social ul li:nth-child(1) a:hover { background:linear-gradient(180deg, #28AEFB 0%, #126EE0 100%); border:none; }
footer .footer-bottom .f-social ul li:nth-child(2) a:hover { background:#2AA3EF; border:none; }
footer .footer-bottom .f-social ul li:nth-child(3) a:hover { background:#1569BF; border:none; }
footer .footer-bottom .f-social ul li:nth-child(4) a:hover { background:#FC0D1B; border:none; }

footer .copyright { display: flex; align-items: center; justify-content: center; padding: 24px 0; }
footer .copyright .menu ul li a { padding: 0 16px; border-right: 1px solid #E7EAF0; }
footer .copyright .menu ul { display: flex; }
footer .copyright .content { margin-left: 16px; }



@media (min-width:992px){
    .mainmenu .hs-menu-wrapper ul li:hover > a,
    .mainmenu .hs-menu-wrapper ul li.active > a,
    .mainmenu .hs-menu-wrapper ul li.active-branch > a{color:#01AFFF;}
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover ul.hs-menu-children-wrapper{opacity:1;visibility:visible;}
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children span.mobile-toggle, .nav-toggle{display:none;}
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li:hover a{color:#01AFFF; text-decoration:underline; }
}

@media (max-width:1429px) {
    .mainmenu .hs-menu-wrapper > ul > li:not(:first-child) { margin-left:25px; }
}

@media (max-width:1199px) {
    .mainmenu { padding: 0 0 0 20px; }
    .mainmenu .hs-menu-wrapper > ul > li:not(:first-child) { margin-left: 10px; }
    .mainmenu ul.mobile-menu li.hs-item-has-children > a { padding-right: 20px; margin-left:0px;}

    footer .footer-top { padding: 60px 0; }
    footer .footer-top .top-menu { margin-right:40px; }
    footer .footer-bottom .f-logo { width: 10%; padding-right: 10px; }
    footer .footer-bottom .f-content { padding: 0 30px; }
    footer .footer-bottom .f-social { width: 30%; }
}

@media (max-width:991px) {
    .mainmenu .hs-menu-wrapper ul li a{color:;padding:10px 15px;}
    .mainmenu .hs-menu-wrapper > ul{ background-color:#fff;display:none;left:0;margin:0;position:absolute;text-align:left;top:70px;width:100%;padding:10px 0 0; box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.15); border-radius:8px;}
    .mainmenu .hs-menu-wrapper > ul > li{display:block;}
    .mainmenu .hs-menu-wrapper > ul > li:not(:first-child){margin-left:0;}
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children {width:auto;}
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper{ background-color: #f5f5f5; position: static; opacity: 1; visibility: visible; display: none; width: 100%; transform: translateY(0); transition: none !important; border-radius: 0; box-shadow: none; padding: 10px 0;}
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a{padding:6px 15px 6px 30px;}
    header .inner { position:relative; }
    header .inner > div { width:auto; }
    header .right-btn { width: 100%; text-align: center; margin-top:10px; }
    header .btn a { width: 100%; border-radius: 0 0 8px 8px; } 

    footer .footer-top { padding: 60px 0 20px; flex-flow: wrap; margin:0 -15px; }
    footer .footer-top .top-menu:nth-child(1), footer .footer-top .top-menu:nth-child(2) { width: calc(50% - 30px); }
    footer .footer-top .top-menu { width: calc(33.33% - 30px); margin: 0 15px 40px; }
    footer .footer-top .top-menu ul li a { margin-bottom:5px; }
    footer .footer-bottom .f-logo { width: 15%; }
    footer .footer-bottom .f-content { display: block; width: 45%; padding: 0 20px; }
    footer .footer-bottom .f-content .content { margin: 0 0 15px; }
    footer .footer-bottom .f-social { width: 40%; }
    
    .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper:after { display:none; }
    .mainmenu .hs-menu-wrapper>ul>li:nth-child(2).hs-item-has-children ul.hs-menu-children-wrapper { padding:15px 0; background:#f5f5f5; min-width: 100%; left: 0; top: 0; opacity: 1; position: relative; visibility: visible; }  
    
}

@media (max-width:767px){
    header .inner { padding:15px 0; }
    header .logo img { max-width:240px; }
    
    footer { text-align: center; }
    footer .footer-top { margin: 0; }
    footer .footer-top .top-menu { width: 100%; margin: 0 0 30px; }
    footer .footer-top .top-menu:nth-child(1), footer .footer-top .top-menu:nth-child(2) { width:100%; }
    footer .footer-bottom { padding: 20px 0; }
    footer .footer-bottom .f-content { width: 100%; padding: 25px 0; border: none; }
    footer .footer-bottom .f-logo { padding: 0; width: 100%; }
    footer .footer-bottom .f-social { width: 100%; padding: 0; }
    footer .footer-bottom .f-social ul { justify-content: center; }
    footer .footer-bottom .f-social ul li:first-child a { margin-left: 0; }

    footer .copyright { display: block; }
    footer .copyright .menu ul { justify-content: center; padding-bottom:; }
    footer .copyright .menu ul li:last-child a { border-right: none; padding-right: 0; }
    footer .copyright .content { margin: 10px 0 0; }
    footer .copyright .menu ul li:first-child a { padding-left: 0; }
    
    
    
    
    
}
.lp-header-section { width: 100%; display: inline-block; vertical-align: top; padding: 30px 0; transition: all 0.5s;}
.lp-header-section .logo { width: 230px; }
header.lp-header.headerfixed .lp-header-section { padding: 20px 0;}

.lp-hero-section { width: 100%; display: inline-block; vertical-align: top; padding: 180px 0 60px; position:relative; z-index:1; overflow: hidden;}
.lp-hero-section:before {content: ' ';top: 0;left: 0;width: 100%;height: 100%;background-image: url("https://www.urbanbound.com/hubfs/2021%20Website%20Images/hero-shape-low.png");position: absolute;background-repeat: no-repeat;background-size: 100% 100%;background-position: center top;z-index: -1;}
.lp-hero-section .left-part { width: 50%; float: left; padding-right: 30px; }
.lp-hero-section .right-part { width: 50%; float: left; padding-left: 20px; }
.lp-hero-section .right-part .form-cover { box-shadow: -2.52px 5.04px 56.7px rgba(0, 0, 0, 0.06); border-radius: 32px; background: #fff; max-width: 540px; width: 100%; margin: auto; padding: 35px 40px; }
.lp-hero-section .right-part .form-cover h3.title { font-weight: 600; font-size: 24px; margin: 0 auto 30px; position: relative; padding-bottom: 15px; }
.lp-hero-section .right-part .form-cover h3.title:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 75px; height: 2px; background: #52d164; margin: 0 auto; }
.lp-hero-section .right-part .form-box .hs-form-field  input { background: #F6F6F6 !important; border-radius: 3px !important; border: 0 !important; height: 46px; }
.lp-hero-section .right-part .form-box .hs-form-field { margin-bottom: 9px; }
.lp-hero-section .right-part .form-box .hs-submit .hs-button { border: 2px solid #FF954D; background: #FF954D; border-radius: 16px; padding: 16px 32px; height: auto; min-width: 154px; font-weight: bold; font-size: 16px; color: #fff; text-transform: capitalize; }
.lp-hero-section .right-part .form-box .hs-submit .hs-button:hover { color: #FF954D; background: transparent; }
.lp-hero-section .left-part h1 { max-width: 470px; width: 100%; }
.lp-hero-section .left-part h2 { color: #54717B; }





.lp-hero-section .dots { width: 100%; position: absolute; top: 0; left: 0; height: 77%; z-index: -1; }
.lp-hero-section .dots img:first-child { top: auto; bottom: 0; position: absolute; left: 40%; }
.lp-hero-section .dots img:nth-child(2) { left: auto; right: 7%; position: absolute; top: 72%; }
.lp-hero-section .dots img:nth-child(3) { position: absolute; top: 25%; left: 18%; }
.lp-hero-section .dots img:nth-child(4) { position: absolute; left: auto; right: 12%; top: 30%; }
.lp-hero-section .dots img:nth-child(5) { position: absolute; top: 25%; left: auto; right: 28%; }
.lp-hero-section .dots img:nth-child(6) { position: absolute; top: 60%; left: 5%; }
.lp-hero-section .dots { transition: all 0.5s; }
/* animation: lp_hero_dots 5s linear infinite alternate;  */

@keyframes lp_hero_dots {
    0%   {transform:translate(10px, 8px);}
    25%  {transform:translate(20px, 20px);}
    50%  {transform:translate(14px, 1px);}
    75%  {transform:translate(25px, 6px);}
    100% {transform:translate(5px, 16px);}
}

.inside-section { width: 100%; display: inline-block; vertical-align: top; padding: 0 0 60px; position:relative;}
.inside-section:before {content: ' ';top: 90px;right: 0;background-image: url("https://www.urbanbound.com/hubfs/2021%20Website%20Images/shape-right.png");position: absolute;height: 480px;width: 700px;z-index: -1;background-repeat: no-repeat;background-size: 100% 100%;}
.inside-section .text { max-width: 990px; width: 100%; text-align: center; margin: auto; padding-bottom: 25px; }
.inside-section h2 { text-align: center; padding-bottom: 10px; }
.inside-section .details { max-width: 730px; width: 100%; margin: auto; }
.inside-section .details ul {display:flex; flex-wrap:wrap;}
.inside-section .details ul li { width: calc(100% / 2 - 4px); display: inline-block; position: relative; font-weight: 600; font-size: 20px; line-height: 24px; color: #54717B; padding: 0 15px 14px 35px; }
.inside-section .details ul li:before { content: ' '; width: 25px; height: 19px; position: absolute; background-image: url("https://www.urbanbound.com/hubfs/2021%20Website%20Images/green-true.svg"); background-repeat: no-repeat; background-size: contain; left: 0; top: 4px; }


.download-guide-section { width: 100%; display: inline-block; vertical-align: top; padding: 50px 0 120px; }
.download-guide-section h2 { text-align: center; max-width: 645px; width: 100%; margin: auto; padding-bottom: 50px; }
.download-guide-section .box { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 40px; }
.download-guide-section .box .cover { display: flex; align-items: center; max-width: 980px; width: 100%; margin: auto; }
.download-guide-section .box .left-part { width: 50%; padding-right: 50px; border-right: 2px solid #52D164; }
.download-guide-section .box .right-part { width: 50%; padding-left: 50px; }
.download-guide-section .box .left-part .text { max-width: 430px; width: 100%; }
.download-guide-section .box .right-part .icon { max-width: 70px; width: 100%; }
.download-guide-section .box:nth-child(even) .cover { flex-direction: row-reverse; }
.download-guide-section .box:nth-child(even) .cover .left-part { border-left: 2px solid #52D164; border-right: 0; padding-right: 0; padding-left: 50px; transform: translateX(-2px); }
.download-guide-section .box:nth-child(even) .cover .right-part { padding-left: 0; padding-right: 50px; text-align: right; }
.download-guide-section .box:nth-child(even) .cover .right-part .icon { float: right; }
.download-guide-section .btn { text-align: center; padding-top: 40px;}
.download-guide-section .box .left-part h3 {  font-weight: 600;  font-size: 24px; line-height: 32px;}



.company-hero-section { width: 100%; display: inline-block; vertical-align: top; padding: 225px 0px 50px; text-align: center; position: relative; }
.company-hero-section .btn-strip { display: flex; justify-content: center; align-items: center; padding: 40px 0 0; }
.company-hero-section .btn-strip .btn-1 { /*padding-right: 25px;*/ }
.company-hero-section .btn-strip .btn-2 { /*padding-left: 25px;*/ }
.company-hero-section:after { content: ' '; position: absolute; background-image: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/banner-shape-one.png); background-repeat: no-repeat; background-position: left top; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: -1; }
.company-hero-section:before { content: ' '; background-image: url("https://www.urbanbound.com/hubfs/company-shape.png"); background-repeat: no-repeat; background-position: right top; width: 100%; height: 100%; top: 30%; left: auto; pointer-events: none; z-index: -1; right: 0; position: absolute; background-size: contain; }
.company-hero-section .dots { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.company-hero-section .dots img:first-child { position: absolute; left: 7%; top: 50%; }
.company-hero-section .dots img:nth-child(2) { position: absolute; left: auto; top: 58%; right: 7%; }
.company-hero-section .dots img:nth-child(3) { position: absolute; left: auto; top: 49%; right: 24%; }
.company-hero-section .dots img:nth-child(4) { position: absolute; left: auto; top: 53%; right: 36%; }
.company-hero-section .dots img:nth-child(5) { position: absolute; top: 29%; left: auto; right: 12%; }
.company-hero-section .dots img:nth-child(6) { position: absolute; left: 21%; top: 47%; }
.company-hero-section .dots img:nth-child(7) { position: absolute; top: 22%; left: 29%; }
.company-hero-section .dots img:nth-child(8) { position: absolute; top: 22%; left: auto; right: 29%; }
.company-hero-section .dots img:nth-child(9) { position: absolute; top: 93%; left: auto; right: 29%; }
.company-hero-section .dots img:nth-child(10) { position: absolute; top: 87%; left: 46%; }
.company-hero-section .dots img:nth-child(11) { position: absolute; top: 97%; left: 12%; }
.company-hero-section .dots { transition: all 0.5s; }
/* animation: lp_hero_dots 5s linear infinite alternate;  */

@keyframes lp_hero_dots {
    0%   {transform:translate(10px, 8px);}
    25%  {transform:translate(20px, 20px);}
    50%  {transform:translate(14px, 1px);}
    75%  {transform:translate(25px, 6px);}
    100% {transform:translate(5px, 16px);}
}

.solution-section.company-solution-section .box { text-align: left; padding-bottom: 30px; }
.solution-section.company-solution-section .box h3 { font-weight: 600; font-size: 24px; line-height: 32px; margin-bottom: 10px; }
.solution-section.company-solution-section .title-wrap { position: relative; padding-bottom: 40px; margin: 0 auto 40px; }
.solution-section.company-solution-section .title-wrap:before { content: ' '; position: absolute; bottom: 0; left: 0; right: 0; width: 110px; height: 2px; background: #52d164; margin: 0 auto; }

.content-strip-section { width: 100%; display: inline-block; vertical-align: top; padding: 150px 0px 110px; text-align: center; position:relative;}
.content-strip-section .cover { /*box-shadow: -2.52px 5.04px 56.7px rgba(0, 0, 0, 0.06); border-radius: 32px; background: #fff; padding: 50px 60px; /*font-weight: 600; font-size: 36px; line-height: 44px;*/ }
.content-strip-section .cover a { color: #01AFFF; }
.content-strip-section:before {content: '';position: absolute;background-image: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-1.png);background-repeat: no-repeat;background-position: top 0px left 30px;background-size: contain;width: 100%;height: 100%;top: 120px;left: 0;z-index: -1;pointer-events: none;}
.header-care-page .resource-section { padding: 20px 0 110px;}



.header-care-page section.business-section.solution-section.client-section.meet-opacity:before{height: 500px;}








@media (max-width:1200px){
    .content-strip-section .cover{ /*font-size: 28px; line-height: 38px;*/}
}



@media (max-width:991px){
    .lp-hero-section { padding: 140px 0 100px; }
    .inside-section:before { height: 330px; width: 490px; }
    .download-guide-section { padding: 50px 0 80px; }
}


@media (max-width:767px){
    .lp-hero-section .left-part { width: 100%; padding: 0; }
    .lp-hero-section .right-part { width: 100%; padding: 35px 0 0; }
    .lp-hero-section:before { background-size: cover; }
    .lp-hero-section { padding: 120px 0 60px; }
    .lp-hero-section .left-part h1 { max-width: 100%; text-align: center; }
    .lp-hero-section .left-part h2 { text-align: center; }
    .inside-section .details ul li { width: 100%; padding-right: 0; }
    .inside-section .details { max-width: 310px; }
    .inside-section { padding: 0 0 30px; }
    .inside-section .text { padding-bottom: 50px; }
    .download-guide-section { padding: 20px 0 60px; }
    .download-guide-section .box .left-part { padding-right: 30px; }
    .download-guide-section .box .right-part { padding-left: 30px; }
    .download-guide-section .box:nth-child(even) .cover .right-part { padding-right: 30px; }
    .download-guide-section .box:nth-child(even) .cover .left-part { padding-left: 30px; }
    .download-guide-section .btn { padding-top: 20px; }
    .solution-section { padding: 120px 0 20px; }
    .solution-section.company-solution-section { padding: 60px 0 20px; }
    .company-hero-section .btn-strip { flex-direction: column; padding: 40px 0 0; }
    .company-hero-section .btn-strip .btn-1 { padding: 0 0 20px; }
    .company-hero-section .btn-strip .btn-2 { padding: 0; }
    .company-hero-section { padding: 135px 0px 60px; }
    .company-hero-section:after { background-size: 55%; width: 400px; height: 400px; }
    .company-hero-section:before { background-size: 90%; width: 400px; height: 460px; }
    .content-strip-section { padding: 20px 0px 40px; }
    section.business-section.solution-section.client-section .inner { padding-top: 40px; }
    .header-care-page .resource-section { padding: 20px 0 80px; }
    .content-strip-section .cover { /*font-size: 19px; line-height: 30px; padding: 30px 20px;*/}


}


@media (max-width:480px){
    .lp-hero-section .right-part .form-cover { padding: 35px 20px; }
    .inside-section .details ul li { font-size: 18px; }
    .download-guide-section .box .left-part { width: 100%; padding: 0; border: 0; text-align: center; }
    .download-guide-section .box .right-part { width: 100%; padding: 0 0 20px; }
    .download-guide-section .box .cover { flex-direction: column-reverse; }
    .download-guide-section .box .right-part .icon { margin: auto; }
    .download-guide-section .box:nth-child(even) .cover { flex-direction: column-reverse; }
    .download-guide-section .box:nth-child(even) .cover .left-part { padding: 0; border: 0; }
    .download-guide-section .box:nth-child(even) .cover .right-part { padding: 0 0 20px; }
    .download-guide-section .box:nth-child(even) .cover .right-part .icon { float: none; }
}

*{box-sizing: border-box;}
*:focus{outline:none;}
::-moz-focus-inner{border:0;}
body{margin:0px;}

/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}



.content-wrapper {
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
}

@media screen and (min-width: 1200px) {
  .content-wrapper {
    padding: 0;
  }
}



/* General  */
.container {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 25px;
    overflow: visible;
}



@media screen and (max-width: 768px) {
    .mobile-col {
        flex-direction: column;
    }
}

/* html {
  scroll-behavior:smooth;
} */
.slick-slide img {width:200px; margin: 0 auto;}
.row-fluid [class*="span"]{min-height:auto;}
.container{margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; float:none; box-sizing: border-box; width:100%;}
.container:after{clear:both; content: ""; display:table;}

.padding-topbottom{padding-top:60px; padding-bottom:60px;}
.padding-top{padding-top:60px;}
.padding-bottom{padding-bottom:60px;}

.card-box {width: 100%;
    border-radius: 10px;
    border: 1px solid #e7eaf0;
    padding: 15px;
    background: #fff;
    max-width:75%;
  margin:0 auto;
}

img{height:auto; max-width:100%;}


/* Slick css */
.slick-slider .slick-arrow { background: rgb(1 175 255 / 16%); border: 0; position: absolute; bottom: -16px; left: 38%; width: 56px; height: 56px; border-radius: 100%; font-size: 0; color: #fff; transition: 400ms; cursor: pointer; }
.slick-slider .slick-arrow.slick-next { left: auto; right: 38%; }
.slick-slider .slick-arrow:after { position: absolute; content: ""; background: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/left-arrow.svg) no-repeat center / cover; width: 12px; height: 22px; top: 50%; left: -5px; right: 0; margin: 0 auto; transform: translateY(-50%); }
.slick-slider .slick-arrow.slick-next:after { background: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/right-arrow.svg) no-repeat center / cover; left: 0; right: -5px; }
.slick-slider .slick-arrow:hover { background: rgb(1 175 255 / 25%); }

.slick-slider .slick-dots { text-align: center; padding: 0; margin: 20px 0 0; }
.slick-slider .slick-dots li { display: inline-block; vertical-align: middle; margin: 0 4px; }
.slick-slider .slick-dots li button { width: 8px; height: 8px; border-radius: 100%; background-color: #E7EAF0; display:flex; border: none; padding: 0; text-indent: -9999px; cursor: pointer; opacity: .64; transition:all 0.5s;; }
.slick-slider .slick-dots li.slick-active button { width: 16px; height: 16px; opacity: 1; }

/* data-small-btn="true" */
.fancybox-slide .fancybox-content{overflow:visible !important;}
.fancybox-slide .fancybox-close-small{background:#fff;border-radius:100%;height:30px;opacity:1;padding:2px;right:0;top:-38px;width:30px;}
.fancybox-slide .fancybox-close-small svg{color:#000;}

.title h2 { position: relative; padding-bottom: 30px; max-width: 670px; margin: 0 auto 40px; text-align:center; }
.title h2:after { position: absolute; content: ""; bottom: 0; left: 0; right: 0; width: 110px; height: 2px; background: #52D164; margin: 0 auto; }
.title.no-border h2:after { display: none; }
.title.no-border h2 { padding-bottom: 0; }

/* CSS start from here */

/* Banner Section */
.banner-section { padding: 227px 0 120px; position: relative; }
.banner-section2 { padding: 50px 0 50px; position: relative; }
.banner-section.less-space { padding: 30px 0 0px; position: relative; }
.banner-section:before { position: absolute; content: ""; background-image: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/banner-shape-one.png); background-repeat: no-repeat; background-position: left top; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index:-1; }
.banner-section:after { position: absolute; content: ""; background-image: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/banner-shape-two.png); background-repeat: no-repeat; background-position: right top; width: 100%; height: 130vh; top: 0; right: 0; pointer-events: none; z-index:-1; }
.banner-section .left { width: 580px; min-height:400px;}
.banner-section .left .content { margin: 30px 0 40px; font-size: 18px; line-height: 26px; }
.banner-section .left .content span { font-weight: 600; font-size: 24px; line-height: 32px; letter-spacing: -0.06em; display: inline-block; vertical-align: middle; color: #FF954D; font-family: 'Proxima Nova'; }
.banner-section .right { width: calc(100% - 580px); padding-left:40px; position:relative; margin-top:20px;}
.banner-section .right .image { position: absolute; left: 40px; top: -20px; max-width:694px; height:auto; padding-top:5px;width:500px; height:375px;}
.banner-section .right .image .bg_img { position:absolute; right: 41px; top: 3px; width:100%; height:100%; font-size:560px; line-height:413px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -75px; z-index:1; background-size: cover; background-repeat: no-repeat; }
.banner-section .right .image .bg_pat { position:absolute; right:0; top:0; width:100%; height:100%; background-size:100% 100% !important; }

.homehero_area .right .image { position: absolute; left: 40px; top: -20px; width:685px; height:388px; }
.homehero_area .right .image .bg_img { position:absolute; right: 41px; top: 3px; width:100%; height:100%; font-size:560px; line-height:413px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -75px; z-index:1; background-size: cover; background-repeat: no-repeat; }
.homehero_area .right .image .bg_pat { position:absolute; right:0; top:0; width:100%; height:100%; background-size:100% 100% !important; }


footer .copyright .menu ul li {list-style-type:none;}
footer .footer-bottom .f-social ul li {list-style-type:none;}
/* SOLUTION SECTION */
.solution-section { padding: 140px 0 100px; background: linear-gradient(0,#fff 10%,rgba(255,255,255,0) 100%); position: relative; overflow:hidden; }
/* .solution-section:after { position: absolute; content: ""; background: #fff; width: 1108px; height: 1108px; border-radius: 100%; border: 1px solid #E7EAF0; top: 61px; left: 0; right: 0; margin: 0 auto; background-position: center top; background-size: auto; z-index: -1; pointer-events: none; }
.solution-section:before { position: absolute; content: ""; width: 1170px; height: 1170px; border-radius: 100%; background: #fff; top: 35px; left: 0; right: 0; margin: 0 auto; box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.04); z-index: -1; pointer-events: none; } */
.solution-section .inner { max-width: 770px; margin: 0 auto; }
.solution-section .inner .icon { margin-bottom: 45px; }
.solution-section .inner .btn { margin-top: 60px; }
/* .solution-section .inner .title h2{font-weight:600;} */

/* EXPERIENCE SECTION */
.experience-section { padding: 50px 0 180px; position: relative; z-index: 1; }
.experience-section:before { position: absolute; content: ""; background-image: url(https://www.urbanbound.com/hubfs/BlobExperience.svg); background-repeat: no-repeat; background-position: top 0px left 30px; background-size: auto; width: 100%; height: 100%; top: -40px; left: 0; z-index: -1; pointer-events: none; }
.experience-section:after { position: absolute; content: ""; background-image: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-2.png); background-repeat: no-repeat; background-position: bottom right 50px; background-size: auto; width: 100%; height: 100%; bottom: 0; left: 0; z-index: -1; pointer-events: none; }
.experience-section .inner .right { width: 480px; }
.experience-section .inner .right .video { border-radius: 10px; border: 1px solid #E7EAF0; padding: 15px; background: #f5f6f9; }
.experience-section .inner .left { width: calc(100% - 480px); padding: 33px 15px 0 0; max-width:630px;}
.experience-section .inner .left .box { background: #fff; box-shadow: -2.52px 5.04px 56.7px rgba(0, 0, 0, 0.06); border-radius: 32px; padding: 53px 40px; max-width: 517px; margin-bottom: 36px; }
.experience-section .inner .left .box.top-box { padding: 60px 40px; }
.experience-section .inner .left .box:last-child { margin-bottom: 0; }
.experience-section .inner .left .box.bottom-box { margin: 0 0 0 auto; }
.experience-section .inner .left .box .btn { margin-top: 40px; }

/* WORK SECTION */
.work-section { padding: 20px 0 100px; position: relative; }
.work-section:before { position: absolute; content: ""; background-image: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-3.png); background-repeat: no-repeat; background-size: auto; background-position: top left; width: 100%; height: 100vh; top: -50px; left: 0; z-index: -1; pointer-events: none; }
.work-section .title h2 { margin-bottom: 70px; }
.work-section .inner .image { margin: 0 auto; }

/* BUSINESS SECTION */
.business-section.solution-section { padding-top: 180px; }
section.business-section.solution-section:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 1000px;
    width: 100%;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);
}
.business-section .inner { max-width: 1040px; position: relative; margin-top: 65px; flex-wrap:wrap; }
.business-section .inner .box { width: calc(33.33% - 40px); margin: 0 20px; }
.business-section .inner .box .icon { margin-bottom: 24px; height:64px;}
.business-section .inner .box h4 { margin: 24px 0; 
    color: #54717b;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

/* YOU CAN SECTION */
.youcan-section { padding:60px 0 120px; position:relative; z-index:1; }
.youcan-section:after { position: absolute; content: ""; background-image: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-4.png); background-repeat: no-repeat; background-position: top right; background-size: auto; width: 100%; height: 100vh; top: -75px; right: 0; z-index: -1; pointer-events: none; }
.youcan-section:before { position: absolute; content: ""; background-image: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-5.png); background-repeat: no-repeat; background-position: bottom left 30px; background-size: auto; width: 100%; height: 100vh; bottom: -250px; left: 0; z-index: -1; pointer-events: none; }
.youcan-section .youcan-slider .slick-list { margin:0 -15px; }
.youcan-section .youcan-slider .slick-track { display: table; }
.youcan-section .youcan-slider .slick-slide { width: 300px; display: table-cell; vertical-align: middle; float: none; }
.youcan-section .youcan-slider .slick-slide .box { background: #FFFFFF; box-shadow: -2.52px 5.04px 25px rgb(0 0 0 / 6%); border-radius: 8px; margin: 20px 20px 30px; padding: 30px; }
.youcan-section .youcan-slider .slick-slide .box h5 { color: #FF954D; font-weight: 400; max-width: 190px; margin: 0 auto;font-weight:600;}
.youcan-section .youcan-slider .slick-slide .box .content { opacity: 0; visibility: hidden; height: 0; transition: all 0.5s; }
.youcan-section .youcan-slider .slick-slide .box .btn2 { margin-top: 28px; }
.youcan-section .youcan-slider .slick-slide .box .btn2 a{ font-family: 'Proxima Nova';font-weight:600;}

.youcan-section .youcan-slider .slick-slide.slick-current { width: 600px; }
.youcan-section .youcan-slider .slick-slide.slick-current .box { padding: 58px 65px; }
.youcan-section .youcan-slider .slick-slide.slick-current .box h5 { max-width: 100%; margin-bottom: 20px; }
.youcan-section .youcan-slider .slick-slide.slick-current .box .content { opacity: 1; visibility: visible; height: auto; }

/* CONVERSITION SECTION */
.resource-section { padding-bottom: 160px; position:relative; z-index:1; }
.resource-section .title h2 { max-width: 800px; }
.resource-section .inner .content { font-size: 36px; line-height: 40px; margin-bottom: 55px; font-family: 'Proxima Nova'; }
.resource-section .inner .content a { color: #56E2D6; text-decoration: underline; }
.resource-section .inner .content p{font-weight:600;}


header .logo { width: 230px; }
.mainmenu { width: calc(100% - 460px); padding-right: 0; padding-left: 40px; }
.mainmenu .hs-menu-wrapper > ul > li:not(:first-child) { margin-left: 6px; }
.mainmenu .hs-menu-wrapper > ul > li > a { font-size: 15px; }

.body-container-wrapper { overflow: hidden; }
/* .mainmenu ul.mobile-menu li.hs-item-has-children .hs-menu-children-wrapper a:after { display: none !important; } */
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper { left: 100%; opacity: 0;  top: 0; visibility: hidden; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .hs-item-has-children { position: relative; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper { position: relative; left: 0; padding: 0; box-shadow: none; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .hs-item-has-children:hover ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper li a { color: #454b4d; text-decoration: none; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper a:before {content: "";width: 5px;height: 5px;border-radius: 100%;background: #000;position: absolute;left: 33px;top: 15px;}

.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper a { position: relative; padding-left: 50px; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper:after { display: none; }

.Work_Slider .slick-slide { float: none; display: inline-block !important; vertical-align: middle; }
.mainmenu ul.mobile-menu li.hs-item-has-children .hs-menu-children-wrapper a:after { transform: rotate(-90deg); right: 10px; top: 0;  bottom: 0;  margin: auto; }

/**/
.sub_title { position:relative; color: #454B4D; font-weight: 600; font-size: 24px; line-height: 32px; padding-bottom:15px; }
.sub_title:before { position: absolute; content: ""; bottom: 0; left: 0; width: 110px; height: 2px; background: #52d164; }

.relservices_main { width:100%; display:flex; flex-wrap:wrap; margin-top:50px; text-align:left; }
.relservices_main .relservices_box { width:calc(100%/3); padding:0 10px; }
.relservices_main .relservices_box span { width:auto; display:inline-block; padding:20px 10px 20px 70px; position:relative; color: #54717B; font-weight: bold; font-size: 16px; line-height: 20px; box-shadow: -2.52px 5.04px 56.7px rgba(0, 0, 0, 0.06); border-radius: 32px; }
.relservices_main .relservices_box span:before { position:absolute; content:""; width:32px; height:26px; left:25px; top:50%; background:url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/check.png') no-repeat center center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } 
.relocaser_area .relservices_text { margin-top:50px; color: #54717B; font-weight: 600; font-size: 20px; line-height: 24px; }

.serwithimg_area .leftimg { width:100%; height:480px; border:15px solid #fff; border-radius:10px; /*box-shadow: -2.52px 5.04px 56.7px rgba(0, 0, 0, 0.06); -webkit-box-shadow: -2.52px 5.04px 56.7px rgba(0, 0, 0, 0.06); -moz-box-shadow: -2.52px 5.04px 56.7px rgba(0, 0, 0, 0.06);*/ }
.serwithimg_area .servibox { background:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%) ; padding:40px 50px; border-radius:32px; width: 100%; max-width: 500px; box-shadow: -2.52px 5.04px 56.7px rgba(0, 0, 0, 0.06); -webkit-box-shadow: -2.52px 5.04px 56.7px rgba(0, 0, 0, 0.06); -moz-box-shadow: -2.52px 5.04px 56.7px rgba(0, 0, 0, 0.06); }
.serwithimg_area .servibox .icon {max-width:50px;}
.serwithimg_area .servibox .sub_title { margin:20px 0; }  
.serwithimg_area .servibox ul li {margin-left:10px;}
.serwithimg_area .servibox ul li:before {  position:absolute; content:" "; width:6px; height:6px; background:#454B4D; border-radius:50%;margin-top:9px;  margin-left:-13px;}  
.serwithimg_area.experience-section .inner .left { /*width:calc(100% - 500px);*/ }
.serwithimg_area.experience-section .inner .right { width:480px; margin-left: -100px; display:flex; position:relative; }

.business-section .business-topttext { width:100%; max-width:770px; margin:0 auto; }
.business-section .inner:empty { display:none; }  

.experience-section.nopattern:after{ display:none; }
.experience-section.nopattern .container { position:relative; z-index:11; }
.experience-section.bgpattern { z-index:0; }
.experience-section.bgpattern:after{ display:none; }
.experience-section.bgpattern:before { position:absolute; content:""; left:0; top:-600px; width:100%; height:calc(100% + 800px); background:url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/worked-bg.png') no-repeat center center / cover; background-size:100% 100%; z-index:-1;  }    
.experience-section.bgpattern2:before { position:absolute; content:""; left:0; top:-600px; width:100%; height:calc(100% + 800px); background:url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/worked-bg.png') no-repeat center center / cover; background-size:100% 100%; z-index:-1; transform: rotateY(180deg); }    
.experience-section.bgpattern3:before { position:absolute; content:""; left:0; width:100%; height:calc(100% + 800px); background:url('https://www.urbanbound.com/hubfs/bg-2.png') no-repeat center center / cover; background-size:100% 100%; z-index:-1; transform: rotateY(180deg); }    



.patchange.experience-section { padding-top:80px; margin-top:-120px; }
.patchange.experience-section:before { width: 400px; height: 535px; top:auto; bottom: -300px; left: 10px; z-index: -1; pointer-events: none; background-position: center center; background-size: 100% 100%; }
.patchange.experience-section .container { max-width:1305px; }
.sectionrel { position:relative; z-index:1; }
.sectionrel .inner { margin-bottom:0; }
.sectionrel:after { display:none; }

.amplify_area { position:relative; z-index:1; }
.amplify_area .inner { margin-bottom:0; }
.amplify_area:after { height:400px !important; }
 
.serwithimg_boxanim.serwithimg_area.experience-section .inner .right {  margin-left:0; margin-right:-100px; }
.serwithimg_boxanim.serwithimg_area.experience-section .inner .left { padding-right: 0; padding-left: 30px; }


/* 05-08-2021 */
.experience-section .inner { flex-wrap: wrap; justify-content: center; align-items:center;}
.experience-section .bottom-box-inner { /*background: #fff; box-shadow: -2.52px 5.04px 56.7px rgb(0 0 0 / 6%);*/ border-radius: 32px; max-width: 517px;  margin-bottom: 36px; padding: 60px 40px; margin-top: 30px; }
.experience-section .bottom-box-inner .btn.blue-btn { margin-top: 40px; }

.business-section .inner .box:nth-child(2) { animation-delay: .8s; }
.business-section .inner .box:nth-child(3) { animation-delay: 1.2s; }

.resource_ctaarea .btn.blue-btn a { background:rgba(255,131,47,1.0); }
.resource_ctaarea .btn.blue-btn a:hover { background:rgba(255,131,47,0.8); }

/**/
.bloghero_area { width:100%; display:inline-block; padding:220px 0 50px 0; text-align:center; color:#000; position:relative; }
.bloghero_area:before { position: absolute; content: ""; width: 515px; height: 535px; left: -200px; top: -240px; background: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-1.png) no-repeat center center / cover; z-index: -1; pointer-events: none; transform: rotateY(185deg) rotate(-105deg); background-position: center center; background-size: 100% 100%; }
.bloghero_area h1 { color:#000; }
.bloghero_area .bloghero_text { width:100%; max-width:500px; margin:0 auto; }
.bloghero_area .posthero_left,.bloghero_area .posthero_left { position:relative; z-index:11; }

.bloghero_area .dots { position:absolute; width:100%; height:100%; left:0; top:0; transition: all .5s; z-index:-1; } 
.bloghero_area .dots img { position:absolute; }
.bloghero_area .dots1 { left: 24%; bottom: 90px; }
.bloghero_area .dots2 { left: 8%; bottom: -19px; }
.bloghero_area .dots3 { left: 10%; bottom: -240px; }

.bloghero_area .dots4 { right: 31%; top: 160px; }
.bloghero_area .dots5 { right: 13%; top: 190px; }
.bloghero_area .dots6 { right: 7%; bottom: -20px; }



.post_listing { width:100%; padding:50px 0 100px; position:relative; }
.post_listing:after { position: absolute; content: ""; width: 606px; height: 598px; bottom: 130px; right:-130px; background: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-2.png) no-repeat center center / cover; background-size: 100% 100%; z-index: -1; pointer-events: none; transform:rotateX(181deg) rotate(-85deg); }
/* .post_listing:before { position: absolute; content: ""; width: 515px; height: 535px;  left:60px; top:80px; background: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-1.png) no-repeat center center / cover;  z-index: -1; pointer-events: none; transform: rotateX(-210deg); background-position: center center; background-size: 100% 100%; } */

.blog-index { margin:0 -20px; display:flex; flex-wrap:wrap; }  
.blog-index .post_item { width:calc(100%/3 - 40px); margin:0 20px 40px; height:350px; transition:all .4s ease; overflow:hidden; }
.blog-index .post_item.hidden { display:none; }
.blog-index .post_item .post_iteminner { width:100%; transition:all .4s ease; }
.blog-index .post_item:hover { box-shadow: 0px 60px 80px rgba(0, 0, 0, 0.04), 0px 38.8889px 46.8519px rgba(0, 0, 0, 0.0303704), 0px 23.1111px 25.4815px rgba(0, 0, 0, 0.0242963), 0px 12px 13px rgba(0, 0, 0, 0.02), 0px 4.88889px 6.51852px rgba(0, 0, 0, 0.0157037), 0px 1.11111px 3.14815px rgba(0, 0, 0, 0.00962963); } 
.blog-index .post_item:hover .post_contact { }
.blog-index .post_item .post_img { width:100%; height:200px; display:block; }
.blog-index .post_item .post_itemtext { width:100%; position:relative; opacity:0; transition: all .4s ease; }
.blog-index .post_item:hover .post_itemtext { opacity:1; }
.blog-index .post_item:hover .post_iteminner { margin-top: -120px; }

.blog-index .post_item .post_contact { width:100%; padding:20px;  transition:all .4s ease; }  
.blog-index .post_item .post_title { color: #202427; font-weight: 600; font-size: 21px; line-height: 28px; display:inline-block; margin-bottom:10px; }
.blog-index .post_item .post_title:hover { color: #01AFFF; }
.blog-index .post_item .topic_box { width:100%; display:block; }
.blog-index .post_item .topic_box a { color: #01AFFF; font-weight: 600; font-size: 16px; line-height: 34px; margin-right:10px; }   
.blog-index .post_item .topic_box a:hover { color:#000; }    

.filter_box { width:100%; display:block; margin-bottom:40px; }
.filter_box ul { width:100%; display:flex; flex-wrap:wrap; }
.filter_box ul button { color: #DEDFE1; background-color:#fff; border: 1px solid #DEDFE1; cursor:pointer; width: auto; display: inline-block; padding: 12px 16px; margin: 0 10px 10px; border-radius: 16px; min-width: 70px;  text-transform: capitalize; font-weight: bold; font-size: 16px; line-height: 20px; transition:all .4s ease; }
.filter_box ul button:hover { color:#01AFFF; border-color:#01AFFF; } 
.filter_box ul button.is-checked { color:#01AFFF; border-color:#01AFFF;  }

.post_listing .more_wrap { width:100%; text-align:center; }
.post_listing .loadmore { color: #979797; border: 1px solid #979797; cursor:pointer; width: auto; padding: 12px 16px; margin: 20px auto 0; border-radius: 16px; min-width: 200px; background: transparent; text-transform: capitalize; font-weight: bold; font-size: 16px; line-height: 20px; transition:all .4s ease;  }
.post_listing .loadmore:hover { color:#01AFFF; border-color:#01AFFF; }
  
.posthero_area { width:100%; padding:200px 0 70px; position:relative; }
.posthero_area:before { position: absolute; content: ""; width: 515px; height: 535px; left: -200px; top: -240px; background: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-1.png) no-repeat center center / cover; z-index: -1; pointer-events: none; transform: rotateY(185deg) rotate(-105deg); background-position: center center; background-size: 100% 100%; }
.posthero_area:after { position: absolute; content: ""; width: 606px; height: 598px; top: 130px; right: -40px; background: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-2.png) no-repeat center center / cover; background-size: 100% 100%; z-index: -1; pointer-events: none; transform:rotateX(181deg) rotate(-85deg); }
 
.posthero_area .dots { position:absolute; width:100%; height:100%; left:0; top:0; margin-top: -40px; transition: all .5s; } 
.posthero_area .dots img { position:absolute; }
.posthero_area .dots1 { right: 31%; top: 160px; }
.posthero_area .dots2 { right: 11%; top: 175px; }
.posthero_area .dots3 { right: 8%; top: 400px; }
.posthero_area .dots4 { right: 30%; bottom: 30px; }

.posthero_area .container { display:flex; flex-wrap:wrap; align-items:center; }
.posthero_area .posthero_left,.posthero_area .posthero_left { position:relative; z-index:11; }
.posthero_area .posthero_left { width:50%; padding-right:50px; }
.posthero_area .posthero_left .blog-post__tags { width:100%; }
.posthero_area .posthero_left .blog-post__tags a { color: #01AFFF; font-weight: 600; font-size: 20px; line-height: 24px; } 
.posthero_area .posthero_left h1 { margin:12px 0 40px; }
.posthero_area .posthero_right { width:50%; box-shadow: -2.52px 5.04px 56.7px rgb(0 0 0 / 6%); position:relative; z-index:1; border: 15px solid #fff; border-radius: 16px; min-height: 400px; }

.post_follow { width:100%; }
.post_follow ul { width:100%; padding:0; margin:0; list-style:none; }
.post_follow ul li { width:auto; display:inline-block; }
.post_follow ul li a { width:30px; height:30px; margin-right:8px; display:inline-block; padding:3px; color:#fff; background: #E7EAF0; border-radius: 1px; text-align: center; font-size: 18px; margin-bottom: 15px;  display: inline-block; }    
.post_follow ul li a:hover { background:#01AFFF; }
.posthero_area .post_date { color: #54717B; font-weight: 600; font-size: 20px; line-height: 24px; width:100%; display:inline-block; margin-bottom:15px; }
   
.blog-post { width:100%; }
.blog-post .blog-post__body { max-width:1140px; width:100%; margin:0 auto; }
.blog-post .blog-post__body img { box-shadow: -2.52px 5.04px 56.7px rgb(0 0 0 / 6%); border: 15px solid #fff; border-radius: 16px; }  
.blog-post .blog-post__body blockquote { width:100%; margin:40px 0; font-weight: normal; font-style: italic; font-size: 24px; line-height: 32px; padding:15px 30px; color: #9E9E9E; border-left:2px solid #01AFFF; }

.blog-post .blog-post__body .number { width: 100%; display: inline-block; vertical-align: top; padding: 40px 0; }
.blog-post .blog-post__body .number .num { display: flex; align-items: center; margin: 0 auto; max-width: 630px;; }
.blog-post .blog-post__body .number .num h2 { color:#01AFFF; font-weight: bold; font-size: 82px; width: 45%; float: left; padding-right: 25px; text-align: right; padding-bottom: 0; }
.blog-post .blog-post__body .number .num-text { width: 55%; float: left; padding: 20px 0 20px 25px; border-left: 2px solid #01AFFF;  color: #AEAEAE; }
.blog-post .blog-post__body ul { width:100%; padding:0 0 0 10px; margin:0; list-style:none; } 
.blog-post .blog-post__body ul li { width:100%; margin-bottom:10px; position:relative; padding-left:15px; }
.blog-post .blog-post__body ul li:after { position:absolute; content:""; left:0; top:7px; width:6px; height:6px; background:#000; border-radius:50%; }
 
.inner-post-subscribe { width: 100%; display: inline-block; vertical-align: top; padding: 40px 0 80px; }
.inner-post-subscribe .inner-subscribe { background: #01AFFF; border-radius: 15px; padding: 30px 30px; width: 100%; max-width: 770px; margin: 0 auto; box-shadow: 0px 38px 80px rgb(0 0 0 / 7%), 0px 24.6296px 46.8519px rgb(0 0 0 / 5%), 0px 14.637px 25.4815px rgb(0 0 0 / 4%), 0px 7.6px 13px rgb(0 0 0 / 4%), 0px 3.0963px 6.51852px rgb(0 0 0 / 3%), 0px 0.703704px 3.14815px rgb(0 0 0 / 2%); }
.inner-post-subscribe .inner-subscribe .left-part { width: 60%; float: left; padding-right: 20px; }
.inner-post-subscribe .inner-subscribe .right-part { width: 40%; float: left; text-align: left; }
.inner-post-subscribe .inner-subscribe .left-part h2 { font-weight: 600; font-size: 34px; line-height: 34px; color: #FFFFFF; }
.inner-post-subscribe .inner-subscribe .left-part h4 { font-weight: normal; font-size: 24px; line-height: 38px; color: #FFFFFF; max-width: 340px; width: 100%; }
.inner-post-subscribe .inner-subscribe .right-part form .hs-submit .hs-button { color: #FFFFFF; font-weight: 600; min-width:100%; padding:16px 35px; font-size: 15px; background: transparent; border-radius: 13px; border: 2px solid #FFFFFF; width: 100%; }
.inner-post-subscribe .inner-subscribe .right-part form .hs-submit .hs-button:hover { background: #fff; color: #5a469b; }
.inner-post-subscribe .inner-subscribe .right-part form .hs-form-field input { height: 55px; border-radius:3px !important; }
.inner-post-subscribe .inner-subscribe .hs-error-msgs label { color:#fff;}
.inner-post-subscribe .inner-subscribe .cover { display: flex; align-items: center; }
.inner-post-subscribe .inner-subscribe .right-part form .hs-form-field input::-webkit-input-placeholder { font-weight: 600; font-size: 15px; color: #AEAEAE; }
.inner-post-subscribe .inner-subscribe .right-part form .hs-form-field input::-moz-placeholder { font-weight: 600; font-size: 15px; color: #AEAEAE; }
.inner-post-subscribe .inner-subscribe .right-part form .hs-form-field input:-ms-input-placeholder { font-weight: 600; font-size: 15px; color: #AEAEAE; }
.inner-post-subscribe .inner-subscribe .right-part form .hs-form-field input:-moz-placeholder { font-weight: 600; font-size: 15px; color: #AEAEAE; }
.inner-post-subscribe .inner-subscribe .right-part .submitted-message { font-size: 15px; }


.blog_recent_posts { width:100%; padding:80px 0 140px; position:relative; }
.blog_recent_posts:after { position: absolute; content: ""; width: 666px; height: 658px; top: -100px; right: 0; background: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-2.png) no-repeat center center / cover; background-size: 100% 100%;  z-index: -1; pointer-events: none; }
.blog_recent_posts:before { position: absolute; content: ""; width: 515px; height: 535px;  left:60px; top:80px; background: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-1.png) no-repeat center center / cover;  z-index: -1; pointer-events: none; transform: rotateX(-210deg); background-position: center center; background-size: 100% 100%; }
 
.blog_recent_posts h2 { width:100%; text-align:center; margin-bottom: 40px; } 
.blog_recent_posts .posts__list { width:100%; display:flex; flex-wrap:wrap; }
.blog_recent_posts .related_postitem { width:calc(100%/3 - 30px); margin:0 15px; background:#fff; padding:20px; border-radius:16px; box-shadow:-2.52px 5.04px 56.7px rgb(0 0 0 / 6%); -webkit-box-shadow:-2.52px 5.04px 56.7px rgb(0 0 0 / 6%); -moz-box-shadow:-2.52px 5.04px 56.7px rgb(0 0 0 / 6%); }
.blog_recent_posts .post__image { width:100%; height:335px; display:inline-block; margin-bottom:15px; }
.blog_recent_posts .post_link h3 { color: #454B4D; font-weight: 600; font-size: 20px; line-height: 24px; margin:10px 0 0; transition:all .4s ease; }
.blog_recent_posts .post_link h3:hover { color:#01AFFF; }
.blog_recent_posts .post__topic a { color: #01AFFF; font-weight: 600; font-size: 16px; line-height: 24px; }  
.blog_recent_posts .post__topic a:hover { color:#000 !important; } 
.blog_recent_posts .related_postitem:first-child .post__topic a { color: #01AFFF; }
.blog_recent_posts .related_postitem:nth-child(2) .post__topic a { color: #FF954D; }
.blog_recent_posts .related_postitem:nth-child(3) .post__topic a { color: #52D164; }
.blog_recent_posts .related_postitem:first-child .post__topic .tag_link_new { color: #01AFFF;font-weight: 600; font-size: 16px; line-height: 24px; }
.blog_recent_posts .related_postitem:nth-child(2) .post__topic .tag_link_new { color: #FF954D; font-weight: 600; font-size: 16px; line-height: 24px;  }
.blog_recent_posts .related_postitem:nth-child(3) .post__topic .tag_link_new { color: #52D164; font-weight: 600; font-size: 16px; line-height: 24px;  }

.blog-post .post_follow { text-align:center; margin-top:30px; }
.blog-post .post_follow ul li:first-child { display:block; margin-bottom:10px; color: #54717B; }

.casestudy_blogpost .blog-post { padding-bottom:50px; }

/*author*/
.author_space { width:100%; display:block; position:relative; } 
.author_space:before { position: absolute; content: ""; width: 596px; height: 588px; bottom: -60px; left: -410px; background: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-2.png) no-repeat center center / cover; background-size: 100% 100%; z-index: -1; pointer-events: none; transform: rotateX(181deg) rotate(0); }

.postauthor_box { width: calc(100% + 200px); left:-100px; display: flex; flex-wrap:wrap; text-align:center; margin:50px 0 100px; padding: 50px 50px; position: relative; background: #fff;  border-radius: 32px; box-shadow: -2.52px 5.04px 56.7px rgba(0, 0, 0, 0.06); -webkit-box-shadow: -2.52px 5.04px 56.7px rgba(0, 0, 0, 0.06); -moz-box-shadow: -2.52px 5.04px 56.7px rgba(0, 0, 0, 0.06); }
.postauthor_box .blog_author_img { width: 90px; height: 90px; position: relative; top: 0; left: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: inline-block; }
.postauthor_box .blog_author_text { width: 100%; color: #233136; font-weight: 600; font-size: 20px; line-height: 32px; }
.postauthor_box .blog_author_text h3 { width: 100%; display: block; margin:30px 0 0; font-size: 20px; line-height: 26px; color: #54717B; text-transform: uppercase; padding: 0; letter-spacing: 1px; }

.casestudy_blogpost .casestudy_posthero { width:100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; }
.casestudy_blogpost .casestudy_posthero a { transition:all .4s ease; }    
.casestudy_blogpost .casestudy_posthero:hover a { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); }    
.casestudy_blogpost .casestudy_postvideo { display:none; }
.casestudy_blogpost .posthero_area .posthero_left .blog-post__tags a { color: #FF954D; } 
.casestudy_blogpost .posthero_right .posthero_imgbox { width:100%; height:100%; position: absolute; top: 0; left: 0; }

.fancybox-stage .fancybox-content { overflow:visible !important; padding:10px !important; text-align:center; min-width:800px; }
.fancybox-stage .fancybox-close-small { top:-60px !important; right:-30px;}
.fancybox-stage .fancybox-close-small:after { background:#888; color:#fff;}
.fancybox-stage .fancybox-button { width:35px; height:35px; background:#01AFFF; top:0; right:0; border-radius:50%; min-width:auto; padding:5px !important; }
.fancybox-stage .fancybox-button svg path { fill:#ffff; color:#fff;}

.systempage_hero { width:100%; padding:200px 0 80px; background:#f2f2f2; text-align:center; }

.eventsweb_listing .blog-index .post_item { height:auto; }
.eventsweb_listing .post_item:hover .post_iteminner { margin-top:0; }
.eventsweb_listing .post_item .post_iteminner .external_link { position:absolute; left:0; top:0; width:100%; height:100%; }
.dontlogin_area.solution-section .dot_cirlce_wrap { height:70%; overflow:hidden; }

/**/
.hs-content-id-1 .experience-section.bgpattern:before { top: -600px; height: calc(100% + 800px); transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
.hs-content-id-1 .experience-section.nopattern:before { display:none; }
 

/**/ 
.meetteam_area .shape-div:before,.meetteam_area .shape-div:after { display:none; } 
.meetteam_area .business-section { position:relative; z-index:11; }
.meetteam_area .team_cover { width:100%; position:relative; display:flex; flex-wrap:wrap; justify-content:center; max-width:850px !important; }

.meetteam_area .business-section:after { position: absolute; content: ""; background-image: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-1.png); background-repeat: no-repeat; background-position: top 0px left 0; background-size: auto; width: 100%; height: 100%; top: 370px; left: 180px; z-index: -1; pointer-events: none;  }

.meetteam_area .team_box { width:calc(100%/3); padding:0 20px; margin-bottom:40px; text-align:center; }
.meetteam_area .team_box .team_boxlink { cursor:pointer; }  
.meetteam_area .team_box .team_boximg { width:180px; height:180px; overflow:hidden; border-radius:50%; margin:0 auto 20px; position:relative; text-align:center; }
.meetteam_area .team_box .team_user { position:absolute; color:#fff; left:0; top:0; width:100%; height:100%; display: flex; align-items: center; justify-content: center; opacity:0; transition:all .4s ease; background: rgb(1 175 255 / 50%); backdrop-filter: blur(6.86933px); }
.meetteam_area .team_box .team_user span { display:block; width:100%; }
.meetteam_area .team_box:hover .team_user { opacity:1; }  
.meetteam_area .team_box .clinet_social ul li:first-child { display:block; }
.meetteam_area .team_box .clinet_social ul li:first-child a { background:#E5E5E5; }
 
.meetteam_area .team_box .team_boxinfo { width:100%; }  
.meetteam_area .team_box h4 { font-size:26px; margin:0; }  
.meetteam_area .team_box .client_position { margin:12px 0; display:inline-block; color: #9E9E9E; font-size:16px; line-height:24px; }
.meetteam_area .team_box .clinet_social { width:100%; }
.meetteam_area .team_box .clinet_social ul { width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:0; margin:0; list-style:none; }
.meetteam_area .team_box .clinet_social ul li { width:auto; display:none; } 
.meetteam_area .team_box .clinet_social ul li a { width:28px; height:28px; text-align:center; display:inline-block; padding:3px; margin-right:8px; border-radius:50%; background: #58595B; }
.meetteam_area .team_box .clinet_social ul li a:hover { background:rgba(1,175,255,1.0); }
.meetteam_area .team_box .clinet_social ul li:last-child a { margin-right:0; }  

body.clinetinfo_body { overflow:hidden; }
body.clinetinfo_body header { z-index:9; }

.team_box.clinetinfo .client_boxpopup { opacity:1; visibility:visible; }
.client_boxpopup { width:100%; height:100%; position:fixed; display: flex; align-items: center; justify-content: center; top:0; left:0; opacity:0; visibility:hidden; background:rgba(0,0,0,0.2); z-index:99; transition:all .4s ease; }
.meetteam_area .client_infobox { display:flex; flex-wrap:wrap; position:relative; width:800px; text-align: left; padding:30px; background: #FFFFFF; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04); border-radius: 10px; }
.meetteam_area .client_infobox .close_icon {position:absolute; right:10px; top:10px; cursor:pointer; padding:5px; }
.meetteam_area .client_infobox .team_boximg { width:200px; height:200px; }
.meetteam_area .client_infobox .team_boxinfo { width:calc(100% - 200px); padding-left:30px; }
.meetteam_area .team_box .client_infobox .clinet_social ul { justify-content:left; padding-top:20px; }
.meetteam_area .team_box .client_infobox .clinet_social ul li { display:block; }
.meetteam_area .team_box .client_infobox .clinet_social ul li:first-child a { background:#58595B; }
.meetteam_area .team_box .client_infobox .clinet_social ul li:first-child a:hover { background:rgba(1,175,255,1.0); }

/**/
.joinurban_area { width:100%; display:inline-block; padding:100px 0 120px; position:relative; }
.joinurban_area:after { position: absolute; content: ""; width: 576px; height: 558px; bottom: 40px; right: 40px; background: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-2.png) no-repeat center center / cover; background-size: 100% 100%; z-index: -1; pointer-events: none; transform: rotateX(0) rotate(360deg); }

.joinurban_area .container { display:flex; flex-wrap:wrap; position:relative; z-index:1; }
.joinurban_area .joinurban_left { width:50%; padding-right:40px; }
.joinurban_area .joinurban_left .joinurban_lefttext { margin-bottom:30px; }
.joinurban_area .joinurban_left .title h2 { text-align:left; margin-bottom: 30px; padding-bottom: 30px; }
.joinurban_area .joinurban_left .title h2:after { margin:0; }
.joinurban_area .joinurban_left ul { padding:20px 0 20px 10px; margin:0; list-style:none; }
.joinurban_area .joinurban_left ul li { width:100%; margin-bottom:6px; position:relative; padding-left:15px; }
.joinurban_area .joinurban_left ul li:last-child { margin-bottom:0; }
.joinurban_area .joinurban_left ul li:before { position:absolute; content:""; left:0; top:6px; width:6px; height:6px; background:#454B4D; border-radius:50%; }
.joinurban_area .joinurban_right { width:50%; } 
.joinurban_area .joinurban_img { width: 600px; height: 450px; border: 15px solid #fff; border-radius: 10px; box-shadow: -2.52px 5.04px 56.7px rgb(0 0 0 / 6%); -webkit-box-shadow: -2.52px 5.04px 56.7px rgb(0 0 0 / 6%); -moz-box-shadow: -2.52px 5.04px 56.7px rgba(0,0,0,0.06); }

.joinurban_area.imgright .container { flex-direction:row-reverse; }
.joinurban_area.imgright .joinurban_left { padding:0 0 0 80px; }

 
/**/
.whatwedo_area { width:100%; position:relative; }
.whatwedo_area .dot_cirlce_wrap:before { position: absolute; content: ""; background-image: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-1.png); background-repeat: no-repeat; background-position: top 0px left 30px; background-size: auto; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; pointer-events: none; }
.whatwedo_area.business-section .inner .box { margin-bottom:40px; }
.whatwedo_area .bottom-text { width:100%; margin:0 auto 30px; max-width: 550px; font-size: 16px; line-height: 24px; }

.startconlp_hero.lp-hero-section:before { background:url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/lp-herobg.png') no-repeat center center / cover; background-size: 100% 100%; }
.startconlp_hero.lp-hero-section .greencheck ul { margin:20px 0 0; }
.startconlp_hero.lp-hero-section .left-part h1 { margin-bottom:10px; font-weight:600; }
.startconlp_hero.lp-hero-section h2 { font-size: 28px; color: #454B4D; line-height: 1.2; margin: 0 0 20px; } 
.startconlp_hero.lp-hero-section .dots img:first-child { top: 0; bottom: auto; } 

.greencheck ul { width:auto; list-style:none; padding:0; margin:0; }
.greencheck ul li { width:100%; display: inline-block; position: relative; font-weight: 600; font-size: 20px; line-height: 24px; color: #54717b; padding: 0 15px 18px 35px; }
.greencheck ul li:before { content: ' '; width: 25px; height: 19px; position: absolute; background-image: url(https://www.urbanbound.com/hubfs/2021%20Website%20Images/green-true.svg); background-repeat: no-repeat; background-size: contain; left: 0; top: 4px; }

.logo_area { width:100%; display:inline-block; padding:50px 0 60px; }
.logo_area h2 { width:100%; text-align:center; margin-bottom: 40px; color: #233136; font-weight: 600; font-size: 40px; line-height: 48px; }
.logo_area .logo_cover { width:100%; display:flex; /*flex-wrap:wrap; */justify-content:center; align-items:center; position:relative; }
.logo_area .logo_cover:before { width:100%; height:100%; position:absolute; content:""; left:0; top:0; background: linear-gradient(90.06deg, #FFFFFF 0.06%, rgba(255, 255, 255, 0) 48.97%, #FFFFFF 99.96%); }
.logo_area .logo_box { width:auto; min-width: 230px; text-align: center; padding:10px 10px 20px;  }
.logo_area .logo_box img { max-width:150px; }

.boxcontent_area { width:100%; display:inline-block; padding:100px 0 150px; text-align:center; position:relative; overflow:hidden; }
.boxcontent_area .boxcontent_box { width:100%; position:relative; max-width:600px; margin:0 auto; padding:40px 60px; background: #FFFFFF; border-radius: 8px; box-shadow: -2.52px 5.04px 56.7px rgba(0, 0, 0, 0.06); -webkit-box-shadow: -2.52px 5.04px 56.7px rgba(0, 0, 0, 0.06); -moz-box-shadow: -2.52px 5.04px 56.7px rgba(0, 0, 0, 0.06); }
.boxcontent_area .boxcontent_box:before { position: absolute; content: ""; background-image: url(https://www.urbanbound.com/hubfs/blobub2.svg); background-repeat: no-repeat; width: 515px; height: 535px; top: -143px; left: -100px; z-index: -1; pointer-events: none;  background-position: center center; background-size: 100% 100%; }
.boxcontent_area .boxcontent_box .boxcontent_logo { margin-top:30px; }

/**/
.jobembed_area { width:100%; padding:30px 0 100px; }

.joinrteam_page .experience-section.nopattern{ padding-bottom:60px; }
.joinrteam_page .experience-section.nopattern:before { position: absolute; content: ""; width: 100%; display:block; top: -450px; height: calc(100% + 1200px); left:0; background:url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/jointeam.png') no-repeat center center; background-size:100% 100%; transform: rotateY(0); -webkit-transform: rotateY(0); -moz-transform: rotateY(0); }
.joinrteam_page .experience-section.innovation_area:before { position: absolute; content: ""; width: 100%; display:block; top: -270px; height: calc(100% + 550px); left:0; background:url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/jointeam.png') no-repeat center center; background-size:100% 100%; transform: rotateY(0); -webkit-transform: rotateY(0); -moz-transform: rotateY(0); }

.experience-section.innovation_area { z-index:1; } 
.experience-section.innovation_area:after { display:none; }

.joinrteam_hero.banner-section { padding-bottom: 200px; }       
.joinrteam_hero.banner-section:after { background-size: 52% 80%; } 
.corevalues_area.business-section .inner { max-width:950px; }
.corevalues_area.business-section .inner .box { margin-bottom:30px; }

.inclworkplace_area { position:relative; z-index:1; }
.inclworkplace_area.solution-section .inner { max-width:650px; }
.inclworkplace_area.solution-section:after { display:none; } 
.lookforteam_area.joinurban_area:after { bottom: -250px; right: 20px; }

.resource-section .content span.word { text-decoration:underline; }

body.content_show { overflow:hidden; }
body.content_show header { z-index:9; }
body.content_show .corevalues_area.business-section { z-index:11; }
.corevalues_area.business-section .boxwrap { cursor:pointer; position:relative; }    
.corevalues_area.business-section .inner .box { margin-bottom:20px; }

.box.content_info .code_popbox { opacity:1; visibility:visible; }
.code_popbox { width:300px; height:100px; margin-top:-180px;position:absolute; display: flex; align-items: flex-start; justify-content: flex-start; opacity:0; visibility:hidden; /*background:rgba(0,0,0,0.3);*/ z-index:999; transition:all .4s ease; }
.code_popbox .content { display:flex; flex-wrap:wrap; position:relative; width:300px; text-align: center; padding:30px 50px; background: #FFFFFF; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04); border-radius: 10px; }
.code_popbox .close_icon {position:absolute; right:10px; top:10px; cursor:pointer; padding:5px; display:none;}
  
/*.corevalues_area.business-section { padding-bottom:230px; }*/
.corevalues_area.business-section .dot_cirlce_wrap:before { position: absolute; content: ""; background-image: url(https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/shape-image-1.png); background-repeat: no-repeat; background-position: top 0px left 30px; background-size: auto; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; pointer-events: none; }

.experience-section.urbanservices_wrap:after { display:none; }
.experience-section.urbanservices_wrap:before { position: absolute; content: ""; width: 100%; display:block; top: 0; height: calc(100% + 300px); left:0; background:url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/worked-bg.png') no-repeat center center / cover; background-size:100% 100%; transform: rotateY(0); -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(180deg); }
/* .joinrteam_page .experience-section.innovation_area:before { position: absolute; content: ""; width: 100%; display:block; top: -270px; height: calc(100% + 550px); left:0; background:url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/jointeam.png') no-repeat center center; background-size:100% 100%; transform: rotateY(0); -webkit-transform: rotateY(0); -moz-transform: rotateY(0); } */

.events_title { width:100%; display:inline-block; margin-bottom:25px; }


.serwithimg_area.experience-section .inner .left { position:relative; height:480px; }  
.serwithimg_area .leftimg { position:absolute; left:0; top:0; }
 

.lp-hero-section.lp-noform-hero .cover { display: table; width: 100%; padding-bottom: 100px; }
.lp-hero-section.lp-noform-hero .cover .left-part { width: 100%; padding-right: 0; }
.lp-hero-section.lp-noform-hero .cover h1 { max-width: 100%; }
.lp-hero-section.lp-noform-hero:before {
content: ' ';
    top: -175px;
    left: -250px;
    width: 500px;
    height: 100%;
    background-image: url(https://www.urbanbound.com/hubfs/VectorBlobNew.svg);
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    z-index: -1;
}


.banner-section .right .image img { max-width: 100%;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e7eaf0;
    padding: 15px;
    background: #fff;
object-fit:cover;
}

.banner-section .min-height { min-height:500px;}



.vidyard-player-container {
    border-radius: 10px;
    border: 1px solid #e7eaf0;
    padding: 15px;
    background: #fff;
}
.lp-hero-section .right-part .form-cover .form-box .hs-richtext {
    padding-bottom: 32px;
}
.inside-section {padding-top:150px;}
.inside-section .text { text-align: left; max-width: 100%; padding-top:40px;}
.inside-section .text ul li { display: inline-block; width: 100%; position: relative; font-weight: 600; font-size: 20px; line-height: 24px; color: #54717b; padding: 0 15px 18px 35px; }
.inside-section h2 { text-align: left; }
.inside-section .text ul { padding: 0 0 30px; }
.inside-section .text ul li:before { content: ''; width: 25px; height: 19px; position: absolute; background-image: url(https://www.urbanbound.com/hubfs/2021%20Website%20Images/green-true.svg); background-repeat: no-repeat; background-size: contain; left: 0; top: 4px; }
.inside-section .text iframe {padding-top:200px;}

.mobile_exp_wrap.flex { display: none; }



/* CSS end  here */

@media (min-width:768px) { .container, .row-fluid .container[class*="span"]{max-width:750px;} }
@media (min-width:992px) { .container, .row-fluid .container[class*="span"]{max-width:970px;} }
@media (min-width:1200px) { .container, .row-fluid .container[class*="span"]{max-width:1140px;} }
@media (min-width:1430px) { .container, .row-fluid .container[class*="span"]{max-width:1200px;} }

@media (min-width:768px) {
    .flex{display:flex}
    .align-center{align-items:center;}
    .align-top{align-items:flex-start;}
    .align-bottom{align-items:flex-bottom;}
    .space-between{justify-content:space-between;}
    .justify-center{justify-content:center;}
    .justify-right{justify-content:flex-end;}
    .justify-left{justify-content:flex-start;}
    .row-wrap{flex-flow:row wrap;}
    .row-reverse { flex-flow:row-reverse; }


}

@media (max-width:1629px){
    .banner-section .right .image img { max-width:630px; max-height:480px; width:630px; height:480px; object-fit:cover;}
   
}

@media (max-width:1429px){
    h1 { font-size: 40px; line-height:1.2; }
    h2 { font-size: 34px; line-height:1.2; }

    .banner-section { padding: 180px 0 0px; }
 .banner-section2 { padding: 30px 0 0px; }
  .banner-section.less-space { padding: 150px 0 0px; }
    .banner-section:after { background-size: 800px; }
    .banner-section:before { background-size: 250px; }
    /*.banner-section .right .image { position:static; }*/
    .banner-section .right .image img { max-width:100%; width:500px; height:375px; object-fit:cover;}
  
    .joinrteam_page .experience-section.nopattern:before { position: absolute; content: ""; width: 100%; display:block; top: -350px; height: calc(100% + 1200px); left:0; background:url('https://www.urbanbound.com/hubfs/Urbanbound-2021/Image/jointeam.png') no-repeat center center; background-size:100% 100%; transform: rotateY(0); -webkit-transform: rotateY(0); -moz-transform: rotateY(0); }

    .experience-section { padding: 20px 0 20px;}
    .experience-section:before { background-size: 500px; }
    .experience-section:after { background-size: 500px; background-position: bottom right; }

    .work-section:before { background-size: 600px; top: 0; }

    .youcan-section .youcan-slider .slick-slide { width: 270px; }
    .youcan-section:after { background-size: 500px; top: -20px; }
    .youcan-section:before { bottom: -190px; background-position: bottom left; }

    .resource-section { padding-bottom: 100px; }
    .resource-section .inner .content { font-size: 28px; line-height: 1.1; }
    
    /* */
    header .btn a { min-width: 134px; font-size: 14px; }
    header .right-btn { width: 192px; }
    .mainmenu { width: calc(100% - 430px); }
    header .btn a { font-size: 13px; }
    .mainmenu .hs-menu-wrapper > ul > li > a { font-size: 14px; }
    
    /**/
    .joinrteam_hero.banner-section { padding-bottom:50px; }

    .jobembed_area { padding:30px 0 60px; }
    .joinrteam_page .experience-section.innovation_area:before { top:-160px; }
     
     .homehero_area .right .image { transform: scale(.7); right: 80px; left: auto; position: relative; }
    
    
    
}

@media (max-width:1199px){
    h1 { font-size: 34px; }
    h2 { font-size: 30px; }
    h4 { font-size: 20px; line-height:1.2; }
    .banner-section .right .image img { max-width:440px; max-height:330px; object-fit:cover;}
  .banner-section .min-height { min-height:400px;}
    .banner-section:after { background-size: 600px; }
    .banner-section .left { width: 400px; }
    .banner-section .right { width: calc(100% - 400px); }
    .banner-section .left .content { margin: 20px 0; font-size: 16px; line-height: 24px; }
    .banner-section .left .content br { display: none; }
  

  
   .business-section .business-topttext { max-width:600px; }

    .solution-section:before { width: 980px; height: 980px; }
    .solution-section:after { width: 920px; height: 920px; }
    .solution-section { padding-top: 120px; }

    .experience-section .inner .right { width: 480px; }
    .experience-section .inner .left { width: calc(100% - 480px); padding: 0 30px 0 0; }
    .experience-section .inner .left .box.top-box, .experience-section .inner .left .box { padding: 30px; }
    .experience-section .inner .left .box .btn { margin-top: 20px; }

    .work-section .title h2 { margin-bottom: 40px; }

    .business-section .title h2 { max-width: 500px; }
    .business-section.solution-section { padding-top: 140px; }
    .business-section .inner .box { width: calc(33.33% - 30px); margin: 0 15px; }

    .youcan-section:before { background-size: 420px; bottom: -100px; }
    .youcan-section:after { background-size: 420px; top: 0; }
    .youcan-section .youcan-slider .slick-slide.slick-current { width: 450px; }
    .youcan-section .youcan-slider .slick-slide.slick-current .box { padding: 30px 20px; }
    .youcan-section .youcan-slider .slick-slide .box { padding: 20px; }
    .youcan-section .youcan-slider .slick-slide .box .btn2 { margin-top: 15px; }
    
    header .logo { width: 200px; }
    .mainmenu { width: calc(100% - 340px); }
    body .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { font-size: 12px; }
    
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } 
    .serwithimg_area .servibox { top:25%; }
    
    /*blog*/
    .blog_recent_posts .related_postitem { width:calc(100%/3 - 20px); margin:0 10px; padding:15px; }
    .blog_recent_posts .post__image { height:300px; }
    .blog_recent_posts { padding:80px 0 80px; }
    
    .blog_recent_posts:before,.blog_recent_posts:after { display:none; }
    .bloghero_area:before { width: 465px; height: 485px;  }
    .bloghero_area .dots1 { left:18%; }
     
    .posthero_area:before { width: 465px; height: 485px; }  
    .posthero_area:after { width: 566px; height: 558px; }
    
    /**/
    .business-section .inner { max-width:800px; }
    .meetteam_area .team_box { margin-bottom:20px; }
    .meetteam_area .team_box .team_boximg { width:150px; height:150px; }  
    .meetteam_area .team_box h4 { font-size:22px; }
    
    .joinrteam_hero.banner-section:after { background-size:600px; }
    .joinrteam_hero.banner-section { padding-bottom:20px;  }

    .joinurban_area { padding:50px 0 60px; }
    
    .lookforteam_area.joinurban_area:after { display:none; }
    .jobembed_area { padding:30px 0 70px; }
    .joinurban_area.imgright .joinurban_left { padding:0 0 0 60px; }
    

    .banner-section .right .image { width:100%; height:auto; }

    
    .serwithimg_area .servibox { transform: translateY(0) !important; }
    .serwithimg_boxanim.serwithimg_area.experience-section .inner .left { height:auto; margin-top:0;}
       
    .lp-hero-section.lp-noform-hero .cover { padding-bottom: 75px; }
    
    .banner-section.home_banner .right .image { height: 388px; }
  .joinurban_area .joinurban_img {width:400px; height:300px;}
      .inner.flex.justify-center.desk_exp_section { display: none; }
      /*.experience-section.bgpattern:before,.patchange.experience-section:before,.experience-section:after { display:none; }*/
  .experience-section.bgpattern3:before{ display:none; }
    .experience-section { padding:40px 0; }
    .experience-section.serwithimg_area .inner { max-width:1000px; margin:0 auto; }
    .serwithimg_boxanim.serwithimg_area.experience-section .inner .right { margin-top:40px; }
    .mobile_exp_wrap.flex { display: flex; flex-wrap: wrap; width: 100%; }
    .serwithimg_area.experience-section .mobile_exp_wrap.inner .left { height: 375px; display: inline-block; vertical-align: top; width:500px;}
    .serwithimg_area.experience-section .mobile_exp_wrap.inner .servibox { position: relative; top: auto; margin: 0; border-radius: 8px; }
    .serwithimg_area.experience-section .mobile_exp_wrap.inner .right { position: relative; margin: 0; top: auto; }
    .serwithimg_area.experience-section .mobile_exp_wrap.inner .left .leftimg { position: relative; top: auto; left: auto; height: auto;  border-radius: 10px;
    border: 1px solid #e7eaf0;
    padding: 15px;
    background: #fff;}
  .experience-section.serwithimg_area .inner .mobile_exp_col {display:flex; padding:10px 0; align-items:center;}
  .experience-section.serwithimg_area .inner .mobile_exp_col:nth-child(even) {flex-flow:row-reverse;}
  .experience-section.serwithimg_area .inner .mobile_exp_col:nth-child(even) .left {padding: 0 0 0 30px;}
    .experience-section.serwithimg_area .inner .mobile_exp_col:nth-child(odd) .right {padding: 0 0 0 30px;}
    .serwithimg_area .mobile_exp_wrap.inner .servibox .icon {  }
  .patchange.experience-section:before { width: 250px; height: 535px; top:auto; bottom: -300px; left: 10px; z-index: -1; pointer-events: none; background-position: center center; background-size: 100% 100%; }

  
    
}


@media (max-width:991px){
    .container { max-width: 750px !important; }   
   .experience-section.serwithimg_area .inner .mobile_exp_wrap {display:inline-block;}
    .banner-section .right .image {position:relative;left:auto;top:auto;}
   
    .btn a { min-width: 230px; padding: 13px 20px; }
    .slick-slider .slick-dots { margin:0; }

    .banner-section { padding-top:140px; }
.banner-section2 { padding-top:30px; }
    .banner-section.less-space { padding-top:140px; }
    .banner-section:after { background-size: 400px; }
    .banner-section:before { background-size: 200px; }

    .solution-section { padding: 120px 0 70px; }
    .solution-section:before { width: 770px; height: 770px; }
    .solution-section:after { width: 720px; height: 720px; }
    .solution-section .inner { max-width: 600px; padding-top:20px;}
    .solution-section .inner .content { max-width: 500px; margin:0 auto;}
    .solution-section .inner .icon { margin-bottom: 20px; }
    .solution-section .inner .btn { margin-top: 30px; }

    /*.experience-section { padding: 70px 0; }
    .experience-section:before { background-size: 350px; }
    .experience-section:after { background-size: 350px; }
    .experience-section .inner .right { width: 400px; }
    .experience-section .inner .left { width: calc(100% - 400px); }
    .experience-section .inner .left .box.top-box, .experience-section .inner .left .box { padding: 20px; }
    .experience-section .inner .left .box { margin-bottom: 20px; }*/

    .work-section { padding: 60px 0; 70px}
    .work-section:before { background-size: 500px; }
    .work-section .inner .image { margin: 0 auto; }

    .business-section .inner { max-width: 100%; margin-top: 0px; }
    .business-section .inner .box h4 { margin: 20px 0; }

    .youcan-section { padding-bottom: 100px; }
    .youcan-section:before { background-size: 350px; bottom:; }
    .youcan-section:after { background-size: 350px; }
    .youcan-section .youcan-slider .slick-slide .box .content { opacity: 1; visibility: visible; height: auto; }
    .youcan-section .youcan-slider .slick-slide .box h5 { max-width: 100%; margin-bottom: 20px; }
    .youcan-section .youcan-slider .slick-slide .box { padding: 30px 20px; }

    .resource-section { padding-bottom: 70px; }
    
    /*.serwithimg_area.experience-section .inner .right { width:50%; margin-left:0; }
    .serwithimg_area.experience-section .inner .left { width:50%; margin-top:0;}
    .serwithimg_area .servibox { margin:0 auto;  }
    .serwithimg_area .leftimg { height:300px; }*/
    
    .business-section .business-topttext { max-width:450px; }
    .banner-section .right { width:50%; } 
  
    .banner-section .left { width:50%; } 

    
    .relservices_main .relservices_box span { padding:20px; text-align:center; width:100%; }
    .relservices_main .relservices_box span:before { position:relative; display:block; top: 0; transform: translateY(0); width: 100%; left: 0; margin-bottom: 15px; }
    
    .serwithimg_area .servibox { position:relative; top:0; }
    .serwithimg_boxanim.serwithimg_area.experience-section .inner .right { flex-wrap:wrap; margin:0; }
    .serwithimg_area .servibox { margin-bottom:30px; }
    .serwithimg_area .sub_title:before { left: 50%; transform: translateX(-50%); }
    .serwithimg_area.experience-section .inner .right { flex-wrap:wrap; }
    .sectionrel .inner { margin-bottom:20px; }
    
    .business-section .title h2 { margin: 0 auto 26px; }
    .serwithimg_area .servibox { padding:30px; }
    
    /**/
    .posthero_area { padding:140px 0 50px; }
    .posthero_area .posthero_left { padding-right: 30px; }
    .blog_recent_posts .related_postitem { width:calc(100%/2 - 20px); margin:0 10px 30px; }
    .blog_recent_posts .posts__list { justify-content:center; }
    .inner-post-subscribe { padding-bottom:30px; }
    .blog_recent_posts { padding-top:50px; padding-bottom: 50px; }

    .bloghero_area .dots { display:none; } 
    .posthero_area .dots { display:none; }
    .bloghero_area:before { display:none; }  
    
    .post_listing { padding:50px 0 70px; }
    .filter_box ul button { margin:0 8px 10px; font-size: 14px; }
    .blog-index .post_item { width:calc(100%/2 - 20px); margin:0 10px 40px; }
    .post_listing:after { display:none; }
    .bloghero_area { padding:160px 0 10px 0; }
    
    .posthero_area:after,.posthero_area:before { display:none; }

    .meetteam_area .business-section.solution-section { padding-bottom:20px; }
    .joinurban_area { padding:30px 0 80px; }
    
    .meetteam_area .team_box { width:calc(100%/2); }
    .meetteam_area .team_box .team_boximg { width:150px; height:150px; }
    .meetteam_area .team_box h4 { font-size: 22px; }
    .meetteam_area .team_cover { max-width:550px !important; }
    .whatwedo_area.business-section .inner { margin-top:60px; }
    
    .logo_area .logo_cover { padding:0 40px; }
    .logo_area .logo_box { padding:0; min-width:auto; }
    .logo_cover.slick-slider .slick-arrow { width:40px; height:40px; bottom: auto; top: 50%; transform: translateY(-50%); }
    .logo_cover.slick-slider .slick-arrow.slick-prev { left:0; }
    .logo_cover.slick-slider .slick-arrow.slick-next { right:0; }
    .logo_cover.slick-slider .slick-arrow:after { background-size: 10px; }
    .logo_area .logo_box img { max-width:120px; }
    
    .startconlp_hero.lp-hero-section:before { background-size: cover; }
    .boxcontent_area { padding:50px 0 80px; overflow:hidden; }
    .startconlp_hero.lp-hero-section h2 { font-size: 24px; }
    .greencheck ul li {  font-size: 18px; }
    .startconlp_hero.lp-hero-section { padding-bottom:30px; }
    
    
    /**/
    .joinrteam_hero.banner-section { padding-bottom:40px; }

    .joinrteam_hero.banner-section:after { background-size:400px; }
    .joinurban_area.imgright .joinurban_left { padding:0 0 0 30px; }
    .jobembed_area { padding:30px 0 50px; }
    
    .serwithimg_area .servibox .sub_title:before { left:0; transform:translateX(0); }
    
    .homehero_area .right .image { height: 188px; right:0; transform: scale(1); max-width: 290px; position:relative; left: 0; top: 0; margin:0 auto; }
    .homehero_area .right .image .bg_img { right: 0; padding-right: 30px; letter-spacing: -35px; font-size: 230px; line-height: 220px; } 
    .homehero_area .right .image .bg_pat { left: 50%; top: 50%; width: 280px; height: 165px; background-size: 100% 100% !important; transform: translate(-50%, -50%); margin-left: 20px; margin-top: 10px; }
     
/*     .banner-section .right .image .bg_img { right: 10px; } */
    
    .experience-section.urbanservices_wrap:before { display:none; }
    .serwithimg_boxanim.serwithimg_area .servibox .sub_title:before { left: 0; transform: translateX(0); }
    .experience-section.bgpattern:before { height:100%; top:-300px; } 
  .experience-section.bgpattern3:before { height:100%; top:-300px; } 
    
    .banner-section .right .image { width:100%; height:auto; }

    
    .lp-hero-section.lp-noform-hero .cover { padding-bottom: 70px;}
    
    .banner-section.home_banner .right .image { height: 190px; }
  .joinurban_area .joinurban_img {width:360px; height:270px;}
      .inner.flex.justify-center.desk_exp_section { display: none; }
      /*.experience-section.bgpattern:before,.patchange.experience-section:before,.experience-section:after { display:none; }*/
  .experience-section.bgpattern3:before{ display:none; }
    .experience-section { padding:40px 0; }
    .experience-section.serwithimg_area .inner { max-width:800px; margin:0 auto; }
    .serwithimg_boxanim.serwithimg_area.experience-section .inner .right { margin-top:40px; }
    .mobile_exp_wrap.flex { display: flex; flex-wrap: wrap; width: 100%; }
    .serwithimg_area.experience-section .mobile_exp_wrap.inner .left { height: 300px; width:400px; display: inline-block; vertical-align: top;  }
    .serwithimg_area.experience-section .mobile_exp_wrap.inner .servibox { position: relative; top: auto; margin: 0; border-radius: 8px; }
    .serwithimg_area.experience-section .mobile_exp_wrap.inner .right { position: relative; margin: 0; top: auto; }
    .serwithimg_area.experience-section .mobile_exp_wrap.inner .left .leftimg { position: relative; top: auto; left: auto; height: auto; border-radius: 10px;
    border: 1px solid #e7eaf0;
    padding: 15px;
    background: #fff; }
    .serwithimg_area .mobile_exp_wrap.inner .servibox .icon { }
  .experience-section .inner .left {padding:0 0 0 30px;}
  .experience-section.serwithimg_area .inner .mobile_exp_col {padding:20px 0;}
  .experience-section.serwithimg_area .inner .mobile_exp_col:nth-child(even) .left { padding:0;}
      .experience-section.serwithimg_area .inner .mobile_exp_col:nth-child(even) .right {padding: 0 30px 0 0;}
  .patchange.experience-section:before { width: 200px; height: 535px; top:auto; bottom: -300px; left: 10px; z-index: -1; pointer-events: none; background-position: center center; background-size: 100% 100%; }


    
}
@media (max-width:900px) {
  .serwithimg_area.experience-section .mobile_exp_wrap.inner .left {
    height: 270px;
    width: 360px;
    display: inline-block;
    vertical-align: top;
}
  .experience-section.serwithimg_area .inner .mobile_exp_col:nth-child(odd) .right {
    padding: 0 0 0 30px;
    max-width: 350px;
}
  .experience-section.serwithimg_area .inner .mobile_exp_col:nth-child(even) .right {
    padding: 0 0 0 30px;
    max-width: 350px;
}
  .experience-section.serwithimg_area .inner .mobile_exp_col:nth-child(even) .left { padding-left:30px;}
  .experience-section.serwithimg_area .inner .mobile_exp_col:nth-child(odd) .right{ padding-left:30px;}
}

@media (max-width:767px){
    h1 { font-size:30px; }
    h2 { font-size:24px; }
    .title h2 { margin-bottom:; }
    .slick-slide img {width:100%;}

  .code_popbox { justify-content:center;width:100%;}
    .banner-section::before { display: none; }
    .banner-section .left { width: 100%; text-align:center; }

    .banner-section .right { width: 100%; padding: 0 0 30px; text-align:center; }

    .banner-section .right .image img { max-width: 500px; width:400px; height:300px;width: 100%;object-fit:cover;}

  .banner-section .min-height { min-height:300px;}

  .joinurban_area .joinurban_left .title h2:after {margin:0 auto;}
  
    .solution-section { padding-top: 20px; }
    .solution-section::after, .solution-section:before { display: none; }

    .experience-section .inner .right { width: 100%; }
    .experience-section .inner .left { width: 100%; padding: 30px 0 0; text-align: center; }
    .experience-section .inner .left .box { max-width:100%; }

    .work-section .title h2 { margin-bottom: 30px; }
    .work-section .inner .image { text-align: center; margin: 30px 0; padding-left:40px; padding-right:40px; }

    .business-section.solution-section { padding-top: 0; }
    .business-section .inner .box { width: 100%; margin: 0 0 40px; }
    .business-section .inner .box:last-child { margin-bottom: 0; }

    .youcan-section .title h2 { margin-bottom: 20px; }
    .resource-section .inner .content { font-size: 20px; margin-bottom: 30px; }

    /**/
    .relservices_main .relservices_box { width:100%; padding:0 0 15px; } 
    .serwithimg_area.experience-section .inner .left { width:100%;margin-top:0; } 
    .serwithimg_area.experience-section .inner .right { width:100%; margin:40px 0 0; }
    .serwithimg_area .leftimg { height:200px; }  
    .serwithimg_area .servibox { padding:20px; text-align:center; }
    .serwithimg_area .sub_title:before { left: 50%; transform: translateX(-50%); }
    
    .experience-section.bgpattern:before,.patchange.experience-section:before,.experience-section:after { display:none; }
  .experience-section.bgpattern3:before{ display:none; }
    .experience-section { padding:40px 0; }
    .experience-section.serwithimg_area .inner { max-width:400px; margin:0 auto; }
    .business-section.solution-section { padding-top:40px; } 
    .serwithimg_boxanim.serwithimg_area.experience-section .inner .right { margin-top:40px; }
    
    /**/
    .posthero_area { padding:100px 0 40px; }
    .posthero_area .posthero_left { width:100%; padding:0; }
    .posthero_area .posthero_right { width:100%; margin-top:20px; min-height:330px; }
    .posthero_area .posthero_left h1 { margin:12px 0 20px; }
    .blog_recent_posts .related_postitem { width:100%; max-width:400px; margin:0 auto 30px; }
    .blog_recent_posts .related_postitem:last-child { margin-bottom:0; }
    .blog_recent_posts { padding-bottom:60px; }  
    .blog-post .blog-post__body blockquote  { font-size: 20px; line-height: 30px; padding: 10px 20px; }
    
    .inner-post-subscribe .inner-subscribe .cover { flex-wrap:wrap; }  
    .inner-post-subscribe .inner-subscribe .left-part { width:100%; }
    .inner-post-subscribe .inner-subscribe .right-part { width:100%; }
    .inner-post-subscribe .inner-subscribe { padding:25px; }  
    .inner-post-subscribe .inner-subscribe .left-part h4 { font-size: 20px; line-height: 28px; }
    .inner-post-subscribe .inner-subscribe .left-part h2 { font-size: 30px; line-height: 1.1; }
    
    /**/
    .bloghero_area { padding:130px 0 30px ; }
    .blog-index {  margin: 0 auto; max-width: 350px; }
    .blog-index .post_item { width:100%; margin:0 0 30px; }
    .blog-index .post_item:last-child { margin-bottom:0;  }
    
    .post_listing { padding:20px 0 60px; }
    .post_listing:after { display:none; }  

    .filter_box { max-width: 350px; padding: 0; margin: 0 auto 30px; position:relative; }
    .filter_box .select_title { background:#fff; display:block; position:relative; border:1px solid #d7d7d7;  width:100%; border-radius:2px; text-decoration:none; color:#3D4A52; font-weight:600; cursor:pointer; display:block; padding:10px;padding-right:25px; text-transform: capitalize; }
    .filter_box .select_title:before { position:absolute; content:"\f0dd"; font-family: 'FontAwesome'; font-size:16px; line-height:10px; right:10px; top: 50%; transform: translateY(-50%); margin-top:-4px; color:#3D4A52; }
    .filter_box ul { padding:0; position:absolute; top:100%; left:0; display:none; z-index:1; background:#fff; }
    .filter_box ul li { width:100%; display:inline-block; }
    .filter_box ul button { border-radius:0; width:100%; margin:0; color:#000; }     
    .filter_box ul button.is-checked { background:#01afff; color:#fff; }    
    
    .bloghero_area .dots { display:none; } 
    .posthero_area .dots { display:none; }
    .bloghero_area:before { display:none; }  
    .blog-index .post_item { height:auto;  box-shadow: 0px 60px 80px rgb(0 0 0 / 4%), 0px 38.8889px 46.8519px rgb(0 0 0 / 3%), 0px 23.1111px 25.4815px rgb(0 0 0 / 2%), 0px 12px 13px rgb(0 0 0 / 2%), 0px 4.88889px 6.51852px rgb(0 0 0 / 2%), 0px 1.11111px 3.14815px rgb(0 0 0 / 1%); }
    .blog-index .post_item .post_itemtext { opacity:1; }
    .blog-index .post_item:hover .post_iteminner { margin-top:0; }
    .blog-index .post_item .sameheight { height:auto !important; } 
    
    .blog-post .blog-post__body .number .num { flex-wrap:wrap; text-align:center; }  
    .blog-post .blog-post__body .number .num h2 { width:100%; padding:0; text-align: center; }
    .blog-post .blog-post__body .number .num-text { width:100%; padding: 20px 0; border: none; border-top: 2px solid #01afff; }
    
    .postauthor_box { width: 100%; left: 0; margin:10px 0 40px; padding:20px; }
    .postauthor_box .blog_author_text { font-size: 16px; line-height: 26px; }
    
    .patchange.experience-section { padding-top:0; margin-top:0; }
    
    .serwithimg_boxanim.serwithimg_area.experience-section .inner .left { padding-left:0;margin-top:0; }
     
    .joinurban_area { padding:30px 0; }
    .joinurban_area .joinurban_left { width:100%; padding:0 0 30px; }
    .joinurban_area .joinurban_right { width:100%; }
    .joinurban_area .joinurban_img { height:225px; width:300px; margin:0 auto;}  
    .joinurban_area .joinurban_left ul { padding:15px 0; }
    
    .meetteam_area .team_box { width:100%; padding:0; max-width:400px; }
    .meetteam_area .team_box:last-child { margin-bottom:0; } 
    .meetteam_area .business-section.solution-section { padding-bottom:10px; }
    
    .whatwedo_area .inner { margin:30px 0; }
    .meetteam_area .client_infobox { padding:20px; text-align:center; }
    .meetteam_area .client_infobox .team_boxinfo { width:100%; padding:0; }
    .meetteam_area .team_box .client_infobox .clinet_social ul { justify-content:center; }

    /**/
    .startconlp_hero.lp-hero-section:before { display:none; }
    .greencheck ul li { font-size: 18px; line-height: 24px; }
    .logo_area h2 { font-size: 28px; line-height: 38px; }  
    .logo_area { padding:30px 0 20px; }
    
    .startconlp_hero.lp-hero-section { padding-bottom:40px; }
    .boxcontent_area { padding:40px 0 60px; }
    .boxcontent_area .boxcontent_box { padding:30px; }
    .boxcontent_area .boxcontent_box:before { display:none; } 
    
    
    /**/
    .joinrteam_hero.banner-section:after { background-size:400px; }     
    .joinrteam_hero.banner-section { padding-bottom:10px; }

    .joinrteam_page .experience-section.nopattern:before { display:none; }  
    .joinrteam_page .experience-section.nopattern { padding-bottom: 20px; }  
    .joinrteam_page .experience-section.innovation_area:before { display:none; }
    
    .solution-section.inclworkplace_area { padding-bottom:30px; }
    
    .lookforteam_area.joinurban_area:after { display:none; }
    .joinurban_area.imgright .container { flex-direction: column-reverse; }
    .joinurban_area.imgright .joinurban_left { padding:30px 0 0; }
    .joinurban_area .joinurban_left .title h2 { margin-bottom: 20px; padding-bottom: 20px; text-align:center; }
    .jobembed_area { padding:30px 0 50px; }
    
    .resource-section .content .text_slider { width:115px !important; } 
    .homehero_area .right .image .bg_img { right: 0; }
    
    .experience-section.urbanservices_wrap:before { display:none; }
    .serwithimg_boxanim.serwithimg_area .servibox .sub_title:before { left: 50%; transform: translateX(-50%); }
    
    .banner-section .right .image { width:100%; height:auto; }

  
  
  
    .inner.flex.justify-center.desk_exp_section { display: none; }
      .experience-section.bgpattern:before,.patchange.experience-section:before,.experience-section:after { display:none; }
  .experience-section.bgpattern3:before{ display:none; }
    .experience-section { padding:40px 0; }
    .experience-section.serwithimg_area .inner { max-width:400px; margin:0 auto; }
    .serwithimg_boxanim.serwithimg_area.experience-section .inner .right { margin-top:40px; }
    .mobile_exp_wrap.flex { display: flex; flex-wrap: wrap; width: 100%; }
    .serwithimg_area.experience-section .mobile_exp_wrap.inner .left { height: auto; display: inline-block; vertical-align: top; margin-bottom: 20px; }
    .serwithimg_area.experience-section .mobile_exp_wrap.inner .servibox { position: relative; top: auto; margin: 0; border-radius: 8px; }
    .serwithimg_area.experience-section .mobile_exp_wrap.inner .right { position: relative; margin: 0; top: auto; }
    .serwithimg_area.experience-section .mobile_exp_wrap.inner .left .leftimg { position: relative; top: auto; left: auto; height: auto; border: 0; }
    .serwithimg_area .mobile_exp_wrap.inner .servibox .icon { margin: 0 auto; }
  .center-mob { text-align:center;}
  .experience-section.serwithimg_area .inner .mobile_exp_col {display:inline-block;}
  .experience-section.serwithimg_area .inner .mobile_exp_col:nth-child(odd) .right {padding-left:0;}
  .experience-section.serwithimg_area .inner .mobile_exp_col:nth-child(odd) .left { padding:0;}
  .experience-section.serwithimg_area .inner .mobile_exp_col:nth-child(even) .right {padding:0;}
  .experience-section.serwithimg_area .inner .mobile_exp_col:nth-child(even) .left {padding:0;}
.patchange.experience-section:before { width: 0px; height: 535px; top:auto; bottom: -300px; left: 10px; z-index: -1; pointer-events: none; background-position: center center; background-size: 100% 100%; }
  .ctastrip_area .ctastrip_box {display:block!important; max-width:400px;margin:0 auto;}

}