/*
Theme Name: Stayupright Salient
Theme URI: https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
description: >-
  Stayupright Child Theme for Salient
Author: Josh Lawson
Template: salient
Version: 1.0.0
License:     Custom license
License URI: http://themeforest.net/licenses/terms/regular
Text Domain: salient
*/

/* State Page(s) */
.stateHeaderInner {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4%;
}

#howdoigetbtn {
  width: 100%;
  border-radius: 100px;
  background: #ffffff;
  box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
  padding: 30px 45px;
}

#howdoigetbtn:hover {
  box-shadow: inset 20px 20px 60px #d9d9d9, inset -20px -20px 60px #ffffff;
  cursor: pointer;
}

.neumorphism22_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.neumorphism22Inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 10px;
  width: 100%;
}

.neumorphism22_link {
  border-radius: 100px;
  background: #ffffff;
  box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
  padding: 20px 30px;
  width: 48%;
  margin-bottom: 24px;
}

.neumorphism22_link:hover {
  box-shadow: inset 20px 20px 60px #d9d9d9, inset -20px -20px 60px #ffffff;
}

.neumorphism22 {
  min-height: 100%;
  display: flex;
}

.neumorphismTextCont span {
  font-family: Suez One;
  font-size: 26px;
  line-height: 35px;
  font-weight: 400;
  color: #444;
}

.statePageHeader {
  z-index: 1;
  position: relative;
}

.neumorphismIconCont i {
  color: #e82731;
}

/* How do i get my licence */
.coursestopimage {
  display: block;
  overflow: hidden;
}

.howtogetq {
  display: none;
}

.submenurow {
  margin-bottom: 0px !important;
}

.fadeInBottom {
  animation-name: fadeInBottom;
}
@keyframes fadeInBottom {
  from {
    opacity: 0;
    transform: translateY(25%);
  }
  to {
    opacity: 1;
  }
}

.fadeInTop {
  animation-name: fadeInBottom;
}
@keyframes fadeInBottom {
  from {
    opacity: 0;
    transform: translateY(-25%);
  }
  to {
    opacity: 1;
  }
}

.cssanimation,
.cssanimation span {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-timing-function: ease;
}

/*Course Section(s)*/
.neumorphismGreen {
  border-radius: 50px;
  background: #66b177;
  box-shadow: 20px 20px 60px #579665, -20px -20px 60px #75cc89 !important;
}

.neumorphismGreen:hover {
  box-shadow: inset 20px 20px 60px #579665, inset -20px -20px 60px #75cc89 !important;
}

.neumorphismWhite {
  border-radius: 50px;
  background: #ffffff;
  box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff !important;
}

.neumorphismWhite:hover {
  box-shadow: inset 20px 20px 60px #d9d9d9, inset -20px -20px 60px #ffffff !important;
}

.neumorphismBlue {
  border-radius: 50px;
  background: #3393bd;
  box-shadow: 20px 20px 60px #2b7da1, -20px -20px 60px #3ba9d9 !important;
}

.neumorphismBlue:hover {
  box-shadow: inset 20px 20px 60px #2b7da1, inset -20px -20px 60px #3ba9d9 !important;
}

.neumorphismRed {
  border-radius: 50px;
  background: #ec525a;
  box-shadow: 20px 20px 60px #c9464d, -20px -20px 60px #ff5e68 !important;
}

.neumorphismRed:hover {
  box-shadow: inset 20px 20px 60px #c9464d, inset -20px -20px 60px #ff5e68 !important;
}

.stateCourseItem {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  padding: 30px 45px;
  border-radius: 50px;
  column-gap: 20px;
  margin-bottom: 24px;
  cursor: pointer;
}

.stateCourseText {
  flex-grow: 1;
}

.gmlPrice {
  font-family: Suez One;
  font-size: 26px;
  line-height: 35px;
}

.gmlDesc {
  font-family: Cormorant Garamond;
  font-size: 26px;
  line-height: 35px;
  font-weight: 900;
}

.neumorphismWhite .gmlDesc {
    color: #202020;
}

.neumorphismWhite .gmlPrice {
    color: #202020;
}

.neumorphismBtn {
  border-radius: 50px;
  padding: 15px 40px;
  font-weight: 700;
}

