/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css');
/* Test */
















.dnd-section > .row-fluid {
  max-width: 1366px;
}

.dnd-section {
  padding-bottom: 40px;
  padding-top: 40px;
}

.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #F8FAFC;
}
.page-center {
  max-width: 1366px;
}
.wrapper {
 max-width: 1366px; width : 100%; margin : 0 auto; display : block; float : none; padding : 0 15px;
}




html {
  font-size: 16px;
}

body {
  color: #333333;
  font-family: Graphik,sans-serif;
  font-size: 16pxpx;
  font-weight: 400
}

p {
  font-family: Graphik;
  font-weight: 400
}

a {
  font-family: Graphik;
  color: rgba(10, 45, 75, 1.0);
  cursor: pointer;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

a:hover,
a:focus {
  color:#999999;
}

a:active {
  color: rgba(50, 85, 115, 1.0);
}

h1 {
  color: #0A2D4B;
  font-family: Graphik, sans-serif;
  font-size: 52.8px;
  font-weight: 600;
}

@media(max-width: 767px) {
  h1 {
    font-size: 44.879999999999995px;
  }
}

h2 {
  color: #0A2D4B;
  font-family: Graphik, sans-serif;
  font-size: 35.2px;
  font-weight: 600;
}

@media(max-width: 767px) {
  h2 {
    font-size: 29.92px;
  }
}

h3 {
  color: #0A2D4B;
  font-family: Graphik, sans-serif;
  font-size: 27.2px;
  font-weight: 600;
}

@media(max-width: 767px) {
  h3 {
    font-size: 23.119999999999997px;
  }
}

h4 {
  color: #0A2D4B;
  font-family: Graphik, sans-serif;
  font-size: 19.2px;
  font-weight: 600;
}

@media(max-width: 767px) {
  h4 {
    font-size: 16.32px;
  }
}

h5 {
  color: #0A2D4B;
  font-family: Graphik, sans-serif;
  font-size: 17.6px;
  font-weight: 600;
}

h6 {
  color: #0A2D4B;
  font-family: Graphik, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

blockquote {
  border-left: 10px solid #F8FAFC;;
}

main.body-container-wrapper .dnd-section > .row-fluid{
  max-width: 1366px;
}




form,
.submitted-message {
  border-color: rgba(#null, 0.0);
  font-family: Graphik;
}

h3.form-title {
  background-color: rgba(10, 45, 75, 1.0);
  color: rgba(255, 255, 255, 1.0);
  padding: 30px 50px 0px 50px;
  margin-bottom: 0px
}

.hs-button,
.button--primary {
  background-color: rgba(10, 45, 75, 1.0);
  border-color: rgba(255, 255, 255, 1.0);
  border-radius: 3px;
  border-width: 1px;
  color: rgba(255, 255, 255, 1.0);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
  background-color: #ffffff;
  border-color: #ffffff;
  color: rgba(10, 45, 75, 1.0);

}

.hs-button:active,
.button--primary:active {
  background-color: rgba(50, 85, 115, 1.0);
  border-color: rgba(255, 255, 255, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.hs-form label {
  color: rgba(255, 255, 255, 1.0);
}

.hs-form legend {
  color: rgba(255, 255, 255, 1.0);
}

form input,
form textarea,
.hs-input {

  color: rgba(255, 255, 255, 1.0);
  border-radius: 3px;
}
form select,
.hs-input {
  color: #333333;
}
.jet-ajax-search__field{
  border-color: rgba(#null, 0.0);
}

.section.post-footer form,
.submitted-message {
  background-color: rgba(10, 45, 75, 1.0);

  font-family: Graphik;
}
.fn-date-picker .pika-table thead th {
  color: rgba(255, 255, 255, 0.0);
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
  color: #333333;
}

.hs-richtext {
  font-size: 16px;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Graphik;
}

.fn-date-picker td.is-today .pika-button {
  color: #494A52;
}

.fn-date-picker td.is-selected .pika-button {
  background: #494A52;
}

.fn-date-picker td .pika-button:hover {
  background-color: #F8FAFC !important;
}





th,
td {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(10, 45, 75, 1.0);
  color: rgba(10, 45, 75, 1.0);
}

thead th,
thead td {
  background-color: rgba(10, 45, 75, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(10, 45, 75, 1.0);
}

table,
tbody + tbody {
  border-color: rgba(10, 45, 75, 1.0);
}





.header_top, .header_bottom {
  background-color: rgba(255, 255, 255, 1.0);
}
nav.header-nav-menu--layout-horizontal ul li a
{
  color: rgba(153, 153, 153, 1.0);
}
nav.header-nav-menu--layout-horizontal ul li a:hover
{
  color: rgba(10, 45, 75, 1.0);
}
.header_top_container, .header_bottom_container {
  max-width: 1366px;
}

body .custom-menu-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: rgba(10, 45, 75, 1.0);

}

body .custom-menu-primary .submenu.level-1 > li:hover > a,
body .custom-menu-primary .submenu.level-1 > li:focus > a,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {

  color: rgba(153, 153, 153, 1.0);
}

body .custom-menu-primary a.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color: rgba(153, 153, 153, 1.0);

}
body .custom-menu-primary .submenu.level-1 > li.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li:active {
  background-color: rgba(255, 255, 255, 1.0);

}
body .custom-menu-primary .submenu.level-1 > li {
  background-color: rgba(#null, 0.0);


}
body .custom-menu-primary .submenu.level-1 > li:hover,
body .custom-menu-primary .submenu.level-1 > li:focus {
  background-color: rgba(255, 255, 255, 1.0);



}
body .custom-menu-primary .submenu.level-1 > li > a.active-branch {
  color: rgba(153, 153, 153, 1.0);

}

body .custom-menu-primary .submenu.level-1 > li > a.active-branch:after {
  background-color: rgba(153, 153, 153, 1.0);
}
body .custom-menu-primary .submenu.level-2 > li > a {

  color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link {
  background-color: rgba(10, 45, 75, 1.0);

}
body .custom-menu-primary .submenu.level-2 .triangle-container .triangle {
  background-color: rgba(10, 45, 75, 1.0);
}
.header_bottom_right ul.hs-menu-children-wrapper li a{
  background-color: rgba(10, 45, 75, 1.0);
}
nav.mobile-nav-menu--dropdown ul li a:hover, nav.mobile-nav-menu--dropdown ul li:hover > a, .mobile-nav-menu--dropdown .hs-menu-wrapper > ul li.clicked > a{
  background-color: rgba(36, 79, 117, 1.0);

}
.header_bottom_right ul.hs-menu-children-wrapper li a:hover{
  background-color: rgba(36, 79, 117, 1.0);
  color: rgba(255, 255, 255, 1.0);

}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:hover,
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .custom-menu-primary .submenu.level-2 .triangle-container.level-2.hover .triangle {
  background-color: rgba(36, 79, 117, 1.0);
  color: rgba(255, 255, 255, 1.0);

}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link.active-branch {
  background-color: rgba(10, 45, 75, 1.0);
  color: rgba(255, 255, 255, 1.0);

}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Graphik;
}

.header__language-switcher-label-current:after {
  border-top-color: rgba(10, 45, 75, 1.0);
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: rgba(255, 255, 255, 1.0);
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: rgba(10, 45, 75, 1.0);
  }
}





footer.footer_section, .footer_coyrights {
  background-color: rgba(4, 28, 49, 1.0);

}
.footer_bottom_content ul li a{
  color: #ffffff;
}
.footer_bottom_content ul li a:hover{
  color: #999999;
}
.footer_heading h4, .gform_body ul li.text{
  color: #ffffff;
}
.footer_container {
  max-width: 1366px;
}
.copyright_container{
  max-width: 1366px;
}
.copyright{
  color: #999999;
}
span.number-icon-list-text{
  color: #ffffff;
}
.number_content ul li a:hover span.number-icon-list-text{
  color: #eaeaea;
}
.copyright_wrap ul li span{
  color: #eaeaea;
}
.copyright_wrap ul li span:hover{
  color: #999999;
}




.content-wrapper {
  max-width: 1366px;
}











body .icon svg {
  fill: #494A52;
}

body .tns-nav button.tns-nav-active {
  background-color: #494A52;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #494A52;
}

body .social-links__icon {
  background-color: #494A52;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
  fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
  fill: rgba(#null, 0.0);
}

body .team-member__description {
  background-color: #F8FAFC;
}

.page-center {
  max-width: 1366px;
  margin: 0 auto;
  padding: 0 15px;
}
.space-div {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}



.body-container__website .dnd-section:nth-child(odd) {
  background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, header=, forms=}
}

@media(max-width: 1024px) {
  h3.form-title {
    padding-left: 30px;
  }
}

.dnd-section.full-width-forcedd { padding: 0 !important; } 
.dnd-section.full-width-forcedd>div, .dnd-section.full-width-forcedd>div>div { padding-left: 0px !important; padding-right: 0px !important; max-width: none !important; }


/* Case Study 2021 */
.detail-page-wrapper{padding:0!important;}
.banner-v2{position:relative;z-index:1;min-height:560px;display:flex;align-items:center;text-align:center;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:cover;}
.banner-v2:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
.banner-v2-wp{max-width:78%;margin:0 auto;}

/**/
.get-i-touch-acc .acc-title{color:#fff;cursor:pointer;border-width:1px;padding:18px 0;border-bottom:1px solid rgb(234 234 234 / 35%);position:relative;font-weight:600;transition:all 0.3s linear;}
.get-i-touch-acc .acc-title .arrow{position:absolute;top:0;right:0;bottom:0;margin:auto;width:auto;height:auto;display:flex;align-items:center;justify-content:center;}
.get-i-touch-acc .acc-title .arrow svg{height:20px;fill:currentColor;transition:all 0.3s linear;}
.get-i-touch-acc .acc-content{color:#fff;padding:5px 0 18px;border-bottom:1px solid #eaeaea59;display:none;}
.get-i-touch-wp{box-shadow:0 10px 30px 0 rgb(10 45 75 / 40%);transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;padding:70px 45px;}
.get-i-touch-acc .acc-title .arrow span{display:contents;}
.get-i-touch-acc .acc-title.active{border:transparent;}
.get-i-touch-acc .acc-title.active .arrow svg{transform:rotate(180deg);}
.get-i-touch-left{width:50%;}
.get-i-touch-right{width:50%;padding-left:59px;}
.get-i-touch-wp{display:flex;flex-wrap:wrap;}
.get-i-touch-wp .hs-form.hs-form{background:transparent!important;padding:0!important;}
.get-i-touch-right fieldset{max-width:100%!important;}
.get-i-touch-sec{padding:83px 0;background-repeat:no-repeat;background-position:0 195px;background-size:cover;}
.get-i-touch-right .hs-button{background-color:transparent;padding:21px  46px;font-size:22px;}
.get-i-touch-right .hs-button:hover{background-color:#fff;color:#041c31;}

/**/
.recent-article-wp{display:flex;flex-wrap:wrap;margin:37px 0 0;}
.recent-article-wp .outter{width:33.33%;padding:1rem;display:flex;}
.recent-article-wp .inner .blog-deatil{display:flex;flex-direction:column;padding:24px 30px 30px 30px;height:100%;}
.recent-article-wp .inner .blog-link{font-size:18px;line-height:26px;font-weight:600;color:#494a52;margin:.5rem 0;}
.recent-article-wp .inner{display:flex;flex-flow:column nowrap;width:100%;border-radius:5px;background:#fff;}
.recent-article-wp .inner .blog-link:hover{text-decoration:none;transition:all .5s;color:#999;}
.recent-article-sec{padding:65px 0 60px;}
.recent-article-title{text-align:center;}

/**/
.simple-content{padding:80px 0 69px;}
.simple-content-wp{text-align:center;max-width:1150px;margin:0 auto;width:90%;}

/**/
.testimonial-sec{padding:73px 0;}
.testi-img{width:145px;height:145px;border-radius:100%;padding:20px;margin:0 auto;}
.testi-img img{height:100%;width:100%;object-fit:contain;}
img{max-width:100%;vertical-align: top;}
.testimonial-slider .slider{text-align:center;max-width:550px;margin:0 auto 0;width:90%;}
.testimonial-title{text-align:center;max-width:1000px;margin:0 auto 60px;}
.testi-detail{margin-top:20px;}
.testi-detail .content{position:relative;z-index:1;}
.testi-detail .content:after,.testi-detail .content:before{content:'';position:absolute;width:39px;height:28px;background-repeat:no-repeat;background-position:center;background-size:contain;}
.testi-detail .content:before{background-image:url(https://coffee.lavazzabusinesssolutions.com.au/hubfs/Lavazza_December2020/Image/quote-top.png);left:-40px;bottom:100%;}
.testi-detail .content:after{background-image:url(https://coffee.lavazzabusinesssolutions.com.au/hubfs/Lavazza_December2020/Image/quote-bottom.png);right:-40px;top:100%;}
.testi-position h4{margin-bottom:0;font-weight:500;}
.testi-position h5{color:#a6a6a6;font-weight:400;}
.testimonial-slider .owl-dots{text-align:center;}
.testimonial-slider .owl-dots button.owl-dot{width:10px;height:10px;border-radius:100%;background-color:#a6a6a6;margin:0 5px;}
.testimonial-slider .owl-dots button.owl-dot.active,.testimonial-slider .owl-dots button.owl-dot:hover{background-color:#182c54;}

/**/
.zig-zag-wp .outter{display:flex;flex-wrap:wrap;align-items:center;padding:129px 0;}
.zig-zag-wp .outter .image{width:40%;position:relative;z-index:1;}
.zig-zag-wp .outter .content{width:60%;}
.zig-zag-wp .outter .image:after{height:calc(100% + 60px);width:100%;position:absolute;left:-125px;top:0;z-index:-1;margin:auto;bottom:0;}
.zig-zag-wp .outter.even{flex-direction:row-reverse;}
.zig-zag-wp .outter.odd .content{padding-left:70px;}
.zig-zag-wp .outter.even .content{padding-right:70px;}
.zig-zag-wp .outter.even{padding:60px 0;}
.zig-zag-wp .outter.even .image:after{left:auto;right:-125px;}
.zig-zag-sec{overflow:hidden;}
.pk-post-body { display: none; }
/* Media */


.inner-quote blockquote {margin: 0;margin-left: auto;font-size: 38px;line-height: 1.2;border: 0;padding: 0 0 0 150px;position: relative;}
.inner-quote blockquote:before {content: "";position: absolute;background-image: url(https://coffee.lavazzabusinesssolutions.com.au/hubfs/Lavazza_December2020/Image/quote112.png);width: 117px;height: 100px;background-size: contain;left: 0;z-index: 1;opacity: 1;background-position: center;top: -81px;background-repeat: no-repeat;}
.inner-quote {max-width: 870px; margin-left: auto;}
.download-form .form-title{background-color:transparent;}
.download-form .hs-form label{color:#A9A9A9;font-size:16px;font-weight:500;}
.download-form .hs-fieldtype-text.hs-form-field input,.download-form .hs-form-field select{background-color:transparent;border-bottom:1px solid #C4C4C4;border-radius:0;height:32px!important;padding:0 0!important;}
.download-form .hs-form-field{margin-bottom:28px;}
.heading-wrapper h2 span{text-transform:uppercase;font-weight:400;display:inline-block;background-color:#97785D;box-shadow:18px 0 0 #97785d,-18px 0 0 #97785d;line-height:1.6;}
.inner-download{margin-top:-40px;display:flex;}
.heading-wrapper h2{margin-bottom:54px;padding-left:18px;font-size:42px;}
.download-right{width:320px;display:flex;align-items:center;position:relative;}
.download-left{width:calc(100% - 320px);padding-right:50px;padding-bottom:80px;}
.download-content h6{font-size:20px;margin-bottom:30px;}
.download-form .actions{display:none;}
.download-form .hs_error_rollup{display:none;}
.download-btn{background-color:#0A2D4B;color:#fff;display:flex;align-items:center;justify-content:center;width:100%;font-size:28px;font-weight:500;padding:25px 30px 25px 0;line-height:1.1;cursor:pointer;position:relative;z-index:1;transition: all .5s ease;}
.download-right:before{position:absolute;top:35px;height:calc(100% - 35px);background-color:#97785D;width:3px;content:"";left:50%;z-index:0;}
.download-btn span{text-align:center;}
.download-content p{font-size:16px;}
.download-btn:hover { background-color: rgba(36,79,117,1.0);}
.box-btn .hs-cta-wrapper a:after {
    background-image: url("https://coffee.lavazzabusinesssolutions.com.au/hubfs/images/Vector%20%282%29.png");
    content: "";
    width: 15px;
    height: 13px;
    margin-left: 16px;
}
.box-btn .hs-cta-wrapper a:hover:after {
    background-image: url("https://coffee.lavazzabusinesssolutions.com.au/hubfs/images/Vector%203.png");

}
/*** single column ***/
.download-form form > div{width:100%;}

/*** two column ***/
.download-form form fieldset.form-columns-1 > div{max-width:100%!important;width:100%!important;}
.form-columns-1,.form-columns-2{width:100%!important;max-width:100%!important;}
.download-form fieldset.form-columns-2 .input,.download-form fieldset.form-columns-1 .input{margin-right:0!important;}
.download-form fieldset.form-columns-2 > div{width:47%!important;margin-right:4%;}
.download-form fieldset.form-columns-2 > div:last-child{margin-right:0;width:49.00%!important;}

.download-btn:before{content:"";position:absolute;background-color:rgba(244,244,244,1.0);top:-46px;height:46px;width:5px;left:50%;}
.download-btn:after{content:"";position:absolute;background-color:rgba(244,244,244,1.0);bottom:-46px;height:46px;width:5px;left:50%;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #f4f4f4 inset;
  -moz-box-shadow: 0 0 0 100px #f4f4f4 inset;
  box-shadow: 0 0 0 100px #f4f4f4 inset;
  /*   color: #f7f0e5 !important; */
}


.lat-blog-img{height:262px;}
.lat-blog-img img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.lat-blog-content{padding:0 35px;}
.lat-bl-title{background:#E5E5E5;padding:78px 20px 40px;position:relative;margin-top:-98px;}
.lat-bl-title h3{font-size:26px;font-weight:300;text-transform:uppercase;color:#0A2D4B;margin-bottom:0;height:78px;overflow:hidden;}
.lat-bl-title:before{content:"";height:3px;background-color:#97785D;width:78px;position:absolute;top:53px;}
.lat-bl-text p{font-size:14px;color:#404040;font-weight:300;line-height:28px;}
.lat-bl-text{margin:30px 0;}
.lat-bl-btn a{border:1px solid #97785D;text-decoration:none;display:flex;align-items:center;text-align:center;justify-content:center;padding:12px 10px;font-size:19px;font-weight:500;color:#97785D;}
.lat-bl-btn a span{padding-left:15px;}
.lat-blog-wrp .owl-nav{display:flex;align-items:center;justify-content:center;margin-top:50px;}
.lat-blog-wrp .owl-nav > div{margin:0 6px;}
.lat-blog-wrp .owl-nav > div svg{height:28px;}


.box-item{border:1px solid #97785D;padding:85px 75px 90px;position:relative;margin-bottom: 3px;}
.inner-tw-col{display:flex;margin:0 -15px;flex-wrap: wrap;}
.box-btn{position:absolute;right:-1px;bottom:-1px;}
.box-btn a{display:flex;text-decoration:none;font-size:15px;font-weight:500;min-width:200px;text-align:center;background:#97785D;color:#fff;letter-spacing:0.075em;padding:12px 10px;justify-content:center;align-items:center;border: 1px solid #97785d;}
.box-btn a span{padding-left:16px;}
.box-btn a:hover {background-color: #fff;color: #97785d;}
.box-btn a:hover svg * {fill: #97785d;}
.box-content{padding-bottom:30px;border-bottom:1px solid #C4C4C4;}
.box-content p{font-size:17px;letter-spacing:0.03em;font-weight:500;margin:0;}
.box-bottom-content p{font-size:15px;font-weight:600;letter-spacing:0.03em;}
.box-bottom-content{padding-top:10px;}
.inner-tw-col .owl-dots {display: flex;align-items: center;justify-content: center;margin-top: 34px;}
.inner-tw-col .owl-dot {background-color: #fff;height: 14px;width: 14px;border-radius: 50%;margin: 0 5px;border: 2px solid #97785d;}
.inner-tw-col .owl-dot.active {background-color: #97785d;}
.ae-ovelay-color{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:1;}
.module-base > div > div {position: relative; z-index: 2;}
.inner-cta {display: flex;align-items: center;}
.right-button {width: 260px;}
.left-button-text {width: calc(100% - 260px);padding-right: 100px;}
.right-button a {display: inline-block;font-size: 19px;text-align: center;text-decoration: none;color: #fff;border: 2px solid #fff;padding: 16px 10px;width: 100%;}
.left-button-text h2 {margin-bottom: 20px;font-size: 40px;font-weight: 500;}
.left-button-text p {line-height: 2.2;font-weight: 500;}
.left-button-text p:last-child {margin-bottom: 0;}
.banner-title h1 {font-size: 51px;font-weight: 900;line-height: 1.1;text-shadow: 3px 0px 2px rgb(0 0 0 / 76%);}
.banner-right-img {padding-left: 128px;margin-top: -112px;}
.banner-right-img img {width: 100%;}
.banner-title {position: relative;}
.banner-title:before {height: 4px;width: 124px;content: "";background-color: #97785D;position: absolute;top: -21px;}

.inner-video {display: flex;align-items: center;}
.video-text {max-width: 330px;}
.video-left-content {width: 35%;position: relative;z-index: 1;}
.video-right {
    width: 65%;
    padding-left: 50px;
}
.innber-video-right .hs-embed-wrapper {max-width: 100% !important;max-height: 100% !important;}
.lat-bl-btn a:hover {background-color: #97785d;color: #fff;}
.lat-bl-btn a:hover svg * {fill: #fff;}

/* home page */
.customfont h2 {  font-size: 30px; font-weight: 700; line-height: 1.33;}
.font20 p, .font20 span, .font20  { font-size: 20px;font-weight: 400; color: #333; line-height: 1.4;}
.fontwhite, .fontwhite h1, .fontwhite h2, .fontwhite h3, .fontwhite h4, .fontwhite h5, .fontwhite h6, .fontwhite p { color : #fff } 
.font40 h1,.font40 h2,.font40 h3,.font40 h4,.font40 h5 { font-size :40px;color: #0A2D4B;text-align: center;font-family: Graphik;font-style: normal;font-weight: 700;line-height: 1.3; margin : 0 }  

@media(min-width:1200px){
  /*   .simple-content-wp p,.testi-detail .content p,.zig-zag-wp .outter .content p{font-size:20px;line-height:30px;} */
}
@media(max-width:1439px){
  .detail-page-wrapper .content-wrapper{padding:0 40px;}
   .wrapper {
    max-width: 1200px;
} 
    
}

@media (max-width : 1230px){
   .wrapper {
    max-width: 90%;
} 
}

@media(max-width:1199px){
  .zig-zag-wp .outter{padding:70px 0;}
  .simple-content{padding:70px 0 59px;}
  .recent-article-wp .outter{padding:0.5rem;}
  .get-i-touch-sec{padding:70px 0;background-position:0 155px;}
  .video-text {max-width: 260px;}
}

@media (max-width : 1080px){
.customfont h2 {  font-size: 28px;}
    .font20 p  { font-size: 18px; }
    
    .font40 h1,.font40 h2,.font40 h3,.font40 h4,.font40 h5 { font-size :30px;}  
}

@media(max-width:1024px){
  .banner-title h1 {font-size: 42px;}
  .heading-wrapper h2 { font-size: 34px;}
  .left-button-text { padding-right: 30px;}
  .lat-bl-title h3 {font-size: 22px;height: 65px;}
  .download-btn { font-size: 24px;}
  .download-right { width: 260px;}
  .download-left { width: calc(100% - 260px);padding-right: 20px;}
}
@media(max-width:1023px){
  .box-item {padding: 40px 40px 60px;}
}
@media(max-width:991px){
.wrapper { max-width: 100%; padding: 0 30px;}

    
    
  .recent-article-wp .outter{width:50%;}
  .zig-zag-wp .outter.odd .content{padding-left:35px;}
  .zig-zag-wp .outter{padding:60px 0;}
  .simple-content{padding:60px 0 49px;}
  .testimonial-sec{padding:60px 0;}
  .recent-article-sec{padding:60px 0;}
  .recent-article-wp{margin:25px 0 0;}
  .get-i-touch-sec{padding:60px 0;}
  .get-i-touch-wp{padding:40px;}
  .get-i-touch-left{width:100%;}
  .get-i-touch-right{width:100%;padding-left:0px;margin-top:30px;}
  .video-left-content {width: 100%;}
  .inner-video {flex-wrap: wrap;}
  .video-right {width: 100%;margin: 30px 0 0 0;padding-left:0;}
  .video-text {max-width: 100%;}
  .inner-quote blockquote { font-size: 30px;}
  .heading-wrapper h2 span { box-shadow: none; padding: 0 20px;display: inline-block; width: 100%;}
  .heading-wrapper h2 { padding: 0;}
}



@media(max-width:767px){
    .customfont h2 {  font-size: 26px;}
    .font40 h1,.font40 h2,.font40 h3,.font40 h4,.font40 h5 { font-size :30px;}  
  .banner-title h1 {font-size: 36px;}
  .detail-page-wrapper .content-wrapper{padding:0 20px;}
  .zig-zag-wp .outter .image{width:100%;margin-bottom:60px;}
  .zig-zag-wp .outter .content{padding-left:0;width:100%;}
  .zig-zag-wp .outter.even .content{padding-right:0;}
  .zig-zag-wp .outter.odd .content{padding-left:0px;}
  .testi-detail .content:after,.testi-detail .content:before{width:30px;height:19px;}
  .testi-detail .content:before{left:-20px;}
  .testi-detail .content:after{right:-20px;}
  .zig-zag-wp .outter .image:after{left:125px;}
  .get-i-touch-right .hs-button { padding: 12px 30px; font-size: 14px; }
  .banner-right-img { padding-left: 0; margin-top: 0;}
  .right-button { margin-top: 50px;}
  .left-button-text { width: 100%; padding-right: 0;}
  .inner-cta { flex-wrap: wrap;}
  .inner-tw-col { margin: 0 0;}
  .box-item { margin: 0 0 30px; padding: 40px 40px 60px;}
  .lat-bl-title h3 {font-size: 20px;}
  .lat-bl-title { padding: 60px 20px 10px; margin-top: -75px;}
  .lat-bl-title:before { top: 40px;}
  .lat-blog-content { padding: 0 20px;}
  .download-right { margin-bottom: 60px;}
  .download-left { width: 100%; padding-right: 0;padding-bottom: 30px;}
  .inner-download { flex-wrap: wrap;}
  .download-btn { font-size: 20px; padding: 20px 25px;}
  .inner-quote blockquote {padding-left: 0;font-size: 26px;}
  .inner-quote blockquote:before {width: 69px; height: 65px;}
  .download-form fieldset.form-columns-2>div { width: 100% !important; margin-right: 0;}
  .download-form fieldset.form-columns-2>div:last-child { margin-right: 0; width: 100% !important;}
  .heading-wrapper h2 { font-size: 27px;margin-bottom: 30px;}
}
@media(max-width:575px){
  h1{font-size:34px;}
  .recent-article-wp .outter{width:100%;}
  .banner-v2{min-height:400px;}
  .zig-zag-wp .outter .image:after{height:calc(100% + 60px);width:calc(100% + 60px);left:-20px;}
  .zig-zag-wp .outter.even .image:after{right:-20px;}
  .testi-detail .content:before{left:-15px;}
  .testi-detail .content:after{right:-15px;}
  .testi-img { width: 120px; height: 120px;}
  .get-i-touch-wp{padding:30px 25px;}
  .zig-zag-sec .zig-zag-wp:first-child .image {display: none;}
  .box-item { padding: 20px 20px 60px;}
}

@media (max-width : 480px){
.wrapper {  padding: 0 20px;}
    .customfont h2 {  font-size: 24px;}
    .font40 h1,.font40 h2,.font40 h3,.font40 h4,.font40 h5 { font-size :24px;}  
}