/*!
Theme Name: SteadyBit
Theme URI: https://steadybit.com/
Author: Radu
Author URI: #
Description: Custom theme built for SteadyBit
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
*/

@font-face {
    font-family: 'Binjay';
    src:  url('/wp-content/themes/steadybit/fonts/Binjay.eot');
    src:  url('/wp-content/themes/steadybit//wp-content/themes/steadybit/fonts/Binjay.eot') format('embedded-opentype'),
          url('/wp-content/themes/steadybit//wp-content/themes/steadybit/fonts/Binjay.woff2') format('woff2'),
          url('/wp-content/themes/steadybit/fonts/Binjay.woff') format('woff'),
          url('/wp-content/themes/steadybit/fonts/Binjay.ttf') format('truetype'),
          url('/wp-content/themes/steadybit/fonts/Binjay.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




#page{
  padding-top: 50px;
}

#page.hide_distance{
  padding-top: 0;
}

#page.hide_distance #masthead{
  top:0;
}

#page.single_menu{
  padding-top: 200px;
}



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



/* Global Colors */
:root {
  --Inter : "Inter", sans-serif;;
  --Montserrat : "Montserrat", sans-serif;
  --Binjay : "Binjay", sans-serif;
  --gray: rgb(102, 116, 133);
  --dark_gray: #212121;
  --button_red:rgb(249, 77, 76);
  --button_darker_red:rgb(181, 52, 51);
  --button_dark_red:rgb(252, 59, 59);
  --light_blue:rgb(245, 242, 255);
  --light_purple:rgb(91, 72, 202);
  --purple:rgb(59, 47, 131);
  --dark_purple:rgb(15, 5, 76);
  --h4_purple:rgb(90, 72, 201);
  --orange: #f08923;
  --pink: rgb(255, 211, 210);
  --white: rgb(255, 255, 255);
  --black: #050505;
  --red_filter: brightness(0) saturate(100%) invert(43%) sepia(70%) saturate(2475%) hue-rotate(333deg) brightness(104%) contrast(94%);
}

html {
  margin:0;
  padding:0;
  font-family: var(--Inter);
  background: var(--white);
}


body {
  margin: 0;
}

*:focus {
    outline: none;
}

a{
  text-decoration: none;
  color: var(--button_red);
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--gray);
  opacity: 0.6;
  font-family: var(--Inter);
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--gray);
  opacity: 0.6;
  font-family: var(--Inter);
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--gray);
  opacity: 0.6;
  font-family: var(--Inter);
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--gray);
  opacity: 0.6;
  font-family: var(--Inter);
}
::-ms-input-placeholder { /* Microsoft Edge */
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--gray);
  opacity: 0.6;
  font-family: var(--Inter);
}

::placeholder { /* Most modern browsers support this now. */
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--gray);
  opacity: 0.6;
  font-family: var(--Inter);
}


.spacing{
    float:left;
    width: 100%;
}

.spacing.sp_5{ padding-bottom: 5px;}
.spacing.sp_10{ padding-bottom: 10px;}
.spacing.sp_15{ padding-bottom: 15px;}
.spacing.sp_20{ padding-bottom: 20px;}
.spacing.sp_50{ padding-bottom: 50px;}
.spacing.sp_100 { padding-bottom: 100px;}
.spacing.sp_150 { padding-bottom: 150px;}
.spacing.sp_200 { padding-bottom: 200px;}
.spacing.sp_300 { padding-bottom: 300px;}
.spacing.sp_400 { padding-bottom: 400px;}
.spacing.sp_500 { padding-bottom: 500px;}



ul#mobile_menu {
    position: relative;
    top: 20px;
    transform: translate(-50%,-50%);
    width: 40px;
    height: 40px;
    cursor: pointer;
    right: -20px;
    margin: 0;
    float: right;
    margin-left: 50px;
    display:none;
}
ul#mobile_menu li {
    list-style: none;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    width: 90%;
    height: 3px;
    background: #f7f3f5;
    border-radius: 20px;
    transition: .5s;
    opacity: 1;
    width: 40px;
}
ul#mobile_menu li:nth-of-type(1){
    top: 20%;
}
ul#mobile_menu li:nth-of-type(2),ul#mobile_menu li:nth-of-type(3){
    top: 50%;
}
ul#mobile_menu li:nth-of-type(4){
    top: 80%;
}

ul#mobile_menu.active li:nth-of-type(1){
    top: -20%;
    opacity: 0;
}
ul#mobile_menu.active li:nth-of-type(2){
    transform: translateY(-50%) rotate(45deg);
}
ul#mobile_menu.active li:nth-of-type(3){
    transform: translateY(-50%) rotate(-45deg);
}
ul#mobile_menu.active li:nth-of-type(4){
    top: 120%;
    opacity: 0;
}


textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

h1 {
  font-style: normal;
  font-size: 45px;
  line-height: 130%;
  color: var(--white);
  font-family: var(--Montserrat);
  margin-top: 25px;
  margin-bottom: 30px;
}

h2{
    margin-top:0;
    font-style: normal;
    font-weight: 700;
    color: var(--dark_purple);
    font-size: 32px;
    line-height: 130%; 
    font-family: var(--Montserrat);
    margin-bottom: 30px;
}

h3{
    margin-top:0;
    font-style: normal;
    font-weight: 700;
    color: var(--dark_purple);
    font-size: 24px;
    line-height: 130%;
    font-family: var(--Montserrat);
    margin-bottom: 30px;
}

h4{
  margin-top:0;
  font-size: 18px; 
  color:var(--h4_purple);
  font-family: var(--Montserrat);
  font-style: normal;
  font-weight: 600;
  line-height: 180%;
  margin-bottom: 10px;
}

h4:before{
  content:">_ ";
}

p{    
    font-weight: 400;
    margin-top: 0;
    font-size: 15px;
    color: var(--gray);
    line-height: 180%;
}


footer {
  float:left;
  width: 100%;
}


select{
    -webkit-appearance:none;
}

code{
    color: rgb(51, 51, 51);
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 2px 4px;
    font-size: 16px;
}

pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
}

code.hljs {
    padding: 3px 5px
}

.hljs {
    color: #e9e9f4;
    background: #282936
}

.hljs ::-moz-selection,.hljs::-moz-selection {
    background-color: #4d4f68;
    color: #e9e9f4
}

.hljs ::selection,.hljs::selection {
    background-color: #4d4f68;
    color: #e9e9f4
}

.hljs-comment {
    color: #626483
}

.hljs-tag {
    color: #62d6e8
}

.hljs-operator,.hljs-punctuation,.hljs-subst {
    color: #e9e9f4
}

.hljs-operator {
    opacity: .7
}

.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable {
    color: #ea51b2
}

.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_ {
    color: #b45bcf
}

.hljs-class .hljs-title,.hljs-title,.hljs-title.class_ {
    color: #00f769
}

.hljs-strong {
    font-weight: 700;
    color: #00f769
}

.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__ {
    color: #ebff87
}

.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp {
    color: #a1efe4
}

.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property {
    color: #62d6e8
}

.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type {
    color: #b45bcf
}

.hljs-emphasis {
    color: #b45bcf;
    font-style: italic
}

.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string {
    color: #00f769
}

.hljs-meta .hljs-keyword,.hljs-meta-keyword {
    font-weight: 700
}



/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(/wp-content/themes/img/controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}


/* ==== GRID SYSTEM ==== */

.container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .row {
    position: relative;
    width: 100%;
  }
  
  .row [class^="col"] {
    float: left;
    margin:0 2%;
    min-height: 0.125rem;
  }
  
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12 {
    width: 96%;
  }
  
  .col-1-sm {
    width: 4.33%;
  }
  
  .col-2-sm {
    width: 12.66%;
  }
  
  .col-3-sm {
    width: 21%;
  }
  
  .col-4-sm {
    width: 29.33%;
  }
  
  .col-5-sm {
    width: 37.66%;
  }
  
  .col-6-sm {
    width: 46%;
  }
  
  .col-7-sm {
    width: 54.33%;
  }
  
  .col-8-sm {
    width: 62.66%;
  }
  
  .col-9-sm {
    width: 71%;
  }
  
  .col-10-sm {
    width: 79.33%;
  }
  
  .col-11-sm {
    width: 87.66%;
  }
  
  .col-12-sm {
    width: 96%;
  }
  
  .row::after {
      content: "";
      display: table;
      clear: both;
  }
  
  .hidden-sm {
    display: none;
  }
  
  @media only screen and (min-width: 33.75em) {  /* 540px */
    .container {
      width: 100%;
    }
  }
  
  @media only screen and (min-width: 45em) {  /* 720px */
    .col-1 {
      width: 4.33%;
    }
  
    .col-2 {
      width: 12.66%;
    }
  
    .col-3 {
      width: 21%;
    }
  
    .col-4 {
      width: 29.33%;
    }
  
    .col-5 {
      width: 37.66%;
    }
  
    .col-6 {
      width: 46%;
    }
  
    .col-7 {
      width: 54.33%;
    }
  
    .col-8 {
      width: 62.66%;
    }
  
    .col-9 {
      width: 71%;
    }
  
    .col-10 {
      width: 79.33%;
    }
  
    .col-11 {
      width: 87.66%;
    }
  
    .col-12 {
      width: 96%;
    }
  
    .hidden-sm {
      display: block;
    }
  }


    .flex_it{
        display: flex;
    }
    
    .center_it{
        align-items: center;
    }
    
    .wrap_it{
        flex-wrap: wrap;
    }
    
    .flex_center{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

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


/* Alignments
--------------------------------------------- */
.alignleft {

  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {

  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

 .hbspt-form input[type="submit"],
.button{
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5em;
  border-radius: 100px;
  padding: 10px 20px;
  transition: all 0.3s;
  display: inline-block;
  cursor: pointer;
}

.button.purple_box{
    color: var(--white);
    background: var(--light_purple);
    border: 2px solid var(--light_purple);
    width: auto;
    float: left;
}

.button.purple_box:hover{
    color: var(--white);
    background: var(--dark_purple);
    border: 2px solid var(--dark_purple);
    width: auto;
    float: left;
}

.button.purple{
    color: var(--light_purple);
    background: var(--white);
    border: 2px solid var(--light_purple);
    display: flex;
    align-items: center;
    width: auto;
    float: left;
}
  
  .button.purple svg{
    margin-left: 5px;
    filter: none;
    transition: all 0.3s;
  }

.button.purple:hover{
  color: var(--white);
  background: var(--light_purple);
  border:2px solid var(--light_purple);
}

  .button.purple:hover svg{
    filter: contrast(0%) brightness(2);
    transition: all 0.3s;

  }

.left_right .hbspt-form input[type="submit"],
.webinar .hbspt-form input[type="submit"],
.newsletter .hbspt-form input[type="submit"],
.button.red{
  color: var(--white);
  background: var(--button_red);
  border:2px solid var(--button_red);
}

.left_right .hbspt-form{
  margin-top: 30px;
}

.webinar .hbspt-form input[type="submit"]{
  width: 100%;
}

.button.red img,
.button.red svg{
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(41deg) brightness(103%) contrast(104%);
  transition: all 0.3s;
  margin-left:5px;
}

.button.red:hover img,
.button.red:hover svg{
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(41deg) brightness(103%) contrast(104%);
  margin-left:5px;
  transition: all 0.3s;
}

.left_right .hbspt-form .legal-consent-container .hs-form-field,
.left_right .hbspt-form .legal-consent-container .inputs-list{
  float: left;
}

.left_right .hbspt-form input[type="submit"]:hover,
.webinar .hbspt-form input[type="submit"]:hover,
.newsletter .hbspt-form input[type="submit"]:hover,
#masthead .menu_details a.button.red:hover,
.button.red:hover{
  color: var(--white);
  transition: all 0.3s;
  background: var(--button_darker_red);
  border:2px solid var(--button_darker_red);
}

.button.blue{
  color: var(--white);
  background: rgba(17, 6, 80, 0.15);
  border:2px solid var(--light_purple);
} 

.hbspt-form input[type="submit"]{
  color: var(--dark_purple);
  background:transparent;
  border:2px solid var(--light_purple);
}

 .hbspt-form input[type="submit"]:hover,
#masthead .menu_details a.button.blue:hover,
.button.blue:hover{
  color: var(--white);
  transition: all 0.3s;
  background: var(--light_purple);
}

#masthead .menu_container .button{
  margin-left:16px;
}

.button+.button{
  margin-left:32px;
}


.left_right .button.red{
  display: flex;
  align-items: center;
  float: left;
}



.top_bar{
  position: fixed;
  background: linear-gradient(114deg, rgb(255, 51, 51) 0%, rgb(79, 30, 245) 100%);
  top:0;
  left:0;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 0px solid #fff;
  z-index: 6;
}

.scrolled .top_bar{
  border-bottom: 35px solid #fff;  
}

  .top_bar a{
    display: flex;
  }

  .top_bar svg{
    margin-left:10px;
  }

  .top_bar p{
    margin:0;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.7px;
  }


#masthead{
  position: fixed;
  top:50px;
  width: 100%;
  z-index: 10;
}

  #masthead .menu_container{
    display: flex;
    align-items: center;
  }

  #masthead .menu_details{
    transition: all 0.3s;
    border-radius: 16px;
    justify-content: space-between;
    display: flex;
    align-items: center;
    height: 100px;
    padding-left:40px;
    padding-right: 40px;
    background: linear-gradient(rgba(84, 61, 235, 0) 0%, rgba(26, 11, 120, 0) 100%);
  }

  .single_menu #masthead,
  .scrolled #masthead{
    transition: all 0.3s;
    background: linear-gradient(58deg, rgb(17, 6, 87) 0%, rgb(28, 11, 125) 100%);
  }

  #masthead .container{
    width: 90%;
  }

  #masthead .menu_details .sub-menu{
    opacity: 0;
    position: absolute;
    top:100%;
    background-color: rgb(255, 255, 255);
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px 0px;
    min-width: 300px;
    padding:20px;
    transition: all 0.3s;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    display: none;
  }


  #masthead .menu_details ul li.menu-item-has-children:hover:after{
    transition: all 0.3s;
    filter:var(--red_filter);
    transform: rotate(0deg);
  }

  #masthead .menu_details ul li.menu-item-has-children:hover .sub-menu{
    visibility: visible;
    opacity: 1;
    transition: all 0.3s;
    display: flex;
  }

    #masthead .menu_details .sub-menu a{
      background: transparent;
      color: var(--gray);
      transition: all 0.3s;
      padding: 8px;
      border-radius: 4px;
      width: calc(100% - 16px);
      display: block;
    }

    #masthead .menu_details .sub-menu a:hover{
      background: var(--light_blue);
      color:var(--purple);
      transition: all 0.3s;
    }
    #masthead .menu_details .sub-menu a:hover p{
      color:var(--purple);      
      transition: all 0.3s;
    }


      #footer-menu .sub-menu a .extra,
      #masthead .menu_details .sub-menu a .extra{
        display: flex;
        align-items: center;
      }

      #masthead .menu_details .sub-menu a .extra.align_center{
        align-items: start;
      }

        #masthead .menu_details .sub-menu a .extra img{
          position: relative;
        }

      #footer-menu .sub-menu a .extra.reverse{
        flex-direction: row-reverse;
        justify-content: flex-end;
      }

        #footer-menu .sub-menu a .extra .new,
        #masthead .menu_details .sub-menu a .extra .new{
          border:1px solid rgb(91, 72, 202);
          background-color: rgb(217, 211, 250);
          border-radius: 16px;
          padding:2px 8px;
          font-size: 12px;
          font-weight: 500;
          line-height: 1.5em;
          color: var(--light_purple);
          margin-left: 5px;
        }

        #masthead .menu_details .sub-menu a .extra .inner_txt{
          margin-left:5px;
          font-weight: 500;
          line-height: 100%;
        }

        #masthead .menu_details .sub-menu a .extra .inner_txt .small{
          margin-top: 5px;
        }

        #masthead .menu_details .sub-menu a .extra img{
          height:20px;
          width: 20px;
          object-fit: cover;
        }

        #masthead .menu_details .sub-menu a .extra p{
          transition: all 0.3s;
          margin:0;
          font-size:11px;
          line-height: 140%;
        }

  #masthead .menu_details ul,
  #masthead .menu_details ul li{
    list-style-type: none;
    margin:0;
    padding:0;
  }

  #masthead .menu_details ul li{
    padding-top: 10px;
    padding-block: 10px;
  }

    #masthead .menu_details ul.sub-menu li{
      padding:0;
      width: 100%;
    }

  #masthead .menu_details ul li.menu-item-has-children{
    position: relative;
  }

  #masthead .menu_details ul li.menu-item-has-children:after {
      width: 18px;
      height: 18px;
      background: url(/wp-content/themes/steadybit/images/arrow_down.svg) no-repeat;
      background-size: contain;
      content: "";
      top: 13px;
      right:-18px;
      position: absolute;
      transform: rotate(180deg);
      transition: all 0.3s;
  }


  #masthead .menu_details ul li.current-menu-parent > a,
  #masthead .menu_details ul li.current-menu-item > a,
  #masthead .menu_details ul li:hover > a{
    color: var(--button_red);
    transition: all 0.3s;
  }

  #masthead .menu_details ul li.menu-item-has-children.current-menu-parent:after {
      transition: all 0.3s;
      filter: var(--red_filter);
  }

  #masthead .menu_details ul li.current-menu-parent .current_page_item img{
      transition: all 0.3s;
      filter: var(--red_filter);
  }

  #masthead .menu_details ul li.current-menu-parent .current_page_item a:hover img{
      transition: all 0.3s;
      filter: unset;    
  }

    #masthead .menu_details .menu{
      align-items: center;
      display: flex;
      flex: none;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 40px;
      height: min-content;
      justify-content: flex-start;
      overflow: visible;
      padding: 0;
      position: relative;
    }

    #masthead .menu_details a{
      font-weight: 700;
      color:var(--white);
      transition: all 0.3s;
    }

    #masthead .menu_details a:hover{
      transition: all 0.3s;
      color: var(--button_red);
    }

    #masthead .menu_details a.link_button{
      margin-left:16px;
      display: flex;
      align-items: center;
    }

    #masthead .menu_details a.link_button svg{
      margin-left: 5px;
      max-width: 21px;
      transition: all 0.2s;
      filter: none;
    }

    #masthead .menu_details a.link_button:hover svg{
      transition: all 0.2s;
      filter:var(--red_filter);
    }


#page.single_menu #masthead .menu_details{
  background: linear-gradient(58deg, rgb(17, 6, 87) 0%, rgb(28, 11, 125) 100%);
}


.absolute_image{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
      object-fit: cover;
}


