/********* Custom Style Edits ***********/
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300..900&display=swap');

:root{
  /* --hex_font_family:'PT Sans', sans-serif; */
  /* --hex_font_family_secondary:'PT Serif', serif; */
  --hex_font_family:'Mulish', sans-serif;
  --hex_font_family_secondary:'Mulish', sans-serif;
  --hex_blue_color: #0449D1;
  --hex_btn_hover: #0a54e4;
  --hex_link_color_hover:#1c65f6;
  --hex_link_color: #3f46ae;
  --hex_mild_blue: #323648;
  --hex_link_hover:#0449D1;
  --hex_home_common_text_color: #556575;
  --hex_home_common_title_color: #2f3f50;
  --hex_text_secondary: #333333;
  --hex_text_common_grey: #4f6173;
  --hex_blue_bg: #f5faff;
  --hex_post_titles: #123B67;
  --hex_fade_black: #020a19;
  --hex_error_red: #e16b6b;
  --hex_success_green: #a2f79d;
  --hex_arrow_black: #364352;
  --hex_light_border:  #eaeaea;
  --hex_thin_border: #ecedf3;
  --hex_dark_link_text_color:#191919;
  --hex_link_hover_blue:#0549D1;
  --hex_text_grey:#313F4E;
  --hex-light-grey-bg: #5565750f;
  --hex-white-bg:#fff;
  --hex-offwhite-bg:#fafafc;
  --hex-offblue-hover:#2553DC;
  --hex_text_black:#191919;
  --hex_text_white:#fff;
  --hex_copyarea_background: #F6F6F6;
  --hex_copy_button_background: #DBDBDB;
  --hex_copy_bordercolor:#EEEEEE;
  --hex_full_black:#000;
  --hex_border_blue:#044067;
  --hex_bg_blue:#E9F6FF;
  --hex_copy-code-border:#779bb3;
  --hex_copy-btn-hover-clr: #0549D11A;
  --hex_copy-area-hover-clr: rgba(5, 73, 209, 0.1);
}
body{
  font-family: var(--hex_font_family) !important;
  overflow: unset;
  overflow-x: hidden;
}
body.scroll-stop{
  overflow: hidden;
}
/* ul li, ol li{
  list-style: none;
} */
.container{
    width: 88%!important;
    margin-left: auto!important;
    margin-right: auto !important;
    max-width: 1320px;
}
@media (max-width: 1100px) and (min-width: 991px){
  .container{width:94% !important}
}
@media (max-width: 991px){
  .container{width:94% !important}
}
.container {
    padding: 0px 0px !important;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}
.row:before, .row:after{
  display: inline-block;
}
.loader {
  width: 50px;
  height: 50px;
  position: relative;
  margin: 0 auto 30px;
  clear: both;
  top:150px;
}
.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--hex_blue_color);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.wp_category_loader {
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 1px;
  background-color: #fff;
  display: block;
  padding:8px 0;
}
.wp_category_loader ul {
  margin: 0;
  padding: 0;
  max-width: 700px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.wp_category_loader ul li {
  content: "";
  height: 36px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 1;
  margin: 0 25px;
  display: inherit;
  position: relative;
  background: #fff;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: loadercard;
  background: #f6f7f8;
  background: linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);
  background-size: 800px 104px;
  opacity: .4;
}
@-webkit-keyframes loadercard{0%{background-position:-468px 0}100%{background-position:468px 0}}
@keyframes loadercard{0%{background-position:-468px 0}100%{background-position:468px 0}}

.other_category_filter::-webkit-scrollbar {
  width:4px;
}
.other_category_filter::-webkit-scrollbar-track {
  -webkit-box-shadow: 0 0 0px rgba(0,0,0,0.3);
}
.other_category_filter::-webkit-scrollbar-thumb {
background-color: #9ba4ad;
outline: 1px solid #9ba4ad;
}

/*=============Icons and Classes===============*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?s80187');
  src:  url('fonts/icomoon.eot?s80187#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?s80187') format('truetype'),
    url('fonts/icomoon.woff?s80187') format('woff'),
    url('fonts/icomoon.svg?s80187#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-next:before {
  content: "\e90a";
}
.icon-close:before {
  content: "\e916";
}
.icon-perm_identity-24px:before {
  content: "\e900";
}
.icon-clock-line:before {
  content: "\e913";
}
.icon-reply:before {
  content: "\e914";
}
.icon-search:before {
  content: "\e90d";
}
.icon-calendar:before {
  content: "\e90b";
}
.icon-user:before {
  content: "\e90c";
}
.icon-clock:before {
  content: "\e915";
}
.icon-instagram-fill:before {
  content: "\e909";
}
.icon-whatsapp-fill:before {
  content: "\e905";
}
.icon-linkedin-fill:before {
  content: "\e906";
}
.icon-twitter-fill:before {
  content: "\e907";
}
.icon-facebook-fill:before {
  content: "\e908";
}
.icon-whatsapp-line:before {
  content: "\e912";
}
.icon-linkedin-line:before {
  content: "\e911";
}
.icon-instagram-line:before {
  content: "\e910";
}
.icon-twitter-line:before {
  content: "\e90f";
}
.icon-facebook-line:before {
  content: "\e90e";
}

/* body.site-overlay{
position: relative;
}
body.site-overlay:after{
  content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.45);
    z-index: 70;
} */

/* 1. Logobar Logo
   =========================== */
   .logobar-logo {
    position: relative;
    z-index: 10;
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100px;
}
.logobar-logo .logo {
  display: inline-block;
  line-height: 1;
  margin-top: 3px;
}
.header-bottom:before {
    /* content: ""; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    filter: alpha(opacity=0);
}
/* 2. Logobar Actions
   ==================== */
.logobar-actions {
    float: left;
    position: relative;
    z-index: 10;
    margin-right:15px;
}
.navbar-toggle {
    background-color: transparent;
    border: none;
    display: block;
    margin: 21px 0px 21px 0;
    padding: 0;
    float: left;
    border-radius: 0px;
    position: relative;
    outline: none !important; 
}
.navbar-toggle .icon-bar {
    background-color: var(--hex_home_common_title_color);
    height: 2px;
    width: 25px;
    margin: 0;
    border-radius: 0;
    display:block;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
.res_partner_login.mobile_btn{
    display:none;
}
@media (max-width: 480px) {
    .logobar-logo {
        min-height: 80px;
        max-width: 150px;
    }
    .logobar-action-upload {
        float: none;
        margin: 0;
        padding: 0;
    }
    .logobar-action-upload .upload-button {
        display: block;
        width: 100%;
        border-radius: 0;
    }
    .user-button,
    .welcome-btn {
        padding: 20px 0;
    }
}

/* 3. Navbar Menu
   ===================== */
.main-nav {
    position: relative;
    background-color: transparent;
}
.main-nav .menu {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    margin-left: 40px;
}
.main-nav .menu li {
    position: relative;
}
.main-nav .menu > li {
    display: inline-block;
    margin: 0 15px;
}
.main-nav .menu li a {
    color: #424242;
    position: relative;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
}
.main-nav .menu li a:hover {
    color: var(--hex_blue_color);
}
.main-nav .menu > li > a {
    line-height: 1.1;
    padding: 10px 30px;
    padding: 43px 0;
}

/* ## DROPDOWN / SUBMENU */
.main-nav .menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.main-nav .menu ul li a {
    padding: 12px 30px;
    line-height: 1.2;
}
.main-nav .menu ul.sub-menu li > a{
  color:var(--hex_home_common_title_color) !important;
  padding: 10px 11px !important;
}
.main-nav .menu ul.sub-menu li > a:hover{
  color:#000 !important;
}
.bpx_hide_social_box .blog_media_sharing .heateorSssSharingRound .heateorSssTCBackground{
  position: relative;
  left: -5px;
}
.heateorSssTotalShareCount{
  font-size: 20px !important;
  padding-top:5px !important;
}
.heateorSssTotalShareText{
  font-size: 12px !important;
}
.hts-tabs .hts-tabs__nav::-webkit-scrollbar {
  display:none;
}
.hts-tabs .hts-tabs__nav {
  scrollbar-width: none;
  position: relative;
}
.hts-tabs .hts-tabs__nav .tab__slider {
  content: '';
  position: absolute;
  width: 0px;
  height: 2px;
  transition: 0.4s all ease;
  background-color: #0549D1;
  bottom: 0;
}
.hts-tabs .hts-tabs__nav li.hts-tabs__tab--active::after {
  display: none;
}
@media (max-width: 1200px) {
 
    .main-nav {
        background-color: #ffffff;
        text-align: left;
    }
    .main-nav .menu {
        display: block;
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 0;
        float: none;
        border-top: 1px solid #e9e9e9;
    }
    .main-nav .menu > li {
        display: block;
        margin: 0;
    }
    .main-nav .menu li a {
        padding: 10px 30px;
        color: #000;
    }
    .main-nav .menu ul {
        display: none;
    }
    .main-nav .menu ul li a {
        padding: 12px 40px;
    }
    .main-nav .menu-item-has-children > a:before {
        content: "";
        border-bottom: 2px solid #000000;
        border-right: 2px solid #000000;
        display: block;
        height: 8px;
        width: 8px;
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        -moz-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
        -o-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
    }
    .main-nav .menu-item-has-children > a.submenu-open:before {
        -webkit-transform: translateY(-50%) rotate(45deg);
        -moz-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        -o-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }
    .main-nav .menu-item-has-children > a:hover:before,
    .main-nav .menu-item-has-children > a.submenu-open,
    .main-nav .menu-item-has-children > a.submenu-open:before {
        /* border-color: var(--hex_blue_color); */
        color: var(--hex_blue_color);
    }
    .logobar-actions .navbar-toggle span.menu{
      width: 22px;
      height: 18px;
      border: none;
      background: transparent;
      position: relative;
      cursor: pointer;
      z-index: 200;
      margin: 0;
      display: flex;
    }
    .logobar-actions .navbar-toggle span.menu:before,
    .logobar-actions .navbar-toggle span.menu:after{
      content: "";
    }
    .logobar-actions .navbar-toggle span.menu:before,
    .logobar-actions .navbar-toggle span.menu:after,
    .logobar-actions .navbar-toggle span.menu span {
      width: 100%;
      height: 3px;
      border-radius: 100px;
      position: absolute;
      left: 0;
      background-color: var(--hex_home_common_title_color);
    }
    .logobar-actions .navbar-toggle span.menu:before{
      bottom: 0;
      margin-bottom: 0;
      transition: .2s all .3s,-webkit-transform .2s,background-color .2s linear;
      transition: transform .2s,0.2s all .3s,background-color .2s linear;
      transition: transform .2s,0.2s all .3s,-webkit-transform .2s,background-color .2s linear;
    }
    .logobar-actions .navbar-toggle span.menu>span  {
      top: 50%;
      margin-top: -2px;
      visibility: visible;
      opacity: 1;
      transition: opacity .2s,visibility .2s,background-color .2s linear;
    }
    .logobar-actions .navbar-toggle span.menu:after {
      top: 0;
      margin-top: 0;
      transition: .2s all .3s,-webkit-transform .2s,background-color .2s linear;
      transition: transform .2s,0.2s all .3s,background-color .2s linear;
      transition: transform .2s,0.2s all .3s,-webkit-transform .2s,background-color .2s linear;
    }
    .logobar-actions .navbar-toggle.mob-menu-open span.menu>span {
      visibility: hidden;
      transition: opacity .3s,visibility .3s;
      opacity: 0;
    }
    .logobar-actions .navbar-toggle.mob-menu-open span.menu:before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      bottom: 50%;
      margin-bottom: -2px;
      transition: all .2s,0.2s -webkit-transform .3s;
      transition: all .2s,0.2s transform .3s;
      transition: all .2s,0.2s transform .3s,0.2s -webkit-transform .3s;
    }
    .logobar-actions .navbar-toggle.mob-menu-open span.menu:after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 50%;
      margin-top: -1px;
      transition: all .2s,0.2s -webkit-transform .3s;
      transition: all .2s,0.2s transform .3s;
      transition: all .2s,0.2s transform .3s,0.2s -webkit-transform .3s;
   }
}
@media (max-width:1200px) and (min-width:992px){
  .main-nav .menu-item-has-children > a:before{
    display:none !important;
  }
}
@media (max-width: 767px) {
    .main-nav .menu ul li a {
        padding: 10px 25px;
    }
    .main-nav .menu > li > a {
        padding: 10px 15px
    }
    .main-nav .menu-item-has-children > a:before {
        right: 15px;
    }
}

@media (min-width: 1201px) {
    .main-nav .menu ul {
        padding: 10px 0;
        background-color: #ffffff;
        position: absolute;
        left: 100%;
        top: 0;
        opacity: 0;
        visibility: hidden;
        /*border-top: 0px !important;*/
        border: 1px solid var(--hex_light_border);
        /* -webkit-box-shadow: 1px 8px 16px rgba(0,0,0,0.06);
        box-shadow: 1px 8px 16px rgba(0,0,0,0.06); */
        font-size: 13px;
        text-align: left;
        width: 220px;
        z-index: 910;
        transform: translateY(.5em);
        -webkit-transition: visibility .2s ease,transform .2s ease;
        -moz-transition: visibility .2s ease,transform .2s ease;
        -ms-transition: visibility .2s ease,transform .2s ease;
        -o-transition: visibility .2s ease,transform .2s ease;
        transition: visibility .2s ease,transform .2s ease;
    }
    .main-nav .menu > li > ul {
        top: 100%;
        left: 0;
    }  
    .main-nav .menu li:hover > ul,
    .main-nav .menu li:hover > a:after  {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: opacity .2s ease,visibility .2s ease,transform .2s ease;
    }
    /* .main-nav .menu li.menu-item-has-children > a:after {
        content: url('../../assets/images/down-arrow-grey.svg');
        height: 10px;
        width: 10px;
        display: inline-block;
        position: absolute;
        bottom: 33px;
        right: -10px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        transition: all .2s linear;
        -webkit-transform-origin: 50% 84%;
        -moz-transform-origin: 50% 84%;
        -ms-transform-origin: 50% 84%;
        transform-origin: 50% 84%;
    }
    .main-nav .menu li.menu-item-has-children:hover > a:after {
        content: url('../../assets/images/down-arrow-grey.svg');
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
     
    } */
    /* .main-nav.res_nav_menu ul li ul li.menu-item-has-children a:after{
     right:15px !important;
     bottom:18px;
    }
    .main-nav .menu li.menu-item-has-children a::before,
    .main-nav .menu li.menu-item-has-children a::after {
      position: absolute;
      content: "";
      -webkit-transition: all .2s cubic-bezier(0.04,0,0.2,1);
      -moz-transition: all .2s cubic-bezier(0.04,0,0.2,1);
      -ms-transition: all .2s cubic-bezier(0.04,0,0.2,1);
      -o-transition: all .2s cubic-bezier(0.04,0,0.2,1);
      transition: all .2s cubic-bezier(0.04,0,0.2,1);
  }
  .main-nav .menu li.menu-item-has-children a::before, .main-nav .menu li.menu-item-has-children a::after {
    content: '';
    width: 8px;
    height: 2px;
    border-radius: 3px;
    background-color: var(--hex_arrow_black);
  }
  .main-nav .menu li.menu-item-has-children a::before {
    top: 35px;
    right: -8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .main-nav .menu li.menu-item-has-children a::after {
    top: 35px;
    right: -13px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .main-nav .menu li.menu-item-has-children:hover a::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .main-nav .menu li.menu-item-has-children:hover a::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  } */
  .main-nav .menu li.menu-item-has-children ul.sub-menu li a:before,
  .main-nav .menu li.menu-item-has-children ul.sub-menu li a:after{
    display: none;
  }
}

/***** 3.1 Menu Collapse *****/
.navbar-collapse {
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    margin: 0 !important;
}
.logo-bar .navbar-collapse.collapse {
    display: none !important;
}
.logo-bar .navbar-collapse.collapse.in {
    display: block !important;
}
.mb-search-actions{
  display:none;
}
@media (min-width:1025px){
    .main-nav.res_nav_menu .menu ul li a{
      padding:12px 22px;
    }
}
  .main-nav.res_nav_menu .menu ul{
      width:240px;
  }
  .main-nav.res_nav_menu .menu li a{
      font-weight: 400;
      text-transform: none;
      font-size: 16px;
      letter-spacing: 0.01em;
      font-family: var(--hex_font_family);
      text-decoration: none;
      color: var(--hex_home_common_title_color);
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear;
  }
  .main-nav .menu li a:hover{
    color: #000;
  }
  .res_header_fixed{
      position:fixed !important;
      background-color: #FFFFFF;
      z-index: 999;
      width:100%;
      border-bottom:1px solid var(--hex_light_border);
      /* -webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.04);
      box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.04); */
  }

.res_header_top {
    min-height:inherit !important;
    padding-left:0px !important; 
    padding-right:0px !important; 
}
.res_header_top .logobar-logo{
    min-height: 70px;
}
.res_header_top .logo{
    width: 150px;
}
.res_header_top .logo img{
    width:100%;
}
.res_nav_menu ul.menu li a{
    padding: 27px 5px 27px;
}
.res_nav_menu ul.menu{
    float:right;
    margin-left:0px;
}
.res_nav_menu li.pll-parent-menu-item > a{
  cursor: pointer;
}
.res_nav_menu li.pll-parent-menu-item .sub-menu{
  width:140px !important;
  padding:10px 10px !important;
}
.res_nav_menu li.pll-parent-menu-item .sub-menu li{
  margin-bottom:2px;
}
.res_nav_menu li.pll-parent-menu-item .sub-menu li a{
  padding:7px 12px!important;
}
.res_nav_menu li.pll-parent-menu-item .sub-menu li.current_page_item a, .res_nav_menu li.pll-parent-menu-item .sub-menu li:hover a  {
  color: var(--hex_blue_color) !important;
  background-color:  #f6f6f6;
  border-radius: 3px;
}
.header-bottom,.wrapper {
    position: relative;
}
.logo-bar{
    position: relative;
}
.res_header_row{
  display: table;
  width: 100%;
  /* display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between; */
}
/* .logo {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.logo a.logo_blk {
  display: block;
  width: 110px;
  line-height: 1;
  margin-right: 10px;
}
.logo a.logo_blk img {
  width: 100%;
}
.logo .help_logo_txt {
  text-decoration: none;
  color: #191919;
  padding-left: 10px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.logo .help_logo_txt:before {
  content: '';
  position: absolute;
  top: 4px;
  left: -1px;
  height: 18px;
  width: 1px;
  background-color: #a8a9b0;
}
.logo .help_logo_txt p {
  font-size: 16px;
  font-weight: 700;
  font-family: "Muli",sans-serif;
  margin: 0;
  line-height: 1;
  position: relative;
  top: 1px;
  align-self: center;
} */
/********header_new********/