.neumorphismBtnGreen {
  color: white;
  background: #66b177;
  box-shadow: 20px 20px 60px #579665, -20px -20px 60px #75cc89;
  transition: all ease 0.15s;
}

.neumorphismBtnGreen:hover {
  box-shadow: inset 20px 20px 60px #579665, inset -20px -20px 60px #75cc89;
  transition: all ease 0.15s;
}

.neumorphismBtnSuhd {
  background: #fa6600;
  color: #fff;
  box-shadow: 5px 5px 15px #d9d9d9, -5px -5px 15px #ffffff;
  transition: all ease 0.15s;
}

.neumorphismBtnSuhd:hover {
  background: #000;
  color: #fa6600;
  transition: all ease 0.15s;
}

.neumorphismBtnSuhdAlt {
	border: #fa6600 solid 1px;
	background: #fff;
	color: #fa6600;
	box-shadow: 5px 5px 15px #d9d9d9, -5px -5px 15px #ffffff;
	transition: all ease 0.15s;
}

.neumorphismBtnSuhdAlt:hover {
	border: #000 solid 1px;
	background: #000;
	color: #fa6600;
	transition: all ease 0.15s;
}

.neumorphismBtnWhite {
  background: #e82731;
  color: white;
  box-shadow: 10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
  transition: all ease 0.15s;
}

.neumorphismBtnWhite:hover {
  background: #fff;
  color: #e82731;
  box-shadow: inset 5px 5px 20px #d9d9d9, inset -5px -5px 20px #ffffff;
  transition: all ease 0.15s;
}

.neumorphismBtnBlue {
  color: white;
  background: #3393bd;
  box-shadow: 20px 20px 60px #2b7da1, -20px -20px 60px #3ba9d9;
  transition: all ease 0.15s;
}

.neumorphismBtnBlue:hover {
  box-shadow: inset 20px 20px 60px #2b7da1, inset -20px -20px 60px #3ba9d9;
  transition: all ease 0.15s;
}

.neumorphismBtnRed {
  color: white;
  background: #ec525a;
  box-shadow: 20px 20px 60px #c9464d, -20px -20px 60px #ff5e68;
  transition: all ease 0.15s;
}

.neumorphismBtnRed:hover {
  box-shadow: inset 20px 20px 60px #c9464d, inset -20px -20px 60px #ff5e68;
  transition: all ease 0.15s;
}

.stateCourseBtn {
  min-width: 165px;
  z-index: 1;
}

.getmylicence {
  display: none;
}

.stateCourseaLink {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
}

.faq-main {
  border-radius: 50px;
  background: #ffffff !important;
  box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff !important;
  border: none !important;
  padding: 20px 40px !important;
}

.faq-main.open {
  box-shadow: inset 20px 20px 60px #d9d9d9, inset -20px -20px 60px #ffffff !important;
}

.howdoiFaqHeader {
  z-index: 1;
}

.neumorphismCourseGrid {
  flex: 1;
  max-width: 824px;
  padding: 3% !important;
}

.neumorphismCourseRow .row_col_wrap_12_inner {
  column-gap: 44px;
}

.courseGridDesc,
.textFoward {
  z-index: 1!important;
  position: relative!important;
}

.neumorphismWhite i {
  color: #e82731;
}

.licensingcourses {
  display: none;
  overflow: hidden;
}

.ridebettersooner {
  display: none;
  overflow: hidden;
}

.suadventure {
  display: none;
  overflow: hidden;
}

.suroad {
  display: none;
  overflow: hidden;
}