.hometop{
  position: relative;
  display: block;
}

  .hometop .col-12{
    position: relative;
    border-radius: 16px;
    overflow: hidden;
  }

  .hometop .bg_purple{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: linear-gradient(289deg, rgb(28, 11, 125) 0%, rgb(15, 5, 76) 100%);
  }


  .hometop .top_text{
    min-height: 650px;
    padding-top: 100px;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
  }

  .hometop .inner_container{
    width: 1250px;
    margin: 0 auto;
    display: flex;
    gap: 50px;
  }

  .hometop .left_text{
    padding-top: 100px;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    min-width: 40%;
  }

  .hometop .right_image{
    padding-top: 100px;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    min-width: calc(60% - 50px);
    align-items: center;
  }

    .hometop .icons_container {
        display: flex;
        gap: 20px;
        justify-content: space-between;
        width: 100%;
    }

      .hometop .icons_container img {
          width: 16.6%;
          max-width: 16.6%;
          object-fit: contain;
          margin: 0 auto;
      }

  .hometop .bottom_details{
    min-width: 100%;
    z-index: 1;
    position: relative;
    padding-top: 50px;
    padding-bottom: 30px;
  }

    .hometop .bottom_details p{
      color: var(--white);
    }



  .hometop .right_image .open_popup {
      position: absolute;
      bottom: 10px;
      right: 10px;
      background-color: var(--light_purple);
      color: var(--white);
      padding: 12px 20px;
      cursor: pointer;
      background-image: url(/wp-content/themes/steadybit/images/play-icon.svg);
      background-repeat: no-repeat;
      padding-left: 40px;
      background-size: 22px;
      background-position: 13px center;
      border-radius: 8px;
      -webkit-box-shadow: 2px 2px 8px 0px rgba(21,31,34,0.5);
      -moz-box-shadow: 2px 2px 8px 0px rgba(21,31,34,0.5);
      box-shadow: 2px 2px 8px 0px rgba(21,31,34,0.5);
      transition: all 0.3s;
  }

  .hometop .right_image .open_popup:hover{
    background-color: #3B2F83;
    transition: all 0.3s;
  }

  .hometop .right_image .image_container{
    position: relative;
  }

    .hometop .right_image .image_container img{
      float:left;
      border-radius: 20px;
    }

    .hometop .left_text .button_container{
      text-align: left;
    }

    .hometop .left_text p{
      color: var(--white);
      font-size: 18px;
    }

    .hometop .left_text .under_text{
      float:left;
      width: 100%;
    }

    .hometop .left_text .under_text a{
      transition: all 0.3s;
    }

    .hometop .left_text .under_text a:hover{
      color:#A23231;
      transition: all 0.3s;
    }

    .hometop .left_text .under_text p{
      font-size: 15px;
    }

    .hometop .left_text h1{
      font-size: 45px;
    }

  .hometop .top_text .inner_text_data.hidden_hunt{
    padding-top:60px;
  }
 

  .hometop .top_text p{
    font-size: 22px;
    color: var(--white);
  }

  .hometop .top_text h1,
  .hometop .top_text h2,
  .hometop .top_text p{
    margin-bottom: 20px;
    margin-top: 0;
  }

  .hometop.has_bg .top_text h1,
  .hometop.has_bg .top_text h2,
  .hometop.has_bg .top_text p{
    margin-bottom: 10px;
    margin-top: 0;
    line-height: 130%;
  }

  .hometop.has_bg .top_text h2{
    font-weight: bold;
  }

  .hometop.has_bg .top_text .inner_text_data{
    padding-top: 100px;
  }


.button_container{
  display: block;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 0;
  float:left;
  width: 100%;
} 

.button_container+.button_container{
  margin-top: 20px;
}


.iframe_container{
    position: relative;
    z-index: 1;
    width: 1000px;
    margin: 0 auto;
    top: -200px;
    min-height: 370px;
}

  .hometop .iframe_container_bottom{
    /*margin-top: -200px;*/
  }

  .hometop .iframe_container_bottom .overlay{
    width: 950px;
    height: 570px;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
  }

    .hometop .iframe_container_bottom .overlay .button{
      position: relative;
      z-index: 1;
      cursor: pointer;
      padding-left: 50px;
      padding-right: 50px;
    }

    .hometop .iframe_container_bottom .overlay .overlay_blur{
      filter: blur(10px);
      background: var(--light_blue);
      position: absolute;
      top:0;
      left:0;
      width: 100%;
      height: 100%;
    }

    .hometop .iframe_container_bottom .overlay img{
      position: absolute;
      object-fit: cover;
      object-position: left top;
      width: 100%;
      height: 100%;
      top:0;
      left: 0;
    }

    .pulse{
        animation: pulse 2s ease-out infinite;
      }

      @keyframes pulse {
        50% {
          box-shadow: 0 0 0 0.4em rgb(91, 72, 202, 0.8);
        }
        100% {
          box-shadow: 0 0 0 0.8em rgb(15, 5, 76, 0);
        }
      }


  .hometop .iframe_container .col-12{
    overflow: inherit;
  }

  .iframe_container iframe{
    border:0;
    width: 950px;
    height: 570px;
    display: none;
  }

  /*#inline_content iframe{
    border:0;
    width: 950px;
    height: 570px;
  }*/


.box_with_icons{
  float: left;
  width: 100%;
}

  .box_with_icons+.cta{
    margin-top: 50px;
  }

  .box_with_icons .purple_box{
    background: linear-gradient(284deg, rgb(28, 11, 125) 0%,  rgb(15, 5, 76) 100%);
    border-radius: 16px;
    width: calc(100% - 120px);
    padding: 30px 60px;
  }

  .box_with_icons h3{
    margin-bottom: 10px;
    color: var(--white);
  }

  .box_with_icons p{
    color: var(--white);
    font-size: 18px;
  }

.box_with_icons .icons_container {
    display: flex;
    width: 60%;
    margin:0 auto;
    flex-wrap: wrap;
    justify-content: space-around;
}

  .box_with_icons .icons_container img {
      max-height: 95px;
      max-width: 250px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 5px;
      flex-basis: 30%;
      object-fit: contain;
      margin-bottom: 20px;
  }

.full_text{
  float:left;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}

  .full_text h1,
  .full_text h2,
  .full_text h3{
    color: var(--dark_purple);
  }


.left_right{
  float:left;
  width: 100%;
}

  #masthead + .left_right.iframe{
    position: relative;
    top: -50px; 
  }

  .left_right .inner_container{
    width: 1250px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
    justify-content: space-between;
  }

  .left_right.iframe .inner_container{
    align-items: start;
  }

    .left_right.iframe .inner_container .text {
      min-width: 50%;
      width: 50%;
    }

  .left_right h2{
    font-size: 32px;
    line-height: 130%;
    color: var(--dark_purple);
    font-weight: 700;
    margin-bottom: 20px;
  }

  .left_right h3{
    font-size: 24px;
    line-height: 130%;
    color: var(--dark_purple);
    font-weight: 700;
    margin-bottom: 20px;
  }

  .left_right a{
    color: var(--light_purple);
    font-weight: bold;
  }

  .left_right ul{
    list-style-type: none;
    margin:0;
    padding:0;
  }

  .left_right li{
    font-weight: 400;
    margin-top: 0;
    font-size: 15px;
    color: var(--gray);
    line-height: 180%;
    padding-left:40px;
    margin:0;
    margin-bottom: 24px;
    position: relative;
  }

  .left_right li:before {
      width: 32px;
      height: 32px;
      background: url(/wp-content/themes/steadybit/images/list_checkbox.svg) no-repeat;
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: calc(50% - 16px);
  }

  .left_right .hbspt-form li{
    padding-left: 0;
  }

  .left_right .hbspt-form li:before{
    display: none;
  }

    .left_right .button_container{
      text-align: left;
      margin-bottom: 0;
    }

  .left_right .row{
    display: flex;
    align-items: center;    
  }

  .left_right.switch .inner_container{
    flex-direction: row-reverse;
  }

  .left_right .inner_container .text_side{
    width: 50%;
  }

  .left_right .inner_container .img_side{
    width: 44%;
  }

  .left_right .container.this_purple {
      width: 99%;
      position: absolute;
      height: 100%;
      left: 0.5%;
  }

    .left_right .container .col-12{
      position: relative;
    }

  .left_right{
    position: relative;
  }

  .left_right.bg_purple .change_bg{
      background: linear-gradient(284deg, rgb(28, 11, 125) 0%, rgb(15, 5, 76) 100%);
  }


  .left_right.blue_bg .change_bg{
    background-color: #f8fafd;
  }

  .left_right.bg_blue .change_bg{
        background: linear-gradient(180deg, #e9f0f8 0%, rgb(255, 255, 255)) 100%;
  }


  .left_right .change_bg{
      position: absolute;
      border-radius: 16px;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
  }

  .left_right.bg_purple{
    position: relative;
    display: flex;
    align-items: center;
  }

    .left_right.bg_purple h2,
    .left_right.bg_purple p,
    .left_right.bg_purple h3{
      color: var(--white);
    }

    .left_right.bg_purple h4{
      color: rgb(208, 202, 243);
    }


  .left_right .text_w_icon{
    color: var(--light_purple);
    font-weight: bold;
    font-size: 16px;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    transition: all 0.3s;
  }

    .left_right .text_w_icon img{
      filter: brightness(0) saturate(100%) invert(28%) sepia(92%) saturate(1100%) hue-rotate(226deg) brightness(93%) contrast(95%);
      margin-left: 10px;
      transition: all 0.3s;
    }

  .left_right .text_w_icon:hover{
    color: var(--dark_purple);
    transition: all 0.3s;
  }

    .left_right .text_w_icon:hover img{
      filter: brightness(0) saturate(100%) invert(8%) sepia(94%) saturate(4523%) hue-rotate(251deg) brightness(55%) contrast(109%);
    transition: all 0.3s;
      margin-left: 5px;
    }


    .left_right .green_box{
      float:left;
      width: calc(100% - 48px);
      background: linear-gradient(264deg, #e5f7f6 0%, rgb(203, 239, 237)) 100%;
      border-radius: 8px;
      display: flex;
      gap: 16px;
      justify-content: flex-start;
      padding: 16px 24px;
    }

    .left_right .green_box h3{
      font-size: 16px;
      margin-bottom: 5px;
    }

    .left_right .green_box p{
      font-size: 14px;
      color: var(--dark_purple);
      line-height: 110%;
      margin-bottom: 5px;
    }

    .left_right .green_box .box_w_icon{
      color: var(--button_red);
      font-weight: bold;
      font-size: 16px;
      align-items: center;
      display: flex;
      transition: all 0.3s;
    }

    .left_right .green_box .box_w_icon:hover{
      color: var(--button_darker_red);
      transition: all 0.3s;
    }

      .left_right .green_box .box_w_icon svg{
        filter: brightness(0) saturate(100%) invert(47%) sepia(54%) saturate(2752%) hue-rotate(330deg) brightness(98%) contrast(99%);
        transition: all 0.3s;
        margin-left:10px;
      }

      .left_right .green_box .box_w_icon:hover svg{
        filter: brightness(0) saturate(100%) invert(31%) sepia(18%) saturate(6835%) hue-rotate(348deg) brightness(86%) contrast(72%);
        margin-left:5px;
        transition: all 0.3s;
      }

  .left_right .number_inside{
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("/wp-content/themes/steadybit/images/rounded_number.svg") no-repeat;
    background-size: contain;
    color: var(--light_purple);
    font-size: 32px;
    font-weight: bold;
  }


  .left_right.blue_bg{
    padding-top: 96px;
    padding-bottom: 96px;
  }


.contact{
  float: left;
  width: 100%;

}

  .contact .col-12{position:relative;}
  .contact .bg_blue{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: linear-gradient(241deg, rgb(251, 253, 255) 0%, rgb(233, 240, 248) 100%);
  }

   .contact .inner_container{
      width: 1250px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      padding-top: 64px;
      padding-bottom: 64px;
      padding: 100px 40px;
  }

    .contact .inner_container h3,
    .contact .inner_container h2{
      color: var(--dark_purple);
      font-weight: 700;
      margin-bottom: 10px;
      line-height: 110%;
    }

    .contact .inner_container h2{
      font-size: 40px;
    }

    .contact .inner_container p{
      color: var(--gray);
      font-size: 18px;
    }

    .contact .boxes{
      display: flex;
      width: 100%;
      justify-content: space-between;
      gap: 30px;
      margin-top: 40px;
    }

      .contact .boxes .right_form,
      .contact .boxes .left_image{
        width: 50%;
      }

        .contact .boxes .left_image img{
          width: 100%;
        }

.engineering_journey{
  float: left;
  width: 100%;

}

  .engineering_journey .col-12{position:relative;}
  .engineering_journey .bg_blue{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: linear-gradient(140deg, #F2FDFD 0%, #F5F2FF 100%);
  }

  .engineering_journey .inner_container{
      width: 1250px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      padding-top: 64px;
      padding-bottom: 64px;
  }

  .engineering_journey.newsletter .inner_container .img_container{
    text-align: center;
  }

    .engineering_journey.newsletter .inner_container .img_container img{
      max-height: 75px;
      max-width: max-content;
    }

    .engineering_journey .inner_container h3,
    .engineering_journey .inner_container h2{
      color: var(--dark_purple);
      font-weight: 700;
      margin-bottom: 20px;
    }
  
    .engineering_journey .inner_container p{
      color: var(--gray);
      font-size: 24px;
    }

    .engineering_journey .centered_text{
      background: url("/wp-content/themes/steadybit/images/bg_boxes.png") no-repeat;
      width: 75%;
      height: 350px;
      margin: 0 auto;
      background-size: contain;
    }

      .engineering_journey .centered_text span{
        color: var(--light_purple);
        font-family: var(--Binjay);
        font-size: 30px;
        width: 250px;
        top: 29%;
        position: relative;
        text-align: center;
        display: block;
        left: 33%;
        transform: rotate(-4deg);
        font-weight: 600;
      }
      
    .engineering_journey .boxes_container{
      display: flex;
      gap: 16px;
    }

      .engineering_journey .boxes_container .box{
          border:3px solid #5b48ca;
          background: radial-gradient(123.8% 70% at 50% 50%, #C6E7FF 0%, #F5F2FF 100%);
          border-radius: 16px;
          display: flex;
          flex-direction: column;
          flex-wrap: nowrap;
          justify-content: start;
          align-items: center;
          overflow: hidden;
          padding: 32px;
          text-align: center;
      }

      .engineering_journey .boxes_container .box .box_icon{
        max-width: 130px;
        margin-top: 32px;
        margin-bottom: 32px;
        height: auto;
      }

      .engineering_journey .boxes_container .box .box_separator{
        margin-bottom: 12px;
      }

      .engineering_journey .boxes_container .box h3{
        font-size: 20px;
        color: var(--dark_purple);
        line-height: 150%;
        font-weight: 700;
        margin-bottom: 12px;
      }

      .engineering_journey .boxes_container .box p{
        color: var(--dark_purple);
        font-size: 16px;
        line-height: 150%;
      }

      .engineering_journey .boxes_container .box .button{
        margin-top: 32px;
        margin-bottom: 32px;
      }

.cta{
  float: left;
  width: 100%;
}

  .cta .col-12{position:relative;}
  .cta .bg_blue{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: linear-gradient(140deg, #F2FDFD 0%, #F5F2FF 100%);
  }

  .cta .inner_container{
      width: 1250px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      gap: 24px;
      padding-top: 64px;
      padding-bottom: 64px;
      display: flex;
  }

  .cta .inner_container .one_h{
    border-radius: 16px;
    width: 49%;
    padding:24px;
    text-align: center;
  }

  .cta.white .inner_container .one_h{
    background: linear-gradient(289deg, rgb(28, 11, 125) 0%, rgb(15, 5, 76) 100%);
  }
  .cta.white .inner_container .one_h+.one_h{
    background: linear-gradient(210deg, rgb(251, 253, 255) 0%, rgb(200, 221, 246) 100%);
  }

  .cta.single_cta{
    margin-bottom: 0;
  }

  .cta.single_cta p{
    font-size: 18px;
  }

  .cta.single_cta.blue .bg_blue{
    background: #F4F7FB;
  }
  .cta.single_cta .inner_container .button_container{
    margin-bottom: 0;
    text-align: left;
  }

  .cta.single_cta .inner_container .one_h{
    padding-top: 0;
    padding-bottom: 0;
  }

  .cta.single_cta .inner_container .one_h:first-child{
    padding-left: 0;
  }

  .cta.single_cta .col-12{
    padding-top: 90px;
  }

  .cta.single_cta .inner_container .one_h img{
    display: table;
    max-width: 100%;
  }

  .cta.blue h3{
    color: var(--dark_purple);
    margin-bottom: 24px;
  }

  .cta .inner_container img{
    max-width: 50%;
    margin:0 auto;
    height: auto;
  }


  .cta.white .inner_container .one_h h3{
    margin-bottom: 10px;
    color: var(--white);
    margin-top: 20px;
  }

  .cta.white .inner_container .one_h p{
    font-size: 16px;
    margin-bottom: 0;
    color: var(--white);
    margin-bottom: 32px;
  }

  .cta.white .inner_container .one_h p.small{
    float: left;
    width: 100%;
    margin-bottom: 10px;
  }

    .cta.white .inner_container .button_container{
      display: flex;
      justify-content: center;
    }

    .cta.white .inner_container .one_h .has_icon{
      background-color: rgb(238, 242, 247);
      border-radius: 8px;
      box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px;
      color: rgb(102, 116, 133);
      font-size: 16px;
      padding: 10px 48px;
      display: flex;
      align-items: center;
    }


    .cta.white .inner_container .one_h .has_icon span{
      background:url("/wp-content/themes/steadybit/images/google.svg") no-repeat;
      width: 20px;
      height: 20px;
      display: block;
      margin-right: 10px;
      background-size: contain;
    }
    .cta.white .inner_container .one_h .has_icon.gitHub_login span{
      background:url("/wp-content/themes/steadybit/images/github.png") no-repeat;
      background-size: contain;
    }

    .cta.include_signup .inner_container .one_h:last-child img{
      max-width: 70%;
    }

  .cta.white .inner_container .one_h+.one_h h3{
    font-size: 24px;
    margin-bottom: 10px;
    color: var(--dark_purple);
  }

  .cta.white .inner_container .one_h+.one_h p{
    color: var(--gray);
  }


  .cta.triple_cta .inner_container .one_h{
    width: 60%;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
  }

  .cta.triple_cta .inner_container .one_h:last-child{
    width: 40%;
  }

  .cta.triple_cta .inner_container .one_h .box{
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    padding: 32px;
    text-align: left;
    background: linear-gradient(70.0083deg, rgb(233, 239, 247) 0%, rgb(250, 252, 255) 100%);
  }

  .cta.triple_cta .inner_container {
    width: 1200px;
  }
  
  .cta.triple_cta .inner_container .one_h .box p{
    color: rgb(28, 37, 49);
    line-height: 24px;
    font-size: 16px;
  }

    .cta.triple_cta .inner_container .one_h .box a{
      color: var(--light_purple);
      font-size: 16px;
      display: flex;
      align-items: center;
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .cta.triple_cta .inner_container .one_h .box h3 img{
      width: 23px;
      max-width: 30px;
      margin: 0;
      margin-right: 10px;
    }

    .cta.triple_cta .inner_container .one_h .box h3 {
        margin-bottom: 5px;
        color: var(--dark_purple);
        display: flex;
        align-items: center;
        justify-content: start;
    }

    .cta.triple_cta .inner_container .one_h .box .box_text{
      max-width: 70%;
    }

    .cta.triple_cta .inner_container .one_h:last-child .box{
      text-align: center;
    }

    .cta.triple_cta .inner_container .one_h:last-child .box img{
      max-width: 80%;
    }

    .cta.triple_cta .inner_container .one_h:last-child .box .button_container{
      display: flex;
      justify-content: space-around;
    }

    .cta.triple_cta .inner_container .one_h:last-child .box .button_container .button{
      color: var(--white);
    }

  .cta.triple_cta .inner_container .one_h .box .absolute_image {
      right: 0;
      height: 80%;
      bottom: 0;
      object-fit: contain;
      max-width: unset;
      margin: 0;
      left: auto;
      top: auto;
      width: auto;
      z-index: 0;
  }

.engineering_journey.newsletter .inner_container p{
  color: var(--gray);
  font-size: 20px;
}


.site-footer{
  float: left;
  width: 100%;
  margin-top: 64px;
  margin-bottom: 50px;
}

  .site-footer .col-12{position:relative;}
  .site-footer .bg-purple{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    /*background: linear-gradient(289deg, rgb(28, 11, 125) 0%, rgb(15, 5, 76) 100%);*/
    background: url("/wp-content/themes/steadybit/images/bg-footer.jpg") no-repeat;
    background-size: cover;
    background-position: center 19%;
  }

  .site-footer .inner_container .text_container{
    text-align: left;
    min-width: 250px;
    position: relative;
    padding-bottom: 250px;
  }

  .site-footer .inner_container .text_container span{
    color: var(--white);
    font-size: 16px;
    display: block;
  }

  .site-footer .inner_container .text_container span.hs-form-required{
    display: none;
  }

  .site-footer .newsletter_container {
      float: left;
      position: absolute;
      width: 450px;
      top: 175px;
  }

    .site-footer .newsletter_container .hbspt-form input[type="submit"]{
      background: var(--button_red);
      border:2px solid var(--button_red);
      color: var(--white);
      transition: all 0.3s;
    }

    .site-footer .newsletter_container .hbspt-form input[type="submit"]:hover{
      transition: all 0.3s;
      background: var(--button_darker_red);
      border: 2px solid var(--button_darker_red);
    }

    .site-footer .newsletter_container .submitted-message p{
      color: var(--white);
    }
    .site-footer .newsletter_container .hbspt-form input[type="email"]{
      background: transparent;
      border:2px solid var(--white);
      border-radius: 10px;
      margin-bottom: 0;
      color: var(--white);
    }

    .site-footer .newsletter_container .hbspt-form input[type="email"]::placeholder{
      color: #B0BAC7;
    }

    .site-footer .newsletter_container .hbspt-form input[type="email"].error{
       border-color: var(--button_red);
    }

    .site-footer .legal-consent-container .hs-form-booleancheckbox-display p{
      color: var(--white);
    }
    .site-footer .newsletter_container .hbspt-form .hs_email label{
      display: none;
    }

    .site-footer .newsletter_container h5{
      color: var(--white);
      font-size: 14px;
      text-transform: uppercase;
      margin-bottom: 10px;
    }

  .site-footer .under_logo_images{
    float:left;
    width: 100%;
    margin-top: 20px;
    display: flex;
    gap: 20px;
  }

  .site-footer .inner_container{
      width: 1250px;
      margin:0 auto;
      position: relative;
      z-index: 1; 
      gap: 60px;
      padding-top: 64px; 
      display: flex;
      flex-direction: row;
  }


  .site-footer .inner_container+.inner_container{
    padding-top: 0;
    padding-bottom: 64px; 
    margin-top: -100px;
  }

  .site-footer .bottom_container{
      width: 90%;
      margin:0 auto;
      position: relative;
      z-index: 1;
      padding-top: 30px;
      padding-bottom: 30px;
      display: flex;
      border-top: 1px solid var(--white);
      justify-content: space-between;
  }

    .site-footer .bottom_container .copyright{
      color: var(--white);
      font-size: 16px;
    }

    .site-footer .bottom_container .social_media{
      display: flex;
    }

      .site-footer .bottom_container .social_media a{
        width: 28px;
        height: 28px;
        margin-left: 10px;
      }

      .site-footer .bottom_container .social_media a img{
        height: 100%;
        min-width: 40px;
        object-fit: contain;
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(164deg) brightness(105%) contrast(101%);
        transition: all 0.3s;
      }
      .site-footer .bottom_container .social_media a:hover img{
        filter: brightness(0) saturate(100%) invert(50%) sepia(71%) saturate(2958%) hue-rotate(330deg) brightness(99%) contrast(98%);
        transition: all 0.3s;

      }

#footer_menu{width: 100%;}
#footer-menu{
  margin:0;
  padding:0;
  list-style-type: none;
  color: var(--white);
  font-size: 13px;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

  #footer-menu ul,
  #footer-menu li{
    margin:0;
    padding:0;
    list-style-type: none;
  }

  #footer-menu li a{
    margin-bottom: 20px;
    display: block;
    color: var(--white);
  }

  #footer-menu > li > a{
    color: rgb(208, 202, 243);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
  }

  #footer-menu .sub-menu a .extra.reverse img{
    margin-left: 5px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(164deg) brightness(105%) contrast(101%);
    transition: all 0.3s;
  }

  #footer-menu .sub-menu li:hover a{
    color: var(--button_red);
    transition: all 0.3s;
  }

  #footer-menu .sub-menu li:hover a .extra.reverse img{
    filter: brightness(0) saturate(100%) invert(50%) sepia(71%) saturate(2958%) hue-rotate(330deg) brightness(99%) contrast(98%);
    transition: all 0.3s;
  }


