:root {
  --font-size: 12px;
  --font-color: #111111;
  --h1-font:90px;
  --font-clrb:#3A2D4C;
  --clr-green:#3bcb63;
  --h2-size:43px;
}

/*----------------------------------Blog page Footer styling Start-------------------------------------------*/

footer#footer {
  background-color: #fff;
  position: relative;
  color: var(--font-clrb);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  z-index: 5;
}
footer#footer #footer-inner {
  padding-top: 60px;
  max-width: 90% !important;
  width: 1240px !important;
}
#footer-widgets.wpex-row {
  margin: 0 -15px;
}
footer#footer #footer-inner #wpex_fontawesome_social_widget-2 {
  position: relative;
  left: -10px;
}
footer#footer ul.submenu.level-1 {
  padding: 0;
}
footer#footer .widget-title, footer#footer .wpex-widget-heading, footer#footer p {
  color: var(--font-clrb);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
footer#footer .widget-title, footer#footer .wpex-widget-heading {
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}
footer#footer a:not(.theme-button) {
  color: var(--clr-green);
  text-decoration: none;
}
footer#footer a:not(.theme-button):hover {
  opacity: .8;
  color: #2e233e;
}
footer#footer .footer-box ul.menu li>a {
  display: block;
}
footer#footer .footer-box.col {
  width: 22%;
  padding: 0px 15px;
  margin-left: 0px !important;
}

footer#footer .footer-box.col:last-child ul li a {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
}

footer#footer .footer-box.col:last-child ul li {
  line-height: 1;
}
.social-links a.social-links__link svg {
  fill: #3bcb63 !important;
  height: 16px;
}

a.social-links__link {
  line-height: 1;
  display: flex;
  align-items: center;
  height: 31.8px;
  width: 31.8px;
  margin-right: 5px;
  margin-bottom: 5px;
  justify-content: center;
}
footer#footer .social-links {
  justify-content: left !important;
}
@media (max-width:991.98px) {
  footer#footer .footer-box.col {
    width: 50%!important;
/*     padding: 30px; */
  }
  footer#footer .wpex-bordered-list ul {
    margin: 0;
    list-style: none;
    padding-left: 0;
  }
}
@media (max-width:767.98px) {
  footer#footer .footer-box.col {
    width: 100%!important;
/*     padding: 0 30px; */
  }
}
footer#footer .footer-box.col-1 {
  width: 34%
}
footer#footer .footer-box.col-1 ul.menu li a {
  font-size: 24px;
  line-height: 3rem;
}
.wpex-row {
  display: flex;
  flex-wrap: wrap;
}
.wpex-bordered-list ul, .wpex-bordered-list {
  margin: 0;
  list-style: none;
}
div#footer-widgets .footer-box:nth-child(4) ul.submenu.level-1 {
  list-style: none;
  padding: 0;
}
div#footer-widgets .footer-box:nth-child(1) .menu-link {
  font-size: 24px;
  line-height: 31px;
}
div#footer-widgets .footer-box:nth-child(1) li {
  padding: 8px 0;
}
footer#footer .widget-title, footer#footer .wpex-heading {
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}
footer#footer .footer-box.col .btm-pd {
  padding-bottom: 40px;
}
/*----------------------------------------------Blog page Footer styling Ends----------------------------------------------*/

.header__logo.header__logo--main img {
  width: 340px;
}

@media(max-width: 1380px){
  header.header .header__container {
    gap: 30px;
  }
  header.header .header__search input.hs-search-field__input, header.header .header__search .hs-search-dummy input {
    max-width: 200px;
    width: 200px !important;
  }

  header.header ul.menu__wrapper.no-list {
    padding-left: 20px;
  }
}

@media(max-width: 992px){

  header.header .header__search input.hs-search-field__input {
    width: auto !important;
  }

  .header__logo.header__logo--main img {
    width: 250px;
  }

  header.header ul.menu__wrapper.no-list {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .header__logo.header__logo--main img {
    width: 70% !important;
    height: auto !important;
    max-width: 340px;
  }
}
#site-header {
  padding: 0!important;
}
#site-header-inner {
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 40px;
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  max-width:90%;
  width:1240px;
}
.container {
  max-width: 1700px;
  margin: 0 auto;
}
#site-logo {
  display: table;
  height: 100%;
  float: left;
  text-align: left;
}
#site-header-inner.post-header #site-logo {
  position: relative;
  left: -15px;
  top: -1px;
}
div#site-logo-inner img {
  vertical-align: middle;
}
#mobile-menu {
  -webkit-transform: translateY(-51%);
  -o-transform: translateY(-51%);
  transform: translateY(-51%);
  height: auto;
  margin: 0;
  line-height: 30px;
}
.wpex-right-0 {
  right: 0;
}
.wpex-top-50 {
  top: 50%}
.wpex-absolute {
  position: absolute;
}
.wpex-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.wpex-items-center {
  align-items: center;
}
.wpex-mobile-menu-toggle div.sidr-class-mobile-menu-searchform {
  border-radius: 5px;
  background-color: #2e233e;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 5px;
  overflow: hidden;
  padding: 0 18px;
  width: 295px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
}
div.sidr-class-mobile-menu-searchform {
  -webkit-transition: all .15s ease;
  -o-transition: .15s all ease;
  transition: all .15s ease;
  position: relative;
  border: none;
}
div.sidr-class-mobile-menu-searchform .searchform-overlay {
  position: absolute;
  cursor: pointer;
  display: block;
  height: 100%;
  width: 100%;
  z-index: 5;
  left: 0;
  top: 0;
}
.wpex-inline-flex.wpex-items-center div.sidr-class-mobile-menu-searchform input[placeholder] {
  padding: 15px 20px;
  color: #aba8c3;
  font-size: 18px;
  font-family: Poppins, Arial, verdana, sans-serif;
  font-weight: 400;
}
.sidr-class-mobile-menu-searchform input[type=search] {
  width: 100%;
  background: none;
  border: 0;
  outline: 0;
}
div.sidr-class-mobile-menu-searchform button {
  text-align: center;
  font-size: 22px;
  color: var(--clr-green);
  right: auto;
  left: 0;
}
.fal {
  font-family: Font Awesome\ 5 Pro;
  font-weight: 300;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.fa-search:before {
  content: "\f002"}
#mobile-menu a.mobile-menu-toggle {
  background-color: #2e233e;
  border-radius: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px;
  line-height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
}
#mobile-menu a {
  color: #4ac869;
  position: relative;
  font-size: 22px;
}
#mobile-menu .wpex-bars {
  width: 28px;
}
.wpex-bars {
  position: relative;
  display: inline-block;
  height: 16px;
  width: 28px;
  line-height: normal;
  box-sizing: content-box;
}
#mobile-menu .wpex-bars>span, #mobile-menu .wpex-bars>span:after, #mobile-menu .wpex-bars>span:before {
  height: 0;
  border-top: 1px solid var(--clr-green);
  border-bottom: 1px solid var(--clr-green);
  background-color: var(--clr-green)!important;
}
.wpex-bars>span {
  top: 50%;
  margin-top: -1px;
}
.wpex-bars>span, .wpex-bars>span:after, .wpex-bars>span:before {
  background: #616161;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
  transform-style: preserve-3d;
}
#mobile-menu .wpex-bars>span:before {
  top: -8px;
}
#mobile-menu .wpex-bars>span:after {
  bottom: -8px;
}
#sidr-main.sidr-right {
  right: -60%}
#sidr-main.sidr-right.trans {
  left: auto;
  right: 0;
}
#sidr-main {
  background-color: var(--font-clrb);
  color: #fff;
  -webkit-transition: all .15s ease;
  -o-transition: .15s all ease;
  transition: all .15s ease;
  padding-bottom: 0;
  display: block;
  z-index: 999999;
  width: 60%;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 14px;
  background: var(--font-clrb);
  color: #9e9e9e;
  -webkit-overflow-scrolling: touch;
  user-select: none;
}
#sidr-main, .wpex-sidr-overlay {
  position: fixed;
  top: 0;
  height: 100%}
.wpex-sidr-overlay {
  display: none;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, .6);
  z-index: 9999;
  transform: translateZ(0);
}
.wpex-sidr-overlay.wpex-custom-cursor {
  cursor: url(//25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/raw_assets/public/VisionInside_April2022/images/close.png), default;
  display: block;
}
#sidr-main .sidr-class-wpex-close-processed-by-obwk {
  height: 135px;
  border-bottom: 1px solid #4e466f;
  padding-left: 45px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
div.sidr-class-mobile-menu-searchform input[placeholder] {
  padding: .9em 45px;
  color: #aba8c3;
  font-size: 18px;
  font-family: Poppins;
}
.fa-times:before {
  content: "\f00d"}
a.obwk-close-menu-link {
  color: var(--clr-green);
  font-weight: 300;
  font-size: 30px;
  margin-right: 62.8125px;
}
#sidr-main .sidr-class-menu-main-menu-container {
  padding: 45px;
}
#sidr-main nav.navigation-primary ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidr-class-menu-main-menu-container ul li>a {
  padding: 0;
  color: #fff;
  font-size: 32px;
  font-family: Poppins;
  width: 100%;
  display: block;
  line-height: 50px;
}
.sidr-class-menu-main-menu-container ul>li:first-child {
  border-top: 1px solid var(--font-clrb);
  border-bottom: 1px solid var(--font-clrb);
}
.sidr-class-menu-main-menu-container ul>li {
  border-bottom: 1px solid var(--font-clrb);
}
#sidr-main nav.navigation-primary ul>li>a:hover {
  color: var(--clr-green);
}
#sidr-main .sidr-class-vi-special-menu-widges-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
#sidr-main .sidr-class-vi-special-menu-widges-box .sidr-class-vi-below-menu-col.sidr-class-col-1 {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#sidr-main .sidr-class-vi-special-menu-widges-box .sidr-class-vi-below-menu-col.sidr-class-col-2 {
  width: 40%;
  border-top: 1px solid #4e466f;
  padding: 45px;
}
#sidr-main .sidr-class-vi-special-menu-widges-box .sidr-class-vi-below-menu-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-right: 1px solid #4e466f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#sidr-main .sidr-class-vi-special-menu-widges-box .sidr-class-vi-below-menu-col .sidr-class-vi-below-menu-cell {
  border-top: 1px solid #4e466f;
  padding: 45px;
  display: block;
  height: auto;
  width: 100%}
