/* @import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap') */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
    
/** main **/
























































@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/* font-family: 'Inter', sans-serif; */



body { font-family:'Inter', sans-serif; font-weight:400; color:#2D0919; font-size:18px; line-height: 32px; overflow-x: hidden; }

@media (max-width:767px) {
	body { font-size: 14px; line-height: 24px; }
}

/* Paragraphs */
strong { font-weight:700; }
a { transition:400ms;; text-decoration:none; color:#F2318A; }
a:hover, a:focus { text-decoration:none; color:#bd095c; }

p { margin: 0 0 15px 0; }
p:last-child { margin: 0; }

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

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

h1, h2, h3, h4, h5, h6 { margin: 0px; font-weight: 700; margin-bottom: 15px; }
h1 { font-family: 'Inter', sans-serif; font-size: 80px; color: #2D0919; line-height: 88px; }
h2 { font-family: 'Inter', sans-serif; font-size: 48px; color: #2D0919; line-height: 55px; }
h3 { font-family: 'Inter', sans-serif; font-size: 33px; color: #2D0919; line-height: 40px; }
h4 { font-family: 'Inter', sans-serif; font-size: 28px; color: #2D0919; line-height: 35px; }
h5 { font-family: 'Inter', sans-serif; font-size: 20px; color: #2D0919; line-height: 29px; font-weight: 600; }
h6 { font-family: 'Inter', sans-serif; font-size: 20px; color: #2D0919; line-height: 25px; font-weight: 400; }

@media (max-width:1500px){
    
    body { font-size: 18px; line-height: 30px; }
    
    h1 { font-size: 50px; line-height: 58px; }
    h2 { font-size: 34px; line-height: 42px; }
    h3 { font-size: 30px; line-height: 38px; }
    
}

@media (max-width:1199px){
    
    body { font-size: 18px; line-height: 30px; }
    
    h1 { font-size: 44px; line-height: 55px; }
    h2 { font-size: 32px; line-height: 40px; }
    h3 { font-size: 28px; line-height: 38px; }
    
}
    
@media (max-width:991px){
    
    h1 { font-size: 36px; line-height: 44px; }
    h2 { font-size: 28px; line-height: 36px; }
    h3 { font-size: 26px; line-height: 34px; }
    
    .main_title h3 { font-size: 28px; line-height: 34px; }

}

@media (max-width:767px){
    
    body { font-size: 16px; line-height: 26px; }
    
    h1 { font-size: 33px; line-height: 40px; }
    h2 { font-size: 28px; line-height: 34px; }
    h3 { font-size: 26px; line-height: 34px; }

}
.btn_style a , a.btn_style { padding: 14px 35px; background-color: 
    
    
        
    
    rgba(242, 49, 138, 1.0)
; color: #FFFFFF; font-family: 'Inter', sans-serif; border-radius: 6px; display: inline-block; font-size: 20px; line-height:26px; font-weight: 700; text-align: center; border: 1px solid 
    
    
        
    
    rgba(242, 49, 138, 1.0)
; position: relative; }
.btn_style a:hover , a.btn_style:hover { background-color: 
    
    
        
    
    rgba(189, 9, 92, 1)
; border-color: ; color: #FFFFFF; border-color 
    
    
        
    
    rgba(189, 9, 92, 1)
; }

.btn_border a , a.btn_border { background-color: 
    
    
        
    
    rgba(255, 255, 255, 0.0)
; color: #F2318A; border-radius: 6px; border: 1px solid 
    
    
        
    
    rgba(242, 49, 138, 1)
; }
.btn_border a:hover , a.btn_border:hover { background-color: 
    
    
        
    
    rgba(242, 49, 138, 1)
; border-color: 
    
    
        
    
    rgba(242, 49, 138, 1)
; color: #FFFFFF; }
.btn_style.play a:after { content: ''; width: 34px; height: 34px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/play.svg') no-repeat; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; transition:400ms;; }

.white_border a , a.white_border { border-color: #FFFFFF; color: #FFFFFF; }
.white_border a:hover , a.white_border:hover { background: #FFFFFF; border-color: #FFFFFF; color: #F2318A; }

@media(max-width: 991px) {
    
    .btn_style a, a.btn_style { padding: 14px 26px; }
    
}
input , button , textarea, select , input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline:none; border:none; background:#FFFFFF; height:60px; padding:0 22px; font-family: 'Inter', sans-serif; font-size:20px; line-height: 30px; width:100%; border-radius: 6px; font-weight: 600; color:#2D0919; }
input[type=checkbox] , input[type=radio] { width:auto; height:auto; } 
select { background:#fff url(https://5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/dragonfly_2022/image/down-1.png) no-repeat right center; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-size: 15px; background-position: center right 15px; }
textarea { padding:20px 22px; height:142px; }
input[type=submit] , button { width: auto; height: auto; padding: 15px 30px; background:url('https://5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/dragonfly_2022/image/blank.webp') 
    
    
        
    
    rgba(242, 49, 138, 1.0)
; color: #FFFFFF; font-family: 'Inter', sans-serif; border-radius: 6px; display: inline-block; font-size: 20px; line-height: 26px; min-width: auto; text-align: center; border: 1px solid 
    
    
        
    
    rgba(242, 49, 138, 1.0)
; position: relative; cursor: pointer; transition:400ms;; font-weight: 700; }
input[type=submit]:hover , button:hover { background-color: 
    
    
        
    
    rgba(189, 9, 92, 1)
; border-color: ; color: #FFFFFF; border-color 
    
    
        
    
    rgba(189, 9, 92, 1)
; }

@media(max-width: 500px) {
    input[type=submit] , button { font-size: 13px; line-height: 22px; min-width: 200px; }
}

.submitted-message { font-size: 42px; line-height: 50px; font-weight: 700; }
.submitted-message:before { content: ''; margin-right: 6px; width: 57px; height: 57px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/check.png') no-repeat; display: inline-block; vertical-align: middle; }

ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; font-size: 14px; line-height: 20px; color: red; }
.hs-form .input { margin:0 !important; }
.hs-form .hs-form-field { padding:0 0 25px; }
.row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 }
.row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 25px 20px }
.row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 20px 25px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 25px 20px }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 20px 25px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 10px 25px; }
.row-fluid .hs-form fieldset .hs-input { width:100% !important; }
.row-fluid .hs-form fieldset { max-width:none; }
.row-fluid .hs-form fieldset input[type="checkbox"], .row-fluid  .hs-form fieldset input[type="radio"] { width:auto !important; }
ul.inputs-list { margin:0; padding:5px 0; list-style:none; }

.row-fluid .inputs-list .hs-form-checkbox-display , .row-fluid .inputs-list .hs-form-booleancheckbox , .row-fluid .inputs-list li.hs-form-radio { display:block; padding:0 0 0 38px; position:relative; }
.row-fluid .inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 29px; height: 29px; }
.row-fluid .inputs-list input[type="radio"] { top:3px; }
.row-fluid .inputs-list input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; }
.row-fluid .inputs-list input[type="checkbox"] + span:before  { position:absolute; left:-38px; top: -4px; content:''; width:29px; height:29px; border:1px solid #dadada; color:#fff; background:rgb(45, 9, 25, 0.2); }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:before { background:#2D0919; color:#FFFFFF; border-color:#333; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#FFFFFF; position:absolute; left:-38px; top:-4px; content: "\f00c"; font-family:'FontAwesome'; width: 29px; line-height: 29px; }

.row-fluid .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:7px; content:''; width:20px; height:20px; border:1px solid #dadada;  background:rgb(45, 9, 25, 0.2); border-radius:100%; }
.row-fluid .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:11px;  content:''; width:12px; height:12px; border-color:#333; background:#2D0919;  border-radius:100%; }

body .legal-consent-container .hs-form-booleancheckbox-display > span { margin-left: 0; }

@media  (max-width: 400px), (max-device-width: 600px) and (min-device-width: 320px) {
  
  .hs-form .hs-form-field { padding:0 0 15px 0 }
  .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 15px 0 }
  .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 15px 0 }
  .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 15px  }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 15px 0; }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 15px; }
    
}

.row-fluid a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.hs-menu-wrapper.hs-menu-flow-horizontal ul li a:link , .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:visited { max-width: none !important; text-overflow: inherit !important; vertical-align:top; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width:100%; }
.hs-menu-wrapper.hs-menu-flow-horizontal ul { vertical-align:top; }

.row-fluid [class*="span"] { min-height:1px; }
.header-container-wrapper .row-fluid [class*="span"] { min-height:0; }

.hs-input::-webkit-input-placeholder { color:#2D0919; opacity:1; }
.hs-input::-moz-placeholder { color:#2D0919; opacity:1; }
.hs-input:-ms-input-placeholder { color:#2D0919; opacity:1; }
.hs-input:-moz-placeholder { color:#2D0919; opacity:1; }

@media(max-width: 600px) {

    .hs-form .hs-form-field { width: 100% !important; }
    input, button, textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px; height: 52px; padding: 0 18px; }
    input[type=submit] , button { height: auto; } 
    textarea { padding: 18px; height: 120px; }
}

@media(max-width: 1200px) {
    .submitted-message { font-size: 26px; line-height: 34px; }
    .submitted-message:before { width: 40px; height: 40px; background-size: 40px; } 
}

@media(max-width: 991px) {
    .submitted-message { font-size: 20px; line-height: 28px; }
    .submitted-message:before { width: 30px; height: 30px; background-size: 30px; } 
}
.row-fluid {
  width: 100%;
}

.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: 1px;
  margin-left: 2.127659574%;
  -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%;
}

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

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

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

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

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

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

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

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

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

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

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

.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%;
  }

  .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: 1px;
    margin-left: 2.762430939%;
    -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%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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: 1px;
    margin-left: 2.564102564%;
    -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%;
  }

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

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

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

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

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

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

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

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

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

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

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

/* Clearfix */

.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;
  }
}
section.blog_index { padding: 75px 0 100px; }

.topic { margin: 0 0 40px; }
.topic ul { margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center; flex-wrap: wrap; font-size: 13px; line-height: 20px; text-transform: uppercase; letter-spacing: 0.05em; }
.topic ul li { margin: 0; padding: 0 18px; display: inline-block; position: relative; }
.topic ul span { margin: 0 10px 0 0; color: #2D0919; font-weight: 500; }
.topic ul li a { color: #2D0919; display: inline-block; font-weight: 500; opacity: 0.5; }
.topic ul li:after { content: '/'; position: absolute; top: 0; right: -3px; opacity: 0.5; }
.topic ul li:last-child:after { display: none; }
.topic ul li a:hover { color: #F2318A; opacity: 1; }

.blog_main { display: flex; flex-wrap: wrap; margin: 0 -50px; }

.hero_listing h1 { font-size: 60px; font-weight: 500; width:600px; line-height: 65px;}
.blog_post h1 { font-size: 60px; font-weight: 500; width:600px; line-height: 65px; padding-top: 40px;}

.blog_main .box { width: 33.33%; padding: 30px 50px; }
.blog_main .box .text { margin: 10px 0 0; font-size: 16px; line-height: 25px; font-weight: 300; }
.blog_main .box a.image { height: 223px; display: inline-block; width: 100%; }
.blog_main .box .tags { text-transform: uppercase; font-size: 13px; font-weight: 500; letter-spacing: 0.05em; line-height: 20px; }
.blog_main .box h4 { margin: 15px 0; font-size: 20px; line-height: 26px; font-weight: 600; }
.blog_main .box h4 a { color: #2D0919; }
.blog_main .box .text .btn_style { margin: 40px 0 0; }
.blog_main .box .text .btn_style a { padding: 8px 16px; font-size: 17px; line-height: 22px; }

nav.pagination { padding: 0 0 100px; display: flex; align-items: center; justify-content: center; }
nav.pagination a { margin: 4px; padding: 0; width: 30px; height: 30px; font-size: 14px; line-height: 27px; background: transparent; border: 2px solid #2D0919; color: #2D0919; border-radius: 0; text-align: center; display: inline-block; font-weight: 600; }
nav.pagination a svg { height: 16px; fill: #2D0919; transition:400ms;; }
nav.pagination a.pagination__link--prev , nav.pagination a.pagination__link--next , nav.pagination a.pagination__link--prev span , nav.pagination a.pagination__link--next span { display: flex; align-items: center; justify-content: center; }
nav.pagination a:hover , nav.pagination a.pagination__link--active { color: #FFFFFF; background: #F2318A; border-color: #F2318A; }
nav.pagination a:hover svg { fill: #FFFFFF;  }

.blog_hero { position: relative; }
.blog_hero:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(pexels-mikael-blomkvist-6476563-1024x684.jpg); }
.blog_hero > div { position: relative; z-index: 1111; }
.blog_hero.hero_platform .text { max-width: 600px; }

.hero_platform .back a { color: #fff; }
.hero_platform .back a svg { position: relative; left: 0; margin: 7px 6px 0 0; vertical-align: top; transition:400ms;; }
.hero_platform .back a:hover svg  { left: -3px; }

.blog_posting { padding: 80px 0; }
.blog_post { display: flex; flex-wrap: wrap; }
.about_author { width: 175px; }
.posting_text { width: calc(100% - 175px); padding: 0 0 0 30px; }

.blog_content { margin: 0 0 32px; }
.about_author h5 { font-size: 14px; line-height: 23px; font-weight: 400; }
.about_author .image { width: 101px; height: 101px; border-radius: 100px; }
.about_author  .text { margin: 15px 0 0; }
.about_author .text h4 { font-size: 20px; line-height: 28px; font-weight: 600; }
.about_author .text h4 a { color: #2D0919; }
.posting_text p { margin: 0 0 40px; font-size: 16px; line-height: 26px; font-weight: 300; }

.bloghero_sec .back a { color: #2D0919; }
.bloghero_sec .back a svg { position: relative; left: 0; margin: 7px 6px 0 0; vertical-align: top; transition:400ms;; }
.bloghero_sec .back a:hover svg  { left: -3px; }

.abauthor_con { padding: 50px 0; background: 
    
    
        
    
    rgba(223, 223, 227, 0.3)
; }
.abauthor_con .about_author { margin: 0 auto; width: 100%; font-size: 16px; line-height: 26px; font-weight: 300; border-radius: 15px; }

blockquote {position:relative;}
blockquote:before {content:''; width:3px; height:100%; background-color:#f2318a;position:absolute; left:-35px;}
blockquote p, blockquote * {font-size:24px; line-height:38px;color:#f2318a;}

.blog_posting h2 {color:#f2318a; font-size:20px; line-height:34px;}
.blog_posting h3 { font-size:20px; line-height:34px;}
.blog_posting h4 {color:#f2318a; font-size:18px; line-height:30px;}

.blog_hero.blog_post {padding-top:130px;}
.blog-audio  {padding-bottom:50px;}

/*  */
.posting_textv2 { width: auto; padding: 0; }
.blog_author { display: flex; width: 80%; align-items: center; margin-bottom: 30px;}
.blog_author .text { width: calc(100% - 101px); padding-left: 25px; margin-top: 0;}
.blog_author .text p { margin-bottom: 0; }

.blog_posting .container { display: flex; }
.blog_posting .blogsidebar { width: 30%; padding-right: 35px; }
.blog_posting .blog_posting_wrap { width: 70%; }
.blog_posting .blogsidebar ul { list-style: none; padding: 0 0 0 25px; margin: 0; border-left: 3px solid #ccc; position: relative; }
.blog_posting .blogsidebar ul li { margin-bottom: 12px; line-height: normal; }
.blog_posting .blogsidebar h3 { font-size: 30px; line-height: normal; margin-bottom: 30px; }
.blog_posting .blogsidebar ul li a { font-size: 16px; color:#000;  }
.blogsidebar-inner { position: sticky; top: 80px; }
.blog_posting .blogsidebar ul li.active a { color: #F2318A; }

.linebar { position: absolute; left: -3px; top: 0; background: #F2318A; width: 3px; transition: all 300ms; }

@media(max-width:1439px){

    .blog_post h1, .hero_listing h1 {font-size: 54px;line-height: 60px;}
    
    .blog_posting .blogsidebar ul { padding-left: 14px; }
    .blog_posting .blogsidebar { padding-right: 15px; }
}

@media(max-width: 1200px) {
    .blog_main { margin: 0 -20px; }
    .blog_main .box { padding: 20px; }
    
    .blog_posting h2 {font-size:34px; line-height:42px;}
    blockquote p, blockquote * {
    font-size: 20px;
        line-height: 35px;}
    
    .hero_listing h1 {font-size: 48px;line-height: 55px;}
}

@media(max-width: 991px) {
    .blog_main .box { width: 50%; }
    
    .blog_posting h2 { font-size: 30px; line-height: 38px;}
    blockquote p, blockquote * { font-size: 18px; line-height: 33px;}
    
    .blog_author { width: 100%; }
    
    .blog_posting .container { flex-wrap: wrap; }
    .blog_posting .blogsidebar { width: 100%; padding-bottom: 40px; }
    .blog_posting .blog_posting_wrap { width: 100%; }
    
    .blog_posting .blogsidebar { position: fixed; z-index: 999999999999; padding: 0; bottom: 0; left: auto; width: auto; right: 0; }
    .blog_posting .blogsidebar .blogsidebar-inner { max-height: calc(100vh - 100px);   overflow: auto; background: #ffff; padding: 35px; width: 100%; max-width: 520px; box-shadow: 0 0 20px -8px #000; margin-left: auto; top: -100px; position: relative; display: none; }
    .blogsidebarbtn span { background: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 2px; width: 26px; margin: auto; }
    .blogsidebarbtn { width: 50px; height: 50px; background: #fff; border-radius: 100%; box-shadow: 0 0 20px -8px #000; position: absolute; right: 15px; bottom: 23px; cursor: pointer; }
    .blogsidebarbtn span:nth-child(1) { transform: translateY(-8px); }
    .blogsidebarbtn span:nth-child(3) { transform: translateY(8px); }
    .blog_posting .blogsidebar.open .blogsidebar-inner { display: block; }  
    .blog_posting .blogsidebar.open .blogsidebarbtn span:nth-child(1) { transform: rotate(45deg); }
    .blog_posting .blogsidebar.open .blogsidebarbtn span:nth-child(2) { opacity: 0; }  
    .blog_posting .blogsidebar.open .blogsidebarbtn span:nth-child(3) { transform: rotate(-45deg); }
}

@media(max-width: 767px) {
    .blog_main { margin: 0; }
    .blog_main .box { width: 100%; padding: 15px 0; }
    
    .topic { margin: 0 0 10px; }
    .topic ul span { width: 100%; margin: 0 0 5px; }
    .topic ul span + li { padding-left: 0; }
    section.blog_index { padding: 53px 0 40px; }
    nav.pagination { padding: 0 0 60px; }

    
    .blog_posting { padding: 10px 0 60px; }
    .blog_post { flex-direction: column-reverse; }
    .posting_text { padding: 0; width: 100%; }
    .posting_text p { margin: 0 0 20px; }
    .blog_content { margin: 0 0 20px; }
    
    .abauthor_con { padding: 50px 0 0; background: transparent; }
    
    .blog_posting h2 { font-size: 28px; line-height: 36px;}
    blockquote p, blockquote * { font-size: 16px; line-height: 32px;}
    blockquote {margin-left:15px; margin-right:15px;}
    blockquote:before {left:-15px;}
    
    .blog_author {display: block; margin-bottom: 0; padding-top: 20px; }
    .blog_author .text { width: 100%; padding-left: 0;}
    .blog_author .image { margin-bottom: 20px; }
    
    .blog_posting .blogsidebar .blogsidebar-inner { padding: 20px; }
    
    
    
}
/* Error pages */

.error-page {
  padding: 10rem 0;
  position: relative;
  text-align: center;
}

.error-page:before {
  color: #F3F6F9;
  content: attr(data-error);
  font-size: 40vw;
  font-weight: bold;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}

/* System pages */

.systems-page {
  margin: 0 auto;
  max-width: 700px;
  padding: 3rem 1.4rem;
}

.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;
  margin: 1.4rem 0;
  padding: 0.1rem 0.7rem;
  width: 100%;
}

.systems-page form input {
  max-width: 100%;
}

.systems-page form input[type='submit'] {
  margin: 0.7rem 0;
  display: block;
}

/* Search pages */

.hs-search-results__title {
  font-size: 1.25rem;
  margin-bottom: 0.35rem;
  text-decoration: underline;
}

.hs-search-results__title:hover {
  text-decoration: none;
}

.hs-search-results__description {
  padding-top: 0.7rem;
}

/* Password prompt */

.password-prompt input[type=password] {
  height: auto !important;
  margin-bottom: 1.4rem;
}

.systems-page #hs-login-widget-remember,
.systems-page #hs-login-widget-remember ~ label {
  display: inline-block;
  margin-bottom: 0.175rem;
}

.systems-page #hs_login_reset {
  display: block;
  margin-bottom: 0.7rem;
}

/* Backup unsubscribe */

.backup-unsubscribe #email-prefs-form div {
  padding-bottom: 0 !important;
}

.backup-unsubscribe input[type=email] {
  font-size: 0.875rem !important;
  margin-bottom: 1.4rem;
  padding: 0.7rem !important;
}

/* Subscription preferences */

#email-prefs-form .item.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

#email-prefs-form .item.disabled input:disabled {
  cursor: not-allowed;
}

/* Membership pages */

#hs-membership-form a[class*='show-password'] {
  font-size: 0.75rem;
}

/* Input error messages */

.form-input-validation-message ul.hs-error-msgs {
  padding-left: 0;
  margin: 0;
}

.form-input-validation-message ul.hs-error-msgs li {
  margin: 0;
}
.text-13 { font-size: 13px; }












.d-block {
    display:block;
}

.d-inline-block {
    display:inline-block;
}

.d-flex {
    display:flex;
}

.d-inline-flex {
    display:inline-flex;
}

.d-none {
    display:none;
}



.align-center {
    align-items:center;
}

.align-flex-start {
    align-items:flex-start;
}

.align-flex-end {
    align-items:flex-end;
}

.align-normal {
    align-items:normal;
}



.justify-center {
    justify-content:center;
}

.justify-flex-end {
    justify-content:flex-end;
}

.justify-flex-start {
    justify-content:flex-start;
}

.justify-space-around {
    justify-content:space-around;
}

.justify-space-between {
    justify-content:space-between;
}



.text-left {
    text-align:left;
}

.text-right {
    text-align:right;
}

.text-center {
    text-align:center;
}



.direction-column {
    flex-direction:column;
}

.direction-column-reverse {
    flex-direction:column-reverse;
}

.direction-row {
    flex-direction:row;
}

.direction-row-reverse {
    flex-direction:row-reverse;
}




.p--0 { padding:0px !important; }
.p-0 { padding:0px; }
.pt-0 { padding-top:0px; }
.pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; }
.pr-0 { padding-right:0px; }

.m-0 {  margin:0px; }
.mt-0 { margin-top:0px; }
.mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; }
.mr-0 { margin-right:0px; }

.mt--0 { margin-top:-0px; }
.mb--0 { margin-bottom:-0px; }




.max--0 { max-width:0%; }
.mt---0 { margin-top:-0%; }
.mb---0 { margin-bottom:-0%; }




.p--5 { padding:5px !important; }
.p-5 { padding:5px; }
.pt-5 { padding-top:5px; }
.pb-5 { padding-bottom:5px; }
.pl-5 { padding-left:5px; }
.pr-5 { padding-right:5px; }

.m-5 {  margin:5px; }
.mt-5 { margin-top:5px; }
.mb-5 { margin-bottom:5px; }
.ml-5 { margin-left:5px; }
.mr-5 { margin-right:5px; }

.mt--5 { margin-top:-5px; }
.mb--5 { margin-bottom:-5px; }




.max--5 { max-width:5%; }
.mt---5 { margin-top:-5%; }
.mb---5 { margin-bottom:-5%; }




.p--10 { padding:10px !important; }
.p-10 { padding:10px; }
.pt-10 { padding-top:10px; }
.pb-10 { padding-bottom:10px; }
.pl-10 { padding-left:10px; }
.pr-10 { padding-right:10px; }

.m-10 {  margin:10px; }
.mt-10 { margin-top:10px; }
.mb-10 { margin-bottom:10px; }
.ml-10 { margin-left:10px; }
.mr-10 { margin-right:10px; }

.mt--10 { margin-top:-10px; }
.mb--10 { margin-bottom:-10px; }




.max--10 { max-width:10%; }
.mt---10 { margin-top:-10%; }
.mb---10 { margin-bottom:-10%; }




.p--15 { padding:15px !important; }
.p-15 { padding:15px; }
.pt-15 { padding-top:15px; }
.pb-15 { padding-bottom:15px; }
.pl-15 { padding-left:15px; }
.pr-15 { padding-right:15px; }

.m-15 {  margin:15px; }
.mt-15 { margin-top:15px; }
.mb-15 { margin-bottom:15px; }
.ml-15 { margin-left:15px; }
.mr-15 { margin-right:15px; }

.mt--15 { margin-top:-15px; }
.mb--15 { margin-bottom:-15px; }




.max--15 { max-width:15%; }
.mt---15 { margin-top:-15%; }
.mb---15 { margin-bottom:-15%; }




.p--20 { padding:20px !important; }
.p-20 { padding:20px; }
.pt-20 { padding-top:20px; }
.pb-20 { padding-bottom:20px; }
.pl-20 { padding-left:20px; }
.pr-20 { padding-right:20px; }

.m-20 {  margin:20px; }
.mt-20 { margin-top:20px; }
.mb-20 { margin-bottom:20px; }
.ml-20 { margin-left:20px; }
.mr-20 { margin-right:20px; }

.mt--20 { margin-top:-20px; }
.mb--20 { margin-bottom:-20px; }




.max--20 { max-width:20%; }
.mt---20 { margin-top:-20%; }
.mb---20 { margin-bottom:-20%; }




.p--25 { padding:25px !important; }
.p-25 { padding:25px; }
.pt-25 { padding-top:25px; }
.pb-25 { padding-bottom:25px; }
.pl-25 { padding-left:25px; }
.pr-25 { padding-right:25px; }

.m-25 {  margin:25px; }
.mt-25 { margin-top:25px; }
.mb-25 { margin-bottom:25px; }
.ml-25 { margin-left:25px; }
.mr-25 { margin-right:25px; }

.mt--25 { margin-top:-25px; }
.mb--25 { margin-bottom:-25px; }




.max--25 { max-width:25%; }
.mt---25 { margin-top:-25%; }
.mb---25 { margin-bottom:-25%; }




.p--30 { padding:30px !important; }
.p-30 { padding:30px; }
.pt-30 { padding-top:30px; }
.pb-30 { padding-bottom:30px; }
.pl-30 { padding-left:30px; }
.pr-30 { padding-right:30px; }

.m-30 {  margin:30px; }
.mt-30 { margin-top:30px; }
.mb-30 { margin-bottom:30px; }
.ml-30 { margin-left:30px; }
.mr-30 { margin-right:30px; }

.mt--30 { margin-top:-30px; }
.mb--30 { margin-bottom:-30px; }




.max--30 { max-width:30%; }
.mt---30 { margin-top:-30%; }
.mb---30 { margin-bottom:-30%; }




.p--35 { padding:35px !important; }
.p-35 { padding:35px; }
.pt-35 { padding-top:35px; }
.pb-35 { padding-bottom:35px; }
.pl-35 { padding-left:35px; }
.pr-35 { padding-right:35px; }

.m-35 {  margin:35px; }
.mt-35 { margin-top:35px; }
.mb-35 { margin-bottom:35px; }
.ml-35 { margin-left:35px; }
.mr-35 { margin-right:35px; }

.mt--35 { margin-top:-35px; }
.mb--35 { margin-bottom:-35px; }




.max--35 { max-width:35%; }
.mt---35 { margin-top:-35%; }
.mb---35 { margin-bottom:-35%; }




.p--40 { padding:40px !important; }
.p-40 { padding:40px; }
.pt-40 { padding-top:40px; }
.pb-40 { padding-bottom:40px; }
.pl-40 { padding-left:40px; }
.pr-40 { padding-right:40px; }

.m-40 {  margin:40px; }
.mt-40 { margin-top:40px; }
.mb-40 { margin-bottom:40px; }
.ml-40 { margin-left:40px; }
.mr-40 { margin-right:40px; }

.mt--40 { margin-top:-40px; }
.mb--40 { margin-bottom:-40px; }




.max--40 { max-width:40%; }
.mt---40 { margin-top:-40%; }
.mb---40 { margin-bottom:-40%; }




.p--45 { padding:45px !important; }
.p-45 { padding:45px; }
.pt-45 { padding-top:45px; }
.pb-45 { padding-bottom:45px; }
.pl-45 { padding-left:45px; }
.pr-45 { padding-right:45px; }

.m-45 {  margin:45px; }
.mt-45 { margin-top:45px; }
.mb-45 { margin-bottom:45px; }
.ml-45 { margin-left:45px; }
.mr-45 { margin-right:45px; }

.mt--45 { margin-top:-45px; }
.mb--45 { margin-bottom:-45px; }




.max--45 { max-width:45%; }
.mt---45 { margin-top:-45%; }
.mb---45 { margin-bottom:-45%; }




.p--50 { padding:50px !important; }
.p-50 { padding:50px; }
.pt-50 { padding-top:50px; }
.pb-50 { padding-bottom:50px; }
.pl-50 { padding-left:50px; }
.pr-50 { padding-right:50px; }

.m-50 {  margin:50px; }
.mt-50 { margin-top:50px; }
.mb-50 { margin-bottom:50px; }
.ml-50 { margin-left:50px; }
.mr-50 { margin-right:50px; }

.mt--50 { margin-top:-50px; }
.mb--50 { margin-bottom:-50px; }




.max--50 { max-width:50%; }
.mt---50 { margin-top:-50%; }
.mb---50 { margin-bottom:-50%; }




.p--55 { padding:55px !important; }
.p-55 { padding:55px; }
.pt-55 { padding-top:55px; }
.pb-55 { padding-bottom:55px; }
.pl-55 { padding-left:55px; }
.pr-55 { padding-right:55px; }

.m-55 {  margin:55px; }
.mt-55 { margin-top:55px; }
.mb-55 { margin-bottom:55px; }
.ml-55 { margin-left:55px; }
.mr-55 { margin-right:55px; }

.mt--55 { margin-top:-55px; }
.mb--55 { margin-bottom:-55px; }




.max--55 { max-width:55%; }
.mt---55 { margin-top:-55%; }
.mb---55 { margin-bottom:-55%; }




.p--60 { padding:60px !important; }
.p-60 { padding:60px; }
.pt-60 { padding-top:60px; }
.pb-60 { padding-bottom:60px; }
.pl-60 { padding-left:60px; }
.pr-60 { padding-right:60px; }

.m-60 {  margin:60px; }
.mt-60 { margin-top:60px; }
.mb-60 { margin-bottom:60px; }
.ml-60 { margin-left:60px; }
.mr-60 { margin-right:60px; }

.mt--60 { margin-top:-60px; }
.mb--60 { margin-bottom:-60px; }




.max--60 { max-width:60%; }
.mt---60 { margin-top:-60%; }
.mb---60 { margin-bottom:-60%; }




.p--65 { padding:65px !important; }
.p-65 { padding:65px; }
.pt-65 { padding-top:65px; }
.pb-65 { padding-bottom:65px; }
.pl-65 { padding-left:65px; }
.pr-65 { padding-right:65px; }

.m-65 {  margin:65px; }
.mt-65 { margin-top:65px; }
.mb-65 { margin-bottom:65px; }
.ml-65 { margin-left:65px; }
.mr-65 { margin-right:65px; }

.mt--65 { margin-top:-65px; }
.mb--65 { margin-bottom:-65px; }




.max--65 { max-width:65%; }
.mt---65 { margin-top:-65%; }
.mb---65 { margin-bottom:-65%; }




.p--70 { padding:70px !important; }
.p-70 { padding:70px; }
.pt-70 { padding-top:70px; }
.pb-70 { padding-bottom:70px; }
.pl-70 { padding-left:70px; }
.pr-70 { padding-right:70px; }

.m-70 {  margin:70px; }
.mt-70 { margin-top:70px; }
.mb-70 { margin-bottom:70px; }
.ml-70 { margin-left:70px; }
.mr-70 { margin-right:70px; }

.mt--70 { margin-top:-70px; }
.mb--70 { margin-bottom:-70px; }




.max--70 { max-width:70%; }
.mt---70 { margin-top:-70%; }
.mb---70 { margin-bottom:-70%; }




.p--75 { padding:75px !important; }
.p-75 { padding:75px; }
.pt-75 { padding-top:75px; }
.pb-75 { padding-bottom:75px; }
.pl-75 { padding-left:75px; }
.pr-75 { padding-right:75px; }

.m-75 {  margin:75px; }
.mt-75 { margin-top:75px; }
.mb-75 { margin-bottom:75px; }
.ml-75 { margin-left:75px; }
.mr-75 { margin-right:75px; }

.mt--75 { margin-top:-75px; }
.mb--75 { margin-bottom:-75px; }




.max--75 { max-width:75%; }
.mt---75 { margin-top:-75%; }
.mb---75 { margin-bottom:-75%; }




.p--80 { padding:80px !important; }
.p-80 { padding:80px; }
.pt-80 { padding-top:80px; }
.pb-80 { padding-bottom:80px; }
.pl-80 { padding-left:80px; }
.pr-80 { padding-right:80px; }

.m-80 {  margin:80px; }
.mt-80 { margin-top:80px; }
.mb-80 { margin-bottom:80px; }
.ml-80 { margin-left:80px; }
.mr-80 { margin-right:80px; }

.mt--80 { margin-top:-80px; }
.mb--80 { margin-bottom:-80px; }




.max--80 { max-width:80%; }
.mt---80 { margin-top:-80%; }
.mb---80 { margin-bottom:-80%; }




.p--85 { padding:85px !important; }
.p-85 { padding:85px; }
.pt-85 { padding-top:85px; }
.pb-85 { padding-bottom:85px; }
.pl-85 { padding-left:85px; }
.pr-85 { padding-right:85px; }

.m-85 {  margin:85px; }
.mt-85 { margin-top:85px; }
.mb-85 { margin-bottom:85px; }
.ml-85 { margin-left:85px; }
.mr-85 { margin-right:85px; }

.mt--85 { margin-top:-85px; }
.mb--85 { margin-bottom:-85px; }




.max--85 { max-width:85%; }
.mt---85 { margin-top:-85%; }
.mb---85 { margin-bottom:-85%; }




.p--90 { padding:90px !important; }
.p-90 { padding:90px; }
.pt-90 { padding-top:90px; }
.pb-90 { padding-bottom:90px; }
.pl-90 { padding-left:90px; }
.pr-90 { padding-right:90px; }

.m-90 {  margin:90px; }
.mt-90 { margin-top:90px; }
.mb-90 { margin-bottom:90px; }
.ml-90 { margin-left:90px; }
.mr-90 { margin-right:90px; }

.mt--90 { margin-top:-90px; }
.mb--90 { margin-bottom:-90px; }




.max--90 { max-width:90%; }
.mt---90 { margin-top:-90%; }
.mb---90 { margin-bottom:-90%; }




.p--95 { padding:95px !important; }
.p-95 { padding:95px; }
.pt-95 { padding-top:95px; }
.pb-95 { padding-bottom:95px; }
.pl-95 { padding-left:95px; }
.pr-95 { padding-right:95px; }

.m-95 {  margin:95px; }
.mt-95 { margin-top:95px; }
.mb-95 { margin-bottom:95px; }
.ml-95 { margin-left:95px; }
.mr-95 { margin-right:95px; }

.mt--95 { margin-top:-95px; }
.mb--95 { margin-bottom:-95px; }




.max--95 { max-width:95%; }
.mt---95 { margin-top:-95%; }
.mb---95 { margin-bottom:-95%; }




.p--100 { padding:100px !important; }
.p-100 { padding:100px; }
.pt-100 { padding-top:100px; }
.pb-100 { padding-bottom:100px; }
.pl-100 { padding-left:100px; }
.pr-100 { padding-right:100px; }

.m-100 {  margin:100px; }
.mt-100 { margin-top:100px; }
.mb-100 { margin-bottom:100px; }
.ml-100 { margin-left:100px; }
.mr-100 { margin-right:100px; }

.mt--100 { margin-top:-100px; }
.mb--100 { margin-bottom:-100px; }




.max--100 { max-width:100%; }
.mt---100 { margin-top:-100%; }
.mb---100 { margin-bottom:-100%; }




.p--105 { padding:105px !important; }
.p-105 { padding:105px; }
.pt-105 { padding-top:105px; }
.pb-105 { padding-bottom:105px; }
.pl-105 { padding-left:105px; }
.pr-105 { padding-right:105px; }

.m-105 {  margin:105px; }
.mt-105 { margin-top:105px; }
.mb-105 { margin-bottom:105px; }
.ml-105 { margin-left:105px; }
.mr-105 { margin-right:105px; }

.mt--105 { margin-top:-105px; }
.mb--105 { margin-bottom:-105px; }







.p--110 { padding:110px !important; }
.p-110 { padding:110px; }
.pt-110 { padding-top:110px; }
.pb-110 { padding-bottom:110px; }
.pl-110 { padding-left:110px; }
.pr-110 { padding-right:110px; }

.m-110 {  margin:110px; }
.mt-110 { margin-top:110px; }
.mb-110 { margin-bottom:110px; }
.ml-110 { margin-left:110px; }
.mr-110 { margin-right:110px; }

.mt--110 { margin-top:-110px; }
.mb--110 { margin-bottom:-110px; }







.p--115 { padding:115px !important; }
.p-115 { padding:115px; }
.pt-115 { padding-top:115px; }
.pb-115 { padding-bottom:115px; }
.pl-115 { padding-left:115px; }
.pr-115 { padding-right:115px; }

.m-115 {  margin:115px; }
.mt-115 { margin-top:115px; }
.mb-115 { margin-bottom:115px; }
.ml-115 { margin-left:115px; }
.mr-115 { margin-right:115px; }

.mt--115 { margin-top:-115px; }
.mb--115 { margin-bottom:-115px; }







.p--120 { padding:120px !important; }
.p-120 { padding:120px; }
.pt-120 { padding-top:120px; }
.pb-120 { padding-bottom:120px; }
.pl-120 { padding-left:120px; }
.pr-120 { padding-right:120px; }

.m-120 {  margin:120px; }
.mt-120 { margin-top:120px; }
.mb-120 { margin-bottom:120px; }
.ml-120 { margin-left:120px; }
.mr-120 { margin-right:120px; }

.mt--120 { margin-top:-120px; }
.mb--120 { margin-bottom:-120px; }







.p--125 { padding:125px !important; }
.p-125 { padding:125px; }
.pt-125 { padding-top:125px; }
.pb-125 { padding-bottom:125px; }
.pl-125 { padding-left:125px; }
.pr-125 { padding-right:125px; }

.m-125 {  margin:125px; }
.mt-125 { margin-top:125px; }
.mb-125 { margin-bottom:125px; }
.ml-125 { margin-left:125px; }
.mr-125 { margin-right:125px; }

.mt--125 { margin-top:-125px; }
.mb--125 { margin-bottom:-125px; }







.p--130 { padding:130px !important; }
.p-130 { padding:130px; }
.pt-130 { padding-top:130px; }
.pb-130 { padding-bottom:130px; }
.pl-130 { padding-left:130px; }
.pr-130 { padding-right:130px; }

.m-130 {  margin:130px; }
.mt-130 { margin-top:130px; }
.mb-130 { margin-bottom:130px; }
.ml-130 { margin-left:130px; }
.mr-130 { margin-right:130px; }

.mt--130 { margin-top:-130px; }
.mb--130 { margin-bottom:-130px; }







.p--135 { padding:135px !important; }
.p-135 { padding:135px; }
.pt-135 { padding-top:135px; }
.pb-135 { padding-bottom:135px; }
.pl-135 { padding-left:135px; }
.pr-135 { padding-right:135px; }

.m-135 {  margin:135px; }
.mt-135 { margin-top:135px; }
.mb-135 { margin-bottom:135px; }
.ml-135 { margin-left:135px; }
.mr-135 { margin-right:135px; }

.mt--135 { margin-top:-135px; }
.mb--135 { margin-bottom:-135px; }







.p--140 { padding:140px !important; }
.p-140 { padding:140px; }
.pt-140 { padding-top:140px; }
.pb-140 { padding-bottom:140px; }
.pl-140 { padding-left:140px; }
.pr-140 { padding-right:140px; }

.m-140 {  margin:140px; }
.mt-140 { margin-top:140px; }
.mb-140 { margin-bottom:140px; }
.ml-140 { margin-left:140px; }
.mr-140 { margin-right:140px; }

.mt--140 { margin-top:-140px; }
.mb--140 { margin-bottom:-140px; }







.p--145 { padding:145px !important; }
.p-145 { padding:145px; }
.pt-145 { padding-top:145px; }
.pb-145 { padding-bottom:145px; }
.pl-145 { padding-left:145px; }
.pr-145 { padding-right:145px; }

.m-145 {  margin:145px; }
.mt-145 { margin-top:145px; }
.mb-145 { margin-bottom:145px; }
.ml-145 { margin-left:145px; }
.mr-145 { margin-right:145px; }

.mt--145 { margin-top:-145px; }
.mb--145 { margin-bottom:-145px; }







.p--150 { padding:150px !important; }
.p-150 { padding:150px; }
.pt-150 { padding-top:150px; }
.pb-150 { padding-bottom:150px; }
.pl-150 { padding-left:150px; }
.pr-150 { padding-right:150px; }

.m-150 {  margin:150px; }
.mt-150 { margin-top:150px; }
.mb-150 { margin-bottom:150px; }
.ml-150 { margin-left:150px; }
.mr-150 { margin-right:150px; }

.mt--150 { margin-top:-150px; }
.mb--150 { margin-bottom:-150px; }







.max-auto { max-width:100%; }

/* div[class*=row-0-padding] > div {padding: 0 !important;} */
div[class*=full-width-section] > div {
    padding: 0 !important;
}

div[class*=full-width-section] > div > div {
    padding: 0 !important;
}


.ml-auto{ margin-left:auto; }
.mr-auto{ margin-right:auto; }
.vh-100{ height:100vh; }
.vh-auto{ height:auto; }

.col-1 { max-width:8.333%; flex:0 0 8.333%; }

.col-2 { max-width:16.666%; flex:0 0 16.666%; }

.col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }

.col-4 { max-width:33.332%; flex:0 0 33.332%; }

.col-5 { max-width:41.665%; flex:0 0 41.665%; }

.col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }

.col-7 { max-width:58.331%; flex:0 0 58.331%; }

.col-8 { max-width:66.664%; flex:0 0 66.664%; }

.col-9 { max-width:74.997%; flex:0 0 74.997%; }

.col-10 { max-width:83.33%; flex:0 0 83.33%; }

.col-11 { max-width:91.663%; flex:0 0 91.663%; }

.col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }


    .max-50 { max-width:50px; }
    .text-2{ font-size:2px; } 

    .max-100 { max-width:100px; }
    .text-4{ font-size:4px; } 

    .max-150 { max-width:150px; }
    .text-6{ font-size:6px; } 

    .max-200 { max-width:200px; }
    .text-8{ font-size:8px; } 

    .max-250 { max-width:250px; }
    .text-10{ font-size:10px; } 

    .max-300 { max-width:300px; }
    .text-12{ font-size:12px; } 

    .max-350 { max-width:350px; }
    .text-14{ font-size:14px; } 

    .max-400 { max-width:400px; }
    .text-16{ font-size:16px; } 

    .max-450 { max-width:450px; }
    .text-18{ font-size:18px; } 

    .max-500 { max-width:500px; }
    .text-20{ font-size:20px; } 

    .max-550 { max-width:550px; }
    .text-22{ font-size:22px; } 

    .max-600 { max-width:600px; }
    .text-24{ font-size:24px; } 

    .max-650 { max-width:650px; }
    .text-26{ font-size:26px; } 

    .max-700 { max-width:700px; }
    .text-28{ font-size:28px; } 

    .max-750 { max-width:750px; }
    .text-30{ font-size:30px; } 

    .max-800 { max-width:800px; }
    .text-32{ font-size:32px; } 

    .max-850 { max-width:850px; }
    .text-34{ font-size:34px; } 

    .max-900 { max-width:900px; }
    .text-36{ font-size:36px; } 

    .max-950 { max-width:950px; }
    .text-38{ font-size:38px; } 

    .max-1000 { max-width:1000px; }
    .text-40{ font-size:40px; } 

    .max-1050 { max-width:1050px; }
    .text-42{ font-size:42px; } 

    .max-1100 { max-width:1100px; }
    .text-44{ font-size:44px; } 

    .max-1150 { max-width:1150px; }
    .text-46{ font-size:46px; } 

    .max-1200 { max-width:1200px; }
    .text-48{ font-size:48px; } 

    .max-1250 { max-width:1250px; }
    .text-50{ font-size:50px; } 

    .max-1300 { max-width:1300px; }
    .text-52{ font-size:52px; } 

    .max-1350 { max-width:1350px; }
    .text-54{ font-size:54px; } 

    .max-1400 { max-width:1400px; }
    .text-56{ font-size:56px; } 

    .max-1450 { max-width:1450px; }
    .text-58{ font-size:58px; } 








@media(min-width:768px){
    
    
    .sm\:d-block {
        display:block;
    }
    
    .sm\:d-inline-block {
        display:inline-block;
    }
    
    .sm\:d-flex {
        display:flex;
    }
    
    .sm\:d-inline-flex {
        display:inline-flex;
    }
    
    .sm\:d-none {
        display:none;
    }
    
    
    
    .sm\:align-center {
        align-items:center;
    }
    
    .sm\:align-flex-start {
        align-items:flex-start;
    }
    
    .sm\:align-flex-end {
        align-items:flex-end;
    }
    
    .sm\:align-normal {
        align-items:normal;
    }
    
    
    
    .sm\:justify-center {
        justify-content:center;
    }
    
    .sm\:justify-flex-end {
        justify-content:flex-end;
    }
    
    .sm\:justify-flex-start {
        justify-content:flex-start;
    }
    
    .sm\:justify-space-around {
        justify-content:space-around;
    }
    
    .sm\:justify-space-between {
        justify-content:space-between;
    }
    
    
    
    .sm\:text-left {
        text-align:left;
    }
    
    .sm\:text-right {
        text-align:right;
    }
    
    .sm\:text-center {
        text-align:center;
    }
    
    
    
    .sm\:direction-column {
        flex-direction:column;
    }
    
    .sm\:direction-column-reverse {
        flex-direction:column-reverse;
    }
    
    .sm\:direction-row {
        flex-direction:row;
    }
    
    .sm\:direction-row-reverse {
        flex-direction:row-reverse;
    }
    
    

    
    .sm\:p--0 { padding:0px !important; }
    .sm\:p-0 { padding:0px; }
    .sm\:pt-0 { padding-top:0px; }
    .sm\:pb-0 { padding-bottom:0px; }
    .sm\:pl-0 { padding-left:0px; }
    .sm\:pr-0 { padding-right:0px; }

    .sm\:m-0 {  margin:0px; }
    .sm\:mt-0 { margin-top:0px; }
    .sm\:mb-0 { margin-bottom:0px; }
    .sm\:ml-0 { margin-left:0px; }
    .sm\:mr-0 { margin-right:0px; }

    .sm\:ml--0 { margin-left:-0px; }
    .sm\:mr--0 { margin-right:-0px; }

    .sm\:mt--0 { margin-top:-0px; }
    .sm\:mb--0 { margin-bottom:-0px; }

    .sm\:max--0 { max-width:0%; }
    .sm\:mt---0 { margin-top:-0%; }
    .sm\:mb---0 { margin-bottom:-0%; }
    
    
    .sm\:p--5 { padding:5px !important; }
    .sm\:p-5 { padding:5px; }
    .sm\:pt-5 { padding-top:5px; }
    .sm\:pb-5 { padding-bottom:5px; }
    .sm\:pl-5 { padding-left:5px; }
    .sm\:pr-5 { padding-right:5px; }

    .sm\:m-5 {  margin:5px; }
    .sm\:mt-5 { margin-top:5px; }
    .sm\:mb-5 { margin-bottom:5px; }
    .sm\:ml-5 { margin-left:5px; }
    .sm\:mr-5 { margin-right:5px; }

    .sm\:ml--5 { margin-left:-5px; }
    .sm\:mr--5 { margin-right:-5px; }

    .sm\:mt--5 { margin-top:-5px; }
    .sm\:mb--5 { margin-bottom:-5px; }

    .sm\:max--5 { max-width:5%; }
    .sm\:mt---5 { margin-top:-5%; }
    .sm\:mb---5 { margin-bottom:-5%; }
    
    
    .sm\:p--10 { padding:10px !important; }
    .sm\:p-10 { padding:10px; }
    .sm\:pt-10 { padding-top:10px; }
    .sm\:pb-10 { padding-bottom:10px; }
    .sm\:pl-10 { padding-left:10px; }
    .sm\:pr-10 { padding-right:10px; }

    .sm\:m-10 {  margin:10px; }
    .sm\:mt-10 { margin-top:10px; }
    .sm\:mb-10 { margin-bottom:10px; }
    .sm\:ml-10 { margin-left:10px; }
    .sm\:mr-10 { margin-right:10px; }

    .sm\:ml--10 { margin-left:-10px; }
    .sm\:mr--10 { margin-right:-10px; }

    .sm\:mt--10 { margin-top:-10px; }
    .sm\:mb--10 { margin-bottom:-10px; }

    .sm\:max--10 { max-width:10%; }
    .sm\:mt---10 { margin-top:-10%; }
    .sm\:mb---10 { margin-bottom:-10%; }
    
    
    .sm\:p--15 { padding:15px !important; }
    .sm\:p-15 { padding:15px; }
    .sm\:pt-15 { padding-top:15px; }
    .sm\:pb-15 { padding-bottom:15px; }
    .sm\:pl-15 { padding-left:15px; }
    .sm\:pr-15 { padding-right:15px; }

    .sm\:m-15 {  margin:15px; }
    .sm\:mt-15 { margin-top:15px; }
    .sm\:mb-15 { margin-bottom:15px; }
    .sm\:ml-15 { margin-left:15px; }
    .sm\:mr-15 { margin-right:15px; }

    .sm\:ml--15 { margin-left:-15px; }
    .sm\:mr--15 { margin-right:-15px; }

    .sm\:mt--15 { margin-top:-15px; }
    .sm\:mb--15 { margin-bottom:-15px; }

    .sm\:max--15 { max-width:15%; }
    .sm\:mt---15 { margin-top:-15%; }
    .sm\:mb---15 { margin-bottom:-15%; }
    
    
    .sm\:p--20 { padding:20px !important; }
    .sm\:p-20 { padding:20px; }
    .sm\:pt-20 { padding-top:20px; }
    .sm\:pb-20 { padding-bottom:20px; }
    .sm\:pl-20 { padding-left:20px; }
    .sm\:pr-20 { padding-right:20px; }

    .sm\:m-20 {  margin:20px; }
    .sm\:mt-20 { margin-top:20px; }
    .sm\:mb-20 { margin-bottom:20px; }
    .sm\:ml-20 { margin-left:20px; }
    .sm\:mr-20 { margin-right:20px; }

    .sm\:ml--20 { margin-left:-20px; }
    .sm\:mr--20 { margin-right:-20px; }

    .sm\:mt--20 { margin-top:-20px; }
    .sm\:mb--20 { margin-bottom:-20px; }

    .sm\:max--20 { max-width:20%; }
    .sm\:mt---20 { margin-top:-20%; }
    .sm\:mb---20 { margin-bottom:-20%; }
    
    
    .sm\:p--25 { padding:25px !important; }
    .sm\:p-25 { padding:25px; }
    .sm\:pt-25 { padding-top:25px; }
    .sm\:pb-25 { padding-bottom:25px; }
    .sm\:pl-25 { padding-left:25px; }
    .sm\:pr-25 { padding-right:25px; }

    .sm\:m-25 {  margin:25px; }
    .sm\:mt-25 { margin-top:25px; }
    .sm\:mb-25 { margin-bottom:25px; }
    .sm\:ml-25 { margin-left:25px; }
    .sm\:mr-25 { margin-right:25px; }

    .sm\:ml--25 { margin-left:-25px; }
    .sm\:mr--25 { margin-right:-25px; }

    .sm\:mt--25 { margin-top:-25px; }
    .sm\:mb--25 { margin-bottom:-25px; }

    .sm\:max--25 { max-width:25%; }
    .sm\:mt---25 { margin-top:-25%; }
    .sm\:mb---25 { margin-bottom:-25%; }
    
    
    .sm\:p--30 { padding:30px !important; }
    .sm\:p-30 { padding:30px; }
    .sm\:pt-30 { padding-top:30px; }
    .sm\:pb-30 { padding-bottom:30px; }
    .sm\:pl-30 { padding-left:30px; }
    .sm\:pr-30 { padding-right:30px; }

    .sm\:m-30 {  margin:30px; }
    .sm\:mt-30 { margin-top:30px; }
    .sm\:mb-30 { margin-bottom:30px; }
    .sm\:ml-30 { margin-left:30px; }
    .sm\:mr-30 { margin-right:30px; }

    .sm\:ml--30 { margin-left:-30px; }
    .sm\:mr--30 { margin-right:-30px; }

    .sm\:mt--30 { margin-top:-30px; }
    .sm\:mb--30 { margin-bottom:-30px; }

    .sm\:max--30 { max-width:30%; }
    .sm\:mt---30 { margin-top:-30%; }
    .sm\:mb---30 { margin-bottom:-30%; }
    
    
    .sm\:p--35 { padding:35px !important; }
    .sm\:p-35 { padding:35px; }
    .sm\:pt-35 { padding-top:35px; }
    .sm\:pb-35 { padding-bottom:35px; }
    .sm\:pl-35 { padding-left:35px; }
    .sm\:pr-35 { padding-right:35px; }

    .sm\:m-35 {  margin:35px; }
    .sm\:mt-35 { margin-top:35px; }
    .sm\:mb-35 { margin-bottom:35px; }
    .sm\:ml-35 { margin-left:35px; }
    .sm\:mr-35 { margin-right:35px; }

    .sm\:ml--35 { margin-left:-35px; }
    .sm\:mr--35 { margin-right:-35px; }

    .sm\:mt--35 { margin-top:-35px; }
    .sm\:mb--35 { margin-bottom:-35px; }

    .sm\:max--35 { max-width:35%; }
    .sm\:mt---35 { margin-top:-35%; }
    .sm\:mb---35 { margin-bottom:-35%; }
    
    
    .sm\:p--40 { padding:40px !important; }
    .sm\:p-40 { padding:40px; }
    .sm\:pt-40 { padding-top:40px; }
    .sm\:pb-40 { padding-bottom:40px; }
    .sm\:pl-40 { padding-left:40px; }
    .sm\:pr-40 { padding-right:40px; }

    .sm\:m-40 {  margin:40px; }
    .sm\:mt-40 { margin-top:40px; }
    .sm\:mb-40 { margin-bottom:40px; }
    .sm\:ml-40 { margin-left:40px; }
    .sm\:mr-40 { margin-right:40px; }

    .sm\:ml--40 { margin-left:-40px; }
    .sm\:mr--40 { margin-right:-40px; }

    .sm\:mt--40 { margin-top:-40px; }
    .sm\:mb--40 { margin-bottom:-40px; }

    .sm\:max--40 { max-width:40%; }
    .sm\:mt---40 { margin-top:-40%; }
    .sm\:mb---40 { margin-bottom:-40%; }
    
    
    .sm\:p--45 { padding:45px !important; }
    .sm\:p-45 { padding:45px; }
    .sm\:pt-45 { padding-top:45px; }
    .sm\:pb-45 { padding-bottom:45px; }
    .sm\:pl-45 { padding-left:45px; }
    .sm\:pr-45 { padding-right:45px; }

    .sm\:m-45 {  margin:45px; }
    .sm\:mt-45 { margin-top:45px; }
    .sm\:mb-45 { margin-bottom:45px; }
    .sm\:ml-45 { margin-left:45px; }
    .sm\:mr-45 { margin-right:45px; }

    .sm\:ml--45 { margin-left:-45px; }
    .sm\:mr--45 { margin-right:-45px; }

    .sm\:mt--45 { margin-top:-45px; }
    .sm\:mb--45 { margin-bottom:-45px; }

    .sm\:max--45 { max-width:45%; }
    .sm\:mt---45 { margin-top:-45%; }
    .sm\:mb---45 { margin-bottom:-45%; }
    
    
    .sm\:p--50 { padding:50px !important; }
    .sm\:p-50 { padding:50px; }
    .sm\:pt-50 { padding-top:50px; }
    .sm\:pb-50 { padding-bottom:50px; }
    .sm\:pl-50 { padding-left:50px; }
    .sm\:pr-50 { padding-right:50px; }

    .sm\:m-50 {  margin:50px; }
    .sm\:mt-50 { margin-top:50px; }
    .sm\:mb-50 { margin-bottom:50px; }
    .sm\:ml-50 { margin-left:50px; }
    .sm\:mr-50 { margin-right:50px; }

    .sm\:ml--50 { margin-left:-50px; }
    .sm\:mr--50 { margin-right:-50px; }

    .sm\:mt--50 { margin-top:-50px; }
    .sm\:mb--50 { margin-bottom:-50px; }

    .sm\:max--50 { max-width:50%; }
    .sm\:mt---50 { margin-top:-50%; }
    .sm\:mb---50 { margin-bottom:-50%; }
    
    
    .sm\:p--55 { padding:55px !important; }
    .sm\:p-55 { padding:55px; }
    .sm\:pt-55 { padding-top:55px; }
    .sm\:pb-55 { padding-bottom:55px; }
    .sm\:pl-55 { padding-left:55px; }
    .sm\:pr-55 { padding-right:55px; }

    .sm\:m-55 {  margin:55px; }
    .sm\:mt-55 { margin-top:55px; }
    .sm\:mb-55 { margin-bottom:55px; }
    .sm\:ml-55 { margin-left:55px; }
    .sm\:mr-55 { margin-right:55px; }

    .sm\:ml--55 { margin-left:-55px; }
    .sm\:mr--55 { margin-right:-55px; }

    .sm\:mt--55 { margin-top:-55px; }
    .sm\:mb--55 { margin-bottom:-55px; }

    .sm\:max--55 { max-width:55%; }
    .sm\:mt---55 { margin-top:-55%; }
    .sm\:mb---55 { margin-bottom:-55%; }
    
    
    .sm\:p--60 { padding:60px !important; }
    .sm\:p-60 { padding:60px; }
    .sm\:pt-60 { padding-top:60px; }
    .sm\:pb-60 { padding-bottom:60px; }
    .sm\:pl-60 { padding-left:60px; }
    .sm\:pr-60 { padding-right:60px; }

    .sm\:m-60 {  margin:60px; }
    .sm\:mt-60 { margin-top:60px; }
    .sm\:mb-60 { margin-bottom:60px; }
    .sm\:ml-60 { margin-left:60px; }
    .sm\:mr-60 { margin-right:60px; }

    .sm\:ml--60 { margin-left:-60px; }
    .sm\:mr--60 { margin-right:-60px; }

    .sm\:mt--60 { margin-top:-60px; }
    .sm\:mb--60 { margin-bottom:-60px; }

    .sm\:max--60 { max-width:60%; }
    .sm\:mt---60 { margin-top:-60%; }
    .sm\:mb---60 { margin-bottom:-60%; }
    
    
    .sm\:p--65 { padding:65px !important; }
    .sm\:p-65 { padding:65px; }
    .sm\:pt-65 { padding-top:65px; }
    .sm\:pb-65 { padding-bottom:65px; }
    .sm\:pl-65 { padding-left:65px; }
    .sm\:pr-65 { padding-right:65px; }

    .sm\:m-65 {  margin:65px; }
    .sm\:mt-65 { margin-top:65px; }
    .sm\:mb-65 { margin-bottom:65px; }
    .sm\:ml-65 { margin-left:65px; }
    .sm\:mr-65 { margin-right:65px; }

    .sm\:ml--65 { margin-left:-65px; }
    .sm\:mr--65 { margin-right:-65px; }

    .sm\:mt--65 { margin-top:-65px; }
    .sm\:mb--65 { margin-bottom:-65px; }

    .sm\:max--65 { max-width:65%; }
    .sm\:mt---65 { margin-top:-65%; }
    .sm\:mb---65 { margin-bottom:-65%; }
    
    
    .sm\:p--70 { padding:70px !important; }
    .sm\:p-70 { padding:70px; }
    .sm\:pt-70 { padding-top:70px; }
    .sm\:pb-70 { padding-bottom:70px; }
    .sm\:pl-70 { padding-left:70px; }
    .sm\:pr-70 { padding-right:70px; }

    .sm\:m-70 {  margin:70px; }
    .sm\:mt-70 { margin-top:70px; }
    .sm\:mb-70 { margin-bottom:70px; }
    .sm\:ml-70 { margin-left:70px; }
    .sm\:mr-70 { margin-right:70px; }

    .sm\:ml--70 { margin-left:-70px; }
    .sm\:mr--70 { margin-right:-70px; }

    .sm\:mt--70 { margin-top:-70px; }
    .sm\:mb--70 { margin-bottom:-70px; }

    .sm\:max--70 { max-width:70%; }
    .sm\:mt---70 { margin-top:-70%; }
    .sm\:mb---70 { margin-bottom:-70%; }
    
    
    .sm\:p--75 { padding:75px !important; }
    .sm\:p-75 { padding:75px; }
    .sm\:pt-75 { padding-top:75px; }
    .sm\:pb-75 { padding-bottom:75px; }
    .sm\:pl-75 { padding-left:75px; }
    .sm\:pr-75 { padding-right:75px; }

    .sm\:m-75 {  margin:75px; }
    .sm\:mt-75 { margin-top:75px; }
    .sm\:mb-75 { margin-bottom:75px; }
    .sm\:ml-75 { margin-left:75px; }
    .sm\:mr-75 { margin-right:75px; }

    .sm\:ml--75 { margin-left:-75px; }
    .sm\:mr--75 { margin-right:-75px; }

    .sm\:mt--75 { margin-top:-75px; }
    .sm\:mb--75 { margin-bottom:-75px; }

    .sm\:max--75 { max-width:75%; }
    .sm\:mt---75 { margin-top:-75%; }
    .sm\:mb---75 { margin-bottom:-75%; }
    
    
    .sm\:p--80 { padding:80px !important; }
    .sm\:p-80 { padding:80px; }
    .sm\:pt-80 { padding-top:80px; }
    .sm\:pb-80 { padding-bottom:80px; }
    .sm\:pl-80 { padding-left:80px; }
    .sm\:pr-80 { padding-right:80px; }

    .sm\:m-80 {  margin:80px; }
    .sm\:mt-80 { margin-top:80px; }
    .sm\:mb-80 { margin-bottom:80px; }
    .sm\:ml-80 { margin-left:80px; }
    .sm\:mr-80 { margin-right:80px; }

    .sm\:ml--80 { margin-left:-80px; }
    .sm\:mr--80 { margin-right:-80px; }

    .sm\:mt--80 { margin-top:-80px; }
    .sm\:mb--80 { margin-bottom:-80px; }

    .sm\:max--80 { max-width:80%; }
    .sm\:mt---80 { margin-top:-80%; }
    .sm\:mb---80 { margin-bottom:-80%; }
    
    
    .sm\:p--85 { padding:85px !important; }
    .sm\:p-85 { padding:85px; }
    .sm\:pt-85 { padding-top:85px; }
    .sm\:pb-85 { padding-bottom:85px; }
    .sm\:pl-85 { padding-left:85px; }
    .sm\:pr-85 { padding-right:85px; }

    .sm\:m-85 {  margin:85px; }
    .sm\:mt-85 { margin-top:85px; }
    .sm\:mb-85 { margin-bottom:85px; }
    .sm\:ml-85 { margin-left:85px; }
    .sm\:mr-85 { margin-right:85px; }

    .sm\:ml--85 { margin-left:-85px; }
    .sm\:mr--85 { margin-right:-85px; }

    .sm\:mt--85 { margin-top:-85px; }
    .sm\:mb--85 { margin-bottom:-85px; }

    .sm\:max--85 { max-width:85%; }
    .sm\:mt---85 { margin-top:-85%; }
    .sm\:mb---85 { margin-bottom:-85%; }
    
    
    .sm\:p--90 { padding:90px !important; }
    .sm\:p-90 { padding:90px; }
    .sm\:pt-90 { padding-top:90px; }
    .sm\:pb-90 { padding-bottom:90px; }
    .sm\:pl-90 { padding-left:90px; }
    .sm\:pr-90 { padding-right:90px; }

    .sm\:m-90 {  margin:90px; }
    .sm\:mt-90 { margin-top:90px; }
    .sm\:mb-90 { margin-bottom:90px; }
    .sm\:ml-90 { margin-left:90px; }
    .sm\:mr-90 { margin-right:90px; }

    .sm\:ml--90 { margin-left:-90px; }
    .sm\:mr--90 { margin-right:-90px; }

    .sm\:mt--90 { margin-top:-90px; }
    .sm\:mb--90 { margin-bottom:-90px; }

    .sm\:max--90 { max-width:90%; }
    .sm\:mt---90 { margin-top:-90%; }
    .sm\:mb---90 { margin-bottom:-90%; }
    
    
    .sm\:p--95 { padding:95px !important; }
    .sm\:p-95 { padding:95px; }
    .sm\:pt-95 { padding-top:95px; }
    .sm\:pb-95 { padding-bottom:95px; }
    .sm\:pl-95 { padding-left:95px; }
    .sm\:pr-95 { padding-right:95px; }

    .sm\:m-95 {  margin:95px; }
    .sm\:mt-95 { margin-top:95px; }
    .sm\:mb-95 { margin-bottom:95px; }
    .sm\:ml-95 { margin-left:95px; }
    .sm\:mr-95 { margin-right:95px; }

    .sm\:ml--95 { margin-left:-95px; }
    .sm\:mr--95 { margin-right:-95px; }

    .sm\:mt--95 { margin-top:-95px; }
    .sm\:mb--95 { margin-bottom:-95px; }

    .sm\:max--95 { max-width:95%; }
    .sm\:mt---95 { margin-top:-95%; }
    .sm\:mb---95 { margin-bottom:-95%; }
    
    
    .sm\:p--100 { padding:100px !important; }
    .sm\:p-100 { padding:100px; }
    .sm\:pt-100 { padding-top:100px; }
    .sm\:pb-100 { padding-bottom:100px; }
    .sm\:pl-100 { padding-left:100px; }
    .sm\:pr-100 { padding-right:100px; }

    .sm\:m-100 {  margin:100px; }
    .sm\:mt-100 { margin-top:100px; }
    .sm\:mb-100 { margin-bottom:100px; }
    .sm\:ml-100 { margin-left:100px; }
    .sm\:mr-100 { margin-right:100px; }

    .sm\:ml--100 { margin-left:-100px; }
    .sm\:mr--100 { margin-right:-100px; }

    .sm\:mt--100 { margin-top:-100px; }
    .sm\:mb--100 { margin-bottom:-100px; }

    .sm\:max--100 { max-width:100%; }
    .sm\:mt---100 { margin-top:-100%; }
    .sm\:mb---100 { margin-bottom:-100%; }
    
    
    .sm\:p--105 { padding:105px !important; }
    .sm\:p-105 { padding:105px; }
    .sm\:pt-105 { padding-top:105px; }
    .sm\:pb-105 { padding-bottom:105px; }
    .sm\:pl-105 { padding-left:105px; }
    .sm\:pr-105 { padding-right:105px; }

    .sm\:m-105 {  margin:105px; }
    .sm\:mt-105 { margin-top:105px; }
    .sm\:mb-105 { margin-bottom:105px; }
    .sm\:ml-105 { margin-left:105px; }
    .sm\:mr-105 { margin-right:105px; }

    .sm\:ml--105 { margin-left:-105px; }
    .sm\:mr--105 { margin-right:-105px; }

    .sm\:mt--105 { margin-top:-105px; }
    .sm\:mb--105 { margin-bottom:-105px; }

    .sm\:max--105 { max-width:105%; }
    .sm\:mt---105 { margin-top:-105%; }
    .sm\:mb---105 { margin-bottom:-105%; }
    
    
    .sm\:p--110 { padding:110px !important; }
    .sm\:p-110 { padding:110px; }
    .sm\:pt-110 { padding-top:110px; }
    .sm\:pb-110 { padding-bottom:110px; }
    .sm\:pl-110 { padding-left:110px; }
    .sm\:pr-110 { padding-right:110px; }

    .sm\:m-110 {  margin:110px; }
    .sm\:mt-110 { margin-top:110px; }
    .sm\:mb-110 { margin-bottom:110px; }
    .sm\:ml-110 { margin-left:110px; }
    .sm\:mr-110 { margin-right:110px; }

    .sm\:ml--110 { margin-left:-110px; }
    .sm\:mr--110 { margin-right:-110px; }

    .sm\:mt--110 { margin-top:-110px; }
    .sm\:mb--110 { margin-bottom:-110px; }

    .sm\:max--110 { max-width:110%; }
    .sm\:mt---110 { margin-top:-110%; }
    .sm\:mb---110 { margin-bottom:-110%; }
    
    
    .sm\:p--115 { padding:115px !important; }
    .sm\:p-115 { padding:115px; }
    .sm\:pt-115 { padding-top:115px; }
    .sm\:pb-115 { padding-bottom:115px; }
    .sm\:pl-115 { padding-left:115px; }
    .sm\:pr-115 { padding-right:115px; }

    .sm\:m-115 {  margin:115px; }
    .sm\:mt-115 { margin-top:115px; }
    .sm\:mb-115 { margin-bottom:115px; }
    .sm\:ml-115 { margin-left:115px; }
    .sm\:mr-115 { margin-right:115px; }

    .sm\:ml--115 { margin-left:-115px; }
    .sm\:mr--115 { margin-right:-115px; }

    .sm\:mt--115 { margin-top:-115px; }
    .sm\:mb--115 { margin-bottom:-115px; }

    .sm\:max--115 { max-width:115%; }
    .sm\:mt---115 { margin-top:-115%; }
    .sm\:mb---115 { margin-bottom:-115%; }
    
    
    .sm\:p--120 { padding:120px !important; }
    .sm\:p-120 { padding:120px; }
    .sm\:pt-120 { padding-top:120px; }
    .sm\:pb-120 { padding-bottom:120px; }
    .sm\:pl-120 { padding-left:120px; }
    .sm\:pr-120 { padding-right:120px; }

    .sm\:m-120 {  margin:120px; }
    .sm\:mt-120 { margin-top:120px; }
    .sm\:mb-120 { margin-bottom:120px; }
    .sm\:ml-120 { margin-left:120px; }
    .sm\:mr-120 { margin-right:120px; }

    .sm\:ml--120 { margin-left:-120px; }
    .sm\:mr--120 { margin-right:-120px; }

    .sm\:mt--120 { margin-top:-120px; }
    .sm\:mb--120 { margin-bottom:-120px; }

    .sm\:max--120 { max-width:120%; }
    .sm\:mt---120 { margin-top:-120%; }
    .sm\:mb---120 { margin-bottom:-120%; }
    
    
    .sm\:p--125 { padding:125px !important; }
    .sm\:p-125 { padding:125px; }
    .sm\:pt-125 { padding-top:125px; }
    .sm\:pb-125 { padding-bottom:125px; }
    .sm\:pl-125 { padding-left:125px; }
    .sm\:pr-125 { padding-right:125px; }

    .sm\:m-125 {  margin:125px; }
    .sm\:mt-125 { margin-top:125px; }
    .sm\:mb-125 { margin-bottom:125px; }
    .sm\:ml-125 { margin-left:125px; }
    .sm\:mr-125 { margin-right:125px; }

    .sm\:ml--125 { margin-left:-125px; }
    .sm\:mr--125 { margin-right:-125px; }

    .sm\:mt--125 { margin-top:-125px; }
    .sm\:mb--125 { margin-bottom:-125px; }

    .sm\:max--125 { max-width:125%; }
    .sm\:mt---125 { margin-top:-125%; }
    .sm\:mb---125 { margin-bottom:-125%; }
    
    
    .sm\:p--130 { padding:130px !important; }
    .sm\:p-130 { padding:130px; }
    .sm\:pt-130 { padding-top:130px; }
    .sm\:pb-130 { padding-bottom:130px; }
    .sm\:pl-130 { padding-left:130px; }
    .sm\:pr-130 { padding-right:130px; }

    .sm\:m-130 {  margin:130px; }
    .sm\:mt-130 { margin-top:130px; }
    .sm\:mb-130 { margin-bottom:130px; }
    .sm\:ml-130 { margin-left:130px; }
    .sm\:mr-130 { margin-right:130px; }

    .sm\:ml--130 { margin-left:-130px; }
    .sm\:mr--130 { margin-right:-130px; }

    .sm\:mt--130 { margin-top:-130px; }
    .sm\:mb--130 { margin-bottom:-130px; }

    .sm\:max--130 { max-width:130%; }
    .sm\:mt---130 { margin-top:-130%; }
    .sm\:mb---130 { margin-bottom:-130%; }
    
    
    .sm\:p--135 { padding:135px !important; }
    .sm\:p-135 { padding:135px; }
    .sm\:pt-135 { padding-top:135px; }
    .sm\:pb-135 { padding-bottom:135px; }
    .sm\:pl-135 { padding-left:135px; }
    .sm\:pr-135 { padding-right:135px; }

    .sm\:m-135 {  margin:135px; }
    .sm\:mt-135 { margin-top:135px; }
    .sm\:mb-135 { margin-bottom:135px; }
    .sm\:ml-135 { margin-left:135px; }
    .sm\:mr-135 { margin-right:135px; }

    .sm\:ml--135 { margin-left:-135px; }
    .sm\:mr--135 { margin-right:-135px; }

    .sm\:mt--135 { margin-top:-135px; }
    .sm\:mb--135 { margin-bottom:-135px; }

    .sm\:max--135 { max-width:135%; }
    .sm\:mt---135 { margin-top:-135%; }
    .sm\:mb---135 { margin-bottom:-135%; }
    
    
    .sm\:p--140 { padding:140px !important; }
    .sm\:p-140 { padding:140px; }
    .sm\:pt-140 { padding-top:140px; }
    .sm\:pb-140 { padding-bottom:140px; }
    .sm\:pl-140 { padding-left:140px; }
    .sm\:pr-140 { padding-right:140px; }

    .sm\:m-140 {  margin:140px; }
    .sm\:mt-140 { margin-top:140px; }
    .sm\:mb-140 { margin-bottom:140px; }
    .sm\:ml-140 { margin-left:140px; }
    .sm\:mr-140 { margin-right:140px; }

    .sm\:ml--140 { margin-left:-140px; }
    .sm\:mr--140 { margin-right:-140px; }

    .sm\:mt--140 { margin-top:-140px; }
    .sm\:mb--140 { margin-bottom:-140px; }

    .sm\:max--140 { max-width:140%; }
    .sm\:mt---140 { margin-top:-140%; }
    .sm\:mb---140 { margin-bottom:-140%; }
    
    
    .sm\:p--145 { padding:145px !important; }
    .sm\:p-145 { padding:145px; }
    .sm\:pt-145 { padding-top:145px; }
    .sm\:pb-145 { padding-bottom:145px; }
    .sm\:pl-145 { padding-left:145px; }
    .sm\:pr-145 { padding-right:145px; }

    .sm\:m-145 {  margin:145px; }
    .sm\:mt-145 { margin-top:145px; }
    .sm\:mb-145 { margin-bottom:145px; }
    .sm\:ml-145 { margin-left:145px; }
    .sm\:mr-145 { margin-right:145px; }

    .sm\:ml--145 { margin-left:-145px; }
    .sm\:mr--145 { margin-right:-145px; }

    .sm\:mt--145 { margin-top:-145px; }
    .sm\:mb--145 { margin-bottom:-145px; }

    .sm\:max--145 { max-width:145%; }
    .sm\:mt---145 { margin-top:-145%; }
    .sm\:mb---145 { margin-bottom:-145%; }
    
    
    .sm\:p--150 { padding:150px !important; }
    .sm\:p-150 { padding:150px; }
    .sm\:pt-150 { padding-top:150px; }
    .sm\:pb-150 { padding-bottom:150px; }
    .sm\:pl-150 { padding-left:150px; }
    .sm\:pr-150 { padding-right:150px; }

    .sm\:m-150 {  margin:150px; }
    .sm\:mt-150 { margin-top:150px; }
    .sm\:mb-150 { margin-bottom:150px; }
    .sm\:ml-150 { margin-left:150px; }
    .sm\:mr-150 { margin-right:150px; }

    .sm\:ml--150 { margin-left:-150px; }
    .sm\:mr--150 { margin-right:-150px; }

    .sm\:mt--150 { margin-top:-150px; }
    .sm\:mb--150 { margin-bottom:-150px; }

    .sm\:max--150 { max-width:150%; }
    .sm\:mt---150 { margin-top:-150%; }
    .sm\:mb---150 { margin-bottom:-150%; }
    
    

    
    .sm\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
    .sm\:max-50 { max-width:50px; }
    .sm\:text-2{ font-size:2px; } 

    
    .sm\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
    .sm\:max-100 { max-width:100px; }
    .sm\:text-4{ font-size:4px; } 

    
    .sm\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
    .sm\:max-150 { max-width:150px; }
    .sm\:text-6{ font-size:6px; } 

    
    .sm\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
    .sm\:max-200 { max-width:200px; }
    .sm\:text-8{ font-size:8px; } 

    
    .sm\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
    .sm\:max-250 { max-width:250px; }
    .sm\:text-10{ font-size:10px; } 

    
    .sm\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
    .sm\:max-300 { max-width:300px; }
    .sm\:text-12{ font-size:12px; } 

    
    .sm\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
    .sm\:max-350 { max-width:350px; }
    .sm\:text-14{ font-size:14px; } 

    
    .sm\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
    .sm\:max-400 { max-width:400px; }
    .sm\:text-16{ font-size:16px; } 

    
    .sm\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
    .sm\:max-450 { max-width:450px; }
    .sm\:text-18{ font-size:18px; } 

    
    .sm\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
    .sm\:max-500 { max-width:500px; }
    .sm\:text-20{ font-size:20px; } 

    
    .sm\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
    .sm\:max-550 { max-width:550px; }
    .sm\:text-22{ font-size:22px; } 

    
    .sm\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
    .sm\:max-600 { max-width:600px; }
    .sm\:text-24{ font-size:24px; } 

    
    .sm\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
    .sm\:max-650 { max-width:650px; }
    .sm\:text-26{ font-size:26px; } 

    
    .sm\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
    .sm\:max-700 { max-width:700px; }
    .sm\:text-28{ font-size:28px; } 

    
    .sm\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
    .sm\:max-750 { max-width:750px; }
    .sm\:text-30{ font-size:30px; } 

    
    .sm\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
    .sm\:max-800 { max-width:800px; }
    .sm\:text-32{ font-size:32px; } 

    
    .sm\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
    .sm\:max-850 { max-width:850px; }
    .sm\:text-34{ font-size:34px; } 

    
    .sm\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
    .sm\:max-900 { max-width:900px; }
    .sm\:text-36{ font-size:36px; } 

    
    .sm\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
    .sm\:max-950 { max-width:950px; }
    .sm\:text-38{ font-size:38px; } 

    
    .sm\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
    .sm\:max-1000 { max-width:1000px; }
    .sm\:text-40{ font-size:40px; } 

    
    .sm\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
    .sm\:max-1050 { max-width:1050px; }
    .sm\:text-42{ font-size:42px; } 

    
    .sm\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
    .sm\:max-1100 { max-width:1100px; }
    .sm\:text-44{ font-size:44px; } 

    
    .sm\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
    .sm\:max-1150 { max-width:1150px; }
    .sm\:text-46{ font-size:46px; } 

    
    .sm\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
    .sm\:max-1200 { max-width:1200px; }
    .sm\:text-48{ font-size:48px; } 

    
    .sm\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
    .sm\:max-1250 { max-width:1250px; }
    .sm\:text-50{ font-size:50px; } 

    
    .sm\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
    .sm\:max-1300 { max-width:1300px; }
    .sm\:text-52{ font-size:52px; } 

    
    .sm\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
    .sm\:max-1350 { max-width:1350px; }
    .sm\:text-54{ font-size:54px; } 

    
    .sm\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
    .sm\:max-1400 { max-width:1400px; }
    .sm\:text-56{ font-size:56px; } 

    
    .sm\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
    .sm\:max-1450 { max-width:1450px; }
    .sm\:text-58{ font-size:58px; } 

    

    .sm\:max-full { max-width:100%; }
    .sm\:ml-auto{ margin-left:auto; }
    .sm\:mr-auto{ margin-right:auto; }
    .sm\:vh-100{ height:100vh; }
    .sm\:vh-auto{ height:auto; }
}


@media(min-width:992px){
    
    
    .md\:d-block {
        display:block;
    }
    
    .md\:d-inline-block {
        display:inline-block;
    }
    
    .md\:d-flex {
        display:flex;
    }
    
    .md\:d-inline-flex {
        display:inline-flex;
    }
    
    .md\:d-none {
        display:none;
    }
    
    
    
    .md\:align-center {
        align-items:center;
    }
    
    .md\:align-flex-start {
        align-items:flex-start;
    }
    
    .md\:align-flex-end {
        align-items:flex-end;
    }
    
    .md\:align-normal {
        align-items:normal;
    }
    
    
    
    .md\:justify-center {
        justify-content:center;
    }
    
    .md\:justify-flex-end {
        justify-content:flex-end;
    }
    
    .md\:justify-flex-start {
        justify-content:flex-start;
    }
    
    .md\:justify-space-around {
        justify-content:space-around;
    }
    
    .md\:justify-space-between {
        justify-content:space-between;
    }
    
    
    
    .md\:text-left {
        text-align:left;
    }
    
    .md\:text-right {
        text-align:right;
    }
    
    .md\:text-center {
        text-align:center;
    }
    
    
    
    .md\:direction-column {
        flex-direction:column;
    }
    
    .md\:direction-column-reverse {
        flex-direction:column-reverse;
    }
    
    .md\:direction-row {
        flex-direction:row;
    }
    
    .md\:direction-row-reverse {
        flex-direction:row-reverse;
    }
    
    

    
    .md\:p--0 { padding:0px !important; }
    .md\:p-0 { padding:0px; }
    .md\:pt-0 { padding-top:0px; }
    .md\:pb-0 { padding-bottom:0px; }
    .md\:pl-0 { padding-left:0px; }
    .md\:pr-0 { padding-right:0px; }

    .md\:m-0 {  margin:0px; }
    .md\:mt-0 { margin-top:0px; }
    .md\:mb-0 { margin-bottom:0px; }
    .md\:ml-0 { margin-left:0px; }
    .md\:mr-0 { margin-right:0px; }

    .md\:ml--0 { margin-left:-0px; }
    .md\:mr--0 { margin-right:-0px; }

    .md\:mt--0 { margin-top:-0px; }
    .md\:mb--0 { margin-bottom:-0px; }

    .md\:max--0 { max-width:0%; }
    .md\:mt---0 { margin-top:-0%; }
    .md\:mb---0 { margin-bottom:-0%; }
    
    
    .md\:p--5 { padding:5px !important; }
    .md\:p-5 { padding:5px; }
    .md\:pt-5 { padding-top:5px; }
    .md\:pb-5 { padding-bottom:5px; }
    .md\:pl-5 { padding-left:5px; }
    .md\:pr-5 { padding-right:5px; }

    .md\:m-5 {  margin:5px; }
    .md\:mt-5 { margin-top:5px; }
    .md\:mb-5 { margin-bottom:5px; }
    .md\:ml-5 { margin-left:5px; }
    .md\:mr-5 { margin-right:5px; }

    .md\:ml--5 { margin-left:-5px; }
    .md\:mr--5 { margin-right:-5px; }

    .md\:mt--5 { margin-top:-5px; }
    .md\:mb--5 { margin-bottom:-5px; }

    .md\:max--5 { max-width:5%; }
    .md\:mt---5 { margin-top:-5%; }
    .md\:mb---5 { margin-bottom:-5%; }
    
    
    .md\:p--10 { padding:10px !important; }
    .md\:p-10 { padding:10px; }
    .md\:pt-10 { padding-top:10px; }
    .md\:pb-10 { padding-bottom:10px; }
    .md\:pl-10 { padding-left:10px; }
    .md\:pr-10 { padding-right:10px; }

    .md\:m-10 {  margin:10px; }
    .md\:mt-10 { margin-top:10px; }
    .md\:mb-10 { margin-bottom:10px; }
    .md\:ml-10 { margin-left:10px; }
    .md\:mr-10 { margin-right:10px; }

    .md\:ml--10 { margin-left:-10px; }
    .md\:mr--10 { margin-right:-10px; }

    .md\:mt--10 { margin-top:-10px; }
    .md\:mb--10 { margin-bottom:-10px; }

    .md\:max--10 { max-width:10%; }
    .md\:mt---10 { margin-top:-10%; }
    .md\:mb---10 { margin-bottom:-10%; }
    
    
    .md\:p--15 { padding:15px !important; }
    .md\:p-15 { padding:15px; }
    .md\:pt-15 { padding-top:15px; }
    .md\:pb-15 { padding-bottom:15px; }
    .md\:pl-15 { padding-left:15px; }
    .md\:pr-15 { padding-right:15px; }

    .md\:m-15 {  margin:15px; }
    .md\:mt-15 { margin-top:15px; }
    .md\:mb-15 { margin-bottom:15px; }
    .md\:ml-15 { margin-left:15px; }
    .md\:mr-15 { margin-right:15px; }

    .md\:ml--15 { margin-left:-15px; }
    .md\:mr--15 { margin-right:-15px; }

    .md\:mt--15 { margin-top:-15px; }
    .md\:mb--15 { margin-bottom:-15px; }

    .md\:max--15 { max-width:15%; }
    .md\:mt---15 { margin-top:-15%; }
    .md\:mb---15 { margin-bottom:-15%; }
    
    
    .md\:p--20 { padding:20px !important; }
    .md\:p-20 { padding:20px; }
    .md\:pt-20 { padding-top:20px; }
    .md\:pb-20 { padding-bottom:20px; }
    .md\:pl-20 { padding-left:20px; }
    .md\:pr-20 { padding-right:20px; }

    .md\:m-20 {  margin:20px; }
    .md\:mt-20 { margin-top:20px; }
    .md\:mb-20 { margin-bottom:20px; }
    .md\:ml-20 { margin-left:20px; }
    .md\:mr-20 { margin-right:20px; }

    .md\:ml--20 { margin-left:-20px; }
    .md\:mr--20 { margin-right:-20px; }

    .md\:mt--20 { margin-top:-20px; }
    .md\:mb--20 { margin-bottom:-20px; }

    .md\:max--20 { max-width:20%; }
    .md\:mt---20 { margin-top:-20%; }
    .md\:mb---20 { margin-bottom:-20%; }
    
    
    .md\:p--25 { padding:25px !important; }
    .md\:p-25 { padding:25px; }
    .md\:pt-25 { padding-top:25px; }
    .md\:pb-25 { padding-bottom:25px; }
    .md\:pl-25 { padding-left:25px; }
    .md\:pr-25 { padding-right:25px; }

    .md\:m-25 {  margin:25px; }
    .md\:mt-25 { margin-top:25px; }
    .md\:mb-25 { margin-bottom:25px; }
    .md\:ml-25 { margin-left:25px; }
    .md\:mr-25 { margin-right:25px; }

    .md\:ml--25 { margin-left:-25px; }
    .md\:mr--25 { margin-right:-25px; }

    .md\:mt--25 { margin-top:-25px; }
    .md\:mb--25 { margin-bottom:-25px; }

    .md\:max--25 { max-width:25%; }
    .md\:mt---25 { margin-top:-25%; }
    .md\:mb---25 { margin-bottom:-25%; }
    
    
    .md\:p--30 { padding:30px !important; }
    .md\:p-30 { padding:30px; }
    .md\:pt-30 { padding-top:30px; }
    .md\:pb-30 { padding-bottom:30px; }
    .md\:pl-30 { padding-left:30px; }
    .md\:pr-30 { padding-right:30px; }

    .md\:m-30 {  margin:30px; }
    .md\:mt-30 { margin-top:30px; }
    .md\:mb-30 { margin-bottom:30px; }
    .md\:ml-30 { margin-left:30px; }
    .md\:mr-30 { margin-right:30px; }

    .md\:ml--30 { margin-left:-30px; }
    .md\:mr--30 { margin-right:-30px; }

    .md\:mt--30 { margin-top:-30px; }
    .md\:mb--30 { margin-bottom:-30px; }

    .md\:max--30 { max-width:30%; }
    .md\:mt---30 { margin-top:-30%; }
    .md\:mb---30 { margin-bottom:-30%; }
    
    
    .md\:p--35 { padding:35px !important; }
    .md\:p-35 { padding:35px; }
    .md\:pt-35 { padding-top:35px; }
    .md\:pb-35 { padding-bottom:35px; }
    .md\:pl-35 { padding-left:35px; }
    .md\:pr-35 { padding-right:35px; }

    .md\:m-35 {  margin:35px; }
    .md\:mt-35 { margin-top:35px; }
    .md\:mb-35 { margin-bottom:35px; }
    .md\:ml-35 { margin-left:35px; }
    .md\:mr-35 { margin-right:35px; }

    .md\:ml--35 { margin-left:-35px; }
    .md\:mr--35 { margin-right:-35px; }

    .md\:mt--35 { margin-top:-35px; }
    .md\:mb--35 { margin-bottom:-35px; }

    .md\:max--35 { max-width:35%; }
    .md\:mt---35 { margin-top:-35%; }
    .md\:mb---35 { margin-bottom:-35%; }
    
    
    .md\:p--40 { padding:40px !important; }
    .md\:p-40 { padding:40px; }
    .md\:pt-40 { padding-top:40px; }
    .md\:pb-40 { padding-bottom:40px; }
    .md\:pl-40 { padding-left:40px; }
    .md\:pr-40 { padding-right:40px; }

    .md\:m-40 {  margin:40px; }
    .md\:mt-40 { margin-top:40px; }
    .md\:mb-40 { margin-bottom:40px; }
    .md\:ml-40 { margin-left:40px; }
    .md\:mr-40 { margin-right:40px; }

    .md\:ml--40 { margin-left:-40px; }
    .md\:mr--40 { margin-right:-40px; }

    .md\:mt--40 { margin-top:-40px; }
    .md\:mb--40 { margin-bottom:-40px; }

    .md\:max--40 { max-width:40%; }
    .md\:mt---40 { margin-top:-40%; }
    .md\:mb---40 { margin-bottom:-40%; }
    
    
    .md\:p--45 { padding:45px !important; }
    .md\:p-45 { padding:45px; }
    .md\:pt-45 { padding-top:45px; }
    .md\:pb-45 { padding-bottom:45px; }
    .md\:pl-45 { padding-left:45px; }
    .md\:pr-45 { padding-right:45px; }

    .md\:m-45 {  margin:45px; }
    .md\:mt-45 { margin-top:45px; }
    .md\:mb-45 { margin-bottom:45px; }
    .md\:ml-45 { margin-left:45px; }
    .md\:mr-45 { margin-right:45px; }

    .md\:ml--45 { margin-left:-45px; }
    .md\:mr--45 { margin-right:-45px; }

    .md\:mt--45 { margin-top:-45px; }
    .md\:mb--45 { margin-bottom:-45px; }

    .md\:max--45 { max-width:45%; }
    .md\:mt---45 { margin-top:-45%; }
    .md\:mb---45 { margin-bottom:-45%; }
    
    
    .md\:p--50 { padding:50px !important; }
    .md\:p-50 { padding:50px; }
    .md\:pt-50 { padding-top:50px; }
    .md\:pb-50 { padding-bottom:50px; }
    .md\:pl-50 { padding-left:50px; }
    .md\:pr-50 { padding-right:50px; }

    .md\:m-50 {  margin:50px; }
    .md\:mt-50 { margin-top:50px; }
    .md\:mb-50 { margin-bottom:50px; }
    .md\:ml-50 { margin-left:50px; }
    .md\:mr-50 { margin-right:50px; }

    .md\:ml--50 { margin-left:-50px; }
    .md\:mr--50 { margin-right:-50px; }

    .md\:mt--50 { margin-top:-50px; }
    .md\:mb--50 { margin-bottom:-50px; }

    .md\:max--50 { max-width:50%; }
    .md\:mt---50 { margin-top:-50%; }
    .md\:mb---50 { margin-bottom:-50%; }
    
    
    .md\:p--55 { padding:55px !important; }
    .md\:p-55 { padding:55px; }
    .md\:pt-55 { padding-top:55px; }
    .md\:pb-55 { padding-bottom:55px; }
    .md\:pl-55 { padding-left:55px; }
    .md\:pr-55 { padding-right:55px; }

    .md\:m-55 {  margin:55px; }
    .md\:mt-55 { margin-top:55px; }
    .md\:mb-55 { margin-bottom:55px; }
    .md\:ml-55 { margin-left:55px; }
    .md\:mr-55 { margin-right:55px; }

    .md\:ml--55 { margin-left:-55px; }
    .md\:mr--55 { margin-right:-55px; }

    .md\:mt--55 { margin-top:-55px; }
    .md\:mb--55 { margin-bottom:-55px; }

    .md\:max--55 { max-width:55%; }
    .md\:mt---55 { margin-top:-55%; }
    .md\:mb---55 { margin-bottom:-55%; }
    
    
    .md\:p--60 { padding:60px !important; }
    .md\:p-60 { padding:60px; }
    .md\:pt-60 { padding-top:60px; }
    .md\:pb-60 { padding-bottom:60px; }
    .md\:pl-60 { padding-left:60px; }
    .md\:pr-60 { padding-right:60px; }

    .md\:m-60 {  margin:60px; }
    .md\:mt-60 { margin-top:60px; }
    .md\:mb-60 { margin-bottom:60px; }
    .md\:ml-60 { margin-left:60px; }
    .md\:mr-60 { margin-right:60px; }

    .md\:ml--60 { margin-left:-60px; }
    .md\:mr--60 { margin-right:-60px; }

    .md\:mt--60 { margin-top:-60px; }
    .md\:mb--60 { margin-bottom:-60px; }

    .md\:max--60 { max-width:60%; }
    .md\:mt---60 { margin-top:-60%; }
    .md\:mb---60 { margin-bottom:-60%; }
    
    
    .md\:p--65 { padding:65px !important; }
    .md\:p-65 { padding:65px; }
    .md\:pt-65 { padding-top:65px; }
    .md\:pb-65 { padding-bottom:65px; }
    .md\:pl-65 { padding-left:65px; }
    .md\:pr-65 { padding-right:65px; }

    .md\:m-65 {  margin:65px; }
    .md\:mt-65 { margin-top:65px; }
    .md\:mb-65 { margin-bottom:65px; }
    .md\:ml-65 { margin-left:65px; }
    .md\:mr-65 { margin-right:65px; }

    .md\:ml--65 { margin-left:-65px; }
    .md\:mr--65 { margin-right:-65px; }

    .md\:mt--65 { margin-top:-65px; }
    .md\:mb--65 { margin-bottom:-65px; }

    .md\:max--65 { max-width:65%; }
    .md\:mt---65 { margin-top:-65%; }
    .md\:mb---65 { margin-bottom:-65%; }
    
    
    .md\:p--70 { padding:70px !important; }
    .md\:p-70 { padding:70px; }
    .md\:pt-70 { padding-top:70px; }
    .md\:pb-70 { padding-bottom:70px; }
    .md\:pl-70 { padding-left:70px; }
    .md\:pr-70 { padding-right:70px; }

    .md\:m-70 {  margin:70px; }
    .md\:mt-70 { margin-top:70px; }
    .md\:mb-70 { margin-bottom:70px; }
    .md\:ml-70 { margin-left:70px; }
    .md\:mr-70 { margin-right:70px; }

    .md\:ml--70 { margin-left:-70px; }
    .md\:mr--70 { margin-right:-70px; }

    .md\:mt--70 { margin-top:-70px; }
    .md\:mb--70 { margin-bottom:-70px; }

    .md\:max--70 { max-width:70%; }
    .md\:mt---70 { margin-top:-70%; }
    .md\:mb---70 { margin-bottom:-70%; }
    
    
    .md\:p--75 { padding:75px !important; }
    .md\:p-75 { padding:75px; }
    .md\:pt-75 { padding-top:75px; }
    .md\:pb-75 { padding-bottom:75px; }
    .md\:pl-75 { padding-left:75px; }
    .md\:pr-75 { padding-right:75px; }

    .md\:m-75 {  margin:75px; }
    .md\:mt-75 { margin-top:75px; }
    .md\:mb-75 { margin-bottom:75px; }
    .md\:ml-75 { margin-left:75px; }
    .md\:mr-75 { margin-right:75px; }

    .md\:ml--75 { margin-left:-75px; }
    .md\:mr--75 { margin-right:-75px; }

    .md\:mt--75 { margin-top:-75px; }
    .md\:mb--75 { margin-bottom:-75px; }

    .md\:max--75 { max-width:75%; }
    .md\:mt---75 { margin-top:-75%; }
    .md\:mb---75 { margin-bottom:-75%; }
    
    
    .md\:p--80 { padding:80px !important; }
    .md\:p-80 { padding:80px; }
    .md\:pt-80 { padding-top:80px; }
    .md\:pb-80 { padding-bottom:80px; }
    .md\:pl-80 { padding-left:80px; }
    .md\:pr-80 { padding-right:80px; }

    .md\:m-80 {  margin:80px; }
    .md\:mt-80 { margin-top:80px; }
    .md\:mb-80 { margin-bottom:80px; }
    .md\:ml-80 { margin-left:80px; }
    .md\:mr-80 { margin-right:80px; }

    .md\:ml--80 { margin-left:-80px; }
    .md\:mr--80 { margin-right:-80px; }

    .md\:mt--80 { margin-top:-80px; }
    .md\:mb--80 { margin-bottom:-80px; }

    .md\:max--80 { max-width:80%; }
    .md\:mt---80 { margin-top:-80%; }
    .md\:mb---80 { margin-bottom:-80%; }
    
    
    .md\:p--85 { padding:85px !important; }
    .md\:p-85 { padding:85px; }
    .md\:pt-85 { padding-top:85px; }
    .md\:pb-85 { padding-bottom:85px; }
    .md\:pl-85 { padding-left:85px; }
    .md\:pr-85 { padding-right:85px; }

    .md\:m-85 {  margin:85px; }
    .md\:mt-85 { margin-top:85px; }
    .md\:mb-85 { margin-bottom:85px; }
    .md\:ml-85 { margin-left:85px; }
    .md\:mr-85 { margin-right:85px; }

    .md\:ml--85 { margin-left:-85px; }
    .md\:mr--85 { margin-right:-85px; }

    .md\:mt--85 { margin-top:-85px; }
    .md\:mb--85 { margin-bottom:-85px; }

    .md\:max--85 { max-width:85%; }
    .md\:mt---85 { margin-top:-85%; }
    .md\:mb---85 { margin-bottom:-85%; }
    
    
    .md\:p--90 { padding:90px !important; }
    .md\:p-90 { padding:90px; }
    .md\:pt-90 { padding-top:90px; }
    .md\:pb-90 { padding-bottom:90px; }
    .md\:pl-90 { padding-left:90px; }
    .md\:pr-90 { padding-right:90px; }

    .md\:m-90 {  margin:90px; }
    .md\:mt-90 { margin-top:90px; }
    .md\:mb-90 { margin-bottom:90px; }
    .md\:ml-90 { margin-left:90px; }
    .md\:mr-90 { margin-right:90px; }

    .md\:ml--90 { margin-left:-90px; }
    .md\:mr--90 { margin-right:-90px; }

    .md\:mt--90 { margin-top:-90px; }
    .md\:mb--90 { margin-bottom:-90px; }

    .md\:max--90 { max-width:90%; }
    .md\:mt---90 { margin-top:-90%; }
    .md\:mb---90 { margin-bottom:-90%; }
    
    
    .md\:p--95 { padding:95px !important; }
    .md\:p-95 { padding:95px; }
    .md\:pt-95 { padding-top:95px; }
    .md\:pb-95 { padding-bottom:95px; }
    .md\:pl-95 { padding-left:95px; }
    .md\:pr-95 { padding-right:95px; }

    .md\:m-95 {  margin:95px; }
    .md\:mt-95 { margin-top:95px; }
    .md\:mb-95 { margin-bottom:95px; }
    .md\:ml-95 { margin-left:95px; }
    .md\:mr-95 { margin-right:95px; }

    .md\:ml--95 { margin-left:-95px; }
    .md\:mr--95 { margin-right:-95px; }

    .md\:mt--95 { margin-top:-95px; }
    .md\:mb--95 { margin-bottom:-95px; }

    .md\:max--95 { max-width:95%; }
    .md\:mt---95 { margin-top:-95%; }
    .md\:mb---95 { margin-bottom:-95%; }
    
    
    .md\:p--100 { padding:100px !important; }
    .md\:p-100 { padding:100px; }
    .md\:pt-100 { padding-top:100px; }
    .md\:pb-100 { padding-bottom:100px; }
    .md\:pl-100 { padding-left:100px; }
    .md\:pr-100 { padding-right:100px; }

    .md\:m-100 {  margin:100px; }
    .md\:mt-100 { margin-top:100px; }
    .md\:mb-100 { margin-bottom:100px; }
    .md\:ml-100 { margin-left:100px; }
    .md\:mr-100 { margin-right:100px; }

    .md\:ml--100 { margin-left:-100px; }
    .md\:mr--100 { margin-right:-100px; }

    .md\:mt--100 { margin-top:-100px; }
    .md\:mb--100 { margin-bottom:-100px; }

    .md\:max--100 { max-width:100%; }
    .md\:mt---100 { margin-top:-100%; }
    .md\:mb---100 { margin-bottom:-100%; }
    
    
    .md\:p--105 { padding:105px !important; }
    .md\:p-105 { padding:105px; }
    .md\:pt-105 { padding-top:105px; }
    .md\:pb-105 { padding-bottom:105px; }
    .md\:pl-105 { padding-left:105px; }
    .md\:pr-105 { padding-right:105px; }

    .md\:m-105 {  margin:105px; }
    .md\:mt-105 { margin-top:105px; }
    .md\:mb-105 { margin-bottom:105px; }
    .md\:ml-105 { margin-left:105px; }
    .md\:mr-105 { margin-right:105px; }

    .md\:ml--105 { margin-left:-105px; }
    .md\:mr--105 { margin-right:-105px; }

    .md\:mt--105 { margin-top:-105px; }
    .md\:mb--105 { margin-bottom:-105px; }

    .md\:max--105 { max-width:105%; }
    .md\:mt---105 { margin-top:-105%; }
    .md\:mb---105 { margin-bottom:-105%; }
    
    
    .md\:p--110 { padding:110px !important; }
    .md\:p-110 { padding:110px; }
    .md\:pt-110 { padding-top:110px; }
    .md\:pb-110 { padding-bottom:110px; }
    .md\:pl-110 { padding-left:110px; }
    .md\:pr-110 { padding-right:110px; }

    .md\:m-110 {  margin:110px; }
    .md\:mt-110 { margin-top:110px; }
    .md\:mb-110 { margin-bottom:110px; }
    .md\:ml-110 { margin-left:110px; }
    .md\:mr-110 { margin-right:110px; }

    .md\:ml--110 { margin-left:-110px; }
    .md\:mr--110 { margin-right:-110px; }

    .md\:mt--110 { margin-top:-110px; }
    .md\:mb--110 { margin-bottom:-110px; }

    .md\:max--110 { max-width:110%; }
    .md\:mt---110 { margin-top:-110%; }
    .md\:mb---110 { margin-bottom:-110%; }
    
    
    .md\:p--115 { padding:115px !important; }
    .md\:p-115 { padding:115px; }
    .md\:pt-115 { padding-top:115px; }
    .md\:pb-115 { padding-bottom:115px; }
    .md\:pl-115 { padding-left:115px; }
    .md\:pr-115 { padding-right:115px; }

    .md\:m-115 {  margin:115px; }
    .md\:mt-115 { margin-top:115px; }
    .md\:mb-115 { margin-bottom:115px; }
    .md\:ml-115 { margin-left:115px; }
    .md\:mr-115 { margin-right:115px; }

    .md\:ml--115 { margin-left:-115px; }
    .md\:mr--115 { margin-right:-115px; }

    .md\:mt--115 { margin-top:-115px; }
    .md\:mb--115 { margin-bottom:-115px; }

    .md\:max--115 { max-width:115%; }
    .md\:mt---115 { margin-top:-115%; }
    .md\:mb---115 { margin-bottom:-115%; }
    
    
    .md\:p--120 { padding:120px !important; }
    .md\:p-120 { padding:120px; }
    .md\:pt-120 { padding-top:120px; }
    .md\:pb-120 { padding-bottom:120px; }
    .md\:pl-120 { padding-left:120px; }
    .md\:pr-120 { padding-right:120px; }

    .md\:m-120 {  margin:120px; }
    .md\:mt-120 { margin-top:120px; }
    .md\:mb-120 { margin-bottom:120px; }
    .md\:ml-120 { margin-left:120px; }
    .md\:mr-120 { margin-right:120px; }

    .md\:ml--120 { margin-left:-120px; }
    .md\:mr--120 { margin-right:-120px; }

    .md\:mt--120 { margin-top:-120px; }
    .md\:mb--120 { margin-bottom:-120px; }

    .md\:max--120 { max-width:120%; }
    .md\:mt---120 { margin-top:-120%; }
    .md\:mb---120 { margin-bottom:-120%; }
    
    
    .md\:p--125 { padding:125px !important; }
    .md\:p-125 { padding:125px; }
    .md\:pt-125 { padding-top:125px; }
    .md\:pb-125 { padding-bottom:125px; }
    .md\:pl-125 { padding-left:125px; }
    .md\:pr-125 { padding-right:125px; }

    .md\:m-125 {  margin:125px; }
    .md\:mt-125 { margin-top:125px; }
    .md\:mb-125 { margin-bottom:125px; }
    .md\:ml-125 { margin-left:125px; }
    .md\:mr-125 { margin-right:125px; }

    .md\:ml--125 { margin-left:-125px; }
    .md\:mr--125 { margin-right:-125px; }

    .md\:mt--125 { margin-top:-125px; }
    .md\:mb--125 { margin-bottom:-125px; }

    .md\:max--125 { max-width:125%; }
    .md\:mt---125 { margin-top:-125%; }
    .md\:mb---125 { margin-bottom:-125%; }
    
    
    .md\:p--130 { padding:130px !important; }
    .md\:p-130 { padding:130px; }
    .md\:pt-130 { padding-top:130px; }
    .md\:pb-130 { padding-bottom:130px; }
    .md\:pl-130 { padding-left:130px; }
    .md\:pr-130 { padding-right:130px; }

    .md\:m-130 {  margin:130px; }
    .md\:mt-130 { margin-top:130px; }
    .md\:mb-130 { margin-bottom:130px; }
    .md\:ml-130 { margin-left:130px; }
    .md\:mr-130 { margin-right:130px; }

    .md\:ml--130 { margin-left:-130px; }
    .md\:mr--130 { margin-right:-130px; }

    .md\:mt--130 { margin-top:-130px; }
    .md\:mb--130 { margin-bottom:-130px; }

    .md\:max--130 { max-width:130%; }
    .md\:mt---130 { margin-top:-130%; }
    .md\:mb---130 { margin-bottom:-130%; }
    
    
    .md\:p--135 { padding:135px !important; }
    .md\:p-135 { padding:135px; }
    .md\:pt-135 { padding-top:135px; }
    .md\:pb-135 { padding-bottom:135px; }
    .md\:pl-135 { padding-left:135px; }
    .md\:pr-135 { padding-right:135px; }

    .md\:m-135 {  margin:135px; }
    .md\:mt-135 { margin-top:135px; }
    .md\:mb-135 { margin-bottom:135px; }
    .md\:ml-135 { margin-left:135px; }
    .md\:mr-135 { margin-right:135px; }

    .md\:ml--135 { margin-left:-135px; }
    .md\:mr--135 { margin-right:-135px; }

    .md\:mt--135 { margin-top:-135px; }
    .md\:mb--135 { margin-bottom:-135px; }

    .md\:max--135 { max-width:135%; }
    .md\:mt---135 { margin-top:-135%; }
    .md\:mb---135 { margin-bottom:-135%; }
    
    
    .md\:p--140 { padding:140px !important; }
    .md\:p-140 { padding:140px; }
    .md\:pt-140 { padding-top:140px; }
    .md\:pb-140 { padding-bottom:140px; }
    .md\:pl-140 { padding-left:140px; }
    .md\:pr-140 { padding-right:140px; }

    .md\:m-140 {  margin:140px; }
    .md\:mt-140 { margin-top:140px; }
    .md\:mb-140 { margin-bottom:140px; }
    .md\:ml-140 { margin-left:140px; }
    .md\:mr-140 { margin-right:140px; }

    .md\:ml--140 { margin-left:-140px; }
    .md\:mr--140 { margin-right:-140px; }

    .md\:mt--140 { margin-top:-140px; }
    .md\:mb--140 { margin-bottom:-140px; }

    .md\:max--140 { max-width:140%; }
    .md\:mt---140 { margin-top:-140%; }
    .md\:mb---140 { margin-bottom:-140%; }
    
    
    .md\:p--145 { padding:145px !important; }
    .md\:p-145 { padding:145px; }
    .md\:pt-145 { padding-top:145px; }
    .md\:pb-145 { padding-bottom:145px; }
    .md\:pl-145 { padding-left:145px; }
    .md\:pr-145 { padding-right:145px; }

    .md\:m-145 {  margin:145px; }
    .md\:mt-145 { margin-top:145px; }
    .md\:mb-145 { margin-bottom:145px; }
    .md\:ml-145 { margin-left:145px; }
    .md\:mr-145 { margin-right:145px; }

    .md\:ml--145 { margin-left:-145px; }
    .md\:mr--145 { margin-right:-145px; }

    .md\:mt--145 { margin-top:-145px; }
    .md\:mb--145 { margin-bottom:-145px; }

    .md\:max--145 { max-width:145%; }
    .md\:mt---145 { margin-top:-145%; }
    .md\:mb---145 { margin-bottom:-145%; }
    
    
    .md\:p--150 { padding:150px !important; }
    .md\:p-150 { padding:150px; }
    .md\:pt-150 { padding-top:150px; }
    .md\:pb-150 { padding-bottom:150px; }
    .md\:pl-150 { padding-left:150px; }
    .md\:pr-150 { padding-right:150px; }

    .md\:m-150 {  margin:150px; }
    .md\:mt-150 { margin-top:150px; }
    .md\:mb-150 { margin-bottom:150px; }
    .md\:ml-150 { margin-left:150px; }
    .md\:mr-150 { margin-right:150px; }

    .md\:ml--150 { margin-left:-150px; }
    .md\:mr--150 { margin-right:-150px; }

    .md\:mt--150 { margin-top:-150px; }
    .md\:mb--150 { margin-bottom:-150px; }

    .md\:max--150 { max-width:150%; }
    .md\:mt---150 { margin-top:-150%; }
    .md\:mb---150 { margin-bottom:-150%; }
    
    

    
    .md\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
    .md\:max-50 { max-width:50px; }
    .md\:text-2{ font-size:2px; } 

    
    .md\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
    .md\:max-100 { max-width:100px; }
    .md\:text-4{ font-size:4px; } 

    
    .md\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
    .md\:max-150 { max-width:150px; }
    .md\:text-6{ font-size:6px; } 

    
    .md\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
    .md\:max-200 { max-width:200px; }
    .md\:text-8{ font-size:8px; } 

    
    .md\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
    .md\:max-250 { max-width:250px; }
    .md\:text-10{ font-size:10px; } 

    
    .md\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
    .md\:max-300 { max-width:300px; }
    .md\:text-12{ font-size:12px; } 

    
    .md\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
    .md\:max-350 { max-width:350px; }
    .md\:text-14{ font-size:14px; } 

    
    .md\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
    .md\:max-400 { max-width:400px; }
    .md\:text-16{ font-size:16px; } 

    
    .md\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
    .md\:max-450 { max-width:450px; }
    .md\:text-18{ font-size:18px; } 

    
    .md\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
    .md\:max-500 { max-width:500px; }
    .md\:text-20{ font-size:20px; } 

    
    .md\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
    .md\:max-550 { max-width:550px; }
    .md\:text-22{ font-size:22px; } 

    
    .md\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
    .md\:max-600 { max-width:600px; }
    .md\:text-24{ font-size:24px; } 

    
    .md\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
    .md\:max-650 { max-width:650px; }
    .md\:text-26{ font-size:26px; } 

    
    .md\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
    .md\:max-700 { max-width:700px; }
    .md\:text-28{ font-size:28px; } 

    
    .md\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
    .md\:max-750 { max-width:750px; }
    .md\:text-30{ font-size:30px; } 

    
    .md\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
    .md\:max-800 { max-width:800px; }
    .md\:text-32{ font-size:32px; } 

    
    .md\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
    .md\:max-850 { max-width:850px; }
    .md\:text-34{ font-size:34px; } 

    
    .md\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
    .md\:max-900 { max-width:900px; }
    .md\:text-36{ font-size:36px; } 

    
    .md\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
    .md\:max-950 { max-width:950px; }
    .md\:text-38{ font-size:38px; } 

    
    .md\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
    .md\:max-1000 { max-width:1000px; }
    .md\:text-40{ font-size:40px; } 

    
    .md\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
    .md\:max-1050 { max-width:1050px; }
    .md\:text-42{ font-size:42px; } 

    
    .md\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
    .md\:max-1100 { max-width:1100px; }
    .md\:text-44{ font-size:44px; } 

    
    .md\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
    .md\:max-1150 { max-width:1150px; }
    .md\:text-46{ font-size:46px; } 

    
    .md\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
    .md\:max-1200 { max-width:1200px; }
    .md\:text-48{ font-size:48px; } 

    
    .md\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
    .md\:max-1250 { max-width:1250px; }
    .md\:text-50{ font-size:50px; } 

    
    .md\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
    .md\:max-1300 { max-width:1300px; }
    .md\:text-52{ font-size:52px; } 

    
    .md\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
    .md\:max-1350 { max-width:1350px; }
    .md\:text-54{ font-size:54px; } 

    
    .md\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
    .md\:max-1400 { max-width:1400px; }
    .md\:text-56{ font-size:56px; } 

    
    .md\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
    .md\:max-1450 { max-width:1450px; }
    .md\:text-58{ font-size:58px; } 

    

    .md\:max-full { max-width:100%; }
    .md\:ml-auto{ margin-left:auto; }
    .md\:mr-auto{ margin-right:auto; }
    .md\:vh-100{ height:100vh; }
    .md\:vh-auto{ height:auto; }
}


@media(min-width:1200px){
    
    
    .lg\:d-block {
        display:block;
    }
    
    .lg\:d-inline-block {
        display:inline-block;
    }
    
    .lg\:d-flex {
        display:flex;
    }
    
    .lg\:d-inline-flex {
        display:inline-flex;
    }
    
    .lg\:d-none {
        display:none;
    }
    
    
    
    .lg\:align-center {
        align-items:center;
    }
    
    .lg\:align-flex-start {
        align-items:flex-start;
    }
    
    .lg\:align-flex-end {
        align-items:flex-end;
    }
    
    .lg\:align-normal {
        align-items:normal;
    }
    
    
    
    .lg\:justify-center {
        justify-content:center;
    }
    
    .lg\:justify-flex-end {
        justify-content:flex-end;
    }
    
    .lg\:justify-flex-start {
        justify-content:flex-start;
    }
    
    .lg\:justify-space-around {
        justify-content:space-around;
    }
    
    .lg\:justify-space-between {
        justify-content:space-between;
    }
    
    
    
    .lg\:text-left {
        text-align:left;
    }
    
    .lg\:text-right {
        text-align:right;
    }
    
    .lg\:text-center {
        text-align:center;
    }
    
    
    
    .lg\:direction-column {
        flex-direction:column;
    }
    
    .lg\:direction-column-reverse {
        flex-direction:column-reverse;
    }
    
    .lg\:direction-row {
        flex-direction:row;
    }
    
    .lg\:direction-row-reverse {
        flex-direction:row-reverse;
    }
    
    

    
    .lg\:p--0 { padding:0px !important; }
    .lg\:p-0 { padding:0px; }
    .lg\:pt-0 { padding-top:0px; }
    .lg\:pb-0 { padding-bottom:0px; }
    .lg\:pl-0 { padding-left:0px; }
    .lg\:pr-0 { padding-right:0px; }

    .lg\:m-0 {  margin:0px; }
    .lg\:mt-0 { margin-top:0px; }
    .lg\:mb-0 { margin-bottom:0px; }
    .lg\:ml-0 { margin-left:0px; }
    .lg\:mr-0 { margin-right:0px; }

    .lg\:ml--0 { margin-left:-0px; }
    .lg\:mr--0 { margin-right:-0px; }

    .lg\:mt--0 { margin-top:-0px; }
    .lg\:mb--0 { margin-bottom:-0px; }

    .lg\:max--0 { max-width:0%; }
    .lg\:mt---0 { margin-top:-0%; }
    .lg\:mb---0 { margin-bottom:-0%; }
    
    
    .lg\:p--5 { padding:5px !important; }
    .lg\:p-5 { padding:5px; }
    .lg\:pt-5 { padding-top:5px; }
    .lg\:pb-5 { padding-bottom:5px; }
    .lg\:pl-5 { padding-left:5px; }
    .lg\:pr-5 { padding-right:5px; }

    .lg\:m-5 {  margin:5px; }
    .lg\:mt-5 { margin-top:5px; }
    .lg\:mb-5 { margin-bottom:5px; }
    .lg\:ml-5 { margin-left:5px; }
    .lg\:mr-5 { margin-right:5px; }

    .lg\:ml--5 { margin-left:-5px; }
    .lg\:mr--5 { margin-right:-5px; }

    .lg\:mt--5 { margin-top:-5px; }
    .lg\:mb--5 { margin-bottom:-5px; }

    .lg\:max--5 { max-width:5%; }
    .lg\:mt---5 { margin-top:-5%; }
    .lg\:mb---5 { margin-bottom:-5%; }
    
    
    .lg\:p--10 { padding:10px !important; }
    .lg\:p-10 { padding:10px; }
    .lg\:pt-10 { padding-top:10px; }
    .lg\:pb-10 { padding-bottom:10px; }
    .lg\:pl-10 { padding-left:10px; }
    .lg\:pr-10 { padding-right:10px; }

    .lg\:m-10 {  margin:10px; }
    .lg\:mt-10 { margin-top:10px; }
    .lg\:mb-10 { margin-bottom:10px; }
    .lg\:ml-10 { margin-left:10px; }
    .lg\:mr-10 { margin-right:10px; }

    .lg\:ml--10 { margin-left:-10px; }
    .lg\:mr--10 { margin-right:-10px; }

    .lg\:mt--10 { margin-top:-10px; }
    .lg\:mb--10 { margin-bottom:-10px; }

    .lg\:max--10 { max-width:10%; }
    .lg\:mt---10 { margin-top:-10%; }
    .lg\:mb---10 { margin-bottom:-10%; }
    
    
    .lg\:p--15 { padding:15px !important; }
    .lg\:p-15 { padding:15px; }
    .lg\:pt-15 { padding-top:15px; }
    .lg\:pb-15 { padding-bottom:15px; }
    .lg\:pl-15 { padding-left:15px; }
    .lg\:pr-15 { padding-right:15px; }

    .lg\:m-15 {  margin:15px; }
    .lg\:mt-15 { margin-top:15px; }
    .lg\:mb-15 { margin-bottom:15px; }
    .lg\:ml-15 { margin-left:15px; }
    .lg\:mr-15 { margin-right:15px; }

    .lg\:ml--15 { margin-left:-15px; }
    .lg\:mr--15 { margin-right:-15px; }

    .lg\:mt--15 { margin-top:-15px; }
    .lg\:mb--15 { margin-bottom:-15px; }

    .lg\:max--15 { max-width:15%; }
    .lg\:mt---15 { margin-top:-15%; }
    .lg\:mb---15 { margin-bottom:-15%; }
    
    
    .lg\:p--20 { padding:20px !important; }
    .lg\:p-20 { padding:20px; }
    .lg\:pt-20 { padding-top:20px; }
    .lg\:pb-20 { padding-bottom:20px; }
    .lg\:pl-20 { padding-left:20px; }
    .lg\:pr-20 { padding-right:20px; }

    .lg\:m-20 {  margin:20px; }
    .lg\:mt-20 { margin-top:20px; }
    .lg\:mb-20 { margin-bottom:20px; }
    .lg\:ml-20 { margin-left:20px; }
    .lg\:mr-20 { margin-right:20px; }

    .lg\:ml--20 { margin-left:-20px; }
    .lg\:mr--20 { margin-right:-20px; }

    .lg\:mt--20 { margin-top:-20px; }
    .lg\:mb--20 { margin-bottom:-20px; }

    .lg\:max--20 { max-width:20%; }
    .lg\:mt---20 { margin-top:-20%; }
    .lg\:mb---20 { margin-bottom:-20%; }
    
    
    .lg\:p--25 { padding:25px !important; }
    .lg\:p-25 { padding:25px; }
    .lg\:pt-25 { padding-top:25px; }
    .lg\:pb-25 { padding-bottom:25px; }
    .lg\:pl-25 { padding-left:25px; }
    .lg\:pr-25 { padding-right:25px; }

    .lg\:m-25 {  margin:25px; }
    .lg\:mt-25 { margin-top:25px; }
    .lg\:mb-25 { margin-bottom:25px; }
    .lg\:ml-25 { margin-left:25px; }
    .lg\:mr-25 { margin-right:25px; }

    .lg\:ml--25 { margin-left:-25px; }
    .lg\:mr--25 { margin-right:-25px; }

    .lg\:mt--25 { margin-top:-25px; }
    .lg\:mb--25 { margin-bottom:-25px; }

    .lg\:max--25 { max-width:25%; }
    .lg\:mt---25 { margin-top:-25%; }
    .lg\:mb---25 { margin-bottom:-25%; }
    
    
    .lg\:p--30 { padding:30px !important; }
    .lg\:p-30 { padding:30px; }
    .lg\:pt-30 { padding-top:30px; }
    .lg\:pb-30 { padding-bottom:30px; }
    .lg\:pl-30 { padding-left:30px; }
    .lg\:pr-30 { padding-right:30px; }

    .lg\:m-30 {  margin:30px; }
    .lg\:mt-30 { margin-top:30px; }
    .lg\:mb-30 { margin-bottom:30px; }
    .lg\:ml-30 { margin-left:30px; }
    .lg\:mr-30 { margin-right:30px; }

    .lg\:ml--30 { margin-left:-30px; }
    .lg\:mr--30 { margin-right:-30px; }

    .lg\:mt--30 { margin-top:-30px; }
    .lg\:mb--30 { margin-bottom:-30px; }

    .lg\:max--30 { max-width:30%; }
    .lg\:mt---30 { margin-top:-30%; }
    .lg\:mb---30 { margin-bottom:-30%; }
    
    
    .lg\:p--35 { padding:35px !important; }
    .lg\:p-35 { padding:35px; }
    .lg\:pt-35 { padding-top:35px; }
    .lg\:pb-35 { padding-bottom:35px; }
    .lg\:pl-35 { padding-left:35px; }
    .lg\:pr-35 { padding-right:35px; }

    .lg\:m-35 {  margin:35px; }
    .lg\:mt-35 { margin-top:35px; }
    .lg\:mb-35 { margin-bottom:35px; }
    .lg\:ml-35 { margin-left:35px; }
    .lg\:mr-35 { margin-right:35px; }

    .lg\:ml--35 { margin-left:-35px; }
    .lg\:mr--35 { margin-right:-35px; }

    .lg\:mt--35 { margin-top:-35px; }
    .lg\:mb--35 { margin-bottom:-35px; }

    .lg\:max--35 { max-width:35%; }
    .lg\:mt---35 { margin-top:-35%; }
    .lg\:mb---35 { margin-bottom:-35%; }
    
    
    .lg\:p--40 { padding:40px !important; }
    .lg\:p-40 { padding:40px; }
    .lg\:pt-40 { padding-top:40px; }
    .lg\:pb-40 { padding-bottom:40px; }
    .lg\:pl-40 { padding-left:40px; }
    .lg\:pr-40 { padding-right:40px; }

    .lg\:m-40 {  margin:40px; }
    .lg\:mt-40 { margin-top:40px; }
    .lg\:mb-40 { margin-bottom:40px; }
    .lg\:ml-40 { margin-left:40px; }
    .lg\:mr-40 { margin-right:40px; }

    .lg\:ml--40 { margin-left:-40px; }
    .lg\:mr--40 { margin-right:-40px; }

    .lg\:mt--40 { margin-top:-40px; }
    .lg\:mb--40 { margin-bottom:-40px; }

    .lg\:max--40 { max-width:40%; }
    .lg\:mt---40 { margin-top:-40%; }
    .lg\:mb---40 { margin-bottom:-40%; }
    
    
    .lg\:p--45 { padding:45px !important; }
    .lg\:p-45 { padding:45px; }
    .lg\:pt-45 { padding-top:45px; }
    .lg\:pb-45 { padding-bottom:45px; }
    .lg\:pl-45 { padding-left:45px; }
    .lg\:pr-45 { padding-right:45px; }

    .lg\:m-45 {  margin:45px; }
    .lg\:mt-45 { margin-top:45px; }
    .lg\:mb-45 { margin-bottom:45px; }
    .lg\:ml-45 { margin-left:45px; }
    .lg\:mr-45 { margin-right:45px; }

    .lg\:ml--45 { margin-left:-45px; }
    .lg\:mr--45 { margin-right:-45px; }

    .lg\:mt--45 { margin-top:-45px; }
    .lg\:mb--45 { margin-bottom:-45px; }

    .lg\:max--45 { max-width:45%; }
    .lg\:mt---45 { margin-top:-45%; }
    .lg\:mb---45 { margin-bottom:-45%; }
    
    
    .lg\:p--50 { padding:50px !important; }
    .lg\:p-50 { padding:50px; }
    .lg\:pt-50 { padding-top:50px; }
    .lg\:pb-50 { padding-bottom:50px; }
    .lg\:pl-50 { padding-left:50px; }
    .lg\:pr-50 { padding-right:50px; }

    .lg\:m-50 {  margin:50px; }
    .lg\:mt-50 { margin-top:50px; }
    .lg\:mb-50 { margin-bottom:50px; }
    .lg\:ml-50 { margin-left:50px; }
    .lg\:mr-50 { margin-right:50px; }

    .lg\:ml--50 { margin-left:-50px; }
    .lg\:mr--50 { margin-right:-50px; }

    .lg\:mt--50 { margin-top:-50px; }
    .lg\:mb--50 { margin-bottom:-50px; }

    .lg\:max--50 { max-width:50%; }
    .lg\:mt---50 { margin-top:-50%; }
    .lg\:mb---50 { margin-bottom:-50%; }
    
    
    .lg\:p--55 { padding:55px !important; }
    .lg\:p-55 { padding:55px; }
    .lg\:pt-55 { padding-top:55px; }
    .lg\:pb-55 { padding-bottom:55px; }
    .lg\:pl-55 { padding-left:55px; }
    .lg\:pr-55 { padding-right:55px; }

    .lg\:m-55 {  margin:55px; }
    .lg\:mt-55 { margin-top:55px; }
    .lg\:mb-55 { margin-bottom:55px; }
    .lg\:ml-55 { margin-left:55px; }
    .lg\:mr-55 { margin-right:55px; }

    .lg\:ml--55 { margin-left:-55px; }
    .lg\:mr--55 { margin-right:-55px; }

    .lg\:mt--55 { margin-top:-55px; }
    .lg\:mb--55 { margin-bottom:-55px; }

    .lg\:max--55 { max-width:55%; }
    .lg\:mt---55 { margin-top:-55%; }
    .lg\:mb---55 { margin-bottom:-55%; }
    
    
    .lg\:p--60 { padding:60px !important; }
    .lg\:p-60 { padding:60px; }
    .lg\:pt-60 { padding-top:60px; }
    .lg\:pb-60 { padding-bottom:60px; }
    .lg\:pl-60 { padding-left:60px; }
    .lg\:pr-60 { padding-right:60px; }

    .lg\:m-60 {  margin:60px; }
    .lg\:mt-60 { margin-top:60px; }
    .lg\:mb-60 { margin-bottom:60px; }
    .lg\:ml-60 { margin-left:60px; }
    .lg\:mr-60 { margin-right:60px; }

    .lg\:ml--60 { margin-left:-60px; }
    .lg\:mr--60 { margin-right:-60px; }

    .lg\:mt--60 { margin-top:-60px; }
    .lg\:mb--60 { margin-bottom:-60px; }

    .lg\:max--60 { max-width:60%; }
    .lg\:mt---60 { margin-top:-60%; }
    .lg\:mb---60 { margin-bottom:-60%; }
    
    
    .lg\:p--65 { padding:65px !important; }
    .lg\:p-65 { padding:65px; }
    .lg\:pt-65 { padding-top:65px; }
    .lg\:pb-65 { padding-bottom:65px; }
    .lg\:pl-65 { padding-left:65px; }
    .lg\:pr-65 { padding-right:65px; }

    .lg\:m-65 {  margin:65px; }
    .lg\:mt-65 { margin-top:65px; }
    .lg\:mb-65 { margin-bottom:65px; }
    .lg\:ml-65 { margin-left:65px; }
    .lg\:mr-65 { margin-right:65px; }

    .lg\:ml--65 { margin-left:-65px; }
    .lg\:mr--65 { margin-right:-65px; }

    .lg\:mt--65 { margin-top:-65px; }
    .lg\:mb--65 { margin-bottom:-65px; }

    .lg\:max--65 { max-width:65%; }
    .lg\:mt---65 { margin-top:-65%; }
    .lg\:mb---65 { margin-bottom:-65%; }
    
    
    .lg\:p--70 { padding:70px !important; }
    .lg\:p-70 { padding:70px; }
    .lg\:pt-70 { padding-top:70px; }
    .lg\:pb-70 { padding-bottom:70px; }
    .lg\:pl-70 { padding-left:70px; }
    .lg\:pr-70 { padding-right:70px; }

    .lg\:m-70 {  margin:70px; }
    .lg\:mt-70 { margin-top:70px; }
    .lg\:mb-70 { margin-bottom:70px; }
    .lg\:ml-70 { margin-left:70px; }
    .lg\:mr-70 { margin-right:70px; }

    .lg\:ml--70 { margin-left:-70px; }
    .lg\:mr--70 { margin-right:-70px; }

    .lg\:mt--70 { margin-top:-70px; }
    .lg\:mb--70 { margin-bottom:-70px; }

    .lg\:max--70 { max-width:70%; }
    .lg\:mt---70 { margin-top:-70%; }
    .lg\:mb---70 { margin-bottom:-70%; }
    
    
    .lg\:p--75 { padding:75px !important; }
    .lg\:p-75 { padding:75px; }
    .lg\:pt-75 { padding-top:75px; }
    .lg\:pb-75 { padding-bottom:75px; }
    .lg\:pl-75 { padding-left:75px; }
    .lg\:pr-75 { padding-right:75px; }

    .lg\:m-75 {  margin:75px; }
    .lg\:mt-75 { margin-top:75px; }
    .lg\:mb-75 { margin-bottom:75px; }
    .lg\:ml-75 { margin-left:75px; }
    .lg\:mr-75 { margin-right:75px; }

    .lg\:ml--75 { margin-left:-75px; }
    .lg\:mr--75 { margin-right:-75px; }

    .lg\:mt--75 { margin-top:-75px; }
    .lg\:mb--75 { margin-bottom:-75px; }

    .lg\:max--75 { max-width:75%; }
    .lg\:mt---75 { margin-top:-75%; }
    .lg\:mb---75 { margin-bottom:-75%; }
    
    
    .lg\:p--80 { padding:80px !important; }
    .lg\:p-80 { padding:80px; }
    .lg\:pt-80 { padding-top:80px; }
    .lg\:pb-80 { padding-bottom:80px; }
    .lg\:pl-80 { padding-left:80px; }
    .lg\:pr-80 { padding-right:80px; }

    .lg\:m-80 {  margin:80px; }
    .lg\:mt-80 { margin-top:80px; }
    .lg\:mb-80 { margin-bottom:80px; }
    .lg\:ml-80 { margin-left:80px; }
    .lg\:mr-80 { margin-right:80px; }

    .lg\:ml--80 { margin-left:-80px; }
    .lg\:mr--80 { margin-right:-80px; }

    .lg\:mt--80 { margin-top:-80px; }
    .lg\:mb--80 { margin-bottom:-80px; }

    .lg\:max--80 { max-width:80%; }
    .lg\:mt---80 { margin-top:-80%; }
    .lg\:mb---80 { margin-bottom:-80%; }
    
    
    .lg\:p--85 { padding:85px !important; }
    .lg\:p-85 { padding:85px; }
    .lg\:pt-85 { padding-top:85px; }
    .lg\:pb-85 { padding-bottom:85px; }
    .lg\:pl-85 { padding-left:85px; }
    .lg\:pr-85 { padding-right:85px; }

    .lg\:m-85 {  margin:85px; }
    .lg\:mt-85 { margin-top:85px; }
    .lg\:mb-85 { margin-bottom:85px; }
    .lg\:ml-85 { margin-left:85px; }
    .lg\:mr-85 { margin-right:85px; }

    .lg\:ml--85 { margin-left:-85px; }
    .lg\:mr--85 { margin-right:-85px; }

    .lg\:mt--85 { margin-top:-85px; }
    .lg\:mb--85 { margin-bottom:-85px; }

    .lg\:max--85 { max-width:85%; }
    .lg\:mt---85 { margin-top:-85%; }
    .lg\:mb---85 { margin-bottom:-85%; }
    
    
    .lg\:p--90 { padding:90px !important; }
    .lg\:p-90 { padding:90px; }
    .lg\:pt-90 { padding-top:90px; }
    .lg\:pb-90 { padding-bottom:90px; }
    .lg\:pl-90 { padding-left:90px; }
    .lg\:pr-90 { padding-right:90px; }

    .lg\:m-90 {  margin:90px; }
    .lg\:mt-90 { margin-top:90px; }
    .lg\:mb-90 { margin-bottom:90px; }
    .lg\:ml-90 { margin-left:90px; }
    .lg\:mr-90 { margin-right:90px; }

    .lg\:ml--90 { margin-left:-90px; }
    .lg\:mr--90 { margin-right:-90px; }

    .lg\:mt--90 { margin-top:-90px; }
    .lg\:mb--90 { margin-bottom:-90px; }

    .lg\:max--90 { max-width:90%; }
    .lg\:mt---90 { margin-top:-90%; }
    .lg\:mb---90 { margin-bottom:-90%; }
    
    
    .lg\:p--95 { padding:95px !important; }
    .lg\:p-95 { padding:95px; }
    .lg\:pt-95 { padding-top:95px; }
    .lg\:pb-95 { padding-bottom:95px; }
    .lg\:pl-95 { padding-left:95px; }
    .lg\:pr-95 { padding-right:95px; }

    .lg\:m-95 {  margin:95px; }
    .lg\:mt-95 { margin-top:95px; }
    .lg\:mb-95 { margin-bottom:95px; }
    .lg\:ml-95 { margin-left:95px; }
    .lg\:mr-95 { margin-right:95px; }

    .lg\:ml--95 { margin-left:-95px; }
    .lg\:mr--95 { margin-right:-95px; }

    .lg\:mt--95 { margin-top:-95px; }
    .lg\:mb--95 { margin-bottom:-95px; }

    .lg\:max--95 { max-width:95%; }
    .lg\:mt---95 { margin-top:-95%; }
    .lg\:mb---95 { margin-bottom:-95%; }
    
    
    .lg\:p--100 { padding:100px !important; }
    .lg\:p-100 { padding:100px; }
    .lg\:pt-100 { padding-top:100px; }
    .lg\:pb-100 { padding-bottom:100px; }
    .lg\:pl-100 { padding-left:100px; }
    .lg\:pr-100 { padding-right:100px; }

    .lg\:m-100 {  margin:100px; }
    .lg\:mt-100 { margin-top:100px; }
    .lg\:mb-100 { margin-bottom:100px; }
    .lg\:ml-100 { margin-left:100px; }
    .lg\:mr-100 { margin-right:100px; }

    .lg\:ml--100 { margin-left:-100px; }
    .lg\:mr--100 { margin-right:-100px; }

    .lg\:mt--100 { margin-top:-100px; }
    .lg\:mb--100 { margin-bottom:-100px; }

    .lg\:max--100 { max-width:100%; }
    .lg\:mt---100 { margin-top:-100%; }
    .lg\:mb---100 { margin-bottom:-100%; }
    
    
    .lg\:p--105 { padding:105px !important; }
    .lg\:p-105 { padding:105px; }
    .lg\:pt-105 { padding-top:105px; }
    .lg\:pb-105 { padding-bottom:105px; }
    .lg\:pl-105 { padding-left:105px; }
    .lg\:pr-105 { padding-right:105px; }

    .lg\:m-105 {  margin:105px; }
    .lg\:mt-105 { margin-top:105px; }
    .lg\:mb-105 { margin-bottom:105px; }
    .lg\:ml-105 { margin-left:105px; }
    .lg\:mr-105 { margin-right:105px; }

    .lg\:ml--105 { margin-left:-105px; }
    .lg\:mr--105 { margin-right:-105px; }

    .lg\:mt--105 { margin-top:-105px; }
    .lg\:mb--105 { margin-bottom:-105px; }

    .lg\:max--105 { max-width:105%; }
    .lg\:mt---105 { margin-top:-105%; }
    .lg\:mb---105 { margin-bottom:-105%; }
    
    
    .lg\:p--110 { padding:110px !important; }
    .lg\:p-110 { padding:110px; }
    .lg\:pt-110 { padding-top:110px; }
    .lg\:pb-110 { padding-bottom:110px; }
    .lg\:pl-110 { padding-left:110px; }
    .lg\:pr-110 { padding-right:110px; }

    .lg\:m-110 {  margin:110px; }
    .lg\:mt-110 { margin-top:110px; }
    .lg\:mb-110 { margin-bottom:110px; }
    .lg\:ml-110 { margin-left:110px; }
    .lg\:mr-110 { margin-right:110px; }

    .lg\:ml--110 { margin-left:-110px; }
    .lg\:mr--110 { margin-right:-110px; }

    .lg\:mt--110 { margin-top:-110px; }
    .lg\:mb--110 { margin-bottom:-110px; }

    .lg\:max--110 { max-width:110%; }
    .lg\:mt---110 { margin-top:-110%; }
    .lg\:mb---110 { margin-bottom:-110%; }
    
    
    .lg\:p--115 { padding:115px !important; }
    .lg\:p-115 { padding:115px; }
    .lg\:pt-115 { padding-top:115px; }
    .lg\:pb-115 { padding-bottom:115px; }
    .lg\:pl-115 { padding-left:115px; }
    .lg\:pr-115 { padding-right:115px; }

    .lg\:m-115 {  margin:115px; }
    .lg\:mt-115 { margin-top:115px; }
    .lg\:mb-115 { margin-bottom:115px; }
    .lg\:ml-115 { margin-left:115px; }
    .lg\:mr-115 { margin-right:115px; }

    .lg\:ml--115 { margin-left:-115px; }
    .lg\:mr--115 { margin-right:-115px; }

    .lg\:mt--115 { margin-top:-115px; }
    .lg\:mb--115 { margin-bottom:-115px; }

    .lg\:max--115 { max-width:115%; }
    .lg\:mt---115 { margin-top:-115%; }
    .lg\:mb---115 { margin-bottom:-115%; }
    
    
    .lg\:p--120 { padding:120px !important; }
    .lg\:p-120 { padding:120px; }
    .lg\:pt-120 { padding-top:120px; }
    .lg\:pb-120 { padding-bottom:120px; }
    .lg\:pl-120 { padding-left:120px; }
    .lg\:pr-120 { padding-right:120px; }

    .lg\:m-120 {  margin:120px; }
    .lg\:mt-120 { margin-top:120px; }
    .lg\:mb-120 { margin-bottom:120px; }
    .lg\:ml-120 { margin-left:120px; }
    .lg\:mr-120 { margin-right:120px; }

    .lg\:ml--120 { margin-left:-120px; }
    .lg\:mr--120 { margin-right:-120px; }

    .lg\:mt--120 { margin-top:-120px; }
    .lg\:mb--120 { margin-bottom:-120px; }

    .lg\:max--120 { max-width:120%; }
    .lg\:mt---120 { margin-top:-120%; }
    .lg\:mb---120 { margin-bottom:-120%; }
    
    
    .lg\:p--125 { padding:125px !important; }
    .lg\:p-125 { padding:125px; }
    .lg\:pt-125 { padding-top:125px; }
    .lg\:pb-125 { padding-bottom:125px; }
    .lg\:pl-125 { padding-left:125px; }
    .lg\:pr-125 { padding-right:125px; }

    .lg\:m-125 {  margin:125px; }
    .lg\:mt-125 { margin-top:125px; }
    .lg\:mb-125 { margin-bottom:125px; }
    .lg\:ml-125 { margin-left:125px; }
    .lg\:mr-125 { margin-right:125px; }

    .lg\:ml--125 { margin-left:-125px; }
    .lg\:mr--125 { margin-right:-125px; }

    .lg\:mt--125 { margin-top:-125px; }
    .lg\:mb--125 { margin-bottom:-125px; }

    .lg\:max--125 { max-width:125%; }
    .lg\:mt---125 { margin-top:-125%; }
    .lg\:mb---125 { margin-bottom:-125%; }
    
    
    .lg\:p--130 { padding:130px !important; }
    .lg\:p-130 { padding:130px; }
    .lg\:pt-130 { padding-top:130px; }
    .lg\:pb-130 { padding-bottom:130px; }
    .lg\:pl-130 { padding-left:130px; }
    .lg\:pr-130 { padding-right:130px; }

    .lg\:m-130 {  margin:130px; }
    .lg\:mt-130 { margin-top:130px; }
    .lg\:mb-130 { margin-bottom:130px; }
    .lg\:ml-130 { margin-left:130px; }
    .lg\:mr-130 { margin-right:130px; }

    .lg\:ml--130 { margin-left:-130px; }
    .lg\:mr--130 { margin-right:-130px; }

    .lg\:mt--130 { margin-top:-130px; }
    .lg\:mb--130 { margin-bottom:-130px; }

    .lg\:max--130 { max-width:130%; }
    .lg\:mt---130 { margin-top:-130%; }
    .lg\:mb---130 { margin-bottom:-130%; }
    
    
    .lg\:p--135 { padding:135px !important; }
    .lg\:p-135 { padding:135px; }
    .lg\:pt-135 { padding-top:135px; }
    .lg\:pb-135 { padding-bottom:135px; }
    .lg\:pl-135 { padding-left:135px; }
    .lg\:pr-135 { padding-right:135px; }

    .lg\:m-135 {  margin:135px; }
    .lg\:mt-135 { margin-top:135px; }
    .lg\:mb-135 { margin-bottom:135px; }
    .lg\:ml-135 { margin-left:135px; }
    .lg\:mr-135 { margin-right:135px; }

    .lg\:ml--135 { margin-left:-135px; }
    .lg\:mr--135 { margin-right:-135px; }

    .lg\:mt--135 { margin-top:-135px; }
    .lg\:mb--135 { margin-bottom:-135px; }

    .lg\:max--135 { max-width:135%; }
    .lg\:mt---135 { margin-top:-135%; }
    .lg\:mb---135 { margin-bottom:-135%; }
    
    
    .lg\:p--140 { padding:140px !important; }
    .lg\:p-140 { padding:140px; }
    .lg\:pt-140 { padding-top:140px; }
    .lg\:pb-140 { padding-bottom:140px; }
    .lg\:pl-140 { padding-left:140px; }
    .lg\:pr-140 { padding-right:140px; }

    .lg\:m-140 {  margin:140px; }
    .lg\:mt-140 { margin-top:140px; }
    .lg\:mb-140 { margin-bottom:140px; }
    .lg\:ml-140 { margin-left:140px; }
    .lg\:mr-140 { margin-right:140px; }

    .lg\:ml--140 { margin-left:-140px; }
    .lg\:mr--140 { margin-right:-140px; }

    .lg\:mt--140 { margin-top:-140px; }
    .lg\:mb--140 { margin-bottom:-140px; }

    .lg\:max--140 { max-width:140%; }
    .lg\:mt---140 { margin-top:-140%; }
    .lg\:mb---140 { margin-bottom:-140%; }
    
    
    .lg\:p--145 { padding:145px !important; }
    .lg\:p-145 { padding:145px; }
    .lg\:pt-145 { padding-top:145px; }
    .lg\:pb-145 { padding-bottom:145px; }
    .lg\:pl-145 { padding-left:145px; }
    .lg\:pr-145 { padding-right:145px; }

    .lg\:m-145 {  margin:145px; }
    .lg\:mt-145 { margin-top:145px; }
    .lg\:mb-145 { margin-bottom:145px; }
    .lg\:ml-145 { margin-left:145px; }
    .lg\:mr-145 { margin-right:145px; }

    .lg\:ml--145 { margin-left:-145px; }
    .lg\:mr--145 { margin-right:-145px; }

    .lg\:mt--145 { margin-top:-145px; }
    .lg\:mb--145 { margin-bottom:-145px; }

    .lg\:max--145 { max-width:145%; }
    .lg\:mt---145 { margin-top:-145%; }
    .lg\:mb---145 { margin-bottom:-145%; }
    
    
    .lg\:p--150 { padding:150px !important; }
    .lg\:p-150 { padding:150px; }
    .lg\:pt-150 { padding-top:150px; }
    .lg\:pb-150 { padding-bottom:150px; }
    .lg\:pl-150 { padding-left:150px; }
    .lg\:pr-150 { padding-right:150px; }

    .lg\:m-150 {  margin:150px; }
    .lg\:mt-150 { margin-top:150px; }
    .lg\:mb-150 { margin-bottom:150px; }
    .lg\:ml-150 { margin-left:150px; }
    .lg\:mr-150 { margin-right:150px; }

    .lg\:ml--150 { margin-left:-150px; }
    .lg\:mr--150 { margin-right:-150px; }

    .lg\:mt--150 { margin-top:-150px; }
    .lg\:mb--150 { margin-bottom:-150px; }

    .lg\:max--150 { max-width:150%; }
    .lg\:mt---150 { margin-top:-150%; }
    .lg\:mb---150 { margin-bottom:-150%; }
    
    

    
    .lg\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
    .lg\:max-50 { max-width:50px; }
    .lg\:text-2{ font-size:2px; } 

    
    .lg\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
    .lg\:max-100 { max-width:100px; }
    .lg\:text-4{ font-size:4px; } 

    
    .lg\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
    .lg\:max-150 { max-width:150px; }
    .lg\:text-6{ font-size:6px; } 

    
    .lg\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
    .lg\:max-200 { max-width:200px; }
    .lg\:text-8{ font-size:8px; } 

    
    .lg\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
    .lg\:max-250 { max-width:250px; }
    .lg\:text-10{ font-size:10px; } 

    
    .lg\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
    .lg\:max-300 { max-width:300px; }
    .lg\:text-12{ font-size:12px; } 

    
    .lg\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
    .lg\:max-350 { max-width:350px; }
    .lg\:text-14{ font-size:14px; } 

    
    .lg\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
    .lg\:max-400 { max-width:400px; }
    .lg\:text-16{ font-size:16px; } 

    
    .lg\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
    .lg\:max-450 { max-width:450px; }
    .lg\:text-18{ font-size:18px; } 

    
    .lg\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
    .lg\:max-500 { max-width:500px; }
    .lg\:text-20{ font-size:20px; } 

    
    .lg\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
    .lg\:max-550 { max-width:550px; }
    .lg\:text-22{ font-size:22px; } 

    
    .lg\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
    .lg\:max-600 { max-width:600px; }
    .lg\:text-24{ font-size:24px; } 

    
    .lg\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
    .lg\:max-650 { max-width:650px; }
    .lg\:text-26{ font-size:26px; } 

    
    .lg\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
    .lg\:max-700 { max-width:700px; }
    .lg\:text-28{ font-size:28px; } 

    
    .lg\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
    .lg\:max-750 { max-width:750px; }
    .lg\:text-30{ font-size:30px; } 

    
    .lg\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
    .lg\:max-800 { max-width:800px; }
    .lg\:text-32{ font-size:32px; } 

    
    .lg\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
    .lg\:max-850 { max-width:850px; }
    .lg\:text-34{ font-size:34px; } 

    
    .lg\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
    .lg\:max-900 { max-width:900px; }
    .lg\:text-36{ font-size:36px; } 

    
    .lg\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
    .lg\:max-950 { max-width:950px; }
    .lg\:text-38{ font-size:38px; } 

    
    .lg\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
    .lg\:max-1000 { max-width:1000px; }
    .lg\:text-40{ font-size:40px; } 

    
    .lg\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
    .lg\:max-1050 { max-width:1050px; }
    .lg\:text-42{ font-size:42px; } 

    
    .lg\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
    .lg\:max-1100 { max-width:1100px; }
    .lg\:text-44{ font-size:44px; } 

    
    .lg\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
    .lg\:max-1150 { max-width:1150px; }
    .lg\:text-46{ font-size:46px; } 

    
    .lg\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
    .lg\:max-1200 { max-width:1200px; }
    .lg\:text-48{ font-size:48px; } 

    
    .lg\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
    .lg\:max-1250 { max-width:1250px; }
    .lg\:text-50{ font-size:50px; } 

    
    .lg\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
    .lg\:max-1300 { max-width:1300px; }
    .lg\:text-52{ font-size:52px; } 

    
    .lg\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
    .lg\:max-1350 { max-width:1350px; }
    .lg\:text-54{ font-size:54px; } 

    
    .lg\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
    .lg\:max-1400 { max-width:1400px; }
    .lg\:text-56{ font-size:56px; } 

    
    .lg\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
    .lg\:max-1450 { max-width:1450px; }
    .lg\:text-58{ font-size:58px; } 

    

    .lg\:max-full { max-width:100%; }
    .lg\:ml-auto{ margin-left:auto; }
    .lg\:mr-auto{ margin-right:auto; }
    .lg\:vh-100{ height:100vh; }
    .lg\:vh-auto{ height:auto; }
}



[class*="col-"] { padding-left:15px; padding-right:15px; width:100%; }
.flex-row,.row { margin:0 -15px; display:flex; flex-wrap:wrap; }
.no-gutter [class*="col-"]{ padding-left:0; padding-right:0;}
.no-gutter{margin:0;}
[class*=max-] {
    width: 100%;
    min-height: 1px;
}
.m-auto{ margin-left:auto; margin-right:auto; }

@media(min-width:1350px){
    
}

[class*=color\:] h1,
[class*=color\:] .h1,

[class*=color\:] h2,
[class*=color\:] .h2,

[class*=color\:] h3,
[class*=color\:] .h3,

[class*=color\:] h4,
[class*=color\:] .h4,

[class*=color\:] h5,
[class*=color\:] .h5,

[class*=color\:] h6,
[class*=color\:] .h6 {
    color:inherit;
}

[class*="row"][class*="p-"] {
/*     padding: 0 !important; */
}

.row.p--15 { margin: 0 -15px; }
.row.p--10 { margin: 0 -10px; }
.row.p--5 { margin: 0 -5px; }



.color-inherit,
.color-inherit h1,
.color-inherit h2,
.color-inherit h3, 
.color-inherit h4,
.color-inherit h5,
.color-inherit h6 { color:inherit; }









/* */

.color\:black{ color:#000000; }
.bg\:black{ background-color:#000000; }

.color\:green{ color:#DFDFE3; }
.bg\:green{ background-color:#DFDFE3; }

.color\:pink{ color:; }
.bg\:pink{ background-color:; }

.color\:dark_gray{ color:#7E848D; }
.bg\:dark_gray{ background-color:#7E848D; }

.color\:gray{ color:#CCD0D6; }
.bg\:gray{ background-color:#CCD0D6; }

.color\:light_gray{ color:#E9EAEE; }
.bg\:light_gray{ background-color:#E9EAEE; }

.color\:white{ color:#ffffff; }
.bg\:white{ background-color:#ffffff; }

@media(min-width:768px){
    
    .hover\:black:hover{ color:#000000; }
    .hoverbg\:black:hover{ background-color:#000000; }
    
    .hover\:green:hover{ color:#DFDFE3; }
    .hoverbg\:green:hover{ background-color:#DFDFE3; }
    
    .hover\:pink:hover{ color:; }
    .hoverbg\:pink:hover{ background-color:; }
    
    .hover\:dark_gray:hover{ color:#7E848D; }
    .hoverbg\:dark_gray:hover{ background-color:#7E848D; }
    
    .hover\:gray:hover{ color:#CCD0D6; }
    .hoverbg\:gray:hover{ background-color:#CCD0D6; }
    
    .hover\:light_gray:hover{ color:#E9EAEE; }
    .hoverbg\:light_gray:hover{ background-color:#E9EAEE; }
    
    .hover\:white:hover{ color:#ffffff; }
    .hoverbg\:white:hover{ background-color:#ffffff; }
    
    
    
}



.font-100{ font-weight:100; }
.line\:_1_1{ line-height:1.1; }

.font-200{ font-weight:200; }
.line\:_1_2{ line-height:1.2; }

.font-300{ font-weight:300; }
.line\:_1_3{ line-height:1.3; }

.font-400{ font-weight:400; }
.line\:_1_4{ line-height:1.4; }

.font-500{ font-weight:500; }
.line\:_1_5{ line-height:1.5; }

.font-600{ font-weight:600; }
.line\:_1_6{ line-height:1.6; }

.font-700{ font-weight:700; }
.line\:_1_7{ line-height:1.7; }

.font-800{ font-weight:800; }
.line\:_1_8{ line-height:1.8; }

.font-900{ font-weight:900; }
.line\:_1_9{ line-height:1.9; }

header.header { transition:all .2s ease-in-out; }
.header_trans:before { content: ''; width: 100%; height: 272px; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); position: absolute; top: 0; left: 0; }
.header .logo { width: 175px; position: relative; }
.header .logo img { height: 37px !important; width: auto; }
.header .right { width: calc(100% - 175px); padding: 0 0 0 60px; }
.header .logo img.white_logo { position: absolute; top: 0; left: 0; opacity:0; }
.header_trans .logo img.white_logo { opacity: 1; }
.header_trans .logo img { opacity: 0; }

.mainmenu ul li.hs-menu-item { margin: 0; padding: 0; display: inline-block; }
.mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul { margin: 0; padding: 0; list-style-type: none; }
.mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li { position: relative; }
.mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { padding: 36px 20px; font-size: 16px; line-height: 20px; display: inline-block; color: #2D0919; font-weight: 500; }

.header_btn .btn_style a { font-size: 17px; line-height: 23px; padding: 5px 18px; }
.header_btn .btn_style { margin-left: 17px; }

.footer { padding: 68px 0 100px; }
.top_ft { display: flex; flex-wrap: wrap; justify-content: space-between; }
.about_ft { width: 40%; }
.about_ft .logo { width: 212px; }
.about_ft .logo img { width: 100%; }
.about_ft .text { margin: 40px 0 0; max-width: 400px; font-size: 16px; line-height: 26px; }

.top_ft .right { width: 60%; display: flex; flex-wrap: wrap;  justify-content: flex-end; align-items: center; }
.top_ft .right .badge {width:50%;}
.top_ft .box { width: 33.33%; padding: 10px; font-size: 16px; line-height: 35px; }
.top_ft .box h5 { font-size: 16px; line-height: 25px; font-weight: 600; margin: 0 0 5px;  }
.top_ft .box h5 a { color: #2d0919; }
.top_ft .box h5 a:hover { color: #bd095c; }
.top_ft .box ul { margin: 0; padding: 0; list-style-type: none; }
.top_ft .box ul a { color: #2D0919; }
.top_ft .box ul a:hover { color: #bd095c; }
.top_ft .right .social_icon { display: none; }
.top_ft .right .badge-img img {    max-width: 200px;margin-right:-40px;}
.top_ft .right .badge-img{justify-content: end;display: flex; width: 25%;}

.btm_ft { margin: 30px 0 0; display: flex; justify-content: space-between; align-items: center; }
.btm_ft .text { font-size: 14px; line-height: 26px; }
.social_icon ul { margin: 0; padding: 0; list-style-type: none; }
.social_icon ul li { margin: 2px; padding: 0; display: inline-block; }
.social_icon ul li a { width: 33px; height: 33px; line-height: 33px; display: inline-block; background: #F2318A; color: #FFFFFF; border-radius: 30px; text-align: center; }
.social_icon ul li a:hover { background: #bd095c; }
.social_icon ul li a i { font-family: 'FontAwesome'; font-weight: normal; }



header.header_trans { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; }
header.header.fixed { position: fixed; top: 0; left: 0; z-index: 99999999; width: 100%; background: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 10%); }

.header_strip { padding: 28px 0; }
.header_strip .right { text-align: right; justify-content: right; }

.header_strip .btn_style a { font-size: 17px; line-height: 23px; padding: 5px 18px; }

@media(min-width: 992px) {

    .header_trans .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a  { color: #FFFFFF; }    
    .header_trans .header_btn .btn_border a { border-color: #FFFFFF; color: #FFFFFF; }
    .header_trans .header_btn .btn_border a:hover { background: #FFFFFF; border-color: #FFFFFF; color: #F2318A; }
/*     .header_trans .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:first-child > a:after { content: ''; margin: auto; width: 24px; height: 21px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url('https://5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/dragonfly_2022/image/home%20white.svg') no-repeat; } */

    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul.hs-menu-children-wrapper { display: none;  position: absolute; top: 100%; left: 0; background: #fff; box-shadow: 0 0 16px -8px rgb(0 0 0 / 50%); min-width: 180px; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul.hs-menu-children-wrapper li a { padding: 10px 15px; color: #2D0919;  }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul.hs-menu-children-wrapper li { width: 100%; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal li:hover ul.hs-menu-children-wrapper { display: block; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul.hs-menu-children-wrapper li a:hover { background: rgba(242, 49, 138, 1.0);color: #fff; }

}

@media(max-width: 1200px) {

    .header .right { padding: 0 0 0 30px; }
    .header_btn .btn_style a { font-size: 14px; line-height: 20px; }
    .mainmenu .hs-menu-flow-horizontal > ul > li img { width: auto; }
    .header_btn .btn_style { margin: 0; padding: 15px; }
    .header_btn .btn_style { padding: 8px; }
    
    .mainmenu .header_btn { display: flex; padding: 10px; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { padding: 38px 8px; }
    
/*     .about_ft { width: 50%; }
    .top_ft .right { width: 50%; } */
    
    .header_strip .btn_style a { font-size: 14px; line-height: 20px; }
    
    .top_ft .right .badge-img {width:35%;}
    .top_ft .right .badge-img img {margin-right: -20px;}


}

@media(max-width: 991px) {

    header.header { padding: 20px; }
    .header .container { width: 100%; padding: 0; }
    .header_btn { display: none; }
    .header_btn .btn_style a { padding: 14px 35px; font-size: 17px; line-height: 23px; box-sizing: border-box; }
    
    .footer { padding: 60px 0; background: #F6F6F6; }
    .about_ft { width: 100%; }
    .top_ft .right { width: 100%; margin: 40px 0 0;justify-content: flex-start; }
    .about_ft .text { margin: 20px 0 0; width: 100%; max-width: 100%; }
    
    .top_ft .box:nth-child(1),
    .top_ft .box:nth-child(2) { display: none; }
    .top_ft .box { padding: 0; width: 100%; }
    
    .btm_ft .social_icon { display: none; }
    .top_ft .right .social_icon { display: block; width: 100%; margin:18px 0 0 -4px; }
    .social_icon ul li { padding: 4px 2px; }
    
    .btm_ft { margin: 40px 0 0; }    
    
    .header_trans a.mobile-trigger { background: transparent; }
    .header_trans a.mobile-trigger i,
    .header_trans a.mobile-trigger i:before,
    .header_trans a.mobile-trigger i:after { background: #fff; }
    .mobile-open header.header_trans { z-index: 99999; }
    
    .top_ft .right .badge-img {justify-content:start;width: 30%; margin-left: 25px;}
    .top_ft .right .badge-img img { margin-right:0px; max-width:140px;}
    
    
}

@media(max-width: 767px) {

    .footer { padding: 40px 0; }
    .about_ft .logo img { width: auto; }

}

@media(max-width: 500px) {

    .header_btn .btn_style a { padding: 14px 10px; font-size: 14px; line-height: 20px; }
    
    header.header_strip { padding: 20px 15px; }
    .header_strip .logo { width: 140px; }
    .header_strip .right { padding: 0; width: calc(100% - 140px); }
    .header_strip .btn_style a { padding: 5px 12px; }
    
    .top_ft .right .badge { width: 100%;}
    .top_ft .right .badge-img { justify-content: center; width: 100%; margin-left: 0; margin-top: 20px;}

}


@media (min-width: 992px){
    
    .mainmenu .header_btn { display: none; }
    a.mobile-trigger, span.child-triggerm {
        display: none !important; /* Hide button on Desktop */
    }

    .mainmenu .hs-menu-wrapper { 
        display: block !important;
    }

}

@media (max-width:991px) {
    
    .mainmenu.js-enabled { display: block; }

    .mainmenu, .mainmenu * { display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color: #2D0919; }
    a.mobile-trigger { display: inline-block; cursor: pointer; position: absolute; top: 17px; right: 15px; width: 44px; height: 44px; padding: 12px 10px; background: #FFFFFF; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; border-radius: 6px; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; transition: color .2s ease-in; }
    a.mobile-trigger:hover { text-decoration: none; color: #F2318A; }
    a.mobile-trigger span { display: inline; }
    a.mobile-trigger span:before { position: absolute; content: 'Menu'; }
    a.mobile-trigger span:after { position: relative; right: 2px; content: 'Close'; background-color: #FFFFFF; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }
    .mobile-open a.mobile-trigger { -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; transition: background-color 0.2s linear; background: transparent; }
    .mobile-open a.mobile-trigger span:after { opacity: 1; }
    a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s; }
    a.mobile-trigger i:before,
    a.mobile-trigger i:after { position: absolute; content: ''; }
    a.mobile-trigger i,
    a.mobile-trigger i:before,
    a.mobile-trigger i:after { width: 24px; height: 3px; background-color: #2D0919; display: inline-block; }
    a.mobile-trigger i:before { margin-top: -8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
    a.mobile-trigger i:after { margin-top: 8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
    .mobile-open a.mobile-trigger i { background-color: rgba(0, 0, 0, 0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }

    /* Child Toggle Button
    ========================================================================== */
    span.child-triggerm { cursor: pointer; position: absolute; top: 0px; right: 10px; width: 52px; height: 52px; padding: 0; display: flex; align-items: center; justify-content: center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
    span.child-triggerm:before { content: "\f105"; color: #2D0919; font-family: 'fontAwesome'; font-weight: 400; font-size: 25px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    span.child-triggerm span { display: none; }
    span.child-triggerm.child-open:before { transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); }
    .mobile-open a.mobile-trigger i { background: transparent !important; transition: none !important; }
    span.child-triggerm {  top: 12px; }
    
    
    /* Menu Styles on Mobile Devices
    ========================================================================== */
    .mainmenu.js-enabled .hs-menu-flow-horizontal,
    .mainmenu.js-enabled .hs-menu-children-wrapper { display: none; }
    .mainmenu ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; position: static; display: none; }

    /* Mobile Menu Styles */
    .mainmenu.js-enabled .hs-menu-flow-horizontal { padding: 0; position: absolute; top: 77px; left: 0px; width: 100%; }
    .mainmenu .hs-menu-flow-horizontal { padding: 0; background-color: #FFFFFF; width: 100%; z-index: 8888; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { font-size: 18px; line-height: 30px; overflow: visible; padding: 10px 30px; color: #2D0919; border-bottom: 1px solid #d8dfe1; }
    .mainmenu .hs-menu-flow-horizontal > ul > li { position: relative; width: 100%; }
    .mainmenu .hs-menu-flow-horizontal > ul > li.hs-item-has-children.active > a { color: #F2318A; }
    
    .mainmenu ul.hs-menu-children-wrapper { padding: 12px 0; background: rgba(216, 223, 225, 0.2); }
    .mainmenu ul.hs-menu-children-wrapper li a { font-size: 15px; line-height: 24px; font-weight: 500; padding: 6px 30px; text-transform: none; color: #2D0919; }
    .mainmenu .hs-menu-flow-horizontal > ul > li img { width: auto; }
    

}


*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*:focus{ outline:none; }
::-moz-focus-inner { border:0; }

body .fa-linkedin:before { content: "\f0e1"; }

html { position:relative; }
body { margin:0px; -webkit-font-smoothing: antialiased; }

.row-fluid [class*="span"] { min-height:1px; }
.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; }

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

.slick-slider .slick-arrow { margin-top: -15px; padding: 0; background: url('https://21150431.fs1.hubspotusercontent-na1.net/hubfs/21150431/amerline-2022/images/arrow.png') no-repeat center center; border: none; z-index: 9; position: absolute; top: 50%; left: -45px; width: 48px; height: 30px; font-size: 0px; color: #FFFFFF; transition:400ms;; cursor: pointer; }
.slick-slider .slick-arrow.slick-next { left: auto; right: -45px; }
.slick-slider .slick-arrow.slick-prev { transform: rotate(180deg); }

.slick-slider .slick-dots { text-align: center; padding: 0; margin: 20px 0 0; line-height: 0; width: 100%; }
.slick-slider .slick-dots li { display: inline-block; margin:5px; line-height:0; }
.slick-slider .slick-dots li button { width: 10px; height: 10px; min-width: auto; border-radius: 100%; background-color: #F2318A; border: none; padding: 0; text-indent: -9999px; cursor: pointer; opacity: .5; transition:400ms;; }
.slick-slider .slick-dots li.slick-active button { opacity: 1; }

.white_dots.slick-slider .slick-dots li button { background-color: #FFFFFF }
.white_dots.slick-slider .slick-dots li.slick-active button { background-color: #F2318A; }

.social_media ul { margin: 0; padding: 0; list-style-type: none; }
.social_media ul li { margin: 2px; padding: 0; display: inline-block; }
.social_media ul li a { width: 33px; height: 33px; line-height: 33px; display: inline-block; background: #F2318A; color: #FFFFFF; border-radius: 30px; text-align: center; }
.social_media ul li a:hover { background: #bd095c; }
.social_media ul li a i { font-family: 'FontAwesome'; font-weight: normal; }

/* data-small-btn="true" */
body .fancybox-bg { background: #2D0919; }
body .fancybox-slide .fancybox-content { margin-top: 40px; overflow: visible !important; }
body .fancybox-slide .fancybox-close-small { background: #FFFFFF; border-radius: 100%; height: 30px; opacity: 1; padding: 2px; right: -30px; top: -30px; width: 30px; }
body .fancybox-slide .fancybox-close-small svg { color: #000; }
body .fancybox-button { min-width: auto; }

/* body .video_code { width: 100%; max-width: 900px; line-height: 0; background: transparent; } */
/* body .video_code video { width: 100%; border: 4px solid #F2318A; border-radius: 30px; } */

.widget-type-rich_text ul[style="list-style-type: circle;"] { list-style: none !important; }
.widget-type-rich_text ul[style="list-style-type: circle;"] li:before { background-color: transparent; border: 3px solid #70e0c1; border-radius: 100%; content: ""; height: 8px; left: 0; position: absolute; top: 16px; width: 8px; }
.widget-type-rich_text ul[style="list-style-type: square;"] { list-style: none !important; }
.widget-type-rich_text ul[style="list-style-type: square;"] li:before { background-color: #70e0c1; content: ""; width: 11px; left: 4px; position: absolute; top: 16px; height: 11px; border-radius: 0; }

.widget-type-rich_text ul , .widget-type-rich_text ul[style="list-style-type: disc;"] { list-style: none !important; }
.widget-type-rich_text ul li:before , .widget-type-rich_text ul[style="list-style-type: disc;"] li:before { background-color: #70e0c1; border-radius: 100%; content: ""; width: 11px; left: 2px; position: absolute; top: 16px; height: 11px; }

.list_style ul { margin: 10px 0; padding: 0 0 0 15px; list-style-type: none; }
.list_style ul li { margin: 0; padding: 0 0 0 15px; position: relative; }
.list_style ul li:before { content: ''; width: 4px; height: 4px; position: absolute; top: 11px; left: 0; background: #007a8c; border-radius: 10px; }

.list_style ol { margin: 10px 0; padding: 0 0 0 15px; list-style-type: none; counter-reset: my-sec-counter; }
.list_style ol li { margin: 0; padding: 0 0 0 15px; position: relative; }
.list_style ol li:before { counter-increment: my-sec-counter; content: "" counter(my-sec-counter) ". "; position:absolute; top:0; left:0; color:#007a8c; }

.main_title.text-center { margin-left: auto; margin-right: auto; width: 100%; }
.main_title .text { margin: 10px 0 0; display: inline-block; width: 100%;  max-width: 800px;}
.large_title.text-center { max-width: 800px; }

.swiper-pagination { text-align: center; display: inline-block; width: 100%; position: absolute; bottom: 20px; right: 20px; z-index: 999; cursor: pointer; }
.swiper-pagination span { width: 12px; height: 12px; display: inline-block; background: #2D0919; margin: 3px; }
.swiper-pagination span.swiper-pagination-bullet-active { background: #F2318A; }


.mobile_bg { display: none; }

@media (min-width:768px) { .container { width:750px; } }
@media (min-width:992px) { .container { width:970px; } }
@media (min-width:1201px) { .container { width:1170px; } }
@media (min-width:1430px) { .container { width:1270px; } .container.small { width:1170px; }  }
/*@media (min-width:1630px) { .container, .row-fluid .container[class*="span"]{width:1600px;} }*/

/*** hero section ***/
.hero_section { padding: 100px 0; min-height: 762px; font-size: 20px; line-height: 30px; position: relative; }
.hero_section.overlay:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(90.95deg,#000 .82%,rgba(0,0,0,0) 128%); opacity: 1; }
.hero_section video { position: absolute; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
.hero_section > div { position: relative; z-index: 1111; }
.hero_section .inner { max-width: 800px; }
.hero_section .text { max-width: 450px; margin: 12px 0 0; display: inline-block; width: 100%; }
.hero_section .btn_style { margin: 40px 0 0; }

/* .wework { border-bottom: 1px solid #000; } */
.wework_box .logo { padding: 22px; width: 25%; }
.wework_box { flex-wrap: wrap; justify-content: center; margin: 0 auto; max-width: 900px; width: 100%; }
.wework_box .logo img { margin: 0 auto; display: block; }

.what_offer { padding: 120px 0 97px; background: 
    
    
        
    
    rgba(223, 223, 227, 0.3)
; position: relative; }
.what_offer:before { content: ''; width: 100%; height: 132px; position: absolute; top: 0; left: 0; background: url('https://5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/dragonfly_2022/image/offer-shape.png') no-repeat; background-size: 100% 132px; }
.whatoffer_main { display: flex; flex-wrap: wrap; text-align: center; margin: 0 -25px; }
.whatoffer_main .box { width: 25%; padding: 25px; }
.whatoffer_main .box .image { margin: 0 0 15px; height: 135px; display: flex; align-items: center; justify-content: center; }
.whatoffer_main .box h4 { margin: 0; font-size: 20px; line-height: 30px; letter-spacing: 1px; font-weight: 600; }

.onesolution_slider .cover { min-height: 626px; display: flex; align-items: center; margin: 0 auto; max-width: 1500px; padding: 0 15px; width: 100%; }
.onesolution_slider .text { max-width: 500px; width: 100%; }
.onesolution_slider .text .con { margin: 20px 0 0; display: inline-block; width: 100%; }
.onesolution_slider ul.slick-dots { position: absolute; bottom: 30px; left: 0; right: 0; }
.mobile_image { display: none; }

.solutions_section { padding: 60px 0; position: relative; }

.strip_section { padding: 50px 0; background: #F2318A; min-height: 167px; display: flex; align-items: center; }
.strip_section .title { width: calc(100% - 400px); }
.strip_section .title h4 { margin: 0; }
.strip_section .btn_style { width: 400px; text-align: right; }

.our_word { padding: 122px 0; }
.ourword_main { display: flex; flex-wrap: wrap; align-items: flex-start; }
.ourword_main .box { width: 50%; padding: 25px; }
.ourword_main .box .inner { border: 3px solid #2D0919; display: flex; }
.ourword_main .box .image { width: 50%; }
.ourword_main .box .text { width: 50%; padding: 30px; min-height: 603px; display: flex; flex-direction: column; justify-content: space-between; }
.ourword_main .box .num { font-size: 60px; line-height: 1; font-weight: 700; color: #F2318A; }
.ourword_main .box .logo { text-align: right; }

.ourword_main .box:nth-child(2n) { margin: 350px 0 0; }
.ourword_main .box:nth-child(3n) { margin-top: -200px; }

.started_main .box .inner { display: flex; flex-wrap: wrap; align-items: center; padding: 100px 0; }
.started_main .box .left { width: 60%; }
.started_main .box .left .inner { max-width: 500px; width: 100%; }
.started_main .box .image { width: 40%; text-align: right; }
.started_main .box .tag { font-size: 28px; line-height: 38px; margin: 0 0 15px; font-weight: 600; }
.started_main .box  h2 { margin: 0 0 40px; }

.hero_about { min-height: 600px; }
.hero_about .conntainer { position: relative; z-index: 1111; }

.bigger_section { padding: 120px 0; }
.bigger_section .main_title { max-width: 740px; }
.bigger_section .logos { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.bigger_section .logos .img { margin: 20px 60px; }

.success_section { padding: 120px 0 97px; background: 
    
    
        
    
    rgba(223, 223, 227, 0.3)
; position: relative; }
.success_section:before { content: ''; width: 100%; height: 132px; position: absolute; top: 0; left: 0; background: url('https://5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/dragonfly_2022/image/offer-shape.png') no-repeat; background-size: 100% 132px; }

.hero_platform { min-height: 600px; font-size: 16px; line-height: 28px; font-weight: 300; }
.hero_platform .container { z-index: 1111; position: relative; }
.hero_platform h2 { margin: 0 0 25px; }
.hero_platform .text { max-width: 550px; }

.predict_offer { padding: 140px 0 240px; background: 
    
    
        
    
    rgba(223, 223, 227, 0.3)
; position: relative; }
.predict_offer:after { content: ''; width: 100%; height: 272px; background: url('https://5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/dragonfly_2022/image/power-down.png') no-repeat; position: absolute; bottom: 0; left: 0; background-size: 100% 272px; }
.predict_offer > div { position: relative; z-index: 1; }

.artful_offer { padding: 120px 0; }
.artful_main .box { width: 20%; padding: 15px; }
.artful_main .box h4 { font-size: 18px; line-height: 30px; }

.intelligence_toolkit { padding: 100px 0; background: 
    
    
        
    
    rgba(223, 223, 227, 0.3)
; }
.intelligence_toolkit .main_title { font-size: 20px; line-height: 28px; }
.intelligence_main { display: flex; flex-wrap: wrap; }
.intelligence_main .box { width: 50%; padding: 40px 20px; }
.intelligence_main .box .inner { max-width: 460px; margin: 0 auto; }
.intelligence_main .box h5 { font-size: 28px; line-height: 32px; letter-spacing: 1px; margin: 25px 0 0; font-weight: 600; }

.square { display: inline-block; position: relative; }
.square h4 { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: center; }
.square .squ { margin: 67px auto; width: 270px; height: 175px; background: #F2318A; position: relative; display: flex; align-items: center; justify-content: center; padding: 20px; }
.square .squ::before { content: ""; position: absolute; top: -68px; left: 0; width: 0; height: 0; border-left: 135px solid transparent; border-right: 135px solid transparent; border-bottom: 68px solid #F2318A; }
.square .squ::after { content: ""; position: absolute; bottom: -67px; left: 0; width: 0; height: 0; border-left: 135px solid transparent; border-right: 135px solid transparent; border-top: 67px solid #F2318A; }

.square .small { width: 200px; height: 100px; transform: rotate(60deg); position: absolute; left: -40px; top: 0; opacity: 0.7; }
.square .small::before { border-left-width: 100px; border-right-width: 100px; border-bottom-width: 68px; }
.square .small::after { border-left-width: 100px; border-right-width: 100px; border-top-width: 67px; }
.square .small.center { bottom: 50px; }
.square .small.bottom { left: -30px; bottom: -20px; }

.team_section .main_title h3 span { color: #F2318A; }
.team_section .image { max-width: 1400px; width: 100%; padding: 0 15px; margin: 0 auto; }
.view_openings .inner { max-width: 680px; width: 100%; margin: 0 auto; }

.get_touch { display: flex; flex-wrap: wrap; }
.get_touch .left { width: 35%; background: #DFDFE3; display: flex; align-items: center; padding: 80px 0; min-height: 658px; position: relative; }
.get_touch .left:before { content: ''; width: 219px; height: 100%; position: absolute; top: 0; right: -219px; background: url('https://5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/dragonfly_2022/image/shape_map.png') no-repeat; background-size: 219px 100%; z-index: 1; }
.get_touch .right { width: 65%; position: relative; }
.get_touch .right:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.3; }
.get_touch .left .text a { align-items: center; color: #2D0919; padding: 14px 20px; border-color: #2D0919; min-width: auto; margin: 0 0 16px; }
.get_touch .left .text a:hover { border-color: #F2318A }
.get_touch .left .text a svg { margin-right: 8px; vertical-align: middle; }

.get_social ul li a { width: 50px; height: 50px; line-height: 50px; font-size: 24px; }
.map_get .hs-responsive-embed-wrapper { max-width: 100% !important; max-width: 100% !important; max-height: 100% !important; height: 100% !important; }
.map_get .hs-responsive-embed-wrapper .hs-responsive-embed-inner-wrapper { position: static !important; padding-bottom: 0 !important; }

.map_get { -webkit-filter: grayscale(100%); }

.hero_demo { padding: 100px 0 60px; }
.hero_demo .inner { margin: 0 auto; max-width: 600px; font-size: 16px; line-height: 26px; }
.hero_demo .inner h2 { margin: 0 0 35px 0; }

.why_book { padding: 50px 0 100px; }
.book_main { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -20px; text-align: center; }
.book_main .box { width: 33.33%; padding: 10px 20px; font-size: 20px; line-height: 30px; font-weight: 600; }
.book_main .box .inner { position: relative; }
.book_main .box .text { padding: 0 60px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: flex; align-items: center; color: #FFFFFF; }
.book_main .box .shape_small { position: absolute; left: 0; bottom: -30px; opacity: 0.7; z-index: -1; }
.book_main .box svg { width: 100%; height: auto; }

.book_main .box.right_bottom .shape_small { left: auto; right: 30px; bottom: -30px; transform: rotate(37deg); }
.book_main .box.left_top .shape_small { left: 0; top: 0px; bottom: auto; transform: rotate(25deg); }

.booked_form { padding: 160px 0 140px; background: #DFDFE3; position: relative; text-align: center; }
.booked_form:before { content: ''; width: 100%; height: 147px; background: url('https://5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/dragonfly_2022/image/get_shape1.png') no-repeat; position: absolute; top: 0; left: 0; background-size: 100% 147px; }
.booked_form:after { content: ''; width: 100%; height: 135px; background: url('https://5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/dragonfly_2022/image/get_shape2.png') no-repeat; position: absolute; bottom: 0; left: 0; background-size: 100% 135px; }
.booked_form > div { position: relative; }
.booked_form .legal-consent-container { margin: 25px 0 10px; display: inline-block; }
.booked_form .legal-consent-container p a { text-decoration: underline; color: #2D0919; }
.row-fluid .booked_form .inputs-list .hs-form-booleancheckbox { text-align: left; display: inline-block; }
.row-fluid .booked_form .inputs-list .hs-form-booleancheckbox p { margin-top: -6px; display: inline-block; }

.about_btm .con { max-width: 980px; margin: 15px auto 0; width: 100%; font-weight: 300; display: inline-block; }
.about_btm .con strong { font-weight: 600; }
.about_btm { font-size: 16px; line-height: 26px; }
.about_btm h5 { font-size: 18px; line-height: 29px; }
.about_btm .text { margin: 0 auto; max-width: 1060px; width: 100%; }

.booked_form .form-step { display: none; }
.booked_form .form-step.active { display: block; }

.booked_form .next-btn , .booked_form .prev-btn { padding: 14px 35px; background-color: 
    
    
        
    
    rgba(242, 49, 138, 1.0)
; color: #FFFFFF; font-family: 'Inter', sans-serif; border-radius: 6px; display: inline-block; font-size: 20px; line-height:26px; font-weight: 700; text-align: center; border: 1px solid 
    
    
        
    
    rgba(242, 49, 138, 1.0)
; cursor: pointer; position: relative; transition:400ms;; }
.booked_form .next-btn:hover , .booked_form .prev-btn:hover { background-color: 
    
    
        
    
    rgba(189, 9, 92, 1)
; border-color: ; color: #FFFFFF; border-color 
    
    
        
    
    rgba(189, 9, 92, 1)
; }
.booked_form .hs_submit.hs-submit { display: inline-block; margin-left: 20px; }

.booked_form  .hs_submit.hs-submit { display: inline-block; margin-left: 20px; }
.booked_form ul.hs-form-steps { margin: 0 0 20px; padding: 0; list-style-type: none; }
.booked_form ul.hs-form-steps li { margin: 0; padding: 10px 20px; display: inline-block; font-weight: 700; text-transform: uppercase; }
.booked_form ul.hs-form-steps li a { color: #2D0919; display: inline-block; position: relative; padding: 0 0 0 30px; }
.booked_form ul.hs-form-steps li a:before { content: ''; width: 18px; height: 18px; position: absolute; top: 6px; left: 0; border: 2px solid #2D0919; }
.booked_form ul.hs-form-steps li a:after { content: ''; width: 18px; height: 18px; position: absolute; top: 6px; left: 0; background: 
    
    
        
    
    rgba(242, 49, 138, 1.0)
;; transform: scale(0); transition:400ms;; }
.booked_form ul.hs-form-steps li.active a:after { transform: scale(1); }

.plans_page .hero_platform .text { max-width: 610px; }
.plans_main { flex-wrap: wrap; margin: 0 -10px; }
.plans_main .box { width: 25%; padding: 10px; }
.plans_main .box .inner { background: #f7f7f7; }
.plans_main .box .title { padding: 20px 10px; text-align: center; background: #F2318A; color: #fff; font-weight: 600; font-size: 24px; line-height: 29px; }
.plans_main .box .video { margin: 30px 10px; height: 124px; display: flex; align-items: center; }
.plans_main .box .video .hs-responsive-embed-wrapper { min-width: 100% !important; max-height: 100% !important; }
.plans_main .box .text { font-size: 14px; line-height: 20px; padding: 15px 15px; }
.plans_main .box .text ul { margin: 0; padding: 0; list-style-type: none; }
.plans_main .box .text ul li { padding: 10px 0 10px 28px; display: inline-block; width: 100%; border-bottom: 2px solid #ddd; position: relative; }
.plans_main .box .text ul li:before { content: "\f05d"; position: absolute; top: 10px; left: 0; font-family: "fontAwesome"; font-size: 20px; font-weight: 300; }
.plans_main .box .text ul li:last-child { border-bottom: none; }
.plans_main .box .btn_style { padding: 5px 10px 30px; text-align: center; opacity: 1; transition:400ms;; }
.plans_main .box .btn_style a { padding: 6px 23px; font-size: 16px; font-weight: 500; }
.plans_main .box .inner:hover .btn_style { opacity: 1; }

.hero_landinv { min-height: 700px; display: flex; align-items: center; font-size: 20px; line-height: 26px; position: relative; overflow: hidden; }
.hero_landinv video { position: absolute; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
.hero_landinv:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(90.95deg, #000000 0.82%, rgba(0, 0, 0, 0) 78%); }
.hero_landinv .inner { max-width: 930px; position: relative; z-index: 1111; }
.hero_landinv .inner h1 { font-weight: 400; }
.hero_landinv .inner .text { max-width: 520px; }
.hero_landinv .inner .shape { position: absolute; bottom: 0; right: 0; }
.hero_landinv .inner .top { position: relative; z-index: 111; }

.book_landinv { background: #F2318A; text-align: center; }
.book_landinv .main_title { font-size: 20px; line-height: 30px; }
.book_landinv .form { margin: 0 auto; max-width: 630px; }
.book_landinv .form .hs-input { font-size: 14px; line-height: 20px; color: #FFFFFF; background-color: rgba(217, 217, 217, 0.3); font-weight: 400; }
.book_landinv .form .hs-input option { color: #000; }
.book_landinv .form select.hs-input { background:rgba(217, 217, 217, 0.3) url(https://5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/dragonfly_2022/image/down-white.png) no-repeat right center; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-size: 15px; background-position: center right 15px; }
.book_landinv .form .hs_submit { margin: 15px 0 0; text-align: center; }
.book_landinv .form input.hs-button { background: #FFFFFF; color: #F2318A; }
.book_landinv .form input.hs-button:hover { background: #2D0919; color: #FFFFFF; }
.book_landinv .form ul.hs-error-msgs { color: #FFFFFF; }
.book_landinv .form .hs-form-field { font-size: 14px; line-height: 24px; text-align: left; }
.book_landinv .form .legal-consent-container { font-size: 12px; line-height: 18px; text-align: left; margin: 0 0 15px; }
.book_landinv .form .legal-consent-container a { color: #fff; text-decoration: underline; }
.book_landinv .form .legal-consent-container a:hover { opacity: 0.9; }
.book_landinv.book_formbg_white .form ul.hs-error-msgs { color: #000; }

.book_landinv .form-step { display: none; }
.book_landinv .form-step.active { display: block; }
.book_landinv .next-btn , .book_landinv .prev-btn { padding: 14px 35px; background-color: #FFFFFF; color: #F2318A; font-family: 'Inter', sans-serif; border-radius: 6px; display: inline-block; font-size: 20px; line-height:26px; font-weight: 700; text-align: center; border: 1px solid #FFFFFF; cursor: pointer; position: relative; transition:400ms;; }
.book_landinv .next-btn:hover , .book_landinv .prev-btn:hover { background-color: #2D0919; border-color: #2D0919; color: #FFFFFF; }
.book_landinv .hs_submit.hs-submit { display: inline-block; margin-left: 20px; }
.book_landinv .hs_submit.hs-submit { display: inline-block; margin-left: 20px; }
.book_landinv ul.hs-form-steps { margin: 0 0 20px; padding: 0; list-style-type: none; text-align: center; }
.book_landinv ul.hs-form-steps li { margin: 0; padding: 10px 20px; display: inline-block; font-weight: 700; text-transform: uppercase; }
.book_landinv ul.hs-form-steps li a { color: #FFFFFF; display: inline-block; position: relative; padding: 0 0 0 30px; }
.book_landinv ul.hs-form-steps li a:before { content: ''; width: 18px; height: 18px; position: absolute; top: 6px; left: 0; border: 2px solid #FFFFFF; }
.book_landinv ul.hs-form-steps li a:after { content: ''; width: 18px; height: 18px; position: absolute; top: 6px; left: 0; background: #FFFFFF;; transform: scale(0); transition:400ms;; }
.book_landinv ul.hs-form-steps li.active a:after { transform: scale(1); }

.book_landinv .form .hs-input::-webkit-input-placeholder { color:#FFFFFF; opacity:1; }
.book_landinv .form .hs-input::-moz-placeholder { color:#FFFFFF; opacity:1; }
.book_landinv .form .hs-input:-ms-input-placeholder { color:#FFFFFF; opacity:1; }
.book_landinv .form .hs-input:-moz-placeholder { color:#FFFFFF; opacity:1; }

.biggest_brands .logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.biggest_brands .logos .image { width: 25%; padding: 35px 20px; display: flex; align-items: center; justify-content: center; }
/* .biggest_brands .logos .image img { max-height: 45px; } */
.biggest_brands .three .image { width: 33.33%; }
.biggest_brands {position:relative;}
.biggest_brands .bg-polygon {position:absolute; left:100px; bottom:150px;}

.trusted_advisors { padding: 80px 0; font-size: 16px; line-height: 22px; }
.trusted_main { margin: 0 auto; max-width: 1360px; display: flex; flex-wrap: wrap; align-items: center; }
.trusted_advisors .image { width: 400px; position: relative; }
.trusted_advisors .image .icon { width: 300px; height: 300px; position: absolute; left: 70px; bottom: -20px; z-index: -1; }
.trusted_advisors .image .icon svg { width: 100%; height: 100%; }
.trusted_advisors .image.right .icon { left: 20px; right: auto; bottom: -20px; width: 260px; height: 260px; }
.trusted_advisors .text { padding: 0 10px; width: calc(100% - 800px); text-align: center; }

.zigzag_landinv .box { display: inline-block; width: 100%; }
.zigzag_landinv { padding: 60px 0; }
.zigzag_landinv .box .inner { display: flex; flex-wrap: wrap; align-items: center; }
.zigzag_landinv .box h3 { font-weight: 500; }
.zigzag_landinv .box .text { width: 50%; padding: 0 50px 0 0; line-height: 22px; }
.zigzag_landinv .box .image { width: 50%; padding: 0 0 0 50px; }
.zigzag_landinv .box .image img { box-shadow: 0 22px 50px rgb(0 0 0 / 10%); }
.zigzag_landinv .box:nth-child(2n) .inner { flex-direction: row-reverse; }
.zigzag_landinv .box:nth-child(2n) .image { padding: 0 50px 0 0; }
.zigzag_landinv .box:nth-child(2n) .text { padding: 0 0 0 50px; }

.zigzag_landinv .box .con { display: inline-block; width: 100%; }

.real_client { background: 
    
    
        
    
    rgba(223, 223, 227, 0.3)
; }
.real_time .text { margin: 0; }
.real_time .main_title { font-size: 14px; line-height: 20px; color: #7D6C6C; }
.real_time .video { background: #fff; border-radius: 20px; position: relative; z-index: 1; }
.real_time .video:before { content: ''; width: 90%; height: 200px; border-radius: 100%; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; box-shadow: 0 0 220px rgb(0 0 0 / 15%); }
.real_time .video .top { width: 120px; height: 120px; position: absolute; top: -50px; right: -50px; z-index: 2; }
.real_time .video .top svg {  width: 100%;  height: 100%; }
.real_time .video .btn { position: absolute; bottom: -30px; left: -40px; }
.real_time .video .hs-responsive-embed { max-width: 100% !important; max-height: 100% !important; border-radius: 20px; z-index: 1; }

.client_stories .main_title { max-width: 700px; font-size: 20px; line-height: 28px; }
.client_stories .main_title .text { font-style: italic; }
.client_stories .details { margin: 60px auto 0; max-width: 500px; display: flex; flex-wrap: wrap; align-items: center; }
.client_stories .details .image { width: 200px; height: 200px; position: relative; }
.client_stories .details .image .img { width: 100%; height: 100%; border-radius: 100%; box-shadow: 0 8px 30px rgb(0 0 0 / 30%); }
.client_stories .details .image .icon { position: absolute; bottom: 0; right: 0; width: 58px; height: 58px; background: #F2318A; display: flex; align-items: center; justify-content: center; }

.client_stories .details .right { width: calc(100% - 200px); padding: 0 0 0 70px; font-size: 18px; line-height: 24px; }
.client_stories .details h5 { margin: 0 0 10px; }
.client_stories .details .logo { margin: 25px 0 0; }

.money_increases { padding: 100px 0 80px; }
.money_increases .main_title { max-width: 800px; }
.increases_nav ul { margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.increases_nav { margin: 40px 0; display: inline-block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.increases_nav ul li { margin: 0 20px; padding: 0; display: inline-block; }
.increases_nav ul li a { padding: 10px; margin: 0; display: inline-block; position: relative; color: #F2318A; opacity: 0.5; }
.increases_nav ul li a img { display: inline-block; vertical-align: middle; margin: -4px 4px 0 0; }
.increases_nav ul li a:before { content: ''; width: 0; border-bottom: 4px solid #F2318A; position: absolute; bottom: 0; right: 0; transition:400ms;; }
.increases_nav ul li.active a:before , .increases_nav ul li a:hover:before { right: auto; left: 0; width: 100%; }
.increases_nav ul li a:hover , .increases_nav ul li.active a { opacity: 1; }
.increases_nav ul li a br { display: none; }

.increases_main { padding: 20px 0 0; }
.increases_main .box .inner { display: flex; align-items: center; flex-wrap: wrap; font-size: 24px; line-height: 30px; }
.increases_main .box .left { width: 40%; padding: 0 40px 0 0; }
.increases_main .box .left p { margin: 0 0 20px; }
.increases_main .box .left h2 { margin: 0 0 22px; }
.increases_main .box .right { width: 60%; text-align: center; }
.increases_main .box .right lottie-player { width: 100% !important; height: 100% !important; }

.booked_form .form { margin: 0 auto; max-width: 850px; }
.booked_form .form .hs-form-field { text-align: left; }
.booked_form .form .hs-form-field { font-size: 20px; line-height: 40px; text-align: left; font-weight: 600; }
.booked_form .form .legal-consent-container { font-size: 12px; line-height: 18px; text-align: left; margin: 0 0 15px; }

.strip_title { padding: 46px 60px 0; }
.strip_title .inner { background: #F2318A; padding: 60px 30px 50px; }

.hero_landinv.text-right .inner { margin: 0 0 0 auto; }
.hero_landinv.text-right .text { margin: 0 0 0 auto; }

.coca_cola .hero_landinv .inner h1 { font-weight: 600; }

/*** ***/
.hero_slider .hero_landinv { display: flex !important; }
.hero_slider .hero_landinv.center { text-align: center; }
.hero_slider .hero_landinv.center .inner { margin: 0 auto; }
.hero_slider .hero_landinv.center .inner .text { margin: 0 auto; }

.hero_slider .hero_landinv.right .inner { margin: 0 0 0 auto; }
.hero_slider .hero_landinv.right .text { margin: 0 0 0 auto; }
.hero_slider ul.slick-dots { position: absolute; bottom: 20px; z-index: 1; left: 0; }

.bor_btm:after { content: ''; width: 100%; border-bottom: 1px solid #000; position: absolute; bottom: 0; left: 0; max-width: 1250px; right: 0; margin: 0 auto; }
.bor_btm { position: relative; }

.lp_page .hero_landinv .inner h1 { font-weight: 600; }
.lp_page .hero_landinv .inner .text { max-width: 400px; }

.heineken .zigzag_landinv .box .image img { box-shadow: none; }

/* 25-10-2022 */
.header-v2 .header_trans:before { display: none; }
.header-v2 header.header.header_fixedtop { position: fixed; top: 0; left: 0; z-index: 99999999; width: 100%; background: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 10%); }
.header-v2 .header_btn .btn_style.btn_border a { background-color: rgba(255, 255, 255, 0.0); color: #F2318A; border-radius: 6px; border: 1px solid rgba(242, 49, 138, 1); }
.header-v2 .header_btn .btn_border a:hover { background-color: rgba(242, 49, 138, 1); border-color: rgba(242, 49, 138, 1); color: #FFFFFF; }
.header-v2 .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { color: #2D0919; }
.header-v2  .header_trans .logo img { opacity: 1; }
.header-v2 .header_trans .logo img.white_logo { opacity: 0; }


.bau-hero-section { padding: 240px 0 30px; }
.bau-hero-left { width: 50%; }
.bau-hero-left h1 span { font-weight: 500; color: #2D0919; }
.bau-hero-left h1 { color: #F2318A; line-height: 100px; margin-bottom: 20px; }
.bau-hero-text {font-weight: 400;font-size: 24px; line-height: 29px; color: #2D0919; }
.bau-hero-section .container { display: flex; }
.bau-hero-right { width: 50%; }
.bau-hero-img lottie-player { width: 100% !important; height: 100% !important; }
.bau-hero-img img { width: 100%; }
.bau-hero-section .btn_style a { min-width: 230px; }

.logo_we_section { padding: 30px 0 30px; }
.logo_we_section h4 {font-size: 30px; }
.logo_we_section .wework_box .logo { width: 16.666%; padding-left:15px; padding-right:15px; }

.predict-attention-sec { padding: 100px 0 200px; }
.predict-box { display: flex; min-height: 770px; margin-bottom: 0; }
.predict-content { width: 60%; display: flex;  align-items: center; position: relative; }
.predict-img { width: 40%; }
.predict-title {  border-bottom: 2px solid #F2318A; margin-bottom: 50px; }
.predict-title h2 { padding-bottom: 10px; }
.predict-title h2 span {color: #F2318A;}
.predict-content > div {  width: 100%;max-width: 572px; margin: auto; }
.predict-text { width: 100%; max-width: 500px; font-size: 24px; line-height: 34px; }
.predict-content:after { content: ""; background: url('https://5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/dragonfly_2022/image/Polygon_2.png') no-repeat center / contain; left: -100px; right: -100px; top: -100px;  bottom: -100px;position: absolute; }
.predict-box:nth-child(2n) { flex-direction: row-reverse; margin-top: -20px; }
.num { position: absolute; left: -54px;  top: 116px;  width: 54px; height: 54px; background: #F2318A; color: #fff; font-size: 50px; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-weight: 700; z-index: 2; }

.predict-content > div:after , .predict-content > div:before { content: ""; position: absolute; background: #F2318A; z-index: 1; }
.predict-content > div:before { left: -28px; top: 160px; bottom: 162px; width: 1px; }
.predict-content > div:after { bottom: 17px; left: -65px; right: 80px;  height: 1px; transform: rotate(29deg);  width: 598px; }
.predict-box:nth-child(2n) .predict-content > div:after {  transform: scaleX(-1) rotate(30deg); left: auto; right: calc(100% - 12px); bottom: 18px;  width: 580px; }
.predict-box:nth-child(2n) + .predict-box {  margin-top: -30px; }
.predict-box:last-child .predict-content > div:after {  display: none; }

.title-lottie-section { padding: 50px 0; }
.title-lottie-title { width: 100%; max-width: 1150px;  margin: 0 auto 40px; }
/* .title-lottie-title h2 { font-size: 60px; line-height: 80px; } */
.title-lottie-title h2 span { color: #F2318A; }
.title-lottie-img { width: 100%; max-width: 800px; margin: auto; }
.title-lottie-img img { width: 100%; }
.title-lottie-img lottie-player {width: 100%;max-width: 650px;margin: auto;height: 340px;}



.roi_section { padding: 60px 0; }
.roi_content { text-align: center;}
.roi_title span { color: #F2318A;}
/* .roi_content .roi_title h2 {font-size: 60px;  line-height: 80px;font-weight: 700;margin-bottom: 50px;} */
.item_text {  font-size: 24px; color: #000; font-weight: 600; line-height: 30px; padding-top: 30px; }
.roi_content .roi_text { max-width: 450px; margin: auto; margin-bottom: 100px; color: #000; font-weight: 500; width: 100%; }
.roi_content .roi_text span {color: #F2318A;}
.roi_row {display: flex;flex-wrap: wrap;    max-width: 800px; margin: auto;}
.roi_item {width: 50%;    text-align: center; margin: 0 0 50px;}
.roi_img img { width: 100%; max-width: 200px !important; height: 130px !important; object-fit: scale-down;}
.roi_img lottie-player {
    width: 100%;
    max-width: 280px;
    margin: auto;
}


.clietnt_title span {color: #F2318A;}
/* .clietnt_title h2 { font-size: 60px; font-weight: 700; line-height: 80px;} */
.clietnt_title { text-align: center;margin-bottom: 60px;}
.clietnt_content .clietnt_text {max-width: 630px;   margin-bottom: 50px;  padding-top: 100px;}
.clietnt_content {box-shadow: 0px 4px 29px 0px #0000000F;padding: 50px;  position: relative;  background: #fff;}
.clietnt_content .clietnt_text {font-size: 20px;  line-height: 32px;color: #2D0919; font-weight: 400;}
.other_row {display: flex;     align-items: center; }
.other-img img { width: 70px; height: 70px !important;  object-fit: cover;}
.othre-tag h5 {font-size: 16px; font-weight: 500;line-height: 25px; margin-bottom: 5px;}
.othre-tag h6 { font-size: 16px; font-weight: 300;color: #2D0919;  margin-bottom: 0; }
.othre-tag {padding-left: 25px;}
.clietnt_content:after { content: "";position: absolute;right: 100%;top: 165px;bottom: 50px; width: 10px;  background: #F2318A;  border-radius: 10px 0px 0 10px;}
.btn_link a:after {  content: ">"; position: absolute; left: 110px; font-size: 20px;font-family: monospace;font-weight: 600;}
.btn_link {position: relative;padding-top: 40px;}
.btn_link a {font-size: 16px; font-weight: 500;   text-transform: uppercase;}
.clietnt_box {display: flex; flex-wrap: wrap; padding-bottom: 120px; }
.clietnt_left {width: calc(50% + 70px); margin-right: -70px;}
.clietnt_right { width: calc(50% + 70px); margin-left: -70px; z-index: 2;position: relative;padding: 90px 0 0;margin-bottom: -80px;}
.clietnt_img {  height: 100%;}
.clietnt_img img {height: 100% !important;object-fit: cover; width: 100%; }
.clietnt_section {padding: 150px 0 200px;}
.clietnt_content:before { content: "“";  color:  #DFDFE3;font-weight: 800; font-size: 114px; position: absolute;  top: 90px;}

/*  */
.predict-content:after { left: -60px; right: -60px; top: -60px;  bottom: -60px; }
.num {  top: 146px; left: -10px; }
.predict-content > div:before { left: 7px; bottom: 179px; }
.predict-content > div:after { bottom: 34px; left: -30px; }
.predict-box:nth-child(2n) {  margin-top: -70px; }
.predict-box:nth-child(2n) .predict-content > div:after { right: calc(100% - 47px); bottom: 35px; width: 580px; }
.predict-box:nth-child(2n) + .predict-box { margin-top: -69px; }

.logo_we_section .wework_box {  max-width: 1000px; }
.wework_box .logo img { height: 110px; object-fit: scale-down; }
.predict-img lottie-player { width: 100%; height: 340px; }
.predict-img { display: flex;align-items: center; justify-content: center; }

.bau-hero-section .container { max-width: 1030px; }
.bau-hero-left h1 { font-size: 50px; line-height: normal; }
.bau-hero-text { font-size: 18px;  max-width: 450px; }
.bau-hero-section .btn_style a { min-width: auto; font-size: 16px; padding: 10px 25px; }
.bau-hero-section .container {  align-items: center; }
.bau-hero-img {  width: 100%; max-width: 420px; margin: auto; }
.bau-hero-section { padding-top: 120px; }

.predict-attention-sec { padding-top: 50px; }


.attention_section { padding-bottom: 0; }
.attention_section .predict-content:after { display: none; }
.attention_section .predict-box {min-height: 680px;padding-bottom: 200px;}
.attention_section span.num { top: 180px; }
.attention_section .predict-content > div:before { top: 48px; bottom: 41px; left: 19px; }
.attention_section .predict-content > div:after { bottom: -69px;left: -3px; width: 541px; transform: rotate(24deg); }
.attention_section .predict-box:first-child .predict-content > div:before {top: 220px;bottom: 40px;}
.attention_section .predict-box:nth-child(2n) .predict-content > div:after { right: calc(100% - 43px); bottom: -70px; transform: rotate(-24deg); width: 544px; }
.attention_section .predict-box:last-child .predict-content > div:before { bottom: 52%; }

.roiv2_section .roi_row { max-width: 1200px; }
.roiv2_section .roi_row .roi_item { display: inline-block; width: 25%; padding: 0 25px; border-right: 1px solid rgb(57 57 57 / 40%); }
.roiv2_section .roi_row .roi_item .item_text p span { color: #F2318A; display: block; }
.roiv2_section .roi_row .roi_item .item_text { line-height: 40px; }
.roiv2_section .roi_row .roi_item:last-child { border: none; }
.roiv2_section .roi_img lottie-player { max-width: 240px; height: 160px; }

/* 11-11-2022 */
.bau-hero-section .container {max-width: 100%;}
.bau-hero-left h1 br {display: none;}
.bau-hero-img { width: 100%; max-width: 100%; margin-left: 100px; }
.bau-hero-left h1 { font-size: 70px; }

/*  14-11-2022 */
.mondelez-hero { background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; padding: 100px 0 0;}
.mondelez-hero .bau-hero-left h1 { color: #fff; font-size: 60px; }
.mondelez-hero .bau-hero-left h1 span { color: #F2318A; font-weight: 700; }
.mondelez-hero .bau-hero-left h1 br { display:block; }
.mondelez-hero .bau-hero-left .bau-hero-text { color: #ffff; }
.predict-attention-sec .btn_style.book_demo { margin-top: -90px; margin-bottom: 90px; }

.mondelez-hero .bau-hero-img img { width: 100%; max-width: 380px !important; }

.predict-attention-sec .btn_style.book_demo { margin-top: -90px; margin-bottom: 90px; }
.mondelez_section .predict-title { border: none; margin-bottom: 0; }
.mondelez_section .predict-title h2 {font-size: 40px;line-height: normal;}

.mondelez_section .predict-img img { width: 100%;height: 440px; object-fit: contain; max-width: 450px; }
.mondelez_section .predict-box:nth-child(2n) .predict-img img {margin-left: -170px;margin-bottom: -90px;}

.hero_listing h1 span { color: rgba(242, 49, 138, 1.0); }

.platform_two_sec { padding: 180px 0 100px; position: relative; z-index: 1; }
.platform_two_sec .container { display: flex;  }
.platform_two_sec .platform_content {  width: 52%; padding: 30px 0; }
.platform_img { width: 48%; }
.platform_content h1 { font-weight: 700; font-size: 65px; line-height: 75px;  margin-bottom: 50px; color: #393939; }
.platform_two_sec h2 { font-weight: 700; font-size: 60px; line-height: 80px;  margin-bottom: 50px; color: #393939; }
.platform_content h1 span , .platform_two_sec h2 span { color: #F2318A; }
.platform_two_sec blockquote strong { font-size: 18px; line-height: 32px; color: #393939; }

.studio_two_sec { padding-top: 70px; }
.studio_two_sec .platform_content { width: 55%; padding-right: 55px; }
.studio_two_sec .platform_img { width: 45%; }

.store_two_sec { padding-top: 90px; padding-bottom: 140px; }
.store_two_sec .container { align-items: center; }

.platform-web-sec { background: rgba(246, 246, 246, 0.8); padding: 100px 0 120px; }
.platform-web-sec .title_section { width: 100%;  max-width: 970px; margin: 0 auto 100px; }
.platform-web-sec .title_section h2 { font-weight: 700; font-size: 60px;  line-height: 80px; margin-bottom: 40px; color: #393939; }
.platform-web-sec .title_text {  font-weight: 400; font-size: 24px;  width: 100%;  max-width: 740px; margin: auto; line-height: 44px; }
.platform-web-sec .title_section h2 span {  color: #F2318A; }
.platform-web-box { width: 50%; border-right: 1px solid #F2318A; padding-right: 80px; display: flex; flex-wrap: wrap; }
.platform-web-row { display: flex; width: 100%; max-width: 980px; margin: auto; flex-wrap: wrap; }
.platform-web-box:last-child { border: none; }
.platform-web-box:nth-child(2n) { padding-left: 80px; border: none; padding-right: 0; flex-direction: column-reverse; } 
.platform-web-text { margin-bottom: 30px; position: relative; padding-left: 40px; }
.platform-web-text:before { content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.796 9.898.449 19.336V.46l16.347 9.438Z' fill='%23F2318A'/%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat;  background-size: contain;  display: inline-block;  height: 20px;  left: 0;  position: absolute;  top: 7px;  width: 20px; transform: rotate(90deg); }
.platform-web-img { margin-bottom: 40px; }

.platform-web-box:nth-child(2n) .platform-web-text:before { transform: rotate(-90deg); }

.platform_svg_studio { position: absolute;  bottom: 60px; left: 0; right: 120px; margin: auto; width: 120px; z-index: -1; }
.store_svg { position: absolute; z-index: -1; }
.store_svg1 { left: 80px; top: 0; }
.store_svg2 { right: -610px; left: 0;  width: 84px; margin: auto; }
.store_svg3 { bottom: 80px; right: 80px; }

.platform_img lottie-player { width: 100%; max-width: 530px; }
.store_two_sec .platform_img lottie-player { max-width: 450px; }

.studiov2_sec { padding-top: 150px; }
.studiov2_sec .container { flex-direction: row-reverse; }
.studiov2_sec .platform_content {  padding-left: 55px;  padding-right: 0; }
.studiov2_sec .platform_svg_studio { bottom: 0px; left: -250px; }

.storev2_sec .container { flex-direction: row-reverse; }
.storev2_sec .platform_img  lottie-player { margin-left: auto; }

.title-lottie-section .btn_style { margin-top: 100px; }
.test-creative-sec { background: rgba(246, 246, 246, 0.8); padding-top: 120px; }

.clietntv2-sec { padding-bottom: 60px; }

.platform-row { border-radius: 20px; margin: 0 auto; max-width: 76%; }
.platform-row ul { margin: 0; padding: 0; list-style-type: none; }
.platform-row ul li { margin: 0; padding: 0; display: inline-block; width: 100%; }
.platform-row ul li a { font-size: 18px; line-height: 30px; color: #000; display: inline-block; width: 100%; text-align: center; padding: 12px 20px; background: #fff ;border-radius: 100px; margin: 6px 0; box-shadow: 0 0 10px rgb(0 0 0 / 10%); }  
.platform-row ul li.active { display: none !important; }
.platform-tabtitle { position: absolute; bottom: 15px; left: 0; right: 0; text-align: center; }
.platform_img .platform-wrap { background: #FFFFFF; border: 1px solid #F2318A;  box-shadow: 0px 11px 22px rgba(53, 53, 53, 0.04); border-radius: 25px; width: 100%; max-width: 540px; margin-left: auto;  margin-right: 0; text-align: center;  padding: 20px;  min-height: 470px;  position: relative;  z-index: 50; }
.imagecode { padding-bottom: 40px; }
.platform-row {max-width: 540px;margin-right: 0;}
.platform-row ul li a { margin: 0; box-shadow: 0px 11px 22px rgba(53, 53, 53, 0.04);  border-radius: 25px; border-top-left-radius: 0; border-top-right-radius: 0; background: #fff;  padding: 40px 0 18px; margin-top: -20px; }
.platform-row ul li { position: relative; }
.platform-row ul li:nth-child(10) { z-index:1;}
.platform-row ul li:nth-child(9) { z-index:2;}
.platform-row ul li:nth-child(8) { z-index:3; }
.platform-row ul li:nth-child(7) { z-index:4; }
.platform-row ul li:nth-child(6) { z-index:5; }
.platform-row ul li:nth-child(5) { z-index:6; }
.platform-row ul li:nth-child(4) { z-index:7; }
.platform-row ul li:nth-child(3) { z-index:8; }
.platform-row ul li:nth-child(2) { z-index:9; }
.platform-row ul li:nth-child(1) { z-index:10; }

.promis50-section { padding: 60px 0 80px; }
.promis50-section .promis50-wrap { display: flex; }
.promis50-content { width: 55%; padding-right: 50px; }
.promis50-img { width: 45%; }
.promis50-content h2 span {color: #F2318A;}
.promis50-reverse .promis50-wrap {  flex-direction: row-reverse; }
.promis50-reverse .promis50-content { padding-left: 50px; padding-right: 0; }
.promis50-text { font-size: 24px;line-height: 34px; color: #000; }
.promis50-section .main-title { margin-bottom: 60px; }
.promis50-section .main-title h2 span { color: #F2318A; }

.what-next-section h2 { color: #F2318A; }
.what-next-section .btn_style { margin-top: 40px; }
.what-next-section .promis50-img { text-align: center; }
.what-next-section .promis50-wrap { padding: 40px 35px; background: #F8F8F8; border-radius: 4px; }

.promis-accordion-tab .container { display: flex; }
.promis-accordion-left {  width: 52%; padding-right: 43px; }
.promis-accordion-right { width: 48%; background: #FFD7E9; border-radius: 4px; display: flex; align-items: center;  flex-wrap: wrap;  justify-content: center; padding: 40px; }
.promis-accordion-tab { padding: 100px 0; }
.promis-accordion-box h4 { color: rgba(242, 49, 138, 0.5); margin-bottom: 15px; cursor: pointer; }
.promis-accordion-box { padding: 0 28px; border: 1px solid #F2318A; margin-bottom: 24px; }
.promis-accordion-box { border-color: transparent; }
.promis-accordion-box.active { border-color: #F2318A; padding: 28px; }
.promis-accordion-box.active h4 {color: #F2318A;}
.promis-accordion-content { display: none; }
.promis-accordion-img { display: none; }

.predict-main-title { margin-bottom: 80px; }
.predict-main-title h2 span { color: #F2318A; }


/*  */
.hero-demo-section { background: #F2318A; color: #fff; position: relative; z-index: 1; padding: 130px 0 0; margin-bottom: 180px; }
.hero-demo-section:after { content: ""; background: url('https://5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/dragonfly_2022/image/demo-hero-ptn-1.png') no-repeat center / 100% 100%; position: absolute; top: 100%; width: 100%; height: 300px;     z-index: -2; }
.hero-demo-section .hero-demo-svg { position: absolute; z-index: -1; }
.hero-demo-section h1 { color: #fff; margin-bottom: 60px; }
.hero-demo-section h6 , .hero-demo-section h2, .hero-demo-section h3, .hero-demo-section h4, .hero-demo-section h5 { color: #fff; font-weight: 700;}

.hero-demo-wrap { display: flex; }
.hero-demo-left { width: 40%; padding-top: 30px; }
.hero-demo-right {  width: 60%; text-align: right; }
.hero-demo-img img {margin-right: auto;display: table;}
.hero-demo-img {  display: table; margin-left: auto; }

.hero-demo-svg2 { right: 0; top: 0px;     overflow: hidden;  }
.hero-demo-svg {  bottom: 0; width: 550px; height: 550px; z-index:-1; }
.hero-demo-svg svg { position: absolute; right: 0; }
.hero-demo-svg svg:nth-child(2) {  top: 190px; transform: rotate(120deg); left: 20px; }
.hero-demo-svg svg:nth-child(3) { top: -98px; left: -30px; transform: rotate(-120deg); }
.hero-demo-svg1 { left: -50px;bottom: -270px; }

.hero-demo-text ul { list-style: none; padding-left: 0; }
.hero-demo-text ul li { padding-left: 30px; position: relative; }
.hero-demo-text ul li:before { content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.796 9.898.449 19.336V.46l16.347 9.438Z' fill='%23F2318A'/%3E%3C/svg%3E"); background-position: 50%;  background-repeat: no-repeat;   background-size: contain;  display: inline-block;   height: 15px;   left: 0;   position: absolute;    top: 9px;   width: 15px;    transform: rotate(90deg);   filter: brightness(0) invert(1); }

.booked_form.booked_form-demo { margin-top: 180px; background: #F2F2F2; padding-top: 20px; padding-bottom: 20px; margin-bottom: 100px; }
.booked_form.booked_form-demo::after { background-image: url('https://5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/dragonfly_2022/image/demo-hero-ptn3.png'); }
.booked_form.booked_form-demo:before { background-image: url('https://5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/dragonfly_2022/image/demo-hero-ptn3.png'); bottom: 100%; background-color: transparent; top: auto; height: 300px; background-size: 100% 100%; }
.booked_form.booked_form-demo:after { background-image: url('https://5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/dragonfly_2022/image/demo-hero-ptn2.png') !important; height: 300px !important;  top: 100%;  background-size: 100% 100%; }

.demo_mondelez_section { padding-top: 120px; }
.demo_mondelez_section .predict-main-title { margin-bottom: 50px; }
.demo_mondelez_section .predict-box:last-child {  padding-bottom: 0; }

.booked_form-demo .form .hs-form-field > label { font-weight: 600; font-size: 14px; line-height: 160%; letter-spacing: -0.011em;  color: #F2318A; }
.booked_form-demo .form .hs-form-field .hs-input { background: #E9E9E9; border-radius: 6px;  font-size: 16px; }

.increase-digital-sec .promis50-img { width: 60%; margin-right: -300px; margin-top: -40px; }
.increase-digital-sec .promis50-content { width: 50%; padding-top: 40px; }
.increase-digital-sec .promis50-text { font-size: 20px; line-height: 30px; }
.increase-digital-sec .promis50-wrap { position: relative;  right: 85px; }

.like-nothing { padding: 100px 0; } 
.like-nothing .promis50-content { width: 50%; }
.like-nothing .promis50-img { width: 50%; }
.like-nothing .promis50-text { font-size: 20px; line-height: 30px; }

/*  */
.reckitt_promis50 .promis50-wrap { align-items: center; }
.choose_innovation { padding-top: 0; }
.reckitt_promis50 .promis50-text { font-weight: 400; font-size: 20px; line-height: 24px; }
.reckitt_promis50 .promis50-wrap h2 { margin-bottom: 30px; }
.elevate._trust { padding-top: 100px; }
.elevate._trust .promis50-content { width: 45%; }
.elevate._trust .promis50-img { width: 55%; }

.reckitt_features_two { padding-top: 100px; }
.reckitt_features_two .predict-box:nth-child(2n) .predict-img img { height: 370px !important; }

.dark-bg {background: #1D1D1D;}
.work-together-section .container {max-width:960px; margin:0 auto;}
.work-together-section .promis50-content {width:100%; padding-right:0;text-align:center;}
.work-together-section.dark-bg .section-title h2 {color:#fff;}
.work-together-section.dark-bg .section-title p {color:#fff; font-size:24px; line-height:36px;}
.work-together-section.dark-bg .section-content {color:#fff;font-size:20px; line-height:28px;display:flex; flex-wrap:wrap;}
.work-together-section.dark-bg .section-content > div {padding:0 30px 0 0;width:50%;}
.work-together-section .hexa-pattern {position:absolute; right:-90px; top:180px;width:240px;}
.work-together-section {position:relative;}

.real_client h2 span {color:#F2318A}
.real_client .real_time .main_title .text p {font-size:20px; line-height:28px;}
.real_client .real_time .main_title .text {max-width:960px;color: #000000;}
.real_client .real_time .main_title .text p span {color:#F2318A;}

.haleon-promise-section {padding-top:120px; padding-bottom:120px;background-size:cover; background-repeat:no-repeat;background-position: center;}
.haleon-promise-section .promis50-content {padding-left:150px;}
.haleon-promise-section .promis50-content .promis50-text {font-size:20px; line-height:30px;}

.real_client.with-bg .main_title h2{color:#fff;margin-bottom:70px;}
.real_client.with-bg{background-repeat: no-repeat;  background-size: cover;margin-bottom:70px;}

.haleon-hero-section { padding: 270px 0 150px; background-size: 56%; background-position: 126% 55px; background-repeat: no-repeat;}
.haleon-hero-section .banner-left-content {max-width:525px;}
.haleon-hero-section .banner-left-content h1 {margin-bottom:25px;color: #F2318A;font-size: 60px;line-height:70px;}
.haleon-hero-section .banner-left-content .banner-logo {margin-bottom:25px; width: 200px;}
.haleon-hero-section .banner-left-content .banner-text {font-size:24px; line-height:36px;}

.haleon-bgimg-text-section{background-repeat: no-repeat; background-size: cover; padding: 200px 0 170px;position:relative;overflow:hidden;}
.haleon-bgimg-text-section .promis50-content h2 {font-size:60px; line-height:70px;color:#fff;margin-bottom:20px;}
.haleon-bgimg-text-section .promis50-content .promis50-text {font-size:20px; line-height:30px;color:#fff;}
.haleon-bgimg-text-section .promis50-img {width: 50%; position: absolute; right: -240px; top: 50%; transform: translateY(-50%);}

.haleon-bookdemo-section {padding-bottom: 200px;}
.haleon-bookdemo-section .cta-box {background: #F2318A; border-radius: 32px;padding:64px 104px;display:flex;align-items: center; justify-content: space-between;}
.haleon-bookdemo-section .cta-box h3 {font-style: normal; font-weight: 600;font-size: 48px; line-height: 54px; letter-spacing: -1px;color: #FAFAFA; max-width: 530px; margin-bottom: 0;}
.haleon-bookdemo-section .cta-box .bookdemo-cta-btn a{ padding: 14px 35px; background-color: #FFFFFF; color: #F2318A; font-family: 'Inter', sans-serif; border-radius: 6px; display: inline-block; font-size: 20px; line-height: 26px; font-weight: 700;
    text-align: center; border: 1px solid #FFFFFF; cursor: pointer; position: relative; transition: 400ms;}
.haleon-bookdemo-section .cta-box .bookdemo-cta-btn a:hover {background-color: #2D0919; border-color: #2D0919; color: #FFFFFF;}
.haleon-bookdemo-section .cta-box {position:relative;z-index:1;}
.haleon-bookdemo-section .cta-box:before {content:''; left:20px; bottom:0px; right:20px; top:60px; background: #F2318A;filter: blur(50px);border-radius: 32px; position:absolute;z-index: -1;}

.cpg-hero-section {padding:185px 0 105px;position: relative;z-index: 1;}
.cpg-hero-section .container {display: flex; flex-wrap: wrap;}
.cpg-hero-section .left-img {width: 45%;padding-right: 80px;}
.cpg-hero-section .right-form-wrap {width: 55%;}
.cpg-hero-section .right-form-wrap .main-title h1 {color: #393939;margin-bottom: 35px; font-size:60px; line-height:68px;}
.cpg-hero-section .right-form-wrap .main-title h1 span {color: #F2318A;}
.cpg-hero-section .right-form-wrap .banner-text {font-weight: 400;font-size: 24px; line-height: 36px; color: #393939;}
.cpg-hero-section .right-form-wrap .banner-text span {color: #F2318A;}

.cpg-title-img-section {padding:94px 0; text-align:center;}
.cpg-title-img-section h2 {font-weight: 700; font-size: 60px; line-height: 80px; text-align: center; letter-spacing: -0.019em; color: #393939}
.cpg-title-img-section h2 span {color:#F2318A;}
.cpg-title-img-section .main-title {max-width: 780px; margin: 0 auto 50px;}

.platform-web-sec.cpg-analysis-section {padding-bottom:0; padding-top:50px;background: rgba(242, 49, 138,0.04)}
.cpg-analysis-section .platform-web-box {border-right:0;margin-bottom: 50px;}
.cpg-analysis-section .platform-web-text:before {transform:none;}
.cpg-analysis-section .platform-web-box:nth-child(2n) {flex-direction:column;padding-left: 80px;padding-right:0;}
.cpg-analysis-section .platform-web-box:nth-child(2n) .platform-web-text:before {transform:none;}
.cpg-analysis-section .title_section h2 {font-weight: 400; font-size: 45px; text-align: center; letter-spacing: -0.019em; color: #393939;}
.cpg-analysis-section .title_section h2 span {font-weight:600;}
.platform-web-sec.cpg-analysis-section .title_section {max-width:840px;}
.cpg-analysis-section .platform-web-box .platform-web-text {font-size:24px; line-height:36px;}
.cpg-analysis-section .platform-web-box {padding-right: 120px;}
.cpg-analysis-section .platform-web-row {max-width: 1200px;}

.cpg-brands-section{background: #F2318A; padding: 140px 0;}
.cpg-brands-section .left-content-wrap .left-img{margin-bottom:40px;}
.cpg-brands-section .left-content-wrap h2 {font-weight: 700;font-size: 48px;line-height: 65px;letter-spacing: -0.019em;color: #FFFFFF;}
.cpg-brands-section .container {display:flex; flex-wrap:wrap;}
.cpg-brands-section .left-content-wrap {width:50%; padding-right:100px;}
.cpg-brands-section .right-form-wrap {width:50%;}
.cpg-brands-section .right-form-wrap form fieldset label span {font-weight: 600;letter-spacing: -0.011em;color: #FFFFFF;font-size: 14px;margin-bottom: 10px;display: inline-block;}
.cpg-brands-section .right-form-wrap form fieldset input {background: #ED6FA3; border-radius: 6px;}
.cpg-brands-section .right-form-wrap form .legal-consent-container p {font-weight: 400; font-size: 14px; line-height: 150%; letter-spacing: -0.011em; color: #FFFFFF;}
.cpg-brands-section .right-form-wrap form .legal-consent-container p a {color: #FFFFFF; text-decoration:underline;}
.cpg-brands-section .right-form-wrap form .hs_submit  {margin-top:40px;}
.cpg-brands-section .right-form-wrap form .hs_submit input {background:#fff;color: #F2318A;}
.cpg-brands-section .right-form-wrap form .hs_submit input:hover {background-color: rgba(189, 9, 92, 1);color:#fff;}

.cpg-insight-form form fieldset label span {font-weight: 600;font-size: 14px; line-height: 160%; letter-spacing: -0.011em; color: #393939; display:inline-block; margin-bottom:10px;}
.cpg-insight-form form fieldset input {background:rgba(217, 217, 217, 0.52); border-radius: 6px;}
.cpg-insight-form form fieldset.form-columns-2 > div {padding:0 8px;}
.cpg-insight-form form fieldset.form-columns-1 {padding: 20px 8px 0;}
.cpg-insight-form form .legal-consent-container p {font-weight: 400; font-size: 14px; line-height: 150%; letter-spacing: -0.011em; color: #393939;}
.cpg-insight-form form .legal-consent-container p a {color: #393939; text-decoration:underline;}
.cpg-insight-form form .hs_submit  {margin-top:40px;}
.cpg-insight-form form .hs_submit input {background: #F2318A;color: #ffffff;}
.cpg-insight-form form .hs_submit input:hover {background-color: rgba(189, 9, 92, 1);color:#fff;}
.cpg-insight-form form .hs_error_rollup {padding: 0 8px;}
.cpg-insight-form .fancybox-close-small {right: 10px !important;top: 10px !important; }

.thanku-hero-section {background: #F2318A;padding: 269px 0 170px;}
.thanku-hero-section .container {display:flex;flex-wrap: wrap;}
.thanku-hero-section .left-img-wrap {width:25%;    bottom: -40px; position: relative;}
.thanku-hero-section .thanku-content-wrap {width:50%; text-align:center;}
.thanku-hero-section .thanku-content-wrap .thanku-icon {margin-bottom:40px;}
.thanku-hero-section .thanku-content-wrap h1 {font-weight: 700; font-size: 65px; line-height: 60px; text-align: center; letter-spacing: -0.022em; text-transform: capitalize; color: #FFFFFF;}
.thanku-hero-section .thanku-content-wrap p {font-weight: 600; font-size: 24px; line-height: 29px; text-align: center; color: #FFFFFF;}
.thanku-hero-section .right-img-wrap {width:25%;position:relative; top:-20px;}
.thanku-hero-section .thanku-content-wrap .cta-wrap {margin-top: 15px; display: inline-block;}


.blog_index .topic ul li { display: inline-block; }
/* .blog_index .topic { text-align: center; border-top: 2px solid #FFB7D8; padding: 60px 0 60px; } */ 
.blog_index .topic ul { list-style: none; margin: 0; padding-left:0; }
.blog_index .topic ul li a { background: rgba(223, 223, 227, 0.35); border-radius: 46px; font-weight: 600; font-size: 20px; line-height: normal; letter-spacing: -0.011em; color: #393939;  display: inline-block;  padding: 14px 24px;   min-width: 166px;   text-align: center;   margin: 0 10px;   border: 1px solid rgba(223, 223, 227, 0.35); opacity: 1; } 
.blog_index .topic ul li a.active , .blog_index .topic ul li a:hover { background: transparent; border-color: #F2318A;  color: #F2318A; } 

.blog_index .topic ul li:after { display: none; }
.blog_index .topic ul li { padding: 10px 0; }
.blog_index .topic ul > span { display: none; } 
.blog_index .topic ul { justify-content: center; }

.blog_main article.box { padding: 0 15px 30px; }
.blog_main article.box .inner { background: #fff; border: 1px solid #dfdfe3; border-radius: 8px; padding: 25px; }
.blog_main article.box .inner h4 { color: #393939; font-size: 26px; letter-spacing: -.019em; line-height: 36px; } 
.blog_main .box .tags a { background: rgba(114,182,90,.1);  border-radius: 46px;color: #72b65a; display: inline-block; font-size: 16px; letter-spacing: -.011em; line-height: normal;  margin-bottom: 5px;  padding: 8px 15px; }
.blog_main .box a.image { border-radius: 8px; height: 300px; object-fit: cover;  width: 100%; } 

.blog_main article.box { padding: 0 15px 30px; }
.blog_main article.box .inner { background: #fff; border: 1px solid #dfdfe3; border-radius: 8px; padding: 25px; }
.blog_main article.box .inner h4 { color: #393939; font-size: 26px; letter-spacing: -.019em;  line-height: 36px; }
.blog_main .box .tags a { background: rgba(114,182,90,.1);  border-radius: 46px;color: #72b65a; display: inline-block; font-size: 16px; letter-spacing: -.011em;  line-height: normal;  margin-bottom: 5px;  padding: 8px 15px; }
.blog_main .box a.image { border-radius: 8px; height: 300px; object-fit: cover;  width: 100%; }
.blog_main .box .text .btn_style a { background: transparent; font-size: 18px; line-height: 32px; border: none; padding: 0; color: rgba(242, 49, 138, 1.0); font-weight: 400; }
.blog_main .box .text .btn_style { text-align: center; }
.blog_main .box .text .btn_style a:before {  content: ""; background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7071 8.70711C18.0976 8.31658 18.0976 7.68342 17.7071 7.29289L11.3431 0.928933C10.9526 0.538409 10.3195 0.538409 9.92893 0.928933C9.53841 1.31946 9.53841 1.95262 9.92893 2.34315L15.5858 8L9.92893 13.6569C9.53841 14.0474 9.53841 14.6805 9.92893 15.0711C10.3195 15.4616 10.9526 15.4616 11.3431 15.0711L17.7071 8.70711ZM-8.74228e-08 9L17 9L17 7L8.74228e-08 7L-8.74228e-08 9Z' fill='%23F2318A'%3E%3C/path%3E%3C/svg%3E");  display: inline-block;  width: 18px;   height: 16px;    background-position: center;    background-repeat: no-repeat;    vertical-align: middle;    margin-right: 10px;    margin-top: -5px;}

h2.blog-tag-heading { text-align: center; font-size: 34px; margin: 60px 0 0;  padding: 0 15px; } 
.blog-listings-tag .blog_main article.box:first-child { display:none; } 
/* 
.blog-listings-tag .blog_main article.box:first-child { width: 100%;}
.blog-listings-tag .blog_main article.box:first-child .inner { display: flex; background: #f8f8f9;  border: none;  padding: 0; } 
.blog-listings-tag .blog_main article.box:first-child .inner .image {  width: 50%; height: auto; line-height: 0; }
.blog-listings-tag .blog_main article.box:first-child .inner .text { width: 50%; padding: 60px 65px; min-height: 460px; }
.blog-listings-tag .blog_main article.box:first-child .inner h4 { font-size: 45px;  line-height: 56px; }
.blog-listings-tag .blog_main article.box:first-child .inner .btn_style { text-align: right; } 
 */

/*  */
.form-caption { background: #FEF0F7; box-shadow: 0px 7px 16px rgba(0, 0, 0, 0.05); border-radius: 7px; text-align: center; padding: 70px 60px;  width: 100%;  max-width: 1024px;  margin: auto; }
.form-caption h2 { font-weight: 600; font-size: 28px; line-height: 38px; text-align: center; letter-spacing: -0.022em; color: #393939; margin-bottom: 60px; }
.button-wrap .button-label {  background: rgba(255, 255, 255, 0.6); border: 2px solid rgba(57, 57, 57, 0.4); border-radius: 8px; display: inline-block; font-weight: 500; font-size: 24px; line-height: 160%; letter-spacing: -0.011em; color: rgba(57, 57, 57, 0.4);  padding: 14px 30px;  min-width: 180px;  margin: 0 14px;   cursor: pointer; }
.button-wrap input[type="radio"]:checked + .button-label { color: #F2318A; border-color: #F2318A; }
.form-caption h2 span {color: #F2318A;}

.testing-form { padding-bottom: 90px; }
.range-slider__range { -webkit-appearance: none;  width: 100%;height: 15px;border-radius: 90px;background: #d7dcdf;outline: none;padding: 0;margin: 0; }
.range-slider__range::-webkit-slider-thumb { -webkit-appearance: none;  appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #F2318A; cursor: pointer; box-shadow: 0 0 0 2px #fff;  -webkit-transition: background 0.15s ease-in-out;   transition: background 0.15s ease-in-out; }
.range-slider__range::-webkit-slider-thumb:hover { background: #F2318A; }
.range-slider__range:active::-webkit-slider-thumb {background: #F2318A; }
.range-slider__range::-moz-range-thumb {  -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #F2318A; cursor: pointer; box-shadow: 0 0 0 2px #fff;  -webkit-transition: background 0.15s ease-in-out;   transition: background 0.15s ease-in-out;}
.testing-form .form-caption { display: flex; align-items: center; text-align: left; }
.testing-form .form-caption h2 {  text-align: left; margin-bottom: 0; }
.form-left { width: 40%; padding-right: 30px; }
.form-right { width: 60%; }
.range-num-text { display: flex; justify-content: space-between; font-weight: 500; font-size: 14px; line-height: 161.5%; letter-spacing: -0.011em; color: #393939; margin-top: 10px; }
/* .range-slider-container {  display: flex; align-items: center; } */
.range-num-wrap { font-weight: 700; font-size: 24px; line-height: 160%; display: flex; width: 100%; align-items: center; justify-content: space-between; }
.range-num-text p { margin-bottom: 0; }
.take-deep-sec.\.take-deep-sec-top { padding-top: 100px; }
.take-deep-sec { padding-bottom: 100px; }
.take-deep-box { background: #F2318A; border-radius: 7px; color: #fff;  padding: 50px 75px; display: flex; align-items: center; width: 100%; }
.take-deep-left {  width: 60%; padding-right: 100px; }
.take-deep-right { width: 40%; }
.take-deep-sec h2 { font-weight: 700; font-size: 36px; line-height: 54px; color: #fff; margin-bottom: 50px; }
.take-deep-left .btn_style a { background: #fff; color: #F2318A; }
.take-deep-left .btn_style a:hover{ background-color: #2D0919; border-color: #2D0919; color: #FFFFFF; }

.linkedin-sec { padding: 60px 0; }
.linkedin-box { background: #F0F7FF;  box-shadow: 0px 7px 16px rgba(0, 0, 0, 0.05); border-radius: 7px; width: 100%; max-width: 980px; margin: auto; padding: 40px 115px;  display: flex;  align-items: center; position: relative; z-index: 1; }
.linkedin-left { width: 60%; font-weight: 500; font-size: 28px; line-height: 40px; color: #393939; padding-right: 105px; }
.linkedin-right { width: 40%; }
.linkedin-box-inner { background: #FFFFFF; border-radius: 5px; overflow: hidden; width: 100%; max-width: 214px; margin: auto; text-align: center; position: relative; z-index: 1; }
.linkedin-img img { width: 100%; object-fit: contain; }
.linkedin-icon { background: #fff; padding: 9px; position: relative; display: table; margin: -50px auto 20px; border-radius: 2px; border: 0.739019px solid rgba(57, 57, 57, 0.1); }
.linkedin-box-inner h5 { font-weight: 700; font-size: 14px; line-height: normal; }
.linkedin-text { font-weight: 300; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: -0.022em;padding: 0 18px 20px;}
.linkedin-box-inner .btn_style { margin-bottom: 15px; padding: 0 15px; }
.linkedin-box-inner .btn_style a { font-weight: 700; font-size: 14px; line-height: 18px;  text-align: center; color: #2D64BB; border-radius: 90px; border-color: #2D64BB; border-width: 2px; width: 100%; padding: 10px 15px; }
.linkedin-box-inner .btn_style a:hover { color:#fff; border-color:rgba(242, 49, 138, 1); }
.linkedin-left a { color: #393939; font-weight: 700; }
.linkedin-box:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='187' height='181' viewBox='0 0 187 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M184.941 13.4747L179.115 13.4747' stroke='%23F2318A' stroke-width='2.21321' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M174.124 24.0664L174.124 17.8879' stroke='%23F2318A' stroke-width='2.21321' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M174.124 8.17872L174.124 2.00023' stroke='%23F2318A' stroke-width='2.21321' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M169.128 13.4747L163.303 13.4747' stroke='%23F2318A' stroke-width='2.21321' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.6379 35.4748L17.8128 35.4748' stroke='%23F2318A' stroke-width='2.21321' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.821 46.0664L12.821 39.8879' stroke='%23F2318A' stroke-width='2.21321' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.8211 30.1785L12.8211 24' stroke='%23F2318A' stroke-width='2.21321' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.82507 35.4748L1.99996 35.4748' stroke='%23F2318A' stroke-width='2.21321' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37.6418 171.825L33.161 171.825' stroke='%23F2318A' stroke-width='1.70247' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29.3206 179.974L29.3206 175.221' stroke='%23F2318A' stroke-width='1.70247' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29.3207 167.753L29.3207 163' stroke='%23F2318A' stroke-width='1.70247' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.4812 171.825L21.0003 171.825' stroke='%23F2318A' stroke-width='1.70247' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); position: absolute;   left: 50px;    top: 60px;  width: 177px;    height: 182px;  background-position: center;  background-repeat: no-repeat;   background-size: contain;  z-index:-1 }

.blog-main-title { text-align: center; margin-bottom: 80px; }
.blog-main-title h2 { letter-spacing: -0.019em; color: #333333; }
.blog-main-title h2 span { color: #F2318A; }
.categories-listing.latest-blog-post { padding-top: 20px; padding-bottom: 50px; }

.checkbox-wrap ul {list-style: none;padding: 0;}

.checkbox-wrap { text-align: left; }
.checkbox-wrap .styled-radio + label { display: block; background: rgba(255, 255, 255, 0.6);  border-radius: 8px; padding: 16px 10px 16px 68px; font-size: 22px; line-height: normal; letter-spacing: -0.011em; color: #393939; position: relative;  cursor: pointer; }
.checkbox-wrap .styled-radio + label:before {  content: ""; width: 22px;  height: 22px; border: 2px solid #F2318A; position: absolute; left: 24px; border-radius: 100%; top: 0;  bottom: 0; margin: auto; }
.checkbox-wrap .styled-radio { display: none; }
.checkbox-wrap li { margin-bottom: 16px; }
.checkbox-wrap .styled-radio:checked + label:before {   background: #F2318A; }
.input-style input { display: block; background: rgba(255, 255, 255, 0.6); border-radius: 8px; padding: 16px 10px 16px 28px; position: relative; font-size: 22px; line-height: 161.5%; letter-spacing: -0.011em; font-weight: 400; }
.input-style input::placeholder { color: rgba(57, 57, 57, 0.5); }
.submit-btn { margin-top: 70px; }
.submit-btn input[type="submit"] { min-width: 240px; font-weight: 600; font-size: 20px; line-height: 24px; text-transform: capitalize; }
.biggest-form { padding-bottom: 100px; }
.biggest-form .form-caption { padding-left: 100px; padding-right: 100px; }

.topics-form .checkbox-wrap li { width: calc(50% - 24px); }
.topics-form .checkbox-wrap ul { display: flex; flex-wrap: wrap;  justify-content: space-between; }
.checkbox-wrap .styled-checkbox + label:before { width: 20px; height: 20px; border-radius: 2px; box-shadow: 0 0 0 2px #F2318A; border-color: #fff; }


.tracking-form { padding-bottom: 60px; padding-top: 20px; }


.about-case-studies { position: relative;  z-index: 1; }
.about-case-studies:before { background: url(https://dragonflyai.co/hubfs/dragonfly_2022/image/Vector.png) no-repeat 50%/contain; content: ""; height: 700px; left: 0; position: absolute; top: 0; width: 695px; z-index: -1; }
.about-case-studies.categories-listing h4 { color: #fff;  padding-left: 0; }
.about-case-studies .see-all-link a { color: #fff; }
.about-case-studies .see-all-link a path { fill: #fff; }
.about-case-studies .categories-content .link a {  color: #000; }
.about-case-studies .categories-content .link a path {fill: #000;}

.drag-image .main-title h1 { margin: 0 0 7px; font-weight: 900; color: #F2318A; }
.drag-image .main-title h2 { margin: 0 0 7px; color: #393939; font-size: 65px; line-height: 68px; }
.drag-image .main-title h2 span { color: #F2318A; }
.drag-image .main-title h4 { font-size: 52px; line-height: 58px; color: #393939; font-style: italic; }
.drag-image .boxTitle { font-weight: 700; font-size: 30px; line-height: 65px; color: #393939; }
.drag-image .boxTitle svg { margin-left: 15px; margin-top: 5px; }

.drag-image { padding: 150px 0 50px; }
.drag-image img { display: block; max-width: 100%; }
.drag-image main { display: grid; place-items: center; position: relative; }
.drag-image .inner { display: grid; place-content: center; position: relative; overflow: hidden; --position: 50%; }
.drag-image .image-container { max-width: 100%; }
.drag-image .slider-image { width: 100%; height: 100%; object-fit: cover; object-position: left; }
.drag-image .image-before { position: absolute; inset: 0; width: var(--position); }
.drag-image .sliderBox { position: absolute; inset: 0; cursor: pointer; opacity: 0; /* for Firefox */ width: 100%; height: 100%; }
.drag-image .sliderBox:focus-visible ~ .drag-image .slider-button { outline: none; outline-offset: 3px; }
.drag-image .slider-line { position: absolute; inset: 0; width: 4px; height: 100%; background-color: #FFABD2; left: var(--position); transform: translateX(-50%); pointer-events: none; }
.drag-image .slider-button { position: absolute; padding: 0; border-radius: 100vw; display: grid; place-items: center; top: 50%; left: var(--position); transform: translate(-50%, -50%); pointer-events: none; /* z-index: 100; */ box-shadow: none; }

/*  */
.consumer-hero-sec { padding-top: 160px; padding-bottom: 60px; }
.consumer-hero-wrap h1 { text-align: center; font-weight: 700;  font-size: 65px;color: #F2318A; letter-spacing: -0.022em; width: 100%;  max-width: 720px;  line-height: normal;  margin: 0 auto 60px; }
.consumer-hero-wrap h1 span { color: #2D0919; }
.consumer-hero-img { width: 100%; text-align: center; }
.consumer-hero-text h3 { font-weight: 600; font-size: 35px;  letter-spacing: -0.019em; color: #2F2F2F; }
.consumer-hero-text { width: 100%; max-width: 1050px; margin: 50px auto 0; font-weight: 400; font-size: 22px; }

.list-group ul {  list-style: none; padding: 0; margin: 0; }
.list-group ul li {padding-left: 28px;position: relative;font-weight: 600;font-size: 22px;letter-spacing: -0.019em;color: #F2318A;}
.list-group ul li:before { content: ""; background-image: url("data:image/svg+xml, %3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.90771 16.7007C11.034 16.7007 13.0732 15.856 14.5767 14.3525C16.0801 12.849 16.9248 10.8099 16.9248 8.68359C16.9248 6.55733 16.0801 4.51815 14.5767 3.01466C13.0732 1.51116 11.034 0.666504 8.90771 0.666504C6.78145 0.666504 4.74227 1.51116 3.23878 3.01466C1.73528 4.51815 0.890625 6.55733 0.890625 8.68359C0.890625 10.8099 1.73528 12.849 3.23878 14.3525C4.74227 15.856 6.78145 16.7007 8.90771 16.7007ZM12.6226 7.38783C12.8052 7.19883 12.9062 6.94568 12.9039 6.68293C12.9016 6.42017 12.7962 6.16882 12.6104 5.98302C12.4246 5.79721 12.1733 5.69182 11.9105 5.68954C11.6478 5.68725 11.3946 5.78826 11.2056 5.97081L7.90558 9.27085L6.60982 7.97508C6.42081 7.79254 6.16767 7.69153 5.90491 7.69381C5.64216 7.69609 5.39081 7.80149 5.205 7.98729C5.0192 8.1731 4.91381 8.42444 4.91152 8.6872C4.90924 8.94996 5.01025 9.2031 5.1928 9.3921L7.19707 11.3964C7.385 11.5842 7.63985 11.6898 7.90558 11.6898C8.17131 11.6898 8.42616 11.5842 8.61409 11.3964L12.6226 7.38783Z' fill='%23F2318A'/%3E%3C/svg%3E"); position: absolute; left: 0;  top: 7px;   width: 18px;   height: 18px; background-position: center;  background-repeat: no-repeat;  background-size: contain;}
.list-group { width: 100%;  max-width: 390px; margin: 20px auto 0; }

.testimonial_section {  padding: 30px 0; }
.testimonial_section .clietnt_right { padding: 0; width: 100%;  margin: 0; }
.testimonial_section .clietnt_content { box-shadow: none; padding: 0;  background: transparent;color: #fff; max-width: 624px; margin: auto; }
.testimonial_section .clietnt_content:after { display: none; }
.testimonial_section .testimonial_wrap { background: #F2318A; border-radius: 8px; width: 100%;  max-width: 886px; margin: auto;  padding: 0 30px 0; }
.testimonial_section .clietnt_box { padding-bottom: 90px; }
.testimonial_section .clietnt_content .clietnt_text { text-align: center; font-weight: 700; font-size: 22px; color: #fff; max-width: 100%; }
.testimonial_section .other_row { margin: auto;  justify-content: center; }
.testimonial_section .othre-tag h5 { font-weight: 500; font-size: 20px; letter-spacing: -0.011em; color: #fff; }
.testimonial_section .othre-tag h6 { font-weight: 300; font-size: 20px; letter-spacing: -0.011em; color: #fff; }
.testimonial_section .othre-tag { width: 290px; }
.testimonial_section .other-img img { width: 85px; height: 85px !important; }

.testimonial_section .clietnt_content:before { left: -70px;  top: 110px;  color: #FFABD2; }
.testimonial_section .clietnt_content .clietnt_text:after { content: "”"; color: #FFABD2; font-weight: 800; font-size: 114px;  position: absolute;bottom: -50px; right: -60px;  display: block !important;  line-height: 0; top: auto; }
.testimonial_section .clietnt_content { position: relative; }
.testimonial_section .clietnt_content .clietnt_text {  position: relative; }
.arrows-dots { display: flex;  align-items: center; justify-content: center; margin-top: 20px; }
.dots-append ul.slick-dots {  list-style: none; padding: 0;  margin: 0; }
.dots-append ul.slick-dots button {  background: transparent; padding: 0;  border: none; width: 10px;  height: 10px; border-radius: 100%; background: #F898C4; opacity: 0.3;  font-size: 0; }
.dots-append ul.slick-dots {  align-items: center; }
.dots-append ul.slick-dots li { display: inline-block; margin: 0 5px; }
.dots-append { margin: 0 30px; }
.dots-append ul.slick-dots li.slick-active button { background: #F2318A;  opacity: 1; }
.arrows-slider {  cursor: pointer; }

.insights-team-sec .title-lottie-title h2 {  font-weight: 600; font-size: 60px; line-height: normal; width: 100%; max-width: 812px;  margin: 0 auto 40px; }
.insights-team-sec { padding: 50px 0; }
.insights-team-row { display: flex; width: 100%; max-width: 900px; margin: 0 auto 60px;  align-items: center;  }
.insights-team-left { width: 50%; padding-right: 30px; }
.insights-team-right {  width: 50%; padding-left: 30px; }
.insights-team-left h3 {  font-weight: 500; font-size: 50px; letter-spacing: -0.019em; color: #2F2F2F; line-height: 54px; }
.insights-team-left h3 span { color: #F2318A; }
.insights-team-sec .title-lottie-title { margin-bottom: 60px; }
.insights-team-wrap { background: rgba(242, 49, 138, 0.1); border-radius: 8px; text-align: center; padding: 70px 70px; }

.zigzag_landinv_product .box h3 { font-weight: 500; font-size: 50px; line-height: normal; }
.zigzag_landinv_product .box h3 span {  color: #F2318A; }
.zigzag_landinv_product .box .con {  line-height: 32px; }
.zigzag_landinv_product .box .text { width: 50%;  padding-right: 70px; }
.zigzag_landinv_product .box .image { width: 50%; }
.zigzag_landinv_product .container { width: 100%; max-width: 1160px; }

.insights-team-sec.insights-team-title { padding-bottom: 0; }

.beyond-above-wrap {  border-radius: 8px; padding: 70px 100px; }
.beyond-above-item {  display: flex; color: #fff; margin: 40px 0; }
.beyond-above-left {  width: 40%; }
.beyond-above-right { width: 60%; }
.beyond-above-item h2 {  font-weight: 500; font-size: 50px;color: #fff;  margin-bottom: 25px; }
.beyond-above-item h2 sapn {  color: #F2318A; }
.beyond-above-item:nth-child(2n) { flex-direction: row-reverse;  align-items: center; }
.beyond-above-item:nth-child(odd) .beyond-above-right { text-align: right; }
.insights-team-sec.unlimited-sec { padding-top: 100px;  padding-bottom: 0; }
.unlimited-sec .insights-team-row { max-width: 1140px; }
.take-deep-sec.take-deepv2-sec {  padding-bottom: 15px; }

.beyond-above-text strong { color: rgba(242, 49, 138, 1.0); }

.consumer-hero-text {  text-align: center;  font-size: 20px; }
.consumer-hero-text h3 span {  color: #F2318A; }
.consumer-hero-text p + h3 {  margin-top: 30px;  margin-bottom: 40px; }
.list-group {  max-width: 490px; }
.list-group ul li { margin-bottom: 20px; }
.list-group ul li:last-child {  margin-bottom: 0; }
.insights-team-right strong { color: #F2318A; }
.zigzag_landinv_product .box .con strong { color: #F2318A; }
.animate-wrap ul {  display: inline-block; margin: 0; padding: 0;  list-style: none; }
.animate-wrap ul li {  display: none; }
.animate-wrap ul li.active {  display: inline-block;   animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  -moz-animation: fadeIn ease 5s;
  -o-animation: fadeIn ease 5s;
  -ms-animation: fadeIn ease 5s; }
.animate-wrap {  display: inline-block; }

@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.mad-fest-hero-sec {  padding-top: 150px; }
.mad-fest-hero-sec h2 { font-weight: 700; font-size: 85px;  line-height: normal; text-align: center; width: 100%; max-width: 730px;  margin: auto; }
.mad-fest-hero-sec h2 span { color: #F2318A; }
.mad-fest-hero-caption { background: #F2318A; margin: 400px 0;  position: relative; }
.mad-fest-hero-icon {  position: absolute; right: 160px; top: -300px; width: 100%; max-width: 300px; } 
.mad-fest-hero-item { display: flex; align-items: center; padding: 50px 100px; }
.mad-fest-hero-img {width: 340px;text-align: right;}
.mad-fest-hero-content { width: calc(100% - 340px); padding-left: 30px; }
.mad-fest-hero-content h3 { color: #fff; font-weight: 700;  font-size: 65px;  line-height: normal; }
.mad-fest-hero-text {  font-weight: 600; font-size: 48px; line-height: normal;  color: #fff; }


.mad-fest-hero-caption:before , .mad-fest-hero-caption:after {  content: ""; position: absolute;  left: 0; right: 0; }
.mad-fest-hero-caption:before {width: 0;height: 0;border-width: 0 620px 320px 620px;border-color: transparent transparent #F2318A transparent;border-style: solid;bottom: 100%;}
.mad-fest-hero-caption:after {  width: 0; height: 0; border-width: 320px 620px 0 620px; border-color: #F2318A transparent transparent transparent;  border-style: solid;  top: 100%; }

.mad-fest-hero-item:last-child {  padding-bottom: 0; }
.mad-fest-hero-item:first-child {  padding-top: 0; }

.mad-fest-ticket-item { text-align: center; padding: 20px 0; display: table; margin: auto; max-width: 910px; }
.mad-fest-ticket-item h2 { font-weight: 600; font-size: 65px; line-height: normal; }
.mad-fest-ticket-item h2 span { color: #F2318A; }
.mad-fest-ticket-item h3 { font-weight: 600; font-size: 65px; line-height: normal;/* identical to box height, or 78px */ text-align: center; letter-spacing: -0.019em; color: #828282; margin-top: 50px; margin-bottom: 40px; }
.mad-fest-ticket-img { margin-bottom: 30px; }

.mad-fest-form h2 { font-weight: 600;  font-size: 32px;  line-height: normal;  letter-spacing: -0.019em;  color: #2F2F2F;  margin-bottom: 30px; }
.mad-fest-form.book-demo-banner-section {  background: transparent; position: relative; }
.mad-fest-form .banner-content strong {  color: #F2318A; }
.mad-fest-form .hs-form .hs-form-field > label {font-weight: 600;font-size: 14px;color: #fff;}
.mad-fest-form .hs-form .hs-form-field .hs-input { background: rgba(255, 255, 255, 0.52); }
.mad-fest-form .hs-form .hs-dependent-field { margin-top: 16px; }

.mad-fest-form.book-demo-banner-section .left-content-section .banner-content, .mad-fest-form.book-demo-banner-section .left-content-section .banner-content p { font-weight: 400;  font-size: 24px;  line-height: 38px; }
.mad-fest-form .container {  width: 100%;  max-width: 1174px; }
.mad-fest-form .left-content-section { padding-right: 50px; }
.mad-fest-form .left-content-section .banner-content {  width: 100%; max-width: 490px; }
.mad-fest-svg-ptn { position: absolute; left: calc(50% - 500px); bottom: 0; }

.mad-fest-most-sec { text-align: center; padding: 100px 0; }
.mad-fest-most-item h2 { font-weight: 700; font-size: 65px; line-height: normal; margin-bottom: 50px; }
.mad-fest-most-item { margin: auto; padding: 60px 0; position: relative;  z-index: 1; }
.mad-fest-most-item .container { width: 100%; max-width: 940px;  }
.mad-fest-most-text { font-weight: 400; font-size: 24px; line-height: 39px; }
.mad-fest-most-text h3 { font-weight: 600; font-size: 32px; margin-bottom: 40px; color: #2F2F2F; }
.mad-fest-most-text h3 span { color: #F2318A; }
.mad-fest-most-img { padding: 100px 0; position: relative; }
.mad-fest-most-item:before {  content: ""; position: absolute;  left: 0;  right: 0; z-index: -1; background: linear-gradient(184.13deg, #FFFFFF -63.71%, #FFFFFF 33.04%, #FFFFFF 17.91%, #C9FFFA 68.24%, #FFFFFF 92.17%);  border-radius: 8px;  transform: rotate(180deg);  height: 100%;  bottom: -450px;  opacity: 0.5; }
.mad-fest-most-item:nth-child(2n):before { background: linear-gradient(184.13deg, #FFFFFF -63.71%, #FFFFFF 33.04%, #FFFFFF 17.91%, #FFDCEC 68.24%, #FFFFFF 92.17%);  }
.mad-fest-most-item:last-child:before { display:none; }
svg.mad-fest-most1 {  position: absolute; left: 0;  top: 70px; }
svg.mad-fest-most2 {  position: absolute; right: -60px;  bottom: 130px; }
svg.mad-fest-most1 , svg.mad-fest-most2{ display:none; }
.mad-fest-most-item:first-child svg.mad-fest-most1 , .mad-fest-most-item:first-child svg.mad-fest-most2{ display:block; }

svg.mad-fest-most-ptn {  position: absolute;  left: 0; }
.mad-fest-most-item:nth-child(2n) svg.mad-fest-most-ptn { left: auto;  right: 0; }
.mad-fest-most-item:nth-child(2n) svg.mad-fest-most-ptn path { fill: #ECECEC; }

.mad-fest-bottom-sec {  text-align: center; padding: 220px  0;  background: #F2318A;  position: relative; }
.mad-fest-bottom-sec {  position: relative; }
.mad-fest-bottom-sec h2 {  color: #fff; font-weight: 700;  font-size: 65px;  line-height: normal; width: 100%; max-width: 960px;  margin: auto; }
.mad-fest-bottom-bgicon {  position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%); }
.mad-fest-most-item:last-child .mad-fest-most-img { padding-bottom: 0; }

.insights-img {  text-align: center; margin-top: -130px; }
/* .insights-img svg { margin-top: -18%; } */
.insights-hero { padding-top: 150px; }
.insights-caption h1 { text-align: center; font-size: 100px;  line-height: 122px;  color: #2F2F2F; }
.insights-caption h1 span {  color: #F2318A; }
.insights-caption {  padding: 0 15px; width: 100%;  max-width: 1100px; text-align: center; margin: auto;  position: relative;  z-index: 1; }

.insights-teamv2 .insights-team-row { text-align: center;  margin-bottom: 150px; flex-direction: column-reverse; }
.insights-teamv2 .insights-team-row .insights-team-left { width: 100%;  padding: 0; text-align: center; max-width: 620px; margin: auto; }
.insights-teamv2 .insights-team-row h3 { font-size: 30px; line-height: normal;  font-weight: 600; }
.insights-teamv2 .insights-team-row .down-icon { display: table;  margin: 41px auto 0;  }
.insights-teamv2 .insights-team-wrap {  background: transparent; padding: 0; }
.insights-teamv2 .consumer-hero-text h2 {  color: #F2318A; font-size: 80px;  line-height: 88px; margin-bottom: 40px; margin-bottom: 40px; }
.insights-teamv2 .consumer-hero-text { color: #221F1F; font-size: 32px; line-height: 40px;  font-weight: 600; }
.insights-teamv2 .consumer-hero-text p { margin-bottom: 40px; }
.studio-text { width: 100%; max-width: 760px;  margin: auto; }

.insights-fine-sec .insights-team-row { display: block; max-width: 880px;  margin-bottom: 140px; }
.insights-fine-sec .insights-team-right { padding-left: 0; }
.insights-fine-sec .insights-team-left h3 { font-size: 130px;  line-height: 135px; margin-bottom: 40px;  font-weight: 700;  }
.insights-fine-sec .insights-team-left {  width: 100%; }
.insights-fine-sec .insights-team-right { color: #221F1F; font-size: 24px;  line-height: 35px;  font-weight: 600;  width: 100%;  padding-right: 30px;  max-width: 610px; }
.insights-fine-sec .insights-team-wrap { padding: 0; background: transparent; }
.insights-fine-sec { padding: 200px 0; }

.testimonial-sec {  background: #221F1F; color: #fff; padding: 170px 0; }
.testimonial-sec .testimonial-text { font-size: 45px; line-height: 55px;font-weight: 500;  margin-bottom: 40px; }
.testimonial-sec h4 { color: #fff; font-size: 24px; }

.elevate-sec { background: #221F1F;  color: #fff; padding: 150px 0; text-align: center; }
.elevate-sec h2 { color: #fff; font-size: 80px; line-height: 85px; }
.elevate-sec h2 span {  color: #F2318A;}
.elevate-sec .down-icon { margin-top: 80px; }
.elevate-sec .elevate-title-sec {width: 100%;max-width: 950px;margin: 0 auto 90px;}
.elevate-text { font-size: 30px; line-height: 36px; font-weight: 500; }
.elevate-bottom { width: 100%; max-width: 710px;  margin: 70px auto 0; }

.logo-slider .slick-slide { float: none; display: inline-block; vertical-align: middle; }
.logo-slider .slick-slide .logo {max-width: 270px;margin: auto;text-align: center;display: table !important;}
.logo-slider { padding: 80px 0; }

header.header.fixed { background: rgb(255 255 255 / 98%) !important; }
.mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { padding: 24px 20px; font-size: 14px;  padding: 24px 12px; }
.header .logo {  width: 145px; }
.header .right {  width: calc(100% - 145px); }
.header_btn .btn_style a { font-size: 14px;  padding: 3px 16px 4px; }

.anim-on .animation-mobile-show , .insights-hero .animation-mobile-show { display:none; }
.insights-team-wrap video {  width: 100%; height: auto; }


#imagesequence2[style*="position: fixed;"] svg { margin-top: -7%;  }
.insights-img svg , .insights-img lottie-player { transition: all 0.5s;  width: 84% !important; margin: auto; }

.insights-teamv2 .insights-team-wrap lottie-player { width: 100%;  max-width: 930px; margin: auto; }
.unlimited-section .lottie-animation3 svg { max-width: 1000px; }
.dominate-section .lottie-animation3 svg {max-width: 1050px;}

.predict-hero-sec .insights-img {  margin-top: 50px; margin-bottom: -150px; } 

.new-logo-sec .wework_box .logo { width: calc(100% / 5); }
.new-logo-sec .wework_box {max-width: 1070px;}
.new-logo-sec h4 { font-size: 36px;  line-height: normal; margin-bottom: 50px; }
.new-logo-sec { padding: 75px 0; }

.hero-project { padding-bottom: 60px; }
.hero-project h1 { font-size: 96px; font-weight: 700; }
.hero-project h1 span { font-weight: 700; }
.hero-project .bau-hero-text { font-size: 24px; line-height: 34px; max-width: 600px; }
.hero-project .bau-hero-img { margin-left: 0; text-align: right; }
.hero-project .bau-hero-left { width: 50%; }
.hero-project  .bau-hero-right {  width: 50%; }
.hero-project .bau-hero-img img { max-width: 580px !important; margin-right: auto; }
.hero-down-btn {display: flex;align-items: center;justify-content: center; cursor: pointer; }
.hero-down-wrap { text-align: center; margin-top: 60px; }
.hero-down-btn svg { margin-right: 10px; }

.impossible-caption { text-align: center; color: #fff; }
.impossible-caption h2 { background: #fff; display: initial; line-height: 72px; font-size: 48px; }
.impossible-caption h2 span { color: #F2318A; }
.impossible-text { font-size: 54px; line-height: normal; width: 100%; max-width: 800px;  margin: 40px auto 0; }
.impossible-section { background: #181818; text-align: center; color: #fff; padding: 90px 0; position: relative; z-index: 1; }
.impossible-bottom-text { font-size: 18px; margin-top: 25px; }
.impossible-svg { position: absolute; z-index: -1; }
.impossible-svg1 { left: 0; top: 0; }
.impossible-svg2 { right: 0; top: 0; }
.impossible-svg4 { right: 30px; bottom: 30px; }
.impossible-svg3 { bottom: -10px; }

.ai-landscape-section { padding: 100px 0; background: rgb(234 234 234 / 20%); }
.ai-landscape-section h2 { font-size: 90px;  line-height: 94px;color: #161515;  margin-bottom: 50px; }
.ai-landscape-wrap {  display: flex; align-items: center; }
.ai-landscape-left {  width: 724px;background: #fff; padding: 40px;  position: relative;  z-index: 1;  margin-right: -140px;  margin-left: 120px; font-size: 24px;  line-height: 35px; }
.ai-landscape-right { width: calc(100% - 724px); }
.ai-landscape-wrap { position: relative; }
svg.landscape-svg { position: absolute; z-index: -1; }
svg.landscape-svg.landscape-svg1 { left: 0;bottom: -40px; }
svg.landscape-svg.landscape-svg2 { right: -40px; top: -60px; }

.join-discover-section { text-align: center;  padding: 100px 0; }
.join-discover-box { color: #fff; background: #F2318A;  border: 1px solid #000000; border-radius: 16px; padding: 50px 85px; }
.join-discover-box h2 { color: #fff; }
.join-discover-box .btn_style a:hover { background-color: #2D0919;  border-color: #2D0919;  color: #FFFFFF; }
.join-discover-box .btn_style a { background: #fff; border-color: #F2318A; color: #F2318A; }
.join-discover-text {  margin: 30px 0 40px; }
.join-discover-inner { width: 100%; max-width: 600px;  margin: auto; }

.programme-section { background: #161515; color: #fff;  padding: 70px 0; position: relative; z-index: 1;  overflow: hidden; }
.programme-section h2 { background: #fff; display: initial;  line-height: 72px;font-size: 48px; text-align: center;  margin: auto; }
.programme-title { text-align: center; width: 100%; max-width: 720px; margin: 0 auto 50px; }
.programme-item { display: flex; align-items: center; padding: 100px 0; }
.programme-right { width: 45%;  text-align: right; }
.programme-left { width: 55%; padding-right: 50px;  position: relative; z-index: 1; padding-left: 100px; }
.programme-item:nth-child(2n) { flex-direction: row-reverse; } 
.programme-item h3 { font-size: 42px; color: #FFF; margin-bottom: 20px; position: relative; }
.programme-num { color: #F2318A;  font-size: 240px;  font-weight: 700; opacity: 0.5; margin-bottom: -40px;  z-index: -1; position: relative; }
.programme-section h2 span { color: #F2318A; }
.programme-item:nth-child(2n) .programme-right { text-align: left; }
.programme-item:nth-child(2n) .programme-left { padding-right: 0;  padding-left: 100px; } 
.programme-item h3:before { content: ""; width: 40px; height: 40px; background: #fff;  border-radius: 100%; position: absolute; left: -80px; top: 0px; }

.programme-row { position: relative; }
.programme-row:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='558' height='1410' viewBox='0 0 558 1410' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1409.07V1252.03C1 1211.74 24.2786 1175.07 60.745 1157.92L497.255 952.66C533.721 935.513 557 898.843 557 858.546V585.492C557 545.385 533.938 508.852 497.73 491.603L61.7438 283.897C25.5357 266.648 2.47329 230.115 2.47329 190.008V0.5' stroke='white' stroke-width='2' stroke-dasharray='16 16'/%3E%3C/svg%3E%0A"); position: absolute;  left: 37px; width: 550px;  background-repeat: no-repeat;  background-size: contain;  top: 195px;  bottom: 0;  height: 1400px; }
.programme-item:nth-child(1) {padding-top: 92px;padding-bottom: 50px;}
.programme-item:nth-child(2) {align-items: flex-end;padding-bottom: 220px;}
.programme-item:nth-child(2) h3::before { left: -93px; } 
.programme-item:nth-child(3) { padding-top: 160px; padding-bottom: 50px; }
.programme-svg { position: absolute; left: 0; top: 70px; z-index:-1; }
.programme-item:nth-child(2) .programme-num { color: #19D3C8; }
.programme-item:before {  content: ""; position: absolute; left: -140px; top: 0;  bottom: 0;  width: 600px;  height: 600px;    background: #F2318A; right: 0; opacity: 0.5;  filter: blur(221px);  z-index: -1; }
.programme-item { position: relative; }
.programme-item:nth-child(1):before { display: none; }
.programme-item:nth-child(2):before {  left: auto; right: -240px;  background: #19D3C8; }

/*  */
.mad-attention-hero-sec h3 { font-size: 68px; }
.mad-attention-hero-sec .mad-fest-hero-img { width: 360px; }
.mad-attention-hero-sec .mad-fest-hero-content { width: calc(100% - 360px); }
.mad-attention-hero-sec .mad-fest-hero-item:nth-child(2n) { flex-direction: row-reverse; }
.mad-attention-hero-sec .mad-fest-hero-item:nth-child(2n) .mad-fest-hero-content { text-align: right; }
.mad-attention-hero-sec .mad-fest-hero-item:nth-child(2n) .mad-fest-hero-img { text-align: left; padding-left: 40px; }
.mad-attention-hero-sec .mad-fest-hero-item { padding: 30px 15px; } 
.mad-attention-hero-sec .mad-fest-hero-text { width: 100%; max-width: 480px; margin-left: auto; }

.speakers-sec .mad-fest-ticket-item h3 { font-size: 32px; color: #2F2F2F; line-height: normal; margin-bottom: 20px; }
.speakers-sec .mad-fest-ticket-item h2 { color: #2F2F2F; font-weight: 700; }

.speakers-row { display: flex; justify-content: center; text-align: center; flex-wrap: wrap; }
.speakers-img { height: 430px; margin-bottom: 30px; position: relative; }
.speakers-item h4 { color: #F2318A; font-size: 45px; line-height: normal; margin-bottom: 15px; }
.speakers-item {  padding: 0 15px 50px;  width: 33.333%; }
.bottomtext { font-size: 32px; line-height: 50px; color: #2F2F2F; text-align: center; width: 100%; max-width: 900px; margin: auto; }
.speakers-text { font-size: 30px; line-height: normal; }
.speakers-sec { position: relative; z-index: 1; }
.speakers-sec:before { content: ""; position: absolute; left: 0; right: 0; z-index: -1; background: linear-gradient(184.13deg, #FFFFFF -63.71%, #FFFFFF 33.04%, #FFFFFF 17.91%, #C9FFFA 68.24%, #FFFFFF 92.17%); border-radius: 8px; transform: rotate(180deg); height: 100%; bottom: 0px; opacity: 0.5; }
.speakers-img:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='69' height='149' viewBox='0 0 69 149' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1766 0.551053C14.5519 0.962175 11.0405 1.62657 11.0231 2.75822C11.0057 3.88987 14.4589 4.86395 20.0706 5.83498C22.8626 6.30958 26.2023 6.74481 29.9439 7.18292C31.6435 7.33426 33.4451 7.49872 35.321 7.65442C32.6558 9.16933 30.1316 10.9199 27.7786 12.885C20.432 19.085 14.3895 26.682 10.0016 35.2352C2.68113 49.2282 -0.418748 65.0457 1.07841 80.7668C2.76635 97.8855 9.57362 114.098 20.6125 127.291C30.8725 139.387 43.3284 146.682 53.0444 148.4C56.837 149.183 60.7592 149.082 64.5064 148.105C67.1251 147.319 68.3499 146.422 68.2712 146.18C68.1808 145.413 62.4441 147.644 53.7126 144.907C44.9811 142.17 33.9831 134.678 25.1228 123.17C15.6881 110.727 10.0539 95.8206 8.8994 80.2477C8.38687 72.8271 8.98121 65.3715 10.663 58.1259C14.1252 43.3442 21.8124 29.8887 32.7877 19.3992C35.3188 17.0178 37.3256 15.3005 38.9247 13.9576L38.7531 17.1909L37.979 27.6743C37.5556 33.6734 37.4569 37.5256 38.3919 37.7921C39.327 38.0586 41.089 34.6883 42.8013 28.7634C43.764 25.2746 44.5204 21.7322 45.0668 18.1546C45.3783 16.1097 45.6534 13.9687 45.8455 11.7622C45.959 10.5942 46.0405 9.58049 46.1118 8.26679C46.2848 7.18492 46.2181 6.07824 45.9163 5.02502C45.6144 3.97179 45.0849 2.99774 44.3651 2.17175C43.6342 1.41721 42.7003 0.890664 41.6764 0.655817C41.1636 0.54421 40.6432 0.471213 40.1194 0.437457L38.9354 0.401131L35.8623 0.311055C33.8248 0.274793 31.8644 0.254557 30.006 0.24741C26.2921 0.257875 22.9394 0.351321 20.0032 0.571455' fill='%23072333'/%3E%3C/svg%3E%0A"); position: absolute;  left: -70px; bottom: -60px;  width: 69px;  height: 149px; }
.speakers-item:nth-child(2n) .speakers-img:after { right: -60px; left: auto;  transform: scale(-1) rotate(15deg);  bottom: -50px; }

.event-section { padding-top: 60px; padding-bottom:20px; }
.event-section::before { display: none; }

.event-item { background: #FFF; box-shadow: 0px 10px 20px rgba(138, 149, 158, 0.15); border-radius: 25px; padding: 55px 45px; width: 100%; max-width: 1064px; margin: 0 auto 80px; position: relative; }
.event-time { color: #000; font-size: 30px; font-weight: 700; border: 1px solid #E8E8E8; display: inline-block; padding: 12px 16px; border-radius: 10px; }
.event-time svg {  margin-right: 5px; display: inline-block; vertical-align: middle;  margin-top: -6px; }
.event-title {  font-size: 35px;  color: #000; font-weight: 700;  margin-top: 40px; line-height: normal; }
.event-title span {  color: #F2308A; }
.event-item:nth-child(2n) svg path { fill: #19D3C8; }

.event_wrap_box { width: 100%; max-width: 856px; margin: auto; text-align: center; }
.event-bottomtext { color: #2F2F2F; font-size: 32px; line-height: normal; font-weight: 700; margin-bottom: 60px; }
.event-bottomtext span { color: #F2318A; }
.event_wrap_box .btn_style a { width: 100%; font-size: 25px;  padding: 25px 35px; }

.location-bottom-sec { background: transparent; padding: 0; }
.location-wrap {   padding: 90px 82px; position: relative; overflow: hidden; border-radius: 10px; z-index: 1; }
.location-wrap .mad-fest-bottom-bgicon { z-index: -1; }
.location-item { display: flex; text-align: left;  background: #Fff;  box-shadow: 0px 30px 60px rgba(72, 5, 36, 0.15); border-radius: 20px; width: calc(100% / 2 - 30px); margin: 15px;  align-items: center;  padding: 40px 25px; }
.location-row {  display: flex;  flex-wrap: wrap; margin: 0 -15px; }
.location-icon { width: 116px; height: 116px; background: #FEF1F7;  display: flex; align-items: center; justify-content: center;  border-radius: 100%; }
.location-content {  width: calc(100% - 116px); padding-left: 40px; }
.location-text { font-size: 26px; line-height: normal; }
.location-item:nth-child(2n) .location-icon { background: #E4FCFA; }
.location-wrap .mad-fest-bottom-bgicon img { max-width: 330px !important; }

.profiles-experts-sec .speakers-img:after {  display: none; }
.profiles-experts-sec .speakers-text {  font-size: 26px;  margin-bottom: 30px;  font-weight: 600; }
.profiles-experts-sec h4 {  font-size: 35px; }
.speakers-content {  font-size: 20px; line-height: 29px; }

.mad-attention-hero-sec { position: relative; }
.attention-hero-svg { position: absolute; right: 60px; }
.attention-hero-caption { width: 100%; max-width: 1000px; margin: 240px auto; }
.attention-hero-caption:before { border-width: 0 500px 210px 500px; }
.attention-hero-caption:after { border-width: 210px  500px 0 500px; }
.attention-hero-svg2 { left: 100px; bottom: 0; right: auto;  width: 108px; }
.attention-hero-svg2 svg {  width: 100%; height: auto; }

.event-svg { position: absolute; right: 130px; top: 190px; }
.event-section .mad-fest-most-ptn { top: 300px; }
.event-section:before { content: ""; position: absolute; left: 0; right: 0; z-index: -1; background: linear-gradient(184.13deg, #FFFFFF -63.71%, #FFFFFF 33.04%, #FFFFFF 17.91%, #C9FFFA 68.24%, #FFFFFF 92.17%);  border-radius: 8px;  transform: rotate(180deg);  height: 60%; opacity: 0.5;  display:block;  bottom: 0;  top: auto; }

.profiles-experts-sec .event-svg { left: 51px; }
.profiles-experts-sec svg.mad-fest-most-ptn { right: 0; left: auto; top: 120px; }

.event-item:before { content: ""; position: absolute; left: 100px; top: 100%; width: 1px;  border-left: 3px dotted #9D9D9D; height: 80px;  opacity: 0.5; }

.choose_dragonfly_sec { background: #181818; padding: 90px 0; position: relative;  z-index: 1; } 
.choose_dragonfly_sec .main_title { margin-bottom: 110px; }
.choose_dragonfly_sec .main_title h4 , .main_titlev2 h4 { display: inline; background: #fff; font-size: 48px; line-height: 67px; }
.choose_dragonfly_sec .main_title h4 span , .main_titlev2 h4 span { color: #F2318A; }
.choose_dragonfly_wrap {  display: flex; }
.choose_dragonfly_left { width: 55%; padding-top: 30px; }
.choose_dragonfly_right {  width: 45%; }
.choose_dragonfly_left ul { padding: 0; margin: 0; list-style:none; }
.choose_dragonfly_left ul li a { color: #fff; font-weight: 700; line-height: normal; }
.choose_dragonfly_left ul li:after { content: "";position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 1px; background: rgb(204,204,204);background: linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(255,255,255,0) 71%);opacity: 0.5;}
.choose_dragonfly_left ul li { font-size: 20px; position: relative;  margin-bottom: 15px;  padding-bottom: 15px; padding-left: 50px; }
.choose_dragonfly_left ul li:last-child:after { display: none; }
.choose_dragonfly_left ul li span { color: #F2318A; margin-right: 20px; left: 0; top: 0; position: absolute; }
.choose_svg { position: absolute; left: 0;  z-index: -1; }
.choose_svg2 { right: 0; bottom: -10px;  left: auto; }
.main_title.main_titlev2 {  margin-bottom: 50px; }
.diageo_cta { border-bottom: 2px solid #F2318A; padding: 120px 0; }
.diageo_cta .cta-box h3 { max-width: 570px; }

.diageo_video { margin-bottom: 0 !important; background: transparent; position: relative;  z-index: 1; }
.diageo_video .main_title h2 {  color: #181818 !important; }
.diageo_video:before , .diageo_video:after { content: ""; position: absolute; z-index: -1; }
.diageo_video:before { background-image: url("data:image/svg+xml,%3Csvg width='554' height='801' viewBox='0 0 554 801' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.7' d='M546.295 517.328C552.623 511.057 555.106 501.875 552.8 493.27L452.331 118.313C450.025 109.707 443.284 102.997 434.668 100.731L55.7886 1.07596C47.2906 -1.15922 38.2442 1.26477 32.0023 7.44948L-246.289 283.192C-252.618 289.463 -255.101 298.645 -252.795 307.251L-152.326 682.207C-150.02 690.813 -143.279 697.523 -134.662 699.79L244.217 799.444C252.715 801.679 261.761 799.255 268.003 793.071L546.295 517.328Z' fill='url(%23paint0_linear_1546_2269)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1546_2269' x1='549.368' y1='480.46' x2='-67.5784' y2='341.18' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F2318A' stop-opacity='0.42'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); width: 834px;  height: 810px;   background-size: contain; background-repeat: no-repeat; }
.diageo_video::after { width: 500px;  height: 500px;    right: 0; bottom: 0; background: #F2318A; filter: blur(471px);  opacity: 0.5; }

.diageo_hero h1 { font-size: 76px; line-height: 74px; margin-bottom: 25px; }
.diageo_hero .hero-down-wrap { display: none; }
.diageo_hero { padding-top: 160px; background: #F5F5F5; }

.single-image-sec { padding: 130px 0; }
.diageo_logo .wework { display: flex; align-items: center; justify-content: center; background: #FFFFFF; border: 2px solid #FFFFFF; border-radius: 16px;  width: 100%; position: relative; z-index:2; }
.diageo_logo .wework .main_title { border: 1px solid #F2318A; text-align: left; width: auto;  padding: 7px 25px;border-radius: 90px;  margin: 0 40px 0 0; }
.diageo_logo .wework .main_title h4 { margin-bottom: 0;  font-size: 14px;  font-weight: 500; }
.diageo_logo .wework .wework_box {max-width: none;margin: 0;justify-content: left;width: calc(100% - 370px);}
.diageo_logo { margin-bottom: -88px; background: #F5F5F5;  }
.logo_we_section .wework_box .logo { width: 20%; }

/**/
.mad-attention-hero-sec h3 { font-size: 44px; }
.mad-attention-hero-sec .mad-fest-hero-text { font-size: 30px; }
.attention-hero-caption { max-width: 810px; margin: 150px auto; }
.mad-attention-hero-sec .mad-fest-hero-item { padding: 0 15px; }
.attention-hero-caption:before { border-width: 0 406px 150px 406px; }
.attention-hero-caption:after { border-width: 150px 406px 0 406px; }
.mad-attention-hero-sec { padding-top: 100px; }
.speakers-sec .mad-fest-ticket-item h3 { font-size: 24px; margin-top: 0; }
.speakers-sec .mad-fest-ticket-item { max-width: 750px; }
.speakers-sec .mad-fest-ticket-item h2 { font-size: 48px; }
.speakers-img img { width: 100%; height: 100% !important; object-fit: scale-down; }
.speakers-img { height: 290px; }
.speakers-item h4 { font-size: 30px; }
.speakers-text { font-size: 20px; }
.bottomtext { font-size: 20px; line-height: 34px; }
.speakers-item:nth-child(2n) .speakers-img:after { right: 0px; }
.speakers-img:after { left: -20px; }
.speakers-sec .mad-fest-ticket-img img { max-width: 220px !important; }
.event-time { font-size: 20px; }
.event-title { font-size: 24px; margin-top: 20px; }
.event-item { padding: 35px 45px; margin-bottom: 60px; }
.location-icon { width: 96px; height: 96px; }
.location-icon img { width: 30px; }
.location-content { width: calc(100% - 96px); }
.location-text { font-size: 18px; }
.location-wrap { padding: 60px 52px; }
.profiles-experts-sec .speakers-text { font-size: 20px; }
.speakers-content { font-size: 14px; line-height: 24px; }
.speakers-item { padding-bottom: 30px; }

.project_herov2 .btn_style a { background: #173BBB; border-color: #173BBB; }
.project_herov2 .btn_style a:hover { background: #04259b; border-color: #04259b; }
.project_herov2 svg circle:first-child { fill: #173BBB; }
.project_herov2 svg circle:nth-child(2) { stroke: #173BBB; }
.project_herov2 svg path { stroke: #173BBB; }
.project_herov2 { background: rgb(234 234 234 / 20%); }

.impossible-caption h2 span { color: #173BBB; }

.programme-section h2 span { color: #173BBB; }
.programme-num {  color: #7A8AC1; }
.programme-item:nth-child(2):before { background: #7A8AC1; opacity: 0.8; }
.programme-item:before { background: #173BBB; opacity: 0.7; }
.programme-item:nth-child(2) .programme-num { color: #7A8AC1; }
.join-discover-box { background: #173BBB; }
.join-discover-box .btn_style a {  color: #173BBB;border-color: #fff; }

/* */
.speakers-bottomtext { color: #F2318A;  text-align: center; font-size: 32px;  font-style: normal; font-weight: 600; line-height: 35px;  letter-spacing: -0.608px; margin-top: 60px; margin-bottom: 30px; }
.speakers-sec:before { top: 400px; } 
.speakers-sec .btn_style {  text-align: center;  margin-top: 50px; } 

.event_location { padding-bottom: 50px; }
.profiles-experts-sec { padding-bottom: 20px; }
.event-item:last-child:before { display: none; }

/* */
.hero-ecommerce-sec { padding: 210px 0; text-align: center;  min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; }
.hero-ecommerce-caption h1 {font-size: 100px;line-height: 100px;margin-bottom: 40px;}
.hero-ecommerce-caption h1 span { color: #F2318A;  display: block; }
.hero-ecommerce-text { color: #221F1F;  font-weight: 700;  font-size: 30px; width: 100%;  max-width: 520px; margin: auto; }
/* .magic-btn { position: absolute;  bottom: 20px; left: 0;  right: 0; } */
.magic-btn a { width: 100%;  max-width: 110px; display: block;  margin: 50px auto 0; }
.magic-btn h6 { color: #221F1F; font-size: 20px;  font-weight: 600; }
.magic-btn h6 span { color: #F2318A; }

.real_time_sec { padding: 140px 0 40px; }
.real_time_title {  text-align: center; width: 100%; max-width: 940px;  margin: 0 auto 60px; }
.real_time_title h2 {font-size: 92px;  line-height: normal; margin-bottom: 40px; }
.real_time_title h2 span { color: #F2318A;  display: block; }
.real_time_text { font-size: 30px;  line-height: normal;color: #2E2E2E; font-weight: 600; }

.join-dragonfly-box { text-align: center;  padding: 100px 0 130px; }
.join-dragonfly-box svg.down_icon { margin-bottom: 40px; }
.join-dragonfly-box h2 { color: #221F1F;  font-size: 26px; line-height: normal; }
.join-dragonfly-box h2 span { color: #F2318A; }

.sales-uplift-sec { background: #F2318A; padding: 120px 0;  min-height: 520px;  display: flex;  align-items: center; }
.sales-uplift-sec h2 { font-size: 64px;  color: #fff; line-height: normal;  margin-bottom: 0; }

.ecommerce-team-sec .insights-team-left { margin-bottom: 180px; }
.ecommerce-team-sec .insights-team-left h3 { font-size: 110px; line-height: 120px; }
.ecommerce-team-sec .insights-team-row { max-width: 1150px; }
.ecommerce-team-sec .insights-team-right {font-weight: 400;  max-width: 840px; }
.ecommerce-team-sec .insights-team-right h4 { font-size: 48px;  line-height: normal;margin-bottom: 15px; }

.strip_title.strip-title-cta { background: rgba(242, 49, 138, 1.0);  padding: 90px 15px; }
.strip-title-cta .innerstrip {  width: 100%; max-width: 620px; margin: auto; }
.strip-title-cta .innerstrip h2 { font-size: 36px;  line-height: normal; }
.strip-title-cta .btn_style a {  background: #fff; color: #F2318A; }

.empowering_ecommerce { padding-bottom: 0; }
.ecommerce-team-sec {padding-bottom: 150px;}
.ecommerce-testimonial {  background: #FFF6FB; margin-bottom: 100px; }
.ecommerce-testimonial .testimonial-text {color: #221F1F;font-weight: 700; margin-bottom:0;}
.ecommerce-testimonial .testimonial-text span {  color: #F2318A; }
.ecommerce-testimonial h4 {  color: #2D0919; }

.increase_enga_item {  background: #F6F8FE; padding: 90px 100px 60px;  border-radius: 10px; margin-bottom: 20px; }
.increase_enga_sec .container {  max-width: 1104px;  width: 100%; }
.increase_enga_content h3 { font-size: 44px;  line-height: normal; }
.full-column .increase_enga_content { width: 100%; max-width: 720px; }
.left_right_content { display: flex; align-items: center; }
.left_right_content .increase_enga_content { width: 60%;  padding-right: 40px;  margin-bottom: 0; }
.left_right_content .increase_enga_img {  width: 40%; }
.increase_enga_content h3 span { color: #F2318A; }
.half-column .increase_enga_content { margin-bottom: 50px;  padding: 0 25px; }
.half-column { width: calc(100% / 2 - 10px);  padding-left: 60px; padding-right: 60px; }
.increase_enga_row {  display: flex; flex-wrap: wrap; justify-content: space-between; }
.increase_enga_sec {  padding-bottom: 150px;}

.questions_sec {  padding: 130px 0; }
.questions_sec .title_sec {margin-bottom: 80px;}
.questions_row {  display: flex;  flex-wrap: wrap;  justify-content: space-between; }
.questions_item { width: 50%;  padding: 0 40px 40px; max-width: 520px; }
.questions_item h4 { font-size: 24px;  position: relative; }
.questions_item h4 svg {  position: absolute;  left: -40px; top: 4px; }
/* box-shadow: 0 0 0 10px #F2318A; */
.magic-btn a {background: #FFf;height: 60px;border-radius: 90px;position: relative;transition: ease 0.5s;} 
.magic-btn lottie-player { position: absolute; width: 198%; z-index: -1; height: 246%; left: 50%;top: 50%;transform: translate(-50%, -50%); }
.magic-btn a svg {  position: absolute; left: 0; margin: auto;  top: 0;  bottom: 0;  transition: all 0.5s; }
.magic-btn a.active svg {  left: 48px; }
/* .magic-btn a.active {  background: #F2318A; } */
.empowering_ecommerce {  padding-bottom: 0; }

/* */
.header-v2 header.header.header_fixedtop.nav-up , header.header.nav-up {transform: translateY(-100%);}
.ecommerce_logo { padding-top: 80px; }

.choose_dragonfly_v2 .main_title h4 span { color: #19D3C8; }
.choose_dragonfly_v2 .choose_dragonfly_left ul li span { color: #19D3C8; }

.evolution_hero { background-image: linear-gradient(60deg,hsl(191deg 53% 18%) 0%, hsl(194deg 59% 16%) 4%, hsl(196deg 65% 15%) 7%,hsl(198deg 69% 14%) 11%,hsl(201deg 71% 13%) 15%, hsl(204deg 71% 13%) 19%, hsl(207deg 68% 12%) 23%, hsl(212deg 65% 11%) 29%, hsl(217deg 59% 10%) 36%,hsl(227deg 53% 10%) 45%, hsl(244deg 52% 9%) 59%, hsl(262deg 87% 6%) 100% ); color: #fff;  padding-top: 200px; padding-bottom: 120px; }
.evolution_hero .container {  display: flex;  align-items: center; }
.evolution_hero h1 { color: #F2318A; font-size: 85px; font-weight: 700;line-height: 98%; letter-spacing: -2.55px;}
.evolution_hero h2 { font-size: 62px;  font-weight: 500;  line-height: 64px; letter-spacing: -1.86px; color: #fff; }
.evolution_left {  width: 55%;  padding-right: 70px; }
.evolution_right { width: 45%; }
.evolution_text { font-size: 22px; font-style: normal; }
.evolution_right .btn_style { text-align: center; }
.evolution_list ul li { display: inline-block;  border-radius: 9.223px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.20) 100%);  padding: 12px 25px;   font-size: 18px;   font-style: normal;   font-weight: 700;   line-height: 20px; text-transform: uppercase;  margin-right: 18px;   min-width: 210px;   text-align: center; }
.evolution_list ul {  padding: 0; }
.evolution_list { margin-top: 40px; }

.giving_section {  background-position: center; background-repeat: no-repeat; background-size: cover;  padding: 130px 0; min-height: 778px;  display: flex; }
.giving_section .container { display: flex; align-items: center; }
.giving_section .giving_left { width: 50%; padding-right: 75px; }
.giving_section .giving_left h3 { color: #181818;  font-size: 48px;  font-style: normal;   font-weight: 700; line-height: 80.393px; letter-spacing: -0.507px; background: #fff;  display: initial; }
.giving_logo { margin-bottom: 90px; }
.giving_section .giving_right {  width: 50%;  padding-left: 40px;  padding-top: 60px; }
.giving_person_box { padding: 30px; width: 310px; margin-left: auto;  margin-right: 80px; margin-top: -139px; position: relative;  z-index: 1; }
.giving_person_box h4 { color: #221F1F; font-size: 28px; font-style: normal; font-weight: 700;  margin-bottom: 0; }
.giving_person_box .giving_person_text { color: #F2318A; font-size: 18px;  font-style: normal; font-weight: 700; line-height: 36px; text-transform: uppercase; }
.giving_person_box:after { content: ""; position: absolute;  left: 0; right: 0; top: 0; bottom: 0;  z-index: -1;  background: #fff;  clip-path: polygon(0% 0%, 100% 7%, 100% 50%, 100% 93%, 0% 100%); }

.evolution_increase_enga { padding: 120px 0; }
h2.increase_enga_title { margin-bottom: 60px; font-size: 62px;  line-height: normal; }
h2.increase_enga_title span { color: #F2318A; }
.evolution_increase_enga .increase_enga_text { color: #221F1F;  font-family: Inter; font-size: 24px; font-style: normal; font-weight: 600;  line-height: normal; letter-spacing: -0.456px; }
.evolution_increase_enga .increase_enga_content {  padding-right: 60px;  width: 55%; }
.evolution_increase_enga .increase_enga_img { width: 45%; }
.evolution_increase_enga .increase_enga_text span { color: #F2318A; }
.evolution_increase_enga .increase_enga_item.full-column.left_right_content:nth-child(2n) { flex-direction: row-reverse; }
.evolution_increase_enga .increase_enga_item.full-column.left_right_content:nth-child(2n) .increase_enga_content { padding-left: 40px;  padding-right: 0; }

.book-demo-banner-section.form-attention-evolution.mad-fest-form {  padding: 90px 0; }
.book-demo-banner-section.form-attention-evolution .book-demo-form-wrap .form-box { width: 100%; max-width: 920px; margin: auto;  padding: 50px 70px; }
.book-demo-banner-section.form-attention-evolution .hs-form .hs-form-field .hs-input {  color: #F2318A; font-size: 14px; }
.book-demo-banner-section.form-attention-evolution .hs-form .hs-form-field select.hs-input { background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7173 14.435C10.3245 14.8392 9.67545 14.8392 9.28272 14.435L5.12434 10.1542C4.50844 9.52021 4.95769 8.45746 5.84163 8.45746L14.1584 8.45746C15.0423 8.45746 15.4916 9.52021 14.8757 10.1542L10.7173 14.435Z' fill='%23F2318A'/%3E%3C/svg%3E%0A");  background-repeat: no-repeat;   background-position: 97% center; }
.book-demo-banner-section.form-attention-evolution .hs_submit.hs-submit input { width: auto;  margin: 20px auto 0; display: table; }

.evolution_img lottie-player { position: relative; left: 50%;  transform: translateX(-48%); width: 130%; }

.book-demo-banner-section.form-attention .submitted-message { font-size:20px; line-height: 30px; }

/* */
/* .magic-btn lottie-player { width: 160px; }
.magic-btn {  margin-top: 80px; }
.magic-btn a { background: transparent; } */

/* 11-10-2023 */
.hero-ask-sec { padding: 150px 0; min-height: 800px; display: flex; align-items: center;  position: relative;  z-index: 1; }
.hero-ask-sec:after { content: "";  position: absolute; left: 0; right: 0; top: -430px; bottom: 0; background: linear-gradient(173deg, #FFF 26.29%, #FFF 33.04%, #FFF 51.91%, #FFDCEC 68.24%, #FFF 76.17%);  z-index: -1;   filter: blur(300px); }
.hero-ask-sec .container { display: flex; align-items: center; }
.hero-ask-left { width: 40%; padding-right: 60px; }
.hero-ask-right { width: 60%; text-align: right; }
.hero-ask-sec h1 { font-size: 96px; font-style: normal; font-weight: 700; line-height: 100px; letter-spacing: -0.871px; margin-bottom: 30px; }
.hero-ask-sec h1 span { color: #F2318A; }
.hero-ask-text { font-size: 24px; font-style: normal; font-weight: 400;  line-height: 34px; }

/*  */
.hero-game-attention-sec { min-height: 800px; padding: 200px 0; display: flex; align-items: center;  text-align: center; background-position: center; background-repeat: no-repeat;  background-size: cover; position: relative; z-index: 1; }
.hero-game-caption { width: 100%; max-width: 850px;  margin: auto; }
.hero-game-caption h1 { font-size: 96px; font-style: normal; font-weight: 700; line-height: 100px; letter-spacing: -0.871px; margin-bottom: 40px; }
.game_svg { position: absolute; z-index: -1; }
.game_svg.game_svg2 { right: 0; bottom: -80px; }
.game_svg.game_svg1 {  left: 0; }

.episode-list-sec { padding: 100px 0; }
.episode-item { display: flex; box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.06); background: #fff;  border-radius: 5px; margin-bottom: 50px;  position: relative; }
.episode-img { width: 420px; }
.episode-content { width: calc(100% - 420px); padding: 100px 100px; }
.episode-row { width: 100%; max-width: 1046px; margin: auto; }
.episode-content h2 { font-size: 45px; margin-bottom: 30px; }
.episode-item .link { position: absolute;  bottom: 40px; right: 80px; }
.episode-item .link a {display: flex;align-items: center;font-size: 16px;color: #000;font-weight: 600;}
.episode-item .link a svg { margin-right: 10px; }
.episode-text { font-size: 16px; font-weight: 300; line-height: 24px; }
.episode-content:after { content: "";  position: absolute; }
.episode-item:after { content: "";  position: absolute;  right: -8px;  bottom: -8px;  top: 0;  background: linear-gradient(314.67deg, #F2318A -12.82%, rgba(255, 255, 255, 0) 31.35%), linear-gradient(0deg, #FFFFFF, #FFFFFF);   z-index: -1;   border-radius: 10px;   width: 50%;   left: auto;}

.episode-list-sec .join-dragonfly-box { padding: 60px 0 0; }
.episode-list-sec .join-dragonfly-box h3 { font-size: 36px;  margin-bottom: 30px; }

.hero-episode-sec h1 { color: #F2318A;  font-family: Inter; font-size: 96px;  font-style: normal; font-weight: 700; line-height: 100px;  letter-spacing: -0.871px; }
.hero-episode-sec .hero-ask-right { width: 50%; }
.hero-episode-sec .hero-ask-left { width: 50%; padding-top: 100px; padding-bottom: 120px;  position: relative; }
.hero-episode-sec .hero-ask-text {  max-width: 400px; margin-bottom: 50px; }
.hero-episode-sec .down_icon {position: absolute;left: 0;right: 0;text-align: center;bottom: 0;}

.video-episode.with-bg { background: #fff; padding-bottom: 50px;  margin-bottom: 0; }
.video-episode h3 { margin-bottom: 24px; }
.video-episode .join-dragonfly-box { padding-bottom: 60px; }
.episode-con-wrap { display: flex;  align-items: center; margin-bottom: 50px; }
.episode-con-wrap h2 { color: #2F2F2F;  font-size: 54px; width: 50%;  padding-right: 20px; line-height: normal; padding-left: 50px; margin-bottom: 0; }
.episode-con-img { width: 50%; }
.episode-con-wrap h2 span { color: #F2318A; }
.episode-con-text span[style*="text-decoration"] , .episode-con-text  a { color: #0A66C2;  font-weight: 700; }
.episode-con-text a { text-decoration: underline; }

.episode-con-sec {  padding-bottom: 70px; }

/* */
.essay1-hero { color: #fff; }
.essay1-hero h5 {font-size: 44px; font-style: normal; font-weight: 400; line-height: 34px; color: #fff; margin-bottom: 40px; }
.essay1-hero h1 { color: #fff; }
.essay1-hero::after { opacity: 0; }

.essay1-hero h6 { font-size: 28px; font-style: normal; font-weight: 700; line-height: normal; color: #fff; margin-bottom: 4px; }
.essay1-hero .person-text { color: #F2318A; font-size: 18px; font-weight: 700; }
.essay1-hero .person-wrap { width: 100%; max-width: 290px; text-align: left;  margin-left: auto;  margin-top: 30px; }
.essay1-hero .container {  max-width: 1150px; }

.essay-content-sec { padding: 80px 0; }
.essay-content-sec h3 { margin-bottom: 20px; }

.essay-bottom .join-dragonfly-box { padding: 0 !important; }
.real_client.essay-bottom { padding-bottom: 80px; }

/*  */
.confidence_hero h1 { font-size: 62px; }
.confidence_hero .btn_style {  text-align: center; }
.confidence_hero { background: #fff; }
.confidence_hero .container { align-items: center; }
.confidence_hero .bau-hero-right { margin-top: -80px; }

.confidence_logo .wework_box .logo { width: calc(100% / 7); }
.confidence_logo .wework .wework_box { width: calc(100% - 300px); }
.creative_testing .single-image {  text-align: center; }

.video_sec { background: #fff; padding-top: 190px; }
.video_sec .video:before {display: none;}
.video_sec.with-bg .main_title h2 { color: #333333; font-size: 60px; line-height: normal; margin-bottom: 20px; }
.video_sec.with-bg .main_title h2 span { color: #333333; font-weight: 400; display: block; }
.video_sec.with-bg .main_title .text p { font-size: 18px; line-height: 25px; }
.video_sec.with-bg .main_title .text { width: 100%; max-width: 690px; margin-bottom: 20px; }
.video_sec.with-bg { margin-bottom: 0; }

.book-demo-banner-section.book_demo_sec { padding-bottom: 90px; }
.book-demo-banner-section.book_demo_sec .book-demo-form-wrap .form-box {max-width: 920px;margin: auto;padding: 40px; box-shadow: 0 22px 30px -9px #FFA6CF; }
.book-demo-banner-section.book_demo_sec .hs_submit.hs-submit input { display: table; width: auto; margin: auto; }

.instantly_logo { background: #fff; }
.instantly_logo .wework_box .logo { width: calc(100% / 6); }

.choose_bacardi .main_title h4 span {color: #F2318A; }
.choose_bacardi .choose_svg1 stop:first-child { stop-color: #F2318A; }
.choose_bacardi .choose_svg2 circle { fill: #F2318A; }
.choose_bacardi .choose_dragonfly_left ul li span { color: #F2318A; }

.empower_video h2 span { color: #19D3C8; }

.dragonflyai-logo-sec .wework_box .logo { width: calc(100% / 6); }
.dragonflyai-logo-sec .wework_box .logo img { width: 100%; height: 55px !important; max-width: 90px !important; }

.take_deep_sec { padding: 90px 0; }
.book_formbg_white .form .legal-consent-container a { color: #F2318A; }
.book_formbg_white .form .legal-consent-container a:hover { opacity: 0.6; }

/*  */
.danone_hero .bau-hero-left { width: 40%; }
.danone_hero .bau-hero-left .bau-hero-text { font-size: 22px; }
.danone_hero .bau-hero-right { width: 60%; }
.danone_hero .bau-hero-right .bau-hero-img img { max-width: 750px !important; }

.insights_powered h2 span { color: #19D3C8; }
.insights_powered::after { background: #19D3C8; width: 650px; height: 650px; }
.insights_powered::before { background-image: url("data:image/svg+xml,%3Csvg width='512' height='801' viewBox='0 0 512 801' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.7' d='M503.783 517.328C510.111 511.057 512.594 501.875 510.288 493.27L409.819 118.313C407.513 109.707 400.772 102.997 392.156 100.731L13.2766 1.07596C4.77861 -1.15922 -4.26784 1.26477 -10.5097 7.44948L-288.801 283.192C-295.13 289.463 -297.613 298.645 -295.307 307.251L-194.838 682.207C-192.532 690.813 -185.791 697.523 -177.174 699.79L201.705 799.444C210.203 801.679 219.249 799.255 225.491 793.071L503.783 517.328Z' fill='url(%23paint0_linear_2949_281)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2949_281' x1='506.856' y1='480.46' x2='-110.09' y2='341.18' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2319D3C8'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); }

.choose_danone .choose_dragonfly_wrap { align-items: center; }
.choose_danone .main_title { margin-bottom: 40px; }
.danone_logo .wework_box .logo { width: calc(100% / 6); }
.danone_logo .wework_box .logo img { max-width: 96px !important; }

/*  */
.good_hero .bau-hero-left { width: 40%; }
.good_hero .bau-hero-right { width: 60%; }
.good_hero .bau-hero-right .bau-hero-img { margin-left: 0; }

.technology_sec { background: #F2318A; color: #fff; }
.technology_sec h2 { color: #fff; }
.technology_sec .title-lottie-title {  width: 100%; max-width: 562px; }

.supporting_sec .predict-box2 .predict-img { margin-right: 0;  position: relative; }
.supporting_sec .predict-box2 .predict-img img { width: 100%; max-width: 440px !important; }
.supporting_sec .predict-box.predict-box3 { padding-bottom: 0; }

.book-demo-banner-section.form-attention-evolution.sign_up_today_from { padding-top: 0; padding-bottom: 0; }
.book-demo-banner-section.sign_up_today_from .book-demo-form-wrap .form-box h3 { line-height: normal; font-size: 40px; width: 100%; max-width: 620px; margin: 0 auto 20px; }
.book-demo-banner-section.sign_up_today_from .book-demo-form-wrap .form-box h5 { font-size: 18px; color: #fff; text-align: center; text-transform: uppercase; }
.book-demo-banner-section.sign_up_today_from .book-demo-form-wrap .form-box { padding: 70px 115px; max-width:980px; }
.book-demo-banner-section.sign_up_today_from .book-demo-form-wrap .form-box input.hs-button { width: 100%; color: #000; }
.book-demo-banner-section.sign_up_today_from .book-demo-form-wrap .form-box input.hs-button:hover { color: #fff; }

.title_sec { text-align: center; }
.title_sec h2 span { color: #F2318A; }
.faq_sec .title_sec { width: 100%; max-width: 480px; margin: 0 auto 50px; }
.faq_sec { padding: 30px 0; position: relative; z-index: 1; }
.faq_row { width: 100%; max-width: 646px; margin: auto; }
.faq_box { border-radius: 8px; border: 1.5px solid #E5EAF1; background: #FFF; padding: 24px 25px 24px 25px; margin-bottom: 15px; }
.faq_title { font-size: 21px; font-weight: 700; line-height: normal; position: relative; padding-right: 28px; cursor: pointer; }  
.faq_content { display: none; margin-top: 10px; }
.faq_sec .faq_svg { position: absolute; z-index: -1; }
.faq_sec .faq_svg1 { right: 0; top: -160px; }
.faq_sec .faq_svg2 { left: 0; bottom: -470px; transform: scaleX(-1); }

.plus_icon { width: 25px; height: 25px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }
.plus_icon:before, .plus_icon:after { content: ""; background: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.plus_icon:before { width: 16px; height: 2px; }
.plus_icon:after { height: 16px; width: 1.5px; }
.active .plus_icon:after { opacity: 0; }

.power_video { padding-top: 140px; overflow: hidden; }
.power_video.with-bg .main_title { margin-bottom: 70px; }
.power_video.with-bg .main_title h2 { display: inline; background: #fff; padding: 0 15px; }

.get_instant_wrap { display: flex; align-items: center; padding-bottom: 20px; }
.get_instant_left { width: 55%; }
.get_instant_right { width: 45%; }
.get_instant_sec { padding: 80px 0 90px; overflow: hidden; }
.get_instant_wrap h2 { margin-bottom: 20px; }
.get_instant_wrap .get_instant_text { font-size: 24px; font-weight: 600; line-height: 30px; margin-bottom: 40px; }
.get_instant_box { border-radius: 32px; background: rgba(255, 255, 255, 0.80); box-shadow: 0px 12px 64px 0px rgba(25, 211, 199, 0.20); backdrop-filter: blur(16px); margin-bottom: 18px; display: flex; padding: 28px 35px; align-items: center; }
.get_instant_box .percentage { color: #F2318A; text-align: center; font-size: 48px; font-weight: 700; line-height: normal; letter-spacing: -1.92px; }
.get_instant_title { margin-left: 20px; font-size: 20px; }
.get_instant_right img { margin-left: 70px; }
.colgate_logo .wework .wework_box {  width: calc(100% - 260px); }

.colgate_hero .btn_style { text-align: left; }
.colgate_hero { background: #F5F5F5; }

.future_sanofi_logo .wework_box .logo { width: calc(100% / 6); }

.header-v2 header.header.header_fixedtop.header-hide, header.header.header-hide { transform: translateY(-100%); }

.iframe-video-wrap { width: 100%; padding-top: 56.666%; position: relative; }
.iframe-video-wrap iframe { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

.testing-logo { background: #F6F8FE;  padding: 50px 0; }
.testing-logo .wework_box .logo img { height: 40px !important; max-width: 150px !important; }
.choose_increase_enga { padding-top: 70px; }
.choose_increase_enga h2.increase_enga_title { text-align: center; font-size: 50px; }

.img-content-wrap { display: flex; flex-wrap: wrap; align-items: center; }
.img-content-wrap .img { width: 60%; }
.img-content-wrap .content { width: 40%; }
.img-content-wrap h2 span { color: #F2318A; }
.img-content-sec { padding: 80px 0; }
.img-content-sec .container { max-width: 1110px; }

.btn-wrap { display: flex; justify-content: center; margin-top: 70px; }
.video-btn a { display: flex; align-items: center; color: #393939; font-family: Inter; font-size: 20px;  font-style: normal;  font-weight: 600; line-height: normal; }
.btn-wrap .video-btn { margin-left: 40px; }
.video-btn a svg { margin-right: 17px; }
.real_time_sec.testing-hero { padding-top: 120px; padding-bottom: 90px; }
.testing-hero .real_time_text { color: #393939; text-align: center; font-size: 24px; font-style: normal; font-weight: 400; line-height: 34px; width: 100%;  max-width: 800px; margin: 0 auto 50px; }
.testing-hero h2 { margin-bottom: 24px; }

.book-demo-banner-section .book-demo-form-wrap .form-box p {
    text-align: center;
}

.logo_v2 .wework_box .logo {
    width: calc(100% / 5);
}

.policy-content h1 {
    font-size: 50px;
    margin-top: 40px;
    margin-bottom: 40px;
    line-height: normal;
}

.social_icon ul li svg { width: 18px; height: 18px; }
.social_icon ul li a { display: flex; align-items: center; justify-content: center; }
.social_icon ul li svg path { fill: #fff; }
.social_icon ul li { vertical-align: middle; }

/* */
.hero-expert-sec {  background: #FF1184;  color: #fff;  padding: 130px 0 300px;  position: relative;  z-index: 1;  overflow: hidden; }
.hero-expert-sec:before { content: "";  position: absolute;  left: 0;  right: 0; bottom: 0;  height: 232px; background: url(//5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/raw_assets/public/dragonfly/images/expert-bottom-ptn.png) no-repeat center / 100% 100%; }
.hero-expert-caption { width: 100%;  max-width: 830px; margin: auto; }
.hero-expert-caption h1 {  color: #fff; text-transform: uppercase; font-weight: 900;  line-height: 75px;  margin-bottom: 40px; font-size:80px; }
.hero-expert-caption h1 span { padding-left: 116px; }
.hero-expert-caption .expert-subtitle { color: #FFE938; position: relative; }
.hero-expert-caption .expert-subtitle svg { position: absolute; left: 30px; top: 0; bottom: 0;  margin: auto; }

.hero-expert-logo ul { list-style: none;  padding: 0;  margin: 0 -4px; display: flex;  justify-content: center;  flex-wrap: wrap; }
.hero-expert-logo ul li { background: #FFFFFF; border-radius: 12.2927px;  padding: 10px 20px; width: calc(100% / 5 - 8px);  margin: 0 4px; min-height: 72px; display: flex;  justify-content: center; }
.hero-expert-logo ul li img {  height: 50px !important;  object-fit: contain; }

.expert-bg-dots { position: absolute;  top: 66px;  right: 0; }
.expert-bg-dots img.hero-bg-circle { position: absolute;  top: 0; right: 370px; }
.expert-bg-circle svg {position: absolute;right: 0;bottom: 0;z-index: -1;}


.be-first-sec { margin-top: -80px; padding-bottom: 130px; position: relative; text-align: center; overflow: hidden; }
.be-first-title { text-align: center; padding-bottom: 50px; position: relative; z-index: 1; }
.be-first-title h2 { font-size:48px; line-height:56px;  }
.be-first-title h2 span { color: #F2318A; }
.be-first-row { display: flex; flex-wrap: wrap; justify-content: center; }
.be-first-item { width: calc(100% / 5 - 30px);  margin: 15px; }
.be-first-img svg { width: 100%; }
.be-first-sec .btn_style {  margin-top: 45px; }
.be-first-sec .btn_style a {  min-width: 220px; }
.be-first-name {  font-size: 18px;  font-weight: 600;  line-height: 24px;  letter-spacing: -0.04em;  text-transform: uppercase; color: #2D0919;  margin-bottom: 10px; }
.be-first-text {  font-size: 16px; font-weight: 600;  line-height: 26px;  letter-spacing: -0.04em; }
.be-first-bg-dots {  text-align: left;  position: absolute; left: 0;  bottom: 0; }
.be-first-text span { color: #f2318a; }
.be-first-img { margin-bottom: 20px; }

@media(min-width:1200px){
    .project_herov2 .bau-hero-img img { width: 870px; margin-right: -120px; max-width: none !important;  margin-top: -140px; margin-bottom: -160px; }
    .project_herov2 .container { align-items: flex-start; }
    .hero-projectv2 .bau-hero-left { padding-top: 100px; }
    .project_herov2 .bau-hero-left { padding-top: 40px; }
    
    /* */
    .choose_confidence .choose_dragonfly_right img { width: 600px; margin-left: -140px; max-width: none !important; margin-top: -100px; }

    .recorded_sec {   padding-top: 100px;  padding-bottom: 100px; }
    .categories-listing.latest-blog-postv2 { padding-top: 80px; }
    .case-studies2 { margin-bottom: 60px; }
    
    /* */
    .instantly_logo .wework_box .logo:last-child img { width: 170px; max-width: none; }

    .visuals_hero { padding-top: 100px; }
    .visuals_hero .btn_style {text-align: left; }
    .visuals_hero .bau-hero-img img { max-width: none !important; width: 830px; margin-left: -140px; }
}

@media(min-width:1400px){
    .magic-btn a { margin-top: 90px; }
}

@media(min-width:1450px){
    .bau-hero-left { width: 60%; }
    .bau-hero-right { width: 40%; }
    
    .questions_sec .container {width: 100%;max-width: 1160px;}
}

@media(min-width: 1200px) { 
    .dnd_area-module-4 .title-lottie-img lottie-player { height: 360px; }
/*     .predict-box3 .predict-img lottie-player { height: 310px; } */
    
    
    /* */
    .title-lottie-img lottie-player { max-width: 500px; height: 500px; }
    .dnd_area-module-4 .title-lottie-img lottie-player { height: 500px;  }
    .predict-img lottie-player { height: 460px; position: relative; bottom: -70px; left: 80px; }
    .predict-box:nth-child(2n) .predict-img lottie-player { left: -80px; bottom: -20px; }
    
    .mondelez_section span.num { top: 0; bottom: 0; margin: auto; }
    
    .studio_two_sec .platform_img lottie-player { margin-top: -60px; }
    
    
}


@media(max-width: 1600px) {
    
    .onesolution_slider .cover { max-width: 1270px; }
    
    .haleon-hero-section {background-size: 55%}
    
    .haleon-bgimg-text-section .promis50-img {width: 65%;}
    
    /* */
    .hero-ecommerce-caption h1 { font-size: 80px; line-height: normal; }
    .hero-ecommerce-text { line-height: normal; font-size: 24px; }
    .hero-ecommerce-sec { padding-top: 150px; }
    .magic-btn a { max-width: 80px; }
    .real_time_title h2 { font-size: 62px; }
    .real_time_text { font-size: 20px; line-height: 24px; }
    .real_time_title { margin-bottom: 30px; }
    .real_time_sec { padding: 80px 0 40px; }
    .join-dragonfly-box { padding-bottom: 90px; padding-top: 0; }
    .sales-uplift-sec h2 { font-size: 52px; }
    .sales-uplift-sec { min-height: 450px; }
    .ecommerce-team-sec .insights-team-left h3 { font-size: 78px; line-height: normal; }
    .ecommerce-team-sec { padding: 130px 0; }
    .ecommerce-team-sec .insights-team-left { margin-bottom: 80px; }
    .ecommerce-team-sec .insights-team-right h4 { font-size: 40px; }
    .ecommerce-team-sec .insights-team-right { font-size: 18px; }
    .empowering_ecommerce { padding-bottom: 0; }
    .ecommerce-testimonial { padding: 130px 0; }

    .magic-btn a {  height: 45px; }
    .magic-btn a svg {  width: 44px; }
    .magic-btn a.active svg {  left: 38px; }
    
    /* */
    .hero-ask-img img { width: 100%;  max-width: 600px !important; }
    
    /* */
    .hero-game-caption h1 {  font-size: 65px; line-height: normal; margin-bottom: 28px; }
    .episode-img { width: 320px; }
    .episode-content { width: calc(100% - 320px); padding: 40px 50px; }
    .episode-row { max-width: 720px; }
    .episode-content h2 { font-size: 34px; line-height: normal;   margin-bottom: 20px; }
    .episode-text { font-size: 14px; }
    .episode-item .link {  right: 30px;   bottom: 30px; }
    .episode-list-sec .join-dragonfly-box {  padding-top: 0; }
    
    .hero-episode-sec h1 { font-size: 65px; line-height: normal; }
    .episode-con-wrap h2 { padding-left: 0; }
    
}

@media(max-width: 1500px) { 
    .hero_landinv .inner { max-width: 660px; } 
    
    /* */
/*     .bau-hero-left h1 { font-size: 70px;line-height: normal; } */
    
    .drag-image .main-title h2 { font-size: 40px; line-height: 48px; }
    .drag-image .main-title h4 { font-size: 32px; line-height: 40px; }
    .drag-image .boxTitle { font-size: 20px; line-height: 28px; }
}

@media(max-width: 1440px) { 
    
    .bau-hero-section .container { max-width: 1030px; }
/*     .bau-hero-section .bau-hero-img { margin:  0 auto; } */
    

    .platform_content h1 { font-size: 50px; line-height: 54px; }
    .platform_two_sec { padding: 160px 0 60px; }
    .studio_two_sec { padding-top: 80px; }
    .platform_two_sec h2 { font-size: 50px; line-height: normal; margin-bottom: 20px; }
    .store_two_sec { padding-top: 100px; padding-bottom: 120px; }
    .platform-web-sec .title_section h2 { font-size: 50px; line-height: normal; }
    
    .haleon-hero-section {padding: 190px 0 150px;}
    .haleon-hero-section .banner-left-content h1 {font-size: 52px; line-height: 64px;}
    
    .haleon-bgimg-text-section {padding:130px 0;}
    .haleon-bgimg-text-section .promis50-content h2 { font-size: 52px; line-height: 64px;}
    .haleon-bgimg-text-section .promis50-img {width:59%;top: 50%; transform: translateY(-50%);}
    
    .haleon-bookdemo-section .cta-box h3 {font-size: 42px;line-height: 52px;}
    .haleon-bookdemo-section { padding-bottom: 150px;}
    
    .cpg-title-img-section h2 {font-size: 52px; line-height: 62px;}
    .cpg-title-img-section .main-title {  max-width: 680px;}
    .cpg-title-img-section { padding: 104px 0;}
    
    .thanku-hero-section {padding: 220px 0 140px;}
    .thanku-hero-section .thanku-content-wrap h1 {font-size: 60px;line-height: 56px;}
    
    
    .testimonial_section  { padding-bottom: 50px;  padding-top: 30px; }
    .beyond-above-wrap {  padding: 50px 60px; }
    .beyond-above-item h2 { line-height: normal; }
    .insights-team-sec.unlimited-sec { padding-top: 50px; }
    .insights-team-left h3 { font-size: 40px; line-height: normal; }
    .zigzag_landinv_product .box h3 { font-size: 42px; line-height: normal; }
    
    /* */
    .expert-bg-dots img.hero-bg-circle { right: 80px; }
    
    
    
}

@media(max-width: 1430px) { 
    
    .onesolution_slider .cover { max-width: 1170px; }
    .increases_main .box .inner { font-size: 20px; line-height: 28px; }
    
    /* */
    .predict-attention-sec .container { max-width: 970px; }
    .predict-content {  width: 50%; }
    .predict-img {  width: 50%; }
    .num { left: -104px; top: 160px; }
    .predict-content > div:before {  left: -78px; top: 200px; bottom: 208px; }
    .predict-content > div:after { left: -112px; right: 57px; transform: rotate(29deg);  width: 540px;  bottom: 78px; }
    .predict-box:nth-child(2n) { margin-top: -150px; }
    .predict-box:nth-child(2n) + .predict-box {margin-top: -139px;}
    .predict-box:nth-child(2n) .predict-content > div:after { right: calc(100% + 42px);  bottom: 78px; width: 520px; }
    .predict-attention-sec { padding: 50px 0 90px; }
    .roi_section { padding: 60px 0; }
    .clietnt_section { padding: 90px 0 140px; }
    .clietnt_content { padding: 50px 30px; }

    .num {  left: -66px; top: 190px; }
    .predict-content > div:before { left: -40px; top: 230px; bottom: 225px; }
    .predict-content > div:after { left: -73px; transform: rotate(29deg); width: 540px; bottom: 94px; }
    .predict-box:nth-child(2n) { margin-top: -190px; }
    .predict-box:nth-child(2n) .predict-content > div:after { right: calc(100% + 4px); bottom: 96px; width: 520px; }
    .predict-box:nth-child(2n) + .predict-box { margin-top: -179px; }
    .predict-text { font-size: 18px; line-height: 28px; }

    .attention_section .predict-box:first-child .predict-content > div:before { left: -38px; bottom: 78px; }
    .attention_section .predict-content > div:after { left: -60px; width: 513px; bottom: -27px; }
    .attention_section .predict-content > div:before { top: 120px; bottom: 84px; left: -40px; }
    .attention_section .predict-box:nth-child(2n) .predict-content > div:after { width: 513px; right: calc(100% + 18px); bottom: -20px; }
    .attention_section span.num { top: 200px; }
    .attention_section .predict-box:last-child .predict-content > div:before { top: 103px; }
    
    /* */
    .mondelez-hero .bau-hero-left h1 { font-size: 50px; }
    
    .pernod-ricard-hero h1 { font-size: 60px; }

    .biggest_brands .bg-polygon {left:20px;}
    
    .cpg-analysis-section .title_section h2 {font-size: 42px;}
    .cpg-hero-section .right-form-wrap .main-title h1 {font-size:52px;line-height:60px;}
    
    .mad-fest-hero-caption:before { border-width: 0 570px 270px 570px; }
    .mad-fest-hero-caption:after { border-width: 270px 570px 0 570px; }
    .mad-fest-hero-content h3 {  font-size: 50px; }
    .mad-fest-hero-text {  font-size: 34px; }

    .mad-fest-hero-caption { margin: 330px 0; }
    .mad-fest-ticket-item h2 {  font-size: 50px; }
    .mad-fest-ticket-item h3 { font-size: 50px; }
    .mad-fest-ticket-item {  padding-bottom: 30px; }

    .programme-item:nth-child(2n) .programme-left { padding-left: 120px; }
    .programme-item:nth-child(2) h3::before { left: -66px; }
    .ai-landscape-left { font-size: 18px;  line-height: 30px;width: 650px; }
    .ai-landscape-right { width: calc(100% - 650px); }
    
    /* */
    .attention-hero-caption {margin: 240px auto;}
    .attention-hero-caption:before { border-width: 0 500px 210px 500px; }
    .attention-hero-caption:after { border-width: 210px 500px 0 500px; }
    .mad-attention-hero-sec { padding-top: 120px; }
    
    /* */
    .mad-attention-hero-sec h3 { font-size: 44px; }
    .mad-attention-hero-sec .mad-fest-hero-text { font-size: 30px; }
    .attention-hero-caption { max-width: 810px; margin: 150px auto; }
    .mad-attention-hero-sec .mad-fest-hero-item { padding: 0 15px; }
    .attention-hero-caption:before { border-width: 0 406px 150px 406px; }
    .attention-hero-caption:after { border-width: 150px 406px 0 406px; }
    .mad-attention-hero-sec { padding-top: 100px; }
    
    /* */
    .hero-ecommerce-sec { padding: 100px 0 80px; }
    .hero-ecommerce-caption h1 { font-size: 80px; margin-bottom: 20px; }
    .hero-ecommerce-text { font-size: 20px;  max-width: 410px; }
    .magic-btn h6 { font-size: 16px; }
/*     .magic-btn a { height: 35px; } */
/*     .magic-btn a.active { height: 35px; } */
/*     .magic-btn a svg { width: 32px; height: 32px; } */
/*     .magic-btn a.active svg { left: 49px; } */
    
    .real_time_title { width: 100%; max-width: 690px; }
    .elevate-text { font-size: 24px; }
    
    /* */
    .hero-game-attention-sec { min-height: 650px;   padding: 160px 0; }
    
    /* */
    .hero-ask-img img { width: 100%;  max-width: 590px !important; }
    .hero-ask-sec { padding: 150px 0 100px;  min-height: auto; }
        

    .hero-animation-wrap .hero-right { transform: translateX(-200px); }
    
    
}

@media(max-width:1330px){
    .insights-caption h1 { font-size: 80px; line-height: normal; }
    .insights-hero {  padding-top: 160px; }
    .insights-hero .insights-caption { margin-bottom: 60px; }
    .insights-fine-sec .insights-team-left h3 { font-size: 80px;  line-height: normal; }
    .insights-fine-sec {  padding: 80px 0; }
    .insights-fine-sec .insights-team-row { margin-bottom: 90px; }
    .testimonial-sec { padding: 100px 0; }
    .elevate-sec h2 { font-size: 60px; line-height: normal; }
    
    /* */
    .project_herov2 .bau-hero-img img { margin-right: 0; width: 740px; margin-top: -110px; }
    .hero-ecommerce-caption h1 { font-size: 62px; margin-bottom: 20px; }

}

@media(max-width: 1200px) {
    
    .onesolution_slider .cover { max-width: 970px; }
    .hero_section { min-height: 620px; }
    
    .ourword_main .box .num { font-size: 45px; }
    .book_main .box .text { padding: 0 40px; }

    .plans_main .box .video .hs-responsive-embed-wrapper { min-width: 100% !important; max-height: 100% !important; }
    
    .increases_nav ul li { margin: 0 10px; }
    .increases_main .box .left { padding: 0 15px 0 0; }
    
    .trusted_main { max-width: 1050px; }
    .trusted_advisors .image { width: 300px; }
    .trusted_advisors .image .icon { width: 200px; height: 200px; }
    .trusted_advisors .image.right .icon { width: 200px; height: 200px; }
    .trusted_advisors .text { width: calc(100% - 600px); }
    
    .hero_landinv .inner { max-width: 490px; }
    .hero_landinv .inner .shape { right: -100px; }
    
    /* */
    .bau-hero-section {  padding: 180px 0 90px; }
    .title-lottie-title h2 { font-size: 45px; line-height: normal; }
    .title-lottie-section { padding: 60px 0; }
    .predict-content > div:after, .predict-content > div:before { display: none; }
    .predict-box {flex-wrap: wrap; margin-bottom: 210px; margin-top: 0;  flex-direction: column-reverse !important;min-height: auto; }
    .predict-content {  width: 100%; min-height: 627px; }
    .predict-img { width: 100%;  margin-bottom: 60px; }
    .predict-attention-sec { padding-top: 0; }
    .num { right: 0; left: 0;margin: auto; top: -60px; }
    
    .roi_content .roi_title h2 , .clietnt_title h2 { font-size: 45px; line-height: normal; }
    .predict-attention-sec { padding-bottom: 0; }
    .clietnt_section { padding: 80px 0; }
    .clietnt_title { margin-bottom: 60px; }
/*     .bau-hero-left h1 { font-size: 60px; } */
    
    /*  */
    .attention_section .predict-box { flex-direction: column !important; min-height: auto; padding-bottom: 0; }
    .attention_section span.num { top: 0; }
    .attention_section .predict-content > div:before { display: block !important; left: 0 !important; top: -8% !important;right: 0 !important; margin: 0 auto; height: 170px; }
    .attention_section span.num { font-size: 20px; width: 40px; height: 40px; top: 22px; }
    .attention_section .predict-content {min-height: auto;padding-top: 180px;}
    .attention_section .predict-img { margin-top: 70px; }
    
    /* */
    .bau-hero-img { margin-left: 0; }

    /* */
    .mondelez_section .predict-box:nth-child(2n) .predict-img img { margin: auto; }
    .mondelez_section .predict-img img { height: auto; max-width: 240px !important; }
    .mondelez_section { padding-top: 90px; }
    .mondelez_section .predict-title h2 { font-size: 28px; line-height: normal; }
    
    .promis50-text { font-size: 16px; line-height: 24px; }
    
    /**/
    .hero-demo-section { padding-top: 80px; margin-bottom: 120px; }
    .hero-demo-section:after, .booked_form.booked_form-demo:before , .booked_form.booked_form-demo:after { height: 200px !important; }
    .booked_form.booked_form-demo { margin-top: 130px; }
    
    
    /*  */
    .like-nothing { padding: 70px 0; }      
    .increase-digital-sec .promis50-img {margin-right: 0;margin-top: 0;width: 50%;} 
    .increase-digital-sec .promis50-wrap { right: 0; }  
    .increase-digital-sec .promis50-content { padding-top: 0; }
    
    .work-together-section .container { max-width: 850px; margin: 0 auto;} 
    .work-together-section.dark-bg .section-title p {font-size: 20px;line-height: 30px;}
    
    .work-together-section.dark-bg .section-content {font-size:18px; line-height:30px;}
    
    .reckitt-hero-caption h1 {font-size:54px;}
    .biggest_brands .bg-polygon {bottom:210px;} 
    
    .haleon-hero-section {padding: 150px 0 80px;background-position: 125% 95px;}
    .haleon-hero-section .banner-left-content { max-width: 425px;}
    .haleon-hero-section .banner-left-content h1 { font-size: 44px; line-height: 56px;}
    .haleon-hero-section .banner-left-content .banner-text { font-size: 20px; line-height: 32px;}
    
    .haleon-promise-section .promis50-content { padding-left: 80px;} 
    
    .haleon-bgimg-text-section { padding: 80px 0;}
    .haleon-bgimg-text-section .promis50-content h2 { font-size: 42px; line-height: 54px;}
    .haleon-bgimg-text-section .promis50-content .promis50-text { font-size: 18px; line-height: 28px;}
    .haleon-bgimg-text-section .promis50-img {width:65%;}
    
    .haleon-bookdemo-section .cta-box h3 {font-size: 36px;line-height: 46px;max-width: 410px;}
    
    .cpg-hero-section .right-form-wrap .banner-text {font-size: 22px;line-height: 34px;}
    .cpg-title-img-section h2 { font-size: 48px; line-height: 58px;}
    .cpg-title-img-section .main-title { max-width: 630px;}
    
    .cpg-brands-section {padding: 90px 0;}
    .cpg-brands-section .left-content-wrap h2 {font-size: 42px; line-height: 60px;}
    
    .thanku-hero-section .thanku-content-wrap h1 {font-size: 52px;line-height: 46px;}
    .thanku-hero-section .thanku-content-wrap p { font-size: 20px;line-height: 26px;}
    .thanku-hero-section .left-img-wrap { width: 25%;}
    .thanku-hero-section .right-img-wrap { width: 25%;}
    .thanku-hero-section .thanku-content-wrap { width: 50%;}
    
    /* */
    .blog_main .box a.image { height: 200px; }
    .blog_index .topic ul li a { font-size: 16px;  padding: 12px 15px; }
    
    .cpg-hero-section .right-form-wrap .main-title h1 {font-size: 44px; line-height: 56px;margin-bottom: 25px;}
    .cpg-analysis-section .platform-web-box { padding-right: 40px;}
    .cpg-analysis-section .platform-web-box:nth-child(2n) {padding-left: 40px;}
    .cpg-analysis-section .title_section h2 { font-size: 38px;}
/* 
    .blog-listings-tag .blog_main article.box:first-child .inner h4 { font-size: 30px; line-height: normal; }
    .blog-listings-tag .blog_main article.box:first-child .inner .text { padding: 40px 25px;  min-height: 320px; } */
    
    .drag-image .main-title h2 { font-size: 36px; line-height: 44px; }
    .drag-image .main-title h4 { font-size: 26px; line-height: 34px; }
    
    .insights-team-sec .title-lottie-title h2 {  font-size: 50px; }

    .beyond-above-item h2 { font-size: 40px; }
    .beyond-above-wrap { padding: 30px 40px; }
    
    .mad-fest-hero-sec h2 {  font-size: 60px; }
    .mad-fest-hero-caption:before { border-width: 0 470px 220px 470px; }
    .mad-fest-hero-caption:after { border-width: 220px  470px 0 470px; }
    .mad-fest-hero-caption { margin: 300px 0; }
    .mad-fest-hero-content h3 { font-size: 40px; }
    .mad-fest-hero-item { padding: 50px 40px; }
    .mad-fest-ticket-item { padding-top: 20px; }
    svg.mad-fest-most-ptn {  top: -60px; }
    
    
    .insights-teamv2 .consumer-hero-text h2 {  font-size: 50px; line-height: normal; }
    .insights-teamv2 .consumer-hero-text { font-size: 24px; line-height: normal; }
    .insights-fine-sec .insights-team-left h3 {  font-size: 50px; line-height: normal; margin-bottom: 20px; }
    .insights-fine-sec .insights-team-right {  font-size: 20px;  line-height: 30px; }
    .insights-fine-sec .insights-team-row { margin-bottom: 50px; }
    .testimonial-sec .testimonial-text {font-size: 40px;  line-height: normal; margin-bottom: 30px; }
    .testimonial-sec h4 { font-size: 24px;  line-height: normal; }
    .testimonial-sec { padding: 70px 0; }
    .elevate-sec h2 { font-size: 50PX; line-height: normal; }
    .elevate-sec .down-icon { margin-top: 60px; }
    .elevate-sec { padding: 80px 0; }
    .elevate-bottom { margin-top: 40px; }
    .logo-slider { padding: 30px 0; }
    
    /* */
/*     .insights-img svg { margin-top: -14%; } */
    
    .insights-img svg { width: 92% !important; }
    .beyond_sec { padding-top: 120px; }
    .elevate-img img {  width: 100%;  max-width: 667px !important; }
    .elevate-sec .btn_style a {  padding: 10px 30px;  font-size: 16px; }
    .linkedin-left { font-size: 24px; line-height: 30px; }
    .studio-text {  font-size: 20px; line-height: normal;  max-width: 790px; } 

    /* */
    .hero-project h1 { font-size: 70px; }
    .hero-project .bau-hero-right { padding-left: 40px; }
    .impossible-text { font-size: 30px; }
    .ai-landscape-section h2 { font-size: 70px;  line-height: normal; }
    .ai-landscape-left { width: 550px;  margin-right: -150px;  margin-left: 30px; }
    .ai-landscape-right { width: 510px; }
    .ai-landscape-wrap {  padding-right: 40px; }
    svg.landscape-svg.landscape-svg2 {  right: 0;  top: -40px; }
    .programme-item h3:before {  display: none; }
    .programme-item h3:before { display: none; }
    .programme-row:before { display: none; }
    .programme-left {  padding-left: 0;} 
    .programme-item {  padding: 50px 0 !important; }
    .join-discover-section {  padding: 60px 0; }
    
    .mad-attention-hero-sec { padding-top: 30px; }
    .mad-attention-hero-sec .mad-fest-hero-item { padding: 0 10px; }
/*     .speakers-item h4 { font-size: 35px; } */
/*     .speakers-text { font-size: 22px; } */
    .speakers-img { height: 350px; }
    .location-item { width: calc(100% / 1 - 30px); }
    .location-text { font-size: 25px; }
    .profiles-experts-sec .speakers-text { font-size: 20px; }
    .speakers-content { font-size: 16px; }

    .project_herov2 { padding-top: 140px; }
    .project_herov2 .bau-hero-text { font-size: 16px; line-height: 25px; }
    .project_herov2 .bau-hero-img img { width: 500px; margin-top: -90px;  margin-bottom: -120px; }

    .evolution_hero h1 { font-size: 50px; }
    .evolution_hero h2 { font-size: 38px; line-height: normal; }
    .evolution_text {  font-size: 18px;line-height: normal; }
    .evolution_list ul li { margin-bottom: 20px; }
    .evolution_hero { padding: 140px 0; }
    .evolution_increase_enga { padding: 90px 0; }
    h2.increase_enga_title { font-size: 48px; line-height: normal;  margin-bottom: 30px; }
    .giving_section .giving_left { padding-right: 20px; }
    .book-demo-banner-section.form-attention-evolution.mad-fest-form .book-demo-form-wrap { width: 100%; }
    .book-demo-banner-section.form-attention-evolution.mad-fest-form {padding: 60px 0;}
    
    /* */
    .hero-ask-sec { padding: 150px 0 100px; min-height: auto; }
    .hero-ask-sec h1 { font-size: 50px; line-height: normal;  margin-bottom: 20px; }
    .hero-ask-text { font-size: 16px; line-height: normal; }
    .hero-ask-left { padding-right: 15px; }
    
    /* */
    .hero-game-caption h1 { font-size: 64px; line-height: normal; margin-bottom: 20px; }
    .hero-game-caption { width: 100%; max-width: 640px; }
    .hero-game-attention-sec { min-height: 509px; }
    .game_svg.game_svg1 {  bottom: 0; }
    .game_svg svg { width: 440px; height: 490px; }
/*     .episode-content { padding: 100px 60px; } */
    
    .episode-con-wrap h2 { font-size: 40px; }
    
    /* */
    .book-demo-banner-section.book_demo_sec .book-demo-form-wrap { width: 100%; }
    
    .supporting_sec { padding-top: 50px; }
    
}

@media(min-width: 992px) {

    .hero_about h1 { font-size: 48px; line-height: 58px; }
    .increases_nav span.title { display: none; }
    
    /* */
    .mad-attention-hero-sec h3 { font-size: 44px; }
    .mad-attention-hero-sec .mad-fest-hero-text { font-size: 30px; }
    .attention-hero-caption { max-width: 810px; margin: 150px auto; }
    .mad-attention-hero-sec .mad-fest-hero-item { padding: 0 15px; }
    .attention-hero-caption:before { border-width: 0 406px 150px 406px; }
    .attention-hero-caption:after { border-width: 150px 406px 0 406px; }
    .mad-attention-hero-sec { padding-top: 100px; }

}

@media(max-width: 1024px) {
    .be-first-text span { color: #f2318a; }
    .hero-expert-caption h1 { width: 100%; max-width: 580px; margin: 0 auto 50px; }
    .expert-bg-dots img.hero-bg-circle { right: 0; }  
     .be-first-item { width: calc(100% / 3 - 30px); }
    .be-first-title h2 { font-size: 40px;  line-height: normal; }
    img.hero-bg-dots { width: 1170px;  max-width: none; }
    
    .be-first-bg-dots img { width: 1250px;  max-width: none; }
    .be-first-sec { padding-bottom: 90px; }
}

@media(max-width: 991px) {

    .hero_section { min-height: 580px; }
    
    .what_offer { padding: 90px 0 80px; }
    .what_offer:before { height: 62px; background-size: 100% 62px; }
    .whatoffer_main .box { width: 50%; }
    .whatoffer_main { margin: 20px 0 0; }
    .what_offer .btn_style { margin: 25px 0 0; }
    
    .solutions_section { padding: 60px 0; }
    .solutions_box { padding: 25px 0; text-align: center; }
    .solutions_box .container { flex-direction: column-reverse; }
    .solutions_section .main_title { display: block; margin: 0 auto 30px; }
    .solutions_img { width: 100%; margin: 0 auto; max-width: 200px; }
    .solutions_text { margin: 30px 0 0; }
    .solutions_text h2 { margin-bottom: 30px; }
    
    .our_word { padding: 70px 0; }
    .ourword_main .box { width: 100%; padding: 30px 0; }
    .ourword_main .box:nth-child(2n) { margin: 0; }
    .ourword_main .box:nth-child(3n) { margin: 0; }
    .ourword_main .box .text { min-height: 314px; }
    .ourword_main .box .text h4 { font-size: 18px; line-height: 25px; }
    .ourword_main .box .num { font-size: 33px; line-height: 40px; }

    .strip_section .container { flex-wrap: wrap; }
    .strip_section .title { width: 100%; }
    .strip_section .btn_style { width: 100%; text-align: left; margin: 25px 0 0; }
    
    .hero_about { min-height: 420px; }
    .success_section { padding: 90px 0 40px; }
    .success_section:before { background-size: 100% 80px; height: 80px; }

    .success_box .container { flex-wrap: wrap; }
    .success_img { width: 100%; }
    .success_text { width: 100%; margin: 40px 0 0; }
    .success_box { text-align: center; padding: 40px 0; }
    
    .bigger_section { padding: 70px 0; }
    .bigger_section .logos .img { width: 100%; margin: 20px 0; }
    
    .hero_platform { min-height: 400px; }
    .predict_offer { padding: 60px 0 110px; }
    .predict_offer:after { background-size: 100% 120px; height: 120px; }
    .artful_offer { padding: 80px 0; }
    
    .intelligence_toolkit { padding: 80px 0 50px; }
    .intelligence_main .box h5 { font-size: 20px; line-height: 30px; }
    
    .square h4 { font-size: 20px; line-height: 28px; }
    .square .squ { height: 100px; width: 200px; }
    .square .squ::before { border-right-width: 100px; border-left-width: 100px; }
    .square .squ::after { border-right-width: 100px; border-left-width: 100px; }
    .square .small { height: 60px; width: 150px; }
    .square .small::before { border-left-width: 75px; border-right-width: 75px; border-bottom-width: 50px; top: -50px; }
    .square .small::after { border-left-width: 75px; border-right-width: 75px; border-top-width: 50px; bottom: -50px; }

    .get_touch .left { width: 100%; min-height: auto; padding: 80px 15px !important; text-align: center; background: transparent; position: relative; z-index: 1; }
    .get_touch .left:before { display: none; }
    .get_touch .left:after { content: ''; position: absolute; top: 0; left: -70px; background: #DFDFE3; transform: skew(4deg, 4deg); bottom: 0; right: -70px; z-index: -1; }
    .get_touch .left .inner { max-width: 720px; width: 100%; margin: 0 auto; }
    
    .get_touch .right { width: 100%; }
    .get_touch .right { margin-top: -40px; height: 500px; }
    .map_get .hs-responsive-embed-wrapper { max-height: auto !important; height: auto !important;  }
    .map_get .hs-responsive-embed-wrapper .hs-responsive-embed-inner-wrapper { padding-bottom: 75.00% !important; }
    
    .hero_demo { padding: 60px 0 40px; }
    .why_book { padding: 30px 0 20px; }
    .book_main .box { width: 50%; padding: 20px; }
    
    .booked_form { padding: 100px 0; }
    .booked_form:before { background-size: 100% 77px; height: 77px; }
    .booked_form:after { background-size: 100% 75px; height: 75px; }
    
    .plans_main .box .title { padding: 16px 10px; font-size: 18px; line-height: 24px; }
    .plans_main .box { width: 50%; }
    .plans_main .box .video .hs-responsive-embed-wrapper { min-width: auto !important; max-height: auto !important; }

    .hero_landinv { min-height: 520px; }
    .money_increases { padding: 60px 0; }
    
    .zigzag_landinv { padding: 40px 0; }
    .zigzag_landinv .box .text { padding: 0 20px 0 0; }
    .zigzag_landinv .box .image { padding: 0 0 0 20px; }
    .zigzag_landinv .box:nth-child(2n) .image { padding: 0 20px 0 0; }
    .zigzag_landinv .box:nth-child(2n) .text { padding: 0 0 0 20px; }
    
    .increases_nav { margin: 20px 0; position: relative; }
/*     .increases_nav span.title { display: inline-block; width: 100%; padding: 15px 40px 15px 0; font-size: 16px; line-height: 23px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; position: relative; }
    .increases_nav ul { position: absolute; top: calc(100% + 2px); left: 0; background: #FFFFFF; padding: 15px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); display: none;  z-index:99;}
    .increases_nav ul li { width: 100%; margin: 8px 0; }
    .increases_nav span.title:before { content: "\f107"; position: absolute; top: 15px; right: 15px; font-family: 'fontAwesome'; font-weight: 300; font-size: 25px; color: #F2318A; } */
    .increases_main .box .inner { font-size: 18px; line-height: 26px; }
    
    .increases_nav { overflow: scroll; }
    .increases_nav ul { width: 940px; }
    
    .trusted_advisors { padding: 40px 0; }
    .hero_landinv .inner { max-width: 460px; }
    .hero_landinv .inner .shape { right: -140px; }
    
    .trusted_advisors { padding: 0 0 40px; }
    .trusted_main { max-width: 720px; }
    .trusted_advisors .image { margin: 0 auto; }
    .trusted_advisors .text { width: 100%; padding: 40px 15px; }
    .biggest_brands .logos .image { padding: 22px 20px; }
    
    .booked_form .form .hs-form-field { font-size: 16px; line-height: 32px; }
    .booked_form .hs-form fieldset .hs-input { font-size: 16px; line-height: 32px; }
    
    .strip_title { padding: 36px 15px 0; }
    
    .wework_box .logo img {max-height: 50px;
    object-fit: contain;}
    
    /* */
    .bau-hero-left h1 { font-size: 45px; }
    .bau-hero-text { font-size: 18px; }
    .logo_we_section .wework_box .logo { width: 33.333%; }
    .logo_we_section .wework_box .logo img { max-height: 100px; }
    .logo_we_section { padding: 60px 0; }
    .title-lottie-title h2 { font-size: 34px; }
    .roi_content .roi_title h2, .clietnt_title h2 { font-size: 36px; }
    .clietnt_content .clietnt_text { font-size: 16px; line-height: normal; }
    .roi_content .roi_text {margin-bottom: 50px;}
    .roi_content .roi_title h2 {  margin-bottom: 20px; }
    
    .header-v2 .header_trans a.mobile-trigger i, .header-v2 .header_trans a.mobile-trigger i:before, .header-v2 .header_trans a.mobile-trigger i:after { background: #2D0919; }
    
    /* */
    .roiv2_section .roi_row .roi_item { padding: 0 15px; }
    .roiv2_section .roi_row .roi_item .item_text { font-size: 18px; line-height: normal; }
    
    .platform_content h1 { font-size: 30px; line-height: normal; margin-bottom: 20px; }
    .platform_two_sec .platform_content { padding-left: 30px; }
    .platform_two_sec { padding-top: 120px; }
    .studio_two_sec { padding-top: 60px; }
    .studio_two_sec .platform_content {padding-left: 0;padding-right: 30px;}
    .platform_two_sec h2 { font-size: 30px; }
    .store_two_sec { padding-top: 50px;  padding-bottom: 90px; }
    .platform-web-sec .title_section h2 { font-size: 35px; margin-bottom: 30px; }
    .platform-web-sec .title_text { font-size: 18px;  line-height: 32px; }
    .platform-web-sec { padding: 80px 0; }
    .platform-web-box { padding-right: 20px; }
    .platform-web-box:nth-child(2n) { padding-left: 15px; padding-right: 0; }
    .platform-web-sec .title_section { margin-bottom: 60px; }
    
    .platform-row ul li a { font-size: 14px; line-height: 22px; }
    
    .platform_img .platform-wrap { min-height: 340px; }
    .platform-tabtitle { font-size: 14px; }
    
    /* */
    .hero-demo-wrap { flex-wrap: wrap; display: block; }
    .hero-demo-left { width: 100%; }
    .hero-demo-section h1 { width: 100%; margin-bottom: 30px; }
    .hero-demo-section { padding-top: 60px; }
    
    .work-together-section .promis50-content {margin-bottom:40px;}
    .work-together-section .arrow-icn {margin-bottom:40px;}
    
    .haleon-hero-section .banner-left-content { max-width: 375px;} 
    .haleon-hero-section .banner-left-content h1 {  font-size: 36px; line-height: 46px;}
    .haleon-hero-section .banner-left-content .banner-text { font-size: 18px; line-height: 30px;}
    
    .haleon-promise-section .promis50-content { padding-left: 50px;}
    .haleon-promise-section .promis50-content .promis50-text { font-size: 18px; line-height: 28px;}
    .haleon-promise-section {padding:80px 0;}
    
    .haleon-bgimg-text-section .promis50-content h2 { font-size: 36px; line-height: 48px;}
    .haleon-bgimg-text-section .promis50-img { width: 80%;}
    
    .haleon-bookdemo-section .cta-box {padding: 44px 50px;}
    .haleon-bookdemo-section .cta-box h3 {font-size: 32px;line-height: 42px;max-width: 360px;}
    .haleon-bookdemo-section { padding-bottom: 100px;}
    
    .cpg-hero-section .left-img {padding-right: 20px;}
    .cpg-hero-section .right-form-wrap .main-title h1 {margin-bottom: 20px}
    .cpg-hero-section .right-form-wrap .banner-text { font-size: 18px; line-height: 30px;}
    .cpg-hero-section { padding: 145px 0 75px;}  
    
    .cpg-title-img-section { padding: 64px 0;}
    .cpg-title-img-section h2 { font-size: 42px; line-height: 52px;}
    .cpg-title-img-section .main-title { max-width: 550px;}
    
    .cpg-brands-section { padding: 60px 0;}
    .cpg-brands-section .left-content-wrap {padding-right: 20px}
    .cpg-brands-section .left-content-wrap h2 { font-size: 36px; line-height: 48px;}
    
    .thanku-hero-section { padding: 160px 0 90px;}
    .thanku-hero-section .thanku-content-wrap h1 { font-size: 46px; line-height: 40px;}
    .thanku-hero-section .thanku-content-wrap p { font-size: 18px; line-height: 24px;}
    
    .cpg-hero-section .right-form-wrap .main-title h1 { font-size: 38px; line-height: 50px; }    
    .cpg-analysis-section.platform-web-sec .title_section h2 { font-size: 32px;}
    .cpg-analysis-section .platform-web-box { padding-right: 20px;margin-bottom:0px;}
    .cpg-analysis-section .platform-web-box .platform-web-text { font-size: 20px; line-height: 30px;}
    .cpg-analysis-section .platform-web-box:nth-child(2n) { padding-left: 20px;}
    
    /* */
    .take-deep-box {  padding: 40px 30px; }
    .take-deep-sec h2 { margin-bottom: 15px; font-size: 28px; line-height: normal; }
    .take-deep-left { padding-right: 60px; }
    .linkedin-box { padding: 40px 35px; }
    .linkedin-left { padding-right: 40px; }
    
    .increases_nav span.title {
    display: none;
}
    
    .drag-image .main-title h1 { margin: 0; }
    .drag-image .main-title h2 { margin: 0; font-size: 28px; line-height: 34px; }
    .drag-image .main-title h4 { font-size: 22px; line-height: 30px; }
    
    /* */
    .consumer-hero-wrap h1 {font-size: 45px;}

    .consumer-hero-wrap h1 br {  display: none; }
    .consumer-hero-sec { padding-top: 140px; padding-bottom: 40px; }
    .testimonial_section { padding-top: 60px; padding-bottom: 50px; }
    .testimonial_section .clietnt_content:before { left: -11px; top: 80px; }
    .testimonial_section .clietnt_content .clietnt_text:after {  right: 0; }
    .insights-team-sec .title-lottie-title h2 { font-size: 38px; }
    .down-icon svg { width: 50px; height: 50px; }
    .insights-team-sec .title-lottie-title { margin-bottom: 10px; }
    .insights-team-row { flex-wrap: wrap; }
    .insights-team-left { width: 100%; }
    .insights-team-right { width: 100%; padding: 0; }
    .zigzag_landinv_product .box h3 { font-size: 34px; }
    .beyond-above-wrap { padding: 30px 30px; }
    .beyond-above-item h2 { font-size: 28px; }
    .beyond-above-text {font-size: 14px; line-height: 23px; }
    .take-deep-sec { padding-bottom: 50px; }

    .mad-fest-hero-caption:before { border-width: 0 360px 170px 360px; }
    .mad-fest-hero-caption:after {  border-width: 170px  360px 0 360px; }
    .mad-fest-hero-item { flex-wrap: wrap; padding-bottom: 0; }
    .mad-fest-hero-content { width: 100%;  text-align: center; }
    .mad-fest-hero-img { display: table;  margin: auto;  text-align: center; }
    .mad-fest-hero-icon {  max-width: 220px;  right: 160px; top: -220px;} 
    .mad-fest-hero-caption { margin: 240px 0; }
    .mad-fest-bottom-sec {  padding: 140px 0; }
    
    .ai-landscape-section h2 {  font-size: 44px;  margin-bottom: 60px; }
    .ai-landscape-section { padding: 69px 0; }
    .ai-landscape-wrap {  flex-wrap: wrap; }
    .ai-landscape-left {  width: 100%;  margin: 0;  padding: 40px 35px; }
    .ai-landscape-right { width: 100%;  text-align: center; }
    .programme-item {  flex-wrap: wrap;flex-direction: column-reverse !important;  padding: 0 0 80px !important; }
    .programme-right {  width: 100%; text-align: left  !important; margin-bottom: 150px; }
    .programme-left { width: 100%;  padding: 0 0 0 !important; }
    .programme-item:nth-child(3) {  padding-bottom: 0 !important; }
    
    /* */
/*     .insights-img svg { margin-top: -9%; } */
    
    .mad-attention-hero-sec .mad-fest-hero-content { text-align: left; }
    .mad-attention-hero-sec h3 { font-size: 30px; }
    .mad-attention-hero-sec h3 br { display: none; }
    .mad-attention-hero-sec .mad-fest-hero-text { font-size: 18px; }
    .speakers-sec .mad-fest-ticket-item h3 { font-size: 26px; }
    .speakers-sec .mad-fest-ticket-item h2 { font-size: 45px; }
    .speakers-item { width: 50%; }
    .speakers-img img { height: 100% !important; object-fit: scale-down; }
    .speakers-item:nth-child(2n) .speakers-img:after { right: -20px; }
    .speakers-img:after { left: -30px; }
    .bottomtext { font-size: 20px; line-height: 30px; }
    .event-title { font-size: 25px; margin-top: 20px; }
    .event-time { font-size: 22px; }
    .event-item { margin-bottom: 30px; padding: 35px 45px; }
    .event-section { padding-bottom: 50px; }
    .location-bottom-sec { padding: 60px 0; }

    .diageo_hero {padding-top: 130px; }
    .diageo_hero h1 { font-size: 36px;  line-height: normal; }
    .diageo_hero .bau-hero-text { font-size: 16px; line-height: 24px; }
    .diageo_logo .wework { flex-wrap: wrap; padding-top: 40px; }
    .diageo_logo .wework .main_title {display: table;margin: auto;}
    .diageo_logo .wework .wework_box { width: 100%; }
    .diageo_logo .wework .main_title h4 {line-height: normal;padding: 9px 15px;}
    
    .diageo_logo .wework .wework_box {  justify-content: center; }

    /* */
    .mad-fest-hero-caption:before { border-width: 0 360px 150px 360px; }
    .mad-fest-hero-caption:after { border-width: 150px 360px 0 360px; }

    /* */
    .hero-ecommerce-caption h1 { font-size: 45px; }
    .hero-ecommerce-sec { padding-top: 100px; }
    .real_time_title h2 { font-size: 40px; }
    .real_time_text { font-size: 16px; }
    .sales-uplift-sec h2 { font-size: 34px; }
    .sales-uplift-sec { min-height: auto; }
    .insights-fine-sec .insights-team-left h3 { font-size: 45px; }
    .ecommerce-team-sec .insights-team-left { margin-bottom: 50px; }
    .ecommerce-team-sec .insights-team-right h4 { font-size: 30px; }
    .increase_enga_item { padding: 70px 40px; }
    .half-column .increase_enga_content { padding: 0; }
    .increase_enga_content h3 { font-size: 34px; }
    .increase_enga_sec { padding-bottom: 100px; }
    .testimonial-sec .testimonial-text { font-size: 34px; }

    .giving_section {  min-height: auto; }
    .giving_person_box { margin-top: -20px; }
    
    /* */
    .episode-img {  width: 350px; }
    .episode-content { width: calc(100% - 350px);  }
    .episode-content h2 { font-size: 36px;  line-height: normal;margin-bottom: 20px; }
    .episode-item .link { bottom: 20px; right: 40px; }
    .episode-list-sec .join-dragonfly-box { padding-top: 0; }
    
    .faq_sec .faq_svg { width: 100%; max-width: 210px;  z-index: -1; }
    
    
    .get_instant_box .percentage { font-size: 35px; }
    .get_instant_title { font-size: 14px; line-height: normal;  }
    
    .img-content-sec { padding-bottom: 0; }

    
}

@media(min-width: 768px) {

/*     .about_btm .main_title { display: none; } */
    .mobile_remove { display: none; }
    
    .cpg-hero-section .right-form-wrap .btn_style  {display:block;}
    .cpg-hero-section .left-img .btn_style  {display:none;}

}

@media(max-width: 767px) {
    
    .haleon-hero-section .banner-left-content .banner-logo { margin: auto; }
    .animatedParent .animated { opacity: 1 !important; transform: translate(0) !important; animation-name: inherit !important; }
    .desk_remove { display: none; } 
    .hero_section { text-align: center; font-size: 18px; }
    .hero_section.overlay:before { background: #000; opacity: 0.6; }
    .whatoffer_main .box { width: 100%; padding: 20px 0; }
    
    .we_work .main_title h3 { font-size: 33px; line-height: 40px; }
    .we_work .main_title { margin: 0 auto 20px; display: inline-block; width: 100%; max-width: 100%; }

    .onesolution_slider .cover { min-height: 520px; padding:  }
    .onesolution_slider ul.slick-dots { bottom: 10px; }
    
    .wework_box { flex-wrap: wrap; }
    .wework_box .logo { width: 25%; text-align: center; }
    .wework_box .logo img { width: auto; }
    
    .hero_about { min-height: 420px; }
    .hero_about .text { display: none; }
    
    .success_section:before { background-size: 100% 50px; height: 50px; width: calc(100% + 190px); left: -190px; }
    .about_btm h5 { font-size: 18px; line-height: 30px; }
    
    .intelligence_main .box { width: 100%; padding: 20px 0; }
    .intelligence_main .box h5 { margin: 15px 0 0; }
    
    .predict_offer { padding: 80px 0 50px; background: transparent; }
    .predict_offer:before { content: ''; position: absolute; top: 0; left: -70px; background: 
    
    
        
    
    rgba(223, 223, 227, 0.3)
; transform: skew(4deg, 4deg); bottom: 0; right: -70px; }
    .predict_offer:after { display: none; }
    
    .book_main .box { width: 100%; padding: 25px 0; }
    .book_main .box .inner { width: 100%; max-width: 360px; margin: 0 auto; }
    .book_main .box .text { padding: 0 30px; }
    
    .booked_form { padding: 80px 0; }
    .booked_form:before { background-size: 100% 46px; height: 46px; }
    .booked_form:after { background-size: 100% 46px; height: 46px; }
    
    .wework_box .logo { padding: 20px 12px; }
    .hero_demo .inner h2 { margin:0 0 20px 0; }
    
    .booked_form .next-btn, .booked_form .prev-btn , .booked_form .hs_submit.hs-submit input.hs-button { font-size: 16px; min-width: 130px; line-height: 22px; }
    .booked_form .hs_submit.hs-submit { margin-left: 10px; }
    
    .get_touch .right { height: 380px; }
    
    .plans_main .box .btn_style { opacity: 1; }
    
    .increases_main .box .left { width: 100%; }
    .increases_main .box .right { width: 100%; overflow: hidden; }
    .increases_main .box .right lottie-player { width: 140% !important; height: 140% !important; margin-left: -20%; }
    .increases_main .box .inner { font-size: 16px; line-height: 26px; }
    
    .real_time .video .top { top: -20px; right: -20px; z-index: 2; width: 70px; height: 70px; }
    .client_stories .main_title { font-size: 16px; }
    .client_stories .details .image { width: 150px; height: 150px; }
    .client_stories .details .right { padding: 0 0 0 40px; width: calc(100% - 150px); }
    .client_stories .details .image .icon { width: 40px; height: 40px; padding: 10px; }
    .client_stories .details .logo { margin: 10px 0 0; }
    
    .zigzag_landinv .box .text { width: 100%; padding: 0; }
    .zigzag_landinv .box .image { width: 100%; padding: 0; margin: 30px 0 0; }
    .zigzag_landinv .box:nth-child(2n) .text { padding: 0; }
    .zigzag_landinv .box:nth-child(2n) .image { padding: 0; }
    
    .increases_nav ul { width: 800px; }
    .increases_nav ul li { margin: 0; }
    
    .hero_landinv { font-size: 16px; line-height: 26px; background-position: center right -70px !important; }
    .book_landinv .next-btn, .book_landinv .prev-btn , .book_landinv .hs_submit.hs-submit input.hs-button { font-size: 16px; min-width: 130px; line-height: 22px; }
    .book_landinv .hs_submit.hs-submit { margin-left: 10px; }
    .book_landinv ul.hs-form-steps li a:before , .book_landinv ul.hs-form-steps li a:after { top: 4px; }
    
    .hero_landinv .inner .shape { display: none; }
    .hero_landinv:before { background: #000; opacity: 0.5; }
    
    .solutions_img { max-width: 300px; }
    .solutions_img lottie-player { width:300px !important;  height:300px !important; } 
    .solutions_box .container { flex-direction: column;  }
    
    .hero_landinv.text-right { text-align: left; } 
    .hero_landinv.text-right .inner { margin: 0 auto 0 0; }
    .strip_title .inner { padding: 40px 15px 30px; }
    
    .wework_box .logo {width:33.33%;}
    .wework_box .logo img {width:100%;}
    
    /* */
    .bau-hero-section .container {flex-direction: column-reverse;}
     .bau-hero-section .container { flex-direction: column;}
    .bau-hero-section .btn_style a {margin-bottom: 40px;}
    .bau-hero-right {  width: 100%;  margin-bottom: 30px; }
    .bau-hero-left { width: 100%; }
    .bau-hero-left h1 {  font-size: 28px; }
    .bau-hero-section {  padding: 140px 0 60px; }
    .logo_we_section .wework_box .logo { width: 140px; padding:0; }
    .title-lottie-title h2 {  font-size: 28px; }
    .title-lottie-section {  padding: 50px 0; }
    .predict-content:after {  display: none; }
    .predict-content { min-height: auto; }
    .predict-text { font-size: 16px; line-height: 29px; }
    .predict-title { margin-bottom: 20px; }
    .predict-box { margin: 0 0 30px !important; }
    .roi_content .roi_title h2 { font-size: 28px; }
    .roi_content .roi_text { font-size: 16px; line-height: normal; }
    .roi_item { width: 100%; }
    .clietnt_section { padding: 60px 0; }
    .roi_content .roi_title h2, .clietnt_title h2 { font-size: 28px; }
    .roi_section { padding-bottom: 40px; }
    .clietnt_left { width: 100%;margin: 0; }
    .clietnt_right { width: 100%; margin: 0; padding: 0 0 0 12px; }
    .clietnt_box { flex-wrap: wrap; }
    .clietnt_img img { height: 300px !important; width: 100%; }
    .clietnt_content { padding-left: 20px; }
    .clietnt_content .clietnt_text { padding-top: 70px; }
    
    span.num { display: none; }
    
    .logo_we_section .wework_box .logo img { max-height: none; height: 65px; }
    .bau-hero-img lottie-player { max-width: 240px; margin: auto; }
    .title-lottie-img lottie-player { max-width: 470px;  height: 210px; }
    .predict-img lottie-player {  height: 180px; }
    .clietnt_box {  padding-bottom: 50px; }

    .clietnt_title { margin-bottom: 20px; }
    .roi_item:last-child {  margin-bottom: 0; }
    
    /* */
    .bau-hero-section { padding-top: 100px; padding-bottom: 30px; }
    .bau-hero-img { max-width: 480px; }
    .bau-hero-img lottie-player { max-width: 100%; }
    .bau-hero-left h1 { font-weight: 700; }
    .bau-hero-left h1 span { font-weight: 700; }
    
    .logo_we_section { padding-top: 30px; padding-bottom: 30px; }
    
    .logo_we_section .wework_box .logo {width: auto;padding: 0 14px;}
    .logo_we_section .wework_box .logo img { height: 86px; max-width: 179px; }
    .we_work .main_title {margin-bottom: 0; }
    .title-lottie-img lottie-player { width: 100%; height: auto; }
    
    .predict-box { display: block; }
    .predict-img lottie-player {  height: auto; }
    .predict-img { margin-top: 40px; }

    .roi_section .roi_item { opacity:  0 !important;  -webkit-transform: translateY(20px) !important; transform: translateY(20px) !important; transition: ease 0.3s; }
    .roi_section .roi_item.go { opacity: 1 !important; -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important;}
    
    /* */
     .bau-hero-section .container { flex-direction: column;}
     .bau-hero-section .btn_style a {margin-bottom: 40px;}
     .bau-hero-text { font-size: 14px;  line-height: normal;}
     .roiv2_section .roi_row .roi_item { width: 100%; border-right: 0; border-bottom: 1px solid rgb(57 57 57 / 40%); margin-bottom: 0;}
     .roiv2_section .roi_row .roi_item .item_text {  margin-bottom: 30px;  font-size: 16px; line-height: 25px; padding-top: 0;}
    .attention_section span.num { display: flex; }

    /* */
    .bau-hero-section { text-align: center; }
    .bau-hero-left h1 { font-size: 40px; }
    .logo_we_section .wework_box .logo img { max-width: 80px; height: 55px; margin: 12px auto; }
    .logo_we_section h4 { font-size: 28px; margin-bottom: 30px; }
    .logo_we_section .wework_box .logo { width: 33.333%; }
    
    .bau-hero-text { margin: auto; }
    .bau-hero-img { margin: auto; }
    
    .predict-attention-sec .btn_style.book_demo {  margin-top: 0; margin-bottom: 40px; }
    
    .mondelez-hero .bau-hero-left h1 { font-size: 30px; }
    .mondelez-hero { padding-top: 160px; }
    .mondelez-hero .bau-hero-img img { max-width: 200px !important; }
    
    .platform_two_sec .container { flex-direction: column-reverse; }
    .platform_two_sec .platform_content { width: 100%; padding: 0 0 40px; text-align: center; }
    .platform_content h1 { font-size: 35px; line-height: 45px; }
    .platform_img {  width: 100%; text-align: center; }
    .platform_two_sec {  padding-bottom: 30px; }
    .studio_two_sec {  padding-top: 30px; }
    .studio_two_sec .platform_img {width: 100%; }
    .studio_two_sec .platform_content { text-align: left; }
    .studio_two_sec .container { flex-direction: column; }
    .platform-web-box { width: 100%;  border-bottom: 1px solid #F2318A; border-right: none; padding: 0 0 20px; margin-bottom: 50px;  display: block; }
    .platform-web-row {  flex-wrap: wrap; }
    .platform-web-box:nth-child(2n) { padding: 0; }
    .platform-web-text { margin-bottom: 40px; }
    .platform-web-box:last-child { margin-bottom: 0; padding-bottom: 0; }
    .platform-web-sec {  padding-bottom: 50px; }
    
    /* */
    .platform_img lottie-player { margin: auto; }
    .platform-row ul li a { font-size: 18px; line-height: 26px; }

    .platform-row {margin: auto;}
    .platform_img .platform-wrap { margin: auto; }
    
    .promis50-text { font-size: 16px; line-height: 24px; }
    .promis50-section .promis50-wrap { flex-direction: column-reverse !important; }
    .promis50-img { width: 100%; text-align: center;  margin-bottom: 40px; }
    .promis50-img img { width: 100%;  max-width: 360px !important; }
    .promis50-reverse .promis50-content { width: 100%;  padding: 0; }
    .promis-accordion-tab .container { display: block; }
    .promis-accordion-left {  width: 100%; padding-right: 0; }
    .promis-accordion-tab { padding: 60px 0; }
    .promis-accordion-box { padding: 15px; }
    .promis-accordion-box.active { padding: 15px; }
    .promis-accordion-right { width: 100%; display: none; }
    .promis50-content { width: 100%; padding: 0; }
    .promis50-section { padding-bottom: 30px; }
    .what-next-section .promis50-wrap { padding: 24px 15px; }

    .promis-accordion-box .promis-accordion-img { display: block !important;  margin-bottom: 30px !important; margin-top: 20px;  text-align: center; }
    .promis-accordion-box .promis-accordion-img img { width: 100%; max-width: 340px !IMPORTANT; }
    
    /* */
    .hero-demo-section h1 { margin-bottom: 0; }
    .hero-demo-right { width: 100%; }
    .hero-demo-section:after, .booked_form.booked_form-demo:before, .booked_form.booked_form-demo:after {height: 123px !important;}
    .hero-demo-svg1 {  bottom: -90px; }
    .hero-demo-section { margin-bottom: 70px; }
    .booked_form.booked_form-demo { margin-top: 80px; }
    .demo_mondelez_section { padding-top: 70px; }
    
    /* */
    .increase-digital-sec .promis50-img { width: 100%; }
    .like-nothing .promis50-img { width: 100%; }
    .like-nothing .promis50-content { width: 100%; }

    .work-together-section.dark-bg .section-content > div {width:100%;}
    .biggest_brands .bg-polygon { bottom: 0;}
  
    .elevate._trust { padding-top: 70px;} 
    .elevate._trust .promis50-content {width:100%;}
    .elevate._trust .promis50-img {width:100%;}
    
    .attention_section .predict-img { margin-top: 40px;} 
    
    .haleon-hero-section { padding: 120px 0 80%; background-position: 130px 100%; background-size: 100%;}
    .haleon-hero-section .banner-left-content { max-width: 375px; margin: 0 auto;  text-align: center;}
    .haleon-hero-section .banner-left-content h1 { font-size: 32px; line-height: 42px;}
    
    .haleon-promise-section .promis50-content {text-align:center;}
    .haleon-promise-section { padding-bottom:50px;}
    
    .haleon-bgimg-text-section {padding: 50px 0;}
    .haleon-bgimg-text-section .promis50-content {text-align:center;}
    .haleon-bgimg-text-section.promis50-section .promis50-wrap {flex-direction: column !important;}
    .haleon-bgimg-text-section.promis50-section .promis50-img {position: relative; top: 30px; transform: none; right: -150px; width: 100%; margin-right: 0;margin-bottom:0;} 
    .haleon-bgimg-text-section.promis50-section .promis50-img img {max-width: 100% !important; height:460px; object-fit: cover;}
    .haleon-bgimg-text-section .promis50-content h2 { font-size: 32px; line-height: 44px; max-width: 350px; margin: 0 auto 25px;}
    
    .haleon-bookdemo-section .cta-box {flex-direction: column;border-radius: 16px;}
    .haleon-bookdemo-section .cta-box h3 {text-align:center;font-size: 28px; line-height: 38px; margin-bottom:20px;max-width:320px;}
    .haleon-bookdemo-section { padding-bottom: 70px;}
    
    .cpg-hero-section .container {flex-direction: column-reverse;}
    .cpg-hero-section .left-img {width:100%; padding:0; margin-bottom:20px;margin-top:40px; text-align:center;}
    .cpg-hero-section .right-form-wrap { width: 100%;text-align:center;}
    .cpg-title-img-section h2 { font-size: 32px; line-height: 44px;}
    .cpg-brands-section .container {flex-direction: column;}
    .cpg-brands-section .left-content-wrap {width:100%; padding:0; margin-bottom:20px;text-align: left;}
    .cpg-brands-section .left-content-wrap h2 { font-size: 32px;line-height: 44px;}
    .cpg-brands-section .right-form-wrap { width: 100%;}
    .cpg-insight-form {margin-top: 80px !important;}
    
    .thanku-hero-section .thanku-content-wrap .thanku-icon {max-width: 90px; margin: 0 auto 25px;}
    .thanku-hero-section .thanku-content-wrap h1 { font-size: 36px; line-height: 36px;}
    .thanku-hero-section { padding: 140px 0 60px;}
    

    h2.blog-tag-heading { font-size: 24px; }
    .blog_main {  margin: 0 -15px; }
    .blog_index .topic ul li a { font-size: 14px;  min-width: 100px; }
    .blog_index .topic ul li { padding: 5px 0; }
    .blog_index .topic ul { margin-bottom: 30px; }
    
    .cpg-analysis-section .platform-web-box {border-bottom:0;}
    .cpg-analysis-section .platform-web-box { padding-right: 0px; }  
    .cpg-analysis-section .platform-web-box:nth-child(2n) { padding-left: 0px;}
    .cpg-analysis-section.platform-web-sec .title_section h2 {  font-size: 28px;}
    
    .cpg-hero-section .right-form-wrap .btn_style  {display:none;}
    .cpg-hero-section .left-img  .btn_style {margin-top:30px;}
    
    .cpg-analysis-section .platform-web-row {margin-bottom:40px;}
    .cpg-hero-section { padding: 145px 0 55px;} 
    
    .cpg-title-img-section {padding-bottom:30px;}

    /* */
    .form-caption {  padding: 40px 15px; }
    .form-caption h2 { margin-bottom: 20px; font-size: 24px; line-height: normal; }
    .form-caption h2 br { display: none; }
    .button-wrap .button-label { margin: 6px; padding: 8px 30px; font-size: 20px; }
    .testing-form .form-caption { flex-wrap: wrap; }
    .form-left { width: 100%; padding: 0 0 20px; }
    .form-right { width: 100%; }
    .testing-form .form-caption h2 {  text-align: center; }
    .range-num-text { font-size: 11px; }
    .range-num-wrap { font-size: 16px; }
    .testing-form { padding-bottom: 10px; }
    .take-deep-box { flex-wrap: wrap; text-align: center; padding: 40px 20px; }
    .take-deep-left { width: 100%; padding: 0 0 30px; }
    .take-deep-right { width: 100%; }
    .take-deep-sec h2 { font-size: 24px; }
    .take-deep-right img { margin-left: 15px; }
    .take-deep-left .btn_style a { font-size: 14px; padding: 7px 25px; }
    .linkedin-box { flex-wrap: wrap; text-align: center; padding: 36px 15px; }
    .linkedin-left { width: 100%; padding: 0 0 30px; font-size: 20px; line-height: 32px; }
    .linkedin-right {width: 100%; }
    .linkedin-box:after { opacity: 0; }

    .biggest-form { padding-bottom: 60px; }
    .biggest-form .form-caption {  padding-left: 15px;  padding-right: 15px; }
    .submit-btn { margin-top: 40px; }
    .checkbox-wrap .styled-radio + label { font-size: 14px;  padding-left: 50px; }
    .checkbox-wrap .styled-radio + label:before { left: 13px; }
    .input-style input { font-size: 14px; }
    .submit-btn input[type="submit"] { font-size: 14px; min-width: auto; padding: 8px 35px; }
    
    .topics-form .checkbox-wrap li { width: 100%; }
    
    /* */
    .slick-slider .slick-dots li { margin:5px 10px; }
    .slick-slider .slick-dots li button { width: 20px; height: 20px;  }
    
    .increases_nav ul {width: 100%;text-align: left;position: absolute;top: 100%;background: #fff;z-index: 2;padding: 10px 0;display: none;}
    .increases_nav span.title {display: block;background: #F2318A;color: #fff;padding: 10px 20px;     position: relative; }
    .increases_nav { width: 100%;  max-width: 360px; margin: auto;  display: table; }
    .increases_nav ul li { width: 100%; }
    .increases_nav ul li a { width: 100%; }
    .increases_nav span.title:after { content: "\f107";  position: absolute; right: 14px;  font-family: FontAwesome; font-size: 24px; }
    
    .drag-image { padding: 110px 0 30px; } 
    .drag-image .boxTitle { font-size: 16px; line-height: 24px; }
    .drag-image .boxTitle svg { margin-left: 6px; margin-top: 5px; }
    
    .drag-image .sliderBox { transform: rotate(90deg); height: 100%; }
    .drag-image .image-before { height: var(--position); width: 100%; }  
    .drag-image .slider-image { object-position: top; }
    .drag-image img { max-width: inherit; max-height: 100%; }
    .drag-image .slider-line { width: 100%; height: 4px; top: var(--position); transform: inherit; left: 0; }
    .drag-image .slider-button { left: 50%; top: var(--position); transform: translate(-50%, -50%) rotate(90deg); pointer-events: none; z-index: 11; }
    .drag-image .image-container { max-width: 100%; }
    
    /* */
    .consumer-hero-wrap h1 { font-size: 36px; margin-bottom: 30px; }
    .consumer-hero-sec { padding-top: 100px; padding-bottom: 30px; }
    .consumer-hero-text h3 { font-size: 18px; line-height: 26px; }
    .consumer-hero-text { font-size: 16px; }
    .list-group ul li { font-size: 16px; }
    .list-group ul li:before { top: 5px; }
    .testimonial_section { padding-top: 30px; }
    .testimonial_section .clietnt_content .clietnt_text { font-size: 16px; line-height: 24px; padding-top: 40px; }
    .testimonial_section .clietnt_content:before { font-size: 74px;  left: 0; top: 40px; }
    .testimonial_section .clietnt_content .clietnt_text:after { font-size: 74px; bottom: -20px; }
    .testimonial_section .othre-tag h5 {  font-size: 12px; line-height: normal; }
    .testimonial_section .othre-tag h6 {  font-size: 12px; }
    .testimonial_section .other-img img { width: 55px; height: 55px !important; }
    .testimonial_section .othre-tag { width: calc(100% - 55px); padding-left: 10px; }
    .testimonial_section .clietnt_box { padding-bottom: 30px; }
    .dots-append ul.slick-dots button { min-width: auto; }

    .insights-team-sec .title-lottie-title h2 { font-size: 32px;  margin-bottom: 10px; }
    .insights-team-left h3 { font-size: 28px; }
    .insights-team-sec { font-size: 12px; line-height: 25px; padding: 20px; }
    .insights-team-row { margin-bottom: 40px; }
    .insights-team-wrap { padding: 50px 20px; }
    .zigzag_landinv_product .box h3 { font-weight: 500;  font-size: 28px; }
    .zigzag_landinv_product .box .con { font-weight: 400; font-size: 14px;  line-height: 24px; }
    .beyond-above-left { width: 100%; padding-bottom: 30px; }
    .beyond-above-item {  flex-wrap: wrap; margin-bottom: 20px; }
    .beyond-above-right {  width: 100%; }
    .insights-team-sec { padding-left: 0; padding-right: 0; }
    .take-deep-sec.take-deepv2-sec {  padding-bottom: 0; }


    .mad-fest-hero-caption:before ,.mad-fest-hero-caption:after {  display: none; }
    .mad-fest-hero-item { padding: 0 15px 30px; }
    .mad-fest-hero-icon {  left: 0; right: 0; margin: auto; max-width: 130px; top: -130px; }
    .mad-fest-hero-sec h2 { font-size: 34px; }
    .mad-fest-hero-caption { margin: 130px 0 0;  padding: 30px 0; }
    .mad-fest-hero-content { padding-left: 0; }
    .mad-fest-hero-content h3 { font-size: 24px; }
    .mad-fest-hero-text {  font-size: 18px; }
    .mad-fest-ticket-item h2 { font-size: 30px; }
    .mad-fest-ticket-item h3 { font-size: 20px; margin-top: 20px; }
    .mad-fest-form h2 { font-size: 20px; }
    .mad-fest-form.book-demo-banner-section { padding-top: 50px; }
    .mad-fest-form.book-demo-banner-section .left-content-section .banner-content, .mad-fest-form.book-demo-banner-section .left-content-section .banner-content p {  font-size: 16px;  line-height: normal; }
    .mad-fest-most-item h2 {  font-size: 28px; }
    .mad-fest-most-text h3 { font-size: 20px; line-height: normal; }
    .mad-fest-most-text { font-size: 16px;  line-height: 20px; }
    svg.mad-fest-most-ptn {width: 100%; max-width: 120px; }
    .mad-fest-most-sec { padding-top: 60px; }
    .mad-fest-most-img { padding-bottom: 0; padding-top: 50px; }
    .mad-fest-most-item:last-child { padding-bottom: 0; }
    .mad-fest-bottom-sec h2 { font-size: 28px; }
    .mad-fest-bottom-sec { padding: 60px 0; }
    .mad-fest-hero-sec { padding-top: 120px; }
    
    .insights-caption h1 {  font-size: 30px; }
    .insights-hero { padding-top: 110px; }
    .insights-img { margin-top: 0; }
    .insights-hero .insights-caption {  margin-bottom: -10px; }
    .insights-teamv2 .insights-team-row .down-icon { margin-bottom: 20px; }
    .insights-teamv2 .insights-team-row h3 { font-size: 24px; }
    .insights-teamv2 .insights-team-row { margin-bottom: 60px; }
    .insights-teamv2 .consumer-hero-text h2 { font-size: 36px;  line-height: normal;  margin-bottom: 20px; }
    .insights-teamv2 .consumer-hero-text { font-size: 18px; }
    .insights-teamv2 .consumer-hero-text p { margin-bottom: 15px; }
    .insights-fine-sec .insights-team-left h3 { font-size: 36px;  line-height: normal; }
    .insights-fine-sec .insights-team-right { font-size: 18px; padding-right: 0; }
    .insights-fine-sec .insights-team-row { margin-bottom: 30px; }
    .testimonial-sec .testimonial-text {font-size: 24px; }
    .testimonial-sec h4 { font-size: 16px; }
    .testimonial-sec { padding: 40px 0; }
    .elevate-sec h2 { font-size: 28px; }
    .elevate-sec {  padding: 60px 0; }
    .elevate-sec .down-icon { margin-top: 30px; }
    .elevate-sec .elevate-title-sec {  margin-bottom: 30px; }
    .elevate-text { font-size: 18px;  line-height: normal; }
    .we_work.logo_we_section.logo-slider { padding-bottom: 0; }
    .insights-fine-sec {  padding: 40px 0; }
    
    .insights-img svg {  width: calc(100% + 180px) !important; position: relative; transform: translateX(-50%) !important;  left: 50%; transition: all 0s; }
    
    .lottie-animation3 {  margin-top: 0; width: calc(100% + 65px); left: 50%; position: relative;  transform: translateX(-50%); }


   .anim-on .animation-mobile-show{ display:none; }
    
    .insights-img .animation-mobile-show {  display: block; } 
    .insights-teamv2 .consumer-hero-text { margin-top: 70px; }
    .insights-fine-sec { padding: 80px 0; }
    .testimonial-sec {  padding: 70px 0; }
/*     .lottie-animation3 {  display: none; } */
    
    #imagesequence2[style*="position: fixed;"] svg {  margin-top: 0%; }
    
    .insights-img lottie-player {  width: 100% !important; }
    
    .new-logo-sec .wework_box .logo {
    width: 33.333%;
    padding: 10px 15px;
}

.new-logo-sec .wework_box .logo img {
    width: auto;
}
    
    .hero-project .bau-hero-left { width: 100%; }
    .hero-project .bau-hero-text { font-size: 16px; line-height: 30px; }
    .hero-project .bau-hero-right { width: 100%; padding: 0; margin-bottom: 0; }
    .hero-down-wrap { margin-top: 30px; }
    .impossible-caption h2 { font-size: 26px; line-height: 37px; }
    .impossible-text { font-size: 23px; }
    .impossible-section { padding: 70px 0; overflow: hidden; }
    .ai-landscape-section h2 { font-size: 28px; margin-bottom: 20px; }
    .ai-landscape-section { padding: 49px 0; }
    .ai-landscape-left { padding-top: 0; padding-left: 0; padding-right: 0; }
    .ai-landscape-wrap { padding-right: 0; }
    svg.landscape-svg { display: none; }
    .programme-section h2 { font-size: 30px; line-height: 47px; }
    .programme-num { font-size: 120px; margin-bottom: -10px; }
    .programme-right { margin-bottom: 70px; }
    .join-discover-box { padding: 30px 15px; }
    
    .mad-fest-hero-caption { margin-top: 0; }
    .mad-attention-hero-sec .mad-fest-hero-content { width: 100%; text-align: center; }
    .mad-attention-hero-sec .mad-fest-hero-item:nth-child(2n) .mad-fest-hero-img { padding-left: 0; text-align: center; }
    .mad-attention-hero-sec .mad-fest-hero-item:nth-child(2n) .mad-fest-hero-content { text-align: center; }
    .mad-attention-hero-sec .mad-fest-hero-img { margin-bottom: 20px; }
    .mad-attention-hero-sec .mad-fest-hero-item { margin-bottom: 40px; }
    .mad-fest-ticket-img { width: 100%; max-width: 180px; margin: 0 auto 20px; }
    .speakers-sec .mad-fest-ticket-item h3 { font-size: 24px; margin-bottom: 30px; }
    .speakers-sec .mad-fest-ticket-item h2 { font-size: 30px; }
    .speakers-item { width: 100%; padding-bottom: 40px; }
    .speakers-img:after { width: 49px; height: 119px; background-position: center; background-size: contain; background-repeat: no-repeat; bottom: -20px; }
    .speakers-item:nth-child(2n) .speakers-img:after { bottom: -32px; }
    .event-item { padding: 15px; margin-bottom: 35px; }
    .event-time { font-size: 18px; }
    .event-title { font-size: 20px; }
    .event-bottomtext { font-size: 22px; margin-bottom: 20px; }
    .event-section { padding-bottom: 10px; }
    .location-wrap { padding: 20px 15px; }
    .location-icon { height: 70px; width: 70px; }
    .location-icon img { width: 100%; max-width: 23px !important; }
    .location-content { width: calc(100% - 70px); padding-left: 20px; }
    .location-text { font-size: 15px; }
    .location-item { padding: 20px 15px; }

    .profiles-experts-sec .event-svg { left: 15px; top: 50px; }
    .profiles-experts-sec .event-svg svg { width: 100%; max-width: 60px; }
    .profiles-experts-sec svg.mad-fest-most-ptn { width: 90px; top: 2px; }
    .event-section .event-svg { right: 15px; }
    .event-section .event-svg svg { width: 60px; }

    .diageo_hero .bau-hero-right { text-align: center; }
    .diageo_hero .bau-hero-right .bau-hero-img { margin: auto; }
    .diageo_logo .wework_box .logo img {  width: 110px; }
    .diageo_logo .wework .main_title {  margin-bottom: 20px;}
    .choose_dragonfly_sec .main_title h4 , .main_titlev2 h4 {  font-size: 34px;  line-height: 50px; }
    .choose_dragonfly_sec { padding: 60px 0; }
    .choose_dragonfly_wrap { flex-direction: column-reverse; }
    .choose_dragonfly_left {  width: 100%; }
    .choose_dragonfly_right { width: 100%;  margin-bottom: 30px; }
    .choose_dragonfly_sec .main_title { margin-bottom: 40px; }
    .diageo_cta { padding: 20px 0; }
    .choose_dragonfly_left ul li:last-child { margin-bottom: 0; padding-bottom: 0; }
    .single-image-sec { padding-bottom: 70px; }
    
    .project_herov2 .bau-hero-img img { margin-left: auto; margin-right: -10%; width: 100%; margin-bottom: -70px; margin-top: -50px; }
    .project_herov2 .bau-hero-img { margin: auto; }
    
    /* */
    .speakers-bottomtext { font-size: 24px; line-height: normal; margin: 0; }

    /* */
    .hero-ecommerce-text { font-size: 14px; }
    .magic-btn { padding: 0 15px; }
    .magic-btn h6 { font-size: 14px; }
    .real_time_title { text-align: left; }
    .hero-ecommerce-caption h1 { font-size: 36px; margin-bottom: 20px; }
    .real_time_text { font-size: 14px; }
    .join-dragonfly-box svg.down_icon { width: 50px; margin-bottom: 10px; }
    .join-dragonfly-box h2 { font-size: 20px; }
    .join-dragonfly-box { padding-bottom: 30px; }
    .sales-uplift-sec h2 { font-size: 26px; }
    .sales-uplift-sec { padding: 50px  0; }
    .ecommerce-team-sec .insights-team-left { padding-right: 0; }
    .ecommerce-team-sec .insights-team-right h4 { font-size: 26px; }
    .insights-fine-sec .insights-team-right { font-size: 16px; line-height: 26px; margin-bottom: 50px; }
    .empowering_ecommerce { padding-bottom: 20px; }
    .increase_enga_content h3 { font-size: 26px; }
    .increase_enga_item { padding: 40px 20px; }
    .left_right_content { flex-wrap: wrap; }
    .left_right_content .increase_enga_content { width: 100%; padding: 0 0 50px; }
    .left_right_content .increase_enga_img { width: 100%; }
    .half-column { width: 100%; }
    .increase_enga_sec { padding-bottom: 50px; }
    .strip-title-cta .innerstrip h2 { font-size: 20px; }
    .strip_title.strip-title-cta { padding: 50px 15px; }
    .ecommerce-testimonial { padding-bottom: 30px; padding-top: 40px; margin-bottom: 70px; }
    .questions_sec { padding: 80px 0; }
    .questions_item { width: 100%; padding-right: 0; }
    .questions_item h4 { font-size: 18px; line-height: normal; }
    .questions_sec .title_sec { margin-bottom: 40px; }
    .answers_text { font-size: 14px; }
    .questions_item:last-child { padding-bottom: 0; }
    
    .hero-ecommerce-sec { padding: 150px 0;  }
    .hero-ecommerce-caption h1 { font-size: 38px; }

    .magic-btn a { margin-bottom: 10px; }
    .magic-btn { bottom: 150px; }
    
    .questions_sec {padding-bottom: 20px;}
    .real_time_title h2 span { display: inline-block; }
    
    .hero_lottie_anim lottie-player { width: 145%; transform: translateX(-50%); position: relative; right: calc(-50% - 15px); }
    .real_time_sec .lottie-anim lottie-player { width: 124%; transform: translateX(-50%); right: -50%; position: relative; }
    .real_time_sec .lottie-anim { position: relative;  overflow: hidden; }
    .hero_lottie_anim { overflow: hidden; }
    .real_time_sec { padding-top: 40px; }
    .ecommerce-team-sec .insights-team-wrap { overflow: hidden; }
    .ecommerce-team-sec .insights-team-wrap lottie-player { width: 145%; position: relative;  transform: translateX(-50%);right: calc(-50% - 15px); }

    /* */
    .giving_section {  min-height: auto;  padding: 70px 0;  overflow: hidden; }
    .giving_person_box { margin-top: -20px; margin-left: auto; margin-right: auto; }
    .evolution_hero .container { flex-wrap: wrap; }
    .evolution_left { width: 100%;  padding: 0; }
    .evolution_hero h1 { font-size: 40px; }
    .evolution_hero h2 { font-size: 28px; }
    .evolution_text { font-size: 16px; }
    .evolution_list ul li { min-width: auto; margin-right: 5px;  font-size: 14px; padding: 10px 15px; margin-bottom: 5px; }
    .evolution_right { width: 100%;  margin-top: 40px; }
    .evolution_hero { padding: 130px 0  50px; }
    .evolution_increase_enga {  padding: 60px 0 20px; }
    h2.increase_enga_title { font-size: 40px; text-align: center; }
    .evolution_increase_enga .increase_enga_item.full-column.left_right_content:nth-child(2n) .increase_enga_content { padding-left: 0; }
    .giving_section .container { flex-wrap: wrap; }
    .giving_section .giving_left { width: 100%;  padding: 0 0 30px; text-align: center; }
    .giving_logo { margin-bottom: 40px; }
    .giving_section .giving_left h3 { font-size: 34px; line-height: 52px; }
    .giving_logo img { width: 100%; max-width: 200px !important; }
    .giving_section .giving_right {  width: 100%; padding: 0; max-width: 360px;  margin: auto; }
    .book-demo-banner-section.form-attention-evolution.mad-fest-form {  padding: 40px 0 0; }
    .book-demo-banner-section.form-attention-evolution .book-demo-form-wrap .form-box { padding: 30px 15px; }
    
    /* */
    .hero-ask-sec { padding-top: 130px; padding-bottom: 50px; }
    .hero-ask-sec .container { flex-wrap: wrap; }
    .hero-ask-left {  width: 100%; padding: 0 0 30px;  text-align: center; }
    .hero-ask-sec h1 { font-size: 38px; }
    .hero-ask-right { width: 100%; }
    
    /* */
    .hero-game-caption h1 { font-size: 34px; }
    .game_svg svg { width: 210px; height: 260px; }
    .game_svg.game_svg2 { top: 98px; }
    .game_svg.game_svg1 { top: auto; }
    .hero-game-attention-sec { min-height: auto;  padding: 130px 0 100px; }
    .episode-item { flex-wrap: wrap; width: 100%; max-width: 400px; margin: 0 auto 40px; }
    .episode-img { width: 100%; border-radius: 5px; overflow: hidden; }
    .episode-content { width: 100%; padding: 30px 15px 80px; }
    .episode-content h2 { font-size: 28px; }
    .episode-list-sec { padding: 70px 0; }
    .episode-img img { width: 100%; }
    
    /*  */
    .hero-ask-img {  text-align: center; }
    
    /* */
    .hero-episode-sec .hero-ask-left {width: 100%;padding: 30px 0 70px;}
    .hero-episode-sec .container {  flex-direction: column-reverse; }
    .hero-episode-sec .hero-ask-text { margin: auto; }
    .hero-episode-sec .hero-ask-right { width: 100%; max-width: 320px; }
    .hero-episode-sec .down_icon svg { width: 40px;  height: 40px; }
    .hero-episode-sec { padding-bottom: 10px; }
    .video-episode .join-dragonfly-box { padding-bottom: 30px; }
    .episode-con-wrap {   flex-wrap: wrap; margin-bottom:30px; }
    .episode-con-wrap h2 { width: 100%;  padding: 0; font-size: 30px; text-align: center; }
    .episode-con-img { width: 100%; max-width: 200px; margin: 0 auto 20px; }
    .episode-con-sec { padding-bottom: 40px; }

    /* */
    .essay1-hero .person-wrap { margin: 20px auto 9px; text-align: center;}
    .essay1-hero h5 {font-size: 24px; line-height: normal;  margin-bottom: 10px; }
    .essay-content-sec { padding: 40px 0; }
    .real_client.essay-bottom { padding-bottom: 60px;  padding-top: 40px; }
    
    /* */
    .confidence_hero .bau-hero-right { margin-top: -20px;  margin-left: 20px; }
    .creative_testing .single-image {position: relative;left: 15px;}
    .choose_confidence .choose_dragonfly_right { margin-left: -30px; }
    
    /* */
    .video_sec.with-bg .main_title h2 { font-size: 28px; }
    .video_sec.with-bg .main_title .text p { font-size: 16px; line-height: 25px; }
    .video_sec { padding-top: 130px; padding-bottom: 0; }
    
    .book-demo-banner-section.book_demo_sec .book-demo-form-wrap { margin-top: 0; }
    .book-demo-banner-section.book_demo_sec .book-demo-form-wrap .form-box { padding: 20px; }
    
    /* */
    .visuals_hero .bau-hero-img img {position: relative;left: -30px;}
    
    .dragonflyai-logo-sec .wework_box .logo img { width: 100%; }
    
    .danone_logo .wework_box .logo img { width: 60px; }
    .danone_hero .bau-hero-left .bau-hero-text {  font-size: 16px; }

    .good_hero .bau-hero-left { width: 100%; }
    .good_hero .bau-hero-right { width: 100%; }
    .good_hero .bau-hero-right .bau-hero-img { margin: 0 auto 0; left: -30px; position: relative; }
    .book-demo-banner-section.sign_up_today_from .book-demo-form-wrap .form-box h3 { font-size: 21px; }
    .faq_sec .faq_svg { display: none; }
    .faq_title { font-size: 16px; }
    .faq_box { padding: 15px; }
    
    .colgate_hero .btn_style { text-align: center; }
    .power_video.with-bg .main_title h2 { padding: 0; }
    .colgate_hero .bau-hero-right .bau-hero-img img { position: relative; left: -30px; }
    .colgate_logo .wework_box .logo img { width: 63px; }
    .get_instant_sec { padding: 50px 0; }
    .get_instant_left { width: 100%; }
    .get_instant_box { flex-wrap: wrap; justify-content: center; text-align: center; }
    .get_instant_right { width: 100%; }
    .get_instant_wrap { flex-wrap: wrap; }
    .get_instant_title { margin-left: 0; width:100%; }
    .get_instant_box .percentage { margin-bottom: 10px; }
    .get_instant_right img { margin-left: 0; }

    .testing-hero .real_time_title h2 { font-size: 30px; text-align: center; }
    .testing-hero .real_time_text { font-size: 18px; line-height: 30px;  margin-bottom: 30px; }
    .btn-wrap { margin-top: 50px; flex-wrap: wrap; }
    .btn-wrap .video-btn { width: 100%; margin: 24px 0 0; text-align: center; display: flex; justify-content: center; }
    .real_time_sec.testing-hero { padding: 110px 0 50px; }
    
    .img-content-sec {
    padding-bottom: 0;
    padding-top: 60px;
}

.img-content-wrap .img {
    width: 100%;
    padding-bottom: 20px;
}

.img-content-wrap .content {
    width: 100%;
}

    .beiersdorf_hero .bau-hero-right .bau-hero-img img { 
    left: 0;
}

    .hero-expert-caption h1 { font-size: 40px; line-height: normal; margin-bottom: 20px; }
    .hero-expert-caption h1 span { padding-left: 50px; }
    .hero-expert-caption .expert-subtitle svg { width: 30px; height: 30px; left: 12px; }
    img.hero-bg-dots { margin-right: -240px; }
    .expert-bg-dots img.hero-bg-circle { width: 100px; height: 100px; }
    .hero-expert-logo ul li { padding: 5px 10px; align-items: center; margin: 8px; min-height: 60px; width: calc(100% / 3 - 16px); }
    .hero-expert-logo ul { justify-content: left; }
    .hero-expert-sec:before { height: 40px; }
    .expert-bg-circle svg { width: 180px; }
    .expert-bg-circle svg:last-child { transform: translateY(15px); }
    .expert-bg-circle { position: absolute; bottom: -60px; right: 0; }
    .hero-expert-sec { padding-bottom: 110px; }
    .be-first-title { padding-bottom: 20px; }
    .be-first-img svg { height: auto; max-width: 140px; }
    .be-first-item { width: calc(100% / 2 - 30px); max-width: 190px; }
    .be-first-sec { padding-top: 100px; }
    .be-first-title h2 { font-size: 24px; }
    .be-first-title h2 br { display: none; }
    .be-first-name { font-size: 14px; }
    .be-first-text { font-size: 12px; line-height: normal; }
    
}

@media(max-width: 500px) {
    
    .deks_bg { position: relative; z-index: 1; }
    .mobile_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; display: block; }
    .hero_platform.deks_bg {background:transparent !important;}
    
    .onesolution_slider .cover { min-height: auto; text-align: center; }
    .onesolution_slider .cover .btn_style { display: none; }
    .onesolution_slider .text { margin: 0 auto; }  
    .onesolution_slider .box { background: none !important; color: #000; padding: 80px 0 0; }
    .onesolution_slider .cover h3 { color: #000; }
    .onesolution_slider .box .mobile_image { margin: 40px 0 0; display: block !important; position: relative; }
    .onesolution_slider .box .mobile_image img { margin: 0 auto; }
    .onesolution_slider ul.slick-dots { bottom: 30px; margin: 0; }
    
    .ourword_main .box .text { padding: 10px; }
    
    .hero_about { min-height: 340px; }
    .hero_platform { min-height: 320px; }
    
    .bigger_section .logos .img:first-child { width: 50%; }
    .team_section .image img { min-height: 311px; object-fit: cover; }
    .map_get .hs-responsive-embed-wrapper { height: 450px !important; }
    
    .plans_main { margin: 0; }
    .plans_main .box { padding: 10px 0; width: 100%; }
    
    .biggest_brands .logos .image { width: 50%; padding: 15px 20px; }

    .client_stories .details { margin: 30px 0 0; text-align: center; }
    .client_stories .details .right { padding: 25px 0 0; width: 100%; }
    .client_stories .details .image { margin: 0 auto; }
    
    .hero_landinv .inner .shape { width: 160px; height: 160px; right: -30px; bottom: 40px; }
    .hero_landinv .inner .shape svg { width: 100%; height: 100%; }
    
    .wework_box .logo { width: 50%;padding:25px; }
    
    .platform-row { max-width: 86%; }
    .platform-row ul li a { font-size: 14px; line-height: 22px; }
    
    .platform-row { max-width: 540px; }
    
    .work-together-section.dark-bg .section-title p { font-size: 18px;line-height: 28px;}
    .work-together-section.dark-bg .section-content { font-size: 16px; line-height: 28px;}
    
    .haleon-hero-section .banner-left-content h1 { font-size: 28px; line-height: 38px;}
    .haleon-hero-section { padding: 120px 0 100%; background-position: 30px 100%; background-size: 120%;}
    .haleon-bgimg-text-section .promis50-content h2 { font-size: 28px; line-height: 36px;}
    
    .haleon-bgimg-text-section.promis50-section .promis50-img {right:0;top:0;}
    .haleon-bgimg-text-section.promis50-section .promis50-img img {height: 400px;object-position: left;margin-bottom:-100px;}
    
    .haleon-bookdemo-section .cta-box .bookdemo-cta-btn a {font-size:18px;}
    .haleon-bookdemo-section .cta-box { padding: 35px 30px;}
    .haleon-bookdemo-section .cta-box h3 {font-size: 24px;line-height: 34px;}
    
    .haleon-bookdemo-section .cta-box:before {left:40px; right:40px;}
    
    .cpg-title-img-section h2 { font-size: 26px; line-height: 36px;}
    .cpg-brands-section .left-content-wrap h2 { font-size: 26px; line-height: 38px;}
    
    .cpg-insight-form form fieldset.form-columns-2 > div {padding:0;}
    
    .thanku-hero-section .left-img-wrap,.thanku-hero-section .right-img-wrap {display:none;}
    .thanku-hero-section .thanku-content-wrap {width:100%;}
    
    .cpg-hero-section .right-form-wrap .main-title h1 { font-size: 34px; line-height: 44px;}
    .cpg-hero-section .right-form-wrap .main-title h1 br {display:none;}
    .cpg-analysis-section.platform-web-sec .title_section h2 {font-size: 22px; line-height: 32px;}
    .platform-web-sec.cpg-analysis-section .title_section {margin-bottom:30px;}
    .cpg-hero-section .right-form-wrap .banner-text { font-size: 16px; line-height: 30px;}
    .cpg-analysis-section .platform-web-box .platform-web-text { font-size: 14px; line-height: 24px; margin-bottom:15px;}

}

@media(max-width:374px){
    .be-first-item { width: 100%; }
}

@media(max-width:350px){
    .hero-ecommerce-caption h1 { font-size: 28px; }
    .magic-btn { bottom: 100px; }
}