.pricing{
  float: left;
  width: 100%;
  margin-bottom: 50px;
}

  .pricing .inner_container{
      width: 1280px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      padding-top: 14px;
      padding-bottom: 64px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
  }

    .pricing .pricing_bottom,
    .pricing .pricing_top{
      display: flex;
      width: 100%;
      gap: 20px;
    }

      .pricing .pricing_top .item:first-child{
        opacity: 0;
      }

      .pricing .pricing_top .item{
        border:1px solid rgb(216, 225, 235);
        border-radius: 16px;
        padding: 16px;
        min-width: calc(20% - 50px);
        box-shadow: rgba(16, 24, 40, 0.08) 0px 12px 16px -4px, rgba(16, 24, 40, 0.03) 0px 4px 6px -2px;
      }

      .pricing .pricing_top .item .icon_container{
        margin: 0 auto;
        display: flex;
        border:8px solid rgb(255, 211, 210);
        border-radius: 100%;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
      }
      
        .pricing .pricing_top .item .icon_container img{
          width: 24px;
          height: 24px;
          object-fit: contain;
        }

      .pricing .pricing_top .item .button_container{
        margin-bottom: 0;
      }

      .pricing .pricing_top .item .button{
        width: calc(100% - 44px);
      }

      .pricing .pricing_top .item h3{
        text-align: center;
        color: var(--light_purple);
        font-size: 20px;
        margin-bottom: 20px;
        font-weight: 600;
        margin-top: 5px;
      }




    .pricing .mobile_pricing,
    .pricing .pricing_bottom{
      flex-wrap: wrap;
      gap: 0;
      margin-top: 15px;
    }

      .pricing .mobile_pricing .row,
      .pricing .pricing_bottom .row{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        float: left;
        gap: 0px 20px;
      }

        .pricing .pricing_bottom .row .item{
          padding: 16px;
          min-width: calc(20% - 48px);
          max-width: calc(20% - 48px);
          align-items: center;
          display: flex;
        }

      

        .pricing .mobile_pricing .row .item:nth-child(2n),
        .pricing .pricing_bottom .row:nth-child(2n) .item{
          background:rgb(248, 250, 253);
        }

        .pricing .mobile_pricing .row .item:first-child a,
        .pricing .mobile_pricing .row .item:first-child span,
        .pricing .pricing_bottom .row .item:first-child a,
        .pricing .pricing_bottom .row .item:first-child span{
          color: var(--dark_purple);
          font-size: 15px;
          font-weight: 700;
        }

        .pricing .mobile_pricing .row .item:first-child a,
        .pricing .pricing_bottom .row .item:first-child a{
          background: url("/wp-content/themes/steadybit/images/link_icon.svg") no-repeat;
          background-size: 16px;
          background-position: right center;
          padding-right: 20px;
        }


        .pricing .mobile_pricing .row .item,
        .pricing .pricing_bottom .row .item{
          justify-content: center;

        }

        .pricing .pricing_bottom .row .item:first-child{
          justify-content: start;
        }

        .pricing .mobile_pricing .row .item:first-child{
          justify-content: start;
        }

        .pricing .mobile_pricing .row .item {
            min-width: calc(100% - 20px);
            max-width: calc(100% - 20px);
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 5px;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 5px;
            margin-bottom: 5px;
        }

        .pricing .mobile_pricing .row .item .txt,
        .pricing .pricing_bottom .row .item .txt{
          color: var(--gray);
          font-size: 15px;
          text-align: center;
        }

        .pricing .mobile_pricing .row .item .txt{
            display: block;
            min-width: 30px;
        }

        .pricing .mobile_pricing .row .item .check,
        .pricing .pricing_bottom .row .item .check{
            width: 28px;
            height: 28px;
            display: block;
            background: url(/wp-content/themes/steadybit/images/list_checkbox.svg) no-repeat;
        }

        .pricing .mobile_pricing{
          display: none;
        }

    .pricing_notes{
      float:left;
      width: 100%;
      padding: 32px;
      background-color: #f8fafd;
      border-radius: 16px;
      margin-top: 72px;
    }

      .pricing_notes h5{
        margin-top: 0;
        color: var(--dark_purple);
        font-size: 16px;
        margin-bottom: 15px;
      }