.sidr-class-widget-title {
  margin-bottom: 6px;
  color: #fff;
  font-family: Poppins;
  font-size: 16px;
  line-height: 20px;
}
.download-btn {
  display: block;
  line-height: 23px;
}
.download-btn a {
  background-color: var(--clr-green);
}
.download-btn a, .phn-link a {
  border-radius: 5px;
  padding: .738em 1.277em;
  vertical-align: bottom;
  font-size: 18px;
  text-align: left;
  margin: 5px 0;
  opacity: 1;
  color: #fff;
  display: inline-block;
  line-height: 23px;
  width: 100%;
  font-family: Poppins;
}
.phn-link a {
  background-color: #463c60;
}
.mail-btn a {
  border-radius: 5px;
  opacity: 1;
  background-color: #463c60;
  color: #fff;
}
.jobs-btn a, .mail-btn a, .workshop-btn a {
  padding: .738em 1.277em;
  vertical-align: bottom;
  display: inline-block;
  line-height: 23px;
  font-size: 18px;
  text-align: left;
  margin: 5px 0;
  width: 100%;
  font-family: Poppins;
}
.jobs-btn a, .workshop-btn a {
  opacity: .8;
  color: #aba8c3;
  border-radius: 5px;
  border: 2px solid #4e466f;
}
.sidr-class-textwidget p, .sidr-class-textwidget p a {
  color: #aba8c3;
  font-size: 16px;
  line-height: 20px;
  font-family: Poppins;
  margin-bottom: 20px;
}
span.ticon.ticon-download:before {
  content: "\f019"}
.ticon {
  display: inline-block;
  font: normal normal normal 14px/1 ticons;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
span.ticon.ticon-bar-chart, span.ticon.ticon-download, span.ticon.ticon-envelope-o, span.ticon.ticon-phone {
  display: inline-block;
  font-size: 25px;
  width: 30px;
}
.jobs-btn a span.ticon.ticon-bar-chart {
  background-image: url(//25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/raw_assets/public/VisionInside_April2022/Fonts/icon-job-neu.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.ticon-phone:before {
  content: "\f095"}
.ticon-envelope-o:before {
  content: "\f003"}
.workshop-btn a .ticon-bar-chart:before {
  content: "\f080"}
#sidr-main .sidr-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #aba8c3;
  font-size: 16px;
  line-height: 20px;
}
#sidr-main .sidr-class-mobile-menu-searchform-wrapper {
  margin: 45px;
}
#sidr-main .sidr-class-mobile-menu-searchform-wrapper form.sidr-class-mobile-menu-searchform {
  border-bottom: 1px solid #4e466f;
  position: relative;
  font-family: Poppins;
}
#sidr-main .sidr-class-mobile-menu-searchform-wrapper form.sidr-class-mobile-menu-searchform input {
  padding: .9em 55px 0 0;
  line-height: 60px;
  font-size: 32px;
  color: #aba8c3;
  font-family: Poppins, Arial, verdana, sans-serif;
  font-weight: 300;
}
input[type=search]::-ms-clear, input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.sidr-class-mobile-menu-searchform ::-webkit-input-placeholder {
  color: inherit;
  opacity: .7;
}
#sidr-main .sidr-class-mobile-menu-searchform-wrapper form.sidr-class-mobile-menu-searchform button {
  color: #aba8c3;
  font-size: 18px;
  width: auto;
  top: auto;
  bottom: 8px;
  right: 0;
  margin: 0;
}
#sidr-main .sidr-class-mobile-menu-searchform-wrapper form.sidr-class-mobile-menu-searchform button:focus {
  background: transparent!important;
}
.sidr-class-mobile-menu-searchform button {
  background: none;
  display: block;
  position: absolute;
  right: 20px;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: right;
  top: 50%;
  margin-top: -15px;
  color: inherit;
  padding: 0;
  outline: 0;
  border: 0;
}
#sidr-main .sidr-class-mobile-menu-searchform-wrapper form.sidr-class-mobile-menu-searchform button .ticon-search {
  background: url(//25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/raw_assets/public/VisionInside_April2022/images/long-arrow-right-white.svg) 50% no-repeat;
  background-size: cover;
  margin-left: 5px;
  position: relative;
  bottom: -2px;
}
#sidr-main .sidr-class-mobile-menu-searchform-wrapper form.sidr-class-mobile-menu-searchform button .ticon-search:before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
}
div#obwk-mobile-menu-searchform-results-box {
  margin-top: 45px;
  padding: 45px 0;
  text-align: center;
}
.sidr-class-mobile-menu-searchform-wrapper {
  display: none;
}
.sidr-inner.show .sidr-class-mobile-menu-searchform-wrapper {
  display: block;
}
a.obwk-close-search-box-link {
  color: var(--clr-green);
  font-weight: 300;
  font-size: 30px;
  margin-right: 62.8125px;
  display: none;
}
.hide {
  display: none!important;
}
.show {
  display: block!important;
}
div#sidr-main.wpex-mobile-menu {
  right: 0;
}
#sidr-main .sidr-class-wpex-close-processed-by-obwk.change {
  border: none;
}

/*-----*/
body.author .blogo.l {
  display: none;
}
/*-----*/

@media (max-width:1023.98px) {
  #sidr-main {
    width: 100%}
  #sidr-main.sidr-right {
    right: -100%}
}@media (max-width:768px) {
  #mobile-menu .wpex-bars>span, #mobile-menu .wpex-bars>span: after, #mobile-menu .wpex-bars>span:before {
    border-top: 1px solid var(--clr-green);
    border-bottom: 1px solid var(--clr-green);
    background-color: var(--clr-green)!important;
  }
  #sidr-main {
    width: 100%}
  #sidr-main.sidr-right {
    right: -100%}
  #sidr-main .sidr-class-vi-special-menu-widges-box .sidr-class-vi-below-menu-col.sidr-class-col-1 {
    width: 100%}
  #sidr-main .sidr-class-vi-special-menu-widges-box .sidr-class-vi-below-menu-col.sidr-class-col-2 .sidr-class-footer-widget {
    white-space: nowrap;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%}
  #sidr-main .sidr-class-vi-special-menu-widges-box .sidr-class-vi-below-menu-col {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%}
  #sidr-main .sidr-class-vi-special-menu-widges-box .sidr-class-vi-below-menu-col.sidr-class-col-2 {
    width: 100%;
    border-top: 1px solid #4e466f;
    padding: 45px;
  }
  #sidr-main .sidr-class-vi-special-menu-widges-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #sidr-main .sidr-class-mobile-menu-searchform-wrapper form.sidr-class-mobile-menu-searchform input {
    line-height: 48px;
    font-size: 22px;
  }
  #sidr-main .sidr-class-mobile-menu-searchform-wrapper {
    margin: 22.5px;
    margin-right: 30.1094px!important;
  }
  a.obwk-close-menu-link {
    margin-right: 30.1094px!important;
  }
  a.obwk-close-search-box-link {
    margin-right: 30.1094px;
  }
  a.mobile-menu-toggle {
    background-image: url(//25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/raw_assets/public/VisionInside_April2022/images/trigger-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 65% auto;
  }
  #mobile-menu .wpex-bars>span, #mobile-menu .wpex-bars>span:after, #mobile-menu .wpex-bars>span:before {
    height: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: transparent!important;
  }
  div#obwk-search-form-btn-box {
    display: none;
  }

}

div#obwk-search-form-btn-box:hover, div#site-logo-inner:hover img {
  opacity: .8;
}
#sidr-main .sidr-class-mobile-menu-searchform-wrapper form.sidr-class-mobile-menu-searchform button:hover {
  background-color: transparent;
  color: var(--clr-green);
}
#sidr-main .sidr-class-mobile-menu-searchform-wrapper form.sidr-class-mobile-menu-searchform button:hover .ticon-search {
  background-image: url(//25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/raw_assets/public/VisionInside_April2022/images/long-arrow-right-primary.svg);
}
a.obwk-close-menu-link:hover {
  color: var(--clr-green);
  opacity: .8;
}
#mobile-menu a.mobile-menu-toggle:hover, div.sidr-class-mobile-menu-searchform:hover {
  opacity: .8;
}
.download-btn a:hover, .mail-btn a:hover, .phn-link a:hover {
  opacity: .8;
  color: #fff;
}
.jobs-btn a:hover, .workshop-btn a:hover {
  opacity: .8;
  background-color: #463c60;
  color: #aba8c3;
}
#sidr-main nav.navigation-primary ul>li>a:hover, .sidr-class-textwidget p a:hover {
  opacity: .8;
}
.vi-arrow-box .vi-arrow-icon {
  background: url(//25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/raw_assets/public/VisionInside_April2022/images/long-arrow-right-primary.svg) 50% no-repeat;
  -webkit-transition: all .15s ease;
  -o-transition: .15s all ease;
  transition: all .15s ease;
  background-size: 80% auto!important;
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  height: 30px;
  width: 27px;
  top: 10%
}

.container {
  max-width: 90%
}


.textwidget p, .wpex-heading {
  font-weight: 400;
  font-family: Poppins;
  margin-bottom: 20px;
  color: var(--font-clrb);
}
.textwidget p {
  font-size: 16px;
  line-height: 20px;
}
.textwidget {
  margin-bottom: 20px;
}
.wpex-fa-social-widget {
  position: relative;
  left: -10px;
  top: -1px;
}
.col-2, .col-3, .col-4 {
  width: 22%}


.banner-area .dnd-section {
  padding: 0!important;
}
.container:not(#site-header-inner) {
  width: 100%!important;
  max-width: 1240px!important;
}

#sidr-main nav.navigation-primary ul li>a {
  color: #fff!important;
}
#sidr-main nav.navigation-primary ul>li>a:hover {
  color: var(--clr-green)!important;
}
#site-header.overlay-header {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
  z-index: 9999;
  transition: background 0.3s ease;
}

/*----------------------------------Blog page Header styling start-------------------------------------*/

header.header ul.menu__wrapper.no-list {
  margin-bottom: 0;
}
header.header {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 1;
  padding: 40px 0;
}
header.header .header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header.header .header__container .header__column {
  display: flex;
  align-items: center;
}
header.header .header__row-2 ul {
  margin-bottom: 0 !important;
}
header.header .header__container .header__column form {
  margin-bottom: 0 !important;
}
header.header .header__search input.hs-search-field__input, header.header .header__search .hs-search-dummy input {
  max-width: 356px !important;
  width: 356px;
  background: transparent;
  border: 2px solid #fff !important;
  border-radius: 7px;
  outline: none;
  color: #fff;
}
header.header .header__search input.hs-search-field__input::placeholder, header.header .header__search .hs-search-dummy input::placeholder {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  padding: 14px 18px;
}
header.header .header__row-2 ul li > * {
  font-size: 20px;
  text-transform: capitalize;
}
/*----------------------------------Blog page Header styling start-------------------------------------*/




/**** header css ****/
@media (max-width:767px){
  div#site-logo-inner img {
    width: 150px !important;
  }
  .wpex-mobile-menu-toggle.wpex-right-0{
    right:0 !important;
  }
}