@media only screen and (min-width: 1px) and (max-width: 690px) {
  .mobHide {
    display: none;
  }

  .neumorphism22_link {
    width: 100%;
  }

  .neumorphism22_inner {
    width: 100%;
  }

  .neumorphismTextCont span {
    font-size: 20px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 1001px) {
  .deskHide {
    display: none;
  }
}

/* Home Page */
.neumorphismStateInner {
  max-width: 90%;
  margin: auto;
  display: flex;
  column-gap: 30px;
}

.neumorphismStateCol {
  border-radius: 25px;
  box-shadow: 20px 20px 60px rgb(43, 43, 43, 0.16),
    -20px -20px 60px rgb(59, 59, 59, 0.5) !important;
  flex: 1;
  padding: 4%;
  transition: all ease 0.3s;
}

.neumorphismStateCol:hover {
  box-shadow: inset 20px 20px 60px rgb(59, 59, 59, 0.5),
    inset -20px -20px 60px rgb(43, 43, 43, 0.16) !important;
  transition: all ease 0.3s;
}

.neumorphismStateColLight {
  border-radius: 25px;
  box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff !important;
  flex: 1;
  background: #ffffff;
  padding: 4%;
  transition: all ease 0.3s;
}

.neumorphismStateColLight:hover {
  box-shadow: inset 20px 20px 60px rgb(59, 59, 59, 0.5),
    inset -20px -20px 60px rgb(43, 43, 43, 0.16) !important;
  transition: all ease 0.3s;
}

.neumorphismStateCol span {
  color: white;
  font-family: Suez One;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  transition: all ease 0.3s;
}

.neumorphismStateColLight span {
  color: #444;
  font-family: Suez One;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  transition: all ease 0.3s;
}

.neumorphismStateColLight:hover span {
  color: white;
  transition: all ease 0.3s;
}

.neumorphismStateColInner {
  text-align: center;
}

.nswhowto:hover {
  background-image: url("/wp-content/uploads/2021/03/NSW-Header-scaled-e1614912155404.jpg");
  background-size: cover;
  color: white;
}

.acthowto:hover {
  background-image: url("/wp-content/uploads/2021/03/ACT-Header2-scaled-e1614912139392.jpg");
  background-size: cover;
  color: white;
}

.vichowto:hover {
  background-image: url("/wp-content/uploads/2021/03/VIC-Header-scaled-e1614912147893.jpg");
  background-size: cover;
  color: white;
}

.qldhowto:hover {
  background-image: url("/wp-content/uploads/2021/03/QLD-Header-scaled-e1614912165945.jpg");
  background-size: cover;
  color: white;
}

.wahowto:hover {
  background-image: url("/wp-content/uploads/2021/03/WA-Header-scaled-e1614912132503.jpg");
  background-size: cover;
  color: white;
}

.tashowto:hover {
  background-image: url("/wp-content/uploads/2024/05/TAS-Header-scaled-1.jpg");
  background-size: cover;
  color: white;
}

.hdigmlHeader {
  max-width: 90%;
  margin: auto;
  margin-bottom: 3% !important;
  z-index: 1;
  position: relative;
}

.hdigmlHeaderCont {
  margin-bottom: 24px;
}

.flip-box-front {
  border-radius: 25px;
  box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
}

.flip-box-back {
  border-radius: 25px;
  box-shadow: inset 20px 20px 60px #d9d9d9, inset -20px -20px 60px #ffffff;
}

.homeVidRow .nectar-video-box {
  box-shadow: 20px 20px 60px #2b7da1, -20px -20px 60px #3ba9d9 !important;
  border-radius: 25px;
}

.homeVidRow .nectar-video-box .inner-wrap {
  border-radius: 25px;
}

/* Social CSS */
.socialRowInner {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 50px;
}

.socialrow {
  display: flex;
  column-gap: 20px;
}

.socialneophormic {
  border-radius: 30px;
  box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff !important;
  background: #ffffff;
  text-align: center;
}

.socialneophormic:hover {
  border-radius: 30px;
  box-shadow: inset 4px 4px 8px 0 rgba(0, 0, 0, 0.16),
    inset -4px -4px 8px 0 rgba(255, 255, 255, 0.3) !important;
  text-align: center;
}

.socialneomargin {
  padding: 30px;
}

#fbicon {
  color: #4267b2;
  transition: all 0.25s ease;
}

#instaicon {
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.25s ease;
}

#youtubeicon {
  color: #ff0000;
  transition: all 0.25s ease;
}

.fbhover {
  display: inline-block;
  transition: all 0.25s ease;
}

.fbhover:hover {
  color: white;
  background-color: #4267b2;
  cursor: pointer;
}

.fbhover:hover #fbicon {
  color: white;
  transform: scale(1.2);
  transition: all 0.25s ease;
}

.instahover {
  display: inline-block;
  transition: all 0.25s ease;
}

.instahover:hover {
  color: white;
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
  cursor: pointer;
}

.instahover:hover #instaicon {
  background: #ffffff;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: scale(1.2);
  transition: all 0.25s ease;
}

.ythover {
  display: inline-block;
  transition: all 0.25s ease;
}