.small_top{
  float: left;
  width: 100%;
  margin-bottom: 50px;
}

  .small_top .col-12{position:relative;}
  .small_top .bg_purple{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 16px;
    background: linear-gradient(289deg, rgb(28, 11, 125) 0%, rgb(15, 5, 76) 100%);
  }


  .small_top .bg_purple .contain{
    object-fit: contain;
    height: 100%;
    max-width: 80%;
    left: 10%;
    position: relative;
    object-position: left bottom;
  }

  .small_top .bg_purple .contain.right {
      object-position: right bottom;
      left: auto;
      right: -60%;
      max-height: 90%;
  }

  .small_top .bg_purple .cover{
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

    .small_top .inner_container{
      width: 1200px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      padding-top: 90px;
      padding-bottom: 64px;
      display: flex;
      align-items: center;
  }

  .small_top.align_bottom .col-12{
    display: flex;
    align-items: end;
  }

  .small_top .inner_container .text_side .img_container{
    width: 100%;
    text-align: center;
  }

    .small_top .inner_container .text_side .img_container img{
      min-height: 50px;
      max-height: 70px;
      margin: 0 auto;
    }

  .small_top.no_margin_bottom{
    margin-bottom: 0!important;
  }

  .small_top.extra_top_space .inner_container{
    padding-top: 170px;
  }

  .small_top.align_bottom .inner_container{
    padding-bottom: 0;
    padding-top: 120px;
    gap: 50px;
  }

  .small_top .inner_container .text_side,
  .small_top .inner_container .img_container{
    width: 50%;
  }

  .small_top .inner_container .button_container{
    margin-top: 30px;
  }

  .small_top .inner_container .text_side.full_width{
    width: 100%;
  }

    .small_top .inner_container .img_container img{
      display: block;
      max-height: 300px;
      margin: 0 auto;
      max-width: max-content;
    }

    .single-case-studies .small_top .inner_container h5{
      margin-bottom: 10px;
      font-weight: 400;
    }

    .single-case-studies .small_top .inner_container .button_container{
      text-align: left;
      margin-top: 10px;
    }

    .small_top .inner_container h5{
      color: var(--white);
      text-transform: uppercase;
      line-height: 150%;
      font-size: 22px;
      font-family: var(--Inter);
    }

    .small_top .inner_container h3,
    .small_top .inner_container h2{
      color: var(--white);
      font-weight: 700;
      margin-bottom: 20px;
    }
  
    .small_top .inner_container p{
      color: var(--gray);
      font-size: 24px;
    }

    .small_top .inner_container h3{
      font-size: 22px;
    }

    .small_top .inner_container h2{
      font-size: 48px;
      line-height: 110%;
    }


  .small_top.has_solutions .inner_container{
    flex-wrap: wrap;
  }

  .small_top.has_solutions .inner_container .solutions{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-top: 50px;
  }

    .small_top.has_solutions .inner_container .solutions .solution{
      width: 250px;
      text-align: center;
      position: relative;
    }

      .small_top.has_solutions .inner_container .solutions .solution:last-child:before{
        display: none;
      }

      .small_top.has_solutions .inner_container .solutions .solution:before{
        position: absolute;
        width: 110px;
        height: 77px;
        background: url("/wp-content/themes/steadybit/images/solution_arrow.svg") no-repeat;
        background-size: contain;
        content:"";
        right: -70%;
        top: 20%;
        content: "";
      }

    .small_top.has_solutions .inner_container .solutions .solution h5{
      color: var(--white);
      font-size: 20px;
      margin:0;
      margin-bottom: 5px;
      margin-top: 5px;
    }
    .small_top.has_solutions .inner_container .solutions .solution p{
      color: var(--white);
      font-size: 16px;
      margin:0;
      margin-top: 5px;
      line-height: 110%;
    }

.left_right.advisors .inner_container .text_side,
.left_right.teams .inner_container .text_side{
  width: 100%;
}

.advisors .inner_container,
.teams .inner_container{
  padding-bottom: 0;
}

.team_members{
  display: grid;
  flex: 0 0 auto;
  gap: 32px;
  grid-auto-rows: minmax(0px, 1fr);
  grid-template-columns: repeat(3, minmax(50px, 1fr));
  grid-template-rows: repeat(6, minmax(0px, 1fr));
  height: min-content;
  justify-content: center;
  overflow: visible;
  padding: 0px;
  position: relative;
  width: 100%;
  text-align: center;
}

  .team_members .team{
    flex: 0 0 33.3333%;
    background: linear-gradient(224deg, rgb(251, 253, 255) 0%, rgb(233, 240, 248) 100%);
    border-radius: 16px;
    padding:30px;
  }

    .team_members .team .share_items{
      float: left;
      width: 100%;
      text-align: center;
      display: flex;
      justify-content: center;
      gap: 10px;
      margin-top: 5px;
    }

      .team_members .team .share_items a{
        display:  block;
        width: 30px;
        height: 30px;
      }

      .team_members .team .share_items a.linkedin{
        background: url("/wp-content/themes/steadybit/images/linkedin_share.svg") no-repeat;
      }
      .team_members .team .share_items a.twitter{
        background: url("/wp-content/themes/steadybit/images/twitter_share.svg") no-repeat;
      }

    .team_members .team img{
      width: 80px;
      height: 80px;
      border-radius: 100%;
      overflow: hidden;
    }

    .team_members .team h5{
      margin-top:20px;
      margin-bottom: 5px;
      color: var(--dark_purple);
      font-size: 16px;
    }

    .team_members .team p{
      color: var(--light_purple);
      font-size: 12px;
      margin:0;
    }
 

.advisors .advisor{
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
}

  .advisors .advisor .team{
    width: calc(50% - 50px);;
  }

   .advisors .team h5{
      margin-top:20px;
      margin-bottom: 5px;
      color: var(--dark_purple);
      font-size: 16px;
    }

    .advisors .team a{
      color: var(--button_red);
      text-decoration: underline;
    }

    .advisors .team p{
      margin:0;
      font-size: 16px;
    }

.advisors .team img{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    overflow: hidden;
  }


.image_with_text_center{
  float:left;
  width: 100%;
  margin-top: -50px;
}

.image_with_text_center+.left_right .inner_container{
  padding-top: 0;
}

  .image_with_text_center .inner_container{
    width: 800px;
    margin: 0 auto;
  }

      .image_with_text_center .inner_container .img_bg.img_single{
        background: url("/wp-content/themes/steadybit/images/single_line.png") no-repeat;
        height: 280px;
        width: 100%;
        background-size: contain;
        background-position: center;
      }

      .image_with_text_center .inner_container .img_bg.img_single_r{
        background: url("/wp-content/themes/steadybit/images/single_line_reverse.png") no-repeat;
        height: 280px;
        width: 100%;
        background-size: contain;
        background-position: center;
      }  
      .image_with_text_center .inner_container .img_bg.img_double{
        background: url("/wp-content/themes/steadybit/images/bg_boxes.png") no-repeat;
        height: 280px;
        width: 100%;
        background-size: contain;
        background-position: center;
      }

      .image_with_text_center .inner_container .img_bg span {
          color: var(--light_purple);
          font-family: var(--Binjay);
          font-size: 35px;
          width: 275px;
          top: 34%;
          position: relative;
          text-align: center;
          display: block;
          left: 36%;
          transform: rotate(-4deg);
          font-weight: 600;
      }

      .image_with_text_center .inner_container .img_bg.img_double span{ 
        left: 32%;
        top: 32%;
      }


.case_study{
  float: left;
  width: 100%;
  margin-top: -100px;
}

  .case_study.sidebar_content{
    margin-top: 0; 
    position: relative;
    padding-bottom: 50px; 
  }

  .case_study.sidebar_content:before{
    background: rgb(255, 255, 255);
    content: "";
    width: 100%;
    height: 200px;
    top: 0;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 2;
  }

  .case_study .inner_container{
      width: 1200px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      display: flex;
      flex-wrap: wrap;
  }

  .case_study .main_content{
    display: flex;
    width: 100%;
    gap: 30px;
  }

    .case_study .main_content .side{
      width: calc(30% - 32px);
    }

      .case_study .main_content .side .side_container{
        background-color: #f4f6fa;
        border-radius: 16px;
        padding: 56px 32px;
        float:left;
        margin-bottom: 32px;
      }

      .case_study .main_content .side h3{
        color: var(--h4_purple);
        font-family: var(--Montserrat);
        font-size: 24px;
        text-transform: uppercase;
        margin-bottom: 15px;
        float:left;
        width: 100%;
      }

        .case_study .main_content .side .side_container a{
          color: var(--light_purple);
          font-weight: bold;
          font-size: 16px;
          float: left;
          width: 100%;
          display: flex;
          align-items: center;
          transition: all 0.3s;
        }

          .case_study .main_content .side .side_container a:after{
            background: url("/wp-content/themes/steadybit/images/reality_hub.svg");
            float:right;
            content:"";
            filter: brightness(0) saturate(100%) invert(28%) sepia(92%) saturate(1100%) hue-rotate(226deg) brightness(93%) contrast(95%);
            transition: all 0.3s;
            width: 20px;
            height: 20px;
            margin-left: 10px;
          }

        .case_study .main_content .side .side_container a:hover{
          color: var(--dark_purple);
          transition: all 0.3s;
        }

          .case_study .main_content .side .side_container a:hover:after{
            filter: brightness(0) saturate(100%) invert(8%) sepia(94%) saturate(4523%) hue-rotate(251deg) brightness(55%) contrast(109%);
            transition: all 0.3s;
            margin-left: 5px;
          }



      .case_study .main_content .side .purple_box{
        background: linear-gradient(89.54994256499539deg, #170968 0%, rgba(51, 35, 147, 1) 100%);
        border-radius: 16px;
        padding: 40px 16px;
        float:left;
      }

      .case_study .main_content .side .purple_box h3 {
          font-family: var(--Montserrat);
          font-size: 24px;
          font-weight: 700;
          color: var(--white);
          text-transform: capitalize;
          text-align: center;
      }

        .case_study .main_content .side .purple_box .button{
          margin: 0 auto;
          display: table;
        }

      .case_study .main_content .side p{
        display: block;
        float:left;
      }

      .case_study .main_content .side ul{
        margin:0;
        padding:0;
        margin-bottom: 50px;
        display: block;
        float: left;
      }

        .case_study .main_content .side ul:last-child{
          margin-bottom: 0;
        }

      .case_study .main_content .side li{
        font-weight: 400;
        margin-top: 0;
        font-size: 17px;
        color: rgb(28, 37, 49);
        line-height: 120%;
        padding-left: 24px;
        margin:0;
        margin-bottom: 15px;
        position: relative;
        list-style-type: none;
      }

      .case_study .main_content .side li:before {
          width: 32px;
          height: 32px;
          background: url(/wp-content/themes/steadybit/images/lightning.svg) no-repeat;
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: calc(50% - 13px);
      }

    .case_study .main_content .main_text{
      width: 70%;
    }

      .case_study .main_content .main_text h5{
        color: var(--h4_purple);
        font-size: 24px;
        font-style: italic;
        font-weight: 500;
        border-left: 2px solid var(--h4_purple);
        padding-left: 20px;
      }

      .case_study .main_content .main_text h3{
        color: var(--dark_purple);
        font-size: 24px;
        margin-bottom: 10px;
        float:left;
        width: 100%;
      }

      .case_study .main_content .main_text h2{
        color: var(--dark_purple);
        font-size: 30px;
        margin-bottom: 10px;
        float:left;
        width: 100%;
        font-weight: bold;
      }

      .case_study .main_content .main_text p{
        font-size: 16px;
      }

      .case_study .main_content .main_text p strong{

      }

      .case_study .main_content .main_text li{
        font-size: 16px;
        color: var(--gray);
        line-height: 150%;
        margin-bottom: 20px;
      }

      .case_study .main_content .main_text li strong {
          color: var(--dark_purple);
          margin-bottom: 5px;
          display: block;
          float: left;
          width: 100%;
      }

  .case_study .top_title{
    float:left;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 20px;
  }

  .case_study .top_title h2,
  .case_study .top_title h3{
    color: var(--dark_purple);
  }

  .case_study .top_items{
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
    background-color: #f4f6fa;
    border-radius: 16px;
    padding: 42px 72px;
  }

    .case_study .top_items .item{
      position: relative;
    }

      .case_study .top_items .item:after{
        width: 2px;
        height: 100%;
        position: absolute;
        right: -50px;
        background: #5B48CA;
        content: "";
        top: 0;
      }

      .case_study .top_items .item:last-child:after{
        display: none;
      }

    .case_study .top_items p{
      color: var(--h4_purple);
      font-size: 19px;
      font-family: var(--Montserrat);
      text-transform: uppercase;
      margin: 0;
      line-height: 110%;
    }

    .case_study .top_items p:first-child{
      font-size: 46px;
      font-weight: 700;
      margin-bottom: 10px;
    }

.pricing_form{
  float: left;
  width: 100%;
  margin-top: 72px;
}

  .pricing_form .inner_container{
      width: 1250px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      gap: 64px;
      padding-top: 64px;
      padding-bottom: 64px;
      display: flex;
      flex-wrap: wrap;
  }

  .pricing_form .inner_container form{
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
  }

  .pricing_form .inner_container .top_text{
    width: 48%;
  }

  .pricing_form .inner_container .price_form{
    width: 46%;
  }

  .price_form .form-columns-1,
  .price_form .form-columns-2{
    width: 100%;
    max-width: 100%;
  }

  .pricing_form h3,
  .pricing_form h2{
    color: var(--dark_purple);
    line-height: 120%;
    margin-bottom: 20px;
    font-weight: 700;
  }

  .pricing_form h2{
    font-size: 40px;
  }

  .pricing_form a{
      color: var(--button_red);
      font-weight: 600;
      text-decoration: underline;
    }

.single_post{
  float: left;
  width: 100%;
  margin-top: 30px;
}

  .single_post .col-12{position:relative;}
  .single_post .inner_container{
      width: 750px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      padding-top: 0px;
      padding-bottom: 64px;
      display: flex;
      flex-wrap: wrap;
  }

  .single_post .featured{
    border-radius: 16px;
    margin-bottom: 20px;
    overflow: hidden;
  }


  .single_post .inner_container h2{
    color: var(--dark_purple);
    margin-top: 24px;
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 130%;
    font-weight: bold;
  }

  .single_post .inner_container h3{
    font-weight: bold;
    color: var(--dark_purple);
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 130%;
  }

  .single_post .inner_container a{
    color: var(--button_red);
    text-decoration: underline;
  }

  .single_post .inner_container p{
    display: block;
    float:left;
    width: 100%;
    font-size: 16px;
  }

  .single_post .inner_container ul{
    float:left;
    width: 100%;
    margin-top: 0;
  }

    .single_post .inner_container ul li{
      font-size: 16px;
      color: var(--gray);
    }

  .single_post .inner_container .date {
      font-size: 16px;
      float: left;
      width: 100%;
      color: rgb(153, 153, 153);
      margin-top: 20px;
      margin-bottom: 20px;
  }

.full_text{
  float: left;
  width: 100%;
  margin-top: 30px;
}

  .full_text .col-12{position:relative;}
  .full_text .inner_container{
      width: 1250px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      padding-top: 0px;
      padding-bottom: 64px;
  }

  .full_text .inner_container h2{
    font-size: 32px;
    line-height: 130%;
    font-weight: 700;
    margin-bottom: 10px;
  }


  .full_text .inner_container h3{
    font-size: 24px;
    line-height: 130%;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .full_text .inner_container h5,
  .full_text .inner_container h6{
    font-size: 18px;
    line-height: 130%;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
    color: #333333;
  }

  .full_text .inner_container a{
    color: var(--button_red);
    text-decoration: underline;
  }

  .full_text .inner_container p{
    font-size: 18px;
  }

  
.news{
  float: left;
  width: 100%;
  margin-top: 30px;
}

  .news .col-12{position:relative;}
  .news .inner_container{
      width: 1250px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      gap: 60px;
      padding-top: 0px;
      padding-bottom: 64px;
      display: flex;
      flex-wrap: wrap;
  }

  .news .inner_container .one_h{
    width: calc(50% - 30px);
  }

    .news .inner_container .one_h img{
      width: 100%;
      height: 330px;
      object-fit: cover;
      border-radius: 16px;
    }

    .news .inner_container .one_h h3{
      color: var(--dark_purple);
      margin-top: 24px;
      margin-bottom: 10px;
      font-size: 24px;
      line-height: 130%;
    }

.events_conferences{
  float: left;
  width: 100%;
  margin-top: 30px;
}

  .events_conferences .col-12{position:relative;}
  .events_conferences .inner_container{
      width: 1250px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      gap: 24px;
      padding-top: 0px;
      padding-bottom: 64px;
      display: flex;
      flex-wrap: wrap;
  }

  .events_conferences h3,
  .events_conferences h2{
    color: var(--dark_purple);
    margin-bottom: 10px;
  }

  .events_conferences p{
    font-size: 16px;
    line-height: 140%;
  }

    .events_conferences .items_container{
      width: 100%;
      display: flex;
      gap: 32px;
    }

      .events_conferences .items_container .right_image{
        max-width: 50%;
      }

      .events_conferences .items_container .items{
        width: 50%;
      }

      .events_conferences .items_container .items .item_data a{
        display: flex;
        color: var(--dark_purple);
        font-size: 20px;
        align-items: center;
        font-weight: bold;
        text-transform: uppercase;
      }

      .events_conferences .items_container .items .item{
        display: flex;
        gap: 16px;
        margin-bottom: 30px;
      }

      .events_conferences .items_container .items .item .date {
          background: var(--dark_purple);
          width: 94px;
          min-width: 94px;
          height: 84px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: var(--white);
          font-weight: bold;
          border-radius: 8px;
          flex-wrap: wrap;
          padding-top: 5px;
          padding-bottom: 5px;
      }

        .events_conferences .items_container .items .item .date .day {
            font-size: 57px;
            line-height: 50px;
            float: left;
            width: 100%;
            text-align: center;
        }

        .events_conferences .items_container .items .item .date .month{
          font-size: 20px;
          width: 100%;
          text-align: center;
        }

      .events_conferences .items_container .items .item .date.past{
        background: rgb(233, 240, 248);
        color: rgb(102, 116, 133);
      }


    .events_conferences .item svg{
      width: 32px;
      min-width: 32px;
      height: 32px;
      min-height: 32px;
    }

.case_studies{
  float: left;
  width: 100%;
  margin-top: 72px;
}

  .case_studies .col-12{position:relative;}
  .case_studies .inner_container{
      width: 1200px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      gap: 24px;
      padding-top: 0px;
      padding-bottom: 64px;
      display: flex;
      flex-wrap: wrap;
  }

  .case_studies .item{
    width: calc(50% - 92px);
    background: rgb(238, 242, 247);
    padding: 30px 40px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
  }

  .case_studies.webinars .item .button,
  .case_studies.webinars .item .image,
  .case_studies.webinars .item .text{
    position: relative;
    z-index: 1;
  }

    .case_studies.webinars .inner_container{
      width: 1250px;
    }

    .case_studies.webinars .item h4:before,
    .case_studies.webinars .item h4{
      color: var(--white);
    }

    .case_studies.webinars .item p{
      color: var(--white);
    }

    .case_studies.webinars .item .big_txt svg{
      margin-right: 10px;
    }

    .case_studies.webinars .item{
      padding:70px 40px;
    }

    .case_studies.webinars .item .big_txt{
      float: left;
      width: 100%;
      color: var(--white);
      font-size: 19px;
      font-family: var(--Montserrat);
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      margin-bottom: 20px;
      font-weight: bold;
    }

    .case_studies.webinars .item h2{
      font-size: 32px;
      font-weight: bold;
      line-height: 120%;
      margin-bottom: 10px;
      color: var(--white);
    }

    .case_studies.webinars .item .image{
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 40px;
      margin-bottom: 40px;
    }

    .case_studies.webinars .item .image img{
      height: auto;
      max-height: 100px;
      margin: 0 auto;
    }

    .case_studies.webinars .item .button{
      border-color: var(--white);
      color: var(--white);
    }

  .case_studies .item .absolute_image {
      height: 100%;
      object-fit: cover;
      z-index: auto;
      margin: 0;
  }

  .case_studies .item h3{
    font-size: 32px;
    color: var(--dark_purple);
    margin-bottom: 10px;
  }

    .case_studies .item img{
      height: 340px;
      object-fit: contain;
      margin:0 auto;
      margin-top: 20px;
      margin-bottom: 20px;
    }

  .case_studies .item .button{
    display: flex;
    align-items: center;
    float:left;
    background: transparent;
    color: var(--light_purple);
    transition: all 0.3s;
  }

  .case_studies .item .button:hover{
    transition: all 0.3s;
    background: var(--light_purple);
    color: var(--white);
  }

    .case_studies .item .button svg{
        filter: none;
        transition: all 0.3s; 
    }

    .case_studies .item .button:hover svg{
      filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(41deg) brightness(103%) contrast(104%);
        transition: all 0.3s; 
    }

.talks{
  float: left;
  width: 100%;
  margin-top: 72px;
}

  .talks .col-12{position:relative;}

  .talks .inner_container{
      width: 1250px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      gap: 24px;
      padding-top: 64px;
      padding-bottom: 64px;
      display: flex;
      flex-wrap: wrap;
  }

  .talks h3{
    color: var(--dark_purple);
    margin-bottom: 0;
  }

    .talks .items_container{
      display: flex;
      flex-wrap: wrap;
      gap: 64px 32px;
    }

      .talks .items_container .item{
        width: calc(33.3% - 21px);
      }

      .talks .items_container .item .image_container img{
        height: 185px;
        width: 100%;
        object-fit: cover;
        border-radius: 16px;
        overflow: hidden;
      }

      .talks .items_container .item h5{
        font-size: 21px;
        font-family: var(--Montserrat);
        color: var(--dark_purple);
        margin-top: 10px;
        margin-bottom: 10px;
      }

      .talks .items_container .item p{
        color: rgb(103, 117, 134);
        font-size: 16px;
      }

      .tag_date{
        color: var(--dark_purple);
        float:left;
        width: 100%;
      }

      .single-talks-and-chats iframe{
        float:left;
        width: 100%;
        height: 600px;
      }

      .single-talks-and-chats h2{
        margin-top: 20px;
        float:left;
        width: 100%;
      }

      .single-talks-and-chats .full_text .inner_container{
        padding-bottom: 0;
      }

      .single-talks-and-chats .full_text{
        margin-top: 0;
        padding-top: 0;
      }

      .single-post .tag_date,
      .single-talks-and-chats .tag_date{
        margin-top: 10px;
        margin-bottom: 10px;
      }

.blog_posts{
  float: left;
  width: 100%;
  margin-top: 30px;
}

  .blog_posts .col-12{position:relative;}

  .blog_posts .inner_container{
      width: 1250px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      gap: 24px;
      display: flex;
      flex-wrap: wrap;
  }

  .blog_posts .inner_container .one_h{
    margin-bottom: 50px;
  }

  .blog .blog_posts .inner_container .one_h{
    display: flex;
    gap: 20px;
  }
 
  .blog_posts .inner_container .one_h .data{
    min-width: calc(60% - 50px);
    max-width: calc(60% - 50px);
  }

  .blog_posts .one_h a{
    display: flex;
    gap: 50px;
    align-items: flex-start;
  }

    .blog_posts .one_h h3{
      color: var(--dark_purple);
      line-height: 120%;
      margin-bottom: 10px;
    }

    .blog_posts .one_h .tags{
      float:left;
      width: 100%;
      margin-bottom: 10px;
      display: flex;
      flex-wrap: wrap;
    }

    .blog_posts .one_h .tags .tag{
      background: rgb(204, 212, 221);
      padding: 2px 12px;
      font-size: 14px;
      color: #000;
      border-radius: 16px;
      margin-left: 5px;
      margin-bottom: 5px;
      text-transform: capitalize;
    }

    .blog_posts .one_h .date{
      color: #667485;
      font-size: 16px;
      float:left;
      width: 100%;
      margin-bottom: 10px;
    }

    .blog_posts .one_h a img{
      width: 30%;
      min-width: 430px;

    }

.tabs{
  float: left;
  width: 100%;
}

  .tabs .col-12{position:relative;}

  .tabs .inner_container{
      width: 1250px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      gap: 24px;
      padding-top: 64px;
      padding-bottom: 64px;
      display: flex;
      flex-wrap: wrap;
  }

  .tabs .row .inner_container{
    padding-bottom: 0;
  }

  .tabs .top_text{
    width: 100%;
  }

    .tabs .top_text h1,
    .tabs .top_text h2,
    .tabs .top_text h3{
      color: var(--dark_purple);
    }

    .tabs .top_text p{
      font-size: 18px;
    }

  .tabs .top_tabs{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

    .tabs .top_tabs .img_container{
      text-align: center;
    }

    .tabs .bottom_tabs .img_container img,
    .tabs .top_tabs .img_container img{
      width: 56px;
      height: 56px;
      border-radius: 100%;
    }

    .tabs .bottom_tabs .img_container img{
      min-width: 56px;
      margin-right: 20px;
      position: relative;
      top:5px;
    }

    .tabs .top_tabs h5{
      font-size: 18px;
      color: #181D27;
      margin:0;
      margin-top: 10px;
      margin-bottom: 20px;
      text-align: center;
    }

    .tabs .top_tabs .tab_top{
      padding-left:20px;
      padding-right: 20px;
      border-bottom: 4px solid rgb(204, 212, 221);
      cursor: pointer;
      width: 100%;
    }

    .tabs .top_tabs .tab_top.active{
      border-bottom: 4px solid #5B48CA;
      transition: all 0.3s;
    }

    .tabs .top_tabs .tab_top.active h5{
      color: #181D27;
      transition: all 0.3s;
    }

  .tabs .bottom_tabs{
    width: 100%;
    margin-top: 45px;
  }

    .tabs .bottom_tabs .bottom_tab.active{
      display: flex;
      flex-direction: row-reverse;
      position: relative;
      /*left: calc(50% - 600px + 2%);
      width: calc(100vw - (50vw - 550px));*/
    }

    .tabs .bottom_tabs .bottom_tab .flex_it{
      margin-bottom: 30px;
    }

    .tabs .bottom_tabs .bottom_tab{
      display: none;
      align-items: center;
      gap: 30px;
    }

      .tabs .bottom_tabs .bottom_tab .left_side{
        min-width: 50%;
        width: 50%;
      }

    .tabs .bottom_tabs .bottom_tab h3{
      font-size: 28px;
      margin-bottom: 10px;
      font-weight: 600;
      color: var(--black);
      line-height: 120%;
      font-family: var(--Inter);
    }

      .tabs .bottom_tabs ul{
        list-style-type: none;
        margin:0;
        padding:0;
      }

      .tabs .bottom_tabs li{
        font-weight: 400;
        margin-top: 0;
        font-size: 16px;
        color: rgba(102, 116, 133, 1);
        line-height: 180%;
        padding-left:40px;
        margin:0;
        margin-bottom: 18px;
        position: relative;
      }

      .tabs .bottom_tabs li:before {
          width: 32px;
          height: 32px;
          background: url(/wp-content/themes/steadybit/images/check-circle.svg) no-repeat;
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 0px;
          /*filter: brightness(0) saturate(100%) invert(37%) sepia(26%) saturate(3716%) hue-rotate(228deg) brightness(79%) contrast(102%);*/
      }


.tabs.new_tabs .bottom_tabs .bottom_tab.active{
  flex-wrap: wrap;
      flex-direction: row;
  column-gap: 16px; /* Gap on the right */
  row-gap: 25px;  /* Gap on the bottom */
}

.tabs.new_tabs .bottom_tabs .bottom_tab .left_side {
    width: calc(25% - 64px);
    min-width: auto;
}

.tabs.new_tabs .bottom_tabs .bottom_tab .left_side .button_container {
  margin-bottom: 0;
  margin-top: 10px;
  text-align: left;
}

.tabs.new_tabs{
  padding-top: 96px;
  padding-bottom: 96px;
}

.tabs.new_tabs.blue_bg{
  background: #F4F7FB;
}

.tabs.new_tabs .top_tabs{
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.tabs.new_tabs .top_tabs .tab_top{
  width: auto;
  border-bottom: 0;
  padding:5px 16px;
  background: #F5F2FF;
  border-radius: 4px;
  transition: all 0.3s;
}

  .tabs.new_tabs .top_tabs .tab_top.active,
  .tabs.new_tabs .top_tabs .tab_top:hover{
    background: #5B48CA;
    transition: all 0.3s;
  }

  .tabs.new_tabs .top_tabs .tab_top.active h5,
  .tabs.new_tabs .top_tabs .tab_top:hover h5{
    color: #fff;
    transition: all 0.3s;
  }

  .tabs.new_tabs .top_tabs .tab_top h5{
    color: #5B48CA;
    margin:0;
    font-size: 16px;
    line-height: 150%;
    transition: all 0.3s;
  }

.tabs.new_tabs .inner_container{
  padding-top: 0;
}

.tabs.new_tabs .bottom_tabs{
  margin-top: 64px;
}

.tabs.new_tabs .bottom_tabs .bottom_tab .left_side{
  font-weight: 400;
  line-height: 150%;
  color: #677586;
  padding:24px;
  border:2px solid #CCD4DD;
  background: #FAFBFD;
  border-radius: 16px;
  transition: all 0.3s;
}

.tabs.new_tabs .bottom_tabs .bottom_tab .left_side:hover{
    border:2px solid #5B48CA;
  background: #F5F2FF;
  transition: all 0.3s;
}

.tabs.new_tabs .bottom_tabs .bottom_tab .left_side.last_side{
  border:0;
  background: linear-gradient(68.27deg, #E9EDF8 0%, #FBFDFF 100%);
}

.tabs.new_tabs .bottom_tabs .bottom_tab .left_side.last_side p strong,
.tabs.new_tabs .bottom_tabs .bottom_tab h3{
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #1D2632;
}

.tabs.new_tabs .bottom_tabs .bottom_tab .left_side.last_side p{
  margin-bottom: 10px;
}

.tabs.new_tabs .bottom_tabs .bottom_tab .img_container img{
  max-width: 40px;
  max-height: 40px;
  margin-bottom: 8px;
  border-radius: 0;
}

.slider{
  float: left;
  width: 100%;
  margin-top: 72px;
}

.slider .lSAction>a{
  top:9%;
}

  .slider .col-12{position:relative;}
  .slider .bg_blue{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: linear-gradient(234deg, rgb(251, 253, 255) 0%, rgb(233, 240, 248) 100%);
  }

  .slider .inner_container{
      width: 1250px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      gap: 24px;
      padding-top: 64px;
      padding-bottom: 64px;
      display: flex;
      flex-wrap: wrap;
  }


  .slider .top_text{
    float:left;
    width: 100%;
  }

    .slider li{
      text-align: center;
    }

    .slider .slide_text{
      font-size: 24px;
      margin-top: 10px;
      margin-bottom: 20px;
      display: block;
      color: var(--dark_purple);
      line-height: 140%;
    }

    .slider .person img{
      width: 80px;
      height: 80px;
      border-radius: 100%;
    }

    .slider .person h3{
      font-weight: 600;
      font-size: 18px;
      margin-bottom: 0px;
      color: var(--dark_purple);
    }

    .slider .person p{
      color: var(--gray);
      font-size: 16px;
    }

    .slider .lSPrev{
      background-image: url("/wp-content/themes/steadybit/images/arrow.svg");
      background-position: center;
      background-size: 40px;
      background-repeat: no-repeat;
      background-color: rgba(91, 72, 202, 0.5);
      width: 40px;
      height: 40px;
      border-radius: 100%;
      transform: rotate(180deg);
    }
    .slider .lSNext{
      background-image: url("/wp-content/themes/steadybit/images/arrow.svg");
      background-position: center;
      background-size: 40px;
      background-repeat: no-repeat;
      background-color: rgba(91, 72, 202, 0.5);
      width: 40px;
      height: 40px;
      border-radius: 100%;
    }

    .slider .lSPager{
      display: none;
    }

.faq{
  float: left;
  width: 100%;
  margin-top: 72px;
}

  .faq .col-12{position:relative;}
  .faq .bg_blue{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: linear-gradient(234deg, rgb(251, 253, 255) 0%, rgb(233, 240, 248) 100%);
  }

  .faq .inner_container{
      width: 1250px;
      margin:0 auto;
      position: relative;
      z-index: 1;
      gap: 24px;
      padding-top: 64px;
      padding-bottom: 64px;
      display: flex;
      flex-wrap: wrap;
  }


  .faq .top_text{
    float:left;
    width: 100%;
  }

    .faq .top_text h3,
    .faq .top_text h2{
      color: var(--dark_purple);
      margin-bottom: 10px;
      line-height: 120%;
    }

    .faq .top_text p{
      font-size: 18px;
      color: var(--gray);
    }

    .faq .faq_items{
      display: flex;
      flex-wrap: wrap;
      gap: 32px;
    }

    .faq.faq_simple .faq_items{
      gap: 0;
    }

      .faq.faq_simple .faq_items .title {
          color: var(--dark_purple);
          font-weight: 700;
          font-size: 20px;
          line-height: 25px;
          display: flex;
          margin-bottom: 0;
          justify-content: space-between;
          align-items: start;
          gap: 20px;
      }

        .faq.faq_simple .faq_items .faq_item.active .title svg{
          transform: rotate(180deg);
          transition: all 0.3s;
        }

        .faq.faq_simple .faq_items .faq_item .title svg{
          transform: rotate(0deg);
          transition: all 0.3s;
          min-width: 24px;
          margin-top: 10px;
        }

      .faq.faq_simple .faq_items .faq_item .faq_text{
        padding-top: 10px;
      }

      .faq.faq_simple .faq_items .faq_item .faq_text p{
        font-size: 16px;
      }

      .faq.faq_simple .faq_items .faq_item{
        border-bottom: 1px solid #CCD4DD;
        margin-bottom: 32px;
        padding-bottom: 32px;
        cursor: pointer;
      }

      .faq.faq_simple .faq_items .faq_item:last-child{
        border-bottom: 0;
        padding-bottom: 0;
      }

    .faq.faq_simple .faq_items .faq_item .faq_text{
      display: none;
    }


    .faq.faq_simple .inner_container{
      padding:0;
      gap: 0;
    }

    .faq.faq_simple{
      padding-top: 96px;
      padding-bottom: 96px;
    }

    .faq.faq_simple.blue_bg{
      background: #F4F7FB;
    }
    
    .faq.faq_simple.blue_bg .more_quest .inner_container .button_container{
      margin-bottom: 0;
      margin-top: 10px;
    }

    .faq.faq_simple.blue_bg .more_quest .inner_container .inner_bg{
      background: var(--white);
    }


      .faq.faq_simple .faq_items{
        padding-top: 64px;
        padding-bottom: 64px;
      }

      .faq.faq_simple .more_quest .inner_container h3{
        margin-bottom: 0;
        font-weight: 700;
        font-size: 18px;
        line-height: 180%;
      }

      .faq.faq_simple .more_quest .inner_container .inner_bg{
        padding:32px;
        width: 100%;
        border-radius: 16px;
        background: linear-gradient(68.27deg, #E9EDF8 0%, #FBFDFF 100%);
      }



      .faq .faq_items .faq_item{
        min-width: calc(33% - 32px);
        max-width: calc(33% - 32px);
      }

      .faq.faq_simple .faq_items .faq_item{
        min-width: calc(100%);
        max-width: calc(100%);
      }

        .faq .faq_items .faq_item h3{
          font-size: 20px;
          color: var(--dark_purple);
          margin-bottom: 10px;
          font-weight: 600;
          line-height: 120%;
        }

        .faq .faq_items .faq_item a{
          color: var(--button_red);
          font-weight: 600;
          text-decoration: underline;
        }

        .faq .faq_items .faq_item p{
          line-height: 140%;
          color: var(--gray);
          font-size: 16px;
        }

       .faq .faq_items .faq_item .icon_container{
          display: flex;
          border:8px solid rgb(255, 211, 210);
          border-radius: 100%;
          width: 30px;
          height: 30px;
          align-items: center;
          justify-content: center;
          margin-bottom: 10px;
        }
        
          .faq .faq_items .faq_item .icon_container img{
            width: 22px;
            height: 22px;
            object-fit: contain;
          }


.pagination{
  float:left;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
}

  .pagination .row{
    display: flex;
    align-items: center;
  }

    .pagination .row a{
      color: var(--light_purple);
      font-size: 16px;
      display: flex;
      align-items: center;
      font-weight: bold;

    }

    .pagination .row .col-3 a{
      justify-content: start;
    }
    .pagination .row .col-6 a{
      justify-content: center;
    }
    .pagination .row .col-3:last-child a{
      justify-content: end;
    }

  .pagination .row svg{
    height: 20px;
  }

.calendly-inline-widget{
  width: 100%;
  height: 700px;
  min-height: 400px;
}


.cta.webinar .inner_container .one_h{
  text-align: left;
  padding-top: 0;
}

  .cta.webinar .inner_container .one_h h2{
    color: var(--dark_purple);
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
  }

  .cta.webinar .inner_container .one_h h3{
    color: var(--dark_purple);
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
    font-family: var(--Montserrat);
  }

  .cta.webinar .inner_container .one_h ol,
  .cta.webinar .inner_container .one_h ul{
    font-size: 15px;
    color: var(--gray);
    line-height: 180%;
    padding-left: 18px;
  }

    .cta.webinar .inner_container .one_h li{
      margin-bottom: 10px;
    }

    .cta.webinar .inner_container .one_h p+h2{
        margin-top: 64px;
    }

  .cta.webinar .inner_container .one_h .partners{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    text-align: center;
  }

    .cta.webinar .inner_container .one_h .partners .partner{
      width: calc(50% - 15px);
    }

    .cta.webinar .inner_container .one_h .partners .partner .image_container{
      min-height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .cta.webinar .inner_container .one_h .partners .partner .icon{
      max-height: 35px;
      max-width: max-content;
    }

    .cta.webinar .inner_container .one_h .partners .partner .rounded{
      width: 110px;
      height: 110px;
      object-fit: contain;
      border-radius: 100%;
      overflow: hidden;
    }

    .cta.webinar .inner_container .one_h .partners .partner p{
      margin-bottom: 5px;
    }

    .cta.webinar .inner_container .one_h .partners .partner h5{
      margin:0;
      margin-bottom: 5px;
      font-size: 18px;
      color: var(--dark_purple);
      font-weight: 700;
    }

    .cta.webinar .inner_container .one_h .partners .partner p.name{
      color: var(--orange);
    }


    .cta.webinar .inner_container .one_h{
      width: 53%;
      padding-left: 0;
    }

    .cta.webinar .inner_container{
        align-items: start;
    }

    .cta.webinar .inner_container .one_h:last-child{
      background: linear-gradient(252deg, rgb(251, 253, 255) 0%, rgb(233, 240, 248) 100%);
      width: calc(40% - 40px);
      border-radius: 8px;
      padding: 40px 16px;
    }

    .cta.webinar .inner_container .one_h:last-child img{
      width: 100%;
      max-width: 100%;
      border-radius: 8px;
    }

    .cta.webinar .inner_container .one_h:last-child h3{
      font-size: 24px;
      color: var(--dark_purple);
      text-align: center;
      font-weight: 600;
      line-height: 120%;
      margin-bottom: 10px;
      margin-top: 20px;
    }

.hljs{
  padding: 20px;
  border-radius: 16px;
  font-size: 16px;
  line-height: 140%;
  overflow: auto;
  max-width: calc(87vw - 40px);
}

  .hljs::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
  }

  .hljs::-webkit-scrollbar{
    width: 5px;
    height: 10px;
    border-radius: 10px;
    background-color: #F5F5F5;
  }

  .hljs::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #D62929;
  }


.single-post .inner_container img{
  height: auto;
  margin:0 auto;
  display: table;
  margin-bottom: 20px;
}

.single-post #footer-menu .sub-menu a .extra.reverse img{
  margin-bottom: 0!important;
}

.single-post #logo img{
  margin-bottom: 0;
}

  .single-post .full_text p{
    font-size: 16px;
  }

    .single-post .full_text h4{
        color: var(--dark_purple);
    }
    
    .single-post .full_text h4:before{
        display: none;
    } 

  .single-post .full_text hr{
    border:0;
    display: block;
    height: 64px;
    margin:0;
  }

  .single-post .full_text iframe{
    width: 100%;
    height: 510px;
    border-radius: 16px;
    overflow: hidden;
  }

  .single-post .full_text ol,
  .single-post .full_text ul{
     font-size: 16px;
     line-height: 180%;
     padding-left: 18px;
     color: var(--gray);
  }

  .single-post .full_text li{
    margin-bottom: 10px;
  }

  .single-post .full_text h1{
    font-size: 45px;
  }

  .single-post .full_text h2{
    line-height: 130%;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
  }

    .single-post .full_text .tag_date{
      display: flex;
      font-weight: 500;
      text-transform: capitalize;
    }

      .single-post .full_text .tag_date .tag{ margin-left:5px; text-decoration: none;}

    .single-post .full_text .tag_date+.tag_date{
      justify-content: space-between;      
    }

    .single-post .full_text .tag_date svg{
      width: 20px;
      height: 20px;
    }

    .single-post .full_text .tag{
      background: rgb(204, 212, 221);
      padding: 2px 12px;
      font-size: 14px;
      color: #000;
      border-radius: 16px;
    }

  .single-post .full_text a{
    color: var(--button_red);
    text-decoration: underline;
  }

  .single-post .full_text{
    padding-top: 0;
    margin-top: 0;
  }

    .back_blog a{
      display: flex;
      align-items: center;
      font-weight: bold;
      text-decoration: none;
      margin-bottom: 20px;
      color: var(--button_red);
    }

    .single-post .full_text .back_blog a{
      text-decoration: none;
    } 

    .single_post .inner_container .back_blog a{
      text-decoration: none;
    }

  .single-post .full_text .inner_container{
    padding-bottom: 0;
    width: 1000px;
  } 


.hbspt-form{
  float:left;
  width: 100%;
}

.newsletter .hbspt-form{
  width: 500px;
  margin: 0 auto;
  float:none;
  display: table;
}

  .hbspt-form ul{
    list-style-type: none;
    margin:0;
    padding:0;
  }

  .hbspt-form label{
    color: var(--dark_purple);
    font-size: 16px;
    float:left;
    width: 100%;
    margin-bottom: 5px;
  }

  .newsletter .hbspt-form .hs_email label{
    display: none;
  }

  .hbspt-form textarea,
  .hbspt-form input[type="number"],
  .hbspt-form input[type="email"],
  .hbspt-form input[type="text"]{
    border: 2px solid rgb(202, 212, 224);
    padding: 16px;
    font-size: 16px;
    width: calc(100% - 36px);
    color: rgb(102, 116, 133);
    border-radius: 8px;
    background: var(--white);
    margin-bottom: 16px;
  }

  .hbspt-form textarea.error,
  .hbspt-form input[type="number"].error,
  .hbspt-form input[type="email"].error,
  .hbspt-form input[type="text"].error{
    border:2px solid var(--button_red);
  }

  .hbspt-form .hs-error-msgs{ display:none!important; }
  .hbspt-form .hs_error_rollup{
    float:left;
    width: 100%;
    margin-bottom: 5px;
  }

  .hbspt-form .hs_error_rollup label{
    color: var(--button_red);
  }
  
  .hbspt-form .hs_error_rollup .hs-error-msgs{ 
    display:block!important; 
    float:left;
    width: 100%;
  }

  .newsletter .legal-consent-container .hs-form-booleancheckbox-display p,
  .legal-consent-container .hs-form-booleancheckbox-display p,
  .hbspt-form .hs-form-booleancheckbox p{
    font-size: 16px;
  }

  .newsletter .hbspt-form{ 
    position: relative;
  }
  
  .newsletter input[type="email"]{
    width: 340px;
  }

    .newsletter .hs_submit{
      position: absolute;
      right: 0; 
      top:4px; 
    }

    .legal-consent-container .hs-form-booleancheckbox-display input{
      width: 18px;
      height: 18px;
      border: 0;
    }



  .hbspt-form textarea{
    min-height: 200px;
    max-height: 300px;
  }

  #webinar_name{
    display: none;
  }

  .hs_amplitudeurl,
  .hs_hs_lead_status{
    display: none;
  }

  .price_form .form-columns-1,
  .price_form .hs-fieldtype-textarea{
    width:calc(100% - 4px);
  }

  .hs-form-booleancheckbox-display{
    display: flex;
    align-items: center;
  }

  .hbspt-form .legal-consent-container .hs-form-booleancheckbox-display>span{
    margin-left: 5px;
  }

  .price_form .hs-fieldtype-number,
  .price_form .hs-fieldtype-text{
    width: 48%;
  }

  .price_form .hbspt-form .hs_submit{
    width: 100%;
  }

  .price_form .hbspt-form input[type="submit"]{
    border: 2px solid var(--button_red);
    background: var(--button_red);
    width: calc(100%);
    color: var(--white);
  }

  .price_form .hbspt-form input[type="submit"]:hover{
    background: var(--button_darker_red);
    border: 2px solid var(--button_darker_red);
  }


.cookie_consent{
    display: none;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 100;
    background: #fff;
    padding: 32px;
    background: linear-gradient(261deg, rgb(251, 253, 255) 0%, rgb(233, 240, 248) 100%);
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 16px 0px, rgba(0, 0, 0, 0.25) 0px 2px 4px 0px;
    opacity: 1;
    width: 700px;
    text-align: center;
}

  .cookie_consent .configure{
    text-align: center;
    color: var(--light_purple);
    text-decoration: underline;
    cursor: pointer;
  }

  .cookie_consent .buttons_container{
    display: flex;
    justify-content: center;
  }

    .cookie_consent .buttons_container .blue{
      background: var(--light_purple);
    }

    .cookie_consent .buttons_container .blue:hover{
      background: var(--dark_purple);
      border:2px solid var(--dark_purple);
    }

    .cookie_consent .buttons_container .purple {
        background: transparent;
        margin: 0;
        margin-left: 5px;
    }

    .cookie_consent .buttons_container .purple:hover{
      background: var(--dark_purple);
      border:2px solid var(--dark_purple);
      color: var(--white);
    }

  .cookie_consent .cookie_list{
    max-height: 400px;
    overflow: auto;
    margin-bottom: 20px;
    margin-top: 10px;
    display: none;
  }

    .cookie_consent .cookie_list .item{
        border:1px solid rgba(0, 0, 0, 0.05);
        border-radius: 0px 0px 10px 10px;
        box-shadow: rgba(0, 0, 0, 0.145) 0px 0.542907px 0.542907px -1.25px, rgba(0, 0, 0, 0.125) 0px 2.06119px 2.06119px -2.5px, rgba(0, 0, 0, 0.05) 0px 9px 9px -3.75px;
        overflow: hidden;
    }

    .cookie_consent .cookie_list .item:first-child{
        border-radius: 10px 10px 0px 0px;      
    }

      .cookie_consent .cookie_list .item .single_row{
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(0, 0, 0, 0.05) 0px -1px 0px 0px inset;
        padding: 20px;
        display: flex;
      }

      .cookie_consent .cookie_list .item .single_row .bold{
        min-width: 40%;
        text-align: left;
        font-weight: bold;
      }

      .cookie_consent .cookie_list .item .single_row span{
        text-align: left;
      }

.error404 .img_1{
  position: absolute;
  left:0;
  top:10%;
  background: url("/wp-content/themes/steadybit/images/404_1.png") no-repeat;
  width: 20vw;
  height: 30vw;
  background-size: contain;
  z-index: 1;
}
.error404 .img_2{
  position: absolute;
  right:0;
  bottom:0;
  background: url("/wp-content/themes/steadybit/images/404_2.png") no-repeat;
  width: 20vw;
  height: 20vw;
  background-size: contain;
  z-index: 1;
}

.error404 .hometop .top_text{
  align-items: center;
}

.error404 .inner_text_data{
  position: relative;
}





  .library .inner_container,
  .pricing .inner_container,
  .talks .inner_container,
  .single_post .inner_container,
  .news .inner_container,
  .events_conferences .inner_container,
  .case_studies .inner_container,
  .cta .inner_container,
  .left_right .inner_container,
  .full_text .inner_container,
  .left_right,
  .full_text{
    padding:0;
  }

  .library,
  .pricing,
  .talks,
  .newsletter,
  .cta,
  .small_top,
  .hometop,
  .box_with_icons,
  .left_right,
  .full_text{
    margin-bottom: 64px;
        margin-top: 0;
  }

  .hometop.hometop_popup{
    margin-bottom: 0;
  }

  .engineering_journey,
  .contact,
  .blog_posts,
  .box_with_icons+.cta,
  .faq,
  .single_post,
  .news,
  .events_conferences ,
  .case_studies .inner_container,
  .site-footer{
    margin-bottom: 64px;
    margin-top: 0;
  }

  .cta.webinar .inner_container .one_h .partners,
  .pricing_notes{
    margin-top: 64px;
  }

  .box_with_icons .purple_box,
  .engineering_journey .centered_text,
  .left_right.bg_purple .inner_container,
  .left_right.bg_blue .inner_container{
    padding:64px;
  }

  .blog_posts .one_h a,
  .talks .items_container,
  .news .inner_container,
  .case_studies .inner_container,
  .engineering_journey .boxes_container{
    /*gap: 64px;*/
  }
 


  html {
    scroll-behavior: smooth;
  }
  
  .side_container {
    position: relative;
    top: 0px;
    width: auto;
    height: auto;
  }

  .side_container a {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    color: #333;
    transition: background-color 0.3s ease;
    font-size:12px;
  }

  .sidebar-h3{
    margin-left: 10px;
  }

  .sidebar-h2-container.active .sidebar-h2:before,
  .sidebar-h3.active:before,
  .sidebar-h2.active:before{
      content: "";
      width: 10px;
      height: 5px;
      background: var(--dark_purple);
      position: absolute;
      left: -3px;
      top: 10px;
      border-radius: 10px;
  }

  .sidebar-h2-container.active a.sidebar-h2,
  .case_study .main_content .side .side_container a.active {
      color: var(--dark_purple)!important;
      transition: all 0.3s;
  }

  .case_study .main_content .side #sidebar  a{
    font-size:12px;
    flex-wrap:wrap;
    position: relative;
    max-width: 90%;
  }

  .case_study .main_content .side #sidebar a:after{
    display:none;
  }

  .case_study .main_content .side .side_container#sidebar{
    position: sticky;
    top: 200px;
    width: 200px;
    height: calc(100vh - 260px);
    margin-bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
    width: calc(100% - 40px);
  }

  #sidebar{
    margin-right: 10px;
  }

    #sidebar::-webkit-scrollbar-track{
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      border-radius: 10px;
      background-color: #F5F5F5;
    }

    #sidebar::-webkit-scrollbar{
      width: 5px;
      border-radius: 10px;
      background-color: #F5F5F5;
    }

    #sidebar::-webkit-scrollbar-thumb{
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
      background-color: var(--dark_purple);
    }