body{ 
  font-size: var(--font-size);
}
*{
  font-family: Poppins,Arial,verdana,sans-serif;
}
*, :after, :before {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: .67em 0;
}
h2{
  font-size:var(--h2-size);
  font-weight:500;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b, strong {
  font-weight: bolder;
}
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}
img {
  border-style: none;
}
/* .page-center {
margin: 0 auto;
max-width: 1240px;
} */
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button, input {
  overflow: visible;
}
button, select {
  text-transform: none;
}
[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: .35em .75em .625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[hidden], template {
  display: none;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:after, .row-fluid:before {
  display: table;
  content: ""}
.row-fluid:after {
  clear: both;
}
.content-wrapper {
  max-width: 1700px;
  margin: 0 auto;
  padding: 0 30px;
}
.lp-body-container-wrapper .content-wrapper {
  max-width: 1240px;
  padding: 0;
}
.row-fluid [class*=span] {
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;
  margin-left: 2.127659574%;
  *margin-left: 2.0744680846382977%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.row-fluid [class*=span]:first-child {
  margin-left: 0;
}
.row-fluid .span12 {
  width: 99.99999998999999%;
  *width: 99.94680850063828%}
.row-fluid .span11 {
  width: 91.489361693%;
  *width: 91.4361702036383%}
.row-fluid .span10 {
  width: 82.97872339599999%;
  *width: 82.92553190663828%}
.row-fluid .span9 {
  width: 74.468085099%;
  *width: 74.4148936096383%}
.row-fluid .span8 {
  width: 65.95744680199999%;
  *width: 65.90425531263828%}
.row-fluid .span7 {
  width: 57.446808505%;
  *width: 57.3936170156383%}
.row-fluid .span6 {
  width: 48.93617020799999%;
  *width: 48.88297871863829%}
.row-fluid .span5 {
  width: 40.425531911%;
  *width: 40.3723404216383%}
.row-fluid .span4 {
  width: 31.914893614%;
  *width: 31.8617021246383%}
.row-fluid .span3 {
  width: 23.404255317%;
  *width: 23.3510638276383%}
.row-fluid .span2 {
  width: 14.89361702%;
  *width: 14.8404255306383%}
.row-fluid .span1 {
  width: 6.382978723%;
  *width: 6.329787233638298%}
.container-fluid {
  *zoom: 1;
}
.container-fluid:after, .container-fluid:before {
  display: table;
  content: ""}
.container-fluid:after {
  clear: both;
}
/* @media (max-width:1400px) {

} */
@media (max-width:767px) {
  .row-fluid {
    width: 100%}
  .row-fluid [class*=span] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}
@media (min-width:768px) and (max-width:1139px) {
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:after, .row-fluid:before {
    display: table;
    content: ""}
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*=span] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.762430939%;
    *margin-left: 2.709239449638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*=span]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 99.999999993%;
    *width: 99.9468085036383%}
  .row-fluid .span11 {
    width: 91.436464082%;
    *width: 91.38327259263829%}
  .row-fluid .span10 {
    width: 82.87292817100001%;
    *width: 82.8197366816383%}
  .row-fluid .span9 {
    width: 74.30939226%;
    *width: 74.25620077063829%}
  .row-fluid .span8 {
    width: 65.74585634900001%;
    *width: 65.6926648596383%}
  .row-fluid .span7 {
    width: 57.182320438000005%;
    *width: 57.129128948638304%}
  .row-fluid .span6 {
    width: 48.618784527%;
    *width: 48.5655930376383%}
  .row-fluid .span5 {
    width: 40.055248616%;
    *width: 40.0020571266383%}
  .row-fluid .span4 {
    width: 31.491712705%;
    *width: 31.4385212156383%}
  .row-fluid .span3 {
    width: 22.928176794%;
    *width: 22.874985304638297%}
  .row-fluid .span2 {
    width: 14.364640883%;
    *width: 14.311449393638298%}
  .row-fluid .span1 {
    width: 5.801104972%;
    *width: 5.747913482638298%}
} 
@media (min-width:1280px) {
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:after, .row-fluid:before {
    display: table;
    content: ""}
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*=span] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.564102564%;
    *margin-left: 2.510911074638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*=span]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%}
  .row-fluid .span11 {
    width: 91.45299145300001%;
    *width: 91.3997999636383%}
  .row-fluid .span10 {
    width: 82.905982906%;
    *width: 82.8527914166383%}
  .row-fluid .span9 {
    width: 74.358974359%;
    *width: 74.30578286963829%}
  .row-fluid .span8 {
    width: 65.81196581200001%;
    *width: 65.7587743226383%}
  .row-fluid .span7 {
    width: 57.264957265%;
    *width: 57.2117657756383%}
  .row-fluid .span6 {
    width: 48.717948718%;
    *width: 48.6647572286383%}
  .row-fluid .span5 {
    width: 40.170940171000005%;
    *width: 40.117748681638304%}
  .row-fluid .span4 {
    width: 31.623931624%;
    *width: 31.5707401346383%}
  .row-fluid .span3 {
    width: 23.076923077%;
    *width: 23.0237315876383%}
  .row-fluid .span2 {
    width: 14.529914530000001%;
    *width: 14.4767230406383%}
  .row-fluid .span1 {
    width: 5.982905983%;
    *width: 5.929714493638298%}
}.clearfix {
  *zoom: 1;
}
.clearfix:after, .clearfix:before {
  display: table;
  content: ""}