.btn_box {
  padding: 11px 15px;
  border-radius: 3px;
  background-color: var(--hex_blue_color);
  color: #FFFFFF !important;
  line-height: 1.5;
  display: table;
  align-self: center;
  font-size: 14px;
  text-transform: uppercase;
  margin: 14px 0px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.btn_box:hover, .btn_box:focus {
  text-decoration: none;
  background-color: #0a54e4;
}

.header_btn {
  margin: 24px 0px 24px 0px;
}

.header_btn .desk-hd {
  display: none;
}

.header_btn p {
  display: inline-block;
  margin: 0;
  font-weight: 600;
}

.header_top_block {
  padding: 0px 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  height:100px;
}

.header_top_left,
.header_top_right {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.header_top_left {
  align-self: center;
}

.menu_bar {
  padding: 4px 15px;
  line-height: 1;
  cursor: pointer;
  height: 33px;
  width: 33px;
  display: none;
}

.menu_bar .icon-menu, .menu_bar .icon-close {
  font-size: 18px;
  line-height: 1.4;
  color: #191919;
}

.menu_bar .icon-close {
  font-size: 16px;
}

.logo {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.logo a.logo_blk {
  display: block;
  width: 110px;
  line-height: 1;
  margin-right: 10px;
  z-index: 1;
}

.logo a.logo_blk img {
  width: 100%;
}

.logo a.logo_blk img.mobile-logo {
  display: none;
}

.logo .help_logo_txt {
  text-decoration: none;
  color: #191919;
  padding-left: 10px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.logo .help_logo_txt:before {
  content: '';
  position: absolute;
  top: 4px;
  left: -1px;
  height: 18px;
  width: 1px;
  background-color: #a8a9b0;
}

.logo .help_logo_txt p {
  font-size: 17px;
  font-weight: 700;
  font-family: var(--hex_font_family);
  margin: 0;
  line-height: 1;
  position: relative;
  top: 2px;
  align-self: center;
}

.header_bottom_block {
  padding: 6px 0px;
  justify-content: space-between;
}

.header_page_menu ul {
  margin: 0;
  padding-left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.header_page_menu ul li {
  list-style: none;
  margin: 0px 9px;
  padding: 8px 6px;
  position: relative;
}

.header_page_menu ul li:after :after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0px;
  opacity: 0;
  width: 100%;
  height: 2px;
  background-color: var(--hex_blue_color);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.header_page_menu ul li.current-menu-item::after, .header_page_menu ul li:hover::after {
  opacity: 1;
}

.header_page_menu ul li.current-menu-item a,
.header_page_menu ul li:hover a {
  color: var(--hex_blue_color);
}

.header_page_menu ul li a {
  font-size: 14px;
  color: #191919;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.header_page_menu ul li a:hover, .header_page_menu ul li a:focus {
  text-decoration: none;
}

.header_sidebar {
  position: fixed;
  top: 0px;
  left: -320px;
  width: 310px;
  background-color: #FFFFFF;
  height: 100%;
  z-index: 10;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.19);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.header_sidebar .mob-menu-open {
  left: 0;
}

.sidebar_menu {
  padding: 15px 15px;
}

.sidebar_top {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.close_sidebar {
  padding: 7px 0px 7px 7px;
  line-height: normal;
  cursor: pointer;
}

.close_sidebar i {
  font-size: 14px;
  color: #191919;
  line-height: normal;
}

.sidebar_bottom {
  position: relative;
  margin-right: 20px;
}

.sidebar_bottom ul.max_menu {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.sidebar_bottom ul.max_menu li {
  list-style: none;
  margin: 0px 15px;
  position: relative;
}

.sidebar_bottom ul.max_menu li a {
  font-size: 17px;
  color: #191919;
  padding: 35px 8px;
  display: block;
  position: relative;
  letter-spacing: 0.01em;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.sidebar_bottom ul.max_menu li a:hover, .sidebar_bottom ul.max_menu li a:focus {
  text-decoration: none;
  color: var(--hex_blue_color);
}

.sidebar_bottom ul.max_menu li.menu-item-has-children:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity .2s ease,visibility .2s ease,transform .2s ease;
}

.sidebar_bottom ul.max_menu li ul.sub-menu {
  padding: 0px 0px 0px 15px;
  position: absolute;
  top: 92px;
  left: 0px;
  min-width: 250px;
  opacity: 0;
  visibility: hidden;
  border: 1px solid rgba(213, 212, 212, 0.26);
  padding: 5px 0;
  background-color: #FFFFFF;
  z-index: 1;
  transform: translateY(0.5em);
  -webkit-transition: visibility .2s ease,transform .2s ease;
  -moz-transition: visibility .2s ease,transform .2s ease;
  -ms-transition: visibility .2s ease,transform .2s ease;
  -o-transition: visibility .2s ease,transform .2s ease;
  transition: visibility .2s ease,transform .2s ease;
}

.sidebar_bottom ul.max_menu li ul.sub-menu a {
  padding: 8px 16px;
}

.sidebar_bottom ul.max_menu li ul.sub-menu a:after {
  display: none;
}

.sidebar_bottom ul.max_menu li ul.sub-menu li {
  margin: 0;
}

.index_search_block {
  padding: 25px 15px;
}

.search_block_poster {
  text-align: center;
}

.search_block_poster h1 {
  font-size: 34px;
  font-weight: 600;
  color: #191919;
  letter-spacing: -0.01em;
  margin-top: 45px;
  font-family: var(--hex_font_family);
}

.search_form_data {
  margin: 30px auto 25px;
  width: 36.5rem;
  position: relative;
}

.search_form_data input[type="text"] {
  background-color: #FFFFFF;
  border: 1px solid rgba(213, 212, 212, 0.46);
  border-radius: 5px;
  box-sizing: border-box;
  color: #191919;
  display: block;
  font-size: 18px;
  font-weight: 400;
  height: 54px;
  padding: 0 25px 0 60px;
  width: 100%;
  outline: none;
  -webkit-appearance: none;
}

.search_trigger_btn {
  padding: 12px 18px;
  cursor: pointer;
  position: absolute;
  top: 0px;
}

.search_trigger_btn i {
  line-height: 1.5;
  display: block;
  color: #191919;
}

.search_trigger_close {
  display: none;
  cursor: pointer;
  padding: 0px;
}

.search_bg_strip .col-sm-6 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.search_queries {
  align-self: center;
  margin: 30px auto 10px;
  width: 570px;
  position: relative;
}

.search_queries .search_block {
  margin: 0px 0px 0px 0px;
}

.search_queries .search_block .help_search_form {
  width: 100%;
  -webkit-transition: width 0.2s linear;
  -moz-transition: width 0.2s linear;
  -ms-transition: width 0.2s linear;
  -o-transition: width 0.2s linear;
  transition: width 0.2s linear;
}

.search_block {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.search_block .help_search_form input[type="text"] {
  width: 100%;
  outline: none;
  height: 45px;
  padding: 0 15px 0 45px;
  display: block;
  border-radius: 3px;
  font-size: 18px;
  color: #161616;
  box-shadow: none;
  border: none;
  background-color: #ffffff;
  border: 1px solid rgba(213, 212, 212, 0.46);
}

.search_block .search_trigger {
  position: absolute;
  left: 0px;
  top: 0px;
  line-height: 1;
  width: 42px;
  height: 48px;
}

.search_block .search_trigger i {
  text-align: center;
  display: block;
  position: relative;
  top: 16px;
  left: 2px;
  font-size: 15px;
  color: #5e5e5e;
}

body.site-overlay main {
  position: relative;
}

/* body.site-overlay main:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
} */

.search_board {
  padding: 0px;
  position: relative;
}

.search_board .search_queries {
  top: -16px;
  position: absolute;
  right: 36px;
  margin: 0px;
  padding: 0px !important;
  display: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.search_board.mob_search_open .search_queries {
  display: block;
}

.search_board.mob_search_open .mobile_search_trigger {
  display: none;
}

.search_board.mob_search_open .search_trigger_close {
  display: block;
  position: relative;
  z-index: 10;
  top: 3px;
  background: white;
  right:-10px;
}

.search_board.mob_search_open .search_trigger_close i {
  font-size: 14px;
  position: relative;
  top: 0px;
  opacity: 0.5;
  -webkit-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -moz-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -ms-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -o-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
}
.search_board.mob_search_open .search_trigger_close:hover i {
  opacity: 0.9;
  -webkit-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -moz-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -ms-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -o-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
}

.search_board .search_block .help_search_form input[type="text"] {
  border: 0px;
  border-bottom: 1px solid rgba(213, 212, 212, 0.46);
  font-size: 16px;
  border-radius: 0px;
}

.search_board .mobile_search_trigger {
  cursor: pointer;
  padding: 0px;
}

.search_board .mobile_search_trigger i {
  position: relative;
  top: 0px;
  font-size: 18px;
  right:-10px;
}


@media (min-width:1025px){
    .main-nav.res_nav_menu .menu ul li a{
      padding:12px 22px;
    }
    
}

@media (max-width: 1024px) {
    .logo-bar .main-nav,
    .logo-bar .container-fluid >.navbar-collapse {
        clear: both;
        margin-left: -30px !important;
        margin-right: -30px !important;
    }
}
@media (max-width: 767px) {
    .logo-bar .main-nav,
    .logo-bar .container-fluid >.navbar-collapse {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}
@media (min-width: 1025px) {
    .logo-bar .navbar-collapse.collapse {
        display: block !important;
    }
    .navbar-toggle {
        display: none;
    }
}
@media (min-width:1201px){
    .main-nav.res_nav_menu .menu ul{
      display:block !important;
    }
  }
  @media (max-width:1200px){
    .res_nav_menu li.pll-parent-menu-item .sub-menu li a {
      padding: 12px 18px!important;
    }
    .res_nav_menu li.pll-parent-menu-item .sub-menu {
      width: 100% !important;
      padding:0px 0px !important;
    }
    .res_nav_menu li.pll-parent-menu-item .sub-menu li{
      margin:0px !important;
    }
    .navbar-toggle{
      display:block !important;
    }
    .main-nav .menu > li{
      display: block!important;
      margin: 0 !important;
    }
    .logo-bar .main-nav.res_nav_menu{
      margin-left: -15px !important;
      margin-right: -15px !important;
    }
    .res_list_view .res_post_cnt{
      padding:20px 10px;
    }
    .res_header_top .logobar-logo {
      min-height: 60px !important;
    }
    .res_nav_menu{
      height: 100%;
      overflow-y: scroll;
      width: 50vw;
      position: fixed !important;
      background-color: #fff !important;
      z-index: 99;
      left: -50vw;
      top: 60px;
      -webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.13);
      box-shadow: -2px 2px 5px 0 rgba(0,0,0,0.13);
      padding-bottom: 70px;
      -webkit-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
      -moz-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
      -ms-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
      -o-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
      transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
    }
    .res_nav_menu ul.menu {
      float: none;
      margin-left: 0px;
      padding: 0px 0px 0px; 
    }
    .res_nav_menu ul.menu li a {
      padding: 18px 0 18px;
    }
    .res_partner_login.desk_btn{
      display:none;
    }
    .res_partner_login.mobile_btn{
      display:block;
      margin: 25px 0px 30px 15px;
      width: 90%;
      padding:10px 15px;
    }
    .main-nav.res_nav_menu .menu li a{
      padding: 20px 30px;
      width: 100%;
      border-bottom: 1px solid #f3f3f3;
    }
    .main-nav.res_nav_menu .menu ul li a {
      padding: 18px 22px;
    }
    .main-nav .menu-item-has-children > a:before {
      right: 18px !important;
    }
    .main-nav.res_nav_menu .menu ul {
      width: 100%;
    }
    .main-nav.res_nav_menu .menu ul li.menu-item-has-children > .sub-menu li a{
      padding: 18px 20px 18px 30px;
    } 
    .main-nav.res_nav_menu.open-main-menu{
      left:15px;
    }
    .mobile-menu-toggle.mob-menu-open .icon-bar:first-child{
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      bottom: -4px;
      position: relative;
      margin-bottom: -1px;
      transition: all .2s,0.2s -webkit-transform .3s;
      transition: all .2s,0.2s transform .3s;
      transition: all .2s,0.2s transform .3s,0.2s -webkit-transform .3s;
    }
    .mobile-menu-toggle.mob-menu-open .icon-bar:nth-of-type(2){
      opacity:0;
    }
    .mobile-menu-toggle.mob-menu-open .icon-bar:last-child{
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 50%;
      margin-top: -3px;
      transition: all .2s,0.2s -webkit-transform .3s;
      transition: all .2s,0.2s transform .3s;
      transition: all .2s,0.2s transform .3s,0.2s -webkit-transform .3s;
    }
    .search_board .search_queries{
      padding: 0px !important;
    }
}

.blog_search_btn_trigger{
    float: right;
     margin: 16px 0 16px 20px;
    padding: 7px 8px;
    display: inline-block;
    cursor: pointer; 
}
.blog_search_btn_trigger i{
    font-size: 16px;
    color: var(--hex_home_common_title_color);
    position: relative;
    top: 3px;
}
.res_partner_contact{
  color: var(--hex_blue_color) !important;
    display: inline-block;
    border-radius: 4px;
    padding: 10px 15px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing:normal;
    text-align: center;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid var(--hex_blue_color);
    text-decoration: none;
    font-family: var(--hex_font_family);
    background-color: transparent;
    margin: 13px 0px 13px 0px;
    min-width: 90px;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.res_partner_contact:hover{
  background-color: var(--hex_blue_color);
  color:#ffffff!important;
}
.res_partner_login{
  float: right;
    color: #fff !important;
    display: inline-block;
    border-radius: 4px;
    padding: 11px 15px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing:normal;
    text-align: center;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #fff;
    text-decoration: none;
    font-family: var(--hex_font_family);
    background-color: var(--hex_blue_color);
    margin: 13px 0px 13px 24px;
    min-width: 90px;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
  }
  .res_partner_login p,   .res_partner_contact p{
    font-weight: 600;
    display: inline-block;
    margin: 0px;
  }
  .res_partner_login span.desk-hd{
    display: none;
  }
  .res_partner_login:hover{
    text-decoration: none;
    background-color: var(--hex_btn_hover);
  }
 .col_blog_post{
   width:100%;
 } 

 /* *******search box******/
 /*.search_queries .search_block {
  margin: 13px 20px 13px 0;
} 
.search_block{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.search_queries .search_block .blog_search_form {
  width: 432px;
  -webkit-transition: width .2s linear;
  -moz-transition: width .2s linear;
  -ms-transition: width .2s linear;
  -o-transition: width .2s linear;
  transition: width .2s linear;
}
.search_block .blog_search_form input[type="text"] {
  width: 100%;
  outline: none;
  height: 45px;
  padding: 0 15px 0 36px;
  display: block;
  border-radius: 3px;
  font-size: 15px;
  color: #161616;
  box-shadow: none;
  border: none;
  background-color: #ffffff;
  border: 1px solid rgba(213,212,212,0.46);
}
.search_block .search_trigger {
  position: absolute;
  left: 0px;
  top: 0px;
  line-height: 1;
  width: 32px;
  height: 45px;
}
.search_block .search_trigger i {
  text-align: center;
  display: block;
  position: relative;
  top: 13px;
  left: 2px;
  font-size: 15px;
  color: #5e5e5e;
}
.search_trigger_close{
  display: none;
} */
/* .blog_search_btn_trigger{
  display: none;
} */

.scroll-hide .page_wrapper{
  padding-top: 0px;
}
.page_wrapper{
  padding-top: 100px;
}
.mits_featured_blog_section{
  padding:20px 0 40px; 
}
.mits_featured_blog_section .mits_featured_post{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.featured_post_thumbnail .featured_bg_img{
  padding-top: 54%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.featured_post_thumbnail .featured_bg_img:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.16);
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -moz-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -ms-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -o-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
}
.featured_post_thumbnail .featured_bg_img:hover:before{
  opacity: 1;
}
.featured_post_content{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 20px 15px 20px 30px;
}
.mits_featured_data .fa-catego{
  display: none;
}
.featured_post_content .mits_featured_data{
  align-self:center;
}
.mits_featured_data label{
  font-size:14px;
  color: var(--hex_blue_color);
  font-family: var(--hex_font_family);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-weight: 700;
  margin-bottom: 0px;
}
.mits_featured_data h1{
  font-size:34px;
  line-height:1.4;
  color: var(--hex_home_common_title_color);
  font-family: var(--hex_font_family_secondary);
  font-weight: 500;
  margin:5px 0 20px;
}
.mits_featured_data h1 a{
  color: var(--hex_home_common_title_color);
  text-decoration: none;
  -webkit-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -moz-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -ms-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -o-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
}
.mits_featured_data h1:hover a{
  color: #020a19;
}
.mits_featured_data .post_category_list li a{
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
}
.mits_featured_data .post_category_list li:before{
  top:7px;
}
.mits_featured_data .other_post_detail span{
  font-size: 15px;
}
.featured_post_content .mits_featured_data p{
    font-size: 19px;
    line-height: 1.7;
}
.mits_featured_data .ln-more{
  font-size: 18px;
  text-decoration: none;
  font-weight: 400;
  color: #191919;
  position:relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.mits_featured_data .ln-more:after{
  content:'';
  position: absolute;
  right:-10px;
  top:9px;
  width:8px;
  height:8px;
  border-top:2px solid var(--hex_blue_color);
  border-right:2px solid var(--hex_blue_color);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.mits_featured_data .ln-more:hover{
  color:var(--hex_blue_color);
}
.other_post_detail{
  margin-bottom: 10px;
}
.other_post_detail span{
  margin-right:15px;
  color:var(--hex_text_common_grey);
  font-size:14px;
  font-weight:400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.other_post_detail span p{
  margin:0px;
}
.other_post_detail span p.reading_time{
  padding-left: 4px;
}
.other_post_detail span p i{
  margin-right:5px;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top:1px;
  color: var(--hex_text_common_grey);
  opacity: .8;
}
.other_post_detail span i.icon-clock{
  position: relative;
  top: 3px;
  opacity: .8;
}
.mits_category_filter_wrapper{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.category_tabs{
  border: 1px solid var(--hex_thin_border);
  border-left: 0px;
  border-right: 0px;
  align-items: center;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}
.post_category_list{
  padding:0;
  margin:0;
  overflow: hidden;
  height:25px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.post_category_list li{
  position: relative;
  list-style: none;
  padding: 0px 9px;
  line-height: normal;
}
.post_category_list li a{
  color: var(--hex_home_common_title_color);
  font-size: 15px;
  line-height:1.8;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.post_category_list li a:hover{
  color:var(--hex_blue_color);
}
.post_category_list li:first-child{
  padding-left: 0px;
}
.post_category_list li:first-child:before{
  display: none;
}
.post_category_list li:before{
  content:'';
  position: absolute;
  top:6px;
  left:-1px;
  width:1px;
  height:14px;
  background-color: var(--hex_text_common_grey);
}
.mits_category_section{
  margin-bottom:50px;
  position: sticky;
  position: -webkit-sticky;
  top: 70px;
  z-index: 10;
  background-color: #ffff;
}
.mits_category_filter{
  position:relative;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  vertical-align: middle;
  overflow: hidden;
}
.mits_category_filter li{
  margin:0px 18px;
}
.mits_category_filter li, .other_category_filter li{
  position: relative;
  margin:0px 15px;
  list-style: none;
}
.mits_category_filter li a, .other_category_filter li a{
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  padding:17px 6px;
  letter-spacing: 0.01em;
  display: block;
  text-decoration: none;
  position: relative;
  line-height: normal;
  color: var(--hex_text_common_grey);
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  white-space: nowrap;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.mits_category_filter li:hover a, .other_category_filter li:hover a{
  color:#758294;
}
.mits_category_filter li a.active, .other_category_filter li a.active{
  color:var(--hex_blue_color);
}
.mits_category_filter li a.active:after, .other_category_filter li a.active:after{
  content:'';
  position: absolute;
  bottom:0px;
  left:0px;
  width:100%;
  height:2px;
  background-color: var(--hex_blue_color);
}
.other_category_menu{
  display: block;
  padding: 24px 18px;
  margin-left: 8px;
}
.menu_indicate{
  position: relative;
  display:block;
}
.menu_indicate,
.menu_indicate:before,
.menu_indicate:after{
  width:5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--hex_home_common_text_color);
  -webkit-transition: all 0.2s cubic-bezier(0.04, 0, 0.2, 1);
  -moz-transition: all 0.2s cubic-bezier(0.04, 0, 0.2, 1);
  -ms-transition: all 0.2s cubic-bezier(0.04, 0, 0.2, 1);
  -o-transition: all 0.2s cubic-bezier(0.04, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.04, 0, 0.2, 1);
}
.menu_indicate:before,.menu_indicate:after{
  content:'';
  position: absolute;
  top:0px;
}
.menu_indicate:before{
  left:-8px;
}
.menu_indicate:after{
  right:-8px;
}
.other_category_menu:hover .menu_indicate,
.other_category_menu:hover .menu_indicate:before,
.other_category_menu:hover .menu_indicate:after{
  background-color: var(--hex_home_common_title_color);
}
.mits_more_category_filter_wrapper{
  position: relative;
}
.mits_more_category_filter_wrapper.hidden .other_category_menu{
  display:none;
}
.other_category_filter{
  display:block;
  min-width:220px;
  max-height: 270px;
  overflow-y: scroll;
  position: absolute;
  z-index: -1;
  top: 54px;
  right: 0;
  background-color: #fff;
  padding: 15px 10px;
  margin: 0;
  list-style: none;
  text-align: left;
  border-radius: 4px;
  border: 1px solid var(--hex_light_border);
  border-top:0px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  /* -webkit-box-shadow: 0 8px 15px #09033014;
  box-shadow: 0 8px 15px #09033014; */
  cursor: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0,20px) scale(0.98);
  -moz-transform: translate(0,20px) scale(0.98);
  -ms-transform: translate(0,20px) scale(0.98);
  -o-transform: translate(0,20px) scale(0.98);
  transform: translate(0,20px) scale(0.98);
  -webkit-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -moz-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -ms-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -o-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  transition: all .2s cubic-bezier(0.04,0,0.2,1);
}
.other_category_filter.res_make_visible{
  z-index: 5;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0,0) scale(1);
  -moz-transform: translate(0,0) scale(1);
  -ms-transform: translate(0,0) scale(1);
  -o-transform: translate(0,0) scale(1);
  transform: translate(0,0) scale(1);
  -webkit-transition: all .3s cubic-bezier(0.04,0,0.2,1);
  -moz-transition: all .3s cubic-bezier(0.04,0,0.2,1);
  -ms-transition: all .3s cubic-bezier(0.04,0,0.2,1);
  -o-transition: all .3s cubic-bezier(0.04,0,0.2,1);
  transition: all .3s cubic-bezier(0.04,0,0.2,1);
}
.other_category_filter li{
  margin:4px 0px;
}
.other_category_filter li a{
  padding: 10px 6px;
}
.mits_blog_section{
  padding-bottom:15px;
  position: relative;
}
.mits_blog_box{
  margin-bottom:30px;
}
.mits_blog_detail_wrap{
  padding:0 0 0px;
  max-width: 670px;
  margin: 0 auto;
}
.mits_blog_detail_wrap table{
  max-width: 670px;
}
.blog_post_thumbnail a{
  display: block;
}
.blog_post_thumbnail .blog_bg_img{
  padding-top: 55%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #fafafc;
  border-radius: 8px;
}
.blog_post_thumbnail .blog_bg_img:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.16);
  width: 100%;
  border-radius: 8px;
  height: 100%;
  opacity: 0;
  -webkit-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -moz-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -ms-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -o-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
}
.blog_post_thumbnail:hover .blog_bg_img:before{
  opacity: 1;
}
.blog_post_content_wrap{
  padding: 15px 0px 15px 0px;
}
.blog_post_content_wrap h3{
  font-size: 22px;
  color:var(--hex_home_common_title_color);
  margin: 6px 0 4px;
  line-height: 30px;
  font-family: var(--hex_font_family_secondary);
  font-weight: 500;
}
.blog_post_content_wrap h3 a{
  color:var(--hex_home_common_title_color);
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -moz-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -ms-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -o-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
}
.blog_post_content_wrap h3:hover a  {
  color:#020a19;
}
.all_list_blog_type {
  padding-top: 20px;
  padding-bottom: 65px;
}
.all_list_blog_type .blog_post_content_wrap h3{
  font-size: 28px;
  line-height: 1.3;
  font-weight: 400;
}
.all_list_blog_type .blog_post_content_wrap{
  padding: 0 15px 0 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 83%;
    flex: 0 0 83%;
    max-width: 83%;
}
.all_list_blog_type  .mits_blog_box{
  margin-bottom:0px;
}
.all_list_blog_type .col_blog_post{
  padding: 25px 0px;
  border-top: 1px solid rgba(193, 193, 193, 0.3);
  -webkit-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -moz-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -ms-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -o-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
}

.all_list_blog_type .blog_post_content_wrap .align-self-center{
  padding-right: 70px;
}
.all_list_blog_type .blog_post_thumbnail{
  -ms-flex: 0 0 17%;
    flex: 0 0 17%;
    max-width: 17%;
    align-self: center;
}
.all_list_blog_type .col_blog_post .other_post_detail p{
  color: var(--hex_home_common_title_color);
  font-size: 15px;
  line-height: 1.8;
  font-weight: 600;
  text-transform: uppercase;
  padding-right:15px;
  position:relative;
  margin: 0;
}
.all_list_blog_type .col_blog_post .other_post_detail p:after{
  content: '';
    position: absolute;
    top: 6px;
    right: 6px;
    width: 1px;
    height: 14px;
    background-color: var(--hex_text_common_grey);
    -webkit-transform:rotate(20deg);
    -moz-transform:rotate(20deg);
    -ms-transform:rotate(20deg);
    -o-transform:rotate(20deg);
    transform:rotate(20deg);
}
.blog_divider_heading{
  font-size: 38px;
    font-weight: 400;
    margin: 25px 0 20px;
}
.load_post_cmp{
  display: table;
  text-align: center;
  margin: 0px auto 60px;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
}
/* .load_post_cmp .bg-clr {
  background-color: #dcdcdc;
  width: 0%;
  transition: width 1s ease-in-out;
  height: 100%;
} */
.load_post_cmp a{
  text-decoration: none !important;
}
.load_post_cmp  p{
   margin:0px;
    font-weight: 400;
    color: var(--hex_blue_color);
    font-size: 18px;
    letter-spacing: 0.01em;
    line-height: normal;
    text-align: center;
    padding: 10px 20px;
    position:relative;
    border-radius:4px;
    border:1px solid var(--hex_blue_color);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.load_post_cmp:hover p{
  color:#ffffff;
  background-color: var(--hex_blue_color);
}

.load_post_cmp.loading .bg-clr{
  animation-name: loading;
    animation-duration: 3s;
}
@keyframes loading {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.mits_subscribe_wrapper{
  justify-content: center;
  padding:40px 9% 50px;
}
.mits_subscriber_box, .mits_subscribe_data_content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.mits_subscribe_data_content .content_newletter {
  align-self: center;
}
.mits_subscribe_data_content .content_newletter h3{
  display: none;
  font-size: 30px;
  text-align: center;
  margin-bottom: 25px;
}
.mits_subscribe_data_content .content_newletter p{
  font-size: 18px;
    color: var(--hex_mild_blue);
    line-height: 1.8;
    letter-spacing: -0.01em;
    margin: 0 0 0px;
    font-weight: 400;
    font-family: var(--hex_font_family_secondary);
}
.mits_list_subscribe_form{
  text-align: center;
  padding-left: 0px;
}
.mits_list_subscribe_form .subscribe_form{
  max-width: 400px;
  margin:15px auto 0px;
}
/* .mits_list_subscribe_form .subscribe_form form{
  padding: 15px 14px 0px 14px;
  background-color: #ffffff; 
  box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.07); 
  border: 1px solid #eaeaea;
} */
.mits_list_subscribe_form h3{
  font-size:30px;
  font-weight: 600;
  margin-bottom: 10px;
  color:var(--hex_home_common_title_color);
  line-height: 1.2;
}
.mits_list_subscribe_form p{
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: var(--hex_home_common_title_color);
  font-family: var(--hex_font_family_secondary);
  opacity: 0.8;
  padding: 0;
  margin: 0;
  text-align: left;
}
.subscribe_form .form_body{
  position:relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.box_input{
  padding:0px 10px;
  width:calc(100% - 55px);
}
.subscribe_form .box_input{
  padding-right: 0;
}
.box_input:first-child{
  padding-left: 0px;
}
.box_input,.box_submit{
  height:64px;
}
.mits_list_subscribe_form .box_input, .mits_list_subscribe_form .box_submit{
  height:48px;
}
.box_input input{
  border:1px solid var(--hex_light_border);
  width:100%;
  color: var(--hex_home_common_title_color);
  font-weight: 400;
  font-size: 16px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.box_input input:focus{
    border:1px solid #a4a4a4 !important;
}
.box_submit{
  width:55px;
  padding-left:0px;
}
.box_submit button{
  width:100%;
  border:transparent;
  background-color: var(--hex_blue_color);
  color:#ffffff;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.box_submit button svg{
  width: 20px;
  height: 100%;
  display: inline-block;
  fill: #fff;
}
.box_input input, .box_submit button{
  height:48px;
  border-radius: 3px;
  outline: none;
  padding: 0px 15px;
  line-height: 3;
}
.box_submit button:hover{
  background-color: var(--hex_btn_hover);
}
.box_input input{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
}
.box_submit button{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0;
}
.box_input input::-webkit-input-placeholder { /* Edge */
  color: #c0c0c0;
  font-weight: 300;
}
.box_input input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c0c0c0;
  font-weight: 300;
}
.box_input input::placeholder {
  color: #c0c0c0;
  font-weight: 300;
}
.mits_single_blog .container{
   max-width:1320px;
   position: relative;
}
.back_to_page{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.back_to_page .blog_redirect{
  padding:6px 14px;
  position: relative;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color:var(--hex_link_color);
  -webkit-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -moz-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -ms-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -o-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  transition: all .2s cubic-bezier(0.04,0,0.2,1);
}
.back_to_page .blog_redirect:before{
  content:'';
  position: absolute;
  top:11px;
  left:0px;
  background-image: url('../images/down-arrow-lblue.svg');
  width:10px;
  height:10px;
  transform: rotate(90deg);
}
.back_to_page .blog_redirect:hover{
  color:var(--hex_link_color_hover);
}
.back_to_page .reading_time{
  padding: 4px 0px 4px 20px;
  font-size:16px;
  color:var(--hex_home_common_text_color);
  position: relative;
}
.back_to_page .reading_time:before{
  content:'';
  position: absolute;
  top: 9px;
  left: 0px;
  background-image: url(../images/clock.svg);
  width: 14px;
  height: 14px;
  background-size: cover;
}
.mits_single_blog_thumbnail{
  margin:40px 0px 50px;
}
.mits_single_blog_thumbnail .single_blog_bg{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 52%;
  position: relative;
  border-radius: 2px;
  background-color: var(--hex-offwhite-bg);
}
.single_post_short_details{
  margin-bottom:25px;
}
.single_post_short_details h1{
  margin:15px 0px 12px;
  font-size: 38px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  font-weight: 700;
  color:var(--hex_home_common_title_color);
}
.single_post_short_details .post_category_list li a{
  font-size: 16px;
}
.single_post_short_details .other_post_detail span{
  font-size: 16px;
  opacity: .9;
}
.single_post_short_details .post_category_list li:before{
  top:8px;
}
.single_post_short_details .post_category_list{
  margin-bottom: 15px;
  overflow: auto;
  height: auto;
}
.post-full-content{
  padding-bottom:0;
  border-bottom:1px solid var(--hex_light_border);
  font-size: 20px;
    line-height: 2;
    letter-spacing: -0.01em;
    font-weight: 400;
    font-family: var(--hex_font_family_secondary);
}
.blogBoxView{
  padding-bottom:30px;
  border-bottom:1px solid var(--hex_light_border);
  font-size: 20px;
    line-height: 2;
    letter-spacing: -0.01em;
    font-weight: 400;
    font-family: var(--hex_font_family_secondary);
}
.blogBoxView h3{
  line-height: 1.5;
  letter-spacing: -0.01em;
  margin: 0px 0px 17px;
  color: var(--hex_mild_blue);
  font-family: var(--hex_font_family_secondary)

}
.blogBoxContent{
  padding: 30px 0 14px 0;
}
.post-full-content p{
  font-size: 20px;
  color: var(--hex_mild_blue);
  line-height: 2;
  letter-spacing: -0.01em;
  margin:0 0 25px;
  font-weight: 400;
  font-family: var(--hex_font_family_secondary);
}
.post-full-content blockquote {
  position: relative;
  padding: 0 0 0 40px;
  border: none !important;
  overflow: hidden;
  margin-bottom:25px;
}
.post-full-content  blockquote,.post-full-content  blockquote p, .post-full-content blockquote span {
  font-size: 20px;
  color: var(--hex_mild_blue);
  font-style: italic;
  line-height: 2;
  letter-spacing: -0.01em;
  text-align: left;
  font-family: var(--hex_font_family_secondary);
}
.post-full-content  blockquote p{
  margin:0;
}
.post-full-content blockquote::before {
  color: var(--hex_blue_color);
  content: '\201C';
  font-family: "Playfair Display SC", serif;
  font-size: 58px;
  font-weight: 900;
  line-height: 1;
  font-style: normal;
  position: absolute;
  top: -4px;
  left: 0px;
}
.post-full-content img {
  max-width: 100%;
  height: auto;
  margin: 25px auto;
  display: table ;
}
.icon-clock-line{
  position: relative;
  top: 5px;
  font-size: 14px;
}
.post-full-content .highlight_box{
  padding: 15px 15px;
  font-size: 20px;
  color: var(--hex_mild_blue);
  line-height: 2;
  margin-bottom: 22px;
}
.post-full-content ul, .post-full-content ol {
  padding-left: 50px;
  margin-bottom: 25px;
}
.post-full-content ul li, .post-full-content ol li{
  font-size: 20px;
  line-height: 2;
  letter-spacing: -0.01em;
  color:var(--hex_mild_blue);
  margin-bottom: 12px;
  position: relative;
  font-family: var(--hex_font_family_secondary);
}
.post-full-content  a{
  color:var(--hex_link_color);
  text-decoration: none;
  /* border-bottom: 2px solid #767cd4; */
  -webkit-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -moz-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -ms-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -o-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  transition: all .2s cubic-bezier(0.04,0,0.2,1);
}
.post-full-content a:hover{
  border-bottom: 1px solid var(--hex_link_hover);
  color: var(--hex_link_hover);
}
.resource_download span{
  cursor: pointer;
  color:var(--hex_link_color);
  text-decoration: none;
  /* border-bottom: 2px solid #767cd4; */
  -webkit-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -moz-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -ms-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -o-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  transition: all .2s cubic-bezier(0.04,0,0.2,1);

}
.resource_download span:hover{
  border-bottom: 2px solid var(--hex_link_hover);
  color: var(--hex_link_hover);
}
.post-full-content iframe{
  margin: 0 auto;
  display: table;
  max-width:100%;
}
.lwptoc{
  opacity: 0;
}
.lwptoc-light .lwptoc_i{
  background: #fff !important;
}
.fasc-button{
  color: var(--hex_blue_color) !important;
  display: table !important;
  border-radius: 4px!important;
  padding: 9px 15px!important;
  font-size: 17px!important;
  letter-spacing: 0.02em;
  text-align: center;
  font-weight: 400!important;
  text-decoration: none;
  background-image: none !important;
  border:1px solid var(--hex_blue_color) !important;
  font-family: var(--hex_font_family)!important;
  background-color: #ffffff!important;
  margin: 13px 0px 22px 0px;
  min-width: 90px!important;
  height:46px !important;
  line-height: 26px !important;
  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.fasc-button:hover{
  text-decoration: none!important;
  height:46px !important;
  background-color: var(--hex_btn_hover)!important;
  color:#ffffff !important
}
.post-full-content hr{
  margin-bottom: 25px;
}
.post-full-content h2,
.post-full-content h3,
.post-full-content h4,
.post-full-content h5,
.post-full-content h6{
  line-height: 1.5;
  letter-spacing: -0.01em;
  margin:22px 0px 16px;
  color: var(--hex_mild_blue);
  font-family: var(--hex_font_family_secondary);
}
.post-full-content h1{
  font-size:36px;
  font-weight: normal;
}
.post-full-content h2{
  font-size:34px;
}
.post-full-content h3{
  font-size:30px;
}
.post-full-content h4{
  font-size:26px;
  font-weight: 600;
}
.post-full-content h5{
  font-size:22px;
  font-weight:700;
  margin:0px 0px 20px;
}
.post-full-content h6{
  font-size:20px;
  font-weight:800;
  margin:0px 0px 20px;
}
.mce-object-iframe{
  display: block;
  box-shadow: 0px 3px 25px rgba(0,0,0,0.3);
  margin:40px 0;
}
.mce-object-iframe iframe{
  width:100%;
}
.mits_comment_system{
  max-width:1100px;
  margin:0 auto;
  padding: 10px 0 30px;
}
.comment_wrapper img{
  width:100%;
}
.blog_media_sharing{
  position: relative;
}
.bpx_hide_social_box {
  padding: 25px 0 20px;
}
.mits_share{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.mits_share h5{
  align-self: auto;
  margin-bottom: 0px !important;
  padding:8px 10px 8px 0;
}
.mits_share ul{
  padding:0px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.mits_share ul li{
  list-style: none;
  width: 40px !important;
  height: 40px;
  border-radius:3px;
  margin: 1px 4px;
  background-color: #cecece;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}
.mits_share ul li:first-child{
  margin-left:0px;
}
.mits_share ul li:last-child{
  margin-right:0px;
}
.mits_share ul li.fb-icon{
  background-color: #3b5998;
}
.mits_share ul li.tw-icon{
  background-color: #00acee;
}
.mits_share ul li.ln-icon{
  background-color: #0e76a8;
}
.mits_share ul li.wp-icon{
  background-color: #25D366;
}
.mits_share ul li a{
  text-decoration: none;
  display: block;
}
.mits_share ul li a i{
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 12px 0px;
  transform-origin: center;
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8);
  -webkit-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -moz-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -ms-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -o-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  transition: all .2s cubic-bezier(0.04,0,0.2,1);
}
.mits_share ul li:hover i{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.single_subscribe_wrap{
  padding: 70px 40px 50px;
  background-color: #ffffff;
  margin: 0 0;
}
.mits_list_subscribe_form h2{
  text-align: center;
  font-size: 34px;
  font-weight: 600;
  color: var(--hex_home_common_title_color);
  line-height: 1.2;
  margin-bottom: 15px;
}
.mits_list_subscribe_form .mc4wp-form-error input[type="email"]{
  border:1px solid #e99b9d;
}

.subscribe_form{
  max-width:500px;
  margin: 15px auto 0;
  padding: 5px 0px 0px;
}
.enable_popup_data .subscribe_form{
  max-width:250px;
}
.mits_related_blogs{
  padding: 40px 0 0px;
}
.related_blog_wrapper{
  padding: 0 0 30px;
  /* border-bottom: 1px solid #f2f2f2; */
}
.related_blog_wrapper h2{
  font-size: 34px;
  margin-bottom: 15px;
  text-align: center;
  line-height: 1.2;
  font-weight: 700;
  color: var(--hex_home_common_title_color);
}
.realted_blog_box{
  padding-top: 40px;
}
.mits_demo_trial_wrapper{
  padding:60px 0;
  background-color: #ffffff;
  border-top: 1px solid rgba(213,212,212,0.46);
}
.demo_trial_stripe h2{
  font-size: 34px;
  margin-bottom: 20px;
  text-align:center;
  line-height: 1.2;
  color: var(--hex_home_common_title_color);;
  font-weight: 700;
}
.demo_trial_stripe  p{
  font-size: 18px;
  color: var(--hex_home_common_title_color);;
  line-height: 26px;
  margin-bottom: 15px;
  text-align: center;
  font-weight: 400;
  font-family: var(--hex_font_family_secondary);
}
.mits_trial_btn{
    color: #fff !important;
    display: table;
    border-radius: 4px;
    padding: 12px 20px;
    font-size: 14px;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
    font-family: var(--hex_font_family);
    background-color: var(--hex_blue_color) !important;
    margin: 30px auto 0;
    min-width: 90px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.mits_trial_btn:hover{
  background-color:var(--hex_btn_hover) !important;
}
.load_more_btn{
  color: var(--hex_home_common_title_color) !important;
  display: table;
  border-radius: 4px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  position: relative;
  font-family: var(--hex_font_family);
  /* background-color: var(--hex_blue_color) !important; */
  margin: 10px auto 0;
  min-width: 70px;
  -webkit-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -moz-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -ms-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -o-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
}
.load_more_btn:after{
  content:'';
  position: absolute;
  bottom:0px;
  left:0px;
  height: 2px;
  width:100%;
  background-color: var(--hex_blue_color);
  -webkit-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -moz-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -ms-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  -o-transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
  transition: all .3s cubic-bezier(0.43,0.27,0.39,0.88);
}
.load_more_btn:hover{
  color: var(--hex_blue_color) !important;
}
.load_more_btn:hover:after{
  background-color: var(--hex_home_common_title_color);
}
 .wp_toc_nav_menu{
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 195px;
  padding: 36px 0 70px;
  z-index:-1;
}
.wp_toc_nav_menu.sticky_visible{
  z-index:1;
}
.wp_toc_nav_menu{
  left:0px;
  right:auto;
  width:220px;
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -moz-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -ms-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -o-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  transition: all .2s cubic-bezier(0.04,0,0.2,1);
}
.wp_toc_nav_menu.sticky_visible{
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.blog_info_data_box,.post-navigation.stick{
  position: sticky;
  position: -webkit-sticky;
  top: 90px;
  z-index: 1;
  display: block !important;
  padding-bottom: 30px;
  padding-left: 0;
  -webkit-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -moz-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -ms-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -o-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  transition: all .2s cubic-bezier(0.04,0,0.2,1);
}

.post-navigation.stick{
  top:110px;
}
.author_bio_pic{
  width: 85px;
  height: 85px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 0;
}
.author_bio_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.blog_info_data_box h5{
  font-weight: 700;
  font-size: 18px;
  margin-bottom:12px;
}
.author_info p{
  font-size: 17px;
  line-height: 26px;
}
.post-nav-title{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}
.toc_data{
  padding:0px;
}
.wp_toc_nav_menu .toc_data li{
  list-style: none;
  font-size: 15px;
  line-height:1.25em !important;
  padding:8px 0px!important;
  color: var(--hex_home_common_title_color);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lwptoc_title{
  font-weight: 700 !important;
}
.lwptoc_header {
  margin-bottom: 10px!important;
}
.lwptoc-notInherit .lwptoc_i .toc_data li a:hover {
  border-bottom:none !important;
}
.toc_data li a span{
  color: var(--hex_mild_blue);
  line-height: 20px;
  font-size: 15px;
  text-decoration: none;
}
.toc_data li a span{
  font-family: var(--hex_font_family);
}
.toc_data li a{
  padding:0px 0px 0px 0px;
  position: relative;
}
/* .toc_data li a:before{
  content:'';
  position: absolute;
  top:8px;
  left:0px;
  width:5px;
  height:2px;
  background-color: var(--hex_blue_color);
  -webkit-transition: width 0.2s linear;
  -moz-transition: width 0.2s linear;
  -ms-transition: width 0.2s linear;
  -o-transition: width 0.2s linear;
  transition: width 0.2s linear;
}
.toc_data li.active a:before{
  width:9px;
} */
/* .toc_data li.active a{
  padding-left: 18px;
} */
.toc_data li.active a span{
  color:var(--hex_blue_color);
}
.blog_search_wrapper{
  padding:30px 0;
}
.blog_search_wrapper .mits_list_subscribe_form .subscribe_form{
  padding:0px;
}
.blog_search_wrapper .mits_list_subscribe_form .subscribe_form form{
  border-radius: 4px;
  padding:0px 0px;
}
.blog_search_wrapper .box_input, .blog_search_wrapper .box_submit{
  height:56px;
}
.blog_search_wrapper .box_input{
  width: 79%;
  border-radius: 4px;
  overflow: hidden;
  padding-right: 0px;
}
.blog_search_wrapper .box_submit {
  min-width: 178px;
  padding-left: 0px;
}
.blog_search_wrapper .box_input input{
  border:none !important;
  padding:0px 25px;
  /* font-family: var(--hex_font_family_secondary); */
}
.blog_search_wrapper .box_submit button{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  /* font-family: var(--hex_font_family_secondary); */
}
.blog_search_wrapper .box_input input, .blog_search_wrapper .box_submit button{
  height:100%;
  font-size: 20px;
}
.mits_selected_category{
  display: none;
}
.post-full-content table {
  border: 1px #e9e9e9 solid;
  margin-bottom: 25px;
  margin-top: 25px;
}
.post-full-content table th{
  font-weight: bold;
    font-size: 14px;
    background: #f5f5f5;
    padding: 7px 7px;
}
.post-full-content table td, .post-full-content table th {
  padding: 12px 16px;
  border-bottom: 1px #e9e9e9 solid;
  border-right: 1px solid #e9e9e9;
  line-height: 1.4;
}
/*********progress bar *********/
progress {
  display:none;
  position: fixed;
  left: 0;
  top: 94px;
  width: 100%;
  height: 2px;
  z-index: 10;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  color:  var(--hex_blue_color);
}

progress::-webkit-progress-bar {
  background-color: transparent;
}

.flat::-webkit-progress-value {
  background-color: var(--hex_blue_color);
}

.flat::-moz-progress-bar {
  background-color:  var(--hex_blue_color);
}

.progress-container {
  width: 100%;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  height: 8px;
  display: block;
}
.progress-bar {
  background-color: r var(--hex_blue_color);
  width: 50%;
  display: block;
  height: inherit;
}
.error_cnt_data {
  text-align: center;
  margin: 0 auto;
  padding: 10% 0px;
}
.error_cnt_data h1{
  font-size:105px;
  font-family: var(--hex_font_family_secondary);
  font-weight: 700;
  color:#454547;
  line-height: 1.5;
  letter-spacing: .06em;
  position: relative;
}
.error_cnt_data p{
  font-size: 18px;
  font-family: var(--hex_font_family_secondary);
  margin-bottom: 30px;
  color: var(--hex_home_common_text_color);
  line-height: 1.4;
}
.error_cnt_data .back_to_home{
  margin: 50px auto 0;
}
.subscribe_section{
  background-color: #ffffff;
  border-top: 1px solid rgba(213,212,212,0.46);
}
/* .subscribe_section .mits_subscribe_wrapper{
  background-color: #ffffff;
  border-top: 1px solid #f2f2f2;
} */
.letter_profile_image{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height:100%;
  width:100%;
  opacity: 0.7;
}
.letter_profile_image p{
  text-align: center;
  align-self: center;
  font-size: 36px;
  color: #ffffff;
  margin: 0 auto;
  letter-spacing: .04em;
  font-family: var(--hex_font_family);
}
.author_first_name, .author_last_name{
  display:none;
}
.comment_wrapper{
  max-width: 810px;
  margin: 0 auto;
}
.comment_wrapper .comment-reply-title{
  font-size: 28px;
  font-family: var(--hex_font_family);
  color: var(--hex_text_secondary);
}
.comment_wrapper .comment-notes{
  font-size: 17px;
  font-family: var(--hex_font_family_secondary);
  color: var(--hex_home_common_text_color);
  margin-bottom: 30px;
}
.comment_wrapper .comment-form input[type="text"], 
.comment_wrapper .comment-form input[type="email"]{
  height: 54px;
}
.comment_wrapper .comment-form input[type="text"], 
.comment_wrapper .comment-form input[type="email"],
.comment_wrapper .comment-form textarea{
  border: 1px solid var(--hex_light_border);
  width:100%;
  font-size: 17px;
  padding: 0px 22px;
  outline: none;
  font-family: var(--hex_font_family);
  resize: none;
  position: relative;
  z-index: 1;
  text-align: left;
  background: transparent;
  -webkit-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -moz-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -ms-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  -o-transition: all .2s cubic-bezier(0.04,0,0.2,1);
  transition: all .2s cubic-bezier(0.04,0,0.2,1);
}
.comment_wrapper .comment-form textarea{
  padding:14px 22px;
}
.comment_wrapper .comment-form input[type="text"]:focus, 
.comment_wrapper .comment-form input[type="email"]:focus,
.comment_wrapper .comment-form textarea:focus{
  border: 1px solid #c8c8c8;
}
.cm-from input::-webkit-input-placeholder,
.cm-from textarea::-webkit-input-placeholder { /* Edge */
  color: #c0c0c0;
}
.cm-from input:-ms-input-placeholder,
.cm-from textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c0c0c0;
}
.cm-from input::placeholder,
.cm-from textarea::placeholder {
  color: #c0c0c0;
}
.cm-from{
  margin-bottom: 25px;
  position: relative;
}
.comment-form-comment.cm-form{
 margin-bottom: 22px;
}
.comment_wrapper  .form-submit{
  margin-top: 30px;
}
.comment_wrapper  .form-submit input[type="submit"]{
  padding: 11px 16px;
    border: 0px;
    background-color: #fff;
    border:1px solid var(--hex_blue_color);
    color: var(--hex_blue_color);
    font-size: 18px;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.comment_wrapper  .form-submit input[type="submit"]:hover{
  background-color: var(--hex_blue_color);
  color:#ffffff;
}
.comments-area li{
  list-style: none;
}
.comments-area .says{
  display: none;
}
.comment_article{
  padding: 30px 0;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.cmt-img-thumbnail{
  width: 50px;
  height:50px;
  overflow: hidden;
  position: absolute;
  top:36px;
  left:0px;
  border-radius: 50%;
}
.cmt-img-thumbnail img{
  width:100%;
}
.mits_other_post{
  position: relative;
}
.mg-blog .blog_post_content_wrap h3{
  min-height:60px;
}
@media screen and (max-width:1100px) {
  .mg-blog .blog_post_content_wrap h3{
    min-height:52px;
  }
}
#loading-animation{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.99);
  z-index: 9;
  display: none;
}
.comment-block-data{
  padding: 0px 8px 0px 80px;
  width:100%;
}
.comment-by{
  justify-content: space-between;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.comment-by .commenter-name{
  font-size: 16px;
  font-weight: 700;
  color: var(--hex_mild_blue);
}
.comment-by .date{
  font-size: 14px;
    color: var(--hex_mild_blue);
    font-family: var(--hex_font_family);
}
.comments-visible p:empty{
  display:none;
}
.comments-visible p{
  font-size: 16px;
  color:var(--hex_mild_blue);
  line-height: 26px;
  margin-bottom: 12px;
}
.comment-reply a{
  font-size: 14px;
  color: var(--hex_blue_color);
  font-family: var(--hex_font_family);
  text-decoration: none;
}
.comment-respond{
  padding-top: 20px;
}
.reply-comments-title{
  font-size: 24px;
  font-family: var(--hex_font_family);
  color: var(--hex_text_secondary);
  padding-top: 30px;
}
.comment-block-data em{
  color: var(--hex_home_common_text_color);
  margin-bottom: 8px;
  display: block;
}
.comment-reply-title a{
  font-size: 26px;
  color: var(--hex_text_secondary);
  font-weight: 400;
  letter-spacing: 0.02em;
  text-decoration: none;
}
#cancel-comment-reply-link{
  font-size: 14px;
    color: var(--hex_error_red);
    text-decoration: none;
}
.comment-form div.error{
  position: absolute;
    height: 100%;
    top: 0px;
    width: 100%;
    text-align: right;
    padding: 16px 15px;
    color: var(--hex_error_red);
    font-size: 13px;
}
.comment-list li.depth-3 .comment-reply a{
  display:none;
}
.heateorSssSharingSvg{
  background-size: 65% !important;
}

.search_blog_page_wrap{
  padding-top: 30px;
}
.search_page_data_content h2{
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 15px;
  color: var(--hex_home_common_title_color);
  line-height: 1.2;
}
.search_page_data_content p{
  font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: var(--hex_home_common_title_color);
    font-family: var(--hex_font_family_secondary);
    opacity: 0.8;
    padding: 0;
    margin: 0;
}
.mits_search_result{
  padding-top: 0px;
  padding-bottom: 0px !important;
}
.search_blog_page_wrap .not_found-txt{
  padding:50px 0 100px;
}
.search_blog_page_wrap p.find-what{
  font-size: 18px;
  color: var(--hex_mild_blue);
  line-height: 1.75em;
  margin: 0 0 0px;
  font-weight: 400;
  font-family: var(--hex_font_family_secondary);
  padding: 0px 0 0;
  font-style: normal;
}
.blog_search_form{
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  float: right;
  margin: 16px 0 16px 0px;
  -webkit-transition: width 0.2s linear;
  -moz-transition: width 0.2s linear;
  -ms-transition: width 0.2s linear;
  -o-transition: width 0.2s linear;
  transition: width 0.2s linear;
}
.blog_search_form.search_open{
  width:180px;
  margin-left:25px;
}
.head_search_input{
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 38px;
  border: none;
  -webkit-transition: width .2s,padding .2s;
  transition: width .2s,padding .2s;
  cursor: pointer;
  background-color: transparent;
  padding: 0px 10px;
  color: #000000;
  font-size: 15px;
  letter-spacing: normal;
  outline: none;
  cursor: text;
}
.head_search_input::-webkit-input-placeholder { /* Edge */
  color: #b0b0b0;
}
.head_search_input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #b0b0b0;
}
.head_search_input::placeholder {
  color: #b0b0b0;
}
.wp_toc_nav_menu UL.lwptoc_itemWrap{
  max-height: 80vh;
  overflow-y: auto;
  padding-bottom: 60px !important;
}
@media screen and (min-width:1280px) {
  .wp_toc_nav_menu UL.lwptoc_itemWrap span.lwptoc_item_label {
    display: -webkit-box;
    max-width: 198px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
  }
}

.wp_toc_nav_menu UL.lwptoc_itemWrap::-webkit-scrollbar {
  width:4px;
  height:4px;
  opacity: 0;
}
.wp_toc_nav_menu UL.lwptoc_itemWrap::-webkit-scrollbar-track {
  -webkit-box-shadow: 0 0 0px rgba(0,0,0,0.3);
}
.wp_toc_nav_menu UL.lwptoc_itemWrap::-webkit-scrollbar-thumb {
background-color: #9ba4ad;
outline: 1px solid #9ba4ad;
opacity: 0;
}
.mc4wp-response .mc4wp-error p{
  font-family: var(--hex_font_family);
  font-size: 15px;
  color: var(--hex_error_red);
}
.mc4wp-response .mc4wp-success p{
  font-family: var(--hex_font_family);
  font-size: 15px;
  color: var(--hex_success_green);
}

.q-tab .qu-box {
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
  margin-bottom: 8px;
  cursor: pointer;
  position: relative;
}
.q-tab .qu-box h6,
.q-tab .qu-box p {
  text-align: left !important;
  font-weight: 300;
}
.q-tab .qu-box h6 {
  font-size: 18px;
  color: #000000;
  letter-spacing: normal;
  line-height: 1.6;
  padding: 15px 42px 15px 20px;
  margin:0;
}
.q-tab .qu-box h6.active {
  color: var(--hex_blue_color);
}
.q-tab .qu-box h6 span.plus {
  width: 30px;
  height: 30px;
  padding: 8px;
  border: 2px solid transparent;
  position: absolute;
  right: 12px;
  top: 15px;
}
.q-tab .qu-box h6 span.plus:before {
  position: absolute;
  content: '';
  right: 13px;
  left: auto;
  height: 10px;
  width: 2px;
  background-color: #413e3e;
  top: 9px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.q-tab .qu-box h6 span.plus:after {
  position: absolute;
  content: '';
  right: 9px;
  height: 2px;
  width: 10px;
  background-color: #413e3e;
  top: 13px;
}
.q-tab .qu-box .accordion-content {
  padding: 0px 20px 10px;
}
.q-tab .qu-box p {
  font-size: 18px;
  color: var(--hex_mild_blue);
  line-height: 1.75em;
  padding: 0 0 10px;
  font-weight: 400;
  font-family: var(--hex_font_family_secondary);
  margin-bottom: 0;
}
.q-tab .qu-box p b{
  font-weight: 400;
}
.q-tab .qu-box .accordion-toggle.active .plus:before {
  background-color: var(--hex_blue_color) !important;
  -webkit-transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
  -moz-transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
  -o-transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
  -ms-transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
  transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
}
.q-tab .qu-box .accordion-toggle.active .plus:after {
  background-color: var(--hex_blue_color) !important;
}
.wp-block-group.has-background{
  padding:18px 20px;
  margin-bottom:25px;
}
.wp-block-group.has-background p{
  margin:10px 0;
}
.thankyou_wrap{
  padding-top: 72px;
}
.thankyou_page{
  height: 700px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.thankyou_page .container{
  height:100%;
}
.thankyou_content{
  height:100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.thank_block{
  align-self: center;
  width:480px;
}
.thank_block h1{
  font-size: 38px;
    line-height: 1.5;
    letter-spacing: -0.01em;
    font-weight: 700;
    color:#ffffff;
    margin-bottom: 18px;
}
.thank_block p{
  font-size: 18px;
  color: #ffffff;
  line-height: 1.8;
  letter-spacing: -0.01em;
  margin: 0 0 0px;
  font-weight: 400;
  font-family: var(--hex_font_family_secondary);
}
.post-full-content img.alignleft{
  margin: 0px 20px 6px 0;
  display: inline-block;
  float: left;
}
.next_blog{
    margin: 30px auto;
    width: 670px;
}
.post-next{
  border: 1px solid #eeeeee;
  border-radius: 3px;
  padding:20px;
}
.post-next a{
  display: block;
  text-decoration: none !important;
  border:none !important;
}
.blog_warp_next{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.blog_warp_next .next_blog_thumb{
  width: 170px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 90px;
}
.blog_warp_next .next_post_content{
  width:calc(100% - 160px);
  padding-left: 20px;
    display: flex;
}
.blog_warp_next .next_post_content .center_box{
  align-self: center;
}
.blog_warp_next .next_post_content label{
  color: var(--hex_text_common_grey);
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
    display: block;
}
.blog_warp_next .next_post_content h4{
  font-size: 18px;
  color: var(--hex_home_common_title_color);
  margin: 8px 0 10px;
  line-height: 26px;
  font-family: var(--hex_font_family_secondary);
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.post-next:hover .blog_warp_next .next_post_content h4{
  color:var(--hex_link_hover);
}
.blog_warp_next a:hover .next_post_content h4{
  color: var(--hex_home_common_text_color) !important;
}
.blog_warp_next .next_post_content p{
  font-size: 15px;
  line-height: 1.7;
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.demo_box{
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  padding:20px;
  margin-bottom:28px;
}
.post-full-content .demo_box .demo_wrap h6{
  font-size: 22px !important;
  color: var(--hex_home_common_title_color);
  margin: 8px 0 20px;
  line-height: 28px!important;
  font-family: var(--hex_font_family_secondary);
  font-weight: 600!important;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.post-full-content .demo_box .demo_wrap  a{
  color: var(--hex_blue_color) !important;
    border-radius: 4px;
    padding: 10px 15px;
    font-size: 14px;
    display: table;
    margin: 0 auto 10px;
    text-transform: uppercase;
    letter-spacing: normal;
    text-align: center;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid var(--hex_blue_color);
    text-decoration: none;
    font-family: var(--hex_font_family);
    background-color: transparent;
    min-width: 90px;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.post-full-content .demo_box .demo_wrap  a:hover{
  background-color: var(--hex_blue_color);
  color:#ffffff !important;
}
.signup_box{
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  margin-bottom:30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.signup_wrap_img{
  padding: 20px 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.signup_wrap_img .signup-bg{
  width: 200px;
    background-size: cover;
    align-self: center;
    height: 130px;
    background-position: center;
}
.signup_wrap{
  padding:15px;
}
.signup_wrap h5{
  font-size: 20px;
  margin: 0px 0px 10px;
}
.signup_wrap p{
  font-size:17px;
  margin: 0px 0px 16px;
}
.post-full-content .signup_wrap a{
  color: #ffffff!important;
    padding: 10px 15px;
    font-size: 14px;
    display: table;
    margin: 0 0 10px;
    text-transform: uppercase;
    letter-spacing: normal;
    text-align: center;
    font-weight: 500;
    border-radius: 4px;
    letter-spacing: .02em;
    background-color: var(--hex_blue_color);
    border: 1px solid var(--hex_blue_color);
    text-decoration: none;
    font-family: var(--hex_font_family);
    min-width: 90px;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.post-full-content .signup_wrap a:hover {
  text-decoration: none;
  background-color: var(--hex_btn_hover);
}
.bctt-click-to-tweet{
  margin-bottom: 28px !important;
}
.bctt-click-to-tweet .bctt-ctt-text a{
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  font-family: var(--hex_font_family_secondary) !important;
  color: var(--hex_mild_blue) !important;
  font-style: italic;
}
.bctt-click-to-tweet.bctt-type-text{
  display:initial !important;
  border: 0;
  padding: 0;
  margin-bottom: 0 !important;
  margin-top: 0;
  background-color: transparent !important;
}
.bctt-click-to-tweet.bctt-type-text .bctt-ctt-text a{
  font-size: 20px;
    color: var(--hex_mild_blue) !important;
    line-height: 1.8;
    font-style: inherit;
    letter-spacing: -0.01em;
    margin: 0 0 0px;
    display: initial;
    font-weight: 400;
    font-family: var(--hex_font_family_secondary) !important;
    padding:0px 0px;
    word-wrap: initial;
    border-bottom: 1px dashed #909090 !important;
    position: relative;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
.bctt-click-to-tweet.bctt-type-text .bctt-ctt-btn{
  display: none;
  float:none;
}
.bctt-click-to-tweet i{
  display: none;
}
.bctt-click-to-tweet.bctt-type-text .bctt-ctt-text i{
  position: relative;
  top: 2px;
  font-size: 17px;
  display: inline-block;
  color: #55acee;
  margin-right: 5px;;
}
.bctt-click-to-tweet.bctt-type-text:after{
  display: none;;
}
.bctt-click-to-tweet.bctt-type-text .bctt-ctt-text a:hover{
  color: #717171 !important;
}
.bctt-click-to-tweet.bctt-type-text .bctt-ctt-text a:before, .bctt-click-to-tweet.bctt-type-text .bctt-ctt-text a:after {
  left: 50%;
  opacity: 0;
  position: absolute;
  z-index: -100;
}
.bctt-click-to-tweet.bctt-type-text .bctt-ctt-text a:before{
  left: 50%;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent;
    bottom: 105%;
    content: "";
    margin-left: -6px;
    -webkit-transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .199s;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .199s;
    -webkit-transform: scale(.6) translateY(-90%);
    transform: scale(.6) translateY(-90%);
}
.bctt-click-to-tweet.bctt-type-text .bctt-ctt-text a:after{
  font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    border-radius: 4px;
    bottom: 112%;
    content: attr(data-tip);
    white-space: nowrap;
    -webkit-transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
    -webkit-transform: scale(.6) translate(-50%,70%);
    transform: scale(.6) translate(-50%,70%);
    transform-origin: 0;
    padding: 6px 24px 6px;
    color: var(--hex_home_common_title_color);
    background-color: #fff;
    box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
}
.bctt-click-to-tweet.bctt-type-text .bctt-ctt-text a:hover:before, .bctt-click-to-tweet.bctt-type-text .bctt-ctt-text a:focus:before {
  -webkit-transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
  transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
  opacity: 1;
  transform: scale(1) translateY(0);
  z-index: 101;
}
.bctt-click-to-tweet.bctt-type-text .bctt-ctt-text a:hover:after, .bctt-click-to-tweet.bctt-type-text .bctt-ctt-text a:focus:after {
  -webkit-transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
  transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
  opacity: 1;
  -webkit-transform: scale(1) translate(-50%,0);
  transform: scale(1) translate(-50%,0);
  z-index: 100;
}

.download_box{
  border: 1px solid #f9f9f9;
  border-radius: 3px;
  margin-bottom:28px;
  background-color: #f9f9f9;
}
.download_wrap{
  padding:20px;
}
.download_wrap h5{
  font-size: 20px;
  margin: 0px 0px 10px;
}
.download_wrap p{
  font-size:17px;
  margin: 0px 0px 16px;
}
.post-full-content > br{
  display: none;
 }
.post-full-content .download_wrap a{
  color: var(--hex_blue_color) !important;
    border-radius: 4px;
    padding: 10px 15px;
    font-size: 14px;
    display: table;
    margin: 0 0 10px;
    text-transform: uppercase;
    letter-spacing: normal;
    text-align: center;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid var(--hex_blue_color);
    text-decoration: none;
    font-family: var(--hex_font_family);
    background-color: transparent;
    min-width: 90px;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
 
 

.post-full-content .download_wrap a:hover{
  background-color:var(--hex_blue_color);
  color:#ffffff !important;
}
 
.download_wrap form{
  width: 320px;
    margin-bottom: 4px;
} 
 
.post-full-content .thankyoyshare{margin-top: 40px;}
 
.download_wrap form .box_form{
  height:62px;
}
.download_wrap form .box_form input[type="email"]{
  width: 100%;
    height: 43px;
    font-size: 16px;
    padding: 0px 15px;
    border-radius: 3px;
    border: 1px solid #d6d6d6;
    outline: none;
}
.popup_wrap{
   position: fixed;
   right:0px;
   top:300px;
   z-index: 50;
   width: 290px;
   height: auto;
   -webkit-transform: translateX(310px);
   -moz-transform: translateX(310px);
   -ms-transform: translateX(310px);
   transform: translateX(310px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.popup_wrap.pop_visible{
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}
/* .popup_box{
  height:100%;
  width:100%;
  position: absolute;
  overflow-y: scroll;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; 
}*/
.enable_popup_data{
  background-color: #ffffff;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
  border-left: 1px solid rgba(0,0,0,.08);
  border-bottom: 1px solid rgba(0,0,0,.08);
  position: relative;
  -webkit-transition:all .3s ease-out;
  transition:all .3s ease-out;
  /* -webkit-animation:modalFadeIn .3s ease-out;
  animation:modalFadeIn .3s ease-out */
}
.popup_bg_img{
  position: relative;
}
.popup_bg_img:before{
  content:'';
  position: absolute;
  background-image: url('../images/blog-subcribe.png');
  background-repeat: no-repeat;
  width: 100%;
  height: 150px;
  background-position: center;
  z-index: 1;
  background-size: contain;
  top: -127px;
}
.popup_content .box_submit button[disabled]{
  cursor: not-allowed;
}
.popup_content{
  padding:42px 20px 25px;
}
.popup_content p{
  text-align: center;
  line-height:1.6;
}
.popup_content h4{
  font-size: 22px;
  text-align: center;
  margin-bottom: 12px;
}
.popup_content .box_input {
  height:auto !important;
}
.popup_content .box_input label.error{
 color:#dd0735;
 font-size: 15px;
}
.popup_content .box_input input[type="email"].error{
 border:1px solid #e99b9d;
}
.close-popup{
  width: 30px;
  height: 30px;
  position: absolute;
  right: 5px;
  top: -136px;
  cursor: pointer;
  z-index: 10;
}
.close-popup i{
  text-align: center;
  font-size: 12px;
  display: block;
  padding: 10px 0px;
}
/* @-webkit-keyframes modalFadeIn{0%{opacity:0;top:-50px}100%{opacity:1;top:0}}
@-moz-keyframes modalFadeIn{0%{opacity:0;top:-50px}100%{opacity:1;top:0}}
@keyframes modalFadeIn{0%{opacity:0;top:-50px}100%{opacity:1;top:0}} */

/*******UI AUTOCOMPLETE********/
.ui-helper-hidden-accessible {
  display: none !important;
}

.ui-autocomplete {
  margin: 0px !important;
  position: absolute !important;
}

.ui-autocomplete .scrollbar-macosx {
  max-height: 430px;
  overflow: auto;
}

.ui-widget.ui-widget-content {
  max-width: 100% !important;
  width:570px!important;
  z-index: 999;
  border: 1px solid rgba(213, 212, 212, 0.46) !important;
  background-color: #ffffff;
  padding: 0px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top: 0px !important;
}

.ui-menu .ui-menu-item li {
  border-bottom: 1px solid #f1f1f1;
  max-width:100%;
  display: none;
}

.ui-menu .ui-menu-item li:nth-child(-n+10) {
  display: block;
}

.ui-menu .ui-menu-item li.ui-autocomplete-footer {
  padding: 5px 6px 5px 6px !important;
  border-bottom: 0px;
  display: block !important;
}

.ui-menu .ui-menu-item li.ui-autocomplete-footer.ui-menu-item-wrapper a {
  padding: 5px 0px 7px !important;
}

.ui-menu .ui-menu-item li.ui-autocomplete-footer a {
  text-decoration: underline !important;
  font-family: var(--hex_font_family);
  font-weight: 400;
  color: #191919;
  font-size: 12px;
  letter-spacing: 0.01em;
  line-height: 1.2;
  text-align: left;
}

.ui-menu .ui-menu-item li.ui-autocomplete-footer .ui-state-active {
  background-color: transparent !important;
}

.ui-menu .ui-menu-item li.ui-autocomplete-footer.hvr-ui {
  background-color: transparent !important;
}

.ui-menu .ui-menu-item .scrollbar-macosx li.ui-autocomplete-heading {
  font-family: var(--hex_font_family);
  font-weight: 400;
  color: #191919;
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 1.2;
  text-align: left;
  list-style: none;
  padding: 15px 0px 10px 0px !important;
  margin: 0px 14px !important;
  border-bottom: 1px solid rgba(213, 212, 212, 0.26) !important;
}

.ui-menu .ui-menu-item .scrollbar-macosx li.ui-autocomplete-heading span {
  color: var(--hex_blue_color) !important;
}

.ui-menu .ui-menu-item .scrollbar-macosx li.ui-autocomplete-heading span.ui-state-active {
  background-color: transparent !important;
}

.ui-menu .ui-menu-item .scrollbar-macosx li.ui-autocomplete-heading.hvr-ui {
  background-color: transparent !important;
}

.ui-menu .ui-menu-item a {
  font-family: var(--hex_font_family);
  font-weight: 400;
  color: #191919;
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 1.2;
  text-align: left;
  width: 100%;
  height: 100%;
  display: block;
  padding: 11px 5px 14px;
  text-decoration: none !important;
}
.ui-menu .ui-menu-item .ac-img{
  display:inline-block;
  vertical-align: top;
  width:40px;
  overflow: hidden;
  border-radius: 3px;
}
.ui-menu .ui-menu-item .ac-img img {
  height: 40px;
}
.ui-menu .ui-menu-item .ac-text {
  width:calc(100% - 50px);
  display: inline-block;
  vertical-align: top;
  padding-left: 8px;
}
.ui-menu .ui-menu-item .ac-text h6 {
  font-family: var(--hex_font_family);
  font-weight: 400;
  color: #191919;
  font-size: 16px;
  letter-spacing: 0.01em;
  line-height: 1.4;
  height: 22px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 0px;
  padding-left: 0px;
  margin-bottom: 2px;
}

.ui-menu .ui-menu-item .ac-text p {
  font-family: var(--hex_font_family);
  font-weight: 400;
  color: #5F6368;
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 1.2;
  text-align: left;
  height: 16px;
  overflow: hidden;
  padding-left: 0px;
  margin: 0;
  width: 90%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-menu .ui-menu-item .ac-text
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: transparent !important;
}

.ui-menu .ui-menu-item-wrapper {
  padding: 0px 0px !important;
  margin: 0px 10px !important;
}

.ui-state-active {
  background-color: transparent !important;
  padding: 0px 0px !important;
  margin: 0px 10px !important;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #a7a7a7 !important;
}

.ui-menu-item-wrapper.ui-state-active.hvr-ui {
  background-color: #fafafa !important;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  left: 0px !important;
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #a5a5a5 !important;
}

.mobile-menu-toggle span.menu {
  width: 22px;
  height: 16px;
  border: none;
  background: transparent;
  position: relative;
  cursor: pointer;
  z-index: 200;
  margin: 0;
  display: flex;
}
.open_comment {
  margin:30px auto 10px;
  cursor: pointer;
  background-color: transparent;
  padding:0px;
  border:1px solid var(--hex_blue_color);
}
.open_comment p{
 margin:0px;
 font-weight: 400;
  line-height: 1;
  font-size:18px;
  text-transform: none;;
  padding:14px 20px!important;
  color:var(--hex_blue_color) !important;
  -moz-transition:all 0.2s linear;
  -ms-transition:all 0.2s linear;
  -webkit-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.open_comment:hover{
  background-color: var(--hex_blue_color) !important;
}
.open_comment:hover p{
  color:#ffffff !important
}
.mobile-menu-toggle span.menu > span {
  top: 50%;
  margin-top: -2px;
  visibility: visible;
  opacity: 1;
  transition: opacity .2s,visibility .2s,background-color .2s linear;
}

.mobile-menu-toggle span.menu:before, .mobile-menu-toggle span.menu:after {
  content: "";
}

.mobile-menu-toggle span.menu:before, .mobile-menu-toggle span.menu:after, .mobile-menu-toggle span.menu span {
  width: 100%;
  height: 3px;
  border-radius: 100px;
  position: absolute;
  left: 0;
  background-color: #191919;
}

.mobile-menu-toggle span.menu:before {
  bottom: 0;
  margin-bottom: 0;
  transition: .2s all .3s,-webkit-transform .2s,background-color .2s linear;
  transition: transform .2s,0.2s all .3s,background-color .2s linear;
  transition: transform .2s,0.2s all .3s,-webkit-transform .2s,background-color .2s linear;
}

.mobile-menu-toggle span.menu:after {
  top: -1px;
  margin-top: 0;
  transition: .2s all .3s,-webkit-transform .2s,background-color .2s linear;
  transition: transform .2s,0.2s all .3s,background-color .2s linear;
  transition: transform .2s,0.2s all .3s,-webkit-transform .2s,background-color .2s linear;
}

.mobile-menu-toggle.mob-menu-open span.menu:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 50%;
  margin-bottom: -2px;
  transition: all .2s,0.2s -webkit-transform .3s;
  transition: all .2s,0.2s transform .3s;
  transition: all .2s,0.2s transform .3s,0.2s -webkit-transform .3s;
}

.mobile-menu-toggle.mob-menu-open span.menu > span {
  visibility: hidden;
  transition: opacity .3s,visibility .3s;
  opacity: 0;
}

.mobile-menu-toggle.mob-menu-open span.menu:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  margin-top: -1px;
  transition: all .2s,0.2s -webkit-transform .3s;
  transition: all .2s,0.2s transform .3s;
  transition: all .2s,0.2s transform .3s,0.2s -webkit-transform .3s;
}

/**********footer style start************/
footer {
  border-top: 1px solid rgba(213,212,212,0.46);
}
.footer{
    position: relative;
    background-color: #ffffff !important;
    padding: 60px 0 30px;
    display: block;
    color:var(--hex_fade_black)!important;
    font-family: var(--hex_font_family)!important;
  }
  .footer a {
    color: #556575 !important;
  }
  .hex__footer_cell_header.hex__footer_cell_header_img{
    display:block
  }
  .hex__footer_wrapper{
      position: relative;
      background-color: #fafafa;
      padding: 60px 0 0;
      display: block;
    }
    .hex__footer_cell_wrapper{
      padding: 10px;
      align-self: stretch;
    }
    .hex__footer_cell_hexnode{
      width:17%;
    }
    .hex__footer_cell_product{
      width: 11%;
    }
    .hex__footer_cell_capabilities{
      width: 18%;
    }
    .hex__footer_cell_company{
      width: 14%;
    }
    .hex__footer_cell_sales{
      width: 25%;
    }
    .hex__footer_cell_contact{
      width: 15%;
    }
    .hex__footer_cell_header, .hex__footer_cell_header__mobile{
      font-size: 16px;
      line-height: 26px;
      font-weight: 600;
      margin: 0 0 10px;
      padding: 0;
      color: var(--hex_home_common_title_color) !important;
      text-transform: uppercase;
    }
    a.hex__footer_cell_header.hex__footer_cell_header_img{
      display: block;
    }
    .hex__footer_cell_header.hex__footer_cell_header_img, 
    .hex__footer_cell_header__mobile.hex__footer_cell_header_img{
    }
    .hex__footer_cell_header.hex__footer_cell_header_img>img,
    .hex__footer_cell_header__mobile.hex__footer_cell_header_img>img{
      max-width: 90px;
      margin-bottom: 6px;
    }
    .hex__footer_cell_content{
      margin-bottom: 12px;
    }
    .hex__footer_link, a.hex__footer_link{
      font-size: 15px;
      line-height: 1.5;
      font-weight: 400;
      margin: 0;
      padding: 3px 0;
      color: var(--hex_home_common_text_color) !important;
      text-transform: none;
      text-decoration: none;
      cursor: pointer;
      /*white-space: nowrap;*/
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
    }
    .hex__footer_address{
      font-size: 14px;
      line-height: 1.5;
      font-weight: 400;
      margin: 0;
      padding: 3px 0;
      color:  var(--hex_home_common_text_color) !important;
      text-transform: none;
      text-decoration: none;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
    }
    .hex__footer_link span:first-child{
      margin-right: 2px;
    }
    .hex__footer_link span:nth-child(2){
      margin-left: 2px;
    }
    .hex__footer_link:hover,
    .hex__footer_link:focus{
      color: var(--hex_home_common_title_color)  !important;
      text-transform: none;
      text-decoration: underline;
    }
    .hex__footer_link:hover span,
    .hex__footer_link:focus span{
      color:  var(--hex_home_common_text_color) !important;
    }
    .hex__footer_collapse_trigger{
      position: relative;
      cursor: pointer;
    }
    a.hex__footer_link.hex__footer_collapse_trigger{
      /*line-height: 1.5;
      margin-top: 2.75px;*/
      padding-bottom: 4px;
    }
    a.hex__footer_collapse_trigger:hover, a.hex__footer_collapse_trigger:focus{
      text-decoration: none;
      color:  var(--hex_home_common_text_color);
    }
    .hex__footer_collapse_trigger::before{
      content: url('../../assets/images/arrow-white.svg');
      display: inline-block;
      position: absolute;
      line-height: 1;
      width: 10px;
      top: 6px;
      left: -12px;
      -webkit-transform: scale(0.7) rotate(-90deg);
      transform: scale(0.7) rotate(-90deg);
      -webkit-transition: transform 0.2s ease-in;
      transition: transform 0.2s ease-in;
    }
    .hex__footer_collapse_trigger.active{
      color: var(--hex_home_common_title_color) !important;
    }
    .hex__footer_collapse_trigger.active::before{
      -webkit-transform: scale(0.70) ;
      transform: scale(0.70);
    }
    .hex__footer_collapse_trigger.active::after{
      transform: rotate(180deg);
    }
    ul.hex__footer_collapse_ul{
      margin: 0 0 5px 5px;
      padding-left:0px;
    }
    .hex__footer_collapse_ul li{
      list-style: none;
    }
    .hex__footer_collapse_ul li p{
      margin-bottom:0px;
      color: var(--hex_home_common_text_color) !important;
    }
    .hex__footer_collapse_ul{
      position: relative;
      overflow: hidden;
      display: none;
    }
    @media screen and (max-width: 1260px) and (min-width: 1101px){
      .hex__footer_link{
        font-size: 13px;
      }
      .hex__footer_address{
        font-size: 13px;
      }
      .hex__footer_cell_hexnode{
        width: 16%;
      }
      .hex__footer_cell_capabilities{
        width: 19%;
      }
    }
    @media screen and (max-width: 1100px){
      .footer{
        padding: 50px 0 30px;
      }
      .hex__footer_cell_hexnode{
        width:28%;
        order: 1;
      }
      .hex__footer_cell_product{
        width: 28%;
        order: 2;
      }
      .hex__footer_cell_capabilities{
        width: 25%;
        order: 4;
        margin-top: 0px;
      }
      .hex__footer_cell_company{
        width: 25%;
        order: 5;
        margin-top: 0px;
      }
      .hex__footer_cell_sales{
        width: 35%;
        order: 3;
      }
      .hex__footer_cell_contact{
        width: 35%;
        order: 6;
        margin-top: 0px;
      }
      .scroll-hide .page_wrapper{
        padding-top: 0px;
      }
      .page_wrapper{
        padding-top: 64px;
      }
    }
    @media(min-width:1341px){
      .form-control::-webkit-input-placeholder { /* Edge */
        font-size:13px;
        }
        .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
          font-size:13px;
        }
        .form-control::placeholder {
          font-size:13px;
        }
    }
    @media(max-width:1341px){
      .form-control::-webkit-input-placeholder { /* Edge */
        font-size:12px;
        }
        .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
          font-size:12px;
        }
        .form-control::placeholder {
          font-size:12px;
        }
    }
    @media(max-width:600px){
      .form-control::-webkit-input-placeholder { /* Edge */
        font-size:13px;
        }
        .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
          font-size:13px;
        }
        .form-control::placeholder {
          font-size:13px;
        }
    }
    @media screen and (max-width: 767px){
      /*.hex__footer_wrapper .hex__common_container_wrapper{
        max-width: 540px;
      }*/
      .hex__footer_cell_hexnode{
        width:50%;
        order: 1;
      }
      .hex__footer_cell_product{
        width: 50%;
        order: 3;
        margin-top: -85px;
      }
      .hex__footer_cell_capabilities{
        width: 50%;
        order: 5;
        margin-top: 0px;
      }
      .hex__footer_cell_company{
        width: 50%;
        order: 4;
        margin-top: -12px;
      }
      .hex__footer_cell_sales{
        width: 50%;
        order: 2;
      }
      .hex__footer_cell_contact{
        width: 50%;
        order: 6;
        margin-top: -50px;
      }
      .hex__footer_cell_wrapper_existing_users{
        display: none!important;
      }
      .mits_subscribe_data_content .content_newletter h3{
        display: block;
      }
      /* .mits_list_subscribe_form h3{
        display: none ;
      } */
    }
    .hex__footer_cell_header__mobile{
      display: none;
    }
    @media screen and (max-width: 600px){
    
      .hex__footer_cell_header__mobile{
        display: block;
        margin: 0;
        padding: 10px;
        position: relative;
      }
      .hex__footer_cell_header__mobile::after{
      content: url('../../assets/images/arrow-white.svg');
      line-height: 1;
      display: inline-block;
      position: absolute;
      width: 15px;
      top: 16px;
      right:10px;
      -webkit-transition: transform 0.2s ease-in;
      -moz-transition: transform 0.2s ease-in;
      -ms-transition: transform 0.2s ease-in;
      -o-transition: transform 0.2s ease-in;
      transition: transform 0.2s ease-in;
      }
      .hex__footer_cell_header__mobile.active{
        color: var(--hex_home_common_title_color) !important;
      }
      .hex__footer_cell_header__mobile.active::after{
        transform: rotate(180deg);
      }
      .hex__footer_cell_content{
        padding: 0 10px 5px;
        margin-bottom: 0;
      }
      .hex__footer_cell_hexnode{
        width:100%;
        order: 1;
        padding: 0;
      }
      .hex__footer_cell_product{
        width: 100%;
        order: 2;
        padding: 0;
        margin-top: 0;
      }
      .hex__footer_cell_capabilities{
        width: 100%;
        order: 3;
        padding: 0;
        margin-top: 0;
      }
      .hex__footer_cell_company{
        width: 100%;
        order: 5;
        padding: 0;
        margin-top: 0;
      }
      .hex__footer_cell_sales{
        width: 100%;
        order: 4;
        padding: 0;
        margin-top: 0;
      }
      .hex__footer_cell_contact{
        width: 100%;
        order: 6;
        padding: 0;
        margin-top: 0;
      }
    }
    @media screen and (min-width: 601px){
      .hex__footer_cell_content{
        display: block!important;
      }
    }
    .hex__footer_collapsible_wrapper{
      margin-left: -10px;
      margin-right: -10px;
      justify-content: space-between;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width:100%;
    }
    .hex__footer_bottom_bar{
      position: relative;
      background-color: #f2f2f2;
      padding: 20px 0;
    }
    .hex__footer_bottom_privacy_wrapper{
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      order: 2;
      margin-left:0px;
    }
    .hex__footer_bottom_bar_nav{
      margin: 0;
      display: -webkit-box;
      display: -ms-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      padding-left:0px;
    }
    ul.hex__footer_bottom_bar_nav li{
      list-style: none;
      display: inline-block;
      line-height: 1;
    }
    ul.hex__footer_bottom_bar_nav li::after{
      content: "-";
      display: inline-flex;
      padding: 0 5px;
      font-size: 14px;
      line-height: 1;
      opacity: 0.8;
    }
    ul.hex__footer_bottom_bar_nav li:last-child::after{
      display: none;
    }
    ul.hex__footer_bottom_bar_nav li>a{
      font-size: 13px;
      line-height: 24px;
      color: var(--hex_home_common_text_color) !important;
      font-weight: 400;
      cursor: pointer;
      font-family: 'Source Sans Pro', sans-serif !important;
    }
    ul.hex__footer_bottom_bar_nav li>a:hover,
    ul.hex__footer_bottom_bar_nav li>a:focus{
      text-decoration: none;
      color: #020a19 !important;
    }
    .hex__footer_bottom_copyright_wrapper{
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      order: 3;
      flex: auto;
      justify-content: flex-end;
    }
    .hex__footer_bottom_copyright_wrapper p{
      padding: 0;
      font-size: 13px;
      line-height: 24px;
      color: var(--hex_home_common_text_color) !important;
      font-weight: 400;
      margin: 0;
      font-family: 'Source Sans Pro', sans-serif !important;
    }
    .hex__footer_bottom_lang_wrapper{
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      order: 1;
      /*flex: auto;*/
      justify-content: flex-end;
    }
    .hex__footer_bottom_lang_dropup{
      line-height: 1;
      position: relative;
    }
    .hex__footer_bottom_lang_dropup ul.hex__lag_dropup{
      list-style: none;
      margin: 0;
      padding: 15px;
      line-height: 1;
      border-radius: 5px;
      min-width: 160px;
      position: absolute;
      left: 0;
      bottom: 28px;
      z-index: 0;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
    @media screen and (max-width: 600px){
      .hex__footer_bottom_lang_dropup ul.hex__lag_dropup{
        left: 50%;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -o-transform:translateX(-50%);
        transform:translateX(-50%);
      }
    }
    .hex__footer_wrapper .hex__common_container_wrapper .hex__footer_collapsible_wrapper{
      /*width: calc(88% + 20px);*/
      margin-left: -10px!important;
      margin-right: -10px!important;
    }
    .hex__footer_bottom_lang_dropup .hex__lag_dropup::before{
      content: "";
      -webkit-backface-visibility:hidden;
      backface-visibility:hidden;
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
      border-radius: 5px;
      z-index: -1;
      opacity: 0;
      -webkit-transform: scale(.95);
      -moz-transform: scale(.95);
      -ms-transform: scale(.95);
      -o-transform: scale(.95);
      transform: scale(.95);
      -webkit-transform-origin:50% 0;
      transform-origin:50% 0;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;  
      box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12);
    }
    .hex__footer_bottom_lang_dropup:hover .hex__lag_dropup::before{
      opacity: 1;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    .hex__footer_bottom_lang_dropup:hover .hex__lag_dropup{
      visibility: visible;
      opacity: 1;
      z-index: 1;
    }
    ul.hex__lag_dropup li{
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      -webkit-transform: translateY(8px);
      -moz-transform: translateY(8px);
      -ms-transform: translateY(8px);
      -o-transform: translateY(8px);
      transform: translateY(8px);
      margin: 0 0 1px;
    }
    .hex__footer_bottom_lang_dropup:hover ul.hex__lag_dropup li{
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    ul.hex__lag_dropup li a{
      cursor: pointer;
      font-size: 14px;
      line-height: 24px;
      font-weight: 400;
      color: var(--hex_home_common_text_color) !important;
      padding: 0;
      border-radius: 3px;
      display: block;
      padding: 5px 10px;
      background-color: #fff;
    }
    ul.hex__lag_dropup li a:hover,
    ul.hex__lag_dropup li a:focus,
    ul.hex__lag_dropup li a.selected{
      text-decoration: none;
      color: var(--hex_home_common_text_color)!important;
      background-color: #f5f5f5;
    }
    .hex__footer_bottom_lang_wrapper a.hex__footer_lang_switch{
      line-height: 24px;
      font-size: 13px;
      font-weight: 400;
      color: #556575 !important;;
      position: relative;
      padding:8px 20px 8px 5px;
      cursor: pointer;
    }
    .hex__footer_bottom_lang_wrapper a.hex__footer_lang_switch:hover,
    .hex__footer_bottom_lang_wrapper a.hex__footer_lang_switch:focus{
      text-decoration: none;
      color: var(--hex_home_common_text_color) !important;
    }
    .hex__footer_bottom_lang_wrapper a.hex__footer_lang_switch::after{
      content: url('../../assets/images/arrow-white.svg');
      line-height: 1;
      width: 8px;
      position: absolute;
      top: 8px;
      right: 7px;
    }
    .hex__footer_privacy_wrapper{
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
    }
    @media screen and (max-width: 991px){
      .hex__footer_bottom_privacy_wrapper{
        /*margin: 0;*/
        order: 2;
      }
      .hex__footer_bottom_copyright_wrapper{
        order: 3;
      }
      .hex__footer_bottom_lang_wrapper{
        order: 1;
      }
    }
    @media screen and (max-width: 767px){
      .hex__footer_bottom_copyright_wrapper{
        justify-content: flex-end;
      }
    }
    @media screen and (max-width: 600px){
      .hex__footer_cell_header, .hex__footer_cell_header.hex__footer_cell_header_img{
        display:none !important;
      }
      .hex__footer_wrapper{
        padding: 35px 0 0;
      }
      .hex__footer_bottom_bar{
        padding: 20px 0;
        margin-top: 0px;
      }
      .hex__footer_privacy_wrapper{
        flex-direction: column;
      }
      .hex__footer_bottom_privacy_wrapper{
        justify-content: center;
        margin:0 0 10px;
        order: 1;
      }
      .hex__footer_bottom_copyright_wrapper{
        justify-content: center;
      }
      .hex__footer_bottom_lang_wrapper{
        justify-content: center;
        margin-bottom: 20px;
        order: 2;
      }
      .footer {
        padding: 35px 0 30px;
      }
      .hex__footer_cell_content{
        display:none;
      }
      .hex__footer_cell_header.res_footer_header{
        padding:10px 0;
        margin:0;
        position: relative;
      }
      .media-search .search:hover input, .media-search .search input:focus{	      
          width: calc(100% - 50px) !important;
      }
  }
  /**********footer style ends************/

  .wp_blog_author_bttom_info{
    width: 670px;
    margin: 0 auto;
    padding-top: 40px;
    position: relative !important;
    top: 0px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eeeeee;
  }
  .blog_info_data_box{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex !important;
    align-content: space-between;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top:0px;
  }
  .wp_blog_author_bttom_info .author_info{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .wp_blog_author_bttom_info .author_card{
    width: calc(100% - 85px);
    padding-left: 20px;
    align-self: center;
  }
  .wp_blog_author_bttom_info .author_card p{
    margin-bottom: 0;
  }
  .blog_media_sharing{
    position: relative;
    padding-top: 0;
  }
  .mits_share{
    padding-bottom: 0;
  }
  .px_info_data_box{
    position: sticky;
    position: -webkit-sticky;
    top: 120px;
    z-index: 1;
    display: block !important;
    padding-bottom: 30px;
    padding-left: 0;
    -webkit-transition: all .2s cubic-bezier(0.04,0,0.2,1);
    -moz-transition: all .2s cubic-bezier(0.04,0,0.2,1);
    -ms-transition: all .2s cubic-bezier(0.04,0,0.2,1);
    -o-transition: all .2s cubic-bezier(0.04,0,0.2,1);
    transition: all .2s cubic-bezier(0.04,0,0.2,1);
  }

@media (max-width:1359px){
  .blog_divider_heading {
    font-size: 34px;
  }
  .mits_featured_data h1{
    font-size:28px;
  }
  .blog_post_content_wrap h3 {
    font-size: 20px;
  }
  .all_list_blog_type .blog_post_content_wrap h3 {
    font-size: 24px;
  }
  .post_category_list li a, .all_list_blog_type .col_blog_post .other_post_detail p{
    font-size:14px;
  }
  .all_list_blog_type .col_blog_post .other_post_detail p:after, .post_category_list li:before{
    height:12px;
  }
}

@media (min-width:1280px){
  .heateor_sss_sharing_ul{
    display:block !important;
  }
  .blog_media_sharing ul.heateor_sss_sharing_ul li{
    margin:0px 4px!important;
  }
  .blog_info_data_box h5{
    text-align: center;
  }
  .blog_info_data_box .author_card h5{
    text-align: left;
  }
  .wp_blog_author_bttom_info .author_info{
    width: 100%;
    padding-right: 0px;
  }
}

@media (max-width:1279px){
  .wp_toc_nav_menu{
    left: 0px;
    top:0 !important;
    right: auto;
    width: 100%;
    height: auto;
    opacity: 1 !important;
    transform: none !important;
    padding: 25px 25px;
    background-color: #e6f0f2;
    margin-bottom: 30px;
  }
  .lwptoc-light .lwptoc_i {
    background: #e6f0f2 !important;
  }
  .post-navigation.stick {
    top: inherit;
    padding:0 !important;
  }
  .wp_toc_nav_menu UL.lwptoc_itemWrap {
    height: inherit;
    /* overflow-y: unset; */
    padding-bottom: 0px !important;
  }
  .wp_blog_author_info, .wp_toc_nav_menu{
    position: relative;
  }
  .toc_data li a span {
    font-family: var(--hex_font_family_secondary);
    font-size: 18px;
  }
  .lwptoc_header{
    font-size:20px !important;
  }
  .toc_data li.active a span{
    color: var(--hex_mild_blue);
  }
  .toc_data li a:hover span{
    color:var(--hex_blue_color) !important;
  }
  .wp_blog_author_bttom_info .author_info{
    width: 100%;
    padding-right: 0px;
  }
  .author_info .author_card p {
    font-size: 16px;
  }
  .mits_share div.heateor_sss_horizontal_sharing li{
    margin:0px 3px !important;
  }
  .mits_subscribe_wrapper{
    padding: 70px 6% 70px;
  }
  .mits_share div.heateor_sss_horizontal_sharing li:first-child{
    margin-left:0px !important;
  }
}

.mobile_btn_short p{
  display: inline-block;
  margin: 0;
}
@media (max-width:1200px){
  .thankyou_wrap {
    padding-top: 60px !important;
  }
  .res_partner_login.mobile_btn_short{
    margin: 9px 0px 9px 15px;
    height: 42px;
    padding: 10px 15px;
  }
  .mits_category_section{
    top:60px;
  }
  .desk_search_btn, .desk_search_form{
    display:none;
  }
  .mb-search-actions{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: right;
    margin-right: 0px;
  }
  .mb-search-actions .blog_search_form,
  .mb-search-actions .blog_search_btn_trigger{
    margin:11px 0;
  }
  .mits_featured_blog_section {
    padding: 10px 0 30px;
  }
  .featured_post_thumbnail .featured_bg_img {
    padding-top: 57%;
  }
  .mits_blog_section {
    padding-bottom: 10px !important;
  }
  .mits_subscribe_wrapper{
    padding: 60px 0 60px;
  }
  .subscribe_form{
    padding: 5px 0px 0px;
  }
  .mits_demo_trial_wrapper {
    padding: 55px 0;
  }
  .main-nav .menu ul.sub-menu li > a{
    padding: 16px 40px !important;
  }
  body.fill_bg {
    position: relative;
  }
  body.fill_bg:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 50;
    position: absolute;
    top: 0;
    left: 0;
  }
  .single_post_short_details .post_category_list {
    margin-bottom: 15px;
  }
  progress{
    top:61px;
  }
  .thankyou_page{
    height:600px;
  }
  .search_queries{
    width: 450px;
  }
}
@media (max-width:1100px) and (min-width:991px){
  .container {
    width: 94%!important;
  }
}
@media (max-width:1100px){
  .all_list_blog_type .blog_post_content_wrap{
    -ms-flex: 0 0 77%;
    flex: 0 0 77%;
    max-width: 77%;
  }
  .all_list_blog_type .blog_post_thumbnail{
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
  }
  .all_list_blog_type .blog_post_content_wrap h3 {
    font-size: 22px;
  }
  .all_list_blog_type{
    padding-bottom: 45px;
  }
}
@media (min-width:992px){
  .related_blog_wrapper .realted_blog_box .col-lg-4:nth-of-type(1n+4){
    display: none;
  }
}
@media (max-width:575px){
  .related_blog_wrapper .realted_blog_box .col-lg-4:nth-of-type(1n+4){
    display: none;
  }
}
@media (max-width:991px) and (min-width:575px){
  .related_blog_wrapper .realted_blog_box .col-lg-4:nth-of-type(1n+5) {
    display: none;
  }
}
@media(max-width:1100px){
  .search_board .mobile_search_trigger i{
    right:0px;
  }
  .search_board.mob_search_open .search_trigger_close {
    right: 0;
  }
  .mits_featured_data h1 {
    font-size: 26px;
  }
  .blog_divider_heading {
    font-size: 32px;
  }
  .blog_post_content_wrap {
    padding: 5px 0px 15px 0px;
  }
  .featured_post_content .mits_featured_data p {
    font-size: 18px;
  }
  .blog_post_content_wrap h3 {
    font-size: 19px;
    margin: 6px 0 12px;
    line-height: 26px;
  } 
  .other_post_detail span:last-child{
    margin-right:0px;
  }
  .mits_list_subscribe_form h3 {
    font-size: 30px;
  }
  .all_list_blog_type .blog_post_content_wrap h3{
    margin-bottom:0px;
  }
  .demo_trial_stripe h2 {
    font-size: 30px;
  }
  .search_page_data_content h2 {
    font-size: 30px;
  }
  .search_blog_page_wrap {
    padding-top: 30px;
  }
  .single_post_short_details h1{
    margin-top: 5px;
  }
  .mits_list_subscribe_form h2, .related_blog_wrapper h2{
    font-size: 30px;
  }
  .related_blog_wrapper h2{
    margin-bottom: 0px;
  }
  .ui-widget.ui-widget-content{
    width:500px!important;
  }
  .featured_post_content{
    padding: 0px 15px 0px 20px;
  }
}

@media (min-width:992px){
  .realted_blog_box .col-sm-4:nth-of-type(4){
    display: none;
  }
}

@media (max-width:991px){
  .res_header_row{
    background-color: #ffffff;
  }
  .header_top_block {
    height:65px;   
  }
  .search_board .mobile_search_trigger i{
    top: 1px;
    right:0;
  }
  .search_board.mob_search_open .search_trigger_close {
    top: 3px;
    right: 0px;
  }
  /* .search_queries {
    position: absolute;
    width: 100%;
    z-index: -1;
    left: 0;
    top: -78px;
    height: 60px;
    background-color: #fff;
    border-bottom: 1px solid #f7f7f7;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  .search_queries.mob_search_open {
    top: 73px;
    opacity: 1;
  }
  .search_queries .search_block {
    margin: 8px auto;
    width: 432px;
  }
  .search_trigger_close{
    display: block;
  }
  .search_trigger_close {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 42px;
    width: 40px;
    cursor: pointer;
  }
  .search_trigger_close i {
    font-size: 14px;
    color: #afafaf;
    position: relative;
    top: 10px;
    left: 10px;
  } */
  /* .blog_search_btn_trigger {
    display: inline-block;
    margin-right: 12px;;
  } */
  /* .search_queries.search_cover {
    height: calc(100vh - 71px);
  } */

  .header_btn {
    margin: 14px 0px;
  }
  .sidebar_bottom {
    height: 100%;
    overflow-y: scroll;
    width: 50%;
    position: fixed !important;
    background-color: #fff !important;
    z-index: 150;
    left: -50%;
    top: 72px;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.13);
    box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.13);
    padding-bottom: 70px;
    -webkit-transition: all 0.3s cubic-bezier(0.43, 0.27, 0.39, 0.88);
    -moz-transition: all 0.3s cubic-bezier(0.43, 0.27, 0.39, 0.88);
    -ms-transition: all 0.3s cubic-bezier(0.43, 0.27, 0.39, 0.88);
    -o-transition: all 0.3s cubic-bezier(0.43, 0.27, 0.39, 0.88);
    transition: all 0.3s cubic-bezier(0.43, 0.27, 0.39, 0.88);
  }
  .sidebar_bottom.open-main-menu {
    left: 0px;
  }
  .sidebar_bottom ul.max_menu {
    display: block;
    padding-top: 5px;
    padding-bottom: 30px;
  }
  .sidebar_bottom ul.max_menu li {
    margin: 0px;
  }
  .sidebar_bottom ul.max_menu li a {
    padding: 16px 5%;
    border-bottom: 1px solid #f3f3f3;
  }
  .sidebar_bottom ul.max_menu li ul.sub-menu {
    display: none;
    position: relative;
    top: 0px;
    left: 0px;
    min-width: 100%;
    width: 100%;
    opacity: 1;
    visibility: visible;
    border: none;
    padding: 10px 0 5px;
    transform: none;
  }
  .sidebar_bottom ul.max_menu li ul.sub-menu li:first-child a {
    padding-top: 10px;
  }
  .sidebar_bottom ul.max_menu li ul.sub-menu li a {
    padding: 15px 8%;
  }
  .sidebar_bottom li.menu-item-has-children > a:before {
    content: "";
    border-bottom: 2px solid #191919;
    border-right: 2px solid #191919;
    display: block;
    height: 8px;
    width: 8px;
    position: absolute;
    right: 22px;
    top: 50%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
  }
  .sidebar_bottom li.menu-item-has-children > a.submenu-open:before {
    border-color: var(--hex_blue_color);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
  }
  .search_queries .search_block .help_search_form,
  .search_queries .search_block .help_search_form.expand-search {
    width: 100%;
  }
  .ui-widget.ui-widget-content {
    max-width: 100% !important;
  }
  .menu_bar {
    display: block;
    padding: 8px 15px 4px 0px;
  }
  .logo a.logo_blk img.desk-logo {
    position: relative;
    top: 4px;
  }
  .logo .help_logo_txt:before {
    top: 8px;
  }
  .search_queries .search_block {
    margin: 0px 0px 0px 0;
  }
  .search_board .search_queries, .ui-widget.ui-widget-content {
    width: 350px !important;
  }

  .mits_featured_data h1 {
    font-size: 20px;
    margin: 7px 0 16px;
  }
  .featured_post_content{
    padding: 0px 15px 0px 20px;
  }
  .mits_other_post .col-sm-6{
    /* -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; */
  }
  .mits_search_result {
    padding-top: 20px;
  }
  .comment_wrapper {
    max-width: 670px;
  }
  .single_post_short_details h1{
    font-size: 36px;
  }
  .post-full-content h2 {
    font-size: 32px;
  }
  .mits_related_blogs {
    padding: 30px 0 0px;
  }
  .related_blog_wrapper{
    padding-bottom: 10px;
  }
  .single_subscribe_wrap {
    padding: 60px 40px 30px;
  }
  .thankyou_page{
    height:500px;
  }

  .mits_list_subscribe_form{
    padding-left: 20px;
  }

  .sidebar_bottom.open-main-menu {
    left: 0px;
  }
  .featured_post_content .mits_featured_data p{
    display: none;
  }
  .mits_featured_data h1 {
    font-size: 24px;
  }
  .blog_divider_heading {
    font-size: 30px;
  }
  .all_list_blog_type .blog_post_content_wrap {
    -ms-flex: 0 0 72%;
    flex: 0 0 72%;
    max-width: 72%;
  }
  .all_list_blog_type .blog_post_thumbnail {
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    max-width: 28%;
  }
  .mits_other_post{
    justify-content: center;
  }
  .search_blog_page_wrap .all_list_blog_type{
    padding-top:0px;
  }
  .search_board .search_queries{
    top: -13px;
  }
  .search_block .help_search_form input[type="text"]{
    height: 40px;
  }
}
@media (max-width:870px){
  .container {
    width: 94%!important;
  }
  .search_board .search_queries{
    right: 0;
    width: 275px !important;
  }
  .ui-widget.ui-widget-content{
    width: 310px !important;
  }
  .search_board.mob_search_open .search_trigger_close i{
    top: 0px;
  }
  .blog_divider_heading{
    margin: 16px 0 18px;
  }
  .featured_post_content {
    padding: 0px 15px 0px 0px;
  }
  .blog_post_content_wrap {
    padding: 5px 0px 5px 0px;
  }
  progress{
    display:none;
  }
  .all_list_blog_type .blog_post_content_wrap .align-self-center {
    padding-right: 30px;
  }
}

@media (max-width:767px){
  .search_block .search_trigger i {
    font-size: 18px;
    top:13px;
  }
  .search_board .search_queries {
    right: -12px;
    top: 40px;
  }
  .popup_wrap{
    display:none !important;
  }
  .container{
    width:94% !important;
  }
  .wp_category_loader ul li{
    margin: 0 10px;
  }
  .featured_post_content {
    padding: 0px 0px 0px 0px;
  }
  .mits_featured_data h1 {
    font-size: 20px;
    line-height:1.6;
  }
  .other_post_detail span {
    margin-right: 10px;
  }
  .subscribe_form {
    padding: 5px 0px 0px;
  }
  .scroll-hide .page_wrapper{
    padding-top: 0px;
  }
  .page_wrapper{
    padding-top: 160px;
  }
  .single_post_short_details h1 {
    font-size: 34px;
  }
  .post-full-content h2 {
    font-size: 28px;
  }
  .post-full-content h3 {
    font-size: 25px;
  }
  .post-full-content h4 {
    font-size: 23px;
  }
  .post-full-content h5 {
    font-size: 19px;
  }
  .post-full-content h6 {
    font-size: 17px;
  }
  .wp_blog_author_bttom_info {
    width: 100%;
  }
  .comment_wrapper{
    width: 92%;
  }
  .comment-list.comments{
    padding-left: 0px;
  }
  .thankyou_page{
    background-position: 65%;
  }
  .thankyou_page{
    height:400px;
  }
  .next_blog{
    width:100%;
  }
  .blog_warp_next .next_post_content h4 {
    font-size: 17px;
  }
  .mits_subscribe_wrapper{
    display: block;
  }
  .mits_subscriber_box, .mits_subscribe_data_content{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mits_list_subscribe_form {
    margin-top: 10px;
    padding-left: 0px;
    text-align: center;
    width: 100%;
  }
  .mits_list_subscribe_form .subscribe_form {
    max-width: 400px;
  }
  .mits_list_subscribe_form p,
  .mits_subscribe_data_content .content_newletter p{
    text-align: center;
  }
  .mits_subscribe_wrapper {
    padding: 30px 0 50px;
    margin: 0;
  }
  .hts-messages ul {
    padding-left: 20px !important;
  }
  .mits_list_subscribe_form h3 {
    font-size: 26px;
  }
  .search_board .search_queries, .ui-widget.ui-widget-content{
    width:100% !important;
  }
  .search_board .mobile_search_trigger {
    padding: 0;
    position: absolute;
    top: -7px;
    right: 270px;
  }
  .search_board .search_queries {
    width: 102vw!important;
  }
  .search_board .search_block .search_trigger {
    left: 18px;
    top: 0px;
  }
  .search_board.mob_search_open .search_trigger_close {
    display: block;
    top: 55px;
    right: 20px;
  }
  .search_board.mob_search_open .search_trigger_close i {
    top: 0px !important;
  }
  .blog_divider_heading {
    font-size: 26px;
  }
  .mits_featured_blog_section {
    padding: 10px 0 25px;
  }
  .all_list_blog_type .blog_post_content_wrap {
    -ms-flex: 0 0 68%;
    flex: 0 0 68%;
    max-width: 68%;
  }
  .all_list_blog_type .blog_post_thumbnail {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
  }
  .all_list_blog_type .blog_post_content_wrap h3 {
    font-size: 19px;
  }
  .search_block .help_search_form input[type="text"] {
    padding: 0 55px 0 65px;
    height: 45px;
  }
}

@media (max-width:640px){
  .row:before, .row:after{
    display: block;
  }
  .mits_featured_post{
    display:block;
  }
  .mits_featured_data .fa-catego{
    display: block;
  }
  .mits_featured_post .featured_post_thumbnail, .mits_featured_post .featured_post_data{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mits_featured_post .featured_post_data{
    padding-top: 0px;
  }
  .mits_featured_blog_section {
    padding: 10px 0 40px;
    border-bottom:1px solid var(--hex_light_border);
  }
  .mits_blog_section{
    padding-top:15px;
  }
  .box_submit{
    width:55px;
  }
  .box_input{
    padding: 0px 0px !important;
    width: 100% !important;
  }
  .mits_category_filter_wrapper{
    width: 100%;
    position: absolute;
    top:1px;
    left:0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0,20px) scale(0.98);
    -moz-transform: translate(0,20px) scale(0.98);
    -ms-transform: translate(0,20px) scale(0.98);
    -o-transform: translate(0,20px) scale(0.98);
    transform: translate(0,20px) scale(0.98);
    -webkit-transition: all .3s cubic-bezier(0.04,0,0.2,1);
    -moz-transition: all .3s cubic-bezier(0.04,0,0.2,1);
    -ms-transition: all .3s cubic-bezier(0.04,0,0.2,1);
    -o-transition: all .3s cubic-bezier(0.04,0,0.2,1);
    transition: all .3s cubic-bezier(0.04,0,0.2,1);
  }
  .mits_category_filter_wrapper.category_dropdown_open{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0,0) scale(1);
    -moz-transform: translate(0,0) scale(1);
    -ms-transform: translate(0,0) scale(1);
    -o-transform: translate(0,0) scale(1);
    transform: translate(0,0) scale(1);
  }
  .category_tabs{
    position: relative;
    border:0;
    border-bottom: 1px solid #ecedf3;
  }
  .mits_category_filter{
    width: 100%;
    background-color: #fff;
    max-height: 350px;
    overflow-y: scroll;
    display: block;
    margin-bottom: 20px;
  }
  .mits_more_category_filter_wrapper{
    display: none;
  }
  .mits_category_filter li{
    margin:0px 0 6px;
  }
  .mits_category_filter li a{
    padding: 12px 15px;
  }
  .mits_category_filter li a:after{
    display: none;
  }
  .wp_category_loader{
    display: none;
  }
  .mits_category_filter{
    background-color: #f6f6f6;
    padding-top: 10px;
  }
  .mits_category_select_update{
    font-size: 14px;
    text-transform: uppercase;
    color: var(--hex_text_common_grey);
    padding-bottom: 8px;
    margin: 0;
  }
  .mits_selected_category {
    display: block;
    position: relative;
    background-color: #fff;
  }
  .mits_selected_category label{
    margin: 0;
    line-height: 1.7;
    margin-top: 6px;
    font-size: 17px;
    letter-spacing: .015em;
  }
  .arrow_indicate,
  .arrow_indicate::before,
  .arrow_indicate::after{
    position: absolute;
    content: "";
    -webkit-transition: all .2s cubic-bezier(0.04,0,0.2,1);
    -moz-transition: all .2s cubic-bezier(0.04,0,0.2,1);
    -ms-transition: all .2s cubic-bezier(0.04,0,0.2,1);
    -o-transition: all .2s cubic-bezier(0.04,0,0.2,1);
    transition: all .2s cubic-bezier(0.04,0,0.2,1);
  }
  .arrow_indicate{
    display: block;
    background-color: #fff;
    top: 20px;
    right: 14px;
  }
  .arrow_indicate::before,
  .arrow_indicate::after {
    content:'';
    width: 9px;
    height: 2px;
    border-radius: 2px;
    background-color: var(--hex_home_common_text_color);
  }
  .arrow_indicate::before{
    top: 0;
    left: -6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow_indicate::after{
    top: 0;
    right: -9px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .mits_selected_category.dropdown_clicked .arrow_indicate::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .mits_selected_category.dropdown_clicked .arrow_indicate::before{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .post-full-content p, .toc_data li a span, .post-full-content ul li, .post-full-content ol li {
    font-size: 19px;
  }
  .post-full-content p, .post-full-content ul li, .post-full-content ol li{
    line-height: 1.85em;
  }
  .post-full-content center em{
    font-size: 19px;
    line-height: 1.55em;
    display:block;
  }
  .blog_info_data_box{
    display: block !important;
  }
  .wp_blog_author_bttom_info{
    padding-top: 30px;
  }
  .wp_blog_author_bttom_info .author_info{
    width: 100%;
    padding-right: 0;
  }
  .comments-visible p{
    line-height: 24px;
  }
  .single_subscribe_wrap{
    padding:50px 0 20px;
  }
  .single_subscribe_wrap .mits_subscriber_box{
    width: 92%;
    margin: 0 auto;
  }
  .table_div {
    overflow-x: scroll;
  }
  .table_div table{
    width:600px;
  }
  .mobile_btn_short p{
    display: none;
  }
  .blog_media_sharing {
    width: inherit;
  }
  .bctt-click-to-tweet.bctt-type-text .bctt-ctt-text a {
    font-size: 17px;
  }
  .bctt-click-to-tweet .bctt-ctt-text a {
    font-size: 18px;
    line-height: 1.6;
  }
  .bctt-click-to-tweet{
    padding: 15px 15px 15px 20px !important;
  }
  .bctt-click-to-tweet.bctt-type-text{
    padding-left: 0px !important;
  }
  .all_list_blog_type .col_blog_post {
    padding: 20px 0px;
  }
  .home .mits_blog_section{
    padding-bottom:25px !important;
    border-bottom: 1px solid var(--hex_light_border);
  }
  .home .mits_blog_section.all_collapse_article{
    border-bottom:0px;
  }
  .home .all_list_blog_type {
    padding-top: 10px;
  }
}

@media (max-width:600px){
  .search_board .mobile_search_trigger {
    right: 45px;
    top: -9px;
  }
  .res_partner_login p{
    display: none;
  }
  .res_partner_login span.desk-hd {
    display:block;
  }
  .res_partner_contact{
    font-weight: 300;
    padding: 8px 10px;
    font-size: 12px;
    margin: 10px 0px 10px 0px;
    min-width: inherit;
  }
  .res_partner_login{
    padding: 8px 10px;
    font-size: 13px;
    margin: 10px 0px 10px 6px;
    min-width: inherit;
  }
  .blog_search_btn_trigger{
    margin: 10px 8px 10px 0px;
  }
  .error_cnt_data{
    padding: 23% 15px 20%;
  }
  .error_cnt_data h1 {
    font-size: 80px;
  }
  .error_cnt_data p {
    font-size: 17px;
    margin-bottom: 0;
  }
  .search_blog_page_wrap .not_found-txt {
    padding: 30px 0 60px;
  }
  .search_blog_page_wrap p.find-what {
    font-size: 17px;
  }
  .res_nav_menu {
    width: 100%;
    left:-602px;
  }
  .res_partner_login.mobile_btn {
    float: none !important;
    margin: 25px auto;
    width: 92%;
  }
  .main-nav.res_nav_menu .menu li a {
    padding: 20px 4%;
  }
  .main-nav .menu-item-has-children > a:before {
    right: 22px !important;
  }
  .mits_other_post {
    padding: 0px 15px;
  }
  .all_list_blog_type{
    padding: 0px 0px 30px;
  }
  .load_post_cmp{
    margin: 0px auto 40px;
  }
  .mits_other_post .col-sm-6 {
    /* -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; */
    /* padding: 0px 0px; */
  }
  /* .blog_post_content_wrap h3 a{
    display: block;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: inherit;
    overflow: unset;
  } */
  .mits_blog_box {
    margin-bottom: 20px;
  }
  .mits_subscribe_wrapper {
    padding: 30px 0 40px;
  }
  .mits_subscribe_data_content .content_newletter h3 {
    font-size: 28px;
  }
  .content_newletter p {
    font-size: 17px;
  }
  .demo_trial_stripe h2 {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .mits_trial_btn{
    margin: 20px auto 0;
  }
  .mits_list_subscribe_form .subscribe_form {
    margin: 30px auto 0px;
  }
  .mits_demo_trial_wrapper {
    padding: 50px 0;
  }
  .hex__footer_collapsible_wrapper{
    margin-left: 0;
    margin-right: 0;
  }
  .search_page_data_content h2 {
    font-size: 26px;
    margin-bottom: 10px;
    padding-top: 20px;
  }
  .mits_single_blog_thumbnail {
    margin: 30px 0px 40px;
  }
  .author_bio_pic {
    width: 75px;
    height: 75px;
  }
  .blog_info_data_box h5{
    margin-bottom: 8px;
  }
  .post-full-content {
    /* padding-bottom: 20px; */
  }
  .comment-list.comments ul.children{
    padding-left: 20px;
  }
  .comment-block-data {
    padding: 0px 8px 0px 65px;
  }
  .realted_blog_box .col-sm-4:nth-of-type(4){
    display: none;
  }
  .mits_list_subscribe_form h2, .related_blog_wrapper h2 {
    font-size: 28px;
  }
  .mits_related_blogs .related_blog_wrapper h2{
    margin-bottom: 30px;
  }
  .comment_wrapper .comment-reply-title {
    font-size: 24px;
  }
  .mits_related_blogs {
    padding: 20px 0 0px;
  }
  .mb-search-actions.ipad-search form{
    display:none;
  }
  .mb-search-actions.top_mobile_search .head_search_input{
    height: 59px;
  }
  .mb-search-actions.top_mobile_search .blog_search_form{
    top:-10px;
    background-color: #fff;
    opacity: 0;
  }
  .mb-search-actions.top_mobile_search .blog_search_form.search_open{
    top:1px;
    opacity: 1;
  }
  .post-full-content blockquote, .post-full-content blockquote p, .post-full-content blockquote span {
    font-size: 19px;
  }
  .post-full-content iframe{
    width:100%;
  }
  .comment-form textarea{
    height:200px;
  }
  .comment-form-comment.cm-from {
    margin-bottom: 10px;
  }
  .cm-from {
    margin-bottom: 16px;
  }
  .blog_search_form.desk_search_form{
    display:none;
  }
  .thank_block{
    width:450px;
  }
  .thank_block h1{
    font-size: 32px;
    line-height: 1.4;
  }
  .thank_block p{
    font-size: 16px;
    line-height: 1.6;
  }
  .header_btn{
    z-index: 1;;
  }
  .all_list_blog_type .blog_post_content_wrap{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .all_list_blog_type .blog_post_content_wrap .align-self-center{
    padding-right:0px;
  }
  .all_list_blog_type .blog_post_thumbnail{
    display:none;
  }
  .hex__footer_cell_header__mobile{
    padding: 10px 0;
  }
}

@media (min-width:601px){
  .top_mobile_search{
    display: none;
  }
}

@media (max-width:600px){
  /* .mb-search-actions{
    display: none;
  } */
  .sidebar_bottom{
    left: -102%;
    width: 100%;
    margin-right: 0px;
  }
  .mits_category_section {
    top: 60px;
  }
  .mb-search-actions .blog_search_form{
    position: absolute;
    top: 0px;
    left: 0;
    width: 100% !important;
    margin: 0px;
    border-bottom: 1px solid var(--hex_light_border);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
  }
  .mb-search-actions .blog_search_form.search_open{
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
  }
  .mb-search-actions .head_search_input{
    margin: 2px 0;
    padding: 0px 48px 0 18px;
  }
  .search_queries.mob_search_open {
    top: 61px;
  }
  .search_queries.search_cover {
    height: calc(100vh - 61px);
  }
  .top_mobile_search{
    display: block;
  }
  .res_header_top{
    z-index: 11;
    background-color: #fff;
  }
  .close_search{
    width: 48px;
    height: 59px;
    display: inline-block;
    position: absolute;
    right: 0px;
    z-index: 2;
  }
  .close_search:before, .close_search:after{
    content:'';
    position: absolute;
    top: 23px;
    left: 25px;
    height: 15px;
    width: 1px;
    background-color: var(--hex_home_common_text_color);
    cursor: pointer;
  }
  .close_search:before{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .close_search:after{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .signup_box{
    display: block;
  }
  .signup_wrap_img .signup-bg {
    width: 300px;
    height: 150px;
    margin: 0 auto;
  }
  .home .mg-blog .mits_blog_box{
    margin-bottom:0px;
    padding:30px 0 40px;
    position:relative;
  }
  .home .mg-blog .mits_blog_box:after{
    content:'';
    position: absolute;
    bottom:0px;
    width:200px;
    left:50%;
    height:1px;
    background-color: var(--hex_light_border);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .home .mg-blog .col-sm-4:first-child .mits_blog_box{
    padding-top:0px;
  }
  .home .mg-blog .col-sm-4:last-child .mits_blog_box{
    margin-bottom:0px;
    padding-bottom:20px;
  }
  .home .mg-blog .col-sm-4:last-child .mits_blog_box:after{
    display: none;
  }
  .search_board .search_block .help_search_form input[type="text"]{
    left: -22px;
  }
  .search_board .search_queries {
    width: 103vw!important;
  }
}

@media (max-width:575px) {
  .mg-blog .blog_post_content_wrap h3{
    min-height:inherit !important;
  }
}

@media (max-width:480px){
  .scroll-hide .page_wrapper{
    padding-top: 0px;
  }
  .page_wrapper{
    padding-top: 64px;
  }
  .enable_popup_data{
    margin: 5rem 15px;
  }
  .popup_content h2 {
    font-size: 20px;
  }
  .search_queries .search_block {
    width: 100%;
  }
  .search_queries .search_block .blog_search_form {
    width: 100% !important;
  }
  .search_queries.mob_search_open {
    top: 61px;
  }
  .search_queries .search_block .blog_search_form input[type="text"] {
    padding: 0px 45px 0 15px;
    border: 0px;
  }
  .thank_block{
    width:100%;
  }
  .res_partner_contact{
    display: none;
  }
  .blog_search_btn_trigger {
    margin: 10px 1px 10px 0px;
  }
  .single_post_short_details .post_category_list{
    margin-left: -8px;
    margin-right: -8px;
  }
  .single_post_short_details .post_category_list li:first-child {
    padding-left: 8px;
  }
  .post_category_list li{
    padding: 0px 8px;
  }
  .single_post_short_details .other_post_detail{
    flex-wrap: wrap;
  }
  .single_post_short_details .other_post_detail span{
    width:50%;
    margin: 0;
  }
  .single_post_short_details .other_post_detail span:first-child{
    width:100%;
    margin-bottom: 6px;
  }
  .post-full-content ul, .post-full-content ol {
    padding-left: 35px;
  }
  .author_card p{
    padding-bottom: 10px;
  }
  .comment-by{
    display: block !important;
  }
  .comment-by label{
    display: block;
  }
  .comment-by .commenter-name{
    margin-bottom: 3px;
  }
  .comment_article {
    padding: 15px 0 22px;
  }
  .cmt-img-thumbnail{
    top:25px;
  }
  .single_post_short_details h1 {
    font-size: 32px;
    line-height: 1.2;
    margin: 15px 0 18px;
  }
  .header_btn p{
    display: none;
  }
  .header_btn .desk-hd {
    display: block;
  }
  .header_btn {
    padding: 14px 10px 13px;
    font-size: 13px;
    margin: 10px 0px;
    line-height: 0.8;
  }
  .search_board {
    padding: 0px 10px 0px 0px !important;
  }
  .search_board .mobile_search_trigger {
    padding: 0;
    right: 55px;
  }
  .search_board .mobile_search_trigger i{
    top:0px;
  }
  /* .search_board .search_queries, .mob_search_open .search_trigger_close, .sidebar_bottom{
    top:66px;
  } */
  .mits_list_subscribe_form{
    padding: 0px 15px;
  }
  .mob_search_open .search_trigger_close{
    top: 72px;
  }
  .search_board .search_block .search_trigger {
    left: 18px;
  }
  .search_board .search_queries {
    width: 109vw!important;
  }
}

@media (max-width:420px){
  .navbar-toggle .icon-bar{
    width:20px;
  }
  .logo a.logo_blk{
    width: 95px;
  }
  .res_header_top .logo{
    width: 120px;
  }
  .res_partner_login.mobile_btn_short {
    margin: 13px 0px 12px 7px;
    height: 35px;
    padding: 7px 10px;
  }
  .blog_search_btn_trigger i {
    font-size: 14px;
  }
  .logo .help_logo_txt:before{
    top:1px;
  }
  .mits_blog_detail_wrap {
    padding: 0 0 10px;
  }
  .form_with_download .mits_blog_detail_wrap {
    padding: 0;
  }
  .blog_warp_next{
    display: block;
  }
  .blog_warp_next .next_blog_thumb {
    height: 90px;
    margin: 0 auto;
    background-size: contain;
    padding-top: inherit;
  }
  .blog_warp_next .next_post_content {
    width: 100%;
    padding-left: 0px;
    display: block;
    margin-top: 16px;
  }
  .logo a.logo_blk img.desk-logo{
    top: 6px;
  }
  .logo .help_logo_txt p{
    top:1px;
  }
  .logo .help_logo_txt:before {
    top: 9px;
  }
  .search_board .mobile_search_trigger i {
    top: 0px;
  }
  /* .search_block .help_search_form input[type="text"] {
    padding: 0 15px 0 50px;
  } */
  .search_board .search_block .search_trigger {
    left: 10px;
  }
}
@media (max-width:350px){
  .header_btn {
    padding: 14px 5px 13px;
    font-size: 12px;
  }
  .logo a.logo_blk {
    width: 85px;
  }
  .logo .help_logo_txt p {
    font-size: 15px;
  }
  .logo .help_logo_txt:before {
    top: 10px;
    height: 14px;
  }
  .search_board .search_block .search_trigger {
    left: 5px;
  }
}




.toc_data::-webkit-scrollbar {
  width: 0;
}
 
.toc_data::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.0);
}
 
.toc_data::-webkit-scrollbar-thumb {
  background-color: transparent;
  outline: 1px solid transparent;
}

/* Infographics download section  */
.mits_stage_image img{
  width: 100%;
  max-width: 675px;
  margin: 0 auto;
  border-radius:12px 12px 0 0;
}
 
.mits_download_form h6{
    font-size: 20px;
    font-weight: 800;
    margin: 0px 0px 20px;
    text-align: center;
}
label.error{
    font-size: 15px;
    line-height: 1.7;
    font-weight: normal;
    color: #dd0735;
    background-color: #fff;
    padding: 0 2px;
     
  }

.form_with_download .icon_download{
  text-align: center;
  
}
.form_with_download .icon_download i{
  font-size: 26px;
  color: #3a6fef;
  background: #fff;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  border-radius: 25px;
  border: 1px solid #9e9e9e;
  margin-bottom: -28px;
  z-index: 999;
  position: relative;
}
.hex_form_item{
  max-width: 500px;
  margin: 0 auto 10px;
  padding: 50px 44px 35px 44px;
  background-color: #fff;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  margin-bottom: 50px;
  position: relative;
  z-index: 99;
}
.hex_info_parent{
  padding-top: 230px;
  padding-bottom: 50px;
  position: relative;
}
.hex_gradient-part{
  background: linear-gradient( 
    180deg
     , rgba(19,19,19,0) 0%, rgba(19,19,19,0.6) 200px, rgba(19, 19, 19,0.8) 50%,rgb(19 19 19) 100%);
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
}
.hex_gradient-part .hex_gradient-inner{

}
.hex_form_item form{
  margin-bottom: 15px;

}
.hex_form_item .form-group{

}

.hex_form_item .form-group input, .hex_form_item .form-group select{
  width: 100%;
  height: 53px;
  padding: 6px 12px 6px 15px;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  font-size: 17px;
  box-shadow: none!important;
  font-family: var(--hex_font_family);
}
.hex_form_item .form-group input:focus{
  outline: none;
}
.hex_form_item .form-group select:focus{
  outline: none;
}
.hex_form_item .form-group input::placeholder{
  font-size: 17px;
  color: #a8a8a8!important;
}
.hex_form_item .form-group select{
  font-size: 17px;
  color: #a8a8a8;
  appearance: none;
  position: relative;
  background: url(../images/arrow-icon.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: right 10px top 20px;
  color: #a8a8a8;
  padding-right: 25px;
  -webkit-appearance: none;
}

/* select option[value="0"] {
  color: #a8a8a8;
}
select[data-chosen='opt1'] { 
  color: #a8a8a8;
} */
#mitsoSubmit{
  width: 100%;
  background: var(--hex_blue_color);
  height: 50px;
  line-height: 50px;
  font-size: 18px!important;
  border-radius: 3px;
  border: none;
  color: #fff;
  margin-bottom: 0px;
  cursor: pointer;
  transition: all .3s;
  position: relative;
}
.hex_form_item p{
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
  color: #556575;
}
.hex_form_item p a{
  color: #327aff;
  text-decoration: none;
}
.hex_form_item p a:hover{
  text-decoration: underline;
}
#mitsoSubmit:hover{
  background: #0a54e4;
  box-shadow: 0 8px 25px rgba(0,0,0,.15);
}
.sub_title{text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 49px 0px 32px 0px;}

.sub_title a{text-align: center;
  color: #8F8D9A !important;
  font-size: .875em;
  font-weight: 500;
  text-transform: uppercase;}
 .pdfemb-viewer{
  border-radius: 12px 12px 0 0;
  border-color: #d6d6d6 !important;
 }
 #mainblog .next_blog{height: 300px !important;} 
 .resourceDownload{margin-top:40px !important;}
 .resourceBorder{border-bottom: 0px !important;} 
  
/* .page-id-7226 .next_blog { display: none; } */

.form_with_download{
  /* background: linear-gradient( 
    180deg
    , rgba(56,47,75,0.8) 0%, rgba(56,47,75,1) 9%, rgba(56,47,75,1) 100%); */
    
    padding-bottom: 30px;
    /*z-index: 999;*/
    position: relative;
}
.hexnodecodeShare{
  /* margin-top: 40px; */
  border: 1px solid rgb(223, 223, 223);
  border-radius: 10px;
  padding: 30px;
  /* padding-top: 5px; */
}
.hexnodecodeShare textarea:hover{
  cursor: pointer;
}
.hexnodecodeShare textarea{
  border: none;
  padding-right: 20px;
  width: 100% !important;
  height: 54px  !important;
  font-size: 14px;
  color: var(--hex_border_blue);
  line-height: 26px;
  font-weight: 600;
  background-color: var(--hex_bg_blue);
  /* pointer-events: none; */
  resize: none;
  
}

.hexnodecodeShare pre:hover{
  cursor: pointer;
}
.hexnodecodeShare.active-copy .copy-script{
  border: 1px solid var(--hex_border_blue);
  pointer-events: none;
}
.hexnodecodeShare.active-copy .copy-script pre{
  /* overflow: hidden ; */
}
.hexnodecodeShare .copy-script:hover{
  border: 1px solid var(--hex_border_blue);
  cursor: pointer;
}
.hexnodecodeShare h3{
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 10px;
  color: var(--hex_full_black);
}
.copy-script-btn.active svg{
  /* display: none; */
}
.copy-script-btn:hover{
  
  color: var(--hex_blue_color);
}
.copy-script-btn{
  margin-top: 15px;
  border: 1px solid var(--hex_blue_color);
  color: var(--hex_blue_color);
  padding: 13px 26px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-transform: capitalize;
  background: none;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: none;
  outline: none;
  position: relative;
  overflow: hidden;
}
.copy-script-btn svg {
  width: 17px;
  transition: 0.3s all ease;
}

.copy-script-btn svg #Full{
  -webkit-transform:translate(0px, 0px);
    -ms-transform:translate(0px, 0px);
        transform:translate(0px, 0px);
        transition: 0.3s all ease;
  }
.copy-script-btn:hover svg #Full{
-webkit-transform:translate(-1px, 1px);
  -ms-transform:translate(-1px, 1px);
      transform:translate(-1px, 1px);
}
.copy-script-btn span{
  padding-left: 3px;
}
.copy-script-btn:hover{
  background: var( --hex_copy-btn-hover-clr);

}
.copy-script-btn svg #full{
  
  fill: var(--hex_blue_color);
  /* stroke: #0449D1; */
}
.copy-script-btn svg #Dotted{
  
  fill: var(--hex_blue_color);
  /* stroke: #0449D1; */
}

button.copy-script-btn.active{
  pointer-events: none;
}
button.copy-script-btn.active:before{
  opacity: 1; 
  -webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);
}

button.copy-script-btn:before{
  content: "Copied";
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: translate(0,-100%);-ms-transform: translate(0,-100%);transform: translate(0,-100%);
  transition: all .3s ease-in-out;
  font-size: 16px;
}

button.copy-script-btn div{
  transition: all .3s ease-in-out;
}

button.copy-script-btn.active div{
  opacity: 0; 
  -webkit-transform: translate(0,100%);-ms-transform: translate(0,100%);transform: translate(0,100%)
}



.hexnodecodeShare .copy-script {
  border: 1px solid var(--hex_copy-code-border);
  border-radius: 6px;
  padding: 15px 10px 15px 20px;
  background-color: var(--hex_bg_blue);
  transition: 0.3s all ease;
} 
.hexnodecodeShare > p{
  font-size: 16px;
  line-height: 20px;
  color: var(--hex_full_black);
  margin: 0;
  padding-bottom: 15px;
}
.hexnodecodeShare textarea::-webkit-scrollbar {
  width: 4px;
  margin-right: 10px;
  padding-right: 10px;
  border-radius: 10px;
 
 
}       
.copy-script-btn span {
  font-size: 16px;
}  
.hexnodecodeShare textarea::-webkit-scrollbar-track {
 
}
                  
.hexnodecodeShare textarea::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: var(--hex_border_blue);
}

.terms_text_class{
  display: flex;
  align-items: flex-start;
}
.terms_text_class input{
  width: 20px;
  height: 20px;
}
.hex__checkbox_container{
  color: #556575;
  padding-left: 35px;
  display: block;
  position: relative;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  user-select: none;
  margin: 0;
  margin-bottom: 20px;
  
}
.hex__checkbox_container a{
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
  color: #327aff;
}
.hex__checkbox_container input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  border-color: #e7e7e7;
  border-radius: 3px;
  max-width: 462px;
  color: #a8a8a8;
  font-size: 17px;
  box-shadow: none!important;
  transition: .2s all ease-in;
}
input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  line-height: normal;
}
.hex__checkbox_container input:checked ~ .hex__checkmark:after {
  display: block;
}
.hex__checkbox_container .hex__checkmark:after {
  left: 6.5px;
  top: 2px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 2.5px 2.5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all .3s cubic-bezier(.84,-0.18,.31,1.26);
}
.hex__checkmark:after {
  content: "";
  position: absolute;
}
.hex__checkbox_container input:checked ~ .hex__checkmark {
  background-color: #327aff;
}
.hex__checkmark {
  position: absolute;
  top: 6px;
  left: 0;
  height: 22px;
  width: 22px;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  transition: all .3s cubic-bezier(.84,-0.18,.31,1.26);
}
.icon_download{
  position: relative;
  width: 100%;
  max-width: 175px;
  margin: 0px auto 30px;
  margin-bottom: -40px;
  z-index: 999;
}
.icon_download img{
  margin-top: -50px;
  border-radius: 6px;
  max-width: 100%;
}
.icon_download i{
  position: absolute !important;
  top: -70px;
  right: -20px;
}
.hex_form_item h4{
  text-align: center;
  margin-bottom: 28px;
  font-size: 26px;
  font-weight: 600;
}
.hex__checkbox_container #mistoAgree-error{
  width: 100%;
}
 
.show-regi-user{
  display: none;
}
.show-regi-user{
  position: relative;
  width: 100%;
  max-width: 175px;
  z-index: 999;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  transition: all .2s ease-in-out;
}
 
.show-regi-user a img{
  border-radius: 6px;
  max-width: 100%;
}
.show-regi-user a i{
  font-size: 26px;
  color: #3a6fef;
  background: #fff;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  border-radius: 25px;
  border: 1px solid #9e9e9e;
  margin-bottom: -28px;
  z-index: 999;
  position: absolute;
  top: -25px;
  right: -27px;
  transition: all .2s ease-in-out;
}
.show-regi-user:hover{
  transform: translateY(-3px);
}
.show-regi-user:hover a i{
  color: #fff;
  background: #3a6fef;
  border: none;
}
div.pdfemb-toolbar{background-color: var(--hex_blue_color) !important;}
code textarea{
  width: 100% !important;
  background: #f5f2f0;
  border: 1px solid #eee;
  padding: 24px !important;
  height: 226px !important;
  border-radius: 11px;
  font-size: 15px;
  line-height: 32px;
  cursor: copy;
}
code > br{
  display: none;
}
.codecopy_tooltip{
  background: rgb(6, 73, 209) !important;
  padding: 6px 14px !important;
  font-size: 15px !important;
  border: 1px solid rgb(241, 241, 241) !important;
}
code textarea{
  outline: none;
}
.hex_download_img_part{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  bottom:0;
  background-size: contain !important;
  min-height: 1100px !important;
}
.tohide{display:none !important;}
.hex_download_img_part img{
  max-width: 100%;
  width:100%;
  border-radius: 8px 8px 0 0;
}
.mits_blog_info_controller{
  position: relative;
  overflow: hidden;
}
.form_hide_field{
  display: none;
}
.sub_title .infographic_title{
  margin-bottom: 0;
  margin-top: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #8F8D9A !important;
  text-transform: uppercase;
  letter-spacing: 0.5px !important;
}
.infographic_title{
  margin-bottom: 30px;
  margin-top: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #8F8D9A !important;
  text-transform: uppercase;
  letter-spacing: 0.5px !important;
}
.typeofResource{text-align: center;margin-bottom: 20px;}
.user_submit{position:unset !important;}
.click-copy:hover{
  display: none !important;
  visibility: hidden;
  }
/* PDF plugin file edit */
div.pdfemb-toolbar button.pdfemb-prev::before {
	content: url('../../assets/images/toolbarButton-pageUp.png') !important;
}

div.pdfemb-toolbar button.pdfemb-next::before {
	content: url('../../assets/images/toolbarButton-pageDown.png') !important;
}

div.pdfemb-toolbar button.pdfemb-zoomout::before {
	content: url('../../assets/images/toolbarButton-zoomOut.png')!important;
}

div.pdfemb-toolbar button.pdfemb-zoomin::before {
	content: url('../../assets/images/toolbarButton-zoomIn.png')!important;
}

div.pdfemb-toolbar button.pdfemb-fs::before {
	content: url('../../assets/images/toolbarButton-presentationMode.png')!important;
}

div.pdfemb-toolbar button.pdfemb-download::before {
	content: url('../../assets/images/toolbarButton-download.png')!important;
}
.hex_form_item .form-group input{
  transition: all .2s ease-in;
 }
 .hex_form_item .form-group input:focus{
  border: 1px solid #a2a2a2;
 }
 .hex_form_item .form-group input.error{
  border: 1px solid #dd0735;
 }
 .hex_form_item .form-group select{
  transition: all .2s ease-in;
 }
 .hex_form_item .form-group select:focus{
  border: 1px solid #a2a2a2;
 }
 .hex_form_item .form-group select.error{
  border: 1px solid #dd0735;
 }
 #mistoAgree-error:before{
  content: "";
  width: 50px;
  height: 50px;
  background: red;
  
 }
 .check_error .hex__checkmark{
  border: 1px solid #dd0735;
 }
 .crop_image{
  visibility: hidden;
  max-width: 200px;
  max-height: 200px;
  position:absolute;
  left:0;
  top:0;
  overflow: hidden;

}

/* PDF plugin file edit */
@media(max-width:991px){
  .form_with_download{
    padding-bottom: 40px;
  }
}
@media(max-width:768px){
  .mits_stage_image img {
    width: 100%;
    max-width: initial;
  }
  .hexnodecodeShare textarea {
    height: 75px !important;
    font-size: 12px;
  }
  .hexnodecodeShare {
    padding: 25px;
  }
  .hexnodecodeShare .copy-script {
    padding: 14px 10px 14px 14px;
  
  }
  .hexnodecodeShare > p {
    font-size: 14px;
  }
}
@media(max-width:767px){
  .icon_download{
  max-width: 140px;
  }
  .form_with_download .icon_download i{
  font-size: 18px;
  width: 35px;
  height: 35px;
  border-radius: 18px;
  }
}
@media(max-width:650px){
  .hex_form_item{
    max-width: initial;
    width: 80%;
  }

  .infographic_title {
    margin-bottom: 0px;
    margin-top: 0px;  
    display: flex;
    align-items: center;
    justify-content: center;
}
.typeofResource { 
  margin-bottom: 0px;
}
  .hex_info_parent{
    padding-bottom: 25px;
    margin-top: 40px;
  }
}
@media(max-width:600px){
  .sub_title .infographic_title{
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .mits_download_form textarea{
    max-width: 100%;
  }
  .hex_form_item{
    padding: 40px 24px 24px 24px;
  }
  .hex_info_parent{
    padding-top: 190px;
  }
  .hex__checkbox_container{
    margin-bottom: 15px;
  }
}
 
@media(max-width:468px){
  .hex_form_item h4{
    font-size: 22px;
  }
  .form_with_download .icon_download i {
    font-size: 15px;
    width: 30px;
    height: 30px;
    border-radius: 18px;
    top: -64px;
    right: -16px;
  }
  .icon_download {
    max-width: 130px;
  }
  .hex_form_item{
    width: 94%;
  }
  .hex_info_parent {
    padding-top: 140px;
  }
}
@media(max-width:320px){
  .hex_form_item h4 {
    font-size: 20px;
  }
  .hex_form_item {
    padding: 40px 14px 14px 14px;
  }
}


/* Form Part */

.hex_ouibounce{
  z-index: 9999;
}
.hex_ouibounce .modal{
  height: fit-content !important;
  /* max-height: 327px; */
}

.hex_ouibounce .modal{
  display: flex;
  flex-direction: column;
}
.modal-footer{
  border-top: none;
}
.hex_ouibounce .modal-footer{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px !important;
  height: 48px !important;
  top: 8px !important;
  right: 16px !important;
}
.hex_ouibounce .modal-footer a{
  text-decoration: none;
}
.hex_ouibounce .modal-footer a i{
  color: #000;
  opacity: .2;
  transition: 0.3s all ease;
}
.hex_ouibounce .modal-footer a:hover i{
  opacity: .7;
}
.hex_ouibounce form p{
  margin-left: 54px !important;
}
.uibounce_hide{
  display: none !important;
}
.hex_ouibounce .underlay{
  cursor: initial !important;
}
.hex_ouibounce .modal-title h3{
  color: #2f3f50;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 22px;
  font-family: var(--hex_font_family)!important;
  text-transform: initial;
}
.hex_ouibounce .modal-body{

}
.hex_ouibounce .modal-body{
  padding: 0 !important;
}
.hex_ouibounce .modal{
  /* padding: 50px !important; */
  padding: 50px 105px 30px 105px;
}
.hex_ouibounce .modal-body p{
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #2f3f50;
  opacity: 0.8;
  padding: 0;
  margin: 0;
  text-align: left;
  font-family: var(--hex_font_family)!important;
  text-align: center;
}
.hex_ouibounce form{
  margin-bottom: 20px;
}
.hex_ouibounce form input{
  font-family: var(--hex_font_family)!important;
}
.hex_ouibounce .modal-title{
  background: transparent !important;
}
.hex_ouibounce form input[type=submit]{

}

.hex_ouibounce form{
  position: relative;
}

.hex_ouibounce form label.error {
  background: transparent;
  background: transparent;
  max-width: 100%;
  color: #dd0735;
  font-size: 16px;
  line-height: 26px;
  font-weight: normal;
  font-family: var(--hex_font_family);
  position: absolute;
  top:55px;
  right: 0;
  left: 0;
  margin: auto;
  background-color:var( --hex-white-bg);

}
.hex_ouibounce form{
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  display: -webkit-flex;
}
.hex_ouibounce form input:focus{
  outline: none;
}
.subscription_name_field{
  min-width: 345px;
}
.subscription-submit-field{
  position: relative;
  height: 48px;
  margin-left: -2px;
}
.subscription-submit-field svg{
  width: 20px;
  height: 100%;
  display: inline-block;
  fill: #fff;
}
.subscription-submit-field button{
  background: var(--hex_blue_color);
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  transition: all 0.3s linear;
  width: 100%;
  border: transparent;
  width: 55px;
  height: 48px;
  border-radius: 0 3px 3px 0;
}

.hex_ouibounce form{
  margin-top: 26px;
}
/* .mits_list_subscribe_form .subscribe_form .error{
  color: #dd0735;
} */
.subscription-submit-field button{
  position: relative;
  z-index: 999;
}
.leadmailsub1{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: transparent !important;
  z-index: 9999;
}
.mc4wp-form-fields .box_submit{
  position: relative;
}
.leadmailsub2{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  border: none;
  background: transparent;
  cursor: pointer;
}
.leadmailsub3{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  border: none;
  background: transparent;
  cursor: pointer;
  z-index: 99999;
}
.leadmailsub3:focus{
  outline: none;
}
.shown_after_valid{
  display: block !important;
}
.box_input input.error{
  border: 1px solid #dd0735 !important;
  color: #2f3f50;
}
.hex_ouibounce input.error{
  border: 1px solid #dd0735 !important;
  margin-bottom: 20px;
}
.const_img_test{
  position: absolute;
  left: 0;
  visibility: hidden;
}
.hidden-inpt{
  width: 0 !important;
  height: 0 !important;
  overflow: hidden;
  padding: 0 !important;
}
.already_subscribed{
  display: none;
  color: #dd0735;
  font-size: 15px;
  line-height: 1.7;
  font-weight: normal;
  margin-top: -4px;
  align-items: center;
  justify-content: center;
}
.pop_visible_footer{
  transform: translateX(310px) !important;
}
.chide_items{
  display: none !important;
}
.al_ready_sub{
  color: #055605;
}

@media(max-width:767px){
  .hex_ouibounce .modal-title h3{
    font-size: 26px;
  }
}
@media(max-width:600px){
  .hex_ouibounce .modal{
    width: 90%;
    height: fit-content;
    padding-bottom: 78px;
    width: 90% !important;
    height: fit-content !important;
    padding: 40px 20px !important;
  }
}
@media(max-width:545px){
  .hex_ouibounce form input{
    width: 100% !important;
  }
  .hex_ouibounce form input + input{
    margin-top: 20px;
  }
  .subscription_name_field {
    min-width: 100%;
    max-width: 100%;
  }
  .subscription-submit-field button{
    width: 50px;
  }
  .hex_ouibounce .modal{
    padding-bottom: 30px !important;
  }
}
@media(max-width:400px){
  .subscription_name_field {
    min-width: 100% !important;
    max-width: 100% !important;
  }
  .hex_ouibounce .modal{
    width: 95% !important;
  }
  .subscription_name_field {
    min-width: 100%;
    max-width: 100%;
  }
  .hex_ouibounce .modal{
    padding: 40px 12px;
  }
}
@media(max-width:360px){
  .already_subscribed{
    font-size: 13px;
  }
}
@media(max-width:350px){
  .subscription_name_field {
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

    .hex_ouibounce .modal{
      max-height: 375px;
    }
    .hex_ouibounce .modal.modal-wrap{
      max-height: unset;
    }
}}

/* Exit Form Part */
 
/* Style for speaker forms starts */
.hex_form_item form .form-group{
    position: relative;
}
.hex_form_item form .form-group .common-label{
    font-size: 16px;
    color: #a8a8a8!important;
    left: 12px;
    top: 13px;
    pointer-events: none;
    position: absolute;
    margin-bottom: 0;
    transition: all .2s ease;
    width: fit-content;
    background: #fff;
    visibility: visible;
    max-width: 94%;
    height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
    transition: all .2s ease;
}
.hex_form_item form .form-group input{
    width: 100%;
    height: 53px;
    padding: 6px 12px 6px 15px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    font-size: 17px;
    box-shadow: none !important;
}
.hex_form_item form .form-group.has_value .common-label{
    font-size: 15px;
    top: -11px;
}
@media screen and (min-width: 651px) {
  .hex_form_item form .form-group.hex_focus_in .common-label{
    font-size: 14px;
    top: -11px;
  }
}
@media screen and (min-width: 768px) {
  .hex_form_item form .form-group.hex_focus_in .common-label{
    font-size: 15px;
  }
}
.hex_single_form{
  padding: 45px 40px;
  max-width: 670px;
}
.hex_single_form form .support_custom_btn{
    width: 100%;
    background: var(--hex_blue_color);
    height: 50px;
    line-height: 50px;
    font-size: 18px !important;
    border-radius: 3px;
    border: none;
    color: #fff;
    margin-bottom: 0;
    cursor: pointer;
    transition: all .3s;
    min-height: 55px;
}

.hex_tooltip_button{
	position: relative;
	background: transparent;
	border: none;
	transition: all .2s ease-in-out;
}
.hex_tooltip_button:focus{
	outline: none;
}
.hex_tooltip_button:hover .nav-text{
	margin-top:10px;
	  display:table;
}
.hex_tooltip_button:hover .nav-text:after{
	content: '';
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-bottom-color: #e0e0e0;
	/* content: '';
        position: absolute;
        top: -6px;
        left: 50%;
        margin-left: -10px;
        border: 10px solid transparent;
        border-bottom-color: #000; */
}
.hex_tooltip{
    position: absolute;
    top: 17px;
    right: 8px;
}
.hex_tooltip_button img{
	width: 16px;
}
.button-text .nav-text p {
    color: #1b1b1b;
    font-size: 14px;
    line-height: 18px;
}
.button-text {
    top: 100%;
    margin: 2px auto auto auto;
    position: absolute;
    display: block;
    z-index: 98;
    text-align: center;
    left: -1000px;
    right: -1000px;
    pointer-events: none;
}
.button-text .nav-text {
    background: #e0e0e0;
    border-radius: 6px;
    display: none;
    margin: auto;
    padding: 10px 8px;
    z-index: 98;
    text-align: center;
    max-width: 305px;
    /* border: 1px solid #a2a2a2; */
}
.hex_info_parent.speaker_form{padding-top:18px;padding-bottom: 0;}

@media screen and (max-width: 768px) {
  .hex_form_item form .form-group .common-label,
  .hex_form_item form .form-group label.error {
    font-size: 15px;
  }
  .hexnodecodeShare h3 {
    font-size: 26px;
	line-height: 34px;
}
}

@media(max-width:748px){
    .button-text .nav-text {
        max-width: 210px;
    }
}
@media(max-width:650px){
    .hex_tooltip_button:hover .nav-text:after{
		left: 52.7%;
	}
    .button-text {
    left: -1117px;
    }
    .hex_form_item form .form-group .common-label
    .hex_form_item form .form-group.has_value .common-label,
    .hex_form_item form .form-group.hex_focus_in .common-label{
        max-width: 100%;
    }
    .hex_form_item form .form-group .common-label {
        font-size: 14px;
        line-height: 18px;
        position: relative;
        left: 0;
        top: 0;
        margin: 0 0 10px 0;
        height: unset;
        overflow: unset;
        white-space: normal;
        text-overflow: unset;
    }
    .hex_tooltip {
      top: 45px;
    }
    .hex_form_item form .form-group label.error {
      font-size: 14px;
    }
}

@media(max-width:450px){
    .hex_single_form{
        padding: 44px 20px;
    } 
}
/* Style for forms ends */
/* call for speaker form */
/* Ripple btn styles */
.ripple-btn{
  position: relative;
  overflow: hidden;
 }
  
 @keyframes scaleIn{
  0% {
  opacity: 1;
  width: 20px;
  height: 20px;
  opacity: 1;
  }
  5%{
  width: 40px;
  height: 40px;
  opacity: .95;
  }
  10%{
  width: 60px;
  height: 60px;
  opacity: .9;
  }
  15%{
  width: 80px;
  height: 80px;
  opacity: .85;
  }
  20%{
  width: 100px;
  height: 100px;
  opacity: .8;
  }
  25%{
  width: 120px;
  height: 120px;
  opacity: .75;
  }
  30%{
  width: 140px;
  height: 140px;
  opacity: .7;
  }
  35%{
  width: 160px;
  height: 160px;
  opacity: .65;
  }
  40%{
  width: 180px;
  height: 180px;
  opacity: .6;
  }
  45%{
  width: 200px;
  height: 200px;
  opacity: .55;
  }
  50%{
  width: 220px;
  height: 220px;
  opacity: .5;
  }
  55%{
  width: 240px;
  height: 240px;
  opacity: .45;
  }
  60%{
  width: 260px;
  height: 260px;
  opacity: .4;
  }
  65%{
  width: 280px;
  height: 280px;
  opacity: .35;
  }
  70%{
  width: 300px;
  height: 300px;
  opacity: .3;
  }
  75%{
  width: 320px;
  height: 320px;
  opacity: .25;
  }
  80%{
  width: 340px;
  height: 340px;
  opacity: 0.2;
  }
  85%{
  width: 360px;
  height: 360px;
  opacity: 0.15;
  }
  90%{
  width: 380px;
  height: 380px;
  opacity: 0.1;
  }
  95%{
  width: 400px;
  height: 400px;
  opacity: 0.05;
  }
  100%{
  opacity: 0;
  width: 420px;
  height: 420px;
  }
 }
  
 .ripple{
  position: absolute;
  border-radius: 100%;
  
  transform: translate(-50%,-50%);
  background-color: #3d77ec;
  opacity: .15;
  pointer-events: none;
  width: 0;
  height: 0; 
  animation: scaleIn .8s ease-in-out;
  opacity: 0;
  -webkit-animation: scaleIn .8s ease-in-out;
  -moz-animation: scaleIn .8s ease-in-out;
  -ms-animation: scaleIn .8s ease-in-out;
  -o-animation: scaleIn .8s ease-in-out;
 }
 .ripple_anim{
  
 }
 .prior_visible{
  position: relative;
  z-index: 999;
 }
 /* Ripple btn Ends */
 /* Btn Load starts*/
 .overlay_part{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  background: #3d77ec;
  transition: all 2s ease-in-out;
 }
 .btn_active .overlay_part{
  width: 100%;
 }
 @media (max-width: 650px){
  .hex_form_item.hex_single_form {
      width: 100%;
  }
  .hex_single_form {
    padding: 40px 30px;
  }
}
.hex__checkbox_container input.error ~ .hex__checkmark{
  border: 1px solid #dd0735;
}
@media (max-width: 454px){
.hex_tooltip {
    top: 65px;
}
}
 /* call for speaker ends*/

 /* New single page for resource download*/
 .resource_download{
   text-align: center;
   padding-top: 18px;
   padding-bottom: 18px;
 }
 .register-main-wraper .register-sub-wrap .register-right-wrap .register-form-main-wrap .register-custom-form .custom-form__notification .custom-form__notification-label .custom-form__notification-content a:hover{
  text-decoration: underline;
 }
 .register-main-wraper .register-sub-wrap .register-right-wrap .register-form-main-wrap .register-custom-form .custom-form__notification .custom-form__notification-label .custom-form__notification-content a::after{
   display: none;
 }
 .register-main-wraper .register-sub-wrap .register-left-wrap .document-wrap {
  box-shadow: 1px 1px 5px 1px rgb(234 234 234 / 50%);
  }
 
 /* End of single page resource download*/
/* subscripbe popup */

.custom_sub_pop .hex_ouibounce .modal {
  border-radius: 12px;
  transition: 0.3s all ease;
  background-color: var( --hex-white-bg);
}
.footer-subscribe-pop__buttons{
  min-width: 260px;
  margin-right: 60px;
}
.custom_sub_pop.chide_items.show_on_click{
  display: block !important;
}
.hex_ouibounce form {
  display: block;
}
.subscription-submit-field button {
  background: var(--hex_link_hover);
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  transition: all 0.3s linear;
  width: 100%;
  border: transparent;
  width: 100%;
  height: 54px;
  border-radius: 4px;
  color: var(--hex-white-bg);
  line-height: 16px;
  text-transform: uppercase;
}

.subscription-submit-field {
  position: relative;
  margin-left: 0;
  margin-top: 20px;
}
.hex_ouibounce form input[type=email]::-webkit-input-placeholder { 
  color: var(--hex_dark_link_text_color);
  opacity: 0.3;
  font-size: 16px;
  line-height: 26px;
}

.hex_ouibounce form input[type=email]:-ms-input-placeholder { 
  color: var(--hex_dark_link_text_color);
  opacity: 0.3;
  font-size: 16px;
  line-height: 26px;
}

.hex_ouibounce form input[type=email]::placeholder {
  color: var(--hex_dark_link_text_color);
  opacity: 0.3;
  font-size: 16px;
  line-height: 26px;
}
.subscription-submit-field:hover button{
  background-color: var(--hex-offblue-hover);
}
.subscription-submit-field button:focus {
  background-color: var(--hex-offblue-hover);
}
.hex_ouibounce form input[type=email] {
  padding: 12px;
  font-size: 16px;
  line-height: 26px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--hex_light_border);
  -webkit-font-smoothing: antialiased;
  height: 54px;
}
.footer-subscribe-pop{
  width: 100%;
  padding: 11px;
  background-color: var(--hex-white-bg);
  position: sticky;
  bottom: 0;
  box-shadow: 0px 0px 3px rgba(85, 101, 117, 0.16);
  opacity: 1;
  z-index: 99;
  transition: all .3s ease-out;
  animation:slide-up 0.5s;
}
.footer-subscribe-pop__container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.footer-subscribe-pop.hide_stripe,
.footer-subscribe-pop.hide-until-cookie,
.footer-subscribe-pop.hide-until-scroll{
  display: none;
}
@keyframes slide-up {
  0% {
    opacity: 0;
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%);
} 
100% {
    opacity: 1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
} 
}
@-webkit-keyframes slide-up {
  0% {
      opacity: 0;
      -webkit-transform:translateY(100%);
      -moz-transform:translateY(100%);
      -ms-transform:translateY(100%);
      -o-transform:translateY(100%);
      transform:translateY(100%);
  } 
  100% {
      opacity: 1;
      -webkit-transform:translateY(0);
      -moz-transform:translateY(0);
      -ms-transform:translateY(0);
      -o-transform:translateY(0);
      transform:translateY(0);
  } 
}
.footer-subscribe-pop__buttons__blue:hover{
  background-color: var(--hex-offblue-hover);
  color:var(--hex-white-bg); 
}
.footer-subscribe-pop__buttons__blue{
  padding: 14px 26px;
  border-radius: 4px;
  background-color: var(--hex_link_hover);
  color:var(--hex-white-bg); 
  line-height: 24px;
  align-self: center;
  font-size: 16px;
  margin: 0px 25px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  outline: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
}
.footer-subscribe-pop__buttons__close{
  background-color: transparent;
  border-radius: 4px;
  color:var(--hex_home_common_text_color); 
  line-height: 24px;
  align-self: center;
  font-size: 16px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  outline: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
}
.footer-subscribe-pop__buttons__close:hover{
  text-decoration: underline;
}
.footer-subscribe-pop__buttons__close:focus{
  outline: none;
}
.footer-subscribe-pop__content{
    padding-right: 20px;
}
.footer-subscribe-pop__container p{
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  color: var(--hex_home_common_text_color);
}
@media (max-width: 998px){
  body .footer-subscribe-pop__container{
    justify-content: flex-start;
    
  }
  section.footer-subscribe-pop{
    padding: 25px 0 20px 0;
  }
  .footer-subscribe-pop__container #show-sub-pop{
    margin-left: 0;
  }
  body .footer-subscribe-pop__container p {
    margin-bottom: 20px;
    color: var(--hex_home_common_text_color);
}
}


/******************************************************/
 .copy-code-download{
   position: relative;
   color: var(--hex_home_common_title_color);
   font-size: 14px;
   line-height: 28px;
   font-weight: 300;
   border-top: 30px solid var(--hex_copy_bordercolor);
   margin-top: 20px;
   margin-bottom: 20px;
   width: 100%;
   outline: none;
   max-width:670px;
   
 }
 .copy-code-download>div:first-child{
  margin-top: 0 !important;
 }

 .copy-code-download .btn-copy{
  position: absolute;
    top: -30px;
    right: 0;
    display: block;
    border: none;
    outline: none;
    height: 30px;
    display: flex;
    align-items: center;
    background-color: var( --hex_copy_button_background);
    padding:0px 10px;
 }
.btn-copy__icon,
.btn-dload__icon{
   position: relative;
 }
 .copy-code-download .btn-copy:hover i:after{
    color: var(--hex_link_hover) ;

 }
 .copy-code-download .btn-copy i:after{
   content: " Copy";
   font-style: normal;
   color: var(--hex_text_black);
   padding-left: 20px;
 }
 .copy-code-download .btn-copy.active i:after {
  content: " Copied!";
  color:var( --hex_text_white);
  padding-left: 0px;
 }
 .copy-code-download .btn-copy:hover,
 .copy-code-download .btn-copyhover{
  fill:var(--hex_link_hover) ;
}
 .copy-code-download .btn-copy.active i:before {
  content: none;
 }
 .copy-code-download .btn-copy i:before {
  content: " ";
  width: 12px;
  max-height: 13px;
  padding: 7px;
  display: inline-block;
  background-image: url(../images/icons/content_copy.svg);
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 7px;
  left: 0;
 }
 .copy-code-download .btn-copy:hover i:before {
   opacity: 0;
 }
 .copy-code-download .btn-copy:hover:before {
  opacity: 1;
 }
 .copy-code-download .btn-copy:before {
  content: " ";
  width: 12px;
  max-height: 13px;
  padding: 7px;
  display: inline-block;
  background-image: url(../images/icons/copy-blue.svg);
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 8px;
  left: 10;
  opacity: 0;
 }
 .copy-code-download textarea{
   border: 1px solid var(--hex_blue_color);
 }
 .copy-code-download .btn-copy:hover i:before {
  /* background-image: url(../images/icons/copy-blue.svg); */
}
.copy-code-download .btn-dload:hover i:after {
  opacity: 1;
}
.copy-code-download .btn-dload:hover i:before {
  opacity: 0;
}
.copy-code-download .btn-dload i:after {
  position: absolute;
  content: " ";
  width: 12px;
  max-height: 13px;
  padding: 9px;
  display: inline-block;
  background-image: url(../images/icons/download-blue.svg);
  background-position: center;
  background-size: contain;
  opacity: 0;
  right: 0;
 
 }
 .copy-code-download .btn-dload i:before {
  content: " ";
  width: 12px;
  max-height: 13px;
  padding: 9px;
  display: inline-block;
  background-image: url(../images/icons/download.svg);
  background-position: center;
  background-size: contain;
 }
 .copy-code-download .btn-copy.active{
   background-color:var(--hex_blue_color);
 }

 .copy-code-download .btn-dload{
  position: absolute;
  top: -24px;
  right: 80px;
  display: block;
  border:none;
  outline: none;
  background-color: transparent;
}
.copy-code-download .urvanov-syntax-highlighter-main{
  overflow-x: auto !important;
}

.copy-code-download .btn-dload:hover, 
.copy-code-download .btn-copy:hover {
  cursor: pointer;
}
.copy-code-download .btn-dload.active i:before {
  /* background-image: url(../images/icons/download-blue.svg); */
}
.copy-code-download .btn-dload.active i:after {
  background-image: url(../images/icons/download-blue.svg);
}
.copy-code-download .btn-copy.active i{
  color:var( --hex_text_white);
}
.copy-code-download .crayon-table .crayon-nums {
  position: sticky;
  left: -2px;
}
.crayon-toolbar,
.copy-hidden{
  display: none;
}
.copy-code-download  .crayon-toolbar{
  display: none !important;
}
.mits_blog_detail_wrap table,
.mits_blog_detail_wrap tr{
  width: 100% !important;
  max-width: 670px !important;

}
.mits_blog_detail_wrap img:not(.keep-width){
  width: 100% !important;
}

.mits_blog_detail_wrap img.keep-width{
  width: auto !important;
}

.mits_blog_detail_wrap img{
  height: auto !important;
}
.mits_blog_detail_wrap .crayon-theme-github {
  background-color: var(--hex_copyarea_background)!important;
}



/* Search improvements starts */
.nav-main-inner-wrap.nav-main-inner-wrap--trail-days .nav-sub-menu-bottom-wrap .search-main-wrap .search-result-wrap .result-list-wrap{
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.ui-widget.ui-widget-content{
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transition: opacity 0.3s linear, visibility 0.3s linear;
}
.ui-widget.ui-widget-content.visible-item{
  /* transform: translateY(0px); */
  visibility: visible;
  opacity: 1;
}
.loader-item{
  /* width: 400px;
  height: 300px;
  background: red; */
  visibility: hidden;
  opacity: 0;
  /* transform: translateY(10px); */
  /* transition: all 0.3s ease-in-out; */
  /* position: absolute;
  top: 32px;
  right: 0; */
}
.loader-item.visible-item{
  /* transform: translateY(0px); */
  visibility: visible;
  opacity: 1;
}
.no-result{
  position: absolute;
  width: 570px;
  height: 100px;
  padding: 20px;
  background: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  right: 36px;
  top: 28px;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
}
.no-result.visible-item{
  /* transform: translateY(0px); */
  visibility: visible;
}
/* loader starts */
.nav-main-inner-wrap.nav-main-inner-wrap--trail-days .nav-sub-menu-bottom-wrap .search-main-wrap .search-result-wrap{
  top: 28px;
  left: auto !important;
  right: 36px;
}
.nav-main-inner-wrap.nav-main-inner-wrap--trail-days .nav-sub-menu-bottom-wrap .search-main-wrap .search-result-wrap .result-list-loader.result-list-wrap .result-list__items:last-child a{
    border-bottom: none;
}
.nav-main-inner-wrap.nav-main-inner-wrap--trail-days .nav-sub-menu-bottom-wrap .search-main-wrap .search-result-wrap .result-list-loader.result-list-wrap .result-list__items:last-child{
  border-bottom: none;
}
.nav-main-inner-wrap.nav-main-inner-wrap--trail-days .nav-sub-menu-bottom-wrap .search-main-wrap .search-result-wrap .result-list-loader.result-list-wrap .result-list__items:first-child{
  border-top: 1px solid rgba(213, 212, 212, 0.26);
}
.nav-main-inner-wrap.nav-main-inner-wrap--trail-days .nav-sub-menu-bottom-wrap .search-main-wrap.search-loader{
  display: none;
}

@media(max-width:1200px){
  .nav-main-inner-wrap.nav-main-inner-wrap--trail-days .nav-sub-menu-bottom-wrap .search-main-wrap .search-result-wrap{
    max-width: 450px;
  }
  .no-result{
    width: 450px;
  }
}
@media(max-width:991px){
  .nav-main-inner-wrap.nav-main-inner-wrap--trail-days .nav-sub-menu-bottom-wrap .search-main-wrap .search-result-wrap{
    max-width: 350px;
    min-width: 350px !important;
  }
  .no-result {
    width: 350px;
  }
}
@media(max-width:870px){
  .nav-main-inner-wrap.nav-main-inner-wrap--trail-days .nav-sub-menu-bottom-wrap .search-main-wrap .search-result-wrap {
    max-width: 275px;
    min-width: 275px !important;
    right: 0;
    top: 27px;
  }
  .no-result {
    width: 275px;
    right: 0;
    top: 27px;
  }
}
.no-result.mob-no-result{
  display: none;
}
@media(max-width:767px){
  .nav-main-inner-wrap.nav-main-inner-wrap--trail-days .nav-sub-menu-bottom-wrap .search-main-wrap .search-result-wrap.desktop-loader{
    display: none;
  }
  .nav-main-inner-wrap.nav-main-inner-wrap--trail-days .nav-sub-menu-bottom-wrap .search-main-wrap.search-loader{
    display: block;
  }
  .nav-main-inner-wrap.nav-main-inner-wrap--trail-days .nav-sub-menu-bottom-wrap .search-main-wrap.search-loader {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: 210px;
    top: 82px;
    display: flex;
  }
  .nav-main-inner-wrap.nav-main-inner-wrap--trail-days .nav-sub-menu-bottom-wrap .search-main-wrap.search-loader .search-result-wrap{
    width: 100%;
    max-width: 100%;
  }
  .no-result.desktop-no-result{
    display: none;
  }
  .no-result.mob-no-result{
    display: block;
    position: absolute;
    left: 0;
    top: 109px;
    right: 0;
    width: 100%;
    border-radius: 0px;
    border: none;
  }
  .ui-widget.ui-widget-content.visible-item{
    left: 0 !important;
  }
  body .nav-main-inner-wrap.nav-main-inner-wrap--trail-days .nav-sub-menu-bottom-wrap .search-main-wrap .search-result-wrap{
    border: none;
    border-radius: 0px;
  }
}

/* loader ends */
.search_trigger_close{
  z-index: 999;
  
}
/* Search improvements ends */


/* subscribe popup improvements */
.body-scrollrmv{
  overflow: hidden;
}
.hex-ouimodal.hex_ouibounce{
  overflow-y: auto;
  background-color: rgba(0, 0, 0, .6);
}
.hex_ouibounce .hex-ouimodal--underlayrmv.underlay{
  background-color: unset;
}
.hex_ouibounce .modal.modal-wrap{
  padding: 0;
  width: 560px;
  border-bottom: 1px solid rgba(0,0,0,.2);
  background-clip: padding-box;
  
  height: -moz-fit-content;
}
.hex_ouibounce .modal .modal-wrap__img{
  /* min-width: 560px;
  min-height:315px;
  width:100%; */
  padding: 56.25% 0 0;
  position: relative;
}
.hex_ouibounce .modal .modal-wrap__img img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.modal-wrap__body{
  padding: 40px 40px;
}
.hex_ouibounce form.modal-wrap__form{
  display: flex;
  margin-top: 30px;
  margin-bottom: 0;
}
.hex_ouibounce form.modal-wrap__form input[type=email]{
  border-radius: 4px 0 0 4px;
}
.modal-wrap__subscribefield{
  min-width: 300px;
}
.modal-wrap__subscribebtn{
  margin-top: 0;
}
.modal-wrap__subscribebtn button{
  padding: 17px 43px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  text-transform: none;
  border-radius: 0 4px 4px 0;
  background-color: var(--hex_link_hover_blue);
  color: var(--hex_text_white);
}
.modal-wrap__subscribebtn button:hover{
  background-color: var(--hex-offblue-hover);
  color: var(--hex_text_white);
}
.hex_ouibounce .modal-title.modal-wrap__title{
  padding: 0px;
  max-width: 100%;
  min-width: 100%;
  margin-bottom: 20px;
}
.hex_ouibounce .modal-title.modal-wrap__title h3{
  margin-bottom: 0;
  color: var(--hex_dark_link_text_color);
  opacity: 1;
  margin:0;
  font-weight: bold;
  font-size: 24px;
  word-break: break-word;
}
.hex_ouibounce .modal-body.modal-wrap__subbody{
  max-width: 100%;
  min-width: 100%;
}
.hex_ouibounce .modal-body.modal-wrap__subbody p{
  color: var(--hex_home_common_text_color);
  line-height: 24px;
  font-weight: 400;
  opacity: 1;
  font-size: 16px;
  max-width: 426px;
  word-break: break-word;
  margin: 0 auto;
}
.hex_ouibounce .modal-footer.modal-wrap__close svg{
  opacity: 0.4;
}
.hex_ouibounce .modal-footer.modal-wrap__close svg:hover{
  opacity: 1;
  transition: 0.3s ease-out;
}


@media screen and (max-width:1024px){
  .hex_ouibounce .modal.modal-wrap{
    margin-top: 100px;
  }
}

@media screen and (max-width: 600px){
  .hex_ouibounce .modal.modal-wrap{
    width: 92% !important;
    padding: 0 !important;
    margin-top: 100px;
  }
  .hex_ouibounce .modal .modal-wrap__img{
    min-height: 240px;
  }
  .hex_ouibounce .modal-title.modal-wrap__title h3{
    font-size: 22px;
    line-height: 28px;
  }
  .modal-wrap__body {
    padding: 25px 20px 25px 25px;
  }
  .hex_ouibounce form.modal-wrap__form{
    flex-direction: column;
    margin-top: 20px;
  }
  .hex_ouibounce form.modal-wrap__form input[type=email]{
    border-radius: 4px;
    height: 52px;
  }
  .modal-wrap__subscribebtn{
    margin-top: 15px;
  }
  .modal-wrap__subscribebtn button{
    border-radius: 4px;
    padding-top: 16px;
    height: 52px;
    padding-bottom: 16px;
  }
}
@media (max-width:1000px) and (max-height:601px) and (orientation:landscape){
  .hex_ouibounce .modal.modal-wrap{
    flex-direction: row;
    margin-top: 100px;
  }
  .modal-wrap__body {
    padding: 35px 25px 20px 20px;
  }
  .hex_ouibounce .modal .modal-wrap__img{
    position: relative;
    padding: 0;
    width: 280px;
    /* height: 290px; */
    /* display: flex; */

  }
  .hex_ouibounce .modal .modal-wrap__img .modal-wrap__imgwrp{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }
  .hex_ouibounce .modal .modal-wrap__img img{
    position: unset;
  }
  .hex_ouibounce .modal-title.modal-wrap__title{
    margin-bottom: 10px;
    margin-top: 5px;
  }
  .hex_ouibounce form.modal-wrap__form{
    margin-top: 15px;
    flex-direction: column;
  }
  .hex_ouibounce form.modal-wrap__form input[type=email]{
    height: 48px;
    border-radius: 4px;
  }
  .modal-wrap__subscribebtn{
    margin-top: 10px;
  }
  .modal-wrap__subscribebtn button{
    height: 48px;
    border-radius: 4px;
  }
  .modal-wrap__close svg{
    height: 20px;
    width: 20px;
  }
  .hex_ouibounce .modal-footer.modal-wrap__close{
    top: 0px !important;
    right: 10px !important;
  }
  .hex_ouibounce form.modal-wrap__form label.error{
    top:49px
  }
  .hex_ouibounce .modal-body.modal-wrap__subbody p{
    text-align: left;
  }
}
@media screen and (max-width: 320px){
.hex_ouibounce .modal .modal-wrap__img{
  min-height: 200px;
}
}

.modal-wrap__subscribebtn button i.display_hidden{
  opacity: 0;
}
.load-spin .modal-wrap__subscribebtn button i.display_hidden{ 
  opacity: 1;
}
.modal-wrap__subscribebtn-button{
  position: relative;
  border: none;
  outline: none;
}
.modal-wrap__subscribebtn-button
.modal-wrap__subscribebtn-button-overlay{
  width: 0;
  height: 100%;
  position: absolute;
  transition: 0.9s all ease;
  left: 0;
  top: 0;
  background: rgb(255 255 255 / 25%);
}
.load-spin .modal-wrap__subscribebtn-button-overlay{
  width: 100%;
}

.load-spin .modal-wrap__subscribebtn-button{
  pointer-events: none;
}
.load-spin input[type="submit"],
.load-spin button[type="submit"]{
  pointer-events: none;
}
.hex_ouibounce input.cloud-error {
  border: 1px solid #dd0735 !important;
  margin-bottom: 30px;
}
.modal-wrap__subscribebtn-button-text{
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    text-transform: none;
    color: var(--hex_text_white);
}
@media screen and (max-width: 480px){
  .hex_ouibounce form label.error {
    font-size: 14px;
    line-height: 20px;
  }
}
/* subscribe popup improvements ends */
.hex_blog_box_parent{
  position: relative;
}
.hex_blog_box_parent .hex_blog_box_link{
  position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
} 
@media (max-width:1279px){

.lwptoc.lwptoc-autoWidth.lwptoc-light.lwptoc-notInherit.wp_toc_nav_menu.sticky_visible {
  height: auto;
}
}
.custom-form__download-btn{
  position: relative;
}
.custom-form__download-btn .download-loader{position:absolute;display:inline-block;top:0;left:0;width:0%;background:#3c6bcc;z-index:9;height:100%;border-radius:6px}
.custom-form__download-btn.active-btn .download-loader{width:100%;-webkit-transition:all 0.9s ease-in-out;transition:all 0.9s ease-in-out}
.custom-form__download-btn button span{
  z-index: 999;
  position: relative;
}

.hexnodecodeShare h3{display: flex;width: fit-content;}
.hexnodecodeShare > p{display: flex;width: fit-content;}

/* additional css  */
.featured_post_content{
	height: auto;
}
.hexnodecodeShare {
    margin-top: 0px;
	}
.mits_stage_image{
	padding-bottom:25px;	
}
@media(min-width:992px){
  .sidebar_bottom{
    height: unset !important;
    top: auto !important;
  }
}

.register-left-wrap p,
.register-left-wrap li{
	color:#556575;
}
.register-left-wrap ul, .register-left-wrap ol {
    padding-left: 20px;
    margin-bottom: 25px;
	  list-style-type: circle;
	padding-top:15px;
}
.register-left-wrap ul li, .register-left-wrap ol li {
    font-size: 16px;
    line-height: 2;
    letter-spacing: -0.01em;
    color: var(--hex_home_common_text_color);
    margin-bottom: 6px;
    position: relative;
    font-family: var(--hex_font_family_secondary);
}
@media(max-width:991px){
	.register-main-wraper .register-sub-wrap ul{
		text-align: left;
	}
}
 
@media (max-width: 1279px){
.lwptoc.lwptoc-autoWidth.lwptoc-light.lwptoc-notInherit.wp_toc_nav_menu.sticky_visible {
     height: auto;
}
}
/* Style fix in footer -- safari -- starts */
@media not all and (min-resolution:.001dpcm) {

	@media(max-width:599px) and (min-width:420px){
		.footer-grid .footer-grid__event-box{
			display: flex;
		}

	.footer-grid .footer-grid__event-description{

	margin-left: 18px;

	}

	}

	@media(max-width:420px){

	.footer-grid .footer-grid__event-description{

	margin-top: 18px;

	}

	}

}
/* Style fix in footer -- safari -- ends */

.register-main-wraper .register-sub-wrap .register-left-wrap .register-left__detail {
	display:none;
}
.register-main-wraper .register-sub-wrap .register-left-wrap p{
	font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 30px;
    color: #556575;
}
.register-main-wraper .register-sub-wrap .register-left-wrap li{
	font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 30px;
    color: #556575;
	list-style:none;
	padding-left:15px;
}
.register-main-wraper .register-sub-wrap .register-left-wrap>p:nth-last-child(2) {
    margin-bottom: 60px;
}

.minihome-listing-section__listboximage{
	width:100%;
}
.minihome-listing-section__listboximage svg{
	max-width:58px;
}
.hex_info_parent{
	overflow:hidden;
}
/* end additonal css  */
#infographic{
  margin-bottom: 30px;
}
#infographic .form_with_download {
  padding-bottom: 0px;
}
.single-post .post-full-content.resourceBorder{
  border-bottom: 1px solid var(--hex_light_border) !important;
}
.single-post .post-full-content.no-border{
  border-bottom: none !important;
}
.bottom-pad-rem.post-full-content{
padding-bottom: 0;
}
.hexnodecodeShare{
  margin-bottom: 30px;
}

/* resource section  */
#resource-single{
  padding-bottom: 30px;
}
#resource-single .resource-box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 238px;
  border: 1px solid #5565751A;
  border-radius: 10px;
  padding-top: 30px;
  padding-left: 35px;
  padding-right: 35px;
  overflow: hidden;
}
.resource-box .resource-box__image-section{
  -webkit-box-flex: 0;
    -ms-flex: 0 0 172px;
    flex: 0 0 172px;
    max-width: 172px;
    padding-right: 20px;
    margin-bottom: -5px;
}
.resource-box .resource-box__content-section{
  -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 172px);
    flex: 0 0 calc(100% - 172px);
    max-width: calc(100% - 172px);
    padding-left: 20px;
    padding-bottom: 30px;
}
.resource-box .resource-box__image{
  margin: 0;
  max-width: calc(100% - 10px);
  
  position: relative;
  z-index: 5;
  width: 100%  !important;
  height: 100% !important;
  object-fit: cover;
  transition: 0.3s all ease;
}
.resource-box__image-wrap{
  top: 5px;
  position: relative;
  transition: 0.3s all ease;
  height: 200px;
  width: 152px;
}
.resource-box__image-wrap:after{
  content: "";
  height: 100%;
  width: calc(100% - 10px);
  background-color: #ebedef;
  position: absolute;
  top: 10px;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.resource-box .resource-box__content-section
 .resource-box__content-subheading{

  letter-spacing: 0px;
  color: var(--hex_home_common_text_color); 
  font-family: var(--hex_font_family);
  font-size: 14px;
  line-height: 23px;
  font-weight: 400;
  margin-bottom: 25px;
  position: relative;
}
.resource-box .resource-box__content-section
 .resource-box__content-subheading::after{
   content: "";
   width: 58px;
   height: 2px;
   position: absolute;
   left: 0;
   bottom: -5px;
   background-color: var(--hex_link_hover_blue); 
   opacity: .2;
 }
.resource-box .resource-box__content-section
.resource-box__contents{
  letter-spacing: 0px;
  color: var(--hex_home_common_text_color); 
  font-family: var(--hex_font_family);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  opacity: .8;
  margin-bottom: 20px;
}
.resource-box .resource-box__content-section
.resource-box__content-heading{

letter-spacing: 0px;
  color: var(--hex_dark_link_text_color); 
  font-family: var(--hex_font_family);
  font-size: 20px;
  line-height: 29px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 10px;
}
.resource-box .resource-box__content-section
.resource-box__content-link
{
  opacity: 1;
  color: var(--hex_link_hover_blue); 
  font-family: var(--hex_font_family);
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
}
.resource-box .resource-box__content-section
.resource-box__content-link svg{
  margin-left: 4px;
}
.resource-box:hover .resource-box__image-wrap {
  transform: translateY(-5px);
}

.resource-box .resource-box__content-section
.resource-box__content-link:hover{
  text-decoration: none;
  border: none;
}
.resource-box .resource-box__content-section
.resource-box__content-link #arrow{
  transition: 0.2s all ease;
}
.resource-box .resource-box__content-section
.resource-box__content-link:hover #arrow{
  opacity: 1;
}

@media(max-width:650px){
  .resource-box .resource-box__image-section{
    -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-right: 0px;
      margin-top: 0px;
      padding-bottom: 35px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: center;
  }
  .resource-box__image-wrap:after{
    /* height: 100%;
    top: 10px; */
  }
  .resource-box .resource-box__content-section{
    -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 0px;
      text-align: center;
      padding-bottom: 25px;
  }
  #resource-single .resource-box {
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .resource-box__image-wrap{
    max-width: 100%;
  }
  .resource-box .resource-box__image {
    margin: 0;
    max-width: calc(100% - 10px);
    padding-top: 0px;
    margin-bottom: 0; 
  }
  .resource-box .resource-box__content-section .resource-box__content-subheading::after {
    left: 0;
    right: 0;
    margin: auto;
  }
  .resource-box .resource-box__content-section .resource-box__content-link #arrow {
    opacity: 1;
  }
}

.heateor_sss_button_twitter{
  position: relative;
}

.heateor_sss_button_twitter svg{
  opacity: 0;
}

.heateor_sss_button_twitter::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*   ========= Whats new placement starts =========  */
.nav-main-inner-wrap .nav-sub-menu-top-wrap>ul li a.nav-sub-menu-wrap__link.whatsnew-menu--wrapper{
    display: none;
}
@media (min-width:1101px){
    .nav-main-inner-wrap .nav-sub-menu-top-wrap>ul li a.nav-sub-menu-wrap__link.whatsnew-menu--wrapper{
        font-weight: 600;
        display: flex;
        align-items: center;
        line-height: 21px;
    }
    .nav-main-inner-wrap .nav-sub-menu-top-wrap>ul li a.nav-sub-menu-wrap__link.whatsnew-menu--wrapper .whatsnew-menu--icon-wrapper{
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }
}

/*   ========= Whats new placement ends =========  */