.contact .col-12,
.library .col-12,
.faq .col-12,
.small_top .col-12,
.site-footer .col-12,
.engineering_journey .col-12,
.left_right.bg_purple .col-12,
.box_with_icons .col-12,
#masthead .col-12,
.slider .col-12,
.cta .col-12,
.hometop .col-12{
  width: 100%;
  margin:0;
  border-radius: 0;
}
.contact .bg_blue,
.cta .bg_blue,
.faq .bg_blue,
.small_top .bg_purple,
.site-footer .bg-purple,
.slider .bg_blue,
.engineering_journey .bg_blue,
.left_right .change_bg,
.box_with_icons .purple_box,
#masthead .menu_details{
  border-radius: 0;
}

.site-footer{
  margin-bottom: 0;
}

.box_with_icons .purple_box{
  width: calc(100% - 128px);
}


.tours_container{
  display: flex;
  flex-wrap: wrap;
}

.engineering_journey{
  margin-bottom: 0;
}




.card {
  position: sticky;
  top: 100px;
  display: table;
  float:left;
  width: 100%;
}

.card__inner {
  will-change: transform;
  background: white;
  
  display: flex;
  overflow: hidden;
  transform-origin: center top;
}

.cards {
  width: 100%;
  max-width: 1250px;
  margin: 0 auto; 
  display: grid;
  grid-template-rows: repeat(var(--cards-count), var(--card-height));
  gap: 40px 0;
  padding-bottom: 180px;
}

    .cards .card__inner{
      overflow: hidden;
      display: flex;
      align-items: center;
      flex-direction: row-reverse;
    }

    .cards.border_shadow .card__inner{
      border:1px solid rgb(221 221 221);
      border-radius: 2rem;
      border-radius: 14px;
      box-shadow: 0 25px 50px -12px hsla(265.3, 20%, 10%, 35%);
    }

    .cards .card__inner .left_image{
      width: 50%;
    }

      .cards .card__inner .left_image img{
        display: block;
      }

    .cards .card__inner .right_text{
      width: calc(50% - 100px);
      padding-left: 50px;
      padding-right: 50px;
    }

      .cards .card__inner .right_text .inner_text {
          max-width: 450px;
          margin: 0 auto;
          text-align: center;
          padding-top: 20px;
      }

      .cards .card__inner .right_text .inner_text h3{
        color: var(--dark_purple);
        margin-bottom: 20px;
      }

      .cards .card__inner .right_text .inner_text p{
        line-height: 180%;
        font-weight: 400;
      }