.ythover:hover {
  color: white;
  background-color: #ff0000;
  cursor: pointer;
}

.ythover:hover #youtubeicon {
  color: #ffffff !important;
  transform: scale(1.2);
  transition: all 0.25s ease;
}

.socialRowMain {
  margin-top: 3%;
}

@media only screen and (min-width: 1px) and (max-width: 690px) {
  .socialRowMain {
    margin-top: 50px;
  }

  .socialRowInner {
    z-index: 1;
    position: relative;
    flex-direction: column;
  }

  .socialRowHeader {
    z-index: 1;
  }
}

/*Testimonial Section */
.testimonialMain {
  display: flex;
  height: 770px;
  align-items: center;
}

.testimonialInner {
  margin-left: 440px;
  margin-right: 5%;
}

.testimonialImage {
  position: absolute !important;
  left: -500px;
  top: 0;
  z-index: 2;
}

.testimonialSliderInner {
  display: flex;
  column-gap: 30px;
  overflow-x: visible;
}

.testimonialCont {
  border-radius: 50px;
  background: #ffffff;
  box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
  padding: 50px;
  position: relative;
}

.testimonialHeader {
  z-index: 1;
  position: relative;
  text-align: center;
}

.testimonialSliderMain {
  margin-top: 60px;
}

.testimonialName {
  margin-top: 15px;
}

.testimonialName span {
  font-weight: 700;
  font-size: 20px;
}

.testimonialText i {
  position: absolute;
  top: 25px;
  left: 25px;
  color: #e82731;
  font-size: 25px;
}

.owl-carousel {
  margin-left: 420px;
}

.nectar_single_testimonial {
  border-radius: 50px;
  background: #ffffff;
  box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
  padding: 30px;
}

.testimonialHeader {
  margin-left: 440px !important;
  text-align: left;
}

@media only screen and (min-width: 691px) and (max-width: 999px) {
  .testimonialHeader {
    margin-left: 0 !important;
    text-align: center;
    padding: 0 30px;
  }

  .owl-carousel {
    margin-left: 0 !important;
  }

  .testimonialImage {
    display: none !important;
  }

  .homePageGallery {
    display: none !important;
  }

  .socialRowInner {
    width: 90%;
    margin: auto;
  }
}