.clearfix:after {
  clear: both;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.hidden, .invisible {
  visibility: hidden;
}
.hidden {
  display: none;
}
.hidden-desktop, .visible-phone, .visible-tablet {
  display: none!important;
}
@media (max-width:767px) {
  .visible-phone {
    display: inherit!important;
  }
  .hidden-phone {
    display: none!important;
  }
  .hidden-desktop {
    display: inherit!important;
  }
  .visible-desktop {
    display: none!important;
  }
}@media (min-width:768px) and (max-width:1139px) {
  .visible-tablet {
    display: inherit!important;
  }
  .hidden-tablet {
    display: none!important;
  }
  .hidden-desktop {
    display: inherit!important;
  }
  .visible-desktop {
    display: none!important;
  }
}
@media (max-width: 1380px){
  .content-wrapper {
    padding-left: 50px!important;
    padding-right: 50px!important;
  }
  /*   div#site-header-inner {
  padding-left: 50px;
  padding-right: 50px;
} */
}

@media (max-width: 768px){
  .content-wrapper {
    padding-left: 30px!important;
    padding-right: 30px!important;
  }
  /*   div#site-header-inner {
  padding-left: 30px;
  padding-right: 30px;
} */
}

.content-wrapper:not(.header__container):not(.container-fluid) {
  padding-top: 90px;
}

.page-center .accordion-container .content-wrapper {
  padding-top: 90px;
}

@media (max-width: 767px) {
  .content-wrapper {
    padding-top: 30px !important;
  }

  .page-center .accordion-container .content-wrapper {
    padding-top: 30px !important;
  }
}

@media screen and (min-width:1380px) {
}.dnd-section>.row-fluid {
  margin: 0 auto;
}
/* .dnd-section {
padding-inline: 50px!important;
} */
@media (max-width:767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
  .content-wrapper {
    padding: 0 30px;
  }
}
@font-face {
  font-family: Font Awesome\ 5 Pro;
  src: url(https://25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/VisionInside_April2022/Fonts/FontAwesome5Pro-Light.eot) format("embedded-opentype"), url(//25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/raw_assets/public/VisionInside_April2022/Fonts/FontAwesome5Pro-Light.woff2) format("woff2"), url(//25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/raw_assets/public/VisionInside_April2022/Fonts/FontAwesome5Pro-Light.woff) format("woff"), url(//25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/raw_assets/public/VisionInside_April2022/Fonts/FontAwesome5Pro-Light.ttf) format("truetype"), url(//25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/raw_assets/public/VisionInside_April2022/Fonts/FontAwesome5Pro-Light.svg) format("svg");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: ticons;
  src: url(https://25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/VisionInside_April2022/Fonts/ticons.eot) format("embedded-opentype"), url(//25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/raw_assets/public/VisionInside_April2022/Fonts/ticons.woff2) format("woff2"), url(//25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/raw_assets/public/VisionInside_April2022/Fonts/ticons.woff) format("woff"), url(//25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/raw_assets/public/VisionInside_April2022/Fonts/ticons.ttf) format("truetype"), url(//25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/raw_assets/public/VisionInside_April2022/Fonts/ticons.svg) format("svg");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');

html {
  -webkit-font-feature-settings: "liga" on, "calt" on;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
}
body {
  line-height: 1.4;
  word-break: break-word;
  font-size:20px;
  font-weight:400;
}
html[lang^=ja] body, html[lang^=ko] body, html[lang^=zh] body {
  line-break: strict;
  word-break: break-all;
}
p {
  font-size: 20px;
  margin: 0 0 1.4rem;
}
a {
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  -o-transition: all .15s linear;
  transition: all .15s linear;
}
h1, h2, h3, h4, h5, h6, ol, ul {
  margin: 0 0 1.4rem;
}
ol ol, ol ul, ul ol, ul ul {
  margin: 0;
}
ul.no-list {
  list-style: none;
}
code {
  vertical-align: bottom;
}
blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 15px;
}
hr {
  background-color: #ccc;
  border: none;
  color: #ccc;
  height: 1px;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-thumb {
  background: var(--clr-green);
}
::-webkit-scrollbar-track {
  background: #50456c;
}
.button, button {
  cursor: pointer;
  display: inline-block;
  font-size: .92rem;
  text-align: center;
  transition: all .15s linear;
  white-space: normal;
  background-image: none !important;
}
.button:disabled, button:disabled {
  background-color: #d0d0d0;
  border-color: #d0d0d0;
  color: #e6e6e6;
}
.button:active, .button:focus, .button:hover, button:active, button:focus, button:hover {
  text-decoration: none;
}
.hs-form-field {
  margin-bottom: 2.4rem;
}
form label {
  display: inline-block;
  margin-bottom: .35rem;
}
form legend {
  font-size: .875rem;
}
form input[type=email]:not(.error), form input[type=file]:not(.error), form input[type=number]:not(.error), form input[type=password]:not(.error), form input[type=tel]:not(.error), form input[type=text]:not(.error), form select:not(.error), form textarea:not(.error) {
  border-color: #3e3554!important;
}
form input[type=email], form input[type=file], form input[type=number], form input[type=password], form input[type=tel], form input[type=text], form select, form textarea {
  background-color: #3e3554;
  border: 1px solid #3e3554;
  border-radius: 3px;
  display: inline-block;
  font-size: 1.4rem;
  padding: .7rem;
  width: 100%;
  outline: none;
  line-height: 20px;
}
form fieldset {
  max-width: 100%!important;
}
form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
form .inputs-list>li {
  display: block;
  margin: .7rem 0;
}
form .inputs-list input, form .inputs-list span {
  vertical-align: middle;
}
form input[type=checkbox], form input[type=radio] {
  cursor: pointer;
  margin-right: .35rem;
}
.hs-dateinput {
  position: relative;
}
.hs-dateinput:before {
  content: "\01F4C5";
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}
.fn-date-picker .pika-table thead th {
  color: #fff;
}
.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}
.fn-date-picker td .pika-button:focus, .fn-date-picker td .pika-button:hover {
  border-radius: 0!important;
  color: #fff;
}
form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}
form .hs-richtext, form .hs-richtext p {
  font-size: .875rem;
  margin: 0 0 1.4rem;
}
form .hs-richtext img {
  max-width: 100%!important;
}
.legal-consent-container .hs-form-booleancheckbox-display>span, .legal-consent-container .hs-form-booleancheckbox-display>span p {
  margin-left: 1rem!important;
}
.hs-form-required {
  color: #ef6b51;
}
.hs-input.invalid.error {
  border-color: #ef6b51;
}
.hs-error-msg {
  color: #ef6b51;
  margin-top: .35rem;
}
form .hs-button, form input[type=submit] {
  cursor: pointer;
  display: inline-block;
  font-size: 1.8rem;
  text-align: center;
  transition: all .15s linear;
  white-space: normal;
  line-height: 2.3rem;
  margin: 20px 0;
}
.button, button {
  font-size: 1.8rem;
  margin: 20px 0;
}
.grecaptcha-badge {
  margin: 0 auto;
}
.hs_recaptcha.hs-recaptcha.field.hs-form-field {
  overflow-x: auto;
  overflow-y: hidden;
}
ul.no-list.hs-error-msgs {
  padding: 0;
  margin: 0;
}
label.hs-main-font-element, ul.no-list.hs-error-msgs li label {
  color: #dc3232;
}
form {
  margin-bottom: 20px;
}
table {
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}
table, td, th {
  border: 1px solid;
}
td, th {
  padding: .75rem;
  vertical-align: top;
}
thead td, thead th {
  border-bottom: 2px solid;
  vertical-align: bottom;
}


/*---- Page Lead module styling Start-------*/
.lp-lead-inner {
  display: flex;
  width: 100%;
  gap: 100px;
}
.lp-lead-inner .slick-carousel {
  padding: 0 15px;
}
.lp-lead-inner .left {
  flex-basis: calc(70% - 20px);
  max-width: calc(70% - 20px);
}
.lp-lead-inner .right {
  flex-basis: 30%;
  max-width: 30%;
  margin-bottom: 30px;
}
.lp-lead-inner {
  width: 100%!important;
  max-width: 1240px!important;
  margin: 0 auto;
  padding-top: 286px;
}
.lp-lead-inner .left .jlink {
  margin-bottom: 15px;
}
.lp-lead-outter {
  background: rgb(58,45,76);
  color: #fff;
  font-family: Poppins,Arial,verdana,sans-serif;
}
.lp-lead-inner .lead-text h1 {
  font-size: 64px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 46px;
}
.lp-lead-inner .jlink a {
  color: rgb(49,197,87);
  display: flex;
  align-items: center;
  gap: 11px;
}
.lp-lead-inner .left .jlink a:before {
  content: '';
  width: 30px;
  height: 30px;
  background: url(https://25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/Vision%20Inside%202023/images/long-arrow-right-primary.svg);
  display: block;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
.lp-lead-inner P {
  color: #89849B;
}
.lp-lead-inner .single .text a {
  color: #382E4A;
}
.lp-lead-inner .single {
  background: rgb(59,203,99);
  border-radius: 8px;
  margin: 15px 0;
}
.lp-lead-inner .single .text {
  padding: 29px 40px;
}
.lp-lead-inner .single .text p {
  font-size: 24px !important;
  color: #fff;
  margin-bottom: 29px;
}
.lp-lead-inner .single .img img {
  border-radius: 7px 7px 0 0px;
  height: 200px !important;
  object-fit: cover;
  width: 100%;
}
.lp-lead-inner .left .lead-text h2 {
  font-size: 46px;
  font-weight: 500;
  padding-top: 100px;
  line-height: 54px;
  margin-bottom: 36px;
}
.lead-Carousel .slick-list.draggable {
  color: #fff;
  border-radius: 5px;
  background-color: #463c60;
}
.lead-Carousel .slick-list.draggable .slide-content {
  color: #aba8c3;
  font-size: 30px;
  line-height: 34px;
  padding: 80px;
  text-align: center;
}
.lead-Carousel button.slick-prev:before, .lead-Carousel button.slick-next:before {
  content: url(https://25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/Vision%20Inside%202023/images/long-arrow-right-primarywhite.svg);
  display: block;
  background-color: #4B456E;
  padding: 18px 13px;
  border-radius: 50%;
}
.lead-Carousel button {
  font-size: 0;
  border: none;
  position: absolute;
  background-color: transparent;
  top: 27%;
}
.lead-Carousel button.slick-next {
  right: -14px;
}
.lead-Carousel button.slick-prev {
  left: -14px;
  transform: rotate(180deg);
}
.lead-Carousel h3 {
  color: #89849B;
  font-size: 26px;
  font-weight: 500;
  padding-top: 58px;
}
.lp-lead-inner .right h2 {
  font-size: var(--h2-size);
  font-weight: 500;
  padding-top: 60px;
}
.lead-Carousel ul.slick-dots button:after {
  content: '';
  width: 18px;
  height: 18px;
  display: block;
  background: #4A446F;
  border-radius: 50%;
}
.lead-Carousel ul.slick-dots {
  padding: 0;
  display: flex !important;
  justify-content: center;
  list-style: none;
}
.lead-Carousel ul.slick-dots button {
  position: relative;
  top: 0;
}
.lead-Carousel ul.slick-dots .slick-active button:after {
  content: '';
  width: 18px;
  height: 18px;
  display: block;
  background: var(--clr-green);
  border-radius: 50%;
}
/*---- Page Lead module styling End-------*/

/*---- Accordion module styling Start-------*/
main#lp-main-content {
  background-color: #ECEEE9;
}
.accordion-container{
  position: relative;
  height: auto;
  margin: 10px auto;
}
.accordion-container > h2{
  text-align: center;
  color: #fff;
  padding-bottom: 5px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.set{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
  border-radius: 8px;
}
.set > a{
  color: #382E4A;
  display: flex;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-color: rgba(250,250,250,1.0);
  padding: 27px 46px;
  text-decoration: none;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  font-weight: 500;
  font-size: 26px;
  border-radius: 8px;
}
.set:not(:last-child) > a{
  margin-bottom: 22px;
}
.set > a i{
  float: left;
  margin-top: 2px;
}
.set > a.active {
  background-color: #fff;
  color: #382E4A;
  margin-bottom: 0;
}
.accordion-container .content-wrapper {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.accor-content{
  background-color: #fff;
  border-top: 1px solid rgb(236,238,233);
  display: none;
  margin-bottom: 22px;
  padding: 36px 105px 36px 48px;
  border-radius: 0 0 8px 8px;
}

.accor-wrapper {
  max-width: 1700px;
}
.set > a {
  position: relative;
}
.set > a i {
  position: absolute;
  font-size: 0;
  right: 20px;
  top: 30px;
  width: 24px;
  height: 24px;
  border: 2px solid var(--clr-green);
  border-radius: 50%;
}
.set > a i::before {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: var(--clr-green);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.set > a i::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  width: 2px;
  height: 10px;
  background-color: var(--clr-green);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.accordion-container .content-wrapper .accr-headings {
  font-size: var(--h2-size);
  font-weight: 500;
  margin-bottom: 41px;
}
.set > a.active i::after {
  display: none;
}
.list-box-wrapper {
  max-width: 1240px;
  margin: 0 auto;
}
.list-box-wrapper .tabs span {
  font-size: 16px;
  color: #89849B;
}
/*---- Page Lead module styling End-------*/

/*-----CTA Grid module css Start---------*/
.cta-grid-outter .cta-grid-inner .grid-blocks-wrapper {
  display: flex;
  column-gap: 10px;
  flex-wrap: wrap;
  row-gap: 30px;
}
.cta-grid-outter .cta-grid-inner .grid-blocks-wrapper .single-grid {
  flex-basis: calc((100% / 3) - 7px);
  max-width: calc((100% / 3) - 7px);
  background: #F7F8F6;
  border-radius: 10px 10px 10px 10px;
}
.cta-grid-outter .cta-grid-inner .grid-blocks-wrapper .single-grid .img img {
  width: 100%;
  height: 255px !important;
  object-fit: cover;
  object-position: top;
  border-radius: 10px 10px 0px 0px;
}
.cta-grid-outter .cta-grid-inner .grid-blocks-wrapper .single-grid .content {
  padding: 27px 32px 32px;
}
.cta-grid-outter .cta-grid-inner .grid-blocks-wrapper .single-grid .content h4 {
  font-size: 26px;
  font-weight: 500;
  color: var(--font-clrb);
  margin-bottom: 21px;
}
.cta-grid-outter .cta-grid-inner .grid-blocks-wrapper .single-grid .content p {
  font-size: 18px;
  margin-bottom: 92px;
}
.cta-grid-outter .cta-grid-inner .grid-blocks-wrapper .single-grid .content .linkk a {
  border-radius: 5px;
  background: var(--clr-green);
  color: #fff;
  font-size: 18px;
  padding: 14px 62px 14px 24px;
  position: relative;
  display: inline-block;
  bottom: 0;
}
.cta-grid-outter .cta-grid-inner .grid-blocks-wrapper .single-grid .content .linkk a:after {
  content: burlywood;
}
.cta-grid-outter .cta-grid-inner .grid-blocks-wrapper .single-grid .content .linkk a a:after {
  content: url(https://25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/Vision%20Inside%202023/images/long-arrow-right-primarywhite.svg);
  display: block;
}
.cta-grid-outter .cta-grid-inner .grid-blocks-wrapper .single-grid .content .linkk a:after {
  content: url(https://25625102.fs1.hubspotusercontent-eu1.net/hubfs/25625102/Vision%20Inside%202023/images/long-arrow-right-primarywhite.svg);
  position: absolute;
  right: 22px;
  top: 29%;
}

.cta-grid-inner .grid-headings h2 {
  font-size: var(--h2-size);
  font-weight: 500;
}
/*-----CTA Grid module css Ends---------*/

/*-----CTA module css Start---------*/
.inter-cta-outter .text {
  max-width: 830px;
  color: #89849B;
  font-size: 18px;
  line-height: 22px;
}
.inter-cta-inner .img-cont-wrapper {
  display: flex;
  gap: 10px;
  padding-top: 38px;
}
.inter-cta-inner .img-cont-wrapper .scontent {
  flex-basis: calc((100% / 3) - 5px);
  max-width: calc((100% / 3) - 5px);
}
.inter-cta-inner .img-cont-wrapper .scontent .img img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}
.inter-cta-inner .img-cont-wrapper .scontent .info {
  padding-top: 24px;
}
.inter-cta-inner .img-cont-wrapper .scontent .info a {
  color: var(--clr-green);
  line-height: 22px;
  font-size: 18px;
}
/*-----CTA module css Ends---------*/


/*----CTA Video Module css Start-------*/
.info-boxes .list-box-wrapper .text {
  font-size: 16px;
  line-height: 26px;
  color: #89849B;
}

.info-boxes .list-box-wrapper .text p.read-more a {
  font-size: 18px;
  line-height: 22px;
  color: var(--clr-green);
  display: inline-block;
}
.info-boxes .list-box-header-row {
  display: flex;
}

.info-boxes .list-box-header-row h4 {
  margin-bottom: 60px;
  margin-top: 0;
  color: #aba8c3;
}


.info-boxes .list-box-header-row .video {
  width: calc(40% - 5px);
}

.info-boxes .list-box-wrapper .list-box {
  color: #aba8c3;
  line-height: 2.6rem;
  font-size: 1.6rem;
  display: flex;
}

.info-boxes .list-box-wrapper .list-box p {
  line-height: 2.6rem;
  font-size: 1.6rem;
}

.info-boxes .list-box-wrapper .list-box .items {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #463c60;
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  border-radius: 5px;
  overflow: hidden;
}

.info-boxes .list-box-wrapper .list-box .items .list {
  -webkit-box-shadow: 0 0 15px 5px #2e233e;
  box-shadow: 0 0 15px 5px #2e233e;
  padding: 30px 35px 30px;
  width: 55%;
}

.info-boxes .list-box-wrapper .list-box .items .list .list-box-headings h2 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: var(--h2-size) !important;
  color: white;
}

@media (max-width: 768px){
  .info-boxes .list-box-wrapper .list-box .items .list .list-box-headings h2 {
    font-size: 28px !important;
  }
}

.info-boxes .list-box-wrapper .list-box .items .list .tabs {
  padding-left: 18px;
}

.info-boxes .list-box-wrapper .list-box .items .list .tabs .tab-item {
  cursor: pointer;
}

.info-boxes .list-box-wrapper .list-box .items .list .tabs .tab-header {
  position: relative;
  padding: 3px 20px 3px 30px;
  line-height: 2rem;
}

.info-boxes .list-box-wrapper .list-box .items .list .tabs .tab-active {
  color: white;
}

.info-boxes .list-box-wrapper .list-box .items .list .tabs .tab-active .tab-header::after {
  background: url(https://www.vision-inside.ch/app/themes/total-child-theme/images/svg-files/long-arrow-right-secondary-text.svg) 100% no-repeat;
  background-size: auto 25px;
  display: block;
  position: absolute;
  height: 20px;
  width: 25px;
  right: 0;
  content: "";
  top: 3px;
}

.info-boxes .list-box-wrapper .list-box .items .list .tabs .tab-item .tab-header .header-inner::before {
  display: inline-block;
  border-radius: 50px;
  position: absolute;
  margin-right: 0;
  height: 15px;
  width: 15px;
  content: "";
  z-index: 5;
  left: 0;
  top: 5px;
  background-color: #4ac869;
}

.info-boxes .list-box-wrapper .list-box .items .list .tabs .tab-item .tab-header .header-inner::after {
  position: absolute;
  display: block;
  content: "";
  height: calc(100% + 7px);
  width: 3px;
  left: 6px;
  z-index: 4;
  top: -5px;
  background-color: #4ac869;
}

.info-boxes .list-box-wrapper .list-box .items .list .tabs .tab-item:first-child .tab-header .header-inner::after {
  top: 5px;
}

.info-boxes .list-box-wrapper .list-box .items .list .tabs .tab-item:last-child .tab-header .header-inner::after {
  height: 20px;
  bottom: 10px;
  top: auto;
}

.info-boxes .list-box-wrapper .list-box .items .list .tabs .tab-item:hover .tab-header .header-inner::before {
  background-color: #FFFFFF;
}

.info-boxes .list-box-wrapper .list-box .items .list .tabs .tab-item:hover .tab-header .header-inner {
  color: #FFFFFF;
}

.info-boxes .list-box-wrapper .list-box .items .content {
  width: 45%;
}

.info-boxes .list-box-wrapper .list-box .items .content .cnt-wrapper {
  height: 410px;
}

.info-boxes .list-box-wrapper .list-box .items .content .cnt-item {
  display: none;
  position: relative;
  height: 100%;
}

.info-boxes .list-box-wrapper .list-box .items .content .cnt-item.cnt-active {
  display: block;
}

.info-boxes .list-box-wrapper .list-box .items .content .cnt-item .text {
  height: 100%;
  overflow: auto;
  padding: 25px 15px 100px 25px;
}

.info-boxes .list-box-wrapper .list-box .items .content .cnt-item .text .read-more {
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 400;
  margin: 20px 0;
}

.info-boxes .list-box-wrapper .list-box .items .content .cta {
  width: calc(100% - 50px);
  background-color: #463c60;
  margin-left: 25px;
  margin-right: 25px;
  padding-bottom: 15px;
  padding-top: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.info-boxes .list-box-wrapper .list-box .items .content .cta a {
  border-radius: 5px;
  padding: 14px 21px;
  vertical-align: bottom;
  display: inline-block;
  line-height: 2.3rem;
  font-size: 1.6rem;
  text-align: left;
  margin: 5px 0;
  opacity: 1;
  background-color: var(--clr-green);
  color: #fff;
  width: 100%;
}

.info-boxes .list-box-wrapper .list-box .items .content .cta a::after {
  content: " ";
  display: inline-block;
  -webkit-transition: all .15s ease;
  -o-transition: .15s all ease;
  transition: all .15s ease;
  background: url(https://www.vision-inside.ch/app/themes/total-child-theme/images/svg-files/long-arrow-right-white.svg) 50% no-repeat;
  background-size: cover;
  position: relative;
  margin-left: 10px;
  height: 20px;
  width: 20px;
  top: 2px;
}

.info-boxes .list-box-wrapper .list-box .video {
  width: calc(40% - 5px);
  background-color: #463c60;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
}

.info-boxes .list-box-wrapper .list-box .items .content .cta a:hover span{
  margin-right: 15px !important; 
  transition: 0.15s all ease !important;
}

.info-boxes .list-box-wrapper .list-box .video .video-widget {
  height: auto;
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
}

.info-boxes .list-box-wrapper .list-box .video .video-widget .video-wrapper {
  position: relative;
  padding-top: 60%;
}

.info-boxes .list-box-wrapper .list-box .video .video-widget .video-wrapper iframe {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
}
.info-boxes .list-box-wrapper .list-box .items .content .cta a span {
  font-size: 18px !important;
  font-family: "Poppins" !important;
}

@media only screen and (max-width: 1365px) {
  .info-boxes .list-box-header-row {
    display: none;
  }

  .info-boxes .list-box-wrapper .list-box {
    flex-direction: column;
  }

  .info-boxes .list-box-wrapper .list-box .video,
  .info-boxes .list-box-wrapper .list-box .items {
    width: 100%;
  }

  .info-boxes .list-box-wrapper .list-box .items {
    margin-right: 0px;
    margin-bottom: 5px;
  }

  .info-boxes .list-box-wrapper .list-box .video .list,
  .info-boxes .list-box-wrapper .list-box .items .content {
    width: 50%;
  }

  .info-boxes .list-box-wrapper .list-box .video .video-widget .video-wrapper {
    padding-top: 56%;
  }
}

@media only screen and (max-width: 765px) {
  .info-boxes .list-box-wrapper .list-box .items .list,
  .info-boxes .list-box-wrapper .list-box .items .content {
    width: 100% !important;
  }

  .info-boxes .list-box-wrapper .list-box .items {
    flex-direction: column;
  }

  .info-boxes .list-box-wrapper .list-box .items .content .cnt-wrapper {
    height: 250px;
  }

  .info-boxes .list-box-wrapper .list-box .items .list .tabs .tab-active .tab-header::after {
    transform: rotate(90deg);
  }
  .info-boxes .list-box-wrapper .list-box .items .list h2 {
    font-size: 3.5rem !important;
  }
  .info-boxes .list-box-wrapper .list-box .items .content .cta a span {
    font-size: 14px !important;
  }
  .info-boxes .list-box-wrapper .list-box .items .content .cta a::after {
    top: 5px;
  }
  .accordion .ui-accordion-header h4 {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
  .info-boxes .list-box-wrapper .list-box .items .list .tabs .tab-item .tab-header .header-inner::after {
    height: 100%;
    min-height: 50px;
  }
  .info-boxes .list-box-wrapper .list-box:last-child {
    margin: 0px;
  }
}
@media (max-width: 374px) {
  .info-boxes .list-box-wrapper .list-box .items .content .cta a {
    padding: 6px 15px !important; 
  }
  .info-boxes .list-box-wrapper .list-box .items .content .cta a:hover span {
    margin-right: 0px !important;
  }
}

/*----CTA Video Module css End-------*/



/*---------- blog-listing -----------*/

.hs-blog-listing .wpb_wrapper h2 {
  font-size: 40px;
  line-height: 90px;
  color: #fff;
  margin-bottom: 0;
}
/* .hs-blog-listing .wpb_wrapper h1 {
font-size: 80px;
line-height: 90px;
margin-bottom: 0;
} */

.hs-blog-listing .wpb_wrapper {
  width: 100%;
  padding-top:100px;
}
.hs-blog-listing .big-col {
  max-width: 900px !important;
  width: 100%;
  margin: 0;
}

.hs-blog-listing .blog-index-main-outter {
  background: var(--clr-green);
  padding: 134px 0 90px;
}
.hs-blog-listing .blog-index-main-inner h2 {
  font-size: 45px;
  line-height: 60px;
  color: #fff;
}
.hs-blog-listing .blog-index-main-inner {
  max-width: 1183px;
}
.bnr-bg-inner {
  justify-content: center !important;
}
/*------ left-right -----*/
.hs-blog-listing .green-bg {
  display: flex;
  flex-wrap: wrap;
}
.hs-blog-listing .green-bg > *:nth-child(4) {
  max-width: 100%;
  flex-basis: 100%;
}
.hs-blog-listing .green-bg > .left {
  max-width: 1178px;
  width: 100%;
  flex-basis: 100%;
}
.hs-blog-listing .green-bg > .right {
  max-width: 396px;
  flex-basis: 100%;
  width: 100%;
  margin-left: 60px;
}

.hs-blog-listing div#filters {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  flex-wrap: wrap;
  min-height: 200px;
}
.hs-blog-listing div#filters button {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  /* line-height: 30px;*/
  color: var(--font-clrb);
  padding: 12px 32px;
  border: 1px solid var(--font-clrb);
  border-radius: 25px;
  background-color: #eceee9;
  margin-right: 24px;
  outline: 0;
  display: inline-block;
  min-width: 100px;
  font-weight: 500; 
}
.hs-blog-listing .green-bg .content-wrapper .blog-index-main-outter .content-wrapper {
  padding: 0;
}
.hs-blog-listing div#filters button:last-child {
  margin-right: 0;
}
.hs-blog-listing .green-bg .content-wrapper .right .headings h3 {
  color: #fff;
  font-size: 25px;
  font-weight: bold;
}
.hs-blog-listing div#filters button.is-checked {
  color: #fff;
  background-color: var(--font-clrb);
}
.hs-blog-listing .isotope  .two-col {
  width: 50%;
  height: auto;
  margin-right: 20px;
}
.hs-blog-listing .isotope  .full-width {
  width: 100%;
  height: auto;
}
.hs-blog-listing.isotope  .two-col .img img {
  width: 100%;
  object-fit: contain;
  vertical-align: bottom;
}
.hs-blog-listing .img img {
  width: 100%;
  vertical-align: bottom;
}
.hs-blog-listing .isotope .element-item, .author .author-page-wrap-outer .isotope .element-item {
  margin: 0;
  padding: 0;
}
.hs-blog-listing .authors-inner .single {
  display: flex;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
}
.hs-blog-listing .authors-inner .single > .img {
  max-width: 122px;
  flex-basis: 100%;
  border-radius: 50%;
  margin-right: 16px;
}
.hs-blog-listing .authors-inner .single > .img img {
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
  min-height: 122px;
}
.hs-blog-listing .desc .bio,
.hs-blog-listing .desc .bio p {
  font-size: 15px;
  line-height: 18px;
  max-width: 218px;
  margin-bottom: 7px;
  color: white;
}
.hs-blog-listing .desc .name a{
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  font-weight: 500;
}
.hs-blog-listing .green-bg {
  background: var(--clr-green);
  padding-bottom: 237px;
}
.hs-blog-listing .green-bg .content-wrapper .left .lmore, .author .author-page-wrap-outer .lmore {
  display: flex;
  justify-content: center;
  padding-top: 70px;
}
.hs-blog-listing .green-bg .content-wrapper .left .lmore button#load-more, .author .author-page-wrap-outer .lmore button#load-more {
  font-size: 25px;
  border: none;
  background: #fff;
  border-radius: 7px;
  padding: 13px 32px;
  line-height: 30px;
}

/*----------------------------------Blog page css Start------------------------------------------------*/
.hs-blog-listing .green-bg > .content-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.hs-blog-listing .green-bg > .content-wrapper div.hs_cos_wrapper:nth-child(1) {max-width: 100%;flex-basis: 100%;}

.hs-blog-listing .green-bg .content-wrapper .left {
  max-width: calc((100% - 396px) - 60px);
  flex-basis: 100%;
}
.hs-blog-listing .green-bg .content-wrapper .right {
  max-width: 396px;
  flex-basis: 100%;
  margin-left: 60px;
  padding-top: 200px;
}

.hs-blog-listing .green-bg .content-wrapper .left .isotope {
  margin-right: -20px;
  border: 0px;
}

body.author .author-page-wrap-outer .isotope {
  margin-top: 90px;
}
@media(max-width: 767px){body.author .author-page-wrap-outer .isotope {margin-top: 30px;}}

.hs-blog-listing .green-bg .content-wrapper .left .isotope .element-item, .author .author-page-wrap-outer .isotope .element-item {
  width: calc(50% - 20.5px);
  margin: 0px 20px 20px 0px;
  transition: transform 0.4s;

  &:hover {
    transform: translateY(-10px); /* Lift the element 10 pixels up on hover */
  }
}

.hs-blog-listing .green-bg .content-wrapper .left .isotope .element-item.full-width, .author .author-page-wrap-outer .isotope .element-item.full-width {
  width: calc(100% - 20px);
}
/* .hs-blog-listing .green-bg .element-item > .img {
position: relative;
padding-bottom: 56.25%;
} */
/* .hs-blog-listing .green-bg .content-wrapper .left .isotope .element-item.full-width .img img {
max-height: 560px;
object-fit: cover;
} */
/* .hs-blog-listing .green-bg .content-wrapper .left .isotope .element-item .img img {
height: 100%;
width: 100%;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
} */

.hs-blog-listing .green-bg .content-wrapper .left .isotope .element-item.full-width img, .author .author-page-wrap-outer .isotope .element-item.full-width img {
  max-height: 560px;
  object-fit: cover;
}
.hs-blog-listing .green-bg .content-wrapper .left .isotope .element-item.two-col img, .author .author-page-wrap-outer .isotope .element-item.two-col img {
  max-height: 453px;
  object-fit: cover;
}

.author .author-page-wrap-outer .isotope .element-item .img img {
  width: 100%;
  vertical-align: bottom;
}

.green-bg .element-item {
  background: #ECEEE9 !important;
}
.hs-blog-listing .isotope .element-item .tags, .author .author-page-wrap-outer .isotope .element-item .tags, .hs-blog-listing .isotope .element-item .date p {
  font-size: 15px;
  color: rgba(58,45,76,0.4);
}
.hs-blog-listing .isotope .element-item.two-col .title h3, .author .author-page-wrap-outer .isotope .element-item.two-col .title h3 {
  min-height: 100px;
}
.hs-blog-listing .isotope .element-item .title h3 a, .author .author-page-wrap-outer .isotope .element-item .title h3 a {
  font-size: 35px;
  font-weight: 500;
  color: #3A2D4C;
}
.hs-blog-listing .isotope .element-item .content, .author .author-page-wrap-outer .isotope .element-item .content {
  font-size: 20px;
  color: rgba(58,45,76,0.4);
  margin-bottom: 30px;
}
.hs-blog-listing .isotope .element-item.two-col .content {
  min-height: 140px;
}
.hs-blog-listing .isotope .element-item .date img, .author .author-page-wrap-outer .isotope .element-item .date img {
  width: 23px;
  vertical-align: middle;
}
.hs-blog-listing .isotope .element-item .wrapp-content, .author .author-page-wrap-outer .isotope .element-item .wrapp-content {
  padding: 37px 43px 90px 43px;
  position: relative;
}
/* .hs-blog-listing .isotope .element-item.two-col .wrapp-content {
height: 430px;
} */
.hs-blog-listing .isotope .element-item .date, .author .author-page-wrap-outer .isotope .element-item .date {
  display: flex;
  align-items: center;
  gap: 14px;
  position: absolute;
  bottom: 40px;
  width: 100%;
  left: 43px;
}
.hs-blog-listing .isotope .element-item .date p, .author .author-page-wrap-outer .isotope .element-item .date p {margin-bottom: 0px;}

.hs-blog-listing .authors-outter {
  padding-top: 0;
}
.hs-blog-listing .authors-outter .content-wrapper {
  padding: 0;
}

/*-----------------------------------Blog page css Ends------------------------------------------------*/

/* .green-bg .content-wrapper,
.green-bg + div .blog-related-posts .content-wrapper {
max-width: 1240px;
padding: 0px !important;
width: 90%;
}

.green-bg .content-wrapper .content-wrapper {
width: 100%;
}
*/
/*---------------------------------------------Blog Detail page style Start-----------------------------------------------*/
.hs-blog-post {
  background: #ECEEE9;
}

.body-container--blog-post {
  background: #ECEEE9;
}

.hs-blog-post .blog-post__image-wrapper img {
  aspect-ratio: 16 / 9;
  width: 100%;
  object-fit: cover;
}
.hs-blog-post article.blog-post {
  padding-top: 160px;
}
.hs-blog-post article.blog-post .blog-post-wrapper {
  background: #ffffff;
  padding-top: 60px;
  margin-top: -7px;
  display: flex;
  color: rgba(58,45,76,0.4) !important;
  padding-bottom: 321px;
  justify-content: space-between;
}
.hs-blog-post article.blog-post .blog-post-wrapper .blog-post-left {
  max-width: 256px;
  margin-right: 20px;
  margin-left: 134px;
}
.hs-blog-post article.blog-post .blog-post-right {
  max-width: 70%;
  padding-right: 276px;
  padding-left: 40px;
}
.hs-blog-post article.blog-post .blog-post-wrapper .blog-post-right time {
  color: var(--font-clrb);
  opacity: 40%;
}
.blog-post-right .blog-post__body p {
  opacity: 80%;
  font-size: 25px;
}
.blog-post-right .blog-post__body p a,
.blog-post-right .blog-post__body ol li a,
.blog-post-right .blog-post__body ul li a{
  color: #3BCB63;
  text-decoration: none !important;
}
/*-----*/
.blog-post-right .blog-post__body ol li, 
.blog-post-right .blog-post__body ul li {
  opacity: 80%;
  font-size: 25px;
  margin-bottom: 10px;
}
.blog-post-right .blog-post__body ol li a, .blog-post-right .blog-post__body ul li a {
  text-decoration: underline;
}
.blog-post-right .blog-post__body ol li img, 
.blog-post-right .blog-post__body ul li img {
  vertical-align: bottom;
  margin-bottom: 15px;
}
/*-----*/
.hs-blog-post .blog-post-left img {
  width: 200px;
  border-radius: 50%;
  margin-bottom: 31px;
  object-fit: cover;
}
.hs-blog-post .blog-post-left a, .hs-blog-post .blog-post-left .author-bio {
  color: rgba(58,45,76,0.4);
  opacity: 80%;
}
.hs-blog-post .blog-post-left a {
  font-weight: bold;
}
.hs-blog-post article.blog-post .blog-post-right h1 {
  color: var(--font-clrb);
  font-weight: 600;
  margin-bottom: 55px;
  margin-top: 7px;
}
/* .hs-blog-post article.blog-post a {
color: var(--font-clrb);
} */
.hs-blog-post article.blog-post a i {
  margin-right: 13px;
}
.back-btn {
  padding-bottom: 22px;
}
.hs-blog-post header.header .header__row-2 ul li > * {
  color: var(--font-clrb);
  font-weight: 500;
}
.hs-blog-post .header__search.header--element {
  display: none;
}
.hs-blog-post .blog-post-right .testimonial-outer-wrap{
  text-align: center;
}
.hs-blog-post .blog-post-right .testi-text {
  text-align: center;
  margin-top: 100px;
  color: var(--font-clrb);
}
.hs-blog-post .blog-post-right .testi-author {
  color: var(--font-clrb);
}
.hs-blog-post .blog-post-right .testi-text h3 {
  font-size: 65px;
  font-weight: 600;
}
.hs-blog-post .blog-post-right .quotations {
  color: var(--clr-green);
  display: inline-block;
}
.hs-blog-post .blog-post-right .quotations h3{
  margin-bottom: 0;
}
.hs-blog-post .blog-post-right .testi-author h5 {
  font-size: 25px;
  opacity: 40%;
  font-weight: 500;
}
.blog-related-posts {
  padding: 128px 0 147px;
}
.blog-related-posts h2 {
  font-size: 25px;
  font-weight: bold;
  color: var(--font-clrb);
}
.blog-related-posts .blog-related-posts__list {
  display: flex;
}
.blog-related-posts .blog-related-posts__list article {
  display: flex;
  padding: 37px 32px 37px 63px;
  border-right: 1px solid var(--font-clrb);
  gap: 16px;
  max-width: 33.3333333%;
}
.blog-related-posts .blog-related-posts__list article img {
  width: 122px;
  border-radius: 50%;
  height: 122px;
  object-fit: cover;
}
.blog-related-posts .blog-related-posts__list article:nth-child(1) {
  padding-left: 0;
}
.blog-related-posts article .blog-related-posts__content .blog-listing__post-tags a {
  font-size: 15px;
  color: var(--font-clrb);
  opacity: 60%;
}
.blog-listing__post-tags {
  color: var(--font-clrb);
  opacity: 60%;
}
.blog-related-posts article .blog-related-posts__content h3 a {
  font-size: 20px;
  color: var(--font-clrb);
  font-weight: 500;
}
.blog-related-posts .blog-related-posts__list article:last-child {
  border: none;
}
.blog-related-posts .blog-related-posts__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.blog-post__body .content-text a, .blog-post__body .content-text a span,
.blog-post__body .interested a, .blog-post__body .interested a span{
  color: #3BCB63;
}
section.blog-related-posts > .content-wrapper {
  padding: 0 30px !important;
}
/*---------------------------------------------Blog Detail page style Ends----------------------------------------------*/



/*---------------------------------------------Aurhor page style Start----------------------------------------------*/
body.author header.header .header__row-2 ul li > * {
  color: var(--font-clrb);
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 500;
}

body.author header.header .header__logo img {
  max-width: 432px;
}
body.author .green-bg {
  background: #ECEEE9;
  padding-bottom: 0;
}
body.author .green-bg .content-wrapper {
  display: block;
  width: 100%;
}
body.author .green-bg .content-wrapper .left {
  max-width: 100%;
  padding-top: 160px;
}
body.author .author-wrapper-page .author-avatar {
  display: block;
  width: 376px;
  border-radius: 50%;
  height: 375px;
  object-fit: cover;
  margin: 0 auto;
}
body.author .author-wrapper-page h1 {
  text-align: center;
  display: block;
  font-size: 45px;
  font-weight: 500;
  color: #3A2D4C;
  margin-bottom: 0;
}
body.author  .author-page-wrap-outer {
  background: #ffffff;
  padding: 55px 274px 293px;
}
body.author  .author-page-wrap-outer .author-bio-part2{
  margin-top: 90px;
}
body.author .author-page-wrap-outer p {
  padding: 0;
  opacity: 40%;
  margin: 0;
}
body.author .author-wrapper-page  .author-meta {
  text-align: center;
}
body.author .author-wrapper-page {
  margin-bottom: 100px;
}
body.author .author-wrapper-page  a {
  text-decoration: underline;
  color: inherit;
  opacity: 40%;
}

body.author .author-wrapper-page .social-profiles {
  padding-top: 30px;
}
body.author .author-wrapper-page .social-profiles img {
  width: 50px;
  height: 50px;
}

body.author .author-page-wrap-outer .lmore button#load-more {
  border: 1px solid #707070 !important;
}

body.author .author-page-wrap-outer .isotope .two-col .img img {
  height: 250px !important;
}

body.author .blog-related-posts {
  background-color: #ECEEE9 !important;
}

@media screen and (max-width:767px){
  body.author .author-wrapper-page .social-profiles {
    padding-top: 10px;
  }
  body.author .author-wrapper-page {
    margin-bottom: 30px;
  }
  body.author .author-wrapper-page .author-avatar {
    max-width: 380px;
    width: 100%;
    height: auto;
  }
}
/*---------------------------------------------Aurhor page style Ends----------------------------------------------*/

/* body.nextblog-outer .header__container.content-wrapper {
max-width: 1240px !important;
padding-inline: 0 !important;
}
*/
/*---------------------------------------------Responsive Styling--------------------------------------------------*/
@media screen and (max-width:1700px){
  .wpex-mobile-menu-toggle.wpex-right-0 {
    right: 30px;
  }
}

@media(max-width: 1600px){
  /*   .hs-blog-listing .isotope .element-item.two-col .wrapp-content {
  height: 520px;
} */
}

@media (min-width:1481px){
  .hs-blog-listing .isotope .element-item .wrapp-content .title h3 {
    min-height: 147px;
}
}
@media(max-width: 1480px){
  .hs-blog-listing .isotope .element-item.two-col .content {
    min-height: 140px;
  }
}

@media screen and (max-width:1400px){
  .blog-related-posts .blog-related-posts__list article {
    padding: 37px 20px;
  }
  .hs-blog-post article.blog-post .blog-post-right {
    max-width: 100%;
    padding-right: 134px;
  }
  body.author .author-page-wrap-outer {
    padding: 55px 100px 293px;
  }
  body.author header.header .header__logo img {
    max-width: 340px;
  }
  /*   .hs-blog-listing .isotope .element-item.two-col .wrapp-content {
  height: 520px;
} */
  .hs-blog-listing .authors-outter .content-wrapper {
    padding: 0 !important;
  }
}


@media(max-width: 1340px){
  .hs-blog-listing .isotope .element-item .title h3 a, .author .author-page-wrap-outer .isotope .element-item .title h3 a {
    font-size: 24px;
  }
  .hs-blog-listing .isotope .element-item.two-col .title h3, .author .author-page-wrap-outer .isotope .element-item.two-col h3 {
    min-height: 102px;
  }
}
@media(min-width: 1341px){
  .author .author-page-wrap-outer .isotope .element-item.two-col .title h3 {
    min-height: 196px;
  }
}
@media(max-width: 1440px){
  .hs-blog-listing .isotope .element-item .title h3 a, .author .author-page-wrap-outer .isotope .element-item .title h3 a {
    font-size: 30px;
  }
  .hs-blog-listing .isotope .element-item.two-col .title h3, .author .author-page-wrap-outer .isotope .element-item.two-col .title h3 {
    min-height: 130px;
  }
}

@media(max-width: 1299px){
  .hs-blog-listing .isotope .element-item.two-col .content {
    min-height: 196px;
  }
}

@media screen and (max-width:1199px){
  .blog-related-posts .blog-related-posts__list article {
    flex-wrap: wrap;
    gap:0;
  }
  .hs-blog-listing .green-bg .content-wrapper .left {
    max-width: 100%;
    flex-basis: 100%;
  }
  .hs-blog-listing .green-bg .content-wrapper .right {
    max-width: 100%;
    flex-basis: 100%;
    margin-left: 0;
    padding-top: 80px;
  }
  /*   .hs-blog-listing .isotope .element-item.two-col .wrapp-content {
  height: 470px;
} */
  .hs-blog-listing .isotope .element-item.two-col .title h3, .author .author-page-wrap-outer .isotope .element-item.two-col .title h3 {
    min-height: 68px;
  }
  .hs-blog-listing .isotope .element-item.two-col .content {
    min-height: 130px;
  }
}

@media screen and (max-width:1024px){
  .lp-lead-inner {
    flex-wrap: wrap;
  }
  .lp-lead-inner .left {
    flex-basis: 100%;
    max-width: 100%;
  }
  .lp-lead-inner .right {
    flex-basis: 100%;
    max-width: 100%;
  }
  .lp-lead-inner .right .current-section {
    display: flex;
    gap: 10px;
  }
  .lp-lead-inner {
    display: flex;
    width: 100%;
    gap: 50px;
  }
  .hs-blog-post article.blog-post .blog-post-right {
    padding-right: 30px!important;
  }
  .hs-blog-post article.blog-post .blog-post-wrapper .blog-post-left {
    margin-left: 30px !important;
  }
  body.author .author-page-wrap-outer {
    padding: 55px 30px 200px;
  }
  body.author .author-wrapper-page img {
    width: 200px;
    height: 200px;
  }
  .hs-blog-listing .green-bg .content-wrapper .left {
    max-width: 100%;
    flex-basis: 100%;
  }
  .hs-blog-listing .green-bg .content-wrapper .right {
    max-width: 100%;
    flex-basis: 100%;
    margin-left: 0;
    padding-top: 80px;
  }
}

.author-content p{
  font-weight: 500;  
}

@media(max-width: 991px) and (min-width:767px){
  /*   .hs-blog-listing .isotope .element-item.two-col .wrapp-content {
  height: 585px;
} */
  .hs-blog-listing .isotope .element-item.two-col .content, .author .author-page-wrap-outer .isotope .element-item.two-col .content {
    min-height: 168px;
  }

  /*-----*/
  .hs-blog-listing .isotope .element-item.two-col .title h3 {
    min-height: 126px;
  }
}


@media screen and (max-width:767px){
  .cta-grid-outter .cta-grid-inner .grid-blocks-wrapper .single-grid {
    flex-basis: calc((100% / 2) - 7px);
    max-width: calc((100% / 2) - 7px);
  }
  .lp-lead-inner {
    padding-top: 186px;
  }
  .hs-blog-post article.blog-post .blog-post-wrapper {
    flex-wrap: wrap;
    padding-bottom:0;
  }
  .hs-blog-post article.blog-post .blog-post-wrapper .blog-post-left {
    max-width: 100%;
  }
  .hs-blog-post article.blog-post .blog-post-right{
    padding: 30px 24px!important;
  }
  .hs-blog-post .blog-post-right .testi-text h3 {
    font-size: 30px;
    line-height: 1.2;
  }
  .blog-related-posts .blog-related-posts__list {
    flex-wrap: wrap;
  }
  .blog-related-posts .blog-related-posts__list article {
    max-width: 50%;
    border-right: none;
    border-bottom: 1px solid;
  }
  .blog-related-posts .blog-related-posts__list article:nth-child(3) {
    border-bottom: none;
  }
  .hs-blog-listing .green-bg .content-wrapper .left .isotope .element-item, .author .author-page-wrap-outer .isotope .element-item {
    width:calc(100% - 20px);
  }


  body.author  .author-page-wrap-outer .author-bio-part2{
    text-align: left;
    margin-top: 30px;
  }
  /*   header.header 
  label.header__navigation-toggle > span {
  position: absolute;
  left: 0;
  width: 50px;
  height: 50px;
} */
  header.header label.header__navigation-toggle > span svg {
    width: 30px;
  }
  /*   header.header .header__menu label.header__navigation-toggle {
  opacity: 1;
  visibility: visible;
  display: block;
  position: absolute;
  top: 0;
} */

  body.nextblog-outer .header__container.content-wrapper {
    max-width: 1240px !important;
    padding-inline: 0 !important;
  }
  /*-----*/
  .blog-post-right .blog-post__body ol li, 
  .blog-post-right .blog-post__body ul li {
    font-size: 20px;
  }
  .blog-post-right .blog-post__body ol li img, 
  .blog-post-right .blog-post__body ul li img {
    width: 100%;
  }
  /*-----*/

  .hs-blog-listing .isotope .element-item .date, .author .author-page-wrap-outer .isotope .element-item .date {
    position: static;
  }
  .hs-blog-listing .isotope .element-item.two-col .wrapp-content, .author .author-page-wrap-outer .isotope .element-item.two-col .wrapp-content {
    height: auto;
  }

  /*-----*/
  .hs-blog-listing .isotope .element-item.two-col .title h3 {
    min-height: unset;
  }
  .hs-blog-listing .isotope .element-item.two-col .content {
    min-height: unset;
  }
}
@media screen and (max-width:480px){
  .blog-related-posts h2 {text-align: center;}
  .blog-related-posts .blog-related-posts__list article {
    max-width: 100%;
    border-right: none;
    border-bottom: 0;
    padding: 0 0 30px;
    text-align: center;
    justify-content: center;
  }
  .cta-grid-outter .cta-grid-inner .grid-blocks-wrapper .single-grid {
    flex-basis: 100%;
    max-width: 100%;
  }
  .lp-lead-inner .right .current-section {
    flex-wrap: wrap;
  }
  .lp-lead-inner {
    gap: 0px;
  }
  .inter-cta-inner .img-cont-wrapper .scontent {
    flex-basis: calc((100% / 2) - 5px);
    max-width: calc((100% / 2) - 5px);
  }
  .cta-grid-outter .cta-grid-inner .grid-blocks-wrapper .single-grid .content {
    padding: 27px 20px 32px;
  }
}
/* Wir Lernende page */

.header__logo span.hs_cos_wrapper_type_logo a {
  display: block;
  position: relative;
}
.header__logo span.hs_cos_wrapper_type_logo a img.hs-image-widget {
  display: none;
}
.header__logo span.hs_cos_wrapper_type_logo a:before {
  content: "";
  width: 350px;
  height: 75px;
  background: url(https://emobility.vision-inside.ch/hs-fs/hubfs/Logo/Logo%20Vision%20Inside%20linear%20RGB%20positiv%20transparent.png) no-repeat center center / 100%;
  display: inline-block;
}

.authors-inner .author-image img{
  object-fit: cover;
}

/* header style */
body.wir-lernende {background-color: #ECEEE9;}
.wir-lernende .header.header--no-navigation {position: static;display: flex;align-items: center;justify-content: space-between;max-width: 1700px;margin: 0 auto;padding: 40px 30px;}
.wir-lernende header.header .content-wrapper {max-width: initial;margin: 0;}
.menu ul.menu__wrapper .menu__link:hover {font-weight: 600;}
.wir-lernende header.header .header__row-2 ul li > * {color: #3a2d4c; font-weight: 500;}
.wir-lernende header.header .header__column {display: flex; align-items: center;}
.wir-lernende header.header .header__column form {margin-bottom: 0 !important;}
.wir-lernende header.header .header__search input.hs-search-field__input {border: 2px solid #3a2d4c !important;}
.wir-lernende header.header .header__search input.hs-search-field__input, .wir-lernende header.header .header__search input.hs-search-field__input::placeholder {color: #3a2d4c !important;}

.top-spacing {padding-top: 160px;}
.back-btn a {text-align: left;font-size: 20px;letter-spacing: 0px;color: var(--font-clrb);opacity: 1;line-height: 30px;font-weight: 500;}
.authors-outter {padding-top: 60px;}
.main-wrapper-author {display: grid;grid-template-columns: repeat(2,1fr);grid-gap:20px;}
.author-image img {width: 100%;vertical-align: bottom;}
.authors-inner {position: relative;}
.wir-lernende .authors-inner:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(58, 45, 76, 0.75);opacity: 0;visibility: hidden;transition: all 0.4s ease-in-out;}
.author-content {padding: 60px;position: absolute;bottom: 10%;left: 0;right: 0;opacity: 0;visibility: hidden;transition: all 0.5s ease-in-out;}
.authors-inner .video-img{opacity: 0;visibility: hidden;transition: all 0.5s ease-in-out;}
.authors-inner:hover .video-img{opacity: 1;visibility: visible;}
.wir-lernende .authors-inner:hover .author-content,
.wir-lernende .authors-inner:hover:before {opacity: 1;visibility: visible;}
.author-content h3,
.author-content a,
.author-content h4 {text-align: center;font-size: 30px;letter-spacing: 0px;color: #ffffff;opacity: 1;line-height: 46px;font-weight: 500;margin:0;display:block;}
.author-content h3{font-size: 40px;}
.author-content a{text-decoration:underline;}

.main-wrapper-author .authors-inner:first-child .author-image img{min-height:700px;}
.main-wrapper-author .authors-inner:first-child:before{display:none;}
.main-wrapper-author .authors-inner:first-child {grid-row: span 2;}
.main-wrapper-author .authors-inner:first-child .author-content{padding:60px;position: static;opacity: 1;visibility: visible;color: #000;}
.main-wrapper-author .authors-inner:first-child .author-content *{color: var(--font-clrb);text-align: left;}


/*----- changes -------*/
.wir-lernende header.header .content-wrapper {
  padding: 0 !important;
}
.wir-lernende header.header .content-wrapper img {
  width: 100% !important;
}

@media(max-width: 500px){ 
	.wir-lernende header.header .widget-type-logo {
		max-width: 80% !important;
	}
}

.content-wrapper .content-wrapper {
  padding: 0px !important;
}

/*------ responsive --------*/
@media(min-width: 992px){
  label.header__navigation-toggle {display: none;}
  header.header .header__menu input#nav-toggle, header.header .header__menu label.header__navigation-toggle {opacity: 0;visibility: hidden;display:none;}
  header.header .header__row-2 ul li > * {color: #fff;}

}


@media(max-width: 992px){
  /* mobile nav toggle styles, (breakpoints in menu module too) */
  .header__row-1 {display: none;}

  .wir-lernende .header.header--no-navigation {
    padding: 40px 50px;
  }

  .header__navigation-toggle span {position: absolute;top: 0;left: 0;right: 0;}
  .header__navigation-toggle {width: 40px;height: 40px;display: block;position: absolute;right: 0;top: -20px;z-index: 99;}


  header.header .navigation-setion {
    position: fixed;
    background-color: #fff;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
  }
  .open-menu header.header .navigation-setion {
    opacity: 1;
    visibility: visible;
    width: 100%;
    left: 0;
    top:0px;
    height: 100vh;
    z-index: 9;
    padding-top:100px;
  }
  header.header .header__menu {
    position: relative;
  }
  header.header .header__menu input#nav-toggle {
    width: 50px;
    height: 50px;
    opacity: 0;
  }
  header.header .header__menu input#nav-toggle{
    opacity: 0;
    visibility: visible;
  }
  header.header .header__menu span.header__mobile-menu-close-icon {
    opacity: 0;
    visibility: hidden;
  }
  .open-menu header.header .header__menu .header__mobile-menu-open-icon {
    opacity: 0;
    visibility: hidden;
  }
  .open-menu header.header .header__menu  span.header__mobile-menu-close-icon {
    opacity: 1;
    visibility: visible;
  }

  header.header .header__container .header__column {
    gap: 20px;
  }

  .header .menu--mobile {
    padding-top: 0px;
  }

  .header__logo span.hs_cos_wrapper_type_logo a:before {width: 220px;height: 50px;}
  body.open-menu{overflow:hidden} 
  header.header {padding: 24px 0;}
  header.header ul.menu__wrapper.no-list {padding: 0;}
  header.header .menu__item--depth-1 {border-top: 1px solid #ced4db; padding: 0;}
  header.header .menu__item--depth-1>.menu__link {padding: 1.225rem; color: #3a2d4c;}
  /* mobile nav toggle styles */
  
  .wir-lernende header.header .content-wrapper {padding: 0;position: relative; z-index: 99;}

  /*   .wir-lernende header.header  .hs_cos_wrapper_type_logo img{width:100% !important; max-width:190px;} */
  .wir-lernende .header.header--no-navigation {padding: 54px 24px 24px;} 

  .header__logo.header__logo--main {position: relative;z-index: 99;}
  .hs-blog-listing .header__mobile-menu-open-icon svg path {fill: #fff;}
  .header__menu input#nav-toggle {display: none;}

}

@media only screen and (min-width:768px){

}

@media only screen and (min-width:768px) and (max-width:1024px){
  .top-spacing {padding-top: 30px;}
  .authors-outter {padding-top: 0px;}
  /*   .wir-lernende header.header .hs_cos_wrapper_type_logo img {width: 100% !important;max-width: 220px;} */
  .wir-lernende header.header .content-wrapper {padding: 0;}

  .main-wrapper-author .authors-inner:first-child .author-image img{min-height:360px;}
  .main-wrapper-author .authors-inner:first-child .author-content {padding: 30px 0;}
  .author-content h3, .author-content a, .author-content h4 {font-size: 24px;line-height: 30px;}
  .author-content h3 {font-size: 30px;line-height: 1.5;}


}

@media only screen and (max-width:767px){


  .top-spacing {padding-top: 0;}
  .authors-outter {padding-top: 0;}
  .main-wrapper-author {display: block;}
  .main-wrapper-author .authors-inner:first-child .author-image img{min-height:auto;}
  .main-wrapper-author .authors-inner:first-child .author-content {padding: 30px 0;}
  .authors-inner {margin-bottom: 30px;}
  .author-content h3, .author-content a, .author-content h4 {font-size: 24px;line-height: 30px;}
  .author-content h3 {font-size: 30px;line-height: 1.5;}
  .author-content {padding: 16px;}


  /*    */

  /*   .hs-blog-listing .wpb_wrapper h1 {font-size: 60px;line-height: 60px;margin-bottom: 0;} */
  .hs-blog-listing .blog-index-main-outter {background: var(--clr-green);padding: 64px 0;}
  .hs-blog-listing .blog-index-main-inner h2 {font-size: 30px;line-height: 42px;}
  .hs-blog-listing div#filters button {margin: 0 7px 10px 0;}
  .hs-blog-listing .isotope .element-item .wrapp-content, .author .author-page-wrap-outer .isotope .element-item .wrapp-content {padding: 16px;} 
  /*   .hs-blog-listing .isotope .element-item.two-col .title h3 {
  min-height: unset;
} */
  .hs-blog-listing .isotope .element-item .title h3 a, .author .author-page-wrap-outer .isotope .element-item .title h3 a {font-size: 30px;line-height: 1.2;}
  .hs-blog-listing .isotope .element-item .content, , .author .author-page-wrap-outer .isotope .element-item .content { 
    margin-bottom: 32px;
  }  
  .authors-outter > .content-wrapper {padding: 0;}
  .hs-blog-listing .green-bg {padding-bottom: 50px;}


  /*  blog details  */

  .hs-blog-post article.blog-post {padding-top: 130px;}
  .hs-blog-post article.blog-post .blog-post-right h1 {font-size: 30px;line-height: 1.2;margin-bottom: 24px;}
  .blog-post-right .blog-post__body p {font-size: 20px;}
  .testimonial-outer-wrap .content-wrapper {padding: 0;}
  .blog-related-posts {padding: 60px 0 0;}

  .accordion-container .content-wrapper .accr-headings {
    margin-bottom: 20px;
    font-size: 30px;
  }
  div .accordion-container {
    margin: 10px auto 20px;
  }

  header.header .content-wrapper {
    padding: 0px 15px !important;
  }
  .hs-blog-post article.blog-post .blog-post-wrapper .blog-post-left {
    width: 100%;
    margin-right: 30px;
    text-align: center;
  }
  .hs-blog-post .blog-post-left img {
    width: 120px;
    margin-bottom: 10px;
  }
  div .accor-content {
    padding: 20px;
  }
  .blog-post-right .blog-post__body .accor-content p,
  .blog-post-right .blog-post__body .accor-content li {
    font-size: 16px;
  }
  div .set > a {
    padding: 15px 20px;
  }
  body.nextblog-outer .header__container.content-wrapper {
    padding-inline: 15px !important;
  }
}