.library{
  float:left;
  width: 100%;
  padding-top: 96px;
  padding-bottom: 96px;
}

.library.blue_bg{
  background: #F4F7FB;
} 

  .library .inner_container{
    width: 1250px;
    margin:0 auto;
    display: table;
  }

  .library .top_text{
    padding-bottom: 70px;
  }

  .library .top_text p{
    font-size: 18px;
  }

    .library .flex_it{
      align-items: center;
      transition: all 0.3s;
      cursor: pointer;
      float:left;
      width: 100%;
    }

    .library .item.active .flex_it{
      transition: all 0.3s;
    }

    /*.library .active.item .hidden_text{
      display: block;
      float:left;
      width: 100%;
      height: auto;
      transition: all 0.3s;
    }*/

    .library .left_items .hidden_text{
      display: none;
      float:left;
      width: 100%;
      padding-top: 10px;
    }

    .library .left_items .hidden_text p{
      font-size: 16px;
    }

    .library .left_items{
      float:left;
      width: 30%;
    }

    .library .left_items .item.active{
      border-left: 4px solid #5B48CA;
    }

    .library .left_items .item{
      padding-left: 24px;
      padding-top: 16px;
      padding-bottom: 16px;
      border-left: 4px solid #CCD4DD;
      float:left;
      width: calc(100% - 24px);
    }

    .library .left_items strong{
      font-size: 18px;
      color: #0F054C;
    }

    

    .library .left_items a{
      font-weight: bold;
    }

    .library .left_items a svg{
      height: 10px;
      margin-left: 10px;
    } 

      .library .left_items .item img {
        max-width: 24px;
        max-height: 24px;
        margin-right: 10px;
      }


    .library .items{
      display: flex;
      align-items: center;
      position: relative;
    }

    .library .right_items{
      float:right;
      min-width: calc(70% - 100px);
      min-height: 450px;
      margin-left: 100px;
      position: relative;
      right: 0;
      top:0;
      height: 100%;
      display: flex;
      align-items: center;
    }

      .library .right_items .r_item{
        display: none;
        position: absolute;
        right: 0;
        top:0;
        height: 100%;
        align-items: center;
        width: 100%;
      }

      .library .right_items .r_item.active{
        display: flex!important;
      }

      .library .right_items .r_item img,
      .library .right_items .r_item iframe{
        width: 100%;
      }

      .library .right_items .r_item iframe{
        height: 440px;
        border-radius: 16px;
      }


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}

    #cboxContent{ overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{padding-bottom:60px;}
        #cboxLoadedContent .button_container { 
            position: absolute;
            bottom: 0;
            margin-bottom: 0;
            justify-content: center;
            display: flex ;
        }
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}


        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}


/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}






@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}
.slider_infinity {
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width:1250px;
  margin-bottom: 50px;

  /* Apply transparency mask */
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 20%, black 80%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 20%, black 80%, rgba(0, 0, 0, 0) 100%);
}

.slider_infinity .slide-track {
  -webkit-animation: scroll 40s linear infinite;
          animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
  align-items: center;
  gap: 50px;
}
.slider_infinity .slide_item {
  height: 100px;
  width: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}

  .slider_infinity .slide_item img{
    max-height: 100px;
  }


  .mobile_image{
    display: none;
  }

  .desktop_image{
    display: block;
  }

.boxes_with_icons{
  width: 100%;
  display: flex;
  gap: 100px;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  padding-top: 70px;
}

  .boxes_with_icons .box_w_icon{
    width: calc(33.3% - 50px);
    position: relative;
  }


  .boxes_with_icons .box_w_icon:after{
    position: absolute;
    right: -100px;
    top: 4%;
    background: url("/wp-content/themes/steadybit/images/Hand-drawn arrow.svg") no-repeat;
    content: "";
    width: 100px;
    height: 100px;
    background-size: contain;
  }

  .boxes_with_icons .box_w_icon:last-child:after{
    display: none;
  }

  .boxes_with_icons .box_w_icon h3{
    font-size: 20px;
    margin-bottom: 16px;
    margin-top: 10px;
  }

  .boxes_with_icons .box_w_icon p{
    font-size: 16;
  }


.error404  .hometop {
  margin-bottom: 0;
}




.plans .text_bottom p{
  color: #0F054C;
  font-weight: 700;
  font-size: 18px;
  margin:0;
}

  .plans .text_bottom a{
    color: #5B48CA;
    font-weight: 700;
    font-family: var(--Inter);
    padding-right: 30px;
    background: url("/wp-content/themes/steadybit/images/arrow_right_p.svg") no-repeat center right;
    padding: 0;
    padding-right: 20px;
    background-position: right 4px;
    font-size: 16px;
  }


.plans{
  float:left;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 64px;
  background: #F4F7FB;
}

.plans .inner_container{
  width: 1250px;
  margin: 0 auto;
  display: table;
}

.plans .plan:first-child{
  margin-right: -75px;
}

.plans .plan:first-child .top_section{
  width: 350px;
}

.plans .plan{
  width: 480px;
  -webkit-box-shadow: 0px 8px 60px 8px rgba(29, 38, 50, 0.1);
  -moz-box-shadow: 0px 8px 60px 8px rgba(29, 38, 50, 0.1);
  box-shadow: 0px 8px 60px 8px rgba(29, 38, 50, 0.1);
  background: var(--white);
  border-radius: 16px;
  overflow: hidden;
}

  .plans .plan .bottom_section{
    padding: 32px;
  }

    .plans .plan .bottom_section ul{
      margin:0;
      padding: 0;
      list-style: none;
    }

    .plans .plan .bottom_section ul li {
        margin: 0;
        padding: 0;
        color: #677586;
        font-size: 16px;
        margin-bottom: 16px;
        background: url(/wp-content/themes/steadybit/images/green_check.svg) no-repeat;
        padding-left: 32px;
        background-size: 26px;
        min-height: 23px;
        background-position: 0 -1px;
        padding-top: 2px;
    }

    .plans .plan .bottom_section h4 {
        color: #1D2632;
        font-weight: 700;
        font-size: 18px;
        line-height: 120%;
        margin-bottom: 0;
    }

    .plans .plan .bottom_section p{
      font-size: 16px;
    }

    .plans .plan .bottom_section h4:before{
      display: none;
    }

  .plans .plan .top_section{
    background: url("/wp-content/themes/steadybit/images/bg.svg") no-repeat;
    padding: 32px;
    text-align: center;
    display: table;
    background-size:cover;
  }

    .plans .plan .top_section p{
      color: var(--white);
    }

    .plans .plan .top_section h3{
      color: var(--white);
      margin-bottom: 16px;
      font-size: 32px;
    }

    .plans .plan .top_section img{
      width: 64px;
      margin-bottom: 16px;
    }

    .plans .plan .top_section .button_container{
      margin:0;
    }

    .plans .plan .top_section .button_container .button{
      width: calc(100% - 40px);
    }

    .plans .text p{
      font-size: 18px;
    }
 
.comparison{
  float:left;
  width: 100%;
  padding-top: 96px;
  padding-bottom: 96px;
}

.comparison .text{
  padding-bottom: 64px;
}

.comparison .row_item.text{
  padding-bottom: 0;
}

.comparison .inner_container{
    width: 1250px;
    margin: 0 auto;
    display: table;
}

  .comparison .row_item{
    float:left;
    width: 100%;
    display: flex;
  }

  .comparison .row_item.text+.row_item.title{
    border-top: 1px solid #E8EDF4;
    padding-top: 40px;
  }

  .comparison .row_item .col_item h3{
    margin:0;
    color: #5B48CA;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
  }

  .comparison .row_item .col_item.types{
    flex-wrap: wrap;
    font-size: 14px;
    color: #677586;
    font-family: var(--Inter);
  }

  .comparison .row_item .col_item .type{
    float:left;
    width: 100%;
    height: 26px;
    margin-bottom: 10px;
  }

    .comparison .row_item .col_item .type.Green{
      background: url("/wp-content/themes/steadybit/images/green.svg") no-repeat center;
    }
    .comparison .row_item .col_item .type.Red{
      background: url("/wp-content/themes/steadybit/images/red.svg") no-repeat center;
    }
    .comparison .row_item .col_item .type.Yellow{
      background: url("/wp-content/themes/steadybit/images/yellow.svg") no-repeat center;
    }

  .comparison .row_item.text.has_bg{
    background: #F4F7FB;
  }

  .comparison .row_item .col_item {
      padding: 24px 24px;
      display: flex;
      align-items: center;
      min-width: calc(33.3% - 48px);
      margin:0;
      justify-content: center;
      text-align: center;
  }

    .comparison .row_item .col_item:first-child{
      justify-content: start;
      text-align: left;
    }

    .comparison .row_item.title .col_item{
      padding-bottom: 10px;
      padding-top: 10px;
    }

    .comparison .row_item.text .col_item a{
      color: #0F054C;
      background: url("/wp-content/themes/steadybit/images/reality_hub.svg") no-repeat center right;
      padding-right: 24px;
      font-weight: bold;
      font-size: 14px;
      font-family: var(--Inter);
    }

    .comparison .row_item.text .col_item span{
      color: #0F054C;
      font-weight: bold;
      font-size: 14px;
      font-family: var(--Inter);
    }

    .comparison .button.blue{
      background: transparent;
      color: #5B48CA;
      padding-right: 50px;
      background: url("/wp-content/themes/steadybit/images/icon-download.svg") no-repeat;
      background-position: 92% center;
    }

.comparison .show_mobile{
  display: none;
}

  .comparison .show_mobile .button_container{
    margin-bottom: 40px;
  }


.academy{
  float:left;
  width: 100%;
  margin-bottom: 96px;
}

  .academy .inner_container{
    width: 1250px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }

  .academy h2{
    margin-bottom: 10px;
  }

  .academy .academy_lessons{
    float:left;
    width: 100%;
    margin-top: 40px;
  }

    .academy .single_academy{
      float:left;
      width: calc(100% - 80px);
      padding:40px;
      margin-bottom: 32px;
      background: #F4F7FB;
      border-radius: 16px;
      display: flex;
      align-items: center;
    }

.academy .top_text{
  width: 100%;
  text-align: center;
}


  .academy .left_side{
    width: 100%;
  }

  .academy .right_side{
    width: 400px; 
    min-width: 400px;
    margin-left: 40px;
  }

    .academy .right_side img{
      border-radius: 16px;
      overflow: hidden;
    }

  .academy .left_side p,
  .academy .left_side li{
    font-weight: 400;
    margin-top: 0;
    font-size: 16px;
    color: var(--gray);
    line-height: 150%;
    color: #677586;
  }

  .academy .left_side ul,
  .academy .left_side li{
    list-style-type: none;
    margin:0;
    padding:0;
  }
  
  .academy .left_side li{
    border-bottom: 1px solid #CCD4DD;
    padding-bottom: 8px;
    padding-top: 8px;
    float:left;
    width: 100%;
  }

  .academy .left_side li:last-child{
    border: 0;
  }

    .academy .left_side li a{
      color: var(--purple);
      font-weight: 700;
      transition: all 0.5s;
      float:left;
      position: relative;
    }

      .academy .left_side li a:before{
        transition: all 0.5s;
        width: 0%;
        content:"";
        height: 1px;
        background: var(--light_purple);
        display: table;
        position: absolute;
        bottom:2px; 
        left: 0; 
      }

      .academy .left_side li:hover a:before{
        transition: all 0.5s;
        width: 100%;
      }

    .academy .left_side li:hover a{
      color: var(--light_purple);
      transition: all 0.5s;
    }
  
  .academy .button.blue{
    background: transparent;
    color: var(--light_purple);
    transition: all 0.3s;
  }

  .academy .button.blue:hover{
    color: var(--white);
    transition: all 0.3s;
    background: var(--light_purple);
  }

.single-academy .small_top .text_side{
  padding-top: 45px;
}

.small_top .top_title{
  color: #BDB4F3;
  font-size: 26px;
  line-height: 12px;
  text-align: center;
  font-weight: 700;
  font-family: var(--Montserrat);
  float:left;
  width: 100%;
  text-transform: uppercase;
}

.single-academy .full_text .inner_container a{
  text-decoration: none;
}

.single-academy .full_text .inner_container .main_academy_content a{
  display: inline-block;
}

.full_text .main_academy{
  position: relative;
  width: 100%;
}