@media only screen and (min-width: 1px) and (max-width: 690px) {
  .testimonialHeader {
    margin-left: 0 !important;
    text-align: center;
    padding: 0 30px;
  }

  .owl-carousel {
    margin-left: 0 !important;
  }

  .testimonialImage {
    display: none !important;
  }

  .homePageGallery {
    display: none !important;
  }

  .neumorphismStateInner {
    row-gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .neumorphismStateCol {
    min-width: 172px;
    max-width: 172px;
  }

  .neumorphismStateColLight {
    min-width: 172px;
    max-width: 172px;
  }
}

/* Menu CSS */
.booknowmnubtn a::before {
  border-radius: 30px !important;
  box-shadow: 5px 5px 15px rgb(43, 43, 43, 0.26),
    -5px -5px 15px rgb(59, 59, 59, 0.26) !important;
}

.booknowmnubtn:hover a::before {
  background-color: #3393bd !important;
  box-shadow: inset 5px 5px 15px #2b7da1, inset -5px -5px 15px #3ba9d9 !important;
  opacity: 1 !important;
}

.booknowmnubtn:hover {
  opacity: 1 !important;
}

.sutelmenu a {
  font-family: Suez One !important;
  font-weight: 400 !important;
}

.neomorphicfooterbtn {
  background-color: #1e1869;
  color: #fff!important;
  padding: 10px 30px;
  border-radius: 30px;
}

.neomorphicfooterbtn:hover {
  background-color: #3393bd !important;
  box-shadow: inset 5px 5px 15px #2b7da1, inset -5px -5px 15px #3ba9d9 !important;
  opacity: 1 !important;
}

.neumorphismTest {
  background: #1e1869;
  color: white!important;
  box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
  transition: all ease 0.15s;
  padding: 10px 30px;
  border-radius: 30px;
}

.neumorphismTest:hover {
  background-color: #3393bd !important;
  box-shadow: inset 5px 5px 15px #2b7da1, inset -5px -5px 15px #3ba9d9 !important;
  transition: all ease 0.15s;
}

/* Contact Form */
.cf7row {
  display: flex;
  column-gap: 15px;
  margin-bottom: 15px;
}

.ftrfrm-button {
  padding: 10px 30px!important;
  border-radius: 30px!important;
  box-shadow: 5px 5px 15px #bfc2be, -5px -5px 15px #ffffff!important;
  font-family: Cormorant Garamond!important;
  font-size: 20px!important;
  line-height: 22px!important;
  font-weight: 400!important;
}

.ftrfrm-button:hover {
  box-shadow: inset 5px 5px 15px #c5212a, inset -5px -5px 15px #ff2d38!important;
}

.ftrfield {
  border-radius: 50px!important;
  background: #e1e4df!important;
  box-shadow: inset 5px 5px 15px #bfc2be, inset -5px -5px 15px #ffffff!important;
}

.ftrfield:focus {
  background: #fff!important;
  box-shadow: inset 5px 5px 15px #d9d9d9, inset -5px -5px 15px #ffffff!important;
  border-color:#e1e4df!important;
}

/* Workplace Training */
.wtOverlay {
  position: absolute;
  border-radius: 0 0 50px 50px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #e82731;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
  z-index:1;
}

.stateCourseItem:hover .wtOverlay {
  height: 25%;
}

.wtoverlyText {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.workplaceTrainingItem {
  overflow:hidden;
  flex:1;
}

.wtDesc {
  font-size: 26px;
  line-height: 34px;
  font-weight: 900;
}

@media only screen and (min-width: 1000px) {
  .wtMobOnly {
    display:none;
  }

  .wtMobCap {
    text-transform: uppercase;
  }
}

.neumorphismStateWtRow {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  padding: 0 30px;
}

.neumorphismStateWtInner {
  display: flex;
  column-gap: 30px;
  padding: 30px 0;
}

.neumorphismStateWtCol {
  border-radius: 25px;
  background: #ffffff;
  box-shadow:  10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
  flex: 1;
  padding: 4%;
  transition: all ease 0.3s;
  z-index: 1;
}

.neumorphismStateWtCol:hover {
  box-shadow: inset 5px 5px 15px rgb(59, 59, 59, 0.5), inset -5px -5px 15px rgb(43, 43, 43, 0.16) !important;
  transition: all ease 0.3s;
}

.neumorphismStateWtCol span {
  color: white;
  font-family: Suez One;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  transition: all ease 0.3s;
}

.nswhowWt {
  background-image: url("/wp-content/uploads/2021/03/NSW-Header-scaled-e1614912155404.jpg");
  background-size: cover;
  color: white;
}

.acthowWt {
  background-image: url("/wp-content/uploads/2021/03/ACT-Header2-scaled-e1614912139392.jpg");
  background-size: cover;
  color: white;
}

.vichowWt {
  background-image: url("/wp-content/uploads/2021/03/VIC-Header-scaled-e1614912147893.jpg");
  background-size: cover;
  color: white;
}

.qldhowWt {
  background-image: url("/wp-content/uploads/2021/03/QLD-Header-scaled-e1614912165945.jpg");
  background-size: cover;
  color: white;
}

.wahowWt {
  background-image: url("/wp-content/uploads/2021/03/WA-Header-scaled-e1614912132503.jpg");
  background-size: cover;
  color: white;
}

.workplaceTrainingLink {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
}

.onlineSbsInner {  
  padding: 5%;
  display:flex;
  align-items: center;
  column-gap: 50px;
}

.onlineSbsDetails {
  flex:1;
}

.onlineSbsVid {
  flex:1;
}

.onlineSbsList ul {
  margin-top:15px;
}

.onlineSbsList span {
  font-weight: 700;
}

.onlineSbsHeader {
  margin-bottom: 20px;
}

.onlineSbsPrice {
  z-index: 1;
  position: relative;
}

.neumorphismBtnWtCont {
  margin: 30px 0;
}

.sbsonline {
  display:none;
}

.wtInfo {
  display:none;
}

.workplaceTrainingInner {
  display: flex;
  column-gap: 50px;
  align-items: center;
}

.workplaceTrainingHeader {
  margin-bottom: 24px;
}

.workplaceTrainingCol {
  flex-grow: 1;
}

.wtHeaderImgCont {
  flex: 1;
  min-width: 27vw;
}

@media only screen and (min-width: 1px) and (max-width: 1300px) {
  .wtHeaderImgCont {
    display:none;
  }

  .onlineSbsInner {
    flex-direction: column;
    row-gap: 30px;
  }

  .onlineSbsVid {
    width: 100%;
  }
}

.onlineSbsVid iframe {
  min-width: 100%!important;
  min-height: 450px!important;
  border-radius: 10px;
}

.wtHeaderImg {
  border-radius: 10px;
  box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
}

@media only screen and (min-width: 1px) and (max-width: 999px) {
  .wtOverlay {
    display:none;
  }
}

@media only screen and (min-width: 1px) and (max-width: 690px) {
  .workplaceTrainingInner .neumorphismIconMain {
    display:none;
  }

  .stateCourseBtn {
    display: none;
  }

  .workplaceTrainingHeader {
    text-align: center;
  }

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

  .workplaceTrainingInner {
    justify-content: center;
  }

  #wtStateSelectBtn {
    margin-bottom:30px!important;
  }

  .neumorphismStateWtInner {
    flex-wrap: wrap;
    row-gap: 30px;
  }

  .neumorphismStateWtCol {
    min-width: 100%;
    padding: 50px 0;
  }

  .wtDesc i {
    margin-right: 10px;
  }

  .neumorphismCourseRow .row_col_wrap_12_inner {
    row-gap: 24px;
  }
  .neumorphismCourseGrid {
    min-width: 100%;
    padding: 40px 20px!important;
  }
}

.faq-content .neumorphismBtnCont {
    margin: 25px 0 40px 0;
}

.neumorphismBtnRow {
    display: flex;
    align-items: center;
    column-gap: 15px;
    row-gap: 15px;
    flex-wrap: wrap;
}

.neoGiftRow .row_col_wrap_12_inner {
    gap: 30px!important;
    flex-wrap: nowrap!important;
}

.su-arlo-list {
    display: flex!important;
    flex-wrap: wrap;
    gap: 30px;
    margin-left: 0;
    margin-bottom: 30px;
}

.arlo-show-more-hidden {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-left: 0;
    margin-bottom: 30px;
}
.su-arlo-event {
    flex: 1;
    list-style: none;
    border-radius: 30px;
    background: #ffffff;
    box-shadow: inset 10px 10px 30px #d9d9d9, inset -10px -10px 30px #ffffff;
    padding: 30px;
    min-width: 31%;
    border:none!important;
    transition: all ease 0.15s;
}

.su-arlo-event:hover {
    box-shadow: 10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
    transform: translate3d(0px, -10px, 0px);
    transition: all ease 0.15s;
}

.su-arlo-online-activity {
    flex: 1;
    list-style: none;
    border-radius: 30px;
    background: #ffffff;
    box-shadow: inset 10px 10px 30px #d9d9d9, inset -10px -10px 30px #ffffff;
    padding: 30px;
    min-width: 31%;
    border:none!important;
    transition: all ease 0.15s;
}

.su-arlo-online-activity:hover {
    box-shadow: 10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
    transform: translate3d(0px, -10px, 0px);
    transition: all ease 0.15s;
}

.su-arlo-event-head {
    margin-bottom: 45px;
}

.su-arlo-heading {
    font-size: 28px;
    font-family: Suez One !important;
    color: #383838;
    margin-bottom: 10px;
}

.su-arlo-event-location {
    margin-bottom: 5px;
}

.arlo-tooltip-button {
    margin-bottom: 5px;
	text-align: left;
}

.arlo-event-notice {
    margin-bottom: 15px;
}

.su-arlo-price {
    margin-bottom: 20px;
}

.su-arlo-price li {
    list-style: none!important;
}

.su-arlo-price span {
    color: #e8273196;
    font-family: Suez One !important;
}

.arlo-event_tags-list {
    margin-left: 0px;
    margin-bottom: 20px;
}

.arlo-event_tags-list li {
    display: inline-block;
    padding: 0.4em 0.7em;
    border-radius: 5px;
    font-weight: bold;
    margin-right: 0.3em;
    margin-bottom: 0.3em;
    line-height: 1;
    background-color: white;
    color: #e8273196;
    box-shadow: 0px 2px 5px #0000001a;
}

.arlo-places-remaining {
    float: none!important;
    text-align: left!important;
    margin-bottom: 15px!important;
}

.arlo-event-full {
    float: none!important;
    text-align: left!important;
    margin-bottom: 15px!important;
    color: #e82731!important;
}

.su-arlo-button {
    font-family: Cormorant Garamond;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    background-color: #e82731;
    color: white;
    padding: 10px 20px;
    border-radius: 30px;
    display: inline-block;
    box-shadow: 10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
    transition: all ease 0.15s;
}

.su-arlo-button:hover {
    background: #fff;
    color: #e82731;
    box-shadow: inset 5px 5px 20px #d9d9d9, inset -5px -5px 20px #ffffff;
    transition: all ease 0.15s;
}

.arlo-event-template-filters {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
    align-items: center;
}

.arlo-filters {
    border-radius: 30px!important;
    transition: all ease 0.15s;
    border: none!important;
    box-shadow: 5px 5px 15px #d9d9d9, -5px -5px 15px #ffffff;
    background: white;
    font-size: 18px!important;
    font-weight: bold;
}

.arlo-filters option {
    font-weight: bold;
}

.arlo-filters:hover {
    transition: all ease 0.15s;
    box-shadow: inset 5px 5px 15px #d9d9d9, inset -5px -5px 15px #ffffff;
}

.arlo-filters:focus {
    transition: all ease 0.15s;
    background: linear-gradient(145deg, #ffffff, #e6e6e6);
    box-shadow: 5px 5px 15px #d9d9d9, -5px -5px 15px #ffffff;
}

.resetCnt {
    margin: 0.5em 0 1em 0;
}

.resetBtn {
    border-radius: 30px!important;
    transition: all ease 0.15s;
    border: none!important;
    box-shadow: 5px 5px 15px #d9d9d9, -5px -5px 15px #ffffff;
    background: white;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px;
    cursor: pointer;
}

.resetBtn:hover {
    transition: all ease 0.15s;
    box-shadow: inset 5px 5px 15px #d9d9d9, inset -5px -5px 15px #ffffff;
}

.resetBtn:focus {
    transition: all ease 0.15s;
    background: linear-gradient(145deg, #ffffff, #e6e6e6);
    box-shadow: 5px 5px 15px #d9d9d9, -5px -5px 15px #ffffff;
}

.arlo-template-head h1 {
    margin-bottom: 15px;
}

.dark-tooltip h5, .dark-tooltip h6 {
    color: white;
}

.dark-tooltip div, .dark-tooltip p {
    font-size: 18px;
}

.su-custom-showmoreCont {
    display: flex;
    justify-content: center;
}

.showmoreBtn {
    border-radius: 30px!important;
    transition: all ease 0.15s;
    border: none!important;
    box-shadow: 5px 5px 15px #d9d9d9, -5px -5px 15px #ffffff;
    background: white;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px;
    cursor: pointer;
}

.showmoreBtn:hover {
    transition: all ease 0.15s;
    box-shadow: inset 5px 5px 15px #d9d9d9, inset -5px -5px 15px #ffffff;
}

.su-arlo-suggest-template-container {
    border-radius: 30px;
    background: #ffffff;
    box-shadow: 10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.su-arlo-suggest-template-container h3 {
    margin-bottom: 15px;
}

.su-arlo-suggest-templates {
    box-sizing: border-box;
    border: none !important;
}

.su-arlo-suggest-templates tr {
    border-right: none!important;
    border-bottom: none!important;
    border-top: none!important;
    border-left: 2px solid #e8273196;
    transition: all .2s ease-in-out;
    margin-bottom: 1px;
}

.su-arlo-suggest-templates tr:hover {
    border-left: 5px solid #e82731;
    transition: all .2s ease-in-out;
}

.su-arlo-suggest-templates td {
    border: none!important;
    border-bottom: 1px solid white;
    font-size: 18px!important;
    font-weight: bold;
}

.su-arlo-online-activity h3 {
    margin-bottom: 15px;
}

.su-arlo-online-activity .arlo-event-offers {
    margin-bottom: 30px;
}

.arlo-event-offers li {
	list-style: none!important;
}

.arlo-event-offers span {
	color: #e8273196;
    font-family: Suez One !important;
}

@media only screen and (max-width: 690px) {
	.arlo-event-template-filters {
		gap: 0px;
		flex-direction: column;
	}
	
	.su-arlo-event {
		min-width: 100%;
	}
}