.full_text .main_academy_content{
  width: calc(100% - 450px);
  padding-top: 24px;
  float: left; 
}

  .full_text .main_academy_content iframe{
    width: 100%;
    min-height: 450px;
    margin-top: 24px;
    border-radius: 16px;
    overflow: hidden;
  }

  .full_text .main_academy_content p{
    font-size: 16px;
    line-height: 150%;
  }

  .full_text .main_academy_content ul,
  .full_text .main_academy_content ol{
    margin-left: 20px;
    margin-bottom: 16px;
    padding:0;
  }

  .full_text .main_academy_content li{
     font-size: 16px;
     margin-bottom: 10px;
    line-height: 150%;
        color: var(--gray);
  }

  .full_text .sidebar_academy_content{
    padding:24px;
    border-radius: 16px;
    background: #F4F7FB;
    position: sticky;
    top:110px;
    max-width: 350px;
    float:right;
  }

    .full_text .sidebar_academy_content h5{
      margin-top: 0;
      margin-bottom: 8px;
      color: #677586;
      font-size: 16px;
      font-weight: 700;
    }

    .full_text .sidebar_academy_content p{
      font-size: 16px;
      color: #677586;
      line-height: 150%;
    }

    .full_text .sidebar_academy_content ul,
    .full_text .sidebar_academy_content li{
      margin:0;
      padding:0;
      list-style-type: none;
    }

    .full_text .sidebar_academy_content li a{
      color: var(--purple);
      font-size: 16px;
      font-weight: 700;
    }

    .full_text .sidebar_academy_content li.active a{
      color: var(--light_purple);
    }

    .full_text .sidebar_academy_content li.active{
      background: #F5F2FF;
      position: relative;
    }

      .full_text .sidebar_academy_content li.active:before{
        width: 3px;
        position: absolute;
        left: 0;
        top:0;
        content:"";
        height: 100%;
        background: var(--light_purple);
      }

    .full_text .sidebar_academy_content li{
      padding:10px;
      width: calc(100% - 20px);
      border-bottom: 1px solid #CCD4DD;
      float:left;
    }

    .full_text .sidebar_academy_content li:last-child{
      border: 0;
    }

    .single-academy .full_text .inner_container a.button{
      color: var(--white);
      margin-top: 20px;
      display: inline-block;
    }

    .single-academy .full_text .inner_container a{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .single-academy .full_text .inner_container a span {
        width: 70px;
        text-align: right;
        min-width: 70px;
        font-size: 15px;
        font-weight: 400;
        color: #677586;
    }


.continue_learning{
  margin-top: 64px;
  float:left;
  width: 100%;
}


.next_lessons_grid{
  display: flex;
  gap: 40px;
  margin-top: 24px;
}

  .single-academy .next_lessons_grid p{
       font-size: 16px;
      color: #677586;
      line-height: 150%;
  }

  .single-academy .next_lessons_grid h3{
    margin-bottom: 10px;
    color: #1D2632;
    font-size: 20px;
  }

  .single-academy .next_lessons_grid .small img{
    margin-bottom: 18px;
  }

  .single-academy .next_lessons_grid .small h3{
    font-size: 16px;
  }

  .single-academy .next_lessons_grid h4{
    font-size: 16px;
    margin-bottom: 0;
  }

  .next_lessons_grid h4:before{
    display: none;
  }

  .single-academy .full_text .inner_container .next_lessons_grid a.button{
    margin-bottom: 24px;
    margin-top: 0;
  }

  .next_lessons_grid .featured{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 30px;
  }

  .next_lessons_grid .small{
    width: 25%;
  }

  .single-academy .full_text .continue_learning .inner_container a.button{
    color: var(--light_purple);
  }
  .single-academy .full_text .continue_learning .inner_container a.button:hover{
    color: var(--white);
  }
  .single-academy .full_text .continue_learning .inner_container .featured_image img{
    display: block;
    max-height: 180px;
    width: auto;
  }

  .single-academy .full_text .continue_learning .inner_container .featured_image{
    box-shadow: 0px 0px 69.67px 0px #4762834D;
    -webkit-border-top-left-radius: 16px;
    -moz-border-radius-topleft: 16px;
    border-top-left-radius: 16px;
    overflow: hidden;
    float: right;
    min-width: 300px;
  }

  .single-academy .full_text .continue_learning .inner_container .next_lesson.featured{
    background: #F4F7FB;
    border-radius: 16px;
    padding-top:24px;
    padding-left:24px;
    overflow: hidden;
  }

  .single-academy .full_text .continue_learning .inner_container .next_lesson.featured a.button{
    color: var(--white);
  }

  .single-academy .academy.success_lesson .single_academy{
    display: table;
    text-align: center;
  }

  .single-academy .academy.success_lesson{
    margin-bottom: 0;
  }

  .single-academy .academy.success_lesson .single_academy{
    background-image: url("/wp-content/themes/steadybit/images/success_bg.png");
    background-repeat: no-repeat;
    padding-top: 120px;

  }

    .single-academy .full_text .inner_container a.button.red{
      color: var(--white);
      margin-top: 0;
    }

.single-post .wp-caption{
  width: auto!important;
}


.slidesx.white_bg .slidesx3 .inner_slider{
  background: #F4F7FB;
}

.slider.blue_bg{
      background: #F4F7FB;
}


.slider.slidesx{
  padding-top: 96px;
  padding-bottom: 96px;
  margin:0;
}
  
  .news.cards_auto .top_text p,
  .slider.slidesx .top_text p{
    font-size: 18px;
  }
  .slider.slidesx .col-12 {
      gap: 64px;
      display: flex;
      flex-wrap: wrap;
  }

  .slider.slidesx .inner_container{
    padding:0;
  }


.slidesx .slidesx3 img{
  height: 50px;
  max-width: 100%;
  margin-bottom: 24px;
}

  .slidesx .lSAction>a{
    top:45%;
  }

  .slidesx .lSAction>.lSPrev {
    left: -50px;
  }
  .slidesx .lSAction>.lSNext {
    right: -50px;
  }

  .slidesx .slidesx3 .inner_slider {
      text-align: left;
      padding:24px;
      border-radius: 16px;
      background: var(--white);
  }
  .slidesx.blue_bg .slidesx3 .inner_slider {
    border:2px solid #CCD4DD;
  }

  .slidesx3,
  .slidesx3 li{
    display: flex;
  }

  .slidesx .slidesx3 .slide_text{
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #677586;
    margin-bottom: 40px;
  }


.news.cards_auto.blue_bg{
  background: #F4F7FB;
}
.news.cards_auto{
  float:left;
  width: 100%;
  margin:0; 
  padding-top: 96px;
  padding-bottom: 96px;
}

.news.cards_auto .top_text{
  float:left;
  width: 100%;
}

  .news.cards_auto .inner_container .one_h img {
      max-height: 200px;
      border-radius: 0;
      width: 100%;
  } 

  .news.cards_auto .flex_it{
    gap: 16px;
  }

    .news.cards_auto .flex_it .one_h{
      border:1px solid #CCD4DD;
      background: var(--white);
      border-radius: 16px;
      overflow: hidden;
      padding-bottom: 50px;
      position: relative;
    }

      .news.cards_auto .flex_it .one_h .bottom_side{
        padding: 24px;
      }

        .news.cards_auto .flex_it .one_h .bottom_side h3{
          margin-top: 0;
          color:#5B48CA;
          font-size: 16px;
          margin-bottom: 5px;
        }

        .news.cards_auto .flex_it .one_h .bottom_side p{
          font-size: 16px;
          margin-bottom: 5px;
        }
        
        .news.cards_auto .flex_it .one_h .bottom_side p strong{
          color: #1D2632;
        }

        .news.cards_auto .flex_it .one_h .bottom_side .button_container{
          margin-top: 20px;
          position: absolute;
          bottom:0;
        }


@media only screen and (max-width: 1400px) {
    #masthead .menu_details .menu{
      gap: 20px;
    }

    #footer-menu{
      gap: 0;
    }

    .site-footer .inner_container{
      width: 1000px;
    }


    .dashboard .type_data .featured_properties .tour{
      max-width: calc(50% - 52px);
    }
}


@media only screen and (max-width: 1400px) {
  .pricing .inner_container{
    width: 90%;
  }

  .cards{
    max-width: 90%;
  }
}

@media only screen and (max-width: 1300px) {

  .academy .inner_container,
  .plans .inner_container,
  .comparison .inner_container,
  .comparison .inner_container,
  .library .inner_container,
  .hometop .inner_container,
  .slider .inner_container,
  .tabs .inner_container,
  .pricing .inner_container,
  .cta.triple_cta .inner_container,
  .case_study .inner_container,
  .case_studies .inner_container{
    width: 90%;
  }




  .pricing .pricing_top .item .button{
    width: calc(100% - 24px);
    padding:10px;
    font-size: 13px;
    white-space: nowrap;
  }

  #masthead .menu_details a{
    font-size: 14px;
  }

}
 
@media only screen and (max-width: 1200px) {
  h4{
    font-size: 18px; 
    line-height: 180%;
  }

  p{    
      font-size: 15px;
      line-height: 180%;
  }

  #masthead .menu_details a{
    font-size: 16px;
  }

  #masthead .container{
    width: 100%;
  }

  .academy .inner_container,
  .faq .inner_container,
  .pricing_form .inner_container,
  .single-post .full_text .inner_container,
  .blog_posts .inner_container,
  .talks .inner_container,
  .single_post .inner_container,
  .news .inner_container,
  .events_conferences .inner_container,
  .case_studies.webinars .inner_container,
  .case_studies .inner_container,
  .small_top .inner_container,
  .site-footer .inner_container, 
  .cta .inner_container,
  .engineering_journey .inner_container,
  .left_right .inner_container,
  .full_text .inner_container{
    width: 90%;
  }
 
  .cta.triple_cta .inner_container{
    flex-wrap: wrap;
  }

  .cta.triple_cta .inner_container .one_h:last-child{
    width: 100%;
  }

  .cta.triple_cta .inner_container .one_h:last-child .box {
    text-align: left;
    display: flex;
    align-items: center;
  } 

  .cta.triple_cta .inner_container .one_h:last-child .box img{
    max-width: 300px;
  }

  .cta.triple_cta .inner_container .one_h:last-child .box a+a{
    margin-left: 20px;
  }

  .cta.triple_cta .inner_container .one_h:last-child .box .button_container {
      display: flex;
      justify-content: start;
  }


  .cta.triple_cta .inner_container .one_h{
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .hide_distance #masthead .menu_container{
    height: calc(100vh - 120px);
  }

  #masthead .menu_container {
      display: none;
      position: absolute;
      left: 0;
      top: 100px;
      width: calc(94% - 80px);
      margin: 0 2%;
      height: calc(100vh - 220px);
      padding-left: 40px;
      padding-right: 40px;
      overflow: auto;
  }

  #masthead .menu_details .mobile_data{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
  }

  #masthead .menu_details ul li{
    padding-top: 0;
    padding-bottom: 0;
  }

  #masthead .menu_container::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
  }

  #masthead .menu_container::-webkit-scrollbar{
    width: 5px;
    border-radius: 10px;
    background-color: #F5F5F5;
  }

  #masthead .menu_container::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #D62929;
  }

    #masthead .menu_details .sub-menu{
        position: relative;
        display: block;
        width: calc(100% - 40px);
        opacity: 1;
        background: none;
        box-shadow: none;
        padding-bottom: 0;
    }

      #masthead .menu_details .sub-menu a .extra .inner_txt .small,
      #masthead .menu_details .sub-menu a{
        color: var(--white);
      }

      #masthead .menu_details .sub-menu a:hover .extra .inner_txt .small,
      #masthead .menu_details .sub-menu a:hover{
        background: none;
        color: var(--white);
      }

      #masthead .menu_details ul li.menu-item-has-children{
        padding: 0;
      }

      #masthead .menu_details ul li.menu-item-has-children .sub-menu,
      #masthead .menu_details ul li.menu-item-has-children:hover .sub-menu{
        gap: 0;
      }

      #masthead .menu_details ul li.menu-item-has-children:after,
      #masthead .menu_details ul li.menu-item-has-children:hover:after{
        display: none;
      } 

      #masthead .menu_details .sub-menu a .extra img{
        filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(7473%) hue-rotate(77deg) brightness(109%) contrast(96%);
      }

    #masthead .menu_details ul li{
      width: 100%;
    }

  #masthead .menu_details .menu{
    gap: 10px;
    flex-wrap: wrap;
  }

  ul#mobile_menu{
    top:50px;
    display: block;
  }

  #masthead .menu_details ul#mobile_menu li{
    padding:0;
  }

  #masthead .menu_details{
    height: 100px;
    display: block;
  }

    #masthead #logo{
      display: flex;
      align-items: center;
      height: 100px;
      float:left;
    }

  #masthead .menu_details{
    transition: all 0.3s;
    background: transparent;
  }

  #masthead.menu_open .menu_details{
   /* height: calc(100vh - 50px); */
    height: calc(100vh - 0px);
    background: linear-gradient(58deg, rgb(17, 6, 87) 0%, rgb(28, 11, 125) 100%);
  }

  .small_top.has_solutions .inner_container .solutions .solution:before{
    display: none;
  }

  .case_study .top_items .item:after{
    right: -2vw;
  }

  .case_study .top_items{
    flex-wrap: wrap;
  }

  .case_study .top_items .item{
    width: 33.3%;
    margin-bottom: 20px;
  }

  .case_study .top_items .item:nth-child(2),
  .case_study .top_items .item:nth-child(1){
    width: 50%;
  }

  .case_study .top_items .item:nth-child(2):after{
    display: none;
  }

  .talks .items_container .item{
        width: calc(33.3% - 24px);
  }

  .single-talks-and-chats iframe{
    height: 55vw;
  }

  .contact .inner_container{
    padding: 20px;
    width: calc(100% - 40px);
  }


  .pricing_form .inner_container{
    flex-wrap: wrap;
    padding-top: 0;
  }

  .pricing_form .inner_container .price_form,
  .pricing_form .inner_container .top_text{
    width: 100%;
  }

  .pricing_form{
    margin-top: 20px;
  }

  .pricing .pricing_top .item h3{
    font-size: 16px;
  }


  .site-footer .inner_container{
    flex-wrap: wrap;
  }

  .hometop .inner_container{
    display: flex;
    flex-wrap: wrap;
  }

  .site-footer .inner_container .text_container{
    width: 100%;
    min-width: 100%;
    padding-bottom: 30px;
  }
 
  .site-footer .fl-it{
    width: 50%;
    float: left;
  }

  .site-footer .newsletter_container{
    position: relative;
    top:0;

  }

  .site-footer .newsletter_container h5{
    margin-top: 0;
  }


  .site-footer .inner_container{
    gap: 20px;
    padding-bottom: 30px;
  }

   .single-post .full_text iframe{
    width: 100%;
    height: 450px;
  }

}



@media only screen and (max-width: 1000px) {



  .hometop .inner_container .right_image{
    padding-top: 0;
  }

  .hometop .inner_container .right_image,
  .hometop .inner_container .left_text{
    width: 100%;
  }

  .case_study .top_items .item:after {
    right: -1vw;
  }

    #footer-menu {
        flex-wrap: wrap;
        gap: 0;
        justify-content: center;
    }

   .iframe_container{
    min-height: 33vw;
  }

    .iframe_container{
    width: 90%;
  }
  .iframe_container iframe,
  .hometop .iframe_container_bottom .overlay{
    width: 100%;
    height: 60vw;
  }

  
    #footer-menu li {
        flex-basis: 33.3%;
    }

    .cta .inner_container{
      flex-wrap: wrap;
    }

    .left_right .inner_container .text_side,
    .left_right .inner_container .img_side,
    .cta .inner_container .one_h{
      width: 100%;
    }

    .left_right .inner_container .img_side{
      width: 50%;
      margin: 0 auto;
    }

    .left_right .inner_container{
      flex-wrap: wrap;
    }

    .engineering_journey .centered_text{
      background: none;
    }

    .engineering_journey .centered_text{
      padding-top: 50px;
      padding-bottom: 50px;
      height: auto;
    }

    .engineering_journey .centered_text span {
        color: var(--light_purple);
        font-family: var(--Binjay);
        font-size: 30px;
        width: 80%;
        top: 0;
        position: relative;
        text-align: center;
        display: block;
        left: 0;
        transform: rotate(-4deg);
        font-weight: 600;
        margin: 0 auto;
    }

  .small_top.align_bottom .inner_container{
    flex-wrap: wrap;
    justify-content: center;
  }


  .small_top .inner_container .text_side, .small_top .inner_container .img_container{
    width: 90%;
  }

  .cta.triple_cta .inner_container .one_h:last-child .box img{
    max-width: 200px;
  }

  .case_study .main_content{
    flex-wrap: wrap;
  }

  .case_study .main_content .side,
  .case_study .main_content .main_text{
    width: 100%;
  }

  .case_study .main_content .side {
      display: none;
      gap: 30px;
      align-items: center;
  }

  .cta.webinar .inner_container .one_h{
    width: 50%;
  }

  .left_right.iframe .inner_container .text{
    width: 100%;
  }

  .talks{
    margin-top: 0;
  }

  .talks .items_container .item {
    width: calc(50% - 24px);
  }

  .blog_posts .one_h a img{
    min-width: 300px;
  }

  .team_members{
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }

  .contact .boxes .left_image img{
    max-width: 300px;
  }

  .faq .faq_items .faq_item{
    min-width: calc(50% - 32px);
    max-width: calc(50% - 32px);
  }

  .faq.faq_simple .faq_items .faq_item{
    min-width: calc(100%);
    max-width: calc(100%);
  }

  .pricing .mobile_pricing{
    display: block;
  }

  .pricing .pricing_bottom{
    display: none;
  }

  .pricing .pricing_top .item:first-child{
      display: none;
  }

  .desktop_pricing{
    width: 100%;
  }

  .pricing .pricing_top .item{
    min-width: calc(25% - 26px);
    margin-bottom: 30px;
    padding:10px;
  }

  .pricing .pricing_top {
      gap: 5px;
  }

  .pricing .pricing_top .item .button {
    width: calc(100% - 4px);
    padding: 10px 0px;
    font-size: 13px;
    white-space: nowrap;
  }

  #main_menu{
    margin-bottom: 20px;
  }


  .cookie_consent{
    width: calc(90% - 64px);
    left: 5%;
  }


  .tabs .top_tabs h5{
    font-size: 16px;
  }

  .tabs .bottom_tabs .bottom_tab{
    flex-wrap: wrap;
  }

  .tabs .bottom_tabs .bottom_tab .left_side {
      min-width: 50%;
      width: 50%;
      margin: 0 auto;
  }

  .left_right.has_form .inner_container{
      flex-direction: column-reverse;
  }

  .left_right.has_form .inner_container .img_side{
    width: 100%;
  }

  .blog .blog_posts .inner_container .one_h{
    flex-wrap: wrap;
  }

  .blog_posts .one_h a img {
      min-width: 300px;
      width: 100%;
      margin-bottom: 20px;
  }

  .single-post .full_text h1{
    font-size: 30px;
  }

  .left_right.blue_bg{
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .library .left_items{
    width: 50%;
  }

  .library .right_items {
      float: right;
      min-width: calc(50% - 30px);
      min-height: 450px;
      margin-left: 30px;
      position: relative;
      right: 0;
      top: 0;
      height: 100%;
      display: flex;
      align-items: center;
  }

  .library .right_items .r_item iframe {
    height: 250px;
    border-radius: 16px;
  }

  .site-footer .newsletter_container{
    width: 50%; 
  }

  .comparison .row_item .col_item{
    padding:12px;
  }


  .plans .plan{
    width: 350px;
  }

  .plans .plan:first-child {
      margin-right: -10px;
  }

  .plans .plan:first-child .top_section {
      width: 280px;
  }

  .full_text .main_academy_content{
    width: 100%;
  }

  .full_text .sidebar_academy_content{
    position: relative;
    width: calc(100% - 48px);
    max-width: 100%;
    top: 0;
    margin-top: 24px;
  }


  .academy .single_academy,
  .academy .academy_lessons{
    flex-wrap: wrap;
  }
  .academy .single_academy{
    gap: 24px;
  }

   .academy .right_side{
    width: 100%;
    margin-left: 0;
    min-width: 100%;
  }

  .blog_posts .inner_container .one_h .data {
      min-width: 100%; 
      max-width: 100%; 
  }


  .news.cards_auto .flex_it{
    flex-wrap: wrap;
  }

  .news.cards_auto .flex_it .one_h{
    width: calc(50% - 10px);
  }

  .tabs.new_tabs .bottom_tabs .bottom_tab .left_side{
    width: calc(50% - 64px);
  }

    .slidesx .lSAction>.lSNext,
  .slidesx .lSAction>.lSPrev{
    display: none;
  }


  .slider.slidesx .inner_container.smaller{
    width: 95%;
    margin-left: 5%;
  }
}


@media only screen and (max-width: 768px) {
  .slider.slidesx  .inner_container,
  .news.cards_auto,
  .tabs.new_tabs,
  .faq.faq_simple{
    padding-top: 32px;
    padding-bottom: 32px;
  }



  /*.left_right h2,
  .full_text .inner_container h2,
  .single-post .full_text h2,
  .full_text h2,
  .left_right h2,{
      font-size: 24px;
      line-height: 130%;
  }*/

  .tabs.new_tabs .bottom_tabs .bottom_tab .left_side{
    width: calc(100% - 64px);
  }

  .comparison .hide_mobile{
    display: none;
  }

  .comparison .show_mobile{
    display: block;
  }

  .single-post .full_text iframe{
    width: 100%;
    height: 50vw;
  }

  .small_top .inner_container h2{
    font-size: 28px;
  }

  .tabs .bottom_tabs .bottom_tab h3,
  .small_top .inner_container h3{
      font-size: 20px;
      line-height: 150%;
  }

  h4{
    font-size: 16px; 
    line-height: 180%;
  }

  .tabs .bottom_tabs .bottom_tab li,
  .left_right li,
  .engineering_journey .inner_container p,
  .engineering_journey.newsletter .inner_container p,
  p{    
      font-size: 14px;
      line-height: 140%;
  }

  .cta .inner_container,
  .engineering_journey .boxes_container .box{
    width: 100%;
  }

  .site-footer .inner_container, 
  .engineering_journey .inner_container, 
  .left_right .inner_container, 
  .full_text .inner_container {
    width: 90%;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .left_right.blue_bg{
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .full_text{
    margin-top: 0;
  }

  .site-footer .bottom_container{
    flex-wrap: wrap;
  }

    #footer-menu {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: start;
    }
  
    #footer-menu li {
        flex-basis: 100%;
    }

    .left_right .inner_container .img_side{
      width: 100%;
      margin: 0 auto;
    }

    .engineering_journey .boxes_container{
      flex-wrap: wrap;
    }


    .top_bar p{
      font-size: 13px;
      line-height: 110%;
    }
    .top_bar a {
      display: flex;
      padding-left: 10px;
      padding-right: 10px;
      align-items: center;
    }

    .cta.white .inner_container .button_container{
      flex-wrap: wrap;
    }

    .button+.button{
      margin-left: 0;
      margin-top: 20px;
    }

    .box_with_icons .icons_container img{
      max-width: 100%;
    }

    .box_with_icons .icons_container{
      width: 80%;
    }

    .box_with_icons .purple_box{
      width: calc(100% - 60px);
      padding: 30px;
    }

    .site-footer .bottom_container {
      flex-wrap: wrap;
      height: auto;
      justify-content: center;
      text-align: center;
    }

    .site-footer .bottom_container .copyright{
      margin-bottom: 20px;
    }

    .site-footer .inner_container{
      padding-bottom: 20px;
      padding-top: 40px;
      gap: 40px;
    }


  .hometop .top_text{
    min-height: 600px;
  }

    .hometop .top_text .inner_text_data{
      width: 90%;
    }


  .small_top.has_solutions .inner_container .solutions{
      flex-wrap: wrap;
      width: 90%;
      margin: 0 auto;
  }

  .small_top.has_solutions .inner_container .solutions .solution{
    width: 100%;
    margin-bottom: 30px;
  }

  .image_with_text_center .inner_container .img_bg.img_double,
  .image_with_text_center .inner_container .img_bg.img_single,
  .image_with_text_center .inner_container .img_bg.img_single_r{
    background: none;
  }

  .image_with_text_center .inner_container{
    width: 90%;
  }

  .image_with_text_center .inner_container .img_bg.img_double span,
  .image_with_text_center .inner_container .img_bg span{
    width: 80%;
    top:0;
    left: 0;
  }

    .image_with_text_center .inner_container .img_bg.img_double,
    .image_with_text_center .inner_container .img_bg.img_single,
    .image_with_text_center .inner_container .img_bg.img_single_r {
        height: auto;
        background: none;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 50px;
        padding-bottom: 50px;
    }

  .left_right.switch .inner_container,
  .left_right .inner_container {
      flex-direction: column-reverse;
  }

  .left_right img{
    margin: 0 auto;
    max-width: 100%;
    display: table;
  }

  .case_studies{
    margin-top: 0;
  }

  .case_studies .inner_container{
    flex-wrap: wrap;
  }

    .case_studies .item{
      width: calc(100% - 92px);
    }

  .case_study .top_items{
    padding: 20px;
  }

  .case_study .top_items p{
    font-size: 13px;
  }

  .case_study .top_items p:first-child{
    font-size: 30px;
  }


  .small_top .inner_container{
    flex-wrap: wrap;
  }
    .small_top .inner_container .text_side, .small_top .inner_container .img_container,
    .single-case-studies .small_top .inner_container .button_container,
    .small_top .inner_container .text_side{
      text-align: center;
      width: 100%;
    }

  .cta.triple_cta .inner_container .one_h:last-child .box img{
    max-width: 150px;
  }

      .case_study .main_content .side {
        display: none;
        gap: 30px;
        align-items: center;
        flex-wrap: wrap;
    }
  .case_studies.webinars .item {
      padding: 70px 46px;
  }

  .cta.webinar .inner_container .one_h:last-child,
  .cta.webinar .inner_container .one_h {
    width: 100%;
  }

  .cta .inner_container{
    padding-top: 0;
    padding-bottom: 30px;
  }

  .events_conferences .items_container{
    flex-wrap: wrap;
  }

  .events_conferences .items_container .right_image {
      max-width: 50%;
      margin: 0 auto;
  }

  .contact .boxes,
  .blog_posts .one_h a,
  .news .inner_container{
    flex-wrap: wrap;
  }
  
  .blog_posts .one_h a img{
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .team_members{
    grid-template-columns: repeat(1, minmax(50px, 1fr));
  }

  .tabs .inner_container,
  .contact .boxes .right_form, .contact .boxes .left_image,
  .advisors .advisor .team,
  .single-post .full_text .inner_container,
  .blog_posts .inner_container,
  .talks .inner_container,
  .single_post .inner_container,
  .news .inner_container,
  .events_conferences .inner_container,
  .case_studies.webinars .inner_container,
  .case_studies .inner_container,
  .small_top .inner_container,
  .cta .inner_container,
  .engineering_journey .inner_container,
  .full_text .inner_container,
  .talks .items_container .item,
  .news .inner_container .one_h,
  .events_conferences .items_container .items,
  .case_studies.webinars .inner_container,
  .case_studies .inner_container,
  .cta.triple_cta .inner_container, .case_study .inner_container, .case_studies .inner_container{
    width: 100%;
  }

  .cta.white .inner_container .one_h .has_icon{
    min-width: 60%;
    justify-content: center;
  }

  .price_form .hs-fieldtype-number, .price_form .hs-fieldtype-text{
    width: 100%;
  }

  .faq .faq_items .faq_item{
    min-width: 100%;
    max-width: 100%;
  }

  .newsletter .hs_submit {
      position: relative;
      top: 0;
      margin-top: 20px;
      float: left;
      width: 100%;
  }

  .newsletter .hbspt-form{
    width: 90%;
  }

  .newsletter input[type="email"]{
    width: calc(100% - 32px);
  }

  .newsletter .hbspt-form input[type="submit"]{
    margin:0 auto;
    display: table;
  }

  .spacing{
    padding:0!important;
  }

  .small_top .inner_container .text_side.full_width {
      width: 90%;
      margin: 0 auto;
  }

  .faq .inner_container,
  .cta.webinar .inner_container .one_h:last-child, .cta.webinar .inner_container .one_h{
    padding: 15px;
  }

  .cta .inner_container{
    gap: 0;
  }

  .pricing .inner_container,
  .talks .inner_container,
  .single_post .inner_container,
  .news .inner_container,
  .events_conferences .inner_container,
  .case_studies .inner_container,
  .cta .inner_container,
  .left_right .inner_container,
  .full_text .inner_container,
  .left_right,
  .full_text{
    padding:0;
  }

  .pricing,
  .talks,
  .newsletter,
  .cta,
  .small_top,
  .hometop,
  .box_with_icons,
  .left_right,
  .full_text{
    margin-bottom: 30px;
  }

  .academy .inner_container,
  .engineering_journey,
  .contact,
  .blog_posts,
  .box_with_icons+.cta,
  .faq,
  .single_post,
  .news,
  .events_conferences ,
  .case_studies .inner_container{
    margin-bottom: 30px;
    margin-top: 0;
  }

  .site-footer{
    margin-bottom: 0px;
    margin-top: 0;
  }

  .pricing_notes,
  .cta .inner_container .one_h+.one_h{
    margin-top: 30px;
  }


  .engineering_journey .centered_text,
  .left_right.bg_purple .inner_container,
  .left_right.bg_blue .inner_container{
    padding:30px;
    width: calc(100% - 60px);
  }

  .academy .inner_container,
  .engineering_journey .centered_text,
  .engineering_journey .inner_container{
    padding-left:15px;
    padding-right:15px;
    width: calc(100% - 30px);
  }

  .blog_posts .one_h a,
  .talks .items_container,
  .news .inner_container,
  .case_studies .inner_container,
  .engineering_journey .boxes_container{
    gap: 30px;
  }

  .blog_posts .inner_container .one_h,
  .events_conferences .items_container .items .item:last-child,
  .events_conferences p{
    margin-bottom: 0;
  }

  .pricing .inner_container,
  .left_right.iframe .inner_container{
    width: 100%;
  }

  .left_right .inner_container{
    width: 90%;
  }

  .hometop .iframe_container_bottom .overlay .overlay_blur {
      filter: none;
      background-size: cover !important;
      overflow: hidden;
      position: relative; 
  }

  .hometop .iframe_container_bottom .overlay .button{
    display: none;
  }

  .cookie_consent .buttons_container{
    flex-wrap: wrap;
  }

  .cookie_consent .buttons_container .purple{
    margin-top: 5px;
    margin-left: 0;
  }

  .cookie_consent .cookie_list{
    max-height: 200px;
  }

  .cookie_consent .cookie_list .item .single_row span{
    font-size: 14px;
  }

  .hometop .top_text .inner_text_data h3{
    text-align: center;
  }
  .error404 .img_1 {
      position: absolute;
      left: 0;
      top: 20%;
      width: 40vw;
      height: 40vw;
      z-index: 1;
  }
  .error404 .img_2 {
      width: 30vw;
      height: 40vw;
      z-index: 1;
  }

  .tabs .top_tabs h5{
    font-size: 16px;
  }

  .tabs .bottom_tabs .bottom_tab{
    flex-wrap: wrap;
  }

  .tabs .bottom_tabs .bottom_tab .left_side {
      min-width: 50%;
      width: 50%;
      margin: 0 auto;
  }

  .tabs .top_tabs .tab_top{
    padding-left: 5px;
    padding-right: 5px;
  }

  .tabs .top_tabs h5 {
    font-size: 14px;
  }

  .tabs .bottom_tabs .bottom_tab .left_side {
    min-width: 90%;
    width: 90%;
    margin: 0 auto;
  }

  .tabs .inner_container{
    padding-top: 0;
  }

  .tabs .top_text h2{
    margin-bottom: 10px;
  }

  .back_blog a{
    padding-left: 15px;
    margin-bottom: 0;
  }


    .mobile_image{
      display: block;
    }

    .desktop_image{
      display: none;
    }

    .hometop .right_image .open_popup{
      display: none;
    }


    .boxes_with_icons{
      flex-wrap: wrap;
      gap: 0;
    }


    .boxes_with_icons .box_w_icon{
      width: 100%;
      padding-bottom: 100px;
    }

    .boxes_with_icons .box_w_icon:after {
        position: absolute;
        right: calc(50% - 40px);
        top: calc(100% - 100px);
        content: "";
        width: 100px;
        height: 100px;
        background-size: contain;
        transform: rotate(84deg);
    }

    .boxes_with_icons .box_w_icon:last-child{
      padding-bottom: 30px;
    }

    .cards .card__inner .left_image,
    .cards .card__inner .right_text{
      width: 100%;
    }

    .cards .card__inner{
      flex-wrap: wrap;
      flex-flow: column-reverse;
    }

    .cards .card__inner .right_text .inner_text{
      max-width: 100%;
      padding-top: 40px;
    }

    .card{
      padding-top: 0!important;
    }

    .card__inner{
      width: 90%;
      padding-left:5%;
      padding-right:5%;
    }

    .cards{
      max-width: 100%;
      padding-bottom: 100px;
    }


    .library{
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .library .left_items{
        width: 100%;
      }

      .library .right_items {
          float: right;
          min-width: 100%;
          min-height: 60vw;
          margin-left: 0px;
          position: relative;
          right: 0;
          top: 0;
          height: 100%;
          display: flex;
          align-items: center;
      }

      .library .right_items .r_item iframe {
        height: 250px;
        border-radius: 16px;
    }

    .library .items{
      flex-wrap: wrap;
    }

    .library .right_items .r_item iframe{
      height: 50vw;
    }

    .tabs .bottom_tabs .img_container img{
      min-width: 30px;
    }

    .tabs .inner_container{
      padding-bottom: 10px;
    }

    .slider .slide_text{
      font-size: 18px;
    }

    .slider{
      margin-bottom: 32px;
      margin-top: 32px;
    }

    .calendly-inline-widget{
      height: 400px!important;
    }

    .site-footer .inner_container{
      flex-wrap: wrap;
    }

    .site-footer .newsletter_container {
        margin-bottom: 32px;
        float: left;
        position: absolute;
        width: 100%;
        margin-top: 32px;
        bottom: 0;
    }

    .site-footer .under_logo_images{
      justify-content: center;
    }
    .site-footer .fl-it {
        width: 100%;
        text-align: center;
    }

    .site-footer .newsletter_container{
      position: relative;
    }

    h2,{
        font-size: 32px;
        line-height: 130%;
    }

    h3{
        font-size: 32px;
        line-height: 130%;
    }



  .cta .inner_container{
    width: 90%;
  }

  .tabs .col-12,
  .full_text .col-12{
    width: 90%;
    margin: 0 auto;    
    display: table;
    float: none;
  }

  .plans,
  .comparison{
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .comparison .text{
    padding-bottom: 0;
  }

  .plans{
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 32px;
  }

  .faq{
    margin-top: 32px;
  }
  
  .faq .inner_container{
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .plans .plan,
  .plans .plan:first-child{
    width: 100%;
    margin-right: 0;
  }

  .plans .plan:first-child .top_section{
    width: calc(100% - 64px);
  }

  .single-academy .full_text .continue_learning .inner_container .next_lesson.featured{
    flex-wrap: wrap;
  }

  .single-academy .full_text .continue_learning .inner_container .featured_image{
    width: 90%;
  }

  .single-academy .full_text .continue_learning .inner_container .featured_image img{
    width: 100%;
    max-height: max-content;
    float: right;
  }


  .academy .single_academy{
    flex-wrap: wrap;
    gap: 40px;
  }

  .academy .right_side{
    width: 100%;
    margin-left: 0;
    min-width: 100%;
  }

  .academy{
    margin-bottom: 48px;
  }


  .news.cards_auto .flex_it .one_h{
    width: calc(100%);
  }

  .slider.slidesx .col-12{
    gap: 0;
  }

  .slider.slidesx .inner_container{
    padding:0;
  }
} 



@media only screen and (max-width: 600px) {
    .cta.triple_cta .inner_container .one_h .box .absolute_image {
        position: relative;
        height: auto;
        width: 70%;
        margin: 0 auto;
        display: table;
    }

    .pricing .pricing_top .item .button{
      font-size: 12px;
    }

    .cta.triple_cta .inner_container .one_h .box .box_text{
      max-width: 100%;
    }

    .cta.triple_cta .inner_container .one_h .box{
      display: flex;
      flex-wrap: wrap-reverse;
    }

    .cta.triple_cta .inner_container .one_h:last-child .box{
      display: flex;
      flex-wrap: wrap;
    }

    .cta.triple_cta .inner_container .one_h:last-child .box img{
      margin-bottom: 20px;
    }

    .pricing .pricing_top .item {
      min-width: calc(50% - 26px);
      margin-bottom: 30px;
      padding: 10px;
    }

    .pricing .pricing_top{
      flex-wrap: wrap;
      margin-bottom: 30px;
      gap: 10px;
    }

    .pricing .pricing_top .item{
      margin-bottom: 0;
      min-width: calc(50% - 48px);
      padding: 20px;
    }

     .iframe_container {
        min-height: calc(26vw);
    }

    .hometop .left_text .button_container,
    .inner_text_data h1,
    .inner_text_data h2,
    .inner_text_data p,
    .inner_text_data{
      text-align: center!important;
    }

 

}

@media only screen and (max-width: 600px) {
  .container{
    width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  #masthead .menu_details .sub-menu{
    padding-left: 0;
    padding-right: 0;
    min-width: 250px;
  }

  .tabs.new_tabs .top_tabs .tab_top h5{
    display: block;
  }

  .left_right img{
    margin: 0 auto;
    max-width: 90%;
    display: table;
  }

  .events_conferences .items_container .right_image {
    max-width: 80%;
    margin: 0 auto;
  }

  .image_with_text_center .inner_container .img_bg.img_double span, .image_with_text_center .inner_container .img_bg span,
  .engineering_journey .centered_text,
  .engineering_journey .centered_text span{
    width: 100%;
  }

  .engineering_journey .centered_text,
  .engineering_journey .inner_container{
    padding-left:15px;
    padding-right:15px;
    width: calc(100% - 30px);
  }

   .iframe_container {
        min-height: calc(16vw);
    }

  .tabs .top_tabs h5 {
    display: none;
  }

  .tabs .bottom_tabs .img_container img, .tabs .top_tabs .img_container img {
      width: 40px;
      height: 40px;
      border-radius: 100%;
  }


}

@media only screen and (max-width: 400px) {
   .iframe_container {
        min-height: calc(8vw);
    }
}