html,
body {
  width: 100%;
  overflow-x: hidden;
}

h1,
h2,
h3 {
  font-family: "Work Sans", sans-serif;
}

h1,
h2 {
  font-weight: 900;
}

h3 {
  font-weight: 700;
  text-transform: uppercase;
}

h4 {
  font-famiLy: "Lora";
  font-weight: 400;
  font-style: italic;
}

h5,
p {
  font-family: "Roboto";
  font-weight: 300;
}

h5 {
  font-style: italic;
}

h1 {
  font-size: 48px;
  line-height: 57px;
}

h2 {
  font-size: 32px;
  line-height: 38px;
}

h3 {
  font-size: 20px;
  line-height: 24px;
}

h4 {
  font-size: 20px;
  line-height: 31px;
  font-style: normal;
}

h5 {
  font-family: "Lora", serif;
  font-style: italic;
  font-size: 17px;
  line-height: 21px;
}

h6 {
  font-weight: lighter;
  font-size: 15px;
  line-height: 18px;
  font-style: italic;
}

p {
  font-weight: initial;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 30px;
}

ul,
ol {
  padding-left: 20px;
  margin-bottom: 30px;
}

ul li,
ol li {
  margin-bottom: 15px;
}

img {
  max-width: 100%;
}

/*GRID STYLES */
.section__aside__table:before {
  display: none
}

.section-signup .section__aside:before {
  display: none;
}

.section-signup aside.section__aside__table {
  text-align: center;
  margin: 0 0 40px;
}

.sign-up-table thead {
  background: transparent;
  color: #585858;
  font-size: 17px;
  line-height: 23px;
}

.sign-up-table thead th:nth-child(2) {
  background: #EFF9FF;
}

.sign-up-table td,
.sign-up-table th {
  padding: 20px 0;
}

table.table-bordered.sign-up-table {
  margin: 0 0 40px 0;
  table-layout: fixed;
}

.sign-up-table td {
  padding: 20px 10px;
  font-size: 17px;
  line-height: 23px;
}

.sign-up-table td:nth-child(1),
.sign-up-table th:nth-child(1) {
  text-align: left;
}


/* table.table-bordered.sign-up-table tr:nth-child(even) .price {
  background: #48B0F7;
  color: #fff;
} */

table.table-bordered.sign-up-table tr .price {
  background: #EFF9FF;
  color: #3A8FC8;
}


/* table.table-bordered.sign-up-table tr:nth-child(even) td {
  background: #F6F6F6;
} */

tr td,
tr th {
  border-bottom: 1px solid #D0D0D0;
}

.gform_footer.top_label.orange input.gform_button {
  background: #FCB60C;
  border: none;
  color: #666600;
  font-weight: 700;
}

.gform_footer.top_label.orange a {
  text-decoration: underline;
  color: #358ECA;
  margin: 20px 0 0;
  display: inline-block;
}

.contact-form-home {
  text-align: center;
}

.section-signup .contact-form-home .section__inner {
  display: inline-block;
  width: 70%;
}

.image-home-bg-custome {
  background: url(../images/image-home2.jpg) no-repeat top center;
  background-size: contain;
}

.dmv-seal-logo {
  border-radius: 100px;
}

@media(max-width:767px) {
  .image-home-bg-custome {
    height: 290px;
    background-position: center;
  }
}

@media(max-width:480px) {
  .section-signup .contact-form-home .section__inner {
    width: 90%;
  }
}

ul.social-icons {
  list-style: none;
  padding: 20px 0 0;
  margin: 0;
}

ul.social-icons li {
  display: inline-block;
  vertical-align: top;
  padding: 0 4px;
}

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

.ticket-center .star {
  margin: 0 0 10px;
}

.ticket-center a {
  font-size: 26px;
  color: #3A8FC8;
  font-weight: 700;
}

.ticket-center a.btn.btn--sign-up.btn--yellow {
  color: #666600;
  width: 100%;
}

.ticket-center .return {
  font-size: 18px;
  font-weight: 600;
  margin: 20px 0 0 50px;
  display: inline-block;
  float: left;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 30px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  right: 0;
  margin: 0 auto;
  padding-bottom: 30px;
}

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 800px;
  padding: 30px 0 0;
  position: relative;
}

.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.ticket-center h4 {
  color: #3A8FC8;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 10px 0;
}

.ticket-center p {
  color: #444;
  margin: 10px 0 20px;
  display: inline-block;
}

.blue-bg {
  background: #2B6A94;
  margin: 30px 0 0;
  padding: 80px 14% 30px;
  text-align: left;
}

.blue-bg ul.blue-bg-list li {
  display: inline-block;
  width: 100%;
  margin: 0 0 10px;
  background: url(Star-2.png) no-repeat scroll left top;
  padding: 0 0 0 30px;
}

.blue-bg ul.blue-bg-list li h3 {
  color: #FCB60C;
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
  margin: 0;
}

.blue-bg ul.blue-bg-list li p {
  color: #fff;
  line-height: 27px;
  font-size: 18px;
}

.ticket-center .modal-content .star {
  margin: 0 0 20px;
}

.ticket-center span.close {
  margin-right: 30px;
  position: absolute;
  right: 0px;
  font-size: 60px;
  font-weight: 400;
  top: 10px;
  color: #3A8FC8;
}

.body-fixed {
  position: fixed;
  overflow: hidden;
  width: 100%;
}

.how-table {
  padding: 66px 68px;
  text-align: center;
}

.how-table .sign-up-table td {
  padding: 20px 40px;
}

.how-btn {
  background: #FCB60C;
  padding: 0;
  line-height: 60px;
  margin: 60px 0 0;
  text-align: center;
  border-radius: 30px;
  text-transform: uppercase;
  font-size: 18px;
  color: #444444;
  font-weight: 700;
}

@media(max-width:991px) {
  .modal-content {
    width: 690px;
  }

  .ticket-center a {
    font-size: 20px;
  }

  .ticket-center a br {
    display: none;
  }
}

@media(max-width:767px) {

  .sign-up-table td,
  .sign-up-table th {
    font-size: 12px;
  }

  .ticket-center a {
    font-size: 16px;
  }

  .ticket-center a br {
    display: none;
  }

  .modal-content {
    width: 90%;
    padding: 20px 20px 0;
  }

  .blue-bg {
    margin: 30px -20px 0;
  }

  .modal {
    padding-top: 110px;
  }
}

@media(max-width:767px) {
  .how-table {
    padding: 66px 8px;
  }

  .how-table .sign-up-table td {
    padding: 20px 10px;
  }
}

@media(max-width:480px) {
  .gform_footer.top_label.orange input.gform_button {
    font-size: 13px;
    min-width: 100%;
  }
}

.row-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 576px) {
  .row-flex {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 768px) {
  .row-flex {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 992px) {
  .row-flex {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 1200px) {
  .row-flex {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 768px) {

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 992px) {

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.col {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.333333%;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.666667%;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.333333%;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.333333%;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.666667%;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.pull-0 {
  right: auto;
}

.pull-1 {
  right: 8.333333%;
}

.pull-2 {
  right: 16.666667%;
}

.pull-3 {
  right: 25%;
}

.pull-4 {
  right: 33.333333%;
}

.pull-5 {
  right: 41.666667%;
}

.pull-6 {
  right: 50%;
}

.pull-7 {
  right: 58.333333%;
}

.pull-8 {
  right: 66.666667%;
}

.pull-9 {
  right: 75%;
}

.pull-10 {
  right: 83.333333%;
}

.pull-11 {
  right: 91.666667%;
}

.pull-12 {
  right: 100%;
}

.push-0 {
  left: auto;
}

.push-1 {
  left: 8.333333%;
}

.push-2 {
  left: 16.666667%;
}

.push-3 {
  left: 25%;
}

.push-4 {
  left: 33.333333%;
}

.push-5 {
  left: 41.666667%;
}

.push-6 {
  left: 50%;
}

.push-7 {
  left: 58.333333%;
}

.push-8 {
  left: 66.666667%;
}

.push-9 {
  left: 75%;
}

.push-10 {
  left: 83.333333%;
}

.push-11 {
  left: 91.666667%;
}

.push-12 {
  left: 100%;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .pull-sm-0 {
    right: auto;
  }

  .pull-sm-1 {
    right: 8.333333%;
  }

  .pull-sm-2 {
    right: 16.666667%;
  }

  .pull-sm-3 {
    right: 25%;
  }

  .pull-sm-4 {
    right: 33.333333%;
  }

  .pull-sm-5 {
    right: 41.666667%;
  }

  .pull-sm-6 {
    right: 50%;
  }

  .pull-sm-7 {
    right: 58.333333%;
  }

  .pull-sm-8 {
    right: 66.666667%;
  }

  .pull-sm-9 {
    right: 75%;
  }

  .pull-sm-10 {
    right: 83.333333%;
  }

  .pull-sm-11 {
    right: 91.666667%;
  }

  .pull-sm-12 {
    right: 100%;
  }

  .push-sm-0 {
    left: auto;
  }

  .push-sm-1 {
    left: 8.333333%;
  }

  .push-sm-2 {
    left: 16.666667%;
  }

  .push-sm-3 {
    left: 25%;
  }

  .push-sm-4 {
    left: 33.333333%;
  }

  .push-sm-5 {
    left: 41.666667%;
  }

  .push-sm-6 {
    left: 50%;
  }

  .push-sm-7 {
    left: 58.333333%;
  }

  .push-sm-8 {
    left: 66.666667%;
  }

  .push-sm-9 {
    left: 75%;
  }

  .push-sm-10 {
    left: 83.333333%;
  }

  .push-sm-11 {
    left: 91.666667%;
  }

  .push-sm-12 {
    left: 100%;
  }

  .offset-sm-0 {
    margin-left: 0%;
  }

  .offset-sm-1 {
    margin-left: 8.333333%;
  }

  .offset-sm-2 {
    margin-left: 16.666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.333333%;
  }

  .offset-sm-5 {
    margin-left: 41.666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.333333%;
  }

  .offset-sm-8 {
    margin-left: 66.666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.333333%;
  }

  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .pull-md-0 {
    right: auto;
  }

  .pull-md-1 {
    right: 8.333333%;
  }

  .pull-md-2 {
    right: 16.666667%;
  }

  .pull-md-3 {
    right: 25%;
  }

  .pull-md-4 {
    right: 33.333333%;
  }

  .pull-md-5 {
    right: 41.666667%;
  }

  .pull-md-6 {
    right: 50%;
  }

  .pull-md-7 {
    right: 58.333333%;
  }

  .pull-md-8 {
    right: 66.666667%;
  }

  .pull-md-9 {
    right: 75%;
  }

  .pull-md-10 {
    right: 83.333333%;
  }

  .pull-md-11 {
    right: 91.666667%;
  }

  .pull-md-12 {
    right: 100%;
  }

  .push-md-0 {
    left: auto;
  }

  .push-md-1 {
    left: 8.333333%;
  }

  .push-md-2 {
    left: 16.666667%;
  }

  .push-md-3 {
    left: 25%;
  }

  .push-md-4 {
    left: 33.333333%;
  }

  .push-md-5 {
    left: 41.666667%;
  }

  .push-md-6 {
    left: 50%;
  }

  .push-md-7 {
    left: 58.333333%;
  }

  .push-md-8 {
    left: 66.666667%;
  }

  .push-md-9 {
    left: 75%;
  }

  .push-md-10 {
    left: 83.333333%;
  }

  .push-md-11 {
    left: 91.666667%;
  }

  .push-md-12 {
    left: 100%;
  }

  .offset-md-0 {
    margin-left: 0%;
  }

  .offset-md-1 {
    margin-left: 8.333333%;
  }

  .offset-md-2 {
    margin-left: 16.666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.333333%;
  }

  .offset-md-5 {
    margin-left: 41.666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.333333%;
  }

  .offset-md-8 {
    margin-left: 66.666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.333333%;
  }

  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .pull-lg-0 {
    right: auto;
  }

  .pull-lg-1 {
    right: 8.333333%;
  }

  .pull-lg-2 {
    right: 16.666667%;
  }

  .pull-lg-3 {
    right: 25%;
  }

  .pull-lg-4 {
    right: 33.333333%;
  }

  .pull-lg-5 {
    right: 41.666667%;
  }

  .pull-lg-6 {
    right: 50%;
  }

  .pull-lg-7 {
    right: 58.333333%;
  }

  .pull-lg-8 {
    right: 66.666667%;
  }

  .pull-lg-9 {
    right: 75%;
  }

  .pull-lg-10 {
    right: 83.333333%;
  }

  .pull-lg-11 {
    right: 91.666667%;
  }

  .pull-lg-12 {
    right: 100%;
  }

  .push-lg-0 {
    left: auto;
  }

  .push-lg-1 {
    left: 8.333333%;
  }

  .push-lg-2 {
    left: 16.666667%;
  }

  .push-lg-3 {
    left: 25%;
  }

  .push-lg-4 {
    left: 33.333333%;
  }

  .push-lg-5 {
    left: 41.666667%;
  }

  .push-lg-6 {
    left: 50%;
  }

  .push-lg-7 {
    left: 58.333333%;
  }

  .push-lg-8 {
    left: 66.666667%;
  }

  .push-lg-9 {
    left: 75%;
  }

  .push-lg-10 {
    left: 83.333333%;
  }

  .push-lg-11 {
    left: 91.666667%;
  }

  .push-lg-12 {
    left: 100%;
  }

  .offset-lg-0 {
    margin-left: 0%;
  }

  .offset-lg-1 {
    margin-left: 8.333333%;
  }

  .offset-lg-2 {
    margin-left: 16.666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.333333%;
  }

  .offset-lg-5 {
    margin-left: 41.666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.333333%;
  }

  .offset-lg-8 {
    margin-left: 66.666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.333333%;
  }

  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .pull-xl-0 {
    right: auto;
  }

  .pull-xl-1 {
    right: 8.333333%;
  }

  .pull-xl-2 {
    right: 16.666667%;
  }

  .pull-xl-3 {
    right: 25%;
  }

  .pull-xl-4 {
    right: 33.333333%;
  }

  .pull-xl-5 {
    right: 41.666667%;
  }

  .pull-xl-6 {
    right: 50%;
  }

  .pull-xl-7 {
    right: 58.333333%;
  }

  .pull-xl-8 {
    right: 66.666667%;
  }

  .pull-xl-9 {
    right: 75%;
  }

  .pull-xl-10 {
    right: 83.333333%;
  }

  .pull-xl-11 {
    right: 91.666667%;
  }

  .pull-xl-12 {
    right: 100%;
  }

  .push-xl-0 {
    left: auto;
  }

  .push-xl-1 {
    left: 8.333333%;
  }

  .push-xl-2 {
    left: 16.666667%;
  }

  .push-xl-3 {
    left: 25%;
  }

  .push-xl-4 {
    left: 33.333333%;
  }

  .push-xl-5 {
    left: 41.666667%;
  }

  .push-xl-6 {
    left: 50%;
  }

  .push-xl-7 {
    left: 58.333333%;
  }

  .push-xl-8 {
    left: 66.666667%;
  }

  .push-xl-9 {
    left: 75%;
  }

  .push-xl-10 {
    left: 83.333333%;
  }

  .push-xl-11 {
    left: 91.666667%;
  }

  .push-xl-12 {
    left: 100%;
  }

  .offset-xl-0 {
    margin-left: 0%;
  }

  .offset-xl-1 {
    margin-left: 8.333333%;
  }

  .offset-xl-2 {
    margin-left: 16.666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.333333%;
  }

  .offset-xl-5 {
    margin-left: 41.666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.333333%;
  }

  .offset-xl-8 {
    margin-left: 66.666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.333333%;
  }

  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: row-reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: column-reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse !important;
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -webkit-justify-content: space-around !important;
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -webkit-align-items: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -webkit-align-content: flex-start !important;
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -webkit-align-content: flex-end !important;
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -webkit-align-content: center !important;
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -webkit-align-content: space-between !important;
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -webkit-align-content: space-around !important;
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -webkit-align-content: stretch !important;
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -webkit-align-self: auto !important;
  -ms-flex-item-align: auto !important;
  -ms-grid-row-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -webkit-align-self: flex-start !important;
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -webkit-align-self: flex-end !important;
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -webkit-align-self: center !important;
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -webkit-align-self: baseline !important;
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -webkit-align-self: stretch !important;
  -ms-flex-item-align: stretch !important;
  -ms-grid-row-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .flex-sm-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .flex-sm-unordered {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-sm-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-sm-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-sm-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-sm-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-sm-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .flex-md-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .flex-md-unordered {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-md-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-md-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-md-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-md-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-md-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-md-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-md-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-md-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-md-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-md-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-md-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-md-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-md-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .flex-lg-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .flex-lg-unordered {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-lg-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-lg-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-lg-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-lg-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-lg-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .flex-xl-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .flex-xl-unordered {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-xl-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-xl-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-xl-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-xl-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-xl-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

.star {
  margin: 0 0 10px;
}

footer.footer .footer-title-text {
  display: block;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 8px;
}

footer.footer .shell .footer-list-center ul li a {
  font-size: 16px;
  line-height: 1.25;
}

footer.footer .shell .phone-link {
  display: table;
  font-size: 16px;
  line-height: 1.25;
  margin: 0 auto 8px;
}

footer.footer .shell .footer-list-center ul li {
  padding: 0 0 8px;
}

footer.footer .shell .widget .textwidget>p {
  margin: 0 0 8px;
}

footer.footer .shell .widget .textwidget>p>b {
  display: block;
  font-size: 16px !important;
  line-height: 1.25 !important;
  text-align: center;
}

footer.footer .link-img {
  padding-bottom: 8px;
}

footer.footer .link-img li img {
  margin: 0 4px;
}

footer.footer .shell .terms-content {
  font-size: 16px;
  line-height: 1.25;
}

footer.footer .shell .terms-content .term-link {
  list-style: none;
  padding: 0 0 10px;
  margin: 0;
}

footer.footer .shell .widget {
  margin-left: auto;
  margin-right: auto;
}

footer.footer .shell .terms-content p {
  font-size: inherit;
  line-height: inherit;
}

footer.footer .shell .widget .textwidget>p:empty {
  display: none;
}

@media (min-width: 768px) {
  footer.footer .shell .top-footer-text {
    text-align: left;
  }

  footer.footer .footer-title-text,
  footer.footer .shell .phone-link {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 10px;
  }

  footer.footer .shell .footer-list-center ul {
    /* text-align: center; */
  }

  footer.footer .shell .footer-list-center ul li {
    padding-bottom: 10px;
  }

  footer.footer .shell .footer-list-center ul li a {
    font-size: 18px;
    line-height: 24px;
  }

  footer.footer .shell .widget .textwidget>p {
    margin-bottom: 10px;
  }

  footer.footer .link-img {
    padding-bottom: 12px;
  }

  footer.footer .shell .terms-content {
    font-size: 18px;
    line-height: 24px;
    text-align: right;
  }

  footer.footer .shell .terms-content .term-link {
    padding-bottom: 14px;
  }

  footer.footer .shell .widget .textwidget>p>b {
    font-size: 18px !important;
    line-height: 24px !important;
  }
}

/*GRID STYLES END*/
.home h1 {
  font-size: 60px;
  line-height: 68px;
}

.home h2 {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
}

.home h3 {
  font-size: 20px;
  line-height: 24px
}

.home h4 {
  font-size: 17px;
  line-height: 21px;
  font-style: italic;
}

.home h5 {
  font-size: 15px;
  line-height: 18px;
}

.home h6 {
  font-weight: lighter;
  font-size: 15px;
  line-height: 18px;
}

.home .header {
  box-sizing: content-box;
}

.home .header a h1 {
  color: #48B0F7;
  font-size: 24px;
  line-height: 24px;
  font-family: Conv_DINOT-CondBlack, Sans-Serif;
  text-decoration: #ffdead;
}

.equal-padding {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.padtop-32 {
  padding-top: 32px !important;
}

.padtop-50 {
  padding-top: 50px !important;
}

.padtop-50 {
  padding-top: 50px !important;
}

.padbottom-50 {
  padding-bottom: 50px !important;
}

.padtop-100 {
  padding-top: 100px !important;
}

.padtop-114 {
  padding-top: 114px !important;
}

.padbottom-100 {
  padding-bottom: 100px !important;
}

.py-120 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.py-156 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.py-128 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.py-140 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.py-160 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.py-170 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.padtop-250 {
  padding-top: 250px !important;
}

.padbottom-250 {
  padding-bottom: 250px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-10 {
  padding-right: 10px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-110 {
  padding-right: 110px;
}

.pl-110 {
  padding-left: 110px;
}

.mt-11 {
  margin-top: 11px;
}

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

.mt-24 {
  margin-top: 24px;
}

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

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

.mt-48 {
  margin-top: 48px;
}

.mt-64 {
  margin-top: 64px;
}

.mt-72 {
  margin-top: 72px;
}

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

.mt-96 {
  margin-top: 96px;
}

.mt-114 {
  margin-top: 114px;
}

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

.mb-48 {
  margin-bottom: 48px;
}

.mb-64 {
  margin-bottom: 64px;
}

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

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

.mb-96 {
  margin-bottom: 95px;
}

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

.d-flex {
  display: flex;
}

.clock-icon {
  max-width: 100%;
}

.w-100 {
  width: 100%;
}

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

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

.text-white {
  color: #fff !important;
}

.text-pink-light {
  color: #FFD6D4 !important;
}

.text-red {
  color: #FE8B7B !important;
}

.text-green {
  color: #12C0C5 !important;
}

.text-green-light {
  color: #22D8DD !important;
}

.text-black {
  color: #000 !important;
}

.text-blue {
  color: #48B0F7 !important;
}

.text-blue-dark {
  color: #3A8FC8 !important;
}

a.text-blue,
a.text-blue-dark {
  text-decoration: none;
}

a.text-blue.text-underline,
a.text-blue-dark.text-underline {
  text-decoration: underline;
}

a.text-blue .arrow {
  border-color: #48B0F7;
}

a.text-blue-dark .arrow {
  border-color: #3A8FC8;
}

a.text-blue .arrow-down,
a.text-blue-dark .arrow-down {
  margin: 0 13px;
}

.text-grey {
  color: #B8B8B8 !important;
}

.text-yellow-light {
  color: #FFEDC3;
}

.text-strong {
  font-weight: 800 !important;
}

.text-underline {
  text-decoration: underline;
}

.text-italic {
  font-style: italic !important;
}

.d-block {
  display: block;
}

.bg-green {
  background: #0EA5A9 !important;
}

.bg-light-green {
  background: #12C0C5 !important;
}

.bg-green-img {
  position: relative;
  background: transparent;
  background-size: 50%;
  z-index: 2;
}

.bg-green-img .shell {
  position: relative;
  z-index: 10;
}

.bg-green-img:before {
  content: "";
  position: absolute;
  background: #12C0C5;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  z-index: 1;
}

.bg-green-img:after {
  content: "";
  position: absolute;
  background: url("../images/right-pattern@2x.png") no-repeat right center !important;
  background-size: 50%;
  display: block;
  width: 75%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1;
}

.bg-blue {
  background: #48B0F7 !important;
}

.bg-blue-dark {
  background: #3A8FC8 !important;
}

.bg-white {
  background: #FFFFFF !important;
}

.bg-light-blue {
  background: #EAF8FF
}

.bg-light-gradient {
  background: linear-gradient(to bottom, #FDFDFD, #FFFFFF) !important;
}

.bg-light-gradient-revert {
  background: linear-gradient(to bottom, #FFFFFF, #FDFDFD) !important;
}

.btn-danger {
  background: #FE8B7B;
  display: inline-block;
  border-bottom: 8px solid #F57C6B;
  padding: 12px 24px 13px;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-5 {
  margin-top: 32px !important;
  /* = 2 rem*/
}

.mb-5 {
  margin-bottom: 32px !important;
  /* = 2 rem*/
}

.mb-4 {
  margin-bottom: 24px !important;
  /* = 1.5 rem*/
}

.mt-4 {
  margin-top: 24px !important;
  /* = 1.5 rem*/
}

.mb-3 {
  margin-bottom: 16px !important;
  /* = 1 rem*/
}

.mt-3 {
  margin-top: 16px !important;
  /* = 1 rem*/
}

.pb-0 {
  padding-bottom: 0 !important;
}

@media (max-width: 1024px) {
  .padtop-mob-0 {
    padding-top: 0 !important;
  }

  .padbottom-mob-0 {
    padding-bottom: 0 !important;
  }

  .padtop-mob-50 {
    padding-top: 50px !important;
  }

  .padbottom-mob-50 {
    padding-bottom: 50px !important;
  }

  .padtop-mob-200 {
    padding-top: 200px !important;
  }

  .padbottom-mob-200 {
    padding-bottom: 200px !important;
  }
}

/*badge rating styles*/
.rplg .rplg-url {
  font-family: "Helvetica" !important;
  font-size: 18px !important;
  color: #3A8FC8 !important;
  line-height: 26px !important;
  position: relative;
  text-decoration: none !important;
  margin: 21px 0 43px !important;
}

.rplg .rplg-url:after {
  content: "";
  border: solid #3A8FC8;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: translateY(-25%) rotate(45deg);
  -webkit-transform: translateY(-25%) rotate(45deg);
  margin: 0 13px;
}

.badge {
  display: block;
  width: 100%;
  height: 100%;
}

.badge .rplg {
  max-width: 100%;
  width: 100%;
  height: 100%;

}

.badge.badge-inline .rplg {
  max-width: 568px;
  margin: 0 auto;
}

.badge.badge-excellent .rplg {
  position: relative;
}

.badge.badge-excellent:before {
  content: "";
  position: absolute;
  left: 4px;
  top: -15px;
  !important;
  width: 146px;
  height: 88px;
  background: url("../images/excellent.svg") no-repeat 0 0;
  z-index: 1;
}

.badge .rplg .rplg-badge2 {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2) !important;
  border-radius: 5px !important;
  background: #fff !important;
}

.badge .rplg .rplg-badge2 .rplg-badge2-border {
  display: none;
}

.badge .rplg-badge2 .rplg-badge2-btn {
  display: flex;
  flex-direction: column;
  padding: 36px 35px 42px 35px !important;
  background: transparent !important;
}

.badge.badge-inline .rplg-badge2 .rplg-badge2-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 392px;
  height: 200px;
  margin: 0 auto;
  padding: 0 15px !important;
}

.badge.badge-inline .rplg-badge2 .rplg-badge2-btn:hover {
  background: transparent !important;
  cursor: pointer;
}

.badge .rplg-badge2 .rplg-badge2-btn>svg,
.badge .rplg-badge2 .rplg-badge2-btn img {
  width: 66px !important;
  height: 66px !important;
  margin-bottom: 22px;
}

.badge.badge-inline .rplg-badge2 .rplg-badge2-btn>svg,
.badge.badge-inline .rplg-badge2 .rplg-badge2-btn img {
  width: 135px !important;
  height: 135px !important;
  margin-bottom: 0;
}

.badge .rplg .rplg-badge2 .rplg-badge2-score {
  margin: 66px 0 0 !important;
  position: relative;
}

.badge.badge-inline .rplg .rplg-badge2 .rplg-badge2-score {
  margin: 0 0 0 24px !important;
}

.badge .rplg .rplg-badge2 .rplg-badge2-score>div {
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 22px !important;
  font-family: "Helvetica Neue", sans-serif !important;
  color: #585858 !important;

}

.badge.badge-inline .rplg .rplg-biz-rating .rplg-biz-score,
.badge.badge-inline .rplg .rplg-badge2 .rplg-biz-rating>div {
  color: #FE8B7B !important;
}

.badge.badge-inline .rplg .rplg-badge2 .rplg-badge2-score .rplg-stars svg>path,
.badge.badge-inline .rplg .rplg-badge2 .rplg-badge2-score .rplg-stars svg>path {
  fill: #FE8B7B;
}

.badge.badge-inline .rplg .rplg-badge2 .rplg-badge2-score>div {
  color: #A0A0A0 !important;
  font-weight: normal !important;
}

.badge .rplg .rplg-badge2 .rplg-badge2-score .rplg-biz-based {
  font-size: 14px !important;
  color: #A0A0A0 !important;
}

.badge.badge-inline .rplg .rplg-badge2 .rplg-badge2-score .rplg-biz-based {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #585858 !important;
}

.badge.badge-inline .rplg .rplg-badge2 .rplg-biz-rating {
  position: inherit;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0;
}

.badge .rplg .rplg-badge2 .rplg-biz-rating {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: -50px;
}

.badge .rplg .rplg-badge2 .rplg-biz-rating>div {
  font-size: 32px !important;
  font-family: "Helvetica Neue", sans-serif !important;
}

@media (max-width: 768px) {

  .badge,
  .badge.badge-inline {
    max-width: 305px;
    max-height: 280px;
    min-height: 280px;
    margin: 0 auto 16px !important;
  }

  .badge.badge-inline .rplg-badge2 .rplg-badge2-btn {
    max-width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 36px 35px 42px 35px !important;
  }

  .badge.badge-inline .rplg-badge2 .rplg-badge-cnt {
    width: 100%;
    height: 100%;
  }

  .badge.badge-inline .rplg-badge2 .rplg-badge2-btn svg,
  .badge.badge-inline .rplg-badge2 .rplg-badge2-btn img {
    margin-bottom: 22px;
  }

  .badge.badge-inline .rplg .rplg-badge2 .rplg-badge2-score {
    width: 100%;
    margin: 0 auto !important;
  }
}

/*end of badge rating styles*/
.wp-block-button {
  margin-top: 0 !important;
  margin-bottom: 30px !important;
}

.home .list-steps li::before,
.page-template-home-new .list-steps li::before,
.list-steps li:before {
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent
}

.article-simple,
.articles,
.gform_fields.top_label li,
.list-steps,
.page-template-default .section-copy ul li,
.paging ul,
.question ul li,
.questions,
.section-comments ol,
.section-comments ul,
.steps,
.widget ul,
.widgets,
[class^=list-],
footer.footer .footer-list-center ul li,
nav ol,
nav ul {
  list-style: none
}

.page-template .gform_fields {
  padding-left: 0;
}

.page-template ul.gform_fields li {
  margin-bottom: 0;
}

.page-template ul.gform_fields>li input,
.page-template form input {
  margin: 8px 0;
}

.widget_calendar table,
table {
  border-spacing: 0;
  border-collapse: collapse
}

@font-face {
  font-family: Conv_DINOT-CondBlack;
  src: url(../fonts/DINOT-CondBlack.eot);
  src: url(../fonts/DINOT-CondBlack.woff) format("woff"), url(../fonts/DINOT-CondBlack.ttf) format("truetype"), url(fonts/DINOT-CondBlack.svg) format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: Conv_Lora-BoldItalic;
  src: url(../fonts/Lora-BoldItalic.eot);
  src: local("☺"), url(../fonts/Lora-BoldItalic.woff) format("woff"), url(../fonts/Lora-BoldItalic.ttf) format("truetype"), url(../fonts/Lora-BoldItalic.svg) format("svg");
  font-weight: 400;
  font-style: normal
}

/*.home .header .shell {*/
/*    padding: 0;*/
/*    max-width: 100%*/
/*}*/

.home h5 {
  font-family: "Work Sans", sans-serif
}

body {
  overflow-x: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none
}

.capitalize {
  text-transform: capitalize !important;
}

.uppercase {
  text-transform: uppercase !important;
}

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

.text-cursive {
  font-style: italic !important;
}

.display-table {
  display: table !important;
}

.display-table-cell {
  display: table-cell !important;
}

.vertical-middle {
  vertical-align: middle;
}

.width-100 {
  width: 100% !important;
}

.height-100 {
  height: 100% !important;
}

.header {
  padding: 0;
  background: #FFFFFF;
  height: 114px;
  z-index: 170;
  margin: 0 auto;
  width: 100%;
  position: fixed;
  filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.12));
  top: 0;
  left: 0;
  right: 0;
}

.header .shell {
  width: 100%;
  height: 100%;
}

.header .shell .header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-right: 0;
  padding-left: 0;
}

ul.check-list,
.check-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
}

.page-template-home .section.section-bottom-signin .justify-content-center .check-list {
  margin: 50px 0;
}

ul.check-list li,
.check-list li {
  padding-left: 36px;
  position: relative;
  margin-bottom: 32px;
}

/* .check-list ul li:nth-child(4),
.check-list ul li:nth-child(5),
.check-list ul li:nth-child(6) {
  margin-bottom: 0;
} */

ul.check-list li:before,
.check-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  transform: translateY(-50%);
  background: url(/wp-content/themes/traffic-school/images/check.png) no-repeat center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-weight: 700;
  width: 19px;
  height: 14px;
  display: block;
}

.improve-list ul.check-list li,
.improve-list .check-list li {
  position: relative;
  display: inline-block;
  align-items: center;
  margin-bottom: 16px;
}

.improve-list ul.check-list li:before,
.improve-list .check-list li:before {
  content: "";
  position: absolute;
  left: 0;
  transform: translateY(-50%);
  background: url(/wp-content/themes/traffic-school/images/check.png) no-repeat center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-weight: 700;
  width: 19px;
  height: 14px;
  display: block;
  flex-shrink: 0;
  margin-top: 3px;
}

.improve-list li p.text-white {
  margin: auto !important;
}

ul ul.check-list.check-list--blue,
ul.check-list.check-list--blue {
  list-style-type: none !important;
}

ul.check-list.ckeck-list--blue li:before {
  background: url(/wp-content/themes/traffic-school/images/check-blue.svg) no-repeat center;
  background-size: contain;
}

.home .header {
  padding: 0
}

.page-template-home-new .header {
  padding: 0
}

.home .header .header__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 0;
  padding-left: 0;
}

.home .logo-bg {
  /*background: #48b0f7;*/
  height: auto;
  /*padding-top: 36px;*/
  /*padding-bottom: 18px;*/
  /*padding-left: 8.3vw;*/
  /*width: 50%;*/
}

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

.logo-bg a {
  color: #48B0F7;
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 24px;
  font-family: Conv_DINOT-CondBlack, Sans-Serif;
  text-decoration: #ffdead;
  margin: auto 0;
  padding: 0px 5px;
}

/*.home .logo-bg a {*/
/*  color: white;*/
/*}*/

.home .header-links {
  /*padding-right: 8.3vw;*/
  /*width: 50%;*/
  position: static;
}

.page-template-home-new .nav {
  text-align: right;
  color: #3a8fc8;
  font-weight: 600;
  font-size: 17px
}

.form-error {
  font-size: 12px !important;
  color: red !important;
  display: inline-block;
  width: 100%;
  vertical-align: top
}

.home .nav li:not(.sign-up) a:not(.btn):after {
  display: none;
}

.list-steps {
  counter-reset: li
}

.grw-slider .rplg-slider-next span,
.grw-slider .rplg-slider-prev span {
  top: 41% !important;
  left: 39% !important
}

.home .section--secondary {
  padding: 0
}

.home .section__content h2 {
  color: #fff;
  text-transform: initial;
  letter-spacing: 0 !important;
  margin-bottom: 64px
}

.home .section .section__inner {
  display: -ms-flexbox;
  display: flex
}

.home .banner-body {
  background: #48b0f7;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: start;
  padding: 0 0 0 8.3vw
}

.home .section__content p {
  color: #fff;
  margin-bottom: 22px
}

.top-banner-title {
  color: #fff;
  padding-bottom: 36px
}

.top-banner-content {
  display: -ms-flexbox;
  display: flex
}

.home .top-banner-content p {
  margin-bottom: 18px !important;
}

.home .section__content img {
  margin: 0 18px 0 0
}


.home .banner-left-bottom h4,
.license h4 {
  color: #404040;
  margin: 0;
  font-weight: 300;
}

.home .banner-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}


.home .banner-form input {
  color: #4a4a4a;
  border: 2px solid #d0d0d0;
  background: #fff;
  margin: 8px 0;
  width: 100%;
  padding: 0 10px;
  font-family: Roboto, sans-serif !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1) !important;
}

/*.home .banner-form input[type=password] {
  background: url(../images/password-lock.png) right 10px center no-repeat #fff
}*/

.home .banner-form input::-webkit-input-placeholder,
.page-template-home-new .banner-form input::-webkit-input-placeholder,
.traffic-landing .banner-form input::-webkit-input-placeholder {
  color: #d0d0d0;
}

.home .banner-form input:-ms-input-placeholder,
.page-template-home-new .banner-form input:-ms-input-placeholder,
.traffic-landing .banner-form input::-ms-input-placeholder {
  color: #d0d0d0;
}

.home .banner-form input::placeholder,
.page-template-home-new .banner-form input::placeholder,
.traffic-landing .banner-form input::placeholder {
  color: #d0d0d0;
}

.home .pwd-input,
.page-template-home-new .pwd-input {
  position: relative;
  width: 100%;
}

.home .banner-form .sub-btn,
.page-template-home-new .banner-form .sub-btn,
.home .banner-form input,
.page-template-home-new .banner-form input {
  font-size: 18px;
  line-height: 21px;
  height: 48px;
}

.home .pwd-input img,
.page-template-home-new .pwd-input img {
  position: absolute;
  right: 10px;
  top: 32px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 !important;
}

.home .banner-form .sub-btn,
.page-template-home-new .banner-form .sub-btn {
  color: #fff;
  border: 1px solid #fe8b7b;
  background: #fe8b7b;
  font-weight: 900;
  font-family: "Work Sans", sans-serif !important;
  -webkit-appearance: button
}

.home .read-text a,
.page-template-home-new .read-text a {
  font-weight: 300
}

.home .link-text,
.page-template-home-new .link-text {
  text-align: center;
  margin-top: 10px;
  font-style: normal;
}

.home .banner-form,
.page-template-home-new .banner-form {
  font-size: 17px;
  line-height: 23px;
  color: #585858;
  font-style: italic;
  text-decoration: none;
  font-family: "Lora", sans-serif;
  display: block;
  font-weight: lighter;
}

.home .box .box__title,
.page-template-home-new .box .box__title,
.home .box__title,
.page-template-home-new .box__title,
.home .list-steps li::before,
.page-template-home-new .list-steps li::before {
  font-family: "Work Sans", sans-serif;
}

.home .box .box__subtitle,
.page-template-home-new .box .box__subtitle,
.home .box__subtitle,
.page-template-home-new .box__subtitle {
  font-family: "Lora", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  margin-top: 24px;
  margin-bottom: 163px;
  color: #FFFFFF;
}

.home .section__body.banner-right::after,
.page-template-home-new .section__body.banner-right::after {
  content: "";
  position: absolute;
  background: url(../images/Car-graphic_v3@2x.png) no-repeat center right;
  bottom: 75px;
  height: 123px;
  left: -83px;
  width: 100%;
  z-index: -1;
}

.center-course-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.top-course-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.top-padding .row-flex {
  padding-top: 50px;
}

.center-course-container .course-panel:before {
  display: block;
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 16px;
  background: url(/wp-content/themes/traffic-school/images/Palm-trees-Hero-Left.png) no-repeat bottom right;
  background-size: 36%;
  transform: translateX(-102%);
  z-index: 1;
}

.center-course-container .course-panel:after {
  display: block;
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  z-index: 1;
  bottom: 16px;
  background: url(/wp-content/themes/traffic-school/images/Palm-trees-Hero-Right.png) no-repeat bottom left;
  background-size: 36%;
  transform: translateX(39%);
}

.center-course-container .course-panel h1,
.top-course-container .course-panel h1 {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #3A8FC8;
  margin-bottom: 32px;
}

.center-course-container .course-panel ul.signin-pros,
.top-course-container .course-panel ul.signin-pros {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 35px;
}

.center-course-container .course-panel ul.signin-pros li,
.top-course-container .course-panel ul.signin-pros li {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400 !important;
  font-size: 15px;
  line-height: 18px;
  color: #585858;
}

.center-course-container .course-panel ul.signin-pros li:before,
.top-course-container .course-panel ul.signin-pros li:before {
  margin-right: 10px;
  position: relative;
  top: 2px;
}

.rplg-slider .rplg-slider-review {
  /* margin-top: 24px !important;
    margin-bottom: 20px !important; */
  margin-top: 0 !important;
}

.page-template-default .rplgsw-container-horizontal>.rplgsw-pagination-bullets {
  position: relative;
}

.slider-testimonials-wrap {
  padding-bottom: 84px;
}

.home .slide-ryt-text,
.page-template-home-new .slide-ryt-text {
  background: #ffc25f;
  font-weight: 400
}

.home .slide-ryt-text h2,
.page-template-home-new .slide-ryt-text h2 {
  color: #fff;
  text-transform: capitalize
}

.home .slide-ryt-text,
.page-template-home-new .slide-ryt-text {
  color: #585858
}

.home .section-steps,
.page-template-home-new .section-steps {
  padding: 0
}

.home .section-steps .section__inner,
.page-template-home-new .section-steps .section__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0
}

.home .contact-form-home,
.page-template-home-new .contact-form-home {
  padding-top: 0;
  padding-bottom: 120px;
  max-width: 1080px
}

.home .slide-content,
.page-template-home-new .slide-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  max-width: 100%
}

.home .box,
.page-template-home-new .box {
  color: #3a8fc8;
  margin-right: 50px;
  border-radius: 5px;
  padding: 0;
  background: 0 0;
}

.home .box .box__title {
  margin-bottom: 90px;
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
}

.home .box__title,
.home .slide-content h2 {
  color: #FFD6D4;
}

.home .box .box__actions,
.page-template-home-new .box .box__actions {
  text-align: left;
}

.home .box__title,
.page-template-home-new .box__title {
  font-size: 48px;
  line-height: 57px;
  font-weight: 600;
  text-transform: initial !important
}

.home .section-steps .section__content,
.page-template-home-new .section-steps .section__content {
  padding-left: 75px;
  padding-top: 4px;
  padding-right: 20px
}

.home .list-steps li,
.page-template-home-new .list-steps li {
  counter-increment: li;
  padding-left: 64px;
  position: relative;
  padding-top: 0;
  margin-bottom: 48px
}

.home .list-steps li:last-child,
.page-template-home-new .list-steps li:last-child {
  margin-bottom: 0
}

.home .right-steps,
.page-template-home-new .right-steps {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start
}

.home .list-steps li::before,
.page-template-home-new .list-steps li::before {
  content: counter(li);
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  background-clip: text;
  -webkit-background-clip: text;
  z-index: 1;
}

.home .list-steps li p,
.page-template-home-new .list-steps li p {
  padding-right: 60px;
  margin: 0;
  line-height: 21px;
}

.home .list-steps li p {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #FFFFFF;
}

.home .list-steps li::after,
.page-template-home-new .list-steps li::after {
  background: #FFD6D4;
}

.home .list-steps li::after,
.page-template-home-new .list-steps li::after,
.home .list-steps li::before,
.page-template-home-new .list-steps li::before {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 0;
  border-radius: 50%;
  top: -6px;
  box-shadow: none;
  color: #0EA5A9;
}

.home .question-panel {
  border-top: 2px solid rgba(255, 255, 255, .5);
  border-bottom: 2px solid rgba(255, 255, 255, .5);
  margin-top: 80px;
}

.home .question-text,
.page-template-home-new .question-text {
  padding: 33px 0px 33px 85px;
}

.home .question-text p {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 23px;
  margin-bottom: 16px;
}

.home .question-text a,
.page-template-home-new .question-text a {
  font-family: "lora", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  text-decoration-line: underline;
  color: #FFFFFF;
  display: inline-flex;
  align-items: flex-end;
  margin-bottom: 16px;
}

.home .question-text a:last-child {
  margin-bottom: 0;
}

.home .question-text a span,
.page-template-home-new .question-text a span {
  text-decoration: underline;
  color: #404040;
}

.home .question-text img,
.page-template-home-new .question-text img {
  margin-left: 11px !important;
}

.home .table-left,
.page-template-home-new .table-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  height: 100%;
  padding: 15px 0 0 45px;
}

.home .cost-bottom {
  padding-top: 40px;
}

.home .cost-bottom p a {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-end;
  font-family: "Lora";
  font-size: 17px;
  line-height: 23px;
  font-style: italic;
}

.home .cost-bottom p a img {
  margin-left: 10px;
}

.home .section-signup aside.section__aside__table,
.page-template-home-new .section-signup aside.section__aside__table,
.home table.table-bordered.sign-up-table,
.page-template-home-new table.table-bordered.sign-up-table {
  margin: 0
}

.home .pay-text,
.page-template-home-new .pay-text {
  margin-top: auto
}

.home .pay-text img,
.page-template-home-new .pay-text img {
  margin-bottom: 18px
}

.home .pay-text p,
.page-template-home-new .pay-text p {
  color: #a0a0a0
}

.home .sign-up-table thead,
.page-template-home-new .sign-up-table thead {
  background: 0 0;
  color: #585858;
  font-size: 17px;
  line-height: 23px
}

.home .sign-up-table tr td:nth-child(1),
.page-template-home-new .sign-up-table tr td:nth-child(1) {
  text-align: left;
  line-height: 23px;
  padding: 24px 0
}

.home .sign-up-table h3,
.page-template-home-new .sign-up-table h3 {
  text-transform: none;
}

.footer h4,
footer.footer .top-footer-text {
  text-align: center
}

.footer .top-footer-text h2 {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #48B0F7;
}

.footer .top-footer-text p {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #48B0F7;
  margin-bottom: 0px;
}

.footer .top-footer-text p>a {
  text-decoration: none;
}

.home table.table-bordered.sign-up-table tr .price,
.page-template-home-new table.table-bordered.sign-up-table tr .price {
  background: #eff9ff;
  color: #48b0f7
}

.home .sign-up-table tr td:nth-child(2),
.page-template-home-new .sign-up-table tr td:nth-child(2) {
  font-weight: 700
}

.home .sign-up-table tr td,
.page-template-home-new .sign-up-table tr td {
  font-family: Roboto, sans-serif !important;
  font-size: 18px;
  line-height: 21px;
  font-weight: 600
}

.home .sign-up-table tr td:nth-child(3),
.page-template-home-new .sign-up-table tr td:nth-child(3) {
  font-weight: 400
}

.sign-up-table thead th:nth-child(2),
.page-template-home-new-up-table thead th:nth-child(2) {
  background: #eff9ff
}

.home .sign-up-table tr th,
.page-template-home-new .sign-up-table tr th {
  color: #585858;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  font-family: "Work Sans", sans-serif
}

.home tr td,
.page-template-home-new tr td,
.home tr th,
.page-template-home-new tr th {
  border-bottom: 1px solid #BABABA;
}

.home .signup-content,
.page-template-home-new .signup-content {
  background: #48b0f7;
  padding: 144px 0 84px
}

.home .section-signup .slide-content .table-left-text h2,
.page-template-home-new .section-signup .slide-content .table-left-text h2 {
  color: #48b0f7;
  line-height: 1.3;
}

.home h2.gform_title,
.page-template-home-new h2.gform_title {
  margin-bottom: 24px;
}

.home .slide-content span,
.page-template-home-new .slide-content span {
  font-size: 18px;
  line-height: 21px;
  color: #fff;
  font-weight: 400;
}

.home #ReviewsWidget span,
.page-template-home-new #ReviewsWidget span {
  color: #fe8b7b;
}

footer.footer .footer-list-center ul li a,
h1 {
  font-family: "Work Sans", sans-serif
}

.home .accept-text,
.page-template-home-new .accept-text {
  margin: 80px 0 0;
  text-align: center
}

.home .accept-text a,
.page-template-home-new .accept-text a,
.home .accept-text,
.page-template-home-new .accept-text {
  color: #404040;
  text-decoration: none
}

.how-btn {
  margin-top: 0 !important;
}

.container-holder {
  overflow: hidden;
  background: white;
}

.container-holder .orange-box {
  /* background: #FCB60C;
    padding: 0 15px 9999px 9999px;
    margin: 0 -15px -9999px -9999px;
    height: 100%; */
}

@media screen and (min-width: 992px) {
  .orange-linear-bg {
    background: linear-gradient(to right, #fcb60c 0%, #fcb60c 55.5%, #ffffff 55.5%, #ffffff 100%);
  }

}

.container-holder .over-orange-box {
  background: #FCB60C;
}

body.page-template-how-it-works-new .section-copy,
body.page-template-how-it-works-new p {
  font-family: "Lora", serif;
}

body.page-template-how-it-works-new .section-copy p {
  line-height: 31px;
}

body.page-template-how-it-works-new .section__head {
  padding-top: 96px;
  padding-bottom: 40px;
  background-color: #48B0F7;
  background-image: url('../images/header-left.png'), url('../images/header-right.png');
  background-position: left center, right center;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
}

.section__head .section__head__subtitle {
  font-family: 'Roboto';
  font-size: 18px;
  line-height: 21px;
  color: #ffffff;
  margin-bottom: 8px;
}

.section__head .section__head__subtitle--light {
  font-weight: normal;
}

body.page-template-how-it-works-new .section__head h1,
body.page-template-how-it-works-new .section__head p {
  color: white;
}

body.page-template-how-it-works-new .section__head h1 {
  margin-bottom: 32px;
}

body.page-template-how-it-works-new .section__head p {
  margin-bottom: 8px;
}

body.page-template-how-it-works-new .section__head .licensed {
  margin-top: 40px;
}

body.page-template-how-it-works-new .section__head .licensed h5 {
  color: #404040;
  margin-top: 0;
  margin-bottom: 0;
}

body.page-template-how-it-works-new .section__head .licensed.licensed-mobile {
  display: none;
}

body.page-template-how-it-works-new .over-orange-box {
  padding-top: 60px;
  padding-bottom: 60px;
}

body.page-template-how-it-works-new .over-orange-box h2 {
  color: #ffedc3;
  margin-bottom: 32px;
}

body.page-template-how-it-works-new .over-orange-box p {
  color: #404040;
  line-height: 31px;
}

body.page-template-how-it-works-new .yelp-reviews {
  display: flex;
  align-items: center;
  justify-content: center;
}

body.page-template-how-it-works-new .yelp-review {
  margin: 0 auto;
}

body.page-template-how-it-works-new .yelp-reviews .review-header {
  display: none;
}

body.page-template-how-it-works-new ul.steps {
  margin-top: 60px;
  margin-bottom: 0;
}

body.page-template-how-it-works-new ul.steps h3 {
  color: #48B0F7;
  margin-bottom: 30px;
  font-size: 48px;
  line-height: 57px;
  text-transform: none;
}

body.page-template-how-it-works-new ul.steps h2 {
  font-weight: 300;
  color: #a0a0a0;
  margin-bottom: 8px;
  text-transform: none;
}

body.page-template-how-it-works-new ul.steps p {
  margin-bottom: 20px;
}

body.page-template-how-it-works-new ul.steps ol {
  list-style: none;
  margin-left: 0;
  color: #3A8FC8;
  font-weight: bold;
  font-style: italic;
  padding-left: 24px;
}

body.page-template-how-it-works-new ul.steps ol li {
  counter-increment: custom;
  margin-bottom: 20px;
  padding-left: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}

body.page-template-how-it-works-new ul.steps ol li:before {
  content: counter(custom) " ";
  border-radius: 100%;
  border: 2px solid #3A8FC8;
  width: 36px;
  height: 36px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  margin-right: 12px;
  font-family: "Work Sans", sans-serif;
  font-style: normal;
  font-size: 20px;
  position: absolute;
  left: -25px;
  top: -5px;
}

body.page-template-how-it-works-new ul.steps ol li:first-child {
  counter-reset: custom;
}

body.page-template-how-it-works-new ul.steps ul {
  list-style-type: disc;
  margin-left: 24px;
  font-style: italic;
}

body.page-template-how-it-works-new ul.steps li.step {
  margin-bottom: 60px;
}

body.page-template-how-it-works-new ul.steps li.step.step-4 {
  margin-bottom: 60px;
}

body.page-template-how-it-works-new ul.steps li.step.step-5 {
  padding-top: 60px;
  padding-bottom: 60px;
  margin-bottom: 0;
  background-image: linear-gradient(180deg, #FDFDFD 0%, #FFFFFF 100%);
}

body.page-template-how-it-works-new .step-two-inner-img {
  margin-bottom: 48px;
}

body.page-template-how-it-works-new .step-two-inner-img img {
  margin-top: 0;
  margin-bottom: 24px;
}

body.page-template-how-it-works-new ul.steps .step-two-inner-img h3 {
  text-transform: none;
  text-align: center;
  color: #585858;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0;
}

body.page-template-how-it-works-new hr {
  border-color: #b8b8b8;
  border-top-width: 0;
  margin-bottom: 48px;
}

body.page-template-how-it-works-new ul.steps a {
  color: #3a8fc8;
  font-style: italic;
}

body.page-template-how-it-works-new mark {
  background-color: #fdf8eb;
}

body.page-template-how-it-works-new .step-one-img {
  margin-top: 16px;
  margin-bottom: 0;
}

body.page-template-how-it-works-new .step-two-img {
  margin-bottom: 0;
}

body.page-template-how-it-works-new .step-three-modules {
  margin-top: 32px;
  margin-bottom: 0;
}

body.page-template-how-it-works-new .step-three-modules.step-three-modules-desktop {
  margin-bottom: 32px;
}

body.page-template-how-it-works-new .step-three-modules.step-three-modules-mobile {
  display: none;
}

body.page-template-how-it-works-new .step-three-modules .step-three-module {
  margin-bottom: 8px;
}

body.page-template-how-it-works-new .step-three-modules h4 {
  text-transform: none;
  color: #0ea5a9;
  margin-bottom: 8px;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}

body.page-template-how-it-works-new .step-three-modules p {
  margin-bottom: 0;
}

.step-four-pricetag-desktop {
  display: none;
}

body.page-template-how-it-works-new .step-four-modules .left-box {
  display: inline-block;
  width: 35px;
  margin-right: 16px;
}

body.page-template-how-it-works-new .step-four-modules .right-box {
  display: inline-block;
  width: calc(100% - 51px);
}

body.page-template-how-it-works-new .step-four-modules h4 {
  text-transform: none;
  color: #585858;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}

body.page-template-how-it-works-new .step-four-modules .step-four-module {
  margin-bottom: 25px;
  display: flex;
  align-items: start;
}

body.page-template-how-it-works-new .step-four-modules .step-four-module.step-four-module-left {}

body.page-template-how-it-works-new .testimonials {
  margin-top: 60px;
  margin-bottom: 60px;
}

body.page-template-how-it-works-new .testimonials h2 {
  text-align: center;
  color: #12c0c5;
  text-transform: none;
}

body.page-template-how-it-works-new .testimonials-slider {
  margin-bottom: 60px;
}

body.page-template-how-it-works-new .getting-started {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #48B0F7;
  color: white;
  text-align: center;
}

body.page-template-how-it-works-new .getting-started h2 {
  margin-bottom: 32px;
  font-size: 48px;
  line-height: 57px;
  text-transform: none;
}

body.page-template-how-it-works-new .getting-started p {
  margin-bottom: 48px;
  font-family: "Roboto", sans-serif;
}

body.page-template-how-it-works-new .getting-started button {
  color: #fff;
  border: 1px solid #fe8b7b;
  background: #fe8b7b;
  font-weight: 600;
  font-family: "Work Sans", sans-serif !important;
  -webkit-appearance: button;
  width: 100%;
  height: 48px;
  padding: 0 10px;
  text-transform: uppercase;
}

body.page-template-how-it-works-new .questions {
  background-color: #3A8FC8;
  color: white;
  padding-top: 30px;
  padding-bottom: 30px;
}

body.page-template-how-it-works-new .questions img {
  width: 70px;
}

body.page-template-how-it-works-new .questions h3 {
  margin-bottom: 10px;
}

body.page-template-how-it-works-new .questions h5 {
  color: white;
  margin-top: 0;
  margin-bottom: 0;
}

body.page-template-how-it-works-new .footer,
body.page-template-how-it-works-new .footer p {
  font-family: "Open Sans", Helvetica, sans-serif;
}

body.page-template-how-it-works-new .bold-underline {
  position: relative;
}

body.page-template-how-it-works-new .bold-underline:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 12px;
  border-bottom: 12px solid #ffd6d4;
}

:root {
  /* The intrinsic width of the underline stroke (in pixels). This is 
   * the same as the height of the cap images. Don't specify the
   * units! This is because of some of the calculations we do later on. */
  --underline-intrinsic-width: 24;

  /* The actual width of the underline stroke we want to render (in pixels).
   * You can modify this, and the sizing and positioning should be calculated
   * accordingly. Again, Don't specify the units! */
  --underline-width: 12;

  /* The colour used to draw the underline. It should match the colour
   * used in the cap images... unfortunately we can't modify the SVG
   * fill via CSS because it's a background image. */
  --underline-color-pink: #FFD6D4;

  --underline-color-yellow: #fcb60c;

  /* We need to know the width of the cap images so that we
   * can position everything on the x axis accordingly. */
  --underline-cap-width: -4px;

  /* The border is positioned relative to the bottom of the line.
   * We can move it upwards a little to create an overlap effect. */
  --underline-offset-y: -4px;

  /* The padding to add to the x axis. By default, the caps would be
   * aligned with the beginning and end of the line. */
  --underline-padding-x: 0.12em;
}

.heading {
  display: inline;
  --underline-width-scale: calc(var(--underline-width) / var(--underline-intrinsic-width));
  box-decoration-break: clone;
  background-repeat: no-repeat;
  background-position-x:
    calc(var(--underline-cap-width) * var(--underline-width-scale)),
    0,
    100%;
  background-position-y: calc(100% - var(--underline-offset-y) * -1);
  background-size:
    calc(100% - calc(var(--underline-cap-width) * var(--underline-width-scale) * 2)) calc(var(--underline-width) * 1px),
    auto calc(var(--underline-width) * 1px),
    auto calc(var(--underline-width) * 1px);
}

.heading--1 {
  background-image:
    linear-gradient(180deg, var(--underline-color-pink), var(--underline-color-pink));
}

.heading--2 {
  background-image:
    linear-gradient(180deg, var(--underline-color-yellow), var(--underline-color-yellow));
}

.stoplight img {
  width: 128.5px;
}

.footer {
  background: #585858;
  color: #fff;
  padding: 20px 0px;
  letter-spacing: -.01em
}

.footer .slide-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  max-width: 100%
}

footer.footer .slide-content.inner-spacing {
  padding: 0 35px
}

footer.footer .top-footer-text img {
  width: 100px;
  max-width: 100%;
  margin-bottom: 24px
}

.footer h3 {
  margin: 0
}

footer.footer .footer-list-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 100%
}

footer.footer .footer-list-center ul {
  padding: 0;
  margin: 0;
  text-align: left
}

footer.footer .footer-list-center ul li a {
  font-size: 17px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0;
  line-height: 40px
}

footer.footer .contact-top-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  align-items: start !important;
  text-align: left;
  margin: 0 auto
}

footer.footer .contact-top-text h3 {
  color: #fff;
  text-transform: uppercase !important;
  margin-bottom: 10px
}

footer.footer .link-img img {
  margin-right: 8px
}

footer.footer .link-img {
  display: -ms-flexbox;
  display: flex
}

footer.footer .contant-text {
  margin-top: 15px;
  margin-left: 2px
}

footer.footer .contant-text h3 {
  color: #48b0f7;
  margin: 0
}

footer.footer .contant-text h3 span {
  font-weight: 300;
  color: #48b0f7;
  margin: 0;
  text-transform: capitalize
}

footer.footer .terms-content h5 {
  color: #dfdfdf !important;
  text-align: right;
  padding: 7px 0
}

footer.footer .shell .phone-link {
  cursor: pointer;
}

.home .signup-content .banner-form {
  width: 90%;
}

.home .list-steps.big-steps li {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 31px;
  color: #FFFFFF;
  padding-left: 74px;
  padding-top: 31.5px;
  padding-bottom: 32.5px;
  margin-bottom: 0;
  mix-blend-mode: normal;
  border-bottom: 2px solid rgba(255, 255, 255, .5);
}

.home .list-steps.big-steps li:first-child {
  border-top: 2px solid rgba(255, 255, 255, .5);
}

.home .list-steps.big-steps li:before,
.home .list-steps.big-steps li:after {
  width: 48px !important;
  height: 48px !important;
  top: 20px;
}

.home .list-steps.big-steps li:before {
  font-size: 32px;
  font-weight: 800;
  line-height: 47px;
}

.home .list-steps h3 {
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 23px;
  color: #FFD6D4;
  margin: 0;
  text-transform: inherit;
}

.home .sign-up-table td {
  padding: 20px 0
}

.home .accept-text img {
  margin: 0 18px
}

.home .top-sign-text p {
  color: #fff;
  margin-bottom: 15px;
  display: block;
  text-align: center
}

.home .top-sign-text a {
  color: #fff;
  font-size: 17px;
  line-height: 23px;
  margin-bottom: 15px;
  font-family: Lora, serif;
  display: block;
  font-style: italic
}

.read-text {
  text-align: center
}

.read-text a {
  color: #3a8fc8;
  font-size: 15px;
  line-height: 18px;
  font-family: Roboto, sans-serif !important;
  text-transform: capitalize;
  font-style: italic
}

.table-left h2 {
  color: #48b0f7;
  text-transform: capitalize;
  text-decoration: none;
  position: relative;
  margin: 0;
  display: inline-block
}

.table-left h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 12px;
  border-bottom: 12px solid #ffd6d4
}

.sign-up-table td:nth-child(1),
.sign-up-table th:nth-child(1) {
  text-align: left
}

.home .sign-up-table th:nth-child(1) {
  font-family: Lora, serif !important;
  font-size: 17px !important;
  line-height: 23px !important
}

.home .sign-up-table th:nth-child(1) h4 {
  font-weight: bold;
}

.home .sign-up-table th h3 {
  color: #585858
}

.side-spacing {
  width: 90%;
  margin: 0 auto
}

.spacing-content {
  padding: 120px 0
}

.banner-left-bottom img {
  margin-right: 18px !important
}

.mobile-new {
  display: none
}

.list-steps h3 {
  margin-bottom: 8px !important
}

.banner-form .gfield_label {
  display: none !important
}

.gform_wrapper .gform_footer {
  margin: 0 !important
}

.footer-list-center .menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.footer-list-center .menu li {
  width: 50%
}

.footer-list-center .menu li:nth-child(1) {
  -ms-flex-order: 1;
  order: 1
}

.footer-list-center .menu li:nth-child(3) {
  -ms-flex-order: 5;
  order: 5
}

.footer-list-center .menu li:nth-child(5) {
  -ms-flex-order: 4;
  order: 4
}

.footer-list-center .menu li:nth-child(2) {
  -ms-flex-order: 3;
  order: 3
}

.footer-list-center .menu li:nth-child(4) {
  -ms-flex-order: 2;
  order: 2
}

.footer-list-center .menu li:nth-child(6) {
  -ms-flex-order: 6;
  order: 6
}

.home .section--testimonials,
.page-template-home-new .section--testimonials {
  padding: 0
}

.section-articles .section__title {
  font-size: 48px;
  color: #fff;
  margin-bottom: 32px
}

.page-template-about .section__inner {
  padding-right: 15px;
  padding-left: 15px;
}

.page-template-about .section .section__title {
  margin-bottom: 30px;
}

.page-template-about .list-values {
  padding-right: 15px;
  padding-left: 15px;
}

.page-template-contact .gform_wrapper .gform_body {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1300px) {
  .home .menu a {
    font-size: 13px;
    line-height: 19px
  }
}

@media (max-width: 1024px) {
  .top-banner-title {
    font-size: 52px !important;
    line-height: 60px !important;
  }

  .slider-testimonials-wrap {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .top-padding .row-flex {
    padding-top: 0;
  }
}

@media screen and (max-width: 991px) {
  body.page-template-how-it-works-new .over-orange-box {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  body.page-template-how-it-works-new .yelp-reviews {
    padding-top: 60px;
  }

  .home .box .box__actions,
  .page-template-home-new .box .box__actions {
    text-align: center;
    margin-bottom: 24px;
  }

  .home .box,
  .page-template-home-new .box {
    margin-right: 0;
  }

  .home .section-steps .section__content,
  .page-template-home-new .section-steps .section__content {
    padding: 32px 16px;
  }

  .contact-top-text,
  .footer-list-center,
  footer.footer .top-footer-text {
    margin: 0 0 30px;
    text-align: center
  }

  .center-course-container {
    margin-top: 35px;
  }

  .home .banner-form.padtop-50 {
    padding-top: 0px !important;
  }

  .top-course-container {
    margin-top: 20px;
  }
}

@media (max-width: 960px) {
  .rplg-slider .rplg-box .rplg-box-content {
    height: 100px !important;
  }
}

@media (max-width: 767px) {
  body.page-template-how-it-works-new .section__head {
    padding-top: 120px;
  }

  body.page-template-how-it-works-new ul.steps li.step {
    margin-bottom: 20px;
  }

  body.page-template-how-it-works-new ul.steps li.step.step-3 {
    margin-bottom: 50px;
  }

  .home .box {
    margin-right: 0;
  }

  .home .banner-right::after,
  .table-left h2:after {
    content: "";
    position: absolute;
    left: 0
  }

  .home .slide-ryt-text h2 br {
    display: none
  }

  .table-left h2:after {
    bottom: -6px;
    height: 9px;
    border-bottom: 10px solid #ffd6d4;
    right: 0;
    margin: 0 auto
  }

  .section__body.banner-right {
    background: #48b0f7
  }

  .home .banner-right::after {
    display: block !important;
    background: url(../images/Car-Graphic-Mobile@2x.png) no-repeat center center;
    bottom: 20px;
    background-size: contain;
  }

  .grw-slider .rplg-slider-prev,
  .home .slide-content .box img {
    display: none
  }

  .home .slide-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
  }

  .home .slide-ryt-text {
    text-align: center;
    padding: 56px 30px !important
  }

  .home .box {
    padding: 0;
  }

  .home .equal-padding {
    padding: 50px 0;
  }

  .home .section--testimonials .slider-testimonials-wrap {
    -ms-flex-order: 2;
    order: 2
  }

  .home .section--testimonials .slide-ryt-text {
    -ms-flex-order: 1;
    order: 1
  }

  .home .section-steps .box__title {
    margin-bottom: 50px;
  }

  .home .section-signup .contact-form-home {
    padding-top: 0;
  }

  .home .accept-text {
    text-align: left;
    margin-top: 30px;
  }

  .home .accept-text span {
    display: inline-block;
    width: 100%;
    text-align: center;
  }

  .home .accept-text img {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .home .section__content img {
    margin: 0 !important;
  }

  .home .section .section__content {
    margin: 0 20px;
    text-align: left;
  }

  .footer-list-center ul,
  .home .table-left,
  .home .terms-content,
  .terms-content,
  .terms-content h5 {
    text-align: center;
  }

  .home .banner-right {
    padding: 28px 20px 200px;
  }

  .home .section-steps .section__content {
    padding-left: 0;
    padding-right: 0
  }

  .home .table-left {
    display: -ms-flexbox;
    display: block;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-left: 0;
  }

  .home .contact-top-text {
    -ms-flex-align: center !important;
    -ms-grid-row-align: center !important;
    align-items: center !important;
    text-align: center;
    margin: 0 auto
  }

  .home .terms-content {
    margin-top: 15px
  }

  .home .contant-text {
    margin-top: 15px;
    margin-left: 0
  }

  .home .section--secondary .section__content {
    padding-top: 74px;
    padding-bottom: 47px
  }

  .top-sign-text {
    display: none;
  }

  .terms-content {
    margin-top: 20px
  }

  .footer-list-center {
    display: block
  }

  .home .banner-body {
    padding: 0
  }

  .home .list-steps li {
    text-align: left;
    padding-left: 60px;
  }

  .home .list-steps li::before,
  .home .list-steps li::after {
    left: 20px;
  }

  .pay-text {
    display: none
  }

  .question-text {
    margin-left: 0 !important
  }

  .home .logo-bg {
    width: 90%;
  }

  .table-left,
  .table-left-text {
    text-align: center !important;
    width: auto;
    display: inline;
  }

  .grw-slider .rplg-slider-next {
    display: none
  }

  .home .banner-left-bottom {
    margin: 0;
  }

  .home .banner-left-bottom h4 {
    margin-top: 5px;
    margin-bottom: 5px;
    -ms-text-align-last: right;
    text-align-last: right;
  }

  .section-signup .banner-left-bottom {
    justify-content: center;
  }


  .slide-ryt-text {
    padding: 97px 0
  }

  .banner-icon img {
    margin-right: 20px !important
  }

  .slide-content .section--testimonials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .desktop-new {
    display: none
  }

  .mobile-new {
    display: table-cell
  }

  .home .menu .first-list a {
    color: #585858;
    font-weight: 500 !important
  }

  .footer .widget,
  .side-spacing,
  footer.footer .footer-list-center .menu li {
    text-align: center;
    width: 100%
  }

  .home .sign-text::after {
    display: none
  }

  .footer .slide-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  footer.footer .terms-content h5 {
    padding: 5px 0;
    text-align: center
  }

  .home .section--secondary .section__content {
    padding: 30px 30px 0
  }

  .logo-bg a {
    font-size: 20px;
    line-height: 20px;
  }

  .home .header a h1 {
    font-size: 20px !important;
    line-height: 20px !important;
  }

  .header .header__inner .logo-img {
    margin: 0;
  }

  .home .section__content h2 {
    margin-bottom: 40px;
  }

  .home .section-steps .section__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .home .list-steps li p {
    padding-right: 0
  }

  .home .section-signup .section__content {
    padding: 0
  }

  .load-more-btn {
    margin-bottom: 50px !important;
  }

  footer.footer .footer-list-center .menu li {
    width: 100%
  }

  body.page-template-how-it-works-new .section__head {
    background-image: none;
  }

  body.page-template-how-it-works-new .section__head .licensed.licensed-desktop {
    display: none;
  }

  body.page-template-how-it-works-new .section__head .licensed.licensed-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  body.page-template-how-it-works-new .section__head .licensed.licensed-mobile .licensed-mobile-img {
    margin-right: 15px;
  }

  body.page-template-how-it-works-new .section__head .licensed.licensed-mobile .licensed-mobile-img img {}

  body.page-template-how-it-works-new .section__head .licensed.licensed-mobile .licensed-mobile-txt {
    text-align: left;
  }

  body.page-template-how-it-works-new .section__head .licensed.licensed-mobile .licensed-mobile-txt h5 {
    margin-right: 10px;
  }

  body.page-template-how-it-works-new .bold-underline:after {
    display: none;
  }

  body.page-template-how-it-works-new .bold-underline {
    border-bottom: 3px solid #ffd6d4;
    box-shadow: inset 0 0 white, inset 0 -9px #ffd6d4;
  }

  body.page-template-how-it-works-new ul.steps ol li {
    position: relative;
    padding-left: 20px;
  }

  body.page-template-how-it-works-new ul.steps ol li:before {
    position: absolute;
    left: -25px;
  }

  body.page-template-how-it-works-new .step-one-img,
  body.page-template-how-it-works-new .step-two-img {
    margin-right: -80px;
    margin-left: -80px;
  }

  body.page-template-how-it-works-new .step-three-modules.step-three-modules-desktop {
    display: none;
  }

  body.page-template-how-it-works-new .step-three-modules {
    margin-bottom: 16px;
  }

  body.page-template-how-it-works-new .step-three-modules.step-three-modules-mobile {
    display: block;
  }

  body.page-template-how-it-works-new .step-three-modules.step-three-modules-mobile p {
    margin-bottom: 32px;
  }

  body.page-template-how-it-works-new .step-three-modules .step-three-module {
    margin-bottom: 0;
  }

  body.page-template-how-it-works-new .testimonials {
    margin-top: 50px;
    margin-bottom: 0;
  }

  body.page-template-how-it-works-new .testimonials-slider {
    margin-bottom: 50px;
  }

  body.page-template-how-it-works-new .rplgsw-container-horizontal>.rplgsw-pagination-bullets {
    position: relative;
  }

  body.page-template-how-it-works-new .step-four-pricetag {
    position: relative;
    left: 0;
    text-align: center;
    margin-bottom: 30px;
  }

  body.page-template-how-it-works-new .getting-started {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  body.page-template-how-it-works-new .questions {
    padding-bottom: 56px;
  }
}

@media (max-width: 400px) {
  .top-banner-title {
    font-size: 52px;
    line-height: 56px;
  }
}

@media (max-width: 385px) {
  body.page-template-how-it-works-new .yelp-reviews {
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media (max-width: 360px) {
  .home .banner-form {
    font-size: 15px
  }

  body {
    background: red
  }

  .home .logo-bg {
    padding: 30px 10px
  }

  .home .section--secondary .section__content {
    padding: 50px 0 0
  }

  .home .section__content h2 {
    font-size: 40px
  }

  .home .box {
    margin-right: 0
  }

  .home .box__title,
  .home .slide-content h2 {
    font-size: 37px;
  }

  .home .box .box__title {
    margin-bottom: 30px
  }

  h5 {
    font-size: 16px
  }

  .table-left h2::after {
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 9px;
    border-bottom: 9px solid #ffd6d4
  }

  .home .banner-form .sub-btn {
    font-size: 15px
  }
}

.arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
}

.arrow.arrow-right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.arrow.arrow-left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.arrow.arrow-up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.arrow.arrow-down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

a .arrow.arrow-down {
  transform: translateY(-25%) rotate(45deg);
  -webkit-transform: translateY(-25%) rotate(45deg);
}

.arrow-right-blue,
.ico-angle-right,
.ico-arrow-right-small {
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.arrow-right-blue {
  background: url(../images/sprite/arrow-right-blue.png) no-repeat;
  width: 38px;
  height: 15px
}

.ico-angle-right {
  background: url(../images/sprite/ico-angle-right.png) no-repeat;
  width: 8px;
  height: 13px
}

.ico-arrow-right-small {
  background: url(../images/sprite/ico-arrow-right-small.png) no-repeat;
  width: 28px;
  height: 11px
}

.ico-chat {
  background: url(../images/sprite/ico-chat.png) no-repeat;
  width: 68px;
  height: 68px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.ico-course,
.ico-device {
  width: 108px;
  height: 108px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.ico-course {
  background: url(../images/sprite/ico-course.png) no-repeat
}

.ico-device {
  background: url(../images/sprite/ico-device.png) no-repeat
}

.ico-envelope {
  background: url(../images/sprite/ico-envelope.png) no-repeat;
  width: 68px;
  height: 69px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.ico-glasses {
  background: url(../images/sprite/ico-glasses.png) no-repeat;
  width: 142px;
  height: 109px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.ico-location {
  background: url(../images/sprite/ico-location.png) no-repeat;
  width: 68px;
  height: 69px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.ico-next {
  background: url(../images/sprite/ico-next.png) no-repeat;
  width: 61px;
  height: 84px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.ico-paging-next,
.ico-paging-prev {
  width: 6px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.ico-paging-next {
  background: url(../images/sprite/ico-paging-next.png) no-repeat
}

.ico-paging-prev {
  background: url(../images/sprite/ico-paging-prev.png) no-repeat
}

.ico-phone {
  background: url(../images/sprite/ico-phone.png) no-repeat;
  width: 68px;
  height: 68px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.ico-prev {
  background: url(../images/sprite/ico-prev.png) no-repeat;
  width: 61px;
  height: 84px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.ico-quote-white {
  background: url(../images/sprite/ico-quote-white.png) no-repeat;
  width: 105px;
  height: 82px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.ico-quote {
  background: url(../images/sprite/ico-quote.png) no-repeat;
  width: 105px;
  height: 82px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.ico-rate,
.ico-secure {
  width: 108px;
  height: 108px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.ico-rate {
  background: url(../images/sprite/ico-rate.png) no-repeat
}

.ico-secure {
  background: url(../images/sprite/ico-secure.png) no-repeat
}

.ico-service {
  background: url(../images/sprite/ico-service.png) no-repeat;
  width: 149px;
  height: 151px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.ico-speaker {
  background: url(../images/sprite/ico-speaker.png) no-repeat;
  width: 118px;
  height: 113px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.ico-study,
.ico-support {
  width: 108px;
  height: 108px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.ico-study {
  background: url(../images/sprite/ico-study.png) no-repeat
}

.ico-support {
  background: url(../images/sprite/ico-support.png) no-repeat
}

.ico-team {
  background: url(../images/sprite/ico-team.png) no-repeat;
  width: 129px;
  height: 139px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.ico-time {
  background: url(../images/sprite/ico-time.png) no-repeat;
  width: 68px;
  height: 69px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.license-1,
.license-2 {
  width: 222px;
  height: 223px;
  display: inline-block;
  font-size: 0;
  vertical-align: middle
}

.license-1 {
  background: url(../images/sprite/license-1.png) no-repeat
}

.license-2 {
  background: url(../images/sprite/license-2.png) no-repeat
}

.logo-image {
  background: url(../images/sprite/logo-image.png) no-repeat;
  width: 273px;
  height: 273px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.logo {
  background: url(../images/sprite/logo.png) no-repeat;
  width: 150px;
  height: 150px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

  .arrow-right-blue,
  .ico-arrow-right-small {
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .arrow-right-blue {
    background: url(../images/sprite/arrow-right-blue@2x.png) no-repeat;
    width: 38px;
    height: 15px;
    background-size: 38px 15px
  }

  .ico-arrow-right-small {
    background: url(../images/sprite/ico-arrow-right-small@2x.png) no-repeat;
    width: 28px;
    height: 11px;
    background-size: 28px 11px
  }

  .ico-chat {
    background: url(../images/sprite/ico-chat@2x.png) no-repeat;
    width: 68px;
    height: 68px;
    background-size: 68px 68px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .ico-course,
  .ico-device {
    width: 108px;
    height: 108px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .ico-course {
    background: url(../images/sprite/ico-course@2x.png) no-repeat;
    background-size: 108px 108px
  }

  .ico-device {
    background: url(../images/sprite/ico-device@2x.png) no-repeat;
    background-size: 108px 108px
  }

  .ico-envelope {
    background: url(../images/sprite/ico-envelope@2x.png) no-repeat;
    width: 68px;
    height: 69px;
    background-size: 68px 69px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .ico-glasses {
    background: url(../images/sprite/ico-glasses@2x.png) no-repeat;
    width: 142px;
    height: 109px;
    background-size: 142px 109px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .ico-location {
    background: url(../images/sprite/ico-location@2x.png) no-repeat;
    width: 68px;
    height: 69px;
    background-size: 68px 69px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .ico-next {
    background: url(../images/sprite/ico-next@2x.png) no-repeat;
    width: 61px;
    height: 84px;
    background-size: 61px 84px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .ico-paging-next,
  .ico-paging-prev {
    width: 6px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .ico-paging-next {
    background: url(../images/sprite/ico-paging-next@2x.png) no-repeat;
    background-size: 6px 10px
  }

  .ico-paging-prev {
    background: url(../images/sprite/ico-paging-prev@2x.png) no-repeat;
    background-size: 6px 10px
  }

  .ico-phone {
    background: url(../images/sprite/ico-phone@2x.png) no-repeat;
    width: 68px;
    height: 68px;
    background-size: 68px 68px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .ico-prev {
    background: url(../images/sprite/ico-prev@2x.png) no-repeat;
    width: 61px;
    height: 84px;
    background-size: 61px 84px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .ico-quote-white {
    background: url(../images/sprite/ico-quote-white@2x.png) no-repeat;
    width: 105px;
    height: 82px;
    background-size: 105px 82px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .ico-quote {
    background: url(../images/sprite/ico-quote@2x.png) no-repeat;
    width: 105px;
    height: 82px;
    background-size: 105px 82px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .ico-rate,
  .ico-secure {
    width: 108px;
    height: 108px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .ico-rate {
    background: url(../images/sprite/ico-rate@2x.png) no-repeat;
    background-size: 108px 108px
  }

  .ico-secure {
    background: url(../images/sprite/ico-secure@2x.png) no-repeat;
    background-size: 108px 108px
  }

  .ico-service {
    background: url(../images/sprite/ico-service@2x.png) no-repeat;
    width: 149px;
    height: 151px;
    background-size: 149px 151px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .ico-speaker {
    background: url(../images/sprite/ico-speaker@2x.png) no-repeat;
    width: 118px;
    height: 113px;
    background-size: 118px 113px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .ico-study,
  .ico-support {
    width: 108px;
    height: 108px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .ico-study {
    background: url(../images/sprite/ico-study@2x.png) no-repeat;
    background-size: 108px 108px
  }

  .ico-support {
    background: url(../images/sprite/ico-support@2x.png) no-repeat;
    background-size: 108px 108px
  }

  .ico-team {
    background: url(../images/sprite/ico-team@2x.png) no-repeat;
    width: 129px;
    height: 139px;
    background-size: 129px 139px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .ico-time {
    background: url(../images/sprite/ico-time@2x.png) no-repeat;
    width: 68px;
    height: 69px;
    background-size: 68px 69px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .license-1,
  .license-2 {
    width: 222px;
    height: 223px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .license-1 {
    background: url(../images/sprite/license-1@2x.png) no-repeat;
    background-size: 222px 223px
  }

  .license-2 {
    background: url(../images/sprite/license-2@2x.png) no-repeat;
    background-size: 222px 223px
  }

  .logo-image {
    background: url(../images/sprite/logo-image@2x.png) no-repeat;
    width: 273px;
    height: 273px;
    background-size: 273px 273px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }

  .logo {
    background: url(../images/sprite/logo@2x.png) no-repeat;
    width: 150px;
    height: 150px;
    background-size: 150px 150px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
  }
}

.article--single .article__foot .shell:after,
.cols:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both
}

.btn--transparent,
.list-simple:before,
.list-values li,
.nav li:not(.sign-up) a:not(.btn):after,
.section--primary .section__head:after,
.section--testimonials .section__head:after,
.section-contacts-secondary,
.section-copy .section__head,
.section-license .section__head:after,
.section-quote,
.section-signup .section__aside:after {
  background: #46c2cc;
  background: linear-gradient(to right, rgba(70, 194, 204, 1) 0, rgba(62, 183, 202, 1) 48%, rgba(67, 149, 209, 1) 100%)
}

.section-terms {
  padding-top: 115px;
  padding-bottom: 160px;
  background: #FFFFFF;
}

.section-terms .section__head {
  padding-top: 96px;
  padding-bottom: 65px;
}

.section-terms .section__head .section__title {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
  text-align: center;
  color: #48B0F7;
}

.section-terms .section__body .article p,
.section-terms .section__body .article h1,
.section-terms .section__body .article h2,
.section-terms .section__body .article h3,
.section-terms .section__body .article h4,
.section-terms .section__body .article h5,
.section-terms .section__body .article h6 {
  font-family: 'Roboto';
  font-style: normal;
  font-size: 18px;
  line-height: 26px;
  color: #404040;
}

.section-terms .section__body .article h1,
.section-terms .section__body .article h2,
.section-terms .section__body .article h3,
.section-terms .section__body .article h4,
.section-terms .section__body .article h5,
.section-terms .section__body .article h6 {
  font-weight: 700;
}

.section.contacts {
  padding-top: 165px;
  padding-bottom: 96px;
}

.section.contacts p {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #404040;
}

.section.contacts .section__title {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
  color: #48B0F7;
  margin-bottom: 17px;
  text-transform: none;
}

.section.contacts .section__content {
  padding-top: 0;
}

.section.contacts p>a {
  font-weight: 700;
  color: #3A8FC8;
  text-decoration: none;
}

.section.contacts .contact__details,
.section.contacts .address__details,
.section.contacts form {
  margin-top: 64px;
}

.section.contacts h2 {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #585858;
  margin-bottom: 17px;
}

.section.contacts ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.section.contacts ul>li {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #404040;
  margin: 0;
}

.section.contacts .address__details ul>li:last-child {
  margin-top: 35px;
}

.section.contacts ul>li>.strong {
  font-weight: 700;
  color: #3A8FC8;
}

.section.contacts .form-group {
  width: 100%;
}

.section.contacts .form-group label,
.section.contacts .form-group .form-control {
  display: block;
  width: 100%;
}

.section.contacts .form-group>label {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #404040;
  margin-bottom: 8px;
}

.section.contacts .form-group {
  margin-bottom: 16px;
}

.section.contacts .form-group .form-control {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #404040;
  background: #FFFFFF;
  border: 1.5px solid #D0D0D0;
  border-radius: 6px;
  padding: 18px 16px;
  height: 56px;
}

.section.contacts .form-group .form-control::placeholder {
  color: #A0A0A0;
}

.section.contacts .form-group textarea.form-control {
  height: 112px;
  margin: 8px 0;
  resize: none;
}

.section.contacts .shell::after {
  content: "";
  display: block;
  width: 100%;
  height: 125px;
  background-image: url(../images/Tree-Car@2x.png);
  background-repeat: repeat-x;
  background-position: center center;
  background-size: contain;
}

.section.contacts .shell .container {
  padding-bottom: 64px;
}

.section.contacts .btn {
  width: 100%;
}

.section.contacts .btn-primary {
  background: #FE8B7B;
  border-bottom: 8px solid #F57C6B;
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #FFFFFF;
  text-transform: none;
  padding: 12px
}

.section.contacts .btn-primary:disabled {
  background: #e8e8e8;
  border-bottom: 8px solid #dfdfdf;
  color: #fff;
}

.CaptchaWrap {
  position: relative;
}

.CaptchaTxtField {
  border-radius: 5px;
  border: 1px solid #ccc;
  display: block;
  box-sizing: border-box;
}

#CaptchaImageCode {
  text-align: center;
  margin-top: 8px;
  padding: 0px 0;
  width: 250px;
  overflow: hidden;
}

.capcode {
  font-size: 46px;
  display: block;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  letter-spacing: 1px;
  color: #ccc;
  font-family: 'Roboto Slab', serif;
  font-weight: 100;
  font-style: italic;
}

#ReloadBtn {
  width: 32px;
  height: 32px;
  border: 0px;
  position: absolute;
  bottom: 14px;
  left: 252px;
  outline: none;
  cursor: pointer;
  margin: 0;
}

.section.contacts .success {
  color: #009512;
}

.hidden {
  display: none !important;
}

.section.contacts form .form-group .form-control.error {
  border: 1.5px solid #ff3c37;
  display: block;
  font-size: 1.125rem;
  position: relative;
}

.section.contacts form .form-group .form-control {
  margin: 8px 0;
}

.section.contacts form .form-group label.error {
  color: #ff3c37;
  font-size: .9375rem;
  line-height: 1.125rem;
  text-align: right;
  bottom: 0;
  position: relative;
  right: 0;
  display: block;
  margin-bottom: 16px;
}

.section.contacts form .form-group label.captcha-error {
  color: #ff3c37;
  font-size: .9375rem;
  line-height: 1.125rem;
  text-align: left;
  bottom: 0;
  position: relative;
  left: 0;
  margin-top: 8px;
  display: block;
  margin-bottom: 16px;
}

#UserCaptchaCode-error {
  text-align: left;
}

.section.contacts .error {
  color: #ff3c37;
}

*,
:after,
:before {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block
}

html {
  tap-highlight-color: transparent
}

audio,
iframe,
img,
object,
video {
  max-width: 100%
}

iframe,
img {
  border: 0
}

img {
  height: auto;
  display: inline-block;
  vertical-align: middle
}

b,
strong {
  font-weight: 700
}

address {
  font-style: normal
}

h5,
h6 {
  font-style: italic
}

svg:not(:root) {
  overflow: hidden
}

a,
button,
input[type=submit],
input[type=button],
input[type=reset],
input[type=file],
input[type=image],
label[for] {
  cursor: pointer
}

a[href^=tel],
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0
}

a[href^=tel],
input[type=tel],
input[type=text],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=time],
input[type=url],
input[type=color],
input[type=password],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch
}

.gallery,
.list-actions,
.notext,
.search-form,
.section-advantages,
.section-contacts,
.section-faq .section__inner {
  overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased
}

button,
select {
  text-transform: none
}

table {
  width: 100%
}

body {
  min-width: 320px;
  background: #fff;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.3;
  color: #585858;
}

a {
  color: inherit;
  text-decoration: underline
}

a:hover,
a[href^=tel] {
  text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: calc(1.3em / 2)
}

@media (max-width: 767px) {
  body {
    padding-top: 78px;
  }

  body.home {
    padding-top: 0;
  }
}

blockquote,
dl,
hr,
ol,
table,
ul {
  margin-bottom: 1.3em;
}

blockquote:last-child,
dl:last-child,
h1:last-child,
h1[class],
h2:last-child,
h2[class],
h3:last-child,
h3[class],
h4:last-child,
h4[class],
h5:last-child,
h5[class],
h6:last-child,
h6[class],
ol:last-child,
p:last-child,
table:last-child,
ul:last-child {
  margin-bottom: 0
}

@font-face {
  font-family: Cantarell;
  src: url(../fonts/Cantarell_400_normal_1508937128.eot);
  src: url(../fonts/Cantarell_400_normal_1508937128.eot?#iefix) format("embedded-opentype"), url(../fonts/Cantarell_400_normal_1508937128.svg#Cantarell) format("svg"), url(../fonts/Cantarell_400_normal_1508937128.woff) format("woff"), url(../fonts/Cantarell_400_normal_1508937128.ttf) format("truetype");
  font-weight: 400;
  font-style: normal
}

.form-contact .gform_wrapper .top_label .gfield_label {
  display: none
}

.form-contact .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 22px 16px;
  width: 100%;
  margin: 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: block;
  color: #d6d6d6
}

.form-contact .gform_wrapper textarea.medium {
  border: 1px solid #ccc;
  padding: 22px 16px;
  height: 183px;
  border-radius: 3px;
  display: block;
  color: #d6d6d6
}

.form-contact .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
.form-default .gform_wrapper .gfield_required {
  display: none
}

.form-contact .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.form-contact .gform_wrapper textarea.medium:focus {
  border-color: #3a8fc8;
  background: 0 0
}

.form-contact .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0
}

body .form-contact .gform_wrapper ul li.gfield {
  margin-top: 35px
}

body .form-contact .gform_wrapper .top_label div.ginput_container {
  margin-top: 0
}

.form-contact .gform_wrapper .gform_footer {
  text-align: center;
  padding: 0;
  margin: 56px 0 0;
  position: relative
}

.form-contact .gform_wrapper .gform_footer input.button,
.form-contact .gform_wrapper .gform_footer input[type=submit] {
  border: 0;
  background: #3a8fc8;
  color: #fff;
  text-transform: uppercase;
  padding: 18px;
  min-width: 266px;
  text-align: center;
  border-radius: 30px;
  margin-right: 0;
  cursor: pointer;
  transition: all .3s;
  height: 60px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.form-contact .gform_wrapper li.gfield.gfield_error {
  border: 0;
  background: 0 0;
  margin: 0
}

.form-contact .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: 100% !important
}

.form-contact .gform_wrapper div.validation_error {
  border-color: red;
  color: red;
  font-size: 14px
}

.form-contact .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper li.gfield_error textarea {
  border: 2px solid red
}

.form-contact .gform_wrapper .gform_ajax_spinner {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.form-contact .gform_wrapper .gform_footer input.button:hover,
.form-contact .gform_wrapper .gform_footer input[type=submit]:hover {
  opacity: .8
}

@media (max-width: 1200px) {
  .form-contact .gform_wrapper .gform_footer {
    margin-top: 30px
  }
}

@media (max-width: 767px) {
  .form-contact {
    padding-left: 10px;
    padding-right: 10px
  }

  .form-contact .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    padding: 16px
  }

  .form-contact .gform_wrapper .gform_footer {
    margin-top: 53px
  }

  .form-contact .gform_wrapper .gform_footer input.button,
  .form-contact .gform_wrapper .gform_footer input[type=submit] {
    padding: 12px 0;
    max-width: 70%;
    text-transform: none
  }
}

.form-default .gform_wrapper .gform_heading {
  padding-bottom: 20px
}

.form-default .gform_wrapper h3.gform_title {
  text-transform: uppercase;
  font-size: 24px;
  color: #3a8fc8;
  margin: 0 0 20px
}

.form-default .gform_wrapper .gform_description {
  line-height: 1.5;
  margin-bottom: 0
}

.form-default .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 22px 16px;
  width: 100%;
  margin: 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: block;
  color: #ccc
}

.form-default .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
.form-default .gform_wrapper ul.gform_fields li.gfield label,
.form-license .gform_wrapper .gfield_required {
  display: none
}

.form-default .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder {
  opacity: 1;
  color: #ccc
}

.form-default .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder {
  opacity: 1;
  color: #ccc
}

.form-default .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder {
  opacity: 1;
  color: #ccc
}

.form-default .gform_wrapper .gfield_error .ginput_complex .ginput_left,
.form-default .gform_wrapper .gfield_error .ginput_complex .ginput_right,
.form-default .gform_wrapper .ginput_complex .ginput_left,
.form-default .gform_wrapper .ginput_complex .ginput_right {
  width: 100%;
  padding: 0
}

.form-default .gform_wrapper .ginput_complex .ginput_right,
.form-default .gform_wrapper ul.gform_fields li.gfield {
  padding: 0;
  margin-top: 35px
}

.form-default .gform_wrapper .top_label div.ginput_container {
  margin: 0
}

.form-default .gform_wrapper .gform_footer {
  padding: 0;
  margin-top: 72px;
  text-align: center;
  position: relative
}

.form-default .gform_wrapper .gform_footer .gform_button {
  cursor: pointer;
  text-transform: uppercase;
  min-width: 266px;
  color: #fff;
  background: #3a8eca;
  padding: 18px;
  border-radius: 30px;
  margin-right: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-decoration: none;
  height: 60px;
  transition: all .3s;
  border: 1px solid #3a8fc8
}

.btn,
.form-license .gform_wrapper .gform_footer .gform_button {
  transition: all .3s;
  -webkit-appearance: none;
  -moz-appearance: none
}

.form-default .gform_wrapper .gform_footer .gform_button:hover {
  color: #3a8fc8;
  background: #fff
}

.form-default .gform_wrapper li.gfield.gfield_error {
  border: 0;
  background: 0 0;
  margin: 0
}

.form-default .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: 100% !important
}

.form-default .gform_wrapper div.validation_error {
  border-color: red;
  color: red;
  font-size: 14px
}

.form-default .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper li.gfield_error textarea {
  border: 2px solid red
}

.form-default .gform_wrapper .gform_ajax_spinner {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width: 767px) {
  .form-default .gform_wrapper .gform_ajax_spinner {
    top: 75px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .form-default .gform_wrapper .gform_description,
  .form-default .gform_wrapper h3.gform_title {
    text-align: center
  }

  .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: inherit !important;
    margin-bottom: 0;
    -webkit-appearance: none;
    -moz-appearance: none
  }
}

.form-license {
  max-width: 449px
}

.form-license .gform_wrapper ul.gform_fields li.gfield {
  padding: 0
}

.form-license .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  display: block;
  width: 100%;
  border: 1px solid #3a8fc8;
  border-radius: 3px;
  height: 85px;
  text-align: center
}

.form-license .gform_wrapper input::-webkit-input-placeholder {
  font-size: 25px;
  color: #3a8fc8;
  font-weight: 700
}

.form-license .gform_wrapper input:-ms-input-placeholder {
  font-size: 25px;
  color: #3a8fc8;
  font-weight: 700
}

.form-license .gform_wrapper input::placeholder {
  font-size: 25px;
  color: #3a8fc8;
  font-weight: 700
}

body .form-license .gform_wrapper .top_label div.ginput_container,
body .form-license .gform_wrapper ul li.gfield {
  margin-top: 0
}

.form-license .gform_wrapper .gform_footer {
  margin: 48px 0 0;
  position: relative
}

.form-license .gform_wrapper .gform_footer .gform_button {
  cursor: pointer;
  text-transform: uppercase;
  min-width: 266px;
  color: #fff;
  background: #3a8eca;
  padding: 18px;
  border-radius: 30px;
  margin-right: 0;
  appearance: none;
  text-decoration: none;
  border: 1px solid #3a8fc8
}

.form-license .gform_wrapper .gform_footer .gform_button:hover {
  background: #fff;
  color: #3a8fc8
}

.form-license .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
  margin-top: 0
}

.form-license .gform_wrapper li.gfield.gfield_error {
  border: 0;
  background: 0 0;
  margin: 0
}

.form-license .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: 100% !important
}

.form-license .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  display: none
}

.form-license .gform_wrapper div.validation_error {
  display: none;
  border-color: red;
  color: red;
  font-size: 14px
}

.form-license .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper li.gfield_error textarea {
  border: 2px solid red
}

.form-license .gform_wrapper .gform_ajax_spinner {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width: 767px) {
  .form-license .gform_wrapper .gform_footer {
    margin-top: 32px;
    text-align: center
  }

  .form-license .gform_wrapper .gform_footer input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    max-width: 260px
  }
}

.clear:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both
}

.notext {
  white-space: nowrap;
  text-indent: 100%;
  text-shadow: none
}

.notext-old {
  font-size: 0;
  line-height: 0;
  text-indent: -4000px
}

.hidden,
[hidden] {
  display: none
}

.alignleft {
  float: left
}

.alignright {
  float: right
}

.disabled,
[disabled] {
  cursor: default
}

.btn,
.list-contacts a[href^=tel] {
  cursor: pointer
}

.cols {
  margin: 0 -15px
}

.col {
  float: left;
  width: 100%;
  padding: 0 15px
}

.col--1of2 {
  width: 50%
}

.gallery-columns-1 .gallery-item,
.gallery-item img,
.wp-caption img {
  width: 100%
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
  display: none !important
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important
  }

  .visible-xs-block {
    display: block !important
  }

  .visible-xs-inline {
    display: inline !important
  }

  .visible-xs-inline-block {
    display: inline-block !important
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important
  }

  .visible-sm-block {
    display: block !important
  }

  .visible-sm-inline {
    display: inline !important
  }

  .visible-sm-inline-block {
    display: inline-block !important
  }
}

@media (max-width: 1024px) {
  .home .banner-right::after {
    left: 0;
    background-size: contain;
    background-position: right center;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .hidden-md {
    display: none !important
  }

  .visible-md-block {
    display: block !important
  }

  .visible-md-inline {
    display: inline !important
  }

  .visible-md-inline-block {
    display: inline-block !important
  }
}

@media (min-width: 1201px) {
  .hidden-lg {
    display: none !important
  }

  .visible-lg-block {
    display: block !important
  }

  .visible-lg-inline {
    display: inline !important
  }

  .visible-lg-inline-block {
    display: inline-block !important
  }
}

.text-va {
  display: inline-block;
  vertical-align: middle
}

.aligncenter,
.alignnone {
  display: block
}

.brand-warning {
  background: #fdb60c
}

.brand-info {
  background: #398ec5
}

.brand-danger {
  background: #f2453e
}

.aligncenter,
.alignleft,
.alignnone,
.alignright {
  margin: 5px 15px 10px
}

.alignleft,
.alignnone {
  margin-left: 0
}

.alignnone,
.alignright {
  margin-right: 0
}

.aligncenter {
  margin-left: auto;
  margin-right: auto
}

.wp-caption {
  position: relative
}

.wp-caption-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px 10px;
  background: rgba(0, 0, 0, .5);
  color: #fff
}

.gallery {
  position: relative;
  padding-bottom: 20px
}

.gallery .wp-caption-text {
  right: 10px;
  bottom: 10px;
  left: 10px;
  text-align: left
}

.gallery-item {
  float: left;
  position: relative;
  padding: 10px
}

.gallery-columns-2 .gallery-item {
  width: 50%
}

.gallery-columns-3 .gallery-item {
  width: 33.33%
}

.gallery-columns-4 .gallery-item {
  width: 25%
}

.gallery-columns-5 .gallery-item {
  width: 20%
}

.gallery-columns-6 .gallery-item {
  width: 16.67%
}

.gallery-columns-7 .gallery-item {
  width: 14.29%
}

.gallery-columns-8 .gallery-item {
  width: 12.5%
}

.gallery-columns-9 .gallery-item {
  width: 11.11%
}

.gallery-columns-7 .wp-caption,
.gallery-columns-8 .wp-caption,
.gallery-columns-9 .wp-caption {
  display: none
}

.paging {
  padding: 0 0 20px;
  text-align: center
}

.paging li,
.paging ul {
  display: inline-block;
  vertical-align: top
}

.paging a {
  display: inline-block;
  padding: 4px 10px;
  border: 1px solid #000;
  margin: 0 2px;
  text-decoration: none;
  border-radius: 4px
}

.paging .current a,
.paging a:hover {
  text-decoration: none;
  background: #000;
  color: #fff
}

.paging .paging__label {
  padding-right: 10px
}

.section-comments {
  padding-top: 15px
}

.section-comments a {
  text-decoration: none
}

.section-comments p {
  padding-bottom: 18.2px
}

.section-comments ol,
.section-comments ul {
  padding: 0;
  margin: 0
}

.section-comments h3 {
  position: relative;
  padding: 0 0 10px
}

.section-comments h3 small {
  position: absolute;
  top: 0;
  right: 0
}

.comments,
.comments .children {
  position: relative
}

.comments .children:after,
.comments .children:before {
  content: '';
  position: absolute;
  display: block
}

.articles-paging a:after,
.articles-paging:before,
.btn-menu .bars:before {
  content: ""
}

.comments .children:before {
  top: 33px;
  left: 23px;
  width: 32px;
  height: 27px;
  border-left: 8px solid #c3c3c3;
  border-bottom: 8px solid #c3c3c3;
  border-radius: 0 0 0 8px
}

.comments .children:after {
  top: -5px;
  left: 8px;
  border: 20px solid transparent;
  border-width: 20px 19px;
  border-bottom-color: #c3c3c3
}

.comments .comment {
  position: relative;
  border-top: 1px dashed #363636
}

.comments .children {
  padding-left: 70px
}

.comments .moderation-notice {
  display: inline-block;
  margin: 3px 0 8px;
  color: #999
}

.comment .comment__author-avatar {
  position: absolute;
  top: 28px;
  left: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #ccc
}

.comment .comment__author-says {
  padding-left: 5px
}

.comment .comment__entry {
  position: relative;
  padding: 30px 0 30px 65px
}

.comment .comment__text p:last-child {
  padding-bottom: 0;
  margin-bottom: 0
}

.comment .comment__meta {
  padding-bottom: 12px
}

.comment .comment__meta a {
  color: #363636
}

.comment .comment__reply {
  padding-top: 10px;
  text-align: right
}

.comment .comment__reply a {
  display: inline-block;
  padding: 5px 10px;
  background: #363636;
  color: #fff;
  border-radius: 6px
}

.comment .comment__reply a:hover {
  text-decoration: none;
  opacity: .8
}

.comment-respond {
  width: 100%;
  padding-top: 30px;
  border-top: 1px solid #363636
}

.comment-respond h3 {
  position: relative
}

.comment-respond small {
  position: absolute;
  top: 0;
  right: 0
}

.comment-respond label {
  display: block;
  padding-bottom: 4px
}

.comment-respond input[type=text],
.comment-respond textarea {
  display: block;
  width: 80%;
  padding: 10px;
  border: 1px solid #ccc;
  background: #f7f7f7
}

.comment-respond textarea {
  height: 100px;
  width: 100%
}

.comment-respond input[type=text]:focus {
  background-color: #fff
}

.comment-respond input[type=text]::-webkit-input-placeholder {
  color: #777
}

.comment-respond input[type=text]:-ms-input-placeholder {
  color: #777
}

.comment-respond input[type=text]::placeholder {
  color: #777
}

.comment-respond .required {
  color: #e40000
}

.comment-respond .comment-notes {
  padding-top: 15px
}

.comment-respond .form-submit input {
  display: block;
  width: 160px;
  height: 40px;
  border: 0;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #363636;
  cursor: pointer;
  border-radius: 4px
}

.nocomments {
  padding-top: 12px;
  font-weight: 700;
  font-size: 18px
}

.search-form {
  position: relative
}

.search-form .search__field {
  display: block;
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  background: #f7f7f7
}

.search-form .search__field:focus {
  background-color: #fff
}

.search-form .search__field::-webkit-input-placeholder {
  color: #777
}

.search-form .search__field:-ms-input-placeholder {
  color: #777
}

.search-form .search__field::placeholder {
  color: #777
}

.search-form .screen-reader-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: .5;
  visibility: hidden
}

.advantages {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}

.advantage {
  max-width: 33.3%;
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
  display: -ms-flexbox;
  display: flex;
  padding-right: 40px;
  margin: 45px 0
}

.advantage .advantage__body {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 12px 0 0 16px
}

.advantage .advantage__body p {
  line-height: 1.4
}

.advantage .advantage__title {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 12px
}

.advantage .advantage__icon {
  min-width: 108px
}

@media (max-width: 1023px) {
  .advantage {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
  }
}

@media (max-width: 767px) {
  .advantage {
    padding-right: 5px;
    padding-left: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    margin: 0 0 27px;
    display: block
  }

  .advantage .advantage__icon {
    min-width: 100%
  }

  .advantage .advantage__body {
    width: 100%;
    padding-left: 0;
    padding-top: 20px
  }

  .advantage .advantage__title {
    font-size: 15px
  }

  .advantage .advantage__body p {
    display: none
  }
}

.articles {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  padding-bottom: 0;
}

.article {
  max-width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  margin-bottom: 50px;
  padding-right: 15px;
  padding-left: 15px;
}

.article .article__image {
  margin-bottom: 44px
}

.article .article__title {
  color: #3a8fc8;
  margin-bottom: 18px;
  letter-spacing: .03em
}

.article .article__title a {
  text-decoration: none
}

.article .article__title a:hover {
  text-decoration: underline
}

.article .article__meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 24px;
}


.article .post-categories {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  gap: 10px;
  margin-bottom: 10px;
}

.article .post-categories li {
  padding: 0;
  margin: 0;
}

.article .post-categories li a {
  color: #fff;
  text-transform: capitalize;
  background: #fdb60c;
  text-decoration: none;
  font-size: 15px;
  border-radius: 30px;
  padding: 5px 20px;
  font-style: normal
}

.article .author__details a,
.article .reviewer__details a {
  text-decoration: none;
  border-bottom: 1px dashed;
  text-transform: uppercase;
  font-weight: 900;
  margin: 0px 5px;
}

.article .author__details a:hover,
.article .reviewer__details a:hover {
  color: #3175e4;
  border-bottom: 1px solid #3175e4;
}

.article .author__details,
.article .reviewer__details {
  font-family: "Lora", Sans-Serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
}

.article .article__meta p {
  font-family: "Lora", Sans-Serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 31px;
  margin-bottom: 20px;
}

.article .article__meta .post-categories {
  margin-bottom: 36px
}

.article .article__meta .post-categories a {
  color: #fff;
  height: 28px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 19px;
  text-transform: capitalize;
  background: #fdb60c;
  text-decoration: none;
  font-size: inherit;
  border-radius: 30px;
  padding: 5px 20px;
  font-style: normal
}

.article .article__meta .post-categories li {
  list-style: none
}

.article .article__body {
  max-width: 900px;
  margin: 0 auto 25px;
}

.article .article__entry {
  letter-spacing: .044em;
  line-height: 1.5
}

.article .article__foot {
  text-transform: uppercase;
  color: #3a8fc8
}

.load-more-btn {
  margin-bottom: 100px !important;
}

@media (max-width: 1200px) {
  .article .article__body {
    padding: 0
  }
}

@media (max-width: 767px) {
  .articles {
    display: block
  }

  .article {
    max-width: 100%;
  }

  .article:last-child {
    margin-bottom: 0
  }

  .article .article__title {
    margin-bottom: 29px
  }
}

.article--single .breadcrumbs a,
.article--single .breadcrumbs i,
.article--single .breadcrumbs span {
  display: inline-block;
  vertical-align: middle
}

.article--single {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin: 0;
  border-bottom: 1px solid #e8e8e8;
}

.article--single .article__head {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  color: #fff;
  padding: 130px 0 208px;
  text-shadow: 0 0 15px rgba(0, 0, 0, .4);
  position: relative;
  margin-bottom: 52px
}

.article--single .breadcrumbs {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-transform: uppercase;
  background: #fff;
  color: #444;
  text-align: left;
  border-bottom: 1px solid #e8e8e8;
  text-shadow: none;
  padding: 27px 0
}

.article--single .breadcrumbs a {
  color: #3a8fc8;
  text-decoration: none
}

.article--single .breadcrumbs a:hover {
  text-decoration: underline
}

.article--single .breadcrumbs i {
  margin: 0 14px
}

.article--single .article__header {
  max-width: 900px;
  margin: auto;
  padding-right: 15px;
  padding-left: 15px;
}

.article--single .article__title {
  color: #707070;
  margin-bottom: 24px;
  letter-spacing: -.01em;
}

.article--single .article__image {
  margin-bottom: 30px;
}

.article--single .article__entry h3 {
  color: #12c0c5;
  margin-bottom: 30px;
}

.wp-block-image {
  margin-bottom: 30px;
}

.article--single .article__foot {
  color: inherit;
  margin-top: 150px
}

.article--single .article__foot__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.article--single .article__foot__aside {
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: right;
}

.article--single .article__entry {
  text-align: left;
}

.article-simple,
.articles-paging a,
.box .box__actions,
.btn,
.btn-square,
.callout,
.list-steps li:before {
  text-align: center
}

.article--single .article__entry p {
  font-family: "Lora", Sans-Serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 31px;
}

.article--single .article__entry p a,
.article--single .article__entry ol li a,
.article--single .article__entry ul li a {
  color: #48b0f7;
  text-decoration: underline;
  font-style: italic;
  font-family: "Lora", Sans-Serif;
}

.article--single .article__entry ol li a,
.article--single .article__entry ul li a {
  font-size: 20px;
  line-height: 31px;
}

.article--single .article__entry p a:hover {
  text-decoration: underline
}

.articles-paging a,
.articles-related a,
.btn,
.btn-menu,
.btn-square,
.link {
  text-decoration: none
}

.article--single .article__entry h1 {
  font-family: "Work Sans", Sans-Serif;
  font-weight: 800;
  font-size: 48px;
  line-height: 60px;
  color: #585858;

}

.article--single .article__entry h2 {
  margin-bottom: 30px;
  font-family: "Work Sans", Sans-Serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #48b0f7;
}

.article--single .article__entry h3 {
  font-family: "Work Sans", Sans-Serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #12C0C5;
  text-transform: inherit;
}

.article--single .article__entry h4 {
  font-family: "Work Sans", Sans-Serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #fe8b7b;
}

.article--single .article__entry h5 {
  font-family: "Work Sans", Sans-Serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #FCB60C;
  font-style: normal;
}

.article--single .article__entry h6 {
  font-family: "Work Sans", Sans-Serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #3A8FC8;
  font-style: normal;
}

.article--single .article__entry ol,
.article--single .article__entry ul {
  padding-left: 24px;
}

.article--single .article__entry ol li,
.article--single .article__entry ul li,
.article--single .article__entry ol li p,
.article--single .article__entry ul li p {
  font-family: "Lora", Sans-Serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 31px;
}

.article--single .article__entry blockquote {
  font-style: italic;
  font-size: 18px;
  line-height: 1.5
}

.article--single .article__entry table {
  border: 1px solid #d0d0d0;
}

.article--single .article__entry table td {
  font-family: "Lora", Sans-Serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 31px;
}

.article--single .article__entry table tr,
.article--single .article__entry table td {
  border-bottom: 1px solid #d0d0d0;
}

.article--single .article__entry .red-sub-btn {
  color: #fff;
  border: 1px solid #fe8b7b;
  background: #fe8b7b;
  font-weight: 900;
  font-family: work sans, sans-serif !important;
  -webkit-appearance: button;
  font-size: 18px;
  line-height: 21px;
  height: 48px;
}

@media (max-width: 1023px) {
  .article--single .breadcrumbs {
    padding-left: 15px
  }

  .article--single .article__head {
    padding: 154px 0 208px;
    margin-bottom: 32px
  }

  .article--single .article__body {
    text-align: center
  }

  .article--single .article__foot {
    margin-top: 50px
  }

  .article--single .article__foot h5 {
    -ms-flex-order: 2;
    order: 2;
    color: #7a7a7a
  }

  .article--single .article__foot__aside {
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-bottom: 69px
  }

  .article--single .article__foot__inner {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.articles-paging {
  border: 1px solid #b9b9b9;
  border-radius: 20px;
  display: inline-block;
  position: relative
}

.articles-paging:before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  left: 50%;
  background: #f5f5f5
}

.articles-paging a {
  float: left;
  width: 43px;
  padding: 3px 0 4px;
  position: static;
  position: relative
}

.articles-paging a:after {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: #fff;
  display: block;
  z-index: 1;
  opacity: 0;
  transition: all .3s
}

.articles-paging a:hover:after {
  opacity: .5
}

.articles-related {
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly
}

.articles-related a {
  transition: all .3s;
  display: inline-block;
  z-index: 999
}

.articles-related a:last-child {
  display: block
}

.articles-related a:hover {
  color: #3a8eca;
  opacity: .4
}

.btn--info--dark:hover,
.btn--info:hover {
  opacity: .8
}

@media (max-width: 1023px) {
  .articles-related {
    display: block
  }
}

.article-simple {
  margin: 0 20px
}

.article-simple .article__category {
  display: block;
  vertical-align: middle;
  color: #fff;
  margin: 0;
  text-transform: capitalize;
  font-size: 15px;
  border-radius: 30px;
  padding: 6px 20px
}

.box .box__title,
.btn,
.btn--light,
.btn-square {
  text-transform: uppercase
}

.article-simple .article__absolute {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.article-simple .article__content {
  font-size: 14px;
  line-height: 1.5;
  height: 186px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center
}

.article-simple h5 {
  margin-bottom: 17px;
  letter-spacing: -.03em
}

.article-simple p.article-simple-date {
  margin: 0 !important;
  margin-bottom: 17px !important;
  letter-spacing: -.03em;
  font-family: "Lora", serif !important;
  font-style: italic;
  font-size: 17px;
  line-height: 21px;
}

.section-articles .section-related {
  background: #e8e8e8
}

.section-articles .section-related .shell--small h5 {
  padding: 0
}

.article-simple .article-header {
  color: #585858
}

.section-articles .section-related .shell--small h3 {
  padding: 0 0 20px
}

.section-articles .section-related .read-more-articles {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.section-articles .section-related .read-more-articles h3 {
  padding-bottom: 50px;
}

.slick-list li.article-simple {
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px
}

.slick-list li.article-simple .article__head .article__image {
  height: 186px;
  width: 100%
}

@media (max-width: 1023px) {
  .article-simple+.article-simple {
    margin-top: 50px
  }

  .article-simple .article__category {
    margin-bottom: 0;
    padding: 5px 20px
  }
}

.box {
  background: #fff;
  color: #3a8fc8;
  margin-right: 65px;
  border-radius: 5px;
  padding: 52px 40px
}

.box .box__title {
  margin-bottom: 48px
}

@media (max-width: 1200px) {
  .box {
    margin-right: 0
  }
}

@media (max-width: 767px) {
  .box {
    padding: 50px 20px;
    text-align: center
  }

  .box .box__title {
    line-height: 1.4;
    margin-bottom: 38px
  }

  .article--single {
    padding-top: 0 !important;
  }
}

.btn {
  min-width: 230px;
  border: 0;
  color: #fff;
  padding: 18px;
  margin-right: 0;
  appearance: none;
  display: inline-block;
  vertical-align: middle
}

.btn--transparent {
  border-radius: 26px;
  color: #3a8fc8;
  font-weight: 600;
  padding: 1px
}

.btn--info,
.btn--light,
.btn-square {
  color: #fff;
  transition: all .3s
}

.btn--transparent span {
  border-radius: 26px;
  display: block;
  padding: 14px 34px;
  background: #fff
}

.btn--light {
  padding: 18px 20px;
  background: #fe8b7b
}

.btn--light:hover {
  background: #f66
}

.btn--info {
  background: #3a8fc8
}

.btn--block {
  display: block;
  padding-left: 0;
  padding-right: 0
}

.btn-square {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 24px;
  padding: 15px 20px;
  min-width: 260px
}

.btn--info--dark {
  background: #2b6a95
}

.btn--huge {
  border-radius: 3px;
  min-width: 449px;
  font-size: 26px;
  font-weight: 700;
  text-transform: none
}

.btn--huge span {
  border-radius: 3px;
  padding: 26px 0
}

.btn-menu {
  display: none;
  width: 30px;
  color: #3a8fc8;
  text-transform: uppercase;
  font-size: 8px;
}

.btn-menu .bars {
  display: block;
  border-top: 3px solid #3a8fc8;
  border-bottom: 3px solid #3a8fc8;
  margin-top: 1px
}

.btn-menu .bars:before {
  display: block;
  background-color: #3a8fc8;
  margin: 5px 0;
  height: 3px
}

@media (max-width: 768px) {
  .btn--huge {
    min-width: auto
  }

  .btn--huge span {
    padding-left: 20px;
    padding-right: 20px
  }

  .btn-menu {
    display: inline-block;
  }
}

.callout {
  color: #fff;
  background-color: #48b0f7;
}

.callout .callout__title {
  margin-bottom: 20px;
  color: #3a8fc8
}

.callout .callout__fixed {
  text-transform: none;
  font-size: 48px;
  line-height: 57px;
  margin-bottom: 50px;
  color: #fff
}

@media (max-width: 1023px) {
  .callout {
    padding: 59px 0 82px
  }

  .callout .callout__title {
    padding: 0;
    margin-bottom: 44px
  }
}

.page-template-default .section-copy h2 {
  margin-bottom: 30px;
}

.page-template-default .section-copy h3 {
  margin-bottom: 30px;
}

.page-template-default .section-copy h4 {
  margin-bottom: 30px;
}

.page-template-default .section-copy ul {
  padding: 0 10px 0 12px;
  margin-bottom: 30px;
}

.page-template-default .section-copy ul li,
.page-template-default .section-copy ol li {
  position: relative;
  margin-bottom: 30px;
  letter-spacing: .048em
}

.page-template-default .section-copy ul li:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #444;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px
}

.page-template-default .article--single {
  border-bottom: 0;
}

.header {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.120867);
}

.header .header__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 15px;
  padding-left: 15px;
}

.header .menu a {
  font-family: "Work Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  position: relative;
  letter-spacing: 0 !important;
  text-transform: uppercase;
  color: #585858;
}

.header .menu .first-list a {
  font-size: 15px;
  font-style: italic;
  display: block;
  margin: 0;
  text-transform: capitalize;
  font-weight: 300 !important;
  line-height: 18px;
  letter-spacing: 0 !important;
  font-family: Roboto, sans-serif
}

.link--big,
.nav {
  text-transform: uppercase
}

.header .nav>ul.menu>li,
.header .nav>ul#menu-main-menu>li {
  margin-left: 24px !important;
  position: relative;
  padding: 0 !important;
  margin: auto;
}

.header .nav>ul.menu>li.sign-text a,
.header .nav>ul#menu-main-menu>li.sign-text a {
  background: #FE8B7B;
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
  padding: 11px 22px;
  display: block;
  text-transform: capitalize;
  border-bottom: 8px solid #F57C6B;
}

@media (max-width: 1200px) {
  .home .header-links {
    padding-right: 30px;
  }

  .home .slide-ryt-text {
    padding-right: 30px;
    padding-left: 30px;
  }

  .home .slide-ryt-text h2 {
    font-size: 42px;
  }
}

@media (min-width: 768px) and (max-width: 960px) {
  .section .banner-body .section__content {
    margin-right: 15px;
  }

  .home .slide-ryt-text {
    padding-right: 15px;
    padding-left: 15px;
  }

}

@media (max-width: 768px) {

  .home .py-120.section-top,
  .home .py-120.section-top--reviews {
    padding: 0 !important;
  }

  .header {
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background: #fff;
    z-index: 99;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12);
  }

  .header .shell {
    width: 100%;
    height: 100%;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .header .header__inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 20;
  }

  .header .logo {
    background: url(../images/logo-mobile.png) no-repeat;
    width: 60px;
    height: 60px
  }

  .section.contacts {
    padding-top: 125px;
  }

  @media (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 192dpi) {
    .header .logo {
      background: url(../images/logo-mobile@2x.png) no-repeat;
      background-size: 60px 60px
    }
  }
}

.link--big {
  font-size: 24px;
  font-weight: 700;
  color: #3a8fc8
}

.link--big:hover span {
  text-decoration: underline
}

.list-values {
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  color: #3a8fc8;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 830px;
  margin: 0 auto
}

.list-values li {
  width: 250px;
  position: relative;
  margin-bottom: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding: 45px 0;
  max-height: 252px
}

.list-values li * {
  position: relative;
  z-index: 1
}

.list-values li:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: #fff
}

.list-values li .icon {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px
}

@media (max-width: 767px) {
  .list-values li {
    margin-bottom: 55px;
    min-height: 250px;
    margin-left: auto;
    margin-right: auto
  }
}

.list-actions li {
  float: left;
  width: 50%
}

.list-contacts {
  color: #fff;
  padding-right: 15px
}

.list-contacts li+li {
  margin-top: 29px
}

.list-contacts i {
  margin-right: 12px
}

.list-contacts a {
  text-decoration: none
}

.list-contacts a:hover {
  text-decoration: underline
}

@media (max-width: 767px) {
  .list-contacts li+li {
    margin-top: 34px
  }

  .list-contacts a:hover span {
    text-decoration: underline
  }

  .list-contacts .text-va {
    font-size: 14px;
    max-width: 70%
  }
}

.list-advantages {
  margin-top: -26px;
  padding-right: 30px;
  line-height: 2.3;
  margin-bottom: 38px
}

.list-advantages strong:after {
  content: '-';
  font-weight: 400;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px
}

@media (max-width: 767px) {
  .list-advantages {
    padding-right: 0;
    padding-top: 29px;
    line-height: 1.4;
    font-size: 15px;
    margin-bottom: 44px
  }

  .list-advantages strong {
    display: block;
    font-size: 15px
  }

  .list-advantages strong:after {
    display: none
  }

  .list-advantages li+li {
    margin-top: 23px
  }
}

.list-licenses li {
  margin-bottom: 35px
}

@media (max-width: 1023px) {
  .list-actions li {
    float: none;
    position: absolute;
    top: 0;
    width: 100%
  }

  .list-actions li:last-child {
    top: 100%
  }

  .list-licenses li {
    display: inline-block;
    vertical-align: middle
  }
}

@media (max-width: 767px) {
  .list-licenses li {
    margin-bottom: 45px;
    max-width: 120px
  }


  .list-licenses .license-1 {
    background-image: url(../images/license-1@2x.png)
  }

  .list-licenses .license-2 {
    background-image: url(../images/license-2@2x.png)
  }

  .list-licenses .license-1,
  .list-licenses .license-2 {
    width: 120px;
    height: 120px;
    background-size: 120px 120px
  }
}

.list-steps li {
  counter-increment: li;
  padding-left: 120px;
  position: relative;
  padding-top: 3px;
  margin-bottom: 77px
}

.list-steps li:after,
.list-steps li:before {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 0;
  border-radius: 50%;
  top: 0
}

.list-steps li p {
  padding-right: 60px
}

.list-steps li:after {
  content: '';
  background: #fff;
  box-shadow: 0 1px 8px 0 rgba(50, 50, 50, .5)
}

.list-steps li:before {
  content: counter(li);
  display: inline-block;
  line-height: 80px;
  z-index: 1;
  font-size: 55px;
  background: -webkit-linear-gradient(#3c92cd, #40c0c9);
  background-clip: text;
  -webkit-background-clip: text;
  color: #40c0c9
}

.list-steps li.item--big:after {
  width: 101px;
  height: 101px
}

.list-steps li.item--big:before {
  width: 101px;
  height: 101px;
  line-height: 101px
}

@media (max-width: 767px) {

  .list-steps li:after,
  .list-steps li:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    line-height: 100px
  }

  .list-steps li {
    padding-left: 0;
    text-align: center;
    padding-top: 147px;
    margin-bottom: 83px
  }

  .list-steps li p {
    padding-right: 0
  }
}

.list-faq li {
  margin-bottom: 30px;
  border-bottom: 2px solid #3a8fc8;
  padding-bottom: 25px
}

.list-faq li:last-child {
  border-bottom: 0;
  padding-bottom: 40px
}

.list-faq h5 {
  margin-bottom: 6px
}

@media (max-width: 767px) {
  .list-faq {
    font-size: 14px
  }

  .list-faq li {
    padding-bottom: 37px;
    margin-bottom: 40px
  }

  .list-faq h5 {
    margin-bottom: 14px
  }

  .list-faq li:not(:nth-child(1)):not(:nth-child(2)) {
    display: none
  }
}

.list-simple {
  margin-top: 57px;
  font-weight: 700;
  margin-bottom: 52px
}

.list-simple li:not(:last-child) {
  margin-bottom: 14px
}

.list-simple:before {
  content: '';
  display: block;
  width: 165px;
  height: 1px;
  margin: 0 auto 38px
}

@media (max-width: 767px) {
  .list-simple {
    margin-top: 38px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .list-simple:before {
    margin-top: 0
  }

  .list-simple li:nth-child(4) {
    -ms-flex-order: 3;
    order: 3
  }

  .list-simple li:nth-child(3) {
    -ms-flex-order: 4;
    order: 4
  }

  .list-simple li {
    margin-bottom: 14px
  }
}

.list-category li {
  margin-bottom: 0
}

.list-category a {
  text-decoration: none;
  display: block;
  padding: 10px 17px;
  border-radius: 3px
}

.list-category a:hover {
  text-decoration: underline
}

.list-category .current a {
  background: #ebebeb
}

@media (max-width: 767px) {
  .list-category {
    margin: 0;
    border-radius: 5px;
    position: static;
    right: 1px;
    left: 1px;
    z-index: 1;
    background: #fff;
    max-height: 0;
    overflow: hidden
  }

  .list-category li.current:before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-weight: 400;
    padding: 10px 17px
  }

  .list-category .current a {
    background: 0 0
  }

  .list-category a:hover {
    text-decoration: none
  }

  .list-category .current {
    height: 0;
    padding: 0;
    overflow: hidden
  }
}

.list-contacts-horizontal {
  text-align: center;
  margin: 0
}

.list-contacts-horizontal li {
  display: inline-block;
  vertical-align: middle
}

.list-contacts-horizontal li+li {
  margin-left: 107px
}

.list-contacts-horizontal a {
  text-decoration: none;
  display: block
}

.list-contacts-horizontal a:hover .text-va {
  text-decoration: underline
}

.list-contacts-horizontal i {
  margin-right: 25px
}

@media (max-width: 1023px) {
  .list-contacts-horizontal li+li {
    margin-left: 15px
  }
}

@media (max-width: 767px) {
  .list-contacts-horizontal {
    text-align: left;
    padding-left: 34px
  }

  .list-contacts-horizontal li+li {
    margin-left: 0;
    margin-top: 31px
  }

  .list-contacts-horizontal a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
  }

  .list-contacts-horizontal a .text-va {
    max-width: 70%
  }
}

@media (max-width: 479px) {
  .list-contacts-horizontal {
    padding-left: 0
  }

  .list-contacts-horizontal a .text-va {
    max-width: 60%
  }
}

.load-more {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, .5);
  z-index: 200
}

.load-more img {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.nav {
  text-align: right;
  color: #3a8fc8;
  font-weight: 600;
  font-size: 17px;
  font-family: Cantarell, sans-serif
}

.nav>ul>li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 44px
}

.nav>ul>li:first-child {
  padding-left: 0
}

.nav>ul>li:not(.sign-up) a:not(.btn) {
  text-decoration: none;
  letter-spacing: .1em;
  position: relative
}

.nav .text-normal {
  text-transform: none
}

.nav li:not(.sign-up) a:not(.btn):after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  right: 50%;
  height: 1px;
  margin-top: 5px;
  transition: all .3s
}

.nav li.current-menu-item a:not(.btn):after,
.nav li:not(.sign-up) a:not(.btn):hover:after {
  left: 0;
  right: 0
}

.nav .sign-up a {
  transition: all .3s
}

.nav .sign-up a:hover {
  background: #3a8eca;
  color: #fff
}

.nav .btn {
  min-width: auto
}

@media (max-width: 1200px) {
  .nav {
    font-size: 16px
  }

  .nav>ul>li {
    padding-left: 30px
  }
}

@media (max-width: 1023px) {
  .nav {
    font-size: 12px
  }

  .nav>ul>li {
    padding-left: 20px
  }

  .nav>ul>li:first-child {
    padding-left: 0
  }
}

@media (max-width: 768px) {
  .nav {
    /*background: #46c2cc;*/
    /*background: linear-gradient(to right, rgba(70, 194, 204, 1) 0, rgba(62, 183, 202, 1) 48%, rgba(67, 149, 209, 1) 100%);*/
    /*color: #fff;*/
    padding: 15px 10px 30px 10px;
    /*margin-top: 15px;*/
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    transition: all .3s;
    opacity: 0;
    visibility: hidden
  }

  .nav.active {
    width: 100%;
    top: 96px;
    opacity: 1;
    visibility: visible;
    background: white;
    margin-top: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
    padding: 20px;
  }

  .nav>ul>li {
    padding: 0;
    display: block;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .nav .sign-up,
  .nav>ul>li:last-child {
    margin-bottom: 0
  }

  .nav .sign-up a {
    color: #fff;
    border-color: #fff;
    display: inline-block
  }

  .section-articles .section__title {
    font-size: 32px;
  }
}

.nav li {
  position: relative
}

.nav .sub-menu {
  position: absolute;
  top: 100%;
  text-align: left;
  transition: all .3s;
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: hidden;
  opacity: 0;
  padding-top: 10px;
  max-width: 400px;
}

.nav .sub-menu li {
  display: block;
  padding-left: 0
}

.nav .sub-menu li a:after {
  display: none
}

.nav li:hover>.sub-menu {
  display: block;
  -ms-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  opacity: 1
}

.nav .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  padding-top: 5px;
  margin-left: 25px;
  padding-left: 30px
}

.questions {
  color: #7a7a7a
}

.question {
  margin-bottom: 50px
}

.question h5 {
  margin: 0 0 20px
}

.question p {
  letter-spacing: .045em
}

.question p+ul {
  margin: -20px 0 0
}

.question ul li {
  position: relative;
  letter-spacing: .045em;
  margin-bottom: 3px
}

.question ul li:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #444;
  display: inline-block;
  vertical-align: middle;
  margin-right: 9px
}

.section .section__inner {
  display: -ms-flexbox;
  display: flex
}

.section .section__body {
  max-width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%
}

.section .section__head {
  margin-bottom: 34px
}

.section .section__head h5 {
  color: #c6c6c6;
  margin-bottom: 5px
}

.section .section__title {
  color: #3a8fc8;
  line-height: 1.2;
}

.section .section__content p {
  margin-bottom: 20px
}

.section .section__image {
  max-width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  text-align: right
}

.section .section__slogan {
  padding-bottom: 11px
}

.section--primary .section__head:after {
  content: "";
  display: block;
  width: 165px;
  height: 1px
}

@media (max-width: 767px) {

  .section .section__head h5,
  .section .section__title {
    text-align: center
  }

  .section .section__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .section .section__head {
    margin-bottom: 33px
  }

  .section .section__body {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-order: 2;
    order: 2
  }

  .section .section__image {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 50px
  }

  .section .section__content {
    margin: 0 20px;
    text-align: center
  }

  .section .section__content p {
    margin-bottom: 24px
  }

  .section--primary {
    padding-top: 40px;
    padding-bottom: 68px
  }

  .section.section--primary .section__title {
    font-size: 30px
  }

  .section--primary .section__head:after {
    margin: 0 auto;
  }
}

.section--va {
  padding-top: 0;
  padding-bottom: 76px
}

.section--va .section__inner {
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center
}

.section--secondary .section__body {
  position: relative;
  z-index: 1
}

.section--secondary .section__head {
  margin-right: -40px
}

@media (max-width: 767px) {
  .section--secondary {
    padding-top: 10px;
    padding-bottom: 28px
  }

  .section--secondary .section__head {
    margin: 0 0 10px;
    padding: 0 5px
  }

  .section--secondary .section__head h5 {
    margin-bottom: 5px
  }

  .section--secondary .section__head h5+.section__title {
    text-transform: none
  }

  .section--secondary .section__title {
    text-transform: uppercase;
    padding-bottom: 6px
  }
}

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

.section-quote {
  text-align: center;
  color: #fff;
}

.section-quote .section__title {
  display: inline-block;
  vertical-align: top
}

.sign-up a,
.widget_rss .rsswidget {
  vertical-align: middle
}

.section-quote .section__title:after {
  content: "";
  width: 164px;
  height: 1px;
  background: #fff;
  display: block;
  margin: 29px auto 0
}

.section-quote .section__content {
  padding-top: 42px;
  position: relative;
  margin-bottom: 39px
}

.section-quote .section__content p {
  position: relative;
  display: inline-block
}

.section-quote .section__content p:before {
  content: "";
  width: 105px;
  height: 82px;
  background: url(../images/ico-quote-white.png) no-repeat;
  position: absolute;
  bottom: 0;
  right: 95%;
  opacity: .2;
  line-height: 1
}

@media (max-width: 767px) {
  .section-quote .section__title {
    line-height: 1.2
  }

  .section-quote .section__title:after {
    margin-top: 23px
  }

  .section-quote .section__content {
    padding-top: 22px;
    margin-left: 20px;
    margin-right: 20px
  }

  .section-quote .section__content p:before {
    right: auto;
    left: 0
  }
}

.section-quote--simple {
  padding: 145px 0 133px;
  margin-bottom: 95px
}

.section-quote--simple .section__title:after {
  margin-top: 46px
}

@media (max-width: 767px) {
  .section-quote--simple {
    padding: 60px 0 68px;
    margin-bottom: 66px
  }

  .section-quote--simple .section__title:after {
    margin-top: 36px
  }
}

.section-updates {
  position: relative;
  z-index: 2;
  padding: 124px 0 114px;
  background: #3a8fc8;
  color: #fff
}

.section-updates .section__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: url(../images/image-bg.jpg) 50% 50% no-repeat;
  background-size: cover;
  z-index: -1
}

.section-updates .section__inner {
  display: -ms-flexbox;
  display: flex
}

.section-updates .section__body {
  max-width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  padding-left: 25px;
  padding-top: 6px
}

.section-updates .section__head:after {
  content: "";
  display: block;
  width: 210px;
  height: 1px;
  background: #fff;
  margin: 40px 0 44px
}

.section-updates .section__body__actions .btn {
  min-width: 267px
}

.section-updates .section__title {
  line-height: 1.09;
  letter-spacing: -.06em;
  max-width: 75%;
  margin-left: 12px
}

.section-updates .section__content {
  margin-bottom: 66px;
  max-width: 475px;
  line-height: 1.5
}

.section-updates .section__actions {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%
}

.section--testimonials .section__head:after,
.section-advantages .section__title:after,
.section-license .section__head:after,
.section-steps .section__title:after {
  width: 165px;
  height: 1px;
  content: ""
}

.section-updates .section__aside {
  max-width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  padding-left: 77px
}

@media (max-width: 1023px) {
  .section-updates {
    padding-top: 0;
    text-align: center;
    padding-bottom: 60px
  }

  .section-updates .section__content {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px
  }

  .section-updates .section__title {
    margin: 0 auto;
    line-height: 1.3
  }

  .section-updates .section__head:after {
    margin: 30px auto 40px
  }

  .section-updates .section__inner {
    display: block;
    margin: 0 -10px
  }

  .section-updates .section__body {
    max-width: 100%;
    padding-left: 0;
    background: url(../images/image-bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    padding-top: 133px;
    padding-bottom: 87px;
    position: relative
  }

  .section-updates .section__aside {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
    padding-top: 140px
  }

  .section-updates .section__bg {
    display: none
  }

  .section-updates .section__actions {
    position: static
  }
}

.section-contacts .section__inner {
  display: -ms-flexbox;
  display: flex
}

.section-contacts .section__aside {
  max-width: 474px;
  -ms-flex-preferred-size: 474px;
  flex-basis: 474px;
  position: relative;
  z-index: 1
}

.section-contacts .section__aside:before {
  content: "";
  background: #3d93ce;
  background: linear-gradient(to bottom, rgba(61, 147, 206, 1) 0, rgba(63, 177, 201, 1) 45%, rgba(65, 193, 202, 1) 100%);
  position: absolute;
  top: 0;
  left: -500px;
  right: 0;
  bottom: 0;
  z-index: -1
}

.section-contacts .section__body {
  padding-left: 86px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.section-contacts .section__head {
  padding-bottom: 15px
}

.section-contacts .section__title {
  text-transform: uppercase;
  color: #3a8fc8
}

@media (max-width: 1023px) {
  .section-contacts .section__inner {
    display: block
  }

  .section-contacts .section__aside {
    max-width: 100%
  }

  .section-contacts .section__body {
    padding-left: 0
  }
}

@media (max-width: 767px) {
  .section-contacts .section__title {
    text-align: center
  }

  .section-contacts .section__head {
    padding-bottom: 19px
  }

  .section-contacts .section__aside {
    padding: 77px 0;
  }

  .section-contacts .section__aside:before {
    right: -20px
  }
}

.section-advantages {
  padding: 140px 0 124px;
  background: #35baff;
  background: linear-gradient(to right, rgba(53, 186, 255, 1) 1%, rgba(42, 170, 243, 1) 45%, rgba(29, 153, 227, 1) 100%);
  color: #fff
}

.section-advantages .section__head {
  text-align: center;
  margin-bottom: 54px
}

.section-advantages .section__title {
  color: #fff;
  text-transform: uppercase
}

.section-advantages .section__title:after {
  background: #fff;
  display: block;
  margin: 34px auto 0
}

@media (max-width: 767px) {
  .section-advantages {
    padding-bottom: 65px;
    padding-top: 85px;
    margin-top: 90px
  }

  .section-advantages .section__title:after {
    margin-top: 46px
  }

  .section-advantages .section__head {
    margin-bottom: 72px
  }

  .section-advantages .section__title {
    font-size: 24px
  }
}

.section-license {
  padding: 140px 0;
  margin-bottom: 73px
}

.section-license .section__inner {
  display: -ms-flexbox;
  display: flex
}

.section-license .section__aside {
  min-width: 456px;
  -ms-flex-preferred-size: 456px;
  flex-basis: 456px;
  padding-left: 86px;
  padding-top: 24px
}

.section-license .section__title {
  color: #3a8fc8;
  margin-bottom: 10px
}

.section-license .section__head:after {
  display: block;
  margin: 38px 0
}

.section-license .section__subtitle {
  color: #7a7a7a;
  text-transform: uppercase;
  letter-spacing: -.039em;
  font-size: 38px
}

.section-license .section__cointent {
  line-height: 1.5;
  padding-right: 90px;
  margin-bottom: 58px
}

.section-license .section__actions span {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 400;
  color: #444;
  cursor: default
}

.section-license .section__actions p {
  margin-bottom: 64px
}

@media (max-width: 1023px) {
  .section-license {
    padding: 75px 0;
    text-align: center
  }

  .section-license .section__head:after {
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px
  }

  .section-license .section__inner {
    display: block
  }

  .section-license .section__aside {
    padding: 0;
    text-align: center
  }
}

@media (max-width: 767px) {
  .section-license {
    padding-bottom: 70px;
    margin-bottom: 0
  }

  .section-license .section__subtitle {
    font-size: 18px
  }

  .section-license .section__aside {
    min-width: 0
  }

  .section-license .section__title {
    font-size: 26px
  }

  .section-license .section__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .section-license .section__cointent {
    padding-right: 0;
    -ms-flex-order: 2;
    order: 2;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0
  }

  .section-license .section__head {
    -ms-flex-order: 1;
    order: 1
  }

  .section-license .section__actions {
    -ms-flex-order: 3;
    order: 3;
    margin-top: 24px;
    padding-left: 9px;
    padding-right: 10px
  }

  .section-license .section__actions p {
    margin-bottom: 44px
  }
}

.section--testimonials {
  background: #f8f8f8;
  padding: 102px 0 167px
}

.section--testimonials .section__head {
  text-align: center;
  margin-bottom: 75px
}

.section--testimonials .section__title {
  padding-bottom: 0;
  margin-bottom: 40px
}

.section--testimonials .section__head:after {
  display: block;
  margin: 0 auto
}

@media (max-width: 767px) {
  .section--testimonials {
    padding-top: 63px;
    padding-bottom: 40px
  }

  .section--testimonials .section__title {
    font-size: 24px;
    margin-bottom: 45px
  }

  .section--testimonials .section__head {
    margin-bottom: 19px
  }
}

.section-steps {
  background: #3d93ce;
  background: linear-gradient(135deg, #3d93ce 1%, #3da8cc 44%, #41c1ca 100%);
  color: #fff;
  padding: 148px 0 107px
}

.section-steps .section__head {
  text-align: center;
  margin-bottom: 120px
}

.section-steps .section__title:after {
  display: block;
  background: #fff;
  margin: 43px auto 0
}

.section-steps .section__title {
  margin-bottom: 40px
}

.section-steps .section__inner {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 39px;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.section-steps .section__content {
  padding-left: 75px;
  padding-top: 4px;
  padding-right: 20px
}

.section-steps .section__aside {
  -ms-flex: 0 0 538px;
  flex: 0 0 538px;
  max-width: 538px
}

.section-steps .section__actions {
  text-align: center
}

@media (max-width: 1200px) {
  .section-steps .section__aside {
    min-width: 50%
  }

  .section-steps .section__content {
    padding-left: 0;
    padding-right: 30px
  }
}

@media (max-width: 1023px) {
  .section-steps .section__inner {
    display: block
  }

  .section-steps .section__content {
    padding-left: 0;
    padding-right: 0
  }

  .section-steps .section__aside {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media (max-width: 767px) {
  .section-steps .section__head {
    margin-bottom: 68px;
    font-size: 16px
  }

  .section-steps {
    padding: 90px 0
  }

  .section-steps .section__title {
    font-size: 24px
  }

  .section-steps .section__actions {
    margin-bottom: 90px
  }
}

.section-signup .section__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.section-signup .section__aside {
  min-width: 500px;
  -ms-flex-preferred-size: 500px;
  flex-basis: 500px;
  border-radius: 5px;
  text-align: center;
  background: #a0dfe4;
  background: linear-gradient(45deg, #a0dfe4 1%, #3fa7cc 44%, #4d9dd2 100%);
  position: relative;
  z-index: 2;
  padding: 83px 0 50px
}

.section-signup .section__aside:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: #fff;
  border-radius: 5px;
  z-index: -1
}

.section-signup .section__content {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 60px
}

@media (max-width: 1023px) {
  .section-signup .section__inner {
    display: block
  }

  .section-signup .section__content {
    padding-left: 0;
    padding-top: 30px
  }
}

@media (max-width: 767px) {
  .section-signup .section__aside {
    min-width: 0;
    padding-top: 95px;
    padding-bottom: 30px
  }

  .section-signup .section__aside:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }

  .section-signup .section__aside:after {
    content: "";
    width: 100px;
    height: 1px;
    margin: 50px auto 0;
    display: block
  }

  .section-signup .logo-image {
    background-image: url(../images/logo-image@2x.png);
    width: 149px;
    height: 149px;
    background-size: 149px 149px
  }

  .section-signup .link--big {
    font-size: 18px
  }

  .section-signup .section__content {
    text-align: center;
    margin-top: 0
  }
}

.section-faq {
  margin-bottom: 38px
}

.section-faq .section__aside {
  border-radius: 5px;
  min-width: 338px;
  float: left;
  padding: 47px 49px 47px 35px;
  position: relative;
  background: #46c2cc;
  background: linear-gradient(to bottom, rgba(70, 194, 204, 1) 0, rgba(62, 183, 202, 1) 48%, rgba(67, 149, 209, 1) 100%);
  z-index: 1
}

.section-faq .section__aside:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: 5px;
  background: #fff;
  z-index: -1
}

.section-faq .section__aside h4 {
  color: #3a8fc8;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 40px
}

.section-faq .section__content {
  overflow: hidden;
  padding: 46px 0 0 82px
}

.section-faq .section__title {
  text-transform: uppercase;
  letter-spacing: .03em;
  margin-bottom: 40px
}

@media (max-width: 1023px) {
  .section-faq .section__content {
    padding-left: 20px;
    padding-top: 20px
  }

  .section-faq .section__aside {
    padding: 20px;
    min-width: 300px
  }
}

@media (max-width: 767px) {
  .section-faq .section__content {
    text-align: center;
    padding-left: 0
  }

  .section-faq .section__aside {
    float: none;
    padding: 1px;
    position: relative
  }

  .section-faq .section__aside h4 {
    margin: 0;
    padding: 0;
    text-indent: -4000px;
    height: 43px;
    position: relative;
    z-index: 1
  }

  .section-faq .section__aside h4:after {
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block;
    border-top: 7px solid #d8d8d8;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4px
  }

  .section-faq .section__aside.open .list-category {
    max-height: 100%;
    overflow: visible
  }
}

.section-copy .section__head {
  text-align: center;
}

.page-template-how-it-works .section-copy .section__head {
  padding-right: 10px;
  padding-left: 10px;
}

.section-copy .section__title {
  color: #fff;
  text-transform: uppercase
}

.section-copy .section__body p {
  letter-spacing: .047em
}

.section-copy .list-order {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 0 0 62px;
  padding: 18px 0 0 34px;
  line-height: 2;
  letter-spacing: 0
}

.section-copy h5 {
  color: #7a7a7a;
  margin-bottom: 20px;
  margin-top: 60px
}

.how-table {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 767px) {
  .how-table {
    padding: 0 !important;
  }

  .page-id-217 .section__inner .shell {
    padding-right: 0;
    padding-left: 0;
  }

  .page-template-default .section-copy .how-table h3 {
    margin-bottom: 0;
  }

  .section-copy .section__head {
    padding: 61px 20px 59px;
  }

  .section-copy .section__body {
    text-align: center
  }

  .section-copy .list-order li {
    text-align: left
  }
}

.section-articles {
  margin-bottom: 0;
  overflow: hidden
}

.section-articles .section__head {
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  color: #fff;
  padding: 100px 0 100px;
  text-shadow: 0 0 15px rgba(0, 0, 0, .4)
}

.section-articles .section__actions {
  text-align: center;
  margin-bottom: 50px
}

@media (max-width: 767px) {
  .section-articles {
    margin-bottom: 0
  }

  body:not(.admin-bar) .section-articles .section__head {
    padding-top: 150px;
  }
}

.section-contacts-secondary {
  color: #fff;
  padding: 80px 0 72px
}

.section-error {
  text-align: center;
  padding-top: 242px;
  padding-bottom: 160px;
}

.section-error .section__image {
  margin-bottom: 48px
}

.section-error .section__image img {
  width: 370px;
}

.section-error .section__title {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
  text-align: center;
  color: #48B0F7;
  margin-bottom: 26px
}

.section-error .section__head {
  max-width: 570px;
  margin: 0 auto;
}

.section-error .section__description {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #404040;
}

.section-error .section__actions a {
  margin: 0 20px
}

@media (max-width: 767px) {
  .section-error .section__actions a {
    margin-bottom: 30px
  }
}

.sign-up a {
  display: block;
  text-align: center;
  text-decoration: none;
  border-radius: 26px;
  padding: 14px 34px;
  cursor: pointer;
  font-size: 17px;
  border: 1px solid #3a8fc8;
  color: #3a8fc8;
  background: 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.slider-testimonials {
  position: relative
}

.slider-testimonials .slider__actions a {
  position: absolute;
  top: 0;
  transition: all .3s
}

.slider-testimonials .slider__actions a i {
  transition: all .3s
}

.slider-testimonials .slider__prev {
  left: -56px
}

.slider-testimonials .slider__next {
  right: -64px
}

.slider-testimonials .slider__prev:hover i {
  -ms-transform: translateX(-5px);
  transform: translateX(-5px)
}

.slider-testimonials .slider__next:hover i {
  -ms-transform: translateX(5px);
  transform: translateX(5px)
}

@media (max-width: 1400px) {
  .slider-testimonials {
    overflow: hidden
  }

  .slider-testimonials .slider__next {
    right: 10px
  }

  .slider-testimonials .slider__prev {
    left: 10px
  }
}

@media (max-width: 1023px) {
  .sign-up a {
    font-size: 12px;
    padding: 10px
  }

  .slider-testimonials .slider__actions {
    display: none
  }

  .slider-testimonials .slick-dots {
    text-align: center;
    font-size: 0;
    margin-top: 60px
  }

  .slider-testimonials .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-size: 0
  }

  .slider-testimonials .slick-dots li button {
    border: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    background: #e1e1e1;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 7px
  }

  .slider-testimonials .slick-dots li.slick-active button {
    background: #3a8fc8
  }

  .slider-testimonials .slide {
    overflow: hidden
  }
}

.steps {
  padding-left: 0;
}

.step {
  margin-bottom: 46px;
}

.step .step__title {
  color: #3a8fc8;
  text-transform: uppercase;
  margin-bottom: 24px
}

.step .step__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.step .step__content {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 50px;
  position: relative;
  padding-bottom: 20px;
  padding-right: 40px
}

.step .step__content:before {
  content: '';
  background: #3b94cc;
  background: linear-gradient(to bottom, #3b94cc 0, #3faccb 50%, #40c0c9 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 100%
}

.step .step__image {
  min-width: 409px
}

.step .step__content p {
  letter-spacing: .046em;
  line-height: 1.7
}

@media (max-width: 1023px) {
  .steps {
    padding-left: 0;
  }

  .step {
    padding-right: 0;
    bottom: 0
  }

  .step:last-child {
    margin-bottom: 0
  }

  .step .step__body {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .step .step__image {
    -ms-flex-order: 1;
    order: 1;
    margin: 0 auto 20px;
    min-width: 0;
    max-width: 409px
  }

  .step .step__image img {
    display: block;
    width: 100%
  }

  .step .step__content:before {
    display: none
  }

  .step .step__content {
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px
  }
}

input::-webkit-input-placeholder {
  color: inherit;
  opacity: 1
}

input:-ms-input-placeholder {
  color: inherit;
  opacity: 1
}

input::placeholder {
  color: inherit;
  opacity: 1
}

textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 1
}

textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 1
}

textarea::placeholder {
  color: inherit;
  opacity: 1
}

input:-webkit-autofill {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.wrapper {
  min-height: 100vh
}

.shell {
  max-width: 1260px;
  margin: auto;
  padding-right: 15px;
  padding-left: 15px;
}

.section__body .shell {
  padding-right: 15px;
  padding-left: 15px;
  min-height: 300px;
}

.shell--fluid {
  max-width: none
}

.shell--small {
  max-width: 1120px
}

.shell--big {
  max-width: 1230px
}

.widget {
  margin-bottom: 15px
}

.widget ul {
  margin: 0
}

.widget li {
  padding: 5px 0
}

.widget .widget__title {
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
  margin-bottom: 12px
}

.widget_categories .screen-reader-text {
  display: none
}

.widget_categories .post-form {
  width: 100%;
  padding: 5px
}

.widget_calendar table {
  width: 100%;
  text-align: center
}

.widget_calendar td,
.widget_calendar th {
  padding: 5px;
  border: 1px solid #000
}

.widget_calendar caption {
  padding: 12px;
  font-weight: 700
}

.widget_calendar tfoot {
  font-weight: 700
}

.widget_rss .rsswidget img {
  float: left;
  margin: 5px 8px 0 0
}

.testimonial {
  display: -ms-flexbox;
  display: flex;
  padding-top: 42px
}

.testimonial .testimonial__head {
  -ms-flex-order: 2;
  order: 2;
  min-width: 454px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.testimonial .testimonial__body {
  -ms-flex-order: 1;
  order: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 10px 60px 0 142px;
  line-height: 1.9;
  position: relative
}

.testimonial .testimonial__body p:first-child:before {
  content: '';
  width: 105px;
  height: 82px;
  background: url(../images/ico-quote.png) no-repeat;
  position: absolute;
  top: -30px;
  left: -70px
}

.testimonial .testimonial__avatar {
  min-width: 150px;
  margin-right: 20px
}

.testimonial .testimonial__avatar img {
  width: 100%
}

.testimonial .testimonial__title {
  text-transform: uppercase
}

@media (max-width: 1023px) {
  .testimonial {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 80px
  }

  .testimonial .testimonial__body {
    width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 40px
  }

  .testimonial .testimonial__body p:first-child:before {
    left: 0;
    right: 0;
    top: 0;
    transform: translate3d(30px, -80px, 0)
  }
}

@media (max-width: 767px) {
  .testimonial .testimonial__body {
    font-size: 15px;
    line-height: 1.6
  }

  .testimonial .testimonial__avatar {
    min-width: 100px;
    width: 100px
  }

  .testimonial .testimonial__head {
    padding: 0 10px;
    min-width: 0
  }

  .testimonial .testimonial__body p:first-child:before {
    top: 0;
    left: 0
  }
}

@media (max-width: 479px) {
  .testimonial {
    padding-top: 42px
  }

  .testimonial .testimonial__body p:first-child:before {
    transform: translate3d(0, 0, 0)
  }

  .how-table h3 {
    font-size: 14px;
  }
}

.update {
  margin-bottom: 32px
}

.update .update__head {
  margin-bottom: 20px;
  font-weight: 700;
  opacity: .5
}

.update .update__body {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 22px
}

.update .update__actions {
  text-transform: uppercase;
  font-weight: 700
}

.update .update__actions a {
  text-decoration: none;
  opacity: .5;
  transition: all .3s
}

.update .update__actions a:hover {
  opacity: 1
}

.update .update__actions a i {
  margin-left: 13px
}

.rplg {
  max-width: 90%;
  margin: 0 auto;
}

.rplg-slider .rplg-box .rplg-box-content {
  margin: 40px 30px 20px 40px !important;
}

/*custom styles for traffic school cost page*/
.page-template-traffic-school-cost .section {
  padding: 60px 0;
}

.page-template-traffic-school-cost .section.section-cost {
  padding-top: 96px;
}

.page-template-traffic-school-cost .section-cost-left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
}

.page-template-traffic-school-cost .section-cost .shell {
  position: relative;
  z-index: 2;
}

.home .table-cost:before {
  display: block;
  content: "";
  width: 100%;
  height: 115px;
  position: absolute;
  left: -30px;
  bottom: 2px;
  background: url(/wp-content/themes/traffic-school/images/Signs-Illo-Left@2x.png) no-repeat bottom right;
  background-size: 64%;
  transform: translateX(-100%);
  z-index: 1;
}

.home .table-cost:after {
  display: block;
  content: "";
  width: 100%;
  height: 115px;
  position: absolute;
  z-index: 1;
  right: -30px;
  bottom: 2px;
  background: url(/wp-content/themes/traffic-school/images/Signs-Illo-Right@2x.png) no-repeat bottom left;
  background-size: 64%;
  transform: translateX(100%);
}

.home .table-cost h4 {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  color: #585858;
}

.home .table-cost tr:nth-child(2) h4 {
  font-weight: 700;
}

.home .table-cost tr:first-child th {
  padding-bottom: 20px !important;
}

.home .table-cost tr:nth-child(2) td {
  padding-bottom: 35px !important;
}

.home .table-cost p {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
}

.home .table-cost td:nth-child(2) p {
  font-weight: 700;
  color: #48B0F7;
}

.page-template-traffic-school-cost .section-cost-left h1.section-cost-title {
  max-width: 180px;
  font-size: 48px;
}

.page-template-traffic-school-cost .section-cost-left h1,
.page-template-traffic-school-cost .section-cost-left h5 {
  color: #12C0C5;
}

.page-template-traffic-school-cost .section-cost-left h5 {
  margin: 24px 0 32px;
}

.cost-btn,
.page-template-traffic-school-cost .cost-btn {
  min-width: 185px;
  text-transform: uppercase;
  font-size: 24px;
  text-decoration: none;
  color: #fff;
  background-color: #FE8B7B;
  padding: 15px 20px;
  border: 1px solid #fe8b7b;
  font-weight: 600;
  font-family: "Work Sans", sans-serif !important;
  -webkit-appearance: button;
}

.button-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cost-btn a,
.page-template-traffic-school-cost .cost-btn a {
  text-transform: uppercase;
  font-size: 24px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
}

.page-template-traffic-school-cost .section.ready-get ul.check-list {
  padding-top: 0;
}

.page-template-traffic-school-cost .table-cost,
.home .table-cost {
  text-align: left;
}

.home .table-cost {
  text-align: left;
  position: relative;
}

.home.table-cost .table-cost-title,
.page-template-traffic-school-cost .table-cost .table-cost-title {
  font-size: 20px;
  font-family: "Work Sans", Sans-Serif;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.home .table-cost .table-cost-title .main {
  display: block;
  visibility: visible;
}

.home .table-cost .table-cost-title .shortcut {
  display: none;
  visibility: hidden;
}

.home .table-cost .total-cost,
.page-template-traffic-school-cost .table-cost .total-cost {
  font-size: 32px;
  font-family: "Work Sans", Sans-Serif;
  font-weight: 800 !important;
  line-height: 38px !important;
  color: #707070;
}

.home .table-cost tr th,
.page-template-traffic-school-cost .table-cost tr th {
  padding: 32px 32px 0 32px;
  border-bottom: 0;
  color: #707070;
}

.home .table-cost tr th.td-blue {
  border-top: 7px solid #48B0F7;
}

.home .table-cost tr td:first-child,
.page-template-traffic-school-cost .table-cost tr td:first-child {
  padding: 16px 32px 32px;
}

.home .table-cost tr th:first-child,
.page-template-traffic-school-cost .table-cost tr th:first-child,
.home .table-cost tr td:first-child,
.page-template-traffic-school-cost .table-cost tr td:first-child {
  color: #585858;
  text-align: left;
  max-width: 260px;
}

.home .table-cost tr th:first-child,
.page-template-traffic-school-cost .table-cost tr th:first-child {
  padding: 0;
}

.home .table-cost tr td:first-child,
.page-template-traffic-school-cost .table-cost tr td:first-child {
  padding: 23px 32px 23px 0;
}

.home .table-cost tr th:nth-child(2),
.home .table-cost tr td:nth-child(2),
.home .table-cost tr th:nth-child(3),
.home .table-cost tr td:nth-child(3),
.page-template-traffic-school-cost .table-cost tr th:nth-child(2),
.page-template-traffic-school-cost .table-cost tr td:nth-child(2),
.page-template-traffic-school-cost .table-cost tr th:nth-child(3),
.page-template-traffic-school-cost .table-cost tr td:nth-child(3) {
  padding-left: 32px;
  max-width: 236px;
}

.td-blue,
.td-blue p {
  color: #48b0f7;
  font-weight: 600;
  background: #eff9ff;
}

.home .td-blue,
.home .td-blue p {
  background: #FFFFFF;
}

.table-cost tr:nth-child(2) td p {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  line-height: 38px;
}

.home .table-cost tr:last-child td,
.page-template-traffic-school-cost .table-cost tr:last-child td {
  padding: 3px;
  border-bottom: 0;
}

.home .table-cost tr:last-child td:nth-child(2) {
  background: #48B0F7;
}

.home .table-cost h2,
.home .table-cost h3,
.home .table-cost h4,
.page-template-traffic-school-cost .table-cost h2,
.page-template-traffic-school-cost .table-cost h3,
.page-template-traffic-school-cost .table-cost h4 {
  text-transform: capitalize;
}

.page-template-traffic-school-cost .licensed {
  margin-top: 30px;
  text-align: center;
}

.page-template-traffic-school-cost .licensed img {
  width: 46px;
  height: 46px;
}

.page-template-traffic-school-cost .licensed h5 {
  color: #404040;
  margin-top: 0;
  margin-bottom: 0;
}

.page-template-traffic-school-cost .licensed.licensed-mobile {
  display: none;
}

.section-descr .section-descr-icon {
  display: block;
  max-width: 110px;
  height: 90px;
}

.section-descr .section-descr-icon img {
  display: block;
  width: 100%;
  height: 100%;
}

.section-descr .row-flex .text-pink-light {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  line-height: 38px;
  text-transform: capitalize;
}

.page-template-traffic-school-cost .peace-mind .mb-48:last-child {
  margin-bottom: 0;
}

.section.peace-mind .peace-mind-icon {
  display: block;
  max-width: 140px;
  max-height: 140px;
  margin: 0 auto 1rem;
}

.section.peace-mind .peace-mind-title {
  font-size: 48px;
  line-height: 58px;
}

.section.peace-mind p {

  color: #707070;
  margin-bottom: 16px;
}

.section.peace-mind p.text-cursive {
  font-size: 20px;
  font-family: "Lora", Sans-Serif;
}

.peace-mind .peace-mind-text {
  border-bottom: 12px solid #FFD6D4;
  padding-bottom: 20px;
}

.section.peace-mind .peace-mind-price {
  text-align: left;
  font-size: 32px;
  line-height: 38px;
  font-weight: 800;
}

.peace-mind .peace-mind-text p:last-child {
  margin-bottom: 0;
}

.page-template-traffic-school-cost .section.questions .img {
  width: 70px;
}

.page-template-traffic-school-cost .section.questions {
  padding: 30px 0;
}

.licensed-desktop h5 {
  font-size: 16px;
}

@media (max-width: 767px) {
  .page-template-traffic-school-cost .section .shell {
    padding: 0 30px;
  }

  .page-template-traffic-school-cost .cost-btn a {
    font-size: 20px;
  }

  .page-template-traffic-school-cost .licensed.licensed-desktop {
    display: none;
  }

  .page-template-traffic-school-cost .licensed.licensed-mobile {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 30px;
  }

  .page-template-traffic-school-cost .licensed.licensed-mobile h5 {
    font-style: italic;
  }

  .page-template-traffic-school-cost .licensed.licensed-mobile .licensed-mobile-img {
    margin-right: 15px;
  }

  .page-template-traffic-school-cost .section.section-cost {
    padding: 184px 0 64px;
  }

  .page-template-traffic-school-cost .table-cost {
    margin-top: 0;
  }

  .page-template-traffic-school-cost .table-cost h2 {
    font-size: 20px;
    text-align: center;
  }

  .page-template-traffic-school-cost .table-cost h3,
  .page-template-traffic-school-cost .table-cost h4 {
    font-size: 18px;
    text-align: center;
  }

  .page-template-traffic-school-cost .table-cost .table-cost-title {
    font-size: 18px;
  }

  .page-template-traffic-school-cost .table-cost .total-cost {
    font-size: 20px;
  }

  .page-template-traffic-school-cost .table-cost p {
    text-align: center;
  }

  .page-template-traffic-school-cost .table-cost tr td {
    padding: 24px 16px;
    text-align: left;
  }

  .page-template-traffic-school-cost .table-cost tr th:nth-child(2),
  .page-template-traffic-school-cost .table-cost tr th:nth-child(3) {
    padding: 24px 16px 0;
  }

  .page-template-traffic-school-cost .table-cost tr td:nth-child(2),
  .page-template-traffic-school-cost .table-cost tr td:nth-child(3) {
    padding: 24px 16px;
  }

  .page-template-traffic-school-cost .table-cost tr td:first-child {
    padding: 24px 16px 24px 0;
  }

  .page-template-traffic-school-cost .section.section-cost .shell:after {
    display: none;
  }

  .page-template-traffic-school-cost .section-cost-left h1.section-cost-title {
    max-width: 100%;
    text-align: center;
  }

  .page-template-traffic-school-cost .section-cost-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-bottom: 60px;
    margin-bottom: 0;
  }

  .page-template-traffic-school-cost .section-cost-left h5 {
    text-align: center;
  }

  .section-descr .col-lg-4,
  .section-descr .col-md-4,
  .section-descr .col-md-6,
  .section-descr .col-sm-6 {
    margin-bottom: 80px;
  }

  .section.peace-mind .peace-mind-title,
  .section.peace-mind .peace-mind-title {
    text-align: center;
    margin: 8px auto 32px !important;
  }

  .section.peace-mind p {
    text-align: center;
  }

  .peace-mind .peace-mind-text {
    padding-bottom: 32px;
  }

  .section.peace-mind .peace-mind-price {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 64px;
  }

  .section.peace-mind .peace-mind-icon {
    margin: 0 auto 2rem;
  }

  .section.ready-get .ready-get-title {
    text-align: left;
    margin-bottom: 3rem;
  }

  .section.ready-get .btn {
    margin-bottom: 16px;
  }

  .section-descr .section-descr-icon {
    height: inherit;
  }

  .page-template-traffic-school-cost .section.questions {
    padding: 30px 0;
  }

  .home .table-cost tr td:first-child,
  .page-template-traffic-school-cost .table-cost tr td:first-child {
    padding: 16px 16px 16px 0;
  }

  .home .table-cost tr th:nth-child(2),
  .home .table-cost tr td:nth-child(2),
  .home .table-cost tr th:nth-child(3),
  .home .table-cost tr td:nth-child(3),
  .page-template-traffic-school-cost .table-cost tr th:nth-child(2),
  .page-template-traffic-school-cost .table-cost tr td:nth-child(2),
  .page-template-traffic-school-cost .table-cost tr th:nth-child(3),
  .page-template-traffic-school-cost .table-cost tr td:nth-child(3) {
    padding: 16px;
  }
}

@media (max-width: 375px) {

  .page-template-traffic-school-cost .table-cost tr th:nth-child(2),
  .page-template-traffic-school-cost .table-cost tr th:nth-child(3) {
    padding: 16px 8px 0;
  }

  .page-template-traffic-school-cost .table-cost tr td:nth-child(2),
  .page-template-traffic-school-cost .table-cost tr td:nth-child(3) {
    padding: 16px 8px;
  }
}

@media (max-width: 320px) {

  .section-descr .row-flex .text-pink-light,
  .section-descr .description-list h2 {
    font-size: 26px;
    line-height: 30px;
  }
}

/*end styles for traffic cost template*/
/* styles for section-intro on homepage*/


/*
** For the sign up form START
*/
.password-top {
  position: relative;
}

.button-eye-icon {
  position: absolute;
  right: 10px;
  top: 32px !important;
}

.button-eye-icon:hover {
  cursor: pointer;
}

.password-bottom {
  position: relative;
}

.button-eye-icon-bottom {
  position: absolute;
  right: 10px;
  top: 32px !important;
}

.button-eye-icon-bottom:hover {
  cursor: pointer;
}

/*
#password_container {
  position:relative;
}

#p-text, #p-dot {
  pointer-events: none;
  position:absolute;
  left:8;
  top:-13px;
  margin: 0;
  padding: 10px;
  height: 70px;
  line-height: 70px;
  font-style: normal;
  width: 80%;
  overflow: hidden;
}

#password {
  color:transparent;
}

#p-text span, #p-dot.active span {
  transform: translate(-5px, 0px) scale(0);
  display: inline-block;
  transition:all 0.1s cubic-bezier(0.19, 1, 0.22, 1);
}

#p-text.active span, #p-dot span {
  transform: translate(0px, 0px) scale(1);
  display: inline-block;
  transition:all 0.1s cubic-bezier(0.19, 1, 0.22, 1);
}*/

/* */
/*
.input {
  position: relative;
  margin-top: 20px;
  margin-bottom: 50px;
}

.line-active {
  opacity:1 !important;
  border-bottom:1px solid #000 !important;
  box-shadow: 0px 2px 0px #000 !important;
}

.input input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  border-radius: 0;
  outline: none;
  height: 70px;
  width: 100%;
  padding: 0;
  box-shadow: none;
  transition: all 0.3s ease;
}

.label-active {
  opacity:0 !important;
}

#show-password-button {
  position:absolute;
  right:0px;
  top:-10px;
  width:80px;
  height:80px;
  padding:20px;
  opacity:0.2;
  cursor:pointer;
  pointer-events:none;
}

#show-password-button svg {
  overflow:visible;
}

.showeye {
  opacity:1 !important;
  pointer-events:auto !important;
}

#show-password-button:active svg {
  transform:scale(0.9)
}

#show-password-button.toggled svg {

}

.button-icons {
  margin-left: 5%;
  position: relative;
}

.icon {
  fill:none;stroke:#000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;stroke-linejoin:round;
}

.closed {
  visibility: hidden;
}



@media (max-width: 600px) {
 .input label {
    transform: translateY(19px);
  }
  
}*/

/*
** For the sign up form END
*/

/*
** Error message START
*/

.help-block,
.form-error {
  font-family: 'Roboto';
  font-size: 15px !important;
  line-height: 18px;
  font-weight: normal;
  color: #FF3C37 !important;
  text-align: right;
  font-style: normal;
}

/*
** Error message END
*/

.page .header .nav .sign-text a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -11px;
  width: 100%;
  height: 10px;
  background: #48b0f7;
  visibility: hidden;
}

.section-intro {
  position: relative;
  padding: 84px 0;
}

.section-intro .section-intro-left {
  color: #fff;
}

.section-intro:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 150%;
  background: #48b0f7;
  z-index: 2;
}

@media (min-width: 576px) {
  .section-intro:before {
    right: 0;
    height: 100%;
  }
}

@media (min-width: 768px) {
  .section-intro:before {
    right: 50%;
    height: 150%;
  }
}

@media (min-width: 992px) {
  .section-intro:before {
    right: 56.333333%;
  }
}

.section-intro:after {
  content: "";
  display: block;
  width: 100%;
  height: 115px;
  position: absolute;
  bottom: 84px;
  left: 43%;
  background: url(../images/Car-graphic_v3@2x.png) no-repeat center left;
  z-index: 1;
}

.section-intro .shell {
  position: relative;
  z-index: 3;
}

.home .section-intro-title {
  margin-bottom: 36px;
}

.section-intro .check-list {
  margin-bottom: 16px;
}

.section-intro .banner-left-bottom,
.section-signup .banner-left-bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #ffffff;
}

.section-intro .banner-left-bottom h4,
.section-signup .banner-left-bottom h4 {
  color: #ffffff;
}

.section-intro .section-intro-right {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.section-intro .section-intro-right .banner-form {
  width: 72%;
  margin: -20% auto 0;
}

@media (max-width: 768px) {
  .page-template {
    padding-top: 0;
  }

  .home .section-intro-title {
    font-size: 48px;
  }

  .section-intro {
    background: #48b0f7;
    padding-top: 64px;
    padding-bottom: 200px;
  }

  .section-intro:before {
    display: none;
  }

  .section-intro:after {
    bottom: 50px;
    left: -10%;
    width: 120%;
    background: url(../images/Car-graphic_v3@2x.png) no-repeat center center;
    background-size: contain;
    z-index: 1;
  }

  .section-intro .section-intro-right .banner-form {
    width: 90%;
    margin: 40px auto 0;
  }

  .home .signup-content .banner-form {
    width: 100%;
  }

  .menu {
    padding-left: 0;
  }

  .page .header .nav .sign-text a::after {
    display: none;
  }

}

/*end styles for section-intro*/
/*styles for traffic reviews template*/
.box-blue {
  background: #48B0F7;
  border-bottom: 16px solid #3A8FC8;
  padding: 50px 0;
  margin: 50px 0;
}

.box-blue .box-blue--title {
  font-size: 32px;
  line-height: 38px;
  font-weight: 800;
  margin-bottom: 16px;
}

.box-blue .box-blue--list {
  color: #fff;
}

.box-blue .box-blue--list li {
  font-size: 20px;
  line-height: 32px;
  font-family: "Lora", sans-serif;
  font-style: italic;
}

.box-blue .box-blue--list li+li {
  margin-top: 16px;
}

.box-blue .box-blue--list h4 {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  font-style: italic;
  margin-bottom: 0;
}

.page-template-traffic-school-reviews .section {
  padding: 60px 0;
}

.page-template-traffic-school-reviews .bg-green-img {
  padding: 80px 0;
  height: 317px;
  margin-bottom: 70px;
}

.page-template-traffic-school-reviews .bg-green-img .section-title {
  margin-bottom: 20px;
}

.page-template-traffic-school-reviews .section-subtitle {
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-family: "Lora";
}

.page-template-traffic-school-reviews .banner-right-bottom {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  text-align: right;
}

.page-template-traffic-school-reviews .banner-right-bottom h4 {
  font-family: 'Helvetica';
  font-size: 15px;
  font-style: italic;
  color: #404040;
  text-align: right;
  line-height: 1.2;
  margin-bottom: 0;
}

.page-template-traffic-school-reviews .banner-right-bottom .banner-mobile h4:last-child {
  text-align: left;
}

.page-template-traffic-school-reviews .banner-right-bottom .banner-desktop {
  display: block;
}

.page-template-traffic-school-reviews .banner-right-bottom .banner-mobile h4:first-child {
  display: none;
}

.page-template-traffic-school-reviews .banner-right-bottom-img {
  width: 48px;
  height: 48px;
  margin: 0 16px;
}

.page-template-traffic-school-reviews .section.ready-get ul.check-list {
  padding-top: 0;
}

.page-template-traffic-school-reviews .section.review-descr {
  padding: 165px 0 60px;
}

.page-template-traffic-school-reviews .ready-get-title {
  font-size: 48px;
  line-height: 57px;
  margin-top: -9px;
}

.improve-list .text-white.ready-get-title {
  font-size: 48px;
  line-height: 57px;
  margin-top: -9px;
}

.page-template-traffic-school-reviews .testimonials {
  padding-bottom: 0;
}

.page-template-traffic-school-reviews .testimonials .badge.badge-inline {
  transform: translateY(100px);
  margin-top: -100px;
}

.page-template-traffic-school-reviews .ready-get {
  padding-top: 60px;
}

.page-template-traffic-school-reviews .bg-green-img .badge {
  max-height: 335px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
}

.page-template-traffic-school-reviews .badge .carousel-widget iframe .scrollBtn {
  top: 100px !important;
}

@media (max-width: 992px) {
  .page-template-traffic-school-reviews .bg-green-img {
    padding-top: 164px;
    height: 430px;
    margin-bottom: 80px;
  }

  .page-template-traffic-school-reviews .bg-green-img:before {
    height: 87%;
  }

  .page-template-traffic-school-reviews .bg-green-img:after {
    width: 100%;
    height: 87%;
  }

  .page-template-traffic-school-reviews .bg-green-img .section-title,
  .page-template-traffic-school-reviews .bg-green-img .section-subtitle {
    text-align: center;
  }

  .page-template-traffic-school-reviews .bg-green-img .section-title {
    margin-top: 0;
    margin-bottom: 16px;
  }

  .page-template-traffic-school-reviews .bg-green-img .section-subtitle {
    margin-bottom: 30px;
  }

  .page-template-traffic-school-reviews .section.review-descr {
    padding: 30px 0 50px;
  }
}

@media (max-width: 768px) {
  .page-template-traffic-school-reviews .bg-green-img {
    height: inherit;
    margin-bottom: 0;
    padding-top: 140px;
    padding-bottom: 0;
  }

  .page-template-traffic-school-reviews .bg-green-img .shell .row-flex.mb-4 {
    margin-bottom: 16px !important;
  }

  .page-template-traffic-school-reviews .bg-green-img:after {
    display: none;
  }

  .page-template-traffic-school-reviews .testimonials .badge.badge-inline {
    margin: 0;
    transform: translateY(0);
  }

  .page-template-traffic-school-reviews .bg-green-img .badge {
    max-width: 100%;
    max-height: 100%;
    min-height: 280px;
    margin: 0 auto 16px !important;

  }

  .page-template-traffic-school-reviews .banner-right-bottom {
    position: relative;
    display: flex;
    flex-direction: row;
    text-align: center;
    margin: 0 auto;
  }

  .page-template-traffic-school-reviews .banner-right-bottom h4 {
    font-size: 16px;
    text-align: center;
  }

  .page-template-traffic-school-reviews .banner-right-bottom .banner-desktop {
    display: none;
  }

  .page-template-traffic-school-reviews .banner-right-bottom .banner-mobile h4:first-child {
    display: block;
  }

  .page-template-traffic-school-reviews .banner-right-bottom-img {
    width: 55px;
    height: 55px;
    margin: 0 16px 0 0;
  }

  .improve-list .text-white.ready-get-title  {
    font-size: 32px;
    line-height: 38px;
  }
}

/*end styles for traffic reviews template*/
/* start styles for list traffic */
.page-template-traffic-school-list {
  font-family: "Lora", Sans-Serif;
  color: #585858;
}

.page-template-traffic-school-list .bold-underline {
  border-bottom: 12px solid #ffd6d4;
}

.page-template-traffic-school-list hr {
  border: 0;
  color: #B8B8B8;
  /* for other browser */
  background-color: #B8B8B8;
  /*  Firefox и Opera */
  height: 1px;
  margin: 48px auto;
}

.page-template-traffic-school-list em {
  font-style: italic;
}

.page-template-traffic-school-list strong {
  font-weight: 700;
}

.page-template-traffic-school-list h3 {
  text-transform: inherit;
}

.page-template-traffic-school-list .mark {
  background-color: #fdf8eb;
}

.page-template-traffic-school-list .section {
  padding: 80px 0;
}

.page-template-traffic-school-list .section.section-list-hero {
  padding: 90px 0 0;
}

.page-template-traffic-school-list .section.section-list-option {
  padding: 0;
}

.page-template-traffic-school-list .section.section-lic-info {
  padding: 120px 0;
}

.page-template-traffic-school-list .section-list-hero hr {
  margin: 80px auto;
}

.page-template-traffic-school-list .section-list-hero .section-list-title {
  margin: 60px 0 32px;
  color: #707070;
  font-size: 48px;
  line-height: 50px;
}

.page-template-traffic-school-list .section-list-title {
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  color: #48B0F7;
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 48px;
  font-style: normal;
}

.page-template-traffic-school-list .section-list-subtitle {
  font-family: "Work Sans", sans-serif;
  font-weight: normal;
  color: #A0A0A0;
  margin-bottom: 8px;
  font-style: normal;
}

.page-template-traffic-school-list .pill {
  display: inline-block;
  line-height: 18px;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-weight: 300;
  font-style: normal;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 5px 15px;
  margin-left: 5px;
}

.page-template-traffic-school-list .pill.pill-yellow {
  background: #FCB60C;
}

.page-template-traffic-school-list .section-list-hero--img {
  display: block;
  width: 100%;
  max-width: 370px;
  max-height: 288px;
}

.page-template-traffic-school-list .section .section-text {
  font-family: "Lora", sans-serif;
  font-size: 20px;
  line-height: 31px;
  color: #585858;
}

.page-template-traffic-school-list .section p a {
  text-decoration: underline;
  color: #3A8FC8;
  font-style: italic;
}

.page-template-traffic-school-list .section .steps {
  list-style: none;
  padding: 0;
  font-style: normal;
}

.page-template-traffic-school-list .section ul ul {
  list-style-type: disc;
}

.page-template-traffic-school-list .section ul ul.check-list {
  list-style-type: none !important;
  padding-top: 0;
}

.page-template-traffic-school-list .section .step {
  margin-bottom: 80px;
}

.page-template-traffic-school-list .section .step-2 {
  padding-top: 10px;
  position: relative;
  margin-bottom: 32px;
}

.page-template-traffic-school-list .step-2 .step-header {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 390px;
  background: url("../images/DMV-List-gray.png") repeat-x top center;
  background-size: cover;
}

.page-template-traffic-school-list .step-2 .step-header-badge {
  position: absolute;
  right: 0;
  top: 32px;
  height: 32px;
  display: block;
  background: #48B0F7;
  border-left: 5px solid #3A8FC8;
  padding: 0px 80px 0px 16px;
  font-size: 18px;
}

@media (max-width: 992px) {
  .step-four-pricetag img {
    display: block;
    margin: 48px auto 0;
  }
}

@media (max-width: 768px) {
  .page-template-traffic-school-list .section {
    padding: 64px 0;
  }

  .page-template-traffic-school-list .section .img-responsive {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .page-template-traffic-school-list .section.ready-get {
    padding: 80px 0 64px;
  }

  .page-template-traffic-school-list .section.ready-get .img-responsive {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .page-template-traffic-school-list .section.ready-get.py-120 {
    padding: 80px 0 120px !important;
  }

  .page-template-traffic-school-list .section.section-list-hero {
    padding-top: 135px;
  }

  .page-template-traffic-school-list .section-list-hero .section-list-title {
    margin-top: 0;
  }

  .page-template-traffic-school-list .ready-get .section-list-title {
    text-align: center;
  }

  .page-template-traffic-school-list .ready-get .btn {
    display: block;
    margin: 0 auto 32px;
  }

  .page-template-traffic-school-list .section-list-hero hr {
    margin: 48px auto;
  }

  .page-template-traffic-school-list .section-list-hero--img {
    margin: 48px auto;
  }

  .page-template-traffic-school-list .section .step {
    margin-bottom: 64px;
  }

  .page-template-traffic-school-list .section .step-2 {
    padding-top: 0;
    margin-bottom: 0;
  }

  .page-template-traffic-school-list .step-2 .step-header {
    height: 225px;
  }

  .page-template-traffic-school-list .section.section-lic-info .section-list-title {
    margin-bottom: 48px !important;
  }

  .page-template-traffic-school-list .section.section-lic-info .img-responsive {
    margin: 48px auto 0;
  }

  .page-template-traffic-school-list .section.section-lic-info {
    padding: 64px 0;
  }

}

/* end of styles for list traffic */
/* LANDING PAGE STYLES*/
.traffic-landing .section {
  padding: 120px 0;
}

.home .banner-form,
.traffic-landing .banner-form {
  font-size: 17px;
  line-height: 23px;
  color: #585858;
  font-style: italic;
  text-decoration: none;
  font-family: Lora, serif;
  display: block;
  font-weight: lighter
}

.home .banner-form .gfield input,
.traffic-landing .banner-form .gfield input {
  border-radius: 6px;
}

.home .banner-form input,
.traffic-landing .banner-form input {
  color: #4a4a4a;
  border: 2px solid #d0d0d0;
  background: #fff;
  margin: 8px 0;
  width: 100%;
  padding: 0 10px;
  font-family: Roboto, sans-serif !important;
}

.traffic-landing .banner-form input::-webkit-input-placeholder,
.traffic-landing .banner-form input:-ms-input-placeholder,
.traffic-landing .banner-form input::placeholder,
.home .banner-form input::-webkit-input-placeholder,
.home .banner-form input:-ms-input-placeholder,
.home .banner-form input::placeholder {
  color: #b8b8b8;
}

.home .pwd-input,
.traffic-landing .pwd-input {
  position: relative;
  width: 100%
}

.traffic-landing .banner-form .sub-btn,
.traffic-landing .banner-form input {
  font-size: 18px;
  line-height: 21px;
  height: 48px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1) !important;
}

.traffic-landing .pwd-input img {
  position: absolute;
  right: 10px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 !important
}

.traffic-landing .banner-form .sub-btn {
  color: #fff;
  border: 1px solid #fe8b7b;
  background: #fe8b7b;
  font-weight: 700;
  font-family: "Work Sans", sans-serif !important;
  -webkit-appearance: button
}

.home .read-text a,
.page-template-home-new .read-text a {
  font-weight: 300
}

.traffic-landing .link-text {
  text-align: center;
  margin-top: 10px;
  font-style: normal
}

.traffic-landing .section-top,
.home .section-top {
  position: relative;
}

.section-top,
.section-guarantee {
  background-color: #EAF8FF;
}

.traffic-landing .section-top:after {
  content: "";
  width: 200%;
  height: 100px;
  position: absolute;
  left: -100%;
  bottom: 27px;
  background-image: url("../images/palm-trees@2x.png");
  background-repeat: repeat-x;
  background-position: center center;
  background-size: contain;
}

.traffic-landing .section .traffic-landing--subtitle,
.home .section .traffic-landing--subtitle {
  font-style: normal;
  font-weight: 300;
  font-family: "Lora", Sans-Serif;
  font-size: 20px;
  line-height: 31px;
}

.traffic-landing .section-top .banner-left-bottom,
.traffic-landing .banner-left-bottom,
.home .section-top .banner-left-bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #282828;
  margin-top: 64px;
}

.box-images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.box-images .box-item {
  display: flex;
  flex-wrap: wrap;
}

.box-images .image {
  width: 20%;
  box-sizing: border-box;
}

.box-images .descriptions {
  width: 80%;
  box-sizing: border-box;
  padding-left: 20px;
}

.traffic-landing .banner-left-bottom .banner-left-bottom-txt p,
.home .banner-left-bottom .banner-left-bottom-txt h4,
.traffic-landing .banner-left-bottom .banner-left-bottom-txt h4 {
  margin-bottom: 0;
  font-style: italic;
  font-weight: 300;
  font-family: "Lora", Sans-Serif;
  font-size: 20px;
  line-height: 31px;
}

.home .banner-left-bottom .banner-left-bottom-txt p {
  font-style: italic;
  font-weight: 300;
  font-family: "Lora", Sans-Serif;
  font-size: 17px;
  line-height: 24px;
}

.traffic-landing .section-top .check-list li,
.traffic-landing .section-top .check-list p,
.home .section-top .check-list p,
.home .section-top .check-list li {
  font-size: 18px;
  line-height: 21px;
  font-family: "Roboto";
}

.traffic-landing .section-top .check-list p {
  margin: auto !important;
}

.traffic-landing .section-top .check-list li {
  display: flex;
  padding-left: 0;
}

.traffic-landing .section-top .check-list li img {
  width: 40px;
  height: 100%;
  margin-right: 10px;
}

.traffic-landing .section-top .check-list li:before {
  display: none;
}

.bg-blue.bg-bubbls {
  background: #48B0F7 url("https://www.bestonlinetrafficschool.co/wp-content/uploads/2020/04/CTA-Panel@2x.png") no-repeat right center !important;
  background-size: contain !important;
}

.bg-blue.bg-blue-50 {
  background: linear-gradient(to right, #48B0F7 0%, #48B0F7 50%, #EAF8FF 50%, #EAF8FF 100%) !important;
}

.bg-blue.bg-blue-55 {
  background: linear-gradient(to right, #48B0F7 0%, #48B0F7 55.5%, #EAF8FF 55.5%, #EAF8FF 100%) !important;
}

.bg-blue.bg-blue-60 {
  background: linear-gradient(to right, #48B0F7 0%, #48B0F7 60%, #EAF8FF 60%, #EAF8FF 100%) !important;
}

.bg-blue-dark.bg-blue-dark-50 {
  background: linear-gradient(to right, #3A8FC8 0%, #3A8FC8 50%, #EAF8FF 50%, #EAF8FF 100%) !important;
}

.bg-blue-dark.bg-blue-dark-55 {
  background: linear-gradient(to right, #3A8FC8 0%, #3A8FC8 55.5%, #EAF8FF 55.5%, #EAF8FF 100%) !important;
}

.bg-blue-dark.bg-blue-dark-60 {
  background: linear-gradient(to right, #3A8FC8 0%, #3A8FC8 60%, #EAF8FF 60%, #EAF8FF 100%) !important;
}

.bg-green.bg-green-40 {
  background: linear-gradient(to right, #12c0c5 0%, #12c0c5 30%, #FCFEFF 30%, #FCFEFF 100%) !important;
}

.bg-yellow {
  background: #FCB60C;
}

.page-template-templates .section-access ul.number-list li:last-child,
.page-template-templates .section-access ul.number-list li:last-child p,
.page-template-templates .section-access ul.number-list li:last-child .resources-links,
.page-template-templates .traffic-landing-faq ul.faqs-number-list li:last-child,
.page-template-templates .traffic-landing-faq ol.faqs-number-list li:last-child {
  margin-bottom: 0;
}

.step-icon {
  width: 100%;
  max-width: 344px;
  display: block;
  margin: auto;
  padding: 80px 0;
}

.bg-yellow.bg-yellow-50 {
  background: linear-gradient(to right, #FCB60C 0%, #FCB60C 50%, #fff 50%, #fff 100%) !important;
}

.bg-blue.bg-blue-50 {
  background: linear-gradient(to right, #48B0F7 0%, #48B0F7 50%, #fff 50%, #fff 100%) !important;
}

@media (min-width :1920px) {
  .bg-green.bg-green-40 {
    background: linear-gradient(to right, #12c0c5 0%, #12c0c5 40%, #FCFEFF 40%, #FCFEFF 100%) !important;
  }
}

.section .testimonials h2 .main {
  display: block;
}

.section .testimonials h2 .mobile {
  display: none;
}

.section .testimonials h2 {
  text-align: center;
  color: #12c0c5;
  margin-bottom: 36px;
  text-transform: none;
}

.traffic-landing .traffic-landing--title {
  max-width: 450px;
}

.traffic-landing h4 {
  font-style: italic;
  font-weight: 300;
  font-family: "Lora", Sans-Serif;
}

.traffic-landing h3 {
  text-transform: inherit;
}

.traffic-landing .section-inner-title-h3 {}

.traffic-landing .section-inner-title-h2 {
  font-family: "Work Sans";
  font-size: 32px;
  line-height: 46px;
  font-weight: 700;
}

.home .section-inner-title-h2 {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 40px;
  line-height: 47px;
}

.traffic-landing--title,
h1.traffic-landing--title,
h2.traffic-landing--title,
.home .traffic-landing--title,
.traffic-landing .traffic-landing--title,
.traffic-landing .traffic-landing h1 {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
}

.traffic-landing ul.check-list li:before,
.traffic-landing .check-list li:before {
  top: 12px;
}

.traffic-landing .mb-48 {
  margin-bottom: 48px;
}

.traffic-landing .mb-64 {
  margin-bottom: 64px;
}

.traffic-landing .mb-32 {
  margin-bottom: 32px;
}

.traffic-landing .mb-16 {
  margin-bottom: 16px;
}

.traffic-landing .features-wrap h4,
.traffic-landing .features-wrap h3,
.features-wrap h4,
.features-wrap h3 {
  font-family: "Work Sans", sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 23px;
  text-transform: none;
  margin-bottom: 12px;
}

.features-wrap p,
.features-wrap p em {
  font-family: "Lora", Sans-Serif;
  font-style: italic;
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  color: #585858;
}

.home .features-wrap .size-full {
  width: 100%;
  max-width: 70px;
  display: block;
}

.traffic-landing-faq {
  padding: 80px 0;
}

.list-icons {
  flex-direction: column;
  justify-content: flex-start;
  list-style: none;
}

.list-icons li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 36px;
}

.list-icons li:first-child {
  margin-bottom: 48px;
}

.list-icons li:last-child {
  margin-bottom: 0;
}

.list-icons .left-box {
  display: inline-block;
  width: 35px;
  margin-right: 20px;
}

.list-icons .right-box {
  display: inline-block;
  width: calc(100% - 51px);
  margin: auto;
}

.list-icons h4 {
  font-style: normal;
  text-transform: none;
  color: #585858;
  font-family: "Work Sans", sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
}

.list-icons p {
  font-family: "Work Sans", sans-serif;
  font-style: normal;
  font-size: 20px;
  line-height: 23px;
  color: #585858;
}

.list-icons .right-box p {
  font-weight: 800;
  margin: auto !important;
}

.section-icon-box {
  width: 100%;
  max-width: 160px;
  padding-top: 100px;
}

.traffic-landing .section-icon-box {
  position: absolute;
  bottom: 0;
  left: 0;
}

.mt-auto {
  margin-top: auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

ul.faqs-number-list,
ol.faqs-number-list {
  counter-reset: li;
  list-style-type: none;
  font-size: 20px;
  line-height: 24px;
  padding-left: 30px;
  font-family: "Lora", sans-serif;
}

ul.faqs-number-list > li,
ol.faqs-number-list > li {
  position: relative;
  padding: 0 0 0 46px;
  margin-bottom: 48px;
}

ul.faqs-number-list > li::before,
ol.faqs-number-list > li::before {
  content: counter(li);
  counter-increment: li;
  font-weight: 700;
  height: 36px;
  width: 36px;
  border: 2px solid #12c0c5;
  border-radius: 50%;
  color: #12c0c5;
  text-align: center;
  padding-top: 3px;
  position: absolute;
  left: -16px;
  top: -4px;
}

.faqs-number-list > li > h3 {
  color: #12c0c5;
  font-family: "Lora", Sans-Serif;
  font-weight: 700;
  text-transform: inherit;
}

.faqs-number-list > li > p {
  font-family: "Lora", Sans-Serif;
  font-size: 20px;
  line-height: 31px;
}

.traffic-landing .section-about {
  padding: 120px 0 80px;
}

.traffic-landing .section-about-title {
  font-family: "Work Sans", sans-serif;
  font-size: 32px;
  margin-bottom: 32px;
  line-height: 38px;
  font-weight: 700;
  text-transform: inherit;
}

.traffic-landing .section-about-left {
  display: block;
  position: relative;
  width: 277px;
  height: 360px;
  margin: 0 auto;
}

.traffic-landing .section-about-img {
  width: 277px;
  height: 277px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;

}

.traffic-landing .section-about-img img {
  display: block;
  width: 100%;
}

.traffic-landing .section-about-left .section-about-icon.section-about-icon--1,
.traffic-landing .section-about-left .section-about-icon.section-about-icon--2 {
  position: absolute;
}

.traffic-landing .section-about-left .section-about-icon.section-about-icon--1 {
  width: 120px;
  height: 120px;
  left: -60px;
  bottom: 60px;
}

.traffic-landing .section-about-left .section-about-icon.section-about-icon--2 {
  width: 80px;
  height: 80px;
  right: 0;
  bottom: -20px;
}

.border-top-green {
  border-top: 8px solid #22D8DD;
}

.traffic-landing .text-small {
  font-size: 15px;
  line-height: 18px;
  font-weight: 100;
}

.list-in-2cols-dots {
  list-style-type: disc;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.list-in-2cols {
  list-style-type: none;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  padding: 0;
}

.list-in-3cols {
  list-style-type: none;
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  padding: 0;
}

.list-in-2cols p,
.list-in-3cols p {
  font-style: normal;
  font-weight: 300;
  font-family: "Lora", Sans-Serif;
  font-size: 20px;
  line-height: 31px;
}

.list-icons.list-in-2cols h3 {
  font-family: "Work Sans";
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
}

.list-icons.list-in-2cols p {
  font-size: 18px !important;
  font-family: "Roboto", Sans-Serif !important;
  line-height: 24px !important;
}

.list-icons.list-in-2cols {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.list-icons.list-in-2cols li {
  margin-bottom: 32px;
  width: 49%;
}

.list-in-3cols li {
  margin-bottom: 0;
}

hr.hr-green-8 {
  border: 4px solid #12c0c5;
}

.p-48 {
  padding: 48px;
}

.px-48 {
  padding: 0 48px 0 48px;
}

.px-100 {
  padding: 0 100px 0 100px;
}

.py-48 {
  padding: 48px 0 48px 0;
}

.traffic-landing .section.section-areas {
  padding: 45px 0;
}

.traffic-landing .section-inner-subtitle,
.traffic-landing .section-inner-subtitle p,
.traffic-landing .section .section-inner-subtitle p {
  color: #A0A0A0;
  font-size: 18px !important;
  line-height: 24px !important;
  font-family: "Roboto", sans-serif !important;
}

.courts {
  margin-bottom: 40px;
}

.courts .courts-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 24px;
  margin-bottom: 0 !important;
}

.courts .courts-item {
  display: inline-block;
  padding: 24px;
  width: 50%;
  margin: 0;
}

.courts .courts-item--title {
  font-family: "Work Sans", Sans-Serif;
  text-transform: inherit;
  color: #12C0C5;
  max-width: 250px;
  margin-bottom: 1rem;
  lin-height: 29px;
}

.courts .courts-item p {
  max-width: 250px;
  line-height: 24px;
}

.courts-list .slick-dots {
  bottom: -100px;
}

.courts-list .slick-dots li button:before {
  font-size: 7px;
  color: #D8D8D8;
}

.courts-list .slick-dots li.slick-active button:before {
  color: #22D8DD;
  opacity: 1;
  font-size: 7px;
}

.courts-list .slick-prev,
.courts-list .slick-next {
  width: 36px;
  height: 36px;
}

.courts-list .slick-prev {
  left: -16px;
}

.courts-list .slick-next {
  right: -16px;
}

.courts-list .slick-prev:before,
.courts-list .slick-next:before {
  color: #22D8DD;
  opacity: 1;
  font-size: 32px;
}

.courts .court-hours {
  padding: 0 48px 24px;
}

.courts .court-hours p {
  font-style: italic;
  font-weight: 300;
  font-size: 15px;
}

.courts .court-hours .court-hours--title {

  font-weight: 700;
}

.my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

hr.hr-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
  border-color: #b8b8b8;
}

hr.hr-48.mb-0 {
  margin-bottom: 0 !important;
}

hr.hr-48.mt-0 {
  margin-top: 0 !important;
}

.section.section-access {
  padding: 80px 0 120px;
}

.section.section-access p {
  font-family: "Lora", Sans-Serif;
  font-size: 20px;
  line-height: 31px;
}

span.highlight-yellow {
  background-color: #FDF8EB;
}

.section.section-access ol {
  padding-left: 32px;
}

.traffic-landing .section-title--blue,
.traffic-landing .section-title--green {
  font-size: 48px;
  line-height: 58px;
  font-family: "Work Sans", Sans-Serif;
  font-weight: 700;

}

.traffic-landing .section-title--green {
  color: #12C0C5;
}

.traffic-landing .section-title--blue {
  color: #48B0F7;
}

.traffic-landing .section-title--blue .bold-underline,
.traffic-landing .section-title--green .bold-underline {
  position: relative;
  border-bottom: 12px solid #ffd6d4;
}

.traffic-landing .section-title--green .bold-underline:before,
.traffic-landing .section-title--blue .bold-underline:before {
  /*content: "";*/
  /*position: absolute;*/
  /*left: 0;*/
  /*bottom: -6px;*/
  /*display: block;*/
  /*width: 100%;*/
  /*height: 12px;*/
  /*background: #ffd6d4;*/
}

ul.number-list,
ol.number-list {
  counter-reset: li;
  list-style-type: none;
  font-size: 20px;
  line-height: 24px;
  padding-left: 30px;
  font-family: "Work Sans", sans-serif;
}

ul.number-list li,
ol.number-list li {
  position: relative;
  padding: 0 0 0 46px;
  margin-bottom: 48px;
}

ul.number-list li:before,
ol.number-list li:before {
  content: counter(li);
  counter-increment: li;
  height: 36px;
  width: 36px;
  border: 2px solid #A0A0A0;
  border-radius: 50%;
  color: #A0A0A0;
  text-align: center;
  padding-top: 3px;
  position: absolute;
  left: -16px;
  top: -4px;
}

.number-list .number-list--title {
  color: #585858;
  font-family: "Lora", Sans-Serif;
  font-size: 20px;
  line-height: 31px;
  text-transform: inherit;
}

.section.section-access p.resources-subtitle {
  font-family: "Roboto";
  font-size: 18px;
  line-height: 21px;
  color: #A0A0A0;
}

.resources-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 48px;
}

.resources-links p a,
.resources-links p em a {
  color: #48b0f7;
  text-decoration: underline;
  font-style: italic;
}

.resources-links .resources-links--item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: 350px;
  height: 72px;
  padding: 16px 24px 16px 78px;
  color: #12C0C5;
  text-decoration: none;
  font-family: "Roboto";
  font-size: 16px;
  line-height: 21px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #E8E8E8;
  margin-bottom: 16px;
  position: relative;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .25) !important;
}

.resources-links .resources-links--item:nth-child(2n) {
  margin-left: 16px;
}

.resources-links .resources-links--item:before {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 38px;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/document@2x.png") repeat-x center center;
  background-size: contain;
}

.home .section-descr p,
.traffic-landing .section-descr p {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
}

.traffic-landing .section-bottom-signin p {
  line-height: 24px;
}

.home .features .guarantee-mobile {
  display: none;
}

.section-bottom-signin .shell::after {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  background-image: url(../images/CTA-Panel-Illo@2x.png);
  background-repeat: repeat-x;
  background-position: center center;
  background-size: contain;
}


@media (max-width:992px) {
  .traffic-landing .section {
    padding: 64px 32px 80px;
  }

  .section.bg-blue.bg-blue-50.section-top--reviews,
  .section.bg-yellow.bg-yellow-50.section-top--reviews {
    background: transparent !important;
    padding: 0 !important;
  }

  .section.bg-blue.bg-blue-50.section-top:after {
    background-size: 180%;
  }

  .traffic-landing .section.bg-blue.section-top:after {
    background-size: 78%;
  }

  .section.bg-blue.bg-blue-50.section-top--reviews .shell {
    padding-right: 15px;
    padding-left: 15px;
  }

  .section.section-top .section-top--left,
  .section.section-top .section-top--right,
  .section.section-top--reviews .section-top--reviews-left,
  .section.section-top--reviews .section-top--reviews-right {
    padding: 60px 32px;
  }

  .section.section-top .section-top--left {
    margin-top: 60px;
    background: #48B0F7;
  }

  .home .section.section-top .section-top--left {
    margin-top: 0;
  }

  .section.section-top .section-top--right {
    background: #eaf8ff;
    padding-bottom: 120px;
  }

  .section.section-top--reviews .section-top--reviews-left {
    background: #48B0F7;
  }

  .section.section-top--reviews .section-top--reviews-right {
    background: #FFFFFF;
  }

  .section.section-top .traffic-landing--title {
    text-align: center;
    margin: 0 auto 24px;
  }

  .section.section-top .traffic-landing--subtitle {
    text-align: center;
  }

  .traffic-landing .banner-left-bottom {
    justify-content: center;
    margin-top: 32px;
  }

  .section.section-top .section-top--right .check-list,
  .section.section-top .section-top--right .banner-form {
    max-width: 500px;
    margin: 0 auto 32px;
  }

  .traffic-landing .mb-48 {
    margin-bottom: 32px;
  }

  .traffic-landing .features-wrap {
    margin-top: 32px;
  }

  .features-wrap .col-3,
  .features-wrap .col-8 {
    margin-top: 32px;
  }

  .features-wrap .row-flex.mb-48 {
    margin-bottom: 0;
  }

  .features-wrap .row-flex {
    margin-left: auto;
    margin-right: auto;
  }

  .traffic-landing--title {
    text-align: left;
    margin: 0 auto 32px 0;
  }

  .section.section-pass {
    padding: 0;
    background: transparent !important;
  }

  .section.section-pass .section-pass--left,
  .section.section-pass .section-pass--right {
    padding: 64px 32px;
  }

  .section.section-pass .section-pass--left {
    background: #3a8fc8;
  }

  .section.section-pass .section-pass--right {
    background: #eaf8ff;
  }

  .list-icons {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .section.section-about {
    padding-bottom: 0;
  }

  .section.section-about .row-flex {
    flex-direction: column-reverse;
  }

  .traffic-landing .section-about-left {
    height: 277px;
  }

  .section.section-about .section-about-left {
    margin-top: 32px;
  }

  .section-about-icon.section-about-icon--2 {
    display: none;
  }

  .traffic-landing .section-about-left .section-about-icon.section-about-icon--1 {
    bottom: 0;
  }

  .section.section-areas .shell {
    padding-left: 32px;
    padding-right: 32px;
  }

  .section.section-areas .traffic-landing--title {
    margin-bottom: 48px;
  }

  .section.section-areas .list-in-3cols {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    padding: 24px;
  }

  .section.section-courts {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.section-courts .section-inner-subtitle {
    margin-bottom: 48px;
  }

  .section.section-courts .courts .courts-list {
    padding: 0;
  }

  .section.section-courts .courts .courts-item {
    padding-top: 32px;
    padding-bottom: 0;
  }

  .section.section-courts .courts .court-hours {
    padding: 32px 24px;
  }

  .resources-links .resources-links--item:nth-child(2n) {
    margin-left: 0;
  }

  .traffic-landing-faq.bg-green {
    background: transparent !important;
    padding: 0;
  }

  .traffic-landing-faq.bg-green .traffic-landing--title {
    text-align: left;
  }

  .traffic-landing-faq--left,
  .traffic-landing-faq--right {
    padding: 64px 32px !important;
  }

  .traffic-landing-faq--left {
    background: #12c0c5;
  }

  .traffic-landing-faq .section-icon-box {
    position: relative;
    padding-top: 32px;
    margin: 0 auto;
  }

  .list-icons.list-in-2cols li {
    width: 100%;
  }
}

@media (max-width:600px) {

  .traffic-landing .section-title--blue .bold-underline,
  .traffic-landing .section-title--green .bold-underline {
    border-bottom: 8px solid #ffd6d4;
  }

  .section.bg-blue.bg-blue-50.section-top:after {
    background-size: 323%;
    height: 125px;
  }

  .section-inner-title-h2 {
    text-align: center;
  }

  .courts .courts-item--title,
  .courts .courts-item p {
    max-width: 100%;
  }

  .list-in-2cols-dots {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }

  .list-icons.list-in-2cols li {
    width: 100%;
  }

  .traffic-landing-faq .section-icon-box {
    margin: 0 auto 0 0;
  }

  ul.number-list,
  ol.number-list {
    padding-left: 0;
  }

  ul.number-list .number-list--title,
  ol.number-list .number-list--title,
  ul.number-list li p {
    padding-left: 30px;
  }

  ul.number-list li,
  ol.number-list li {
    padding-left: 0;
  }

  ul.faqs-number-list,
  ol.faqs-number-list {
    padding-left: 15px;
    padding-right: 15px;
  }

  .courts .courts-item {
    width: 100%;
  }

  .privacy-policy .section-terms,
  .page-id-25 .section-terms {
    padding-top: 0;
  }

  .privacy-policy .section-terms .section__head,
  .page-id-25 .section-terms .section__head {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

/* END OF LANDING PAGE STYLES*/
/* Footer NEW STYLES*/
.footer.footer-top {
  padding: 50px 0;
  background: #707070;
  position: relative;
}

.page-template .footer-top--title,
.footer .footer-top--title,
.footer-top--title,
h2.footer-top--title {
  font-family: 'Roboto', Sans-Serif;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 32px !important;
}

.footer.footer-top .footer-top--list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  columns: 4;
  -webkit-columns: 4;
  -moz-columns: 4;
  font-family: 'Roboto', Sans-Serif;
  font-size: 15px;
  line-height: 28px;
  font-style: italic;
  font-weight: 300;
}

.footer.footer-top .footer-top--list.show {
  height: 100%;
  overflow: inherit;
}

.footer.footer-top .footer-top--list li {
  width: 100%;
  max-width: 25%;

}

.footer-top--list li,
.footer-top--list li p,
.footer-top--list li p a {
  font-family: 'Roboto', Sans-Serif;
  font-size: 15px;
  font-style: italic;
  font-weight: 300;
}

.footer-top--list-btn {
  font-family: 'Roboto', Sans-Serif;
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  color: #48B0F7;
  text-align: center;
  width: 100%;
  height: 50px;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 20;
}

.down-arrow {
  height: 50px;
  width: 50px;
  position: relative;
}

.down-arrow:before,
.down-arrow:after {
  content: '';
  position: absolute;
  top: 22px;
  width: 18px;
  border: 2px solid #48B0F7;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.down-arrow:before {
  transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  left: 11px;
}

.down-arrow:after {
  transform: rotateZ(-45deg);
  -webkit-transform: rotateZ(-45deg);
  left: 22px;
}

.footer-top--list-btn.less .down-arrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

@media (max-width:1170px) {
  .footer.footer-top .footer-top--list li {
    max-width: 33%;
    padding: 0 15px;
  }
}

@media (max-width:992px) {
  .footer.footer-top .footer-top--list {
    margin-left: auto;
    margin-right: auto;
  }

  .footer.footer-top .footer-top--list li {
    max-width: 50%;
    padding: 0 15px;
  }
}

@media (max-width:768px) {
  .footer.footer-top .footer-top--list {
    height: 360px;
    overflow: hidden;
  }

  .footer.footer-top .footer-top--list li {
    max-width: 100%;
    text-align: left;
  }

  .footer.footer-top .footer-top--list:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    width: 100%;
    height: 20%;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(180deg, transparent 0%, transparent 33%, rgba(112, 112, 112, 1) 66%, rgba(112, 112, 112, 1) 100%);
    background: -webkit-linear-gradient(180deg, transparent 0%, transparent 33%, rgba(112, 112, 112, 1) 66%, rgba(112, 112, 112, 1) 100%);
    background: linear-gradient(180deg, transparent 0%, transparent 33%, rgba(112, 112, 112, 1) 66%, rgba(112, 112, 112, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent", endColorstr="#707070", GradientType=1);
  }

  .footer.footer-top .footer-top--list.show {
    margin-bottom: 0;
  }

  .footer.footer-top .footer-top--list.show:after {
    display: none;
  }

  .footer-top--list-btn {
    display: flex;
  }
}

.footer-logo {
  width: 100%;
  max-width: 170px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.footer-logo img {
  margin-bottom: 16px;
  width: 138.71px;
  height: 138.71px;
}

.footer-logo p {
  font-family: "Lora";
  font-style: italic;
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
}

.footer .top-footer-text .main {
  display: block;
}

.footer .top-footer-text .mobile {
  display: none;
}

.top-footer-text {
  font-family: 'Roboto', sans-serif;
  color: #48B0F7;
}

.top-footer-text p {
  line-height: 24px;
}

.footer .menu {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  list-style: none;
  flex-wrap: wrap;
  padding-left: 0;
}

.footer .menu li {
  width: 100%;
  max-width: 50%;
  margin-bottom: 0;
}

.footer .menu a {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 50px;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
}

.footer-terms {
  margin-top: 25px;
  margin-bottom: 15px;
}

.terms-list {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.terms-list li {
  font-style: italic;
  font-weight: 300;
  font-family: "Roboto";
  font-size: 15px;
  line-height: 18px;
  color: #DFDFDF;
  padding: 0 20px;
  margin-bottom: 0;
}

.terms-list li+Li {
  border-left: 1px solid #DFDFDF;
}

.terms-list li p,
.terms-list li p a {
  font-size: 15px;
  height: 18px;
  color: #DFDFDF;
}

@media (max-width:992px) {
  .footer-logo {
    margin-bottom: 0;
  }

  .footer .menu {
    max-width: 500px;
    margin: 0 auto;
    padding-bottom: 15px;
  }

  footer.footer .contact-top-text .top-footer-text {
    margin: 0 auto;
    text-align: center !important;
  }

  .terms-list {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .terms-list li {
    text-align: center;
    padding: 0;
  }

  .terms-list li+Li {
    border: 0;
  }
}

@media (max-width:768px) {
  .footer .menu li {
    max-width: 100%;
    text-align: center;
  }
}

/* end of Footer NEW STYLES*/

/* start new top section on homepage*/
.section-top .traffic-landing--subtitle {
  margin-top: 40px;
}

.section-top-video {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.section-top .section-top-video img {
  width: 100%;
}

.section-top .section-top-video .wistia--play-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  font-family: Lato, sans-serif;
  font-size: inherit;
  outline: 0;
  padding: 0;
  border-radius: 50%;
  box-sizing: border-box;
  color: #48b0f7;
  overflow: visible;
  transition: all .1s ease-in-out;
  text-decoration: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  height: 100px;
  width: 100px;
}

.section-top .section-top-video .wistia--play-button:hover {
  background: #253053;
  color: #fff;
}

.section-top .section-top-video .wistia--play-button:hover .play-icon {
  fill: #fff;
}

.section-top .section-top-video .wistia--play-button:before {
  border-width: 12px;
  height: calc(100% + 16px);
  width: calc(100% + 16px);
  border: 8px solid rgb(94 116 131 / 26%);
  box-shadow: 0 22px 24px rgba(0, 0, 0, .1);
  content: "";
  display: block;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  color: #294dff;
}

.features {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding-left: 0;
  font-family: "Work Sans", sans-serif;
  flex-wrap: wrap;
}

.home .features {
  margin-top: 60px;
  margin-bottom: 60px;
}

.features .feature-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.home .features .feature-box .top-feature-icon img {
  width: 50px;
}

.home .features .feature-box .top-feature-icon {
  margin-right: 10px;
}

.features li {
  display: flex;
  text-align: center;
  max-width: 335px;
  padding: 0px 30px;
  min-height: 114px;
  margin: 0;
}

.features li:nth-last-child(2) {
  max-width: 100%;
}

.features li:nth-last-child(2) .guaranteed-img {
  margin-left: 15px;
}

.features li+li {
  border-left: 2px solid #D0D0D0;
}

.features li:first-child {
  padding: 0px;
}

.features li:nth-child(2) {
  border: 0;
}

.features .features-title {
  font-family: "Work Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  margin-bottom: 10px;
  color: #585858;
}

.features p {
  font-weight: 400;
  color: #585858;
  font-size: 18px;
  line-height: 21px;
  font-style: normal;
}

@media (max-width: 992px) {

  .features li {
    padding: 20px;
  }

  .features li+li {
    border-left: 0;
  }

}

.license {
  font-family: "Work Sans", sans-serif;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  width: 100%;
  font-style: italic;
  color: #404040;
  font-size: 17px;
  line-height: 24px;
  padding: 0 40px;
}

.license .license-img {
  margin: 20px;
}

.license a {
  font-weight: 700;
  text-decoration: underline;
}

.license p {
  font-family: "Lora", sans-serif;
  margin-bottom: 0;
}

.section-about {
  padding-top: 165px !important;
}

/* Frontpage */

.flex {
  display: flex;
}

.page-template-frontpage .description-container {
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  max-width: 600px;
  margin-top: 50px;
}

.page-template-frontpage .description-container h2 {
  font-family: Work Sans;
  font-weight: 800;
  font-size: 48px;
  line-height: 56.3px;
  color: #48B0F7;
  margin-top: 0;
  margin-bottom: 16px;
}

.page-template-frontpage .description-container p {
  font-family: Roboto;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}

.page-template-frontpage .course-selection-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 48px 64px;
  width: 835px;
  max-width: 835px;
  border-radius: 15px;
  background: #48B0F7;
  box-shadow: -2px 8px 13px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: -2px 8px 13px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -2px 8px 13px 2px rgba(0, 0, 0, 0.15);
  margin-top: 64px;
}

.page-template-frontpage .course-selection-container::before {
  display: block;
  content: "";
  width: 100%;
  height: 69px;
  position: absolute;
  background-image: url('/wp-content/themes/traffic-school/images/front/right-cars@2x.svg');
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateX(-100%);
  z-index: 1;
}

.page-template-frontpage .course-selection-container::after {
  display: block;
  content: "";
  width: 100%;
  height: 69px;
  position: absolute;
  background-image: url('/wp-content/themes/traffic-school/images/front/left-cars@2x.svg');
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateX(100%);
  z-index: 1;
}

.page-template-frontpage .course-selection-container p {
  font-family: Work Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
}

.page-template-frontpage .select-group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.page-template-frontpage .course-selection-container .select-group select {
  height: 56px;
  border-radius: 0.5rem;
  padding: 10px;
  cursor: pointer;
  font-family: Work Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  border-color: #D0D0D0;
  background: #fff;
  max-width: 300px;
}

.page-template-frontpage .course-selection-container button,
.page-template-frontpage .section-bottom-cta .signup {
  background: #FE8B7B;
  height: 56px;
  width: 235px;
  border: 0;
  color: #FFFFFF;
  font-family: Work Sans;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  border-bottom: 8px solid #F57C6B;
  box-shadow: 0px 8px 17px -4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 8px 17px -4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 8px 17px -4px rgba(0, 0, 0, 0.15);
}

.page-template-frontpage .course-selection-container button:hover {
  background: #e56a59;
}

.page-template-frontpage ul.footer-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding-left: 0;
  font-family: "Work Sans", sans-serif;
  flex-wrap: wrap;
  margin-top: 80px;
}

.page-template-frontpage ul.footer-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 230px;
  padding: 0 30px;
  min-height: 100%;
  margin: 0;
}

.page-template-frontpage ul.footer-list li+li {
  border-left: 2px solid #D0D0D0;
}

.page-template-frontpage ul.footer-list li img {
  width: 56px;
  height: 56px;
}

.page-template-frontpage ul.footer-list li p {
  font-family: Lora;
  font-weight: 400;
  font-style: italic;
  font-size: 17px;
  line-height: 22px;
  color: #585858;
  margin-top: 20px;
}

.page-template-frontpage select:disabled {
  background: #ffffff;
  opacity: 1;
}

.home.page-template-frontpage .section,
.page-template-frontpage .section {
  position: relative;
  padding-top: 128px;
  padding-bottom: 128px;
}

.home.page-template-frontpage.admin-bar .section:first-child,
.page-template-frontpage.admin-bar .section:first-child {
  padding-top: 83px;
}

.page-template-frontpage .section.section-course {
  padding-bottom: 160px;
}

.page-template-frontpage .section.section-course .shell .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 131px;
}

.page-template-frontpage .section-course .text-content {
  display: grid;
  gap: 35px;
  grid-template-columns: auto auto;
}

.page-template-frontpage .section-course .text-content .text-title {
  max-width: 465px;
}

.page-template-frontpage .section-course .text-content .text-description {
  max-width: 470px;
}

.page-template-frontpage .section .shell {
  position: relative;
  z-index: 1;
}

.bg-blue-green {
  background-color: #0EA5A9;
}

.bg-light-green {
  background-color: #12C0C5;
}

.bg-sky-blue {
  background-color: #EAF8FF;
}

.page-template-frontpage section h1 {
  font-family: "Work Sans", sans-serif;
  font-weight: 800;
  font-size: 48px;
  line-height: 56.3px;
}

.page-template-frontpage section h2 {
  font-family: "Work Sans", sans-serif;
  font-weight: 800;
  font-size: 48px;
  line-height: 56.3px;
}

.page-template-frontpage section h3 {
  font-family: "Work Sans", sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 37.54px;
  text-align: center;
  color: #12C0C5;
  margin-bottom: 30px;
}

.page-template-frontpage section p {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 18px;
  line-height: 21.09px;
}

.text-light-orange {
  color: #FFD6D4;
}

.text-light-gray {
  color: #FCFEFF;
}

.box-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  align-items: center;
  gap: 30px;
}

.gap-spacing {
  margin-bottom: 130px;
}

.box-container .box-item {
  width: 100%;
  max-width: 400px;
  background-color: #FFFFFF;
  box-shadow: 0px 6px 24px 0px #0000002E;
  height: 100%;
  border-radius: 10px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 30px 48px;
}

.box-container .box-item h3 {
  text-transform: capitalize;
  text-align: center;
}

.box-container .box-item p {
  font-family: "Lora";
  font-weight: 400;
  font-style: italic;
  font-size: 17px;
  line-height: 21.76px;
  text-align: center;
  margin: 0;
}

.box-container .box-item a {
  width: 161px;
  height: 48px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  background-color: #FE8B7B;
  border-bottom: 8px solid #F57C6B;
  text-decoration: none;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 20px;
  line-height: 40px;
  color: #FFFFFF;
  margin-top: 32px;
}

.section-course::before {
  content: "";
  display: block;
  width: 100%;
  height: 636.79px;
  background-image: url(../images/front/path-1.svg);
  background-repeat: no-repeat;
  background-position: inherit;
  background-size: cover;
  position: absolute;
  bottom: 0;
  z-index: 0;
}

.section-course::after {
  content: "";
  display: block;
  width: 100%;
  height: 571.24px;
  background-image: url(../images/front/path-2.svg);
  background-repeat: no-repeat;
  background-position: inherit;
  background-size: cover;
  position: absolute;
  bottom: 0;
  z-index: 0;
}

.solutions {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 160px;
}

.solutions .solution-item {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 72px;
}

.solutions .solution-item .item-icon {
  width: 100%;
}

.solutions .solution-item .item-icon img {
  display: block;
  max-width: 330px;
}

.solutions .solution-item .item-description {
  max-width: 570px;
}

.solutions .solution-item .item-description h2 {
  font-family: "Work Sans", sans-serif;
  font-weight: 800;
  font-size: 40px;
  line-height: 47px;
  color: #48B0F7;
  margin-bottom: 24px;
}

.solutions .solution-item .item-description p {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 18px;
  line-height: 21.09px;
  color: #585858;
}

.page-template-frontpage .section-about-us .shell .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.page-template-frontpage .section-about-us .detail-content {
  display: grid;
  grid-template-columns: auto auto;
  gap: 144px;
}

.page-template-frontpage .section-about-us .detail-content .detail-container {
  max-width: 470px;
}

.page-template-frontpage .section-about-us h2 {
  margin-bottom: 25px;
}

.page-template-frontpage .section-about-us p {
  line-height: 23.4px;
  color: #FFFFFF;
}

.page-template-frontpage .section-about-us a {
  display: block;
  width: 138px;
  height: 56px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  line-height: 46px;
  letter-spacing: 0px;
  text-align: center;
  background-color: #FE8B7B;
  border-bottom: 8px solid #F57C6B;
  text-decoration: none;
  color: #FFFFFF;
  margin-top: 34px;
}

.about-us-container {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: flex-end;
}

.section-about-us::before {
  content: "";
  display: block;
  width: 100%;
  height: 449.89px;
  background-image: url(../images/front/about-us-path1.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  position: absolute;
  bottom: 0;
  z-index: 0;
}

.section-about-us::after {
  content: "";
  display: block;
  width: 100%;
  height: 346.89px;
  background-image: url(../images/front/about-us-path2.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  position: absolute;
  bottom: 0;
  z-index: 0;
}

.page-template-frontpage .section-bottom-cta .description-container {
  max-width: 900px;
  margin-top: 0;
}

.page-template-frontpage .section-bottom-cta .description-container h2 {
  color: #FFFFFF;
  margin-bottom: 18px;
}

.page-template-frontpage .section-bottom-cta .description-container p {
  line-height: 21.09px;
  color: #FFFFFF;
}

.page-template-frontpage .section-bottom-cta .course-selection-container {
  background: #EAF8FF;
}

.page-template-frontpage .section-bottom-cta .course-selection-container::before {
  background-image: url('/wp-content/themes/traffic-school/images/front/left-palm-tree.svg');
}

.page-template-frontpage .section-bottom-cta .course-selection-container::after {
  background-image: url('/wp-content/themes/traffic-school/images/front/right-palm-tree.svg');
}

.page-template-frontpage .section-bottom-cta .course-selection-container p {
  line-height: 23.46px;
  color: #3A8FC8;
}

.page-template-frontpage .section-bottom-cta .signup {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 328px;
  min-height: 48px;
  text-decoration: none;
  line-height: 23.46px;
}

.page-template-frontpage .section-bottom-cta .signup:hover {
  background: #e56a59;
}

.page-template-frontpage .section-bottom-cta ul.footer-list {
  width: 100%;
  max-width: 835px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding-left: 0;
  font-family: "Work Sans", sans-serif;
  margin-top: 128px;
  margin-bottom: 48px;
}

.page-template-frontpage .section-bottom-cta ul.footer-list li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  max-width: 100%;
  padding: 0px 0 0 30px;
  min-height: 100%;
  margin: 0;
}

.page-template-frontpage .section-bottom-cta ul.footer-list li+li {
  border-left: 0;
}

.page-template-frontpage .section-bottom-cta ul.footer-list li img {
  width: 56px;
  height: 56px;
}

.page-template-frontpage .section-bottom-cta ul.footer-list li p {
  font-family: Lora;
  font-weight: 400;
  font-style: italic;
  font-size: 17px;
  line-height: 22px;
  color: #585858;
  margin-top: 20px;
}

.page-template-frontpage .section-bottom-cta select:disabled {
  background: #ffffff;
  opacity: 1;
}

.section-about h1.section-title {
  margin-bottom: 78px;
}

.story-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 32px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.story-container .story-panel .story-description {
  display: block;
  max-width: 666px;
}

.story-container .story-panel {
  position: relative;
  display: grid;
  grid-template-columns: auto auto;
  width: 969px;
  max-width: 969px;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 48px 63px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.15);
  z-index: 2;
}

.story-container .story-panel .icons {
  display: flex;
  justify-content: flex-end;
}

.story-container .story-panel h2 {
  font-family: "Work Sans", sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 56px;
  letter-spacing: 0px;
  text-align: left;
  color: #48B0F7;
  margin-bottom: 17px;
}

.story-container .story-panel p {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: left;
}

.story-container .story-panel .story-icon {
  max-width: 128px;
  height: 128px;
}

.story-container .story-panel ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
  margin-bottom: 32px;
}

.story-container .story-panel ul li {
  position: relative;
  margin-bottom: 16px;
  margin-left: 20px;
  padding-left: 32px;
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
  color: #585858;
}

.story-container .story-panel ul li:last-child {
  margin-bottom: 0;
}

.story-container .story-panel ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  transform: translateY(-50%);
  background: url(/wp-content/themes/traffic-school/images/dark-check.png) no-repeat center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-weight: 700;
  width: 19px;
  height: 14px;
  display: block;
}

.page-template-about .section {
  position: relative;
  padding-top: 160px;
  padding-bottom: 160px;
}

.section-about {
  padding-top: 210px !important;
  padding-bottom: 128px;
}

.story-container::before {
  display: block;
  content: "";
  width: 115%;
  height: 100px;
  position: absolute;
  background-image: url(/wp-content/themes/traffic-school/images/front/about-us-tree-bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  margin-top: 233px;
  top: 0;
}

.story-container .story-panel:not(:first-child):before {
  content: "";
  display: block;
  position: absolute;
  background-color: #3A8FC8;
  top: 0;
  left: 70px;
  width: 16px;
  height: 32px;
  margin-top: -32px;
}

.section-about-values h2 {
  position: relative;
  z-index: 2;
  font-size: 48px !important;
  line-height: 57px !important;
  margin-bottom: 65px;
}

.values-container {
  display: grid;
  position: relative;
  z-index: 2;
  grid-template-columns: auto auto;
  gap: 48px 29px;
}

.values-container .value-item {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.values-container .value-item .value-icon img {
  width: 170px;
  height: 170px;
  min-width: 170px;
}

.values-container .value-item .value-description {
  display: block;
  max-width: 371px;
}

.values-container .value-item .value-description p,
.section-about-missions p {
  font-family: "Work Sans", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: 0px;
  text-align: left;
  color: #FFFFFF;
}

.section-about-missions p {
  text-align: center;
}

.mission-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}

.mission-description {
  max-width: 770px;
  border-bottom: 8px solid #FFD6D4;
  padding-bottom: 64px;
}

.section-about-missions h2 {
  font-size: 48px;
  line-height: 57px;
  margin-bottom: 25px;
}

.section-about-values::before {
  content: "";
  display: block;
  width: 100%;
  height: 258px;
  background-image: url(../images/front/values-bg-path.svg);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  position: absolute;
  z-index: 1;
  top: 0;
}

.section-about-missions::before {
  content: "";
  display: block;
  width: 100%;
  height: 255px;
  background-image: url(../images/front/mission-left-path.svg);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain;
  position: absolute;
  z-index: 1;
  bottom: 0;
}

.section-about-missions::after {
  content: "";
  display: block;
  width: 100%;
  height: 286px;
  background-image: url(../images/front/mission-right-path.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  position: absolute;
  z-index: 1;
  bottom: 0;
}

.page-template-mature-driver section {
  padding-top: 128px;
  padding-bottom: 128px;
}

.page-template-mature-driver section:first-child {
  margin-top: 114px;
  padding-top: 96px;
}

.page-template-mature-driver.admin-bar section:first-child {
  margin-top: 82px;
}

.page-template-mature-driver h2 {
  font-family: "Work Sans", sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 56px;
  letter-spacing: 0px;
}

.page-template-mature-driver .section-intro-top h1 {
  color: #FFFFFF;
  margin-bottom: 27px;
}

.intro-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.intro-container .intro-content {
  max-width: 670px;
}

.page-template-mature-driver .section-intro-top p {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
  color: #FFFFFF;
}

.intro-top-description {
  padding-bottom: 64px;
  margin-bottom: 47px;
  border-bottom: 2px solid #FFFFFF;
}

.page-template-mature-driver .section-intro-top ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-left: 0;
  gap: 32px;
}

.page-template-mature-driver .section-intro-top ul li {
  position: relative;
  padding-left: 36px;
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
  color: #FFD6D4;
  text-transform: uppercase;
  margin-bottom: 0;
}

.page-template-mature-driver .section-intro-top ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  transform: translateY(-50%);
  background: url(/wp-content/themes/traffic-school/images/check.png) no-repeat center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-weight: 700;
  width: 19px;
  height: 14px;
  display: block;
}

.section-intro-top img.intro-top-right {
  width: 100%;
  margin-top: 29px;
}

.section-program h1 {
  color: #48B0F7;
  margin-bottom: 34px;
}

.section-program h2 {
  color: #48B0F7;
  margin-bottom: 34px;
}

.section-program .program-container h2 {
  max-width: 570px;
}

.section-program h4 {
  font-family: "Roboto";
  font-size: 15px;
  font-style: italic;
  font-weight: 300;
  line-height: 18px;
  letter-spacing: 0px;
  color: #585858;
}

.section-program p {
  font-family: "Lora";
  font-size: 20px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0px;
  text-align: left;
}

.program-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.program-description {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0px 130px;
}

.program-title {
  grid-column: auto / span 2;
}

.program-description .desc-content {
  max-width: 570px;
}

.program-container ul {
  max-width: 270px;
  border-top: 2px solid #A0A0A0;
  border-bottom: 2px solid #A0A0A0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 31px 0px;
}

.program-container ul li {
  position: relative;
  margin-bottom: 32px;
  padding-left: 32px;
  font-family: "Lora";
  font-size: 20px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0px;
}

.program-container ul li:last-child {
  margin-bottom: 0;
}

.program-container ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  transform: translateY(-50%);
  background: url(/wp-content/themes/traffic-school/images/dark-check.png) no-repeat center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-weight: 700;
  width: 19px;
  height: 14px;
  display: block;
}

.page-template-mature-driver .section-features {
  padding-top: 184px;
}

.page-template-mature-driver .section-features {
  padding-bottom: 160px;
}

.page-template-mature-driver .section-mature-course {
  padding-top: 160px;
  padding-bottom: 160px;
}

.section-features .features {
  gap: 173px;
  counter-reset: div;
}

.section-features .features .feature-item {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: auto auto;
  gap: 70px;
  counter-increment: div;
  position: relative;
}

.section-features .features .feature-item::before {
  content: counter(div);
  display: inline-block;
  background-color: #48B0F7;
  color: #FFFFFF;
  position: absolute;
  z-index: 1;
  width: 56px;
  height: 56px;
  left: 0;
  top: -77px;
  border-radius: 50%;
  font-family: "Work Sans", sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 54px;
  letter-spacing: 0px;
  text-align: center;
}

.section-features .features .feature-item h2 {
  font-family: "Work Sans", sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 47px;
  letter-spacing: 0px;
  color: #48B0F7;
  margin-bottom: 24px;
}

.section-features .features .feature-item p {
  font-family: "Lora";
  font-size: 20px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0px;
}

.section-features .features .feature-item .feature-icon img {
  max-width: 330px;
}

.section-features .features .feature-description {
  max-width: 570px;
}

.page-template-mature-driver .section-lessons h2 {
  font-family: "Work Sans", sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 56px;
  letter-spacing: 0px;
  color: #FFD6D4;
}

.page-template-mature-driver .section-lessons li {
  counter-increment: li;
  position: relative;
}

.page-template-mature-driver .section-lessons li {
  list-style: none;
  font-family: "Lora";
  font-size: 20px;
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0px;
  color: #FFFFFF;
  padding-left: 72px;
  padding-top: 31px;
  padding-bottom: 31px;
  margin-bottom: 0;
  mix-blend-mode: normal;
  border-bottom: 2px solid rgba(255, 255, 255, .5);
}

.page-template-mature-driver .section-lessons li:first-child {
  border-top: 2px solid rgba(255, 255, 255, .5);
}

.page-template-mature-driver .section-lessons li::before {
  font-family: "Work Sans", sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 47px;
  letter-spacing: 0px;
  width: 48px;
  height: 48px;
  top: 22px;
  position: absolute;
  left: 0;
  border-radius: 50%;
  box-shadow: none;
  color: #3A8FC8;
  content: counter(li);
  display: inline-block;
  background: #3A8FC8;
  background-clip: text;
  -webkit-background-clip: text;
  z-index: 1;
  text-align: center;
}

.page-template-mature-driver .section-lessons li::after {
  content: '';
  position: absolute;
  left: 0;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  top: 22px;
  box-shadow: none;
  color: #3A8FC8;
  background: #FFD6D4;
}

.page-template-mature-driver .lesson-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.page-template-mature-driver .lesson-container .lesson-content {
  display: grid;
  grid-template-columns: auto auto;
  gap: 75px;
}

.page-template-mature-driver .lesson-container .lesson-title {
  max-width: 325px;
}

.page-template-mature-driver .lesson-container .lesson-list {
  max-width: 570px;
}

.page-template-mature-driver .lesson-container .lesson-list ol {
  padding-left: 0;
}

.page-template-mature-driver .descriptions-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 64px;
}

.page-template-mature-driver .descriptions-container .content {
  max-width: 975px;
  text-align: center;
}

.page-template-mature-driver .descriptions-container .content h2 {
  font-family: "Work Sans", sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 56px;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-bottom: 17px;
}

.page-template-mature-driver .descriptions-container .content p {
  max-width: 770px;
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
  color: #FFFFFF;
}

.page-template-mature-driver .main-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.page-template-mature-driver .main-container:before {
  display: block;
  content: "";
  width: 113%;
  height: 100px;
  position: absolute;
  background-image: url(/wp-content/themes/traffic-school/images/front/full-palm-tree.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

.page-template-mature-driver .main-container .box-container {
  z-index: 2;
}

.page-template-mature-driver .main-container .box-container .box-item {
  min-height: 366px;
}

.page-template-mature-driver .main-container .box-container .box-item h3 {
  font-family: "Work Sans", sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0px;
  text-align: center;
  color: #48B0F7;
  margin-bottom: 16px;
}

.page-template-mature-driver .main-container .box-container .box-item a {
  font-weight: 700;
  min-width: 232px;
  margin-top: 20px;
}

/* Driver's License Page */
.page-template-drivers-license section {
  padding-top: 128px;
  padding-bottom: 128px;
  position: relative;
}

.page-template-learners-permit section {
  padding-top: 160px;
  padding-bottom: 160px;
  position: relative;
}

.page-template-drivers-license section:first-child,
.page-template-learners-permit section:first-child {
  margin-top: 114px;
  padding-top: 96px;
}

.page-template-drivers-license.admin-bar section:first-child,
.page-template-learners-permit.admin-bar section:first-child {
  margin-top: 82px;
}

.page-template-drivers-license .section-intro-top::after,
.page-template-learners-permit .section-intro-top::after {
  content: "";
  display: block;
  width: 100%;
  height: 310px;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  position: absolute;
  bottom: 0;
  z-index: 0;
}

.page-template-drivers-license .section-intro-top::after {
  background-image: url(../images/front/top-header-bg-blue.svg);
}

.page-template-learners-permit .section-intro-top::after {
  background-image: url(../images/front/top-header-bg-green.svg);
}

.page-template-drivers-license .intro-container,
.page-template-learners-permit .intro-container {
  text-align: center;
  position: relative;
  z-index: 1;
  gap: 30px;
}

.page-template-drivers-license .intro-container .intro-content,
.page-template-learners-permit .intro-container .intro-content {
  max-width: 570px;
}

.page-template-drivers-license h1,
.page-template-learners-permit h1 {
  font-family: "Work Sans", sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 56px;
  letter-spacing: 0px;
  color: #FFFFFF;
}

.page-template-drivers-license .intro-container img,
.page-template-learners-permit .intro-container img {
  max-width: 270px;
}

.license-section .container,
.section-permit .container {
  display: flex;
  justify-content: center;
}

.license-section .container .content,
.section-permit .container .content {
  max-width: 770px;
}

.license-section h2,
.section-permit h2 {
  font-family: "Work Sans", sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 56px;
  margin-bottom: 32px;
}

.license-section h2 {
  color: #3A8FC8;
}

.section-permit h2 {
  color: #0EA5A9;
}

.license-section h3,
.section-permit h3 {
  font-family: "Work Sans", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 800;
  text-transform: none;
  margin-bottom: 32px;
  color: #48B0F7;
}

.license-section p,
.section-permit p {
  font-family: "Lora";
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0px;
  text-align: left;
  color: #404040;
}

.license-section img {
  width: 100%;
  margin-bottom: 96px;
}

.page-template-drivers-license section.section-tips,
.page-template-learners-permit section.section-tips {
  padding-top: 0;
}

.page-template-learners-permit section.section-tips {
  padding-bottom: 0;
}

.section-tips::after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background: #EAF8FF;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  position: absolute;
  bottom: 0;
  z-index: 0;
}

.section-tips .tip-container {
  display: flex;
  justify-content: center;
}

.section-tips .tip-container .tip-content {
  position: relative;
  display: flex;
  max-width: 1170px;
  padding: 128px 100px;
  border-radius: 10px;
  z-index: 1;
  gap: 64px;
}

.section-tips .tip-container .tip-content .tip-title {
  min-width: 370px;
  max-width: 370px;
}

.section-tips .tip-container .tip-content .tip-title h2 {
  font-family: "Work Sans", sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 56px;
  margin-bottom: 64px;
  color: #FFD6D4;
}

.section-tips .tip-container .tip-content .tip-title img {
  max-width: 170px;
}

.section-tips .list-steps {
  padding-left: 0;
}

.section-tips .list-steps li {
  counter-increment: li;
  padding-left: 48px;
  position: relative;
  padding-top: 0;
  margin-bottom: 50px;
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  text-transform: none;
  color: #FFFFFF;
}

.section-tips .white .list-steps li {
  color: #585858;
}

.section-tips .list-steps li:last-child {
  margin-bottom: 0;
}

.section-tips .list-steps li::before {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  border-radius: 50%;
  top: -3px;
  box-shadow: none;
  content: counter(li);
  display: inline-block;
  z-index: 1;
  background: -webkit-linear-gradient(#0EA5A9, #0EA5A9);
  background-clip: text;
  -webkit-background-clip: text;
  color: #0EA5A9;
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  line-height: 32px;
  font-weight: 800;
}

.section-tips .tips.white .list-steps li::before {
  background: -webkit-linear-gradient(#FCB60C, #FCB60C);
  background-clip: text;
  -webkit-background-clip: text;
}

.section-tips .list-steps li::after {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  border-radius: 50%;
  top: -3px;
  box-shadow: none;
  background: #FFD6D4;
}

.section-tips .tips.white .list-steps li::after {
  background: #FFFFFF;
}

.section-checklist .container {
  display: flex;
  justify-content: center;
}

.section-checklist .container .content {
  width: 1000px;
  max-width: 1000px;
}

.page-template-drivers-license section.section-checklist {
  padding-top: 32px;
  padding-bottom: 160px;
}

.section-checklist h2 {
  font-family: "Work Sans", sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 56px;
  margin-bottom: 64px;
  color: #12C0C5;
  max-width: 670px;
}

.section-checklist h3 {
  font-family: "Work Sans", sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 37px;
  margin-bottom: 32px;
  color: #585858;
  text-transform: none;
}

.section-checklist .container .content .lists {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  gap: 70px;
  margin-bottom: 64px;
}

.section-checklist .container .content .lists div {
  padding-top: 32px;
  border-top: 2px #B8B8B8 solid;
}

.section-checklist .container .content .lists ul {
  list-style: none;
  padding-left: 0;
}

.section-checklist .container .content .lists ul li {
  font-family: "Lora";
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0px;
  text-align: left;
  color: #404040;
  margin-bottom: 39px;
  position: relative;
  padding-left: 48px;
}

.section-checklist .container .content .lists ul li:last-child {
  margin-bottom: 0;
}

.section-checklist .container .content .lists ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 17px;
  transform: translateY(-50%);
  background: url(/wp-content/themes/traffic-school/images/front/green-check.svg) no-repeat center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: block;
}

.section-checklist a.download {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 309px;
  height: 100%;
  min-height: 48px;
  text-decoration: none;
  background: #FE8B7B;
  border: 0;
  color: #FFFFFF;
  font-family: Work Sans;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  border-bottom: 8px solid #F57C6B;
  padding: 12px 24px;
  box-shadow: 0px 8px 17px -4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 8px 17px -4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 8px 17px -4px rgba(0, 0, 0, 0.15);
}

.section-checklist a.download:hover {
  background: #e56a59;
}

.page-template-drivers-license section.section-faqs,
.page-template-learners-permit section.section-faqs {
  padding-top: 160px;
  padding-bottom: 145px;
}

.section-faqs .container {
  display: flex;
  justify-content: center;
}

.section-faqs .container .content {
  max-width: 770px;
}

.section-faqs .container .content h2 {
  font-family: "Work Sans", sans-serif;
  font-weight: 800;
  font-size: 48px;
  line-height: 57px;
  margin-bottom: 48px;
  color: #48B0F7;
}

.section-faqs ol.list {
  counter-reset: li;
  padding-left: 0;
  list-style: none;
}

.section-faqs ol.list>li {
  counter-increment: li;
  padding-left: 48px;
  position: relative;
  padding-top: 0;
  margin-bottom: 48px;
}

.section-faqs ol.list>li:last-child {
  margin-bottom: 0;
}

.section-faqs ol.list>li::before {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 0;
  border-radius: 50%;
  top: -6px;
  box-shadow: none;
  content: counter(li);
  display: inline-block;
  z-index: 1;
  background: -webkit-linear-gradient(#FFFFFF, #FFFFFF);
  background-clip: text;
  -webkit-background-clip: text;
  color: #FFFFFF;
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
}

.section-faqs ol.list>li::after {
  content: '';
  width: 36px;
  height: 36px;
  position: absolute;
  left: 0;
  border-radius: 50%;
  top: -6px;
  box-shadow: none;
  background: #48B0F7;
}

.section-faqs ol.list.green>li::after {
  background: #12C0C5;
}

.section-faqs ol.list>li p {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: left;
  color: #707070;
}

.section-faqs ol.list>li p a {
  font-weight: 700;
}

.section-faqs ol.list>li p.title {
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: 0px;
  text-align: left;
  color: #48B0F7;
}

.section-faqs ol.list.green>li p.title {
  color: #12C0C5;
}

.section-faqs ol.list>li>ul {
  padding-left: 30px;
}

.section-faqs ol.list>li>ul li {
  list-style: none;
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: left;
  color: #707070;
  margin-bottom: 0;
}

.section-faqs ol.list>li>ul li::before {
  content: "\2022";
  color: #707070;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.section-faqs .container .content::after {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  position: relative;
  top: 128px;
}

.page-template-drivers-license .section-faqs .container .content::after {
  background-image: url(../images/front/Palm-tress-blue@2x.png);
}

.page-template-learners-permit .section-faqs .container .content::after {
  background-image: url(../images/front/Palm-trees-teal@2x.png);
}

.section-tabs .container,
.section-tabscontent .container {
  display: flex;
  justify-content: center;
}

.section-tabs .container .content,
.section-tabscontent .container .content {
  max-width: 971px;
}

.page-template-drivers-license section.section-tabs {
  border-bottom: 1px solid #C8C8C8;
  padding-top: 72px;
  padding-bottom: 0;
}

.page-template-drivers-license section.section-tabscontent {
  padding-top: 96px;
}

.page-template-learners-permit section.section-tabscontent {
  padding-bottom: 128px;
}

.section-tabs .tabs {
  display: flex;
  justify-content: center;
  gap: 40px;
}

.section-tabs .tabs button {
  border: 0;
  border-bottom: 8px #ffffff solid;
  transition: 0.3s;
  background: transparent;
  padding: 24px;
}

.section-tabs .tabs button h2 {
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0px;
  text-align: center;
  max-width: 188px;
  color: #ACACAC;
}

.section-tabs .tabs button.active h2,
.section-tabs .tabs button:hover h2 {
  color: #585858;
}

.section-tabs .tabs button.active {
  border-bottom: 8px #FE8B7B solid;
}

.section-tabscontent .tabcontent {
  animation: fadeEffect 1s;
  /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.section-tabscontent .steps {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 128px;
}

.section-tabscontent .steps .item {
  display: grid;
  grid-template-columns: auto auto;
  gap: 30px;
}

.section-tabscontent .steps .item .icon {
  width: 100%;
  min-width: 270px;
}

.section-tabscontent .steps .item .icon img {
  display: block;
  max-width: 270px;
}

.section-tabscontent .steps .item .description {
  max-width: 670px;
}

.section-tabscontent .steps h3 {
  font-family: "Work Sans", sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 47px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 32px;
  text-transform: none;
}

.section-tabscontent .steps p,
.section-tabscontent .steps ul li {
  font-family: "Lora";
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0px;
  text-align: left;
}

.section-tabscontent .steps ul {
  padding-left: 32px;
}

.section-tabscontent .steps a {
  font-weight: 700;
}

.section-tabscontent .steps hr {
  margin-top: 48px;
  margin-bottom: 48px;
}

.section-tabscontent .steps ul.list {
  list-style: none;
  padding-left: 0;
}

.section-tabscontent .steps ul.list li {
  position: relative;
  padding-left: 47px;
}

.section-tabscontent .steps ul.list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 17px;
  transform: translateY(-50%);
  background: url(/wp-content/themes/traffic-school/images/front/green-check.svg) no-repeat center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: block;
}


/* Author Page */
.section-author {
  position: relative;
  padding-top: 160px;
  padding-bottom: 128px;
}

.section-author-articles {
  position: relative;
  padding-top: 128px;
  padding-bottom: 128px;
}

.section-author .author-top {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  word-break: break-word;
}

.section-author .author-details {
  max-width: 570px;
}

.section-author .author-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-author::after {
  content: "";
  display: block;
  width: 100%;
  height: 286px;
  background-image: url(../images/front/green-bg-path.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  position: absolute;
  z-index: 1;
  bottom: 0;
}

.section-author .author {
  display: block;
  font-family: 'Roboto';
  font-size: 13px;
  font-weight: 400;
  line-height: 15.23px;
  text-align: left;
  color: #FFFFFF;
  margin-bottom: 4px;
}

.section-author h1 {
  font-family: "Work Sans", sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 56.3px;
  text-align: left;
  color: #FFD6D4;
  margin-bottom: 12px;
}

.section-author .author-title {
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 23.4px;
  text-align: left;
  color: #FFFFFF;
  margin-bottom: 48px;
}

.section-author .bio p {
  font-family: "Lora";
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  color: #FFFFFF;
}

.section-author .author-image {
  max-width: 260px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.section-author .author-image img {
  width: 100%;
  max-width: 100%;
  border-radius: 16px;
}

.section-author .author-social-links .caption {
  display: block;
  font-family: "Roboto";
  font-size: 15px;
  font-weight: 400;
  line-height: 17.58px;
  text-align: left;
  color: #FFFFFF;
  margin-bottom: 12px;
}

.section-author .author-social-links ul {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  gap: 12px;
}

.section-author .author-social-links ul li {
  padding: 0;
  margin: 0;
  width: 40px;
  height: 40px;
}

.section-author .author-social-links ul li img {
  width: 100%;
  max-width: 100%;
}

.section-author-articles .author-articles {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  word-break: break-word;
}

.section-author-articles h4 {
  font-family: "Lora";
  font-size: 28px;
  font-style: italic;
  font-weight: 400;
  line-height: 35.84px;
  text-align: center;
  color: #3F3F3F;
  margin-bottom: 64px;
}

.section-author-articles .author-articles .author-posts {
  max-width: 764px;
}

.section-author-articles .author-articles .author-posts ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.section-author-articles .author-articles .author-posts ul li {
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
  padding-top: 56px;
  padding-bottom: 56px;
  margin: 0;
}

.section-author-articles .author-articles .author-posts ul li:first-child {
  padding-top: 0;
}

.section-author-articles .author-articles .author-posts ul li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.section-author-articles .author-articles .author-posts ul li a {
  display: block;
  text-decoration: none;
  font-family: "Work Sans";
  font-size: 32px;
  font-weight: 800;
  line-height: 37.54px;
  text-align: center;
  color: #0EA5A9;
  margin-bottom: 16px;
}

.section-author-articles .author-articles .author-posts ul li .post-details {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.section-author-articles .author-articles .author-posts ul li .post-details p {
  font-family: "Roboto";
  font-size: 18px;
  line-height: 23.4px;
  text-align: center;
  color: #3F3F3F;
  margin: 0;
  padding: 0;
}

/* Blog post scrollable navbar and tab sections */
.blog-category {
  margin-bottom: 30px;

  ul,
  ol {
    padding-left: 0;
  }

  .showcase-content .scrollable-navbar {
    overflow-x: auto;
    white-space: nowrap;
    padding: 20px;
    scroll-behavior: smooth;
    border-radius: 5px;
    width: 100%;
    margin: 10px 0;
    padding: 0;
  }

  .category-parent-nav .category-nav a {
    font-weight: 700;
  }

  .category-nav {
    display: flex;
    box-sizing: border-box;
    background-color: #fff9;
    box-shadow: 6px 6px 50px 0 #00000014;
    gap: 20px 20px;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 10px;
    width: fit-content;
  }

  .showcase-content .category-nav {
    display: block;
    background-color: transparent;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
    height: 55px;
  }

  .showcase-content .category-nav a {
    padding: 15px 20px;
  }

  .category-nav li {
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 0;
  }

  .category-nav li:not(:first-child):before {
    content: "";
    height: .9em;
    width: 1px;
    background: #d3d5d9;
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    transform: translateY(.2em);
  }

  .showcase-content .category-nav li:not(:first-child):before {
    display: none;
  }

  .category-nav a {
    color: #00a2ff;
    text-decoration: none;
    background: transparent;
    border-radius: 8px;
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.3s ease;
  }

  .category-nav a:hover {
    color: #000;
  }

  .showcase-content .category-nav a {
    color: #000;
    border-radius: 0;
    font-size: 16px;
  }

  .category-nav .separator {
    color: #ccc;
    margin: 0 10px;
    font-size: 20px;
  }

  .category-nav a.active {
    font-weight: 700;
    border-bottom: solid 1px;
  }

  .scrolling {
    overflow-x: auto;
  }

  .showcase-content a.active {
    border-bottom: #58afdb solid 2px;
  }

  .scrollable-navbar {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin: 40px 0;
  }

  .showcase-content .scrollable-navbar {
    justify-content: flex-start;
  }

  .scrollable-navbar {
    margin: 0;
    margin-top: 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    display: flex;
    align-items: center;

    .nav-btn {
      padding: 10px 20px;
      margin: 0 10px;
      cursor: pointer;
    }

    .nav-btn.hidden {
      display: none;
      /* Hide the button */
    }
  }

  .category-nav {
    height: 45px;
    display: flex;
    list-style: none;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    white-space: nowrap;
    scroll-behavior: smooth;
    width: auto;
    max-width: 900px;
    margin: 0;
    transition: all 0.3s ease-in-out;
    pointer-events: auto;
    user-select: none;

    li {
      flex-shrink: 0;
    }
  }

  .category-nav:hover {
    overflow-x: auto !important;
  }

  .category-nav::-webkit-scrollbar {
    height: 6px;
    /* Thin scrollbar */
  }

  .category-nav::-webkit-scrollbar-thumb {
    background-color: #007BFF;
    /* Blue scrollbar */
    border-radius: 10px;
    /* Rounded scrollbar */
  }

  .category-nav::-webkit-scrollbar-track {
    background-color: transparent;
    /* Transparent track */
  }

  .tab-content {
    display: none;
    background-color: #fff;
    border-radius: 5px;
    margin: 20px 0;
  }

  .tab-content.active {
    display: block;
  }

  .articles__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    justify-content: center;
    flex-wrap: wrap;
    text-align: left;
    padding-bottom: 0;
    margin-top: 30px;
  }

  .articles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    text-align: left;
  }

  .article {
    max-width: 400px;
    box-sizing: border-box;
    margin: 0;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: rgba(25, 37, 52, 0.04) 0px 5px 50px;
    transition: box-shadow 0.3s ease;
    padding: 0;

    a {
      text-decoration: none;
    }
  }

  .article .article__title {
    color: #000;
    margin-bottom: 18px;
    letter-spacing: .03em;
    text-transform: none;
    font-weight: 600;
  }

  .article .article__author .author__name {
    font-weight: bold;
  }

  .article:hover {

    .article__title,
    .author__name,
    .article__category {
      text-decoration: underline;
    }
  }

  .article__date {
    font-size: 14px;
    color: #999;
  }

  .article__category {
    font-size: 14px;
    color: #007acc;
  }

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

  .article__image {
    margin: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
  }

  .img-placeholder {
    background: #e0e0e0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    width: 100%;
    font-size: 16px;
  }

  .article__image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
    transition: transform 0.3s ease;
  }

  .article__image img:hover {
    transform: scale(1.1);
  }

  .article__category-date {
    padding: 20px 15px;
  }

  .article__body {
    padding: 10px 15px;
    flex-grow: 1;
    margin: 0 auto;
  }

  .article__head h3 {
    margin: 0;
  }

  /* Ellipsis for titles and entries */
  .article__title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }

  .article__entry {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }

  /* Author styles */
  .article__author {
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding: 15px;
  }

  .author__avatar {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    object-fit: cover;
  }

  .author__name {
    font-size: 14px;
    color: #333;
  }

  /* Pagination styles */
  .pagination {
    text-align: center;
    margin: 30px 0 50px;
  }

  .pagination a {
    font-size: 15px;
    font-weight: bold;
  }

  .pagination .page-numbers {
    text-decoration: none;
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    color: #000;
    transition: background-color 0.3s ease;
  }

  .pagination .page-numbers.current {
    background-color: #48b0f7;
    border-radius: 10px;
    color: #ffffff;
    font-weight: bold;
  }

  .pagination .page-numbers:hover {
    background-color: #e0f7ff;
    border-radius: 10px;
  }

  .pagination .page-numbers.current:hover {
    background-color: #007acc;
  }

  /* Breadcrumb styles */
  .breadcrumb {
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px 0;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    z-index: 10;
  }

  .breadcrumb a {
    text-decoration: none;
  }

  .breadcrumb__home {
    text-decoration: none;
    font-weight: bold;
  }

  .breadcrumb .separator {
    margin: 0 5px;
    font-size: 11px;
  }

  .breadcrumb .separator i {
    font-weight: 700;
  }

  .breadcrumb .normal {
    font-weight: normal;
  }

  .category-title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
  }

  .category-title {
    text-align: center;
    font-weight: 700;
    font-size: 32px;
    flex-grow: 1;
    margin: 100px 0;
    margin-bottom: 20px;
    line-height: 35px;
  }

  .category-description {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .category-description .cat-desc {
    max-width: 1100px;
  }

  .category-description .cat-desc p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #585858;
  }

  /* Search form container on the right */
  .bread-search .search-form-container {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
  }

  .search-form-container {
    margin: auto 0;
  }

  .search-form-container .search-form {
    overflow: inherit;
  }

  .search-form-container h3 {
    font-family: Rubik, Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 16px;
    text-transform: none;
  }

  .search-form-container fieldset {
    border-radius: 12px;
    background: #fff;
    display: flex;
    align-items: stretch;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1;
    box-shadow: 0 5px 15px 0 #0000000f;
    width: 100%;
    max-width: 560px;
    height: 58px;
    border: 2px solid transparent;
  }

  .search-form-container fieldset #search-icon {
    background: none;
    border: none;
    width: 64px;
    height: 58px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0;
  }

  .search__field:focus+#clear-icon+#search-icon+fieldset {
    border-color: #48b0f7;
  }

  .search-form-container fieldset:focus-within {
    border: 2px solid #48b0f7;
  }

  .search-form-container .search__field {
    border: none;
    padding-left: 1em;
    width: 100%;
    max-width: calc(560px - 64px);
    box-sizing: border-box;
    position: relative;
    background: none;
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
  }

  .search-form-container button {
    background: none;
    border: none;
    width: 64px;
    height: 48px;
    padding: 0;
  }

  .search-category {
    width: 50%;
    margin: 60px auto 70px;
  }

  .search-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
  }

  #search-icon {
    margin-left: 10px;
    cursor: pointer;
  }

  #search-input.show {
    width: 200px;
    padding: 10px;
    opacity: 1;
    visibility: visible;
    font-size: 14px;
  }

  .article__not_found_container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 50px;

    h2 {
      color: #000;
      font-size: 24px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
    }

    h3 {
      color: #717171;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
    }

    ul {
      padding-left: 25px;
    }

    ul li {
      color: #717171;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 26px;
      margin: 0;
    }
  }

  .showcase-content {
    margin-top: 50px;
    margin-bottom: 100px;
  }

  .post__section_title {
    padding-left: 10px;
    margin-bottom: 20px;
    width: 100%;
  }

  .bread-search fieldset {
    border-radius: 12px;
    background: #fff;
    display: flex;
    align-items: stretch;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1;
    border: none;
    box-shadow: 0 5px 15px 0 #0000000f;
  }

  .bread-search fieldset input {
    border: none;
    padding-left: 1em;
    font-size: 14px;
    width: 64px;
    box-sizing: border-box;
    position: relative;
    margin-right: -64px;
    opacity: 0;
    background: none;
  }

  .bread-search fieldset button {
    background: none;
    border: none;
    width: 64px;
    height: 48px;
    padding: 0;
  }

  .bread-search fieldset:focus-within {
    border: none;
    outline: 2px solid #00a2ff;
  }

  .bread-search fieldset input:focus {
    outline: none;
  }

  .bread-search fieldset input:focus,
  .bread-search fieldset input:not(:placeholder-shown) {
    margin-right: 0;
    opacity: 1;
    width: 364px;
    max-width: calc(100vw - 64px - 2* 20px);
  }

  .category-dropdown {
    position: relative;
    display: none;
  }

  .dropdown-toggle {
    background-color: #58afdb;
    border-radius: 5px;
    color: white;
    border: none;
    padding: 8px 19px;
    cursor: pointer;
    font-size: 16px;
  }

  .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    width: 200px;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding: 0;
    scroll-behavior: smooth;
    z-index: 12;
  }

  .dropdown-category-nav {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .dropdown-category-nav li {
    padding: 0;
    margin: 0;
  }

  .dropdown-category-nav li a {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 11px 17px;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size: 16px;
    cursor: pointer;
  }

  .dropdown-category-nav li a:hover {
    background-color: #e0f7ff;
  }

  /* Responsive blog category media queries */
  @media (max-width: 1160px) {
    .bread-search .scrollable-navbar .category-nav {
      max-width: 700px;
    }
  }

  @media (max-width: 1023px) {
    .pagination {
      margin: 30px 0 0;
    }
  }

  @media (max-width: 990px) {
    .bread-search .scrollable-navbar .category-nav {
      max-width: 500px;
    }
  }

  @media (max-width: 768px) {
    .articles {
      grid-template-columns: repeat(2, 1fr);
    }

    .category-title-container {
      flex-direction: column;
    }

    .category-title {
      text-align: center;
      flex-grow: unset;
      margin-top: 120px;
    }

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

    .bread-search .scrollable-navbar .category-nav {
      max-width: 400px;
    }
  }

  @media (max-width: 630px) {
    .bread-search .scrollable-navbar .category-nav {
      max-width: 300px;
    }
  }

  @media (max-width: 576px) {
    .articles {
      grid-template-columns: repeat(1, 1fr);
    }

    .breadcrumb {
      text-align: left;
    }

    .search-category {
      width: 100%;
    }

    .scrollable-navbar .category-nav {
      display: none;
    }

    .showcase-content .scrollable-navbar .category-nav {
      display: block;
    }

    .scrollable-navbar .category-dropdown {
      display: inline-block;
    }

    .bread-search .breadcrumb {
      max-width: 250px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
  }

  @media (max-width: 350px) {
    .bread-search .breadcrumb {
      max-width: 200px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
  }
}

/* End of Blog post scrollable navbar and tab sections */

/* County Landing Page sections */
.traffic-landing .section{
  padding: 60px 0;
}
.traffic-landing .section.section-about{
  padding-top: 60px !important;
}
.traffic-landing .section-top, .home .section-top {
  position: relative;
  padding: 145px 0 145px;
}
.traffic-landing ul.check-list.ckeck-list--blue {
  padding-top: 0;
}
.traffic-landing .bg-blue.bg-blue-50 {
  background: linear-gradient(to right, #48b0f7 0%, #48b0f7 50%, #eaf8ff 50%, #eaf8ff 100%) !important;
}
.traffic-landing .section.testimonials {
  padding-top: 30px;
}
.traffic-landing .best-icons {
  max-width: 70px;
  max-height: 73px;
}

/* Course Dropdown Styles */
.course-grouped {
  padding: 20px 20px 0;
  max-width: 1200px;
  margin: 0 auto;

  .hero-header {
      text-align: center;
      margin-bottom: 40px;
  }

  .hero-title {
      font-size: 48px;
      font-weight: 800;
      color: #282828;
      margin-bottom: 16px;
      line-height: 57px;
  }

  .hero-subtitle {
      font-size: 20px;
      color: #585858;
      margin-bottom: 24px;
      font-family: 'Lora', serif;
      line-height: 31px;
  }

  .trust-badges {
      display: flex;
      justify-content: center;
      gap: 40px;
      margin-bottom: 40px;
      flex-wrap: wrap;
  }

  .trust-badge {
      display: flex;
      align-items: center;
      gap: 8px;
      color: #585858;
      font-size: 14px;
  }

  .trust-icon {
      width: 24px;
      height: 24px;
      background: #12C0C5;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 14px;
  }

  .trust-icon i.fa-star,
  .trust-icon i.fa-bolt-lightning {
      color: #FCB60C;
  }

  .trust-icon i.fa-check {
      color: white;
  }

  .course-finder {
      background: white;
      border-radius: 16px;
      box-shadow: 0 8px 32px rgba(0,0,0,0.1);
      overflow: hidden;
      margin-bottom: 32px;
  }

  .table-header {
      background: #48B0F7;
      color: white;
      padding: 20px;
      text-align: center;
  }

  .table-header h2.table-title {
      color: #fff;
      font-size: 24px !important;
      font-weight: bold !important;
      margin: 0 !important;
      text-transform: none !important;
      font-family: 'Work Sans', sans-serif !important;
  }

  .table-header p {
      font-size: 16px;
      opacity: 0.9;
      margin: 0 !important;
      font-family: 'Work Sans', sans-serif !important;
  }

  .course-table-div {
      width: 100%;
  }

  .table-head-row {
      background: #f8fafb;
      border-bottom: 2px solid #E8E8E8;
      font-weight: 600;
      color: #282828;
      font-size: 14px;
      padding: 16px 0;
      margin: 0;
  }

  .category-header {
      background: #f0f8ff;
      border-left: 4px solid #12C0C5;
      border-top: 1px solid #E8E8E8;
      padding: 12px 0;
      font-weight: 700;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: #12C0C5;
      margin: 0;
  }

  .category-header.defensive-driving-traffic-school {
      background: #fff8f0;
      border-left-color: #FCB60C;
      color: #FCB60C;
      font-weight: 700;
  }

  .category-header.driver-education-improvement {
      background: #f0fff0;
      border-left-color: #28a745;
      color: #28a745;
      font-weight: 700;
  }

  .course-row {
      border-bottom: 1px solid #E8E8E8;
      transition: all 0.2s ease;
      cursor: pointer;
      margin: 0;
  }

  .course-row:last-child {
      border-bottom: 0;
  }

  .course-row:hover {
      background: #f8fafb;
      transform: translateY(-1px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  }

  .course-row.popular {
      border-left: 4px solid #FCB60C;
      background: #fffbf0;
  }

  .course-cell {
      padding: 20px;
      text-align: left;
      vertical-align: middle;
      position: relative;
      margin: auto;
  }

  .course-type {
      font-weight: 700;
      color: #282828;
      font-size: 16px;
      margin-bottom: 4px;
  }

  .course-features {
      font-size: 14px;
      color: #707070;
      line-height: 1.4;
  }

  .approval-section {
      margin-bottom: 8px;
  }

  .approval-badge {
      background: #12C0C5;
      color: white;
      padding: 6px 12px;
      border-radius: 20px;
      font-size: 12px;
      font-weight: 600;
      display: inline-block;
      margin-left: 50px;
      font-family: 'Work Sans', sans-serif !important;
  }

  .licensed-by {
      padding-left: 70px;
  }
  
  .approval-badge-mobile {
      display: none;
  }

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

  .price {
      font-size: 24px;
      font-weight: 700;
      color: #282828;
      margin-bottom: 4px;
  }

  .price-note {
      font-size: 12px;
      color: #707070;
  }

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

  .cta-button {
      background: #FE8B7B;
      color: white;
      border: none;
      padding: 12px 24px;
      border-radius: 8px;
      font-weight: 700;
      font-size: 14px;
      cursor: pointer;
      transition: all 0.2s ease;
      width: 120px;
      font-family: Arial !important;   
  }

  .cta-button:hover {
      background: #fd6b59;
      transform: translateY(-1px);
      box-shadow: 0 4px 12px rgba(254, 139, 123, 0.3);
  }

  .cta-button.primary {
      background: #48B0F7;
      width: auto;
      padding: 12px 24px;
  }

  .cta-button.primary:hover {
      background: #3A8FC8;
  }

  .popular-badge {
      position: absolute;
      top: -8px;
      right: 20px;
      background: #FCB60C;
      color: white;
      padding: 4px 12px;
      border-radius: 12px;
      font-size: 11px;
      font-weight: bold;
      text-transform: uppercase;
  }

  .finder-section {
      background: #f8fafb;
      border-top: 2px solid #E8E8E8;
      padding: 24px;
      text-align: center;
  }

  .finder-title {
      margin-bottom: 16px;
      color: #585858;
      font-size: 16px;
      font-weight: 600;
      font-family: 'Work Sans', sans-serif !important;
  }

  .finder-controls {
      display: flex;
      gap: 16px;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 16px;
  }

  .finder-select {
      padding: 12px 16px;
      border-radius: 8px;
      border: 1px solid #D0D0D0;
      font-size: 16px;
      min-width: 180px;
  }

  .course-preview {
      margin-top: 16px;
      padding: 12px;
      background: #fff;
      border-radius: 8px;
      border: 2px solid #48B0F7;
      display: none;
  }

  .preview-title {
      font-weight: 600;
      color: #282828;
      margin-bottom: 4px;
      font-family: 'Work Sans', sans-serif !important;
  }

  .preview-details {
      color: #707070;
      font-size: 14px;
  }

  .preview-price {
      font-size: 14px;
      color: #48B7;
      font-weight: 600;
      margin-top: 8px;
  }

  @media (max-width: 1024px) {
    .approval-badge {
      margin-left: 0;
  }

    .licensed-by {
      padding-left: 0;
    }

    .cta-button {
      width: 100%;
    }
  }

  @media (max-width: 768px) {
    .course-finder {
      margin-bottom: 0;
    }

    .hero-title {
      font-size: 32px;
      line-height: 38px;
    }

    .trust-badges {
      gap: 20px;
    }

    .course-cell {
      padding: 16px 12px;
    }

    .cta-button {
      padding: 10px 16px;
      font-size: 12px;
    }

    .table-head-row {
      font-size: 12px;
    }

    .price {
      font-size: 20px;
    }
  }
  
  @media (max-width: 660px) {
    .course-row {
      flex-direction: column;
      align-items: stretch;
    }

    .table-head-row .col-md-2.text-center:last-child {
      display: none;
    }

    .course-name-mobile {
      margin: auto 5px auto 0px;
    }

    .approval-badge-cell {      
      display: none;
    }

    .approval-badge-mobile {
      background: #12C0C5;
      color: white;
      padding: 6px 12px;
      border-radius: 20px;
      font-size: 12px;
      font-weight: 600;
      display: inline-block;
    }

    .price-cell {
      padding: 0;
    }

    .price {
      margin-bottom: 0;
    }
  }
}

@media (max-width: 768px) {
  .course-grouped {
    padding: 30px 0 0;
  }
}
/* End of Course Dropdown Styles */

@media (max-width: 992px) {
  .features-wrap .col-3, .features-wrap .col-8 {
    margin-top: 0;
  }
}
@media (max-width: 990px) {
  .traffic-landing .section {
    padding: 50px 0px 0px !important;
  }
  .traffic-landing .section.section-bottom-signin {
    padding: 50px 0px 50px !important;
  }
}
@media (max-width: 768px) {
  .traffic-landing .section.hero-top {
    padding: 20px 0px 0px !important;
  }
  .traffic-landing .section.bg-blue.section-top.hero-top:after,
  .traffic-landing .section.section-about:after {
    background-size: 0% !important;
  }
  .section.section-top .section-top--right {
    padding-bottom: 20px;
  }
  .traffic-landing .section-top .check-list li img {
    height: auto;
    max-width: 75px;
  }
}
/* End of County Landing Page sections */

.sub-menu {
  background: #fff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, .120867);
  padding: 10px 30px;
  min-width: 100%;
  width: max-content;
  margin-top: 10px;
  z-index: 999;
}

.menu-item-has-children {
  position: relative;
  margin-right: 20px !important;
}

.menu-item-has-children::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #48B0F7;
  position: absolute;
  right: -20px;
  top: 55%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}

.menu-item-has-children:hover::after,
.menu-item-has-children.open::after {
    transform: translateY(-50%) rotate(180deg);
}

.menu-item-has-children:hover a,
.menu-item-has-children:hover li {
  color: #48B0F7;
}

.nav .sub-menu li {
  margin: 25px 0;
}

.nav .sub-menu li a {
  color: #585858;
  font-family: Work Sans;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: none;
}

.rank-math-list-item .rank-math-question {
  margin-bottom: 5px !important;
}

.rank-math-list-item .rank-math-answer {
  margin-bottom: 45px !important;
}

.rank-math-list-item:last-child .rank-math-answer {
  margin-bottom: 0 !important;
}

@media (max-width: 1440px) {

  .section-course::before,
  .section-course::after {
    height: 100%;
    background-position: bottom center;
    background-size: contain;
  }
}

@media (max-width: 1199px) {
  .home .features {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .section-top .section-top-video .wistia--play-button {
    top: 35%;
    height: 90px;
    width: 90px;
  }

  .page-template-drivers-license .intro-container img,
  .page-template-learners-permit .intro-container img {
    max-width: 170px;
  }

  .section-faqs .container .content {
    max-width: 100%;
  }

  .box-container .box-item {
    width: 100%;
    max-width: 300px;
    padding: 15px;
  }
}

@media (max-width: 1024px) {
  .home .shell {
    padding-right: 32px;
    padding-left: 32px;
  }

  .home .section-top {
    padding-top: 140px !important;
  }

  .center-course-container {
    margin-top: 50px;
  }

  .home .box .box__subtitle {
    margin-bottom: 287px;
  }

  .home .center-course-container .course-panel:after {
    transform: translateX(49%);
  }

  .home .section-list-steps h2 {
    padding: 0;
  }

  .home .section-descr .row-flex .text-pink-light {
    padding: 0;
  }

  .home .section-bottom-signin .banner-form .signin-pro {
    padding: 0px 20px;
  }

  .home .section-sitting .box-images .box-item:nth-child(3),
  .home .section-sitting .box-images .box-item:last-child {
    margin-bottom: 0;
  }

  .page-template-frontpage .description-container {
    margin-top: 35px;
  }

  .home.page-template-frontpage .section,
  .page-template-frontpage .section {
    padding-top: 100px !important;
    padding-bottom: 100px;
  }

  .home.page-template-frontpage .section:first-child,
  .page-template-frontpage .section:first-child {
    padding-top: 114px !important;
  }

  .home.page-template-frontpage.admin-bar .section:first-child,
  .page-template-frontpage.admin-bar .section:first-child {
    padding-top: 83px !important;
  }

  .story-container .story-panel {
    width: 800px;
  }

  .section-about-missions::before {
    height: 180px;
  }

  .section-about-missions::after {
    height: 230px;
  }

  .section-features .features .feature-item {
    gap: 48px;
  }

  .program-description {
    gap: 0px 90px;
  }

  .section-about-us::before {
    height: 280px;
  }

  .section-about-us::after {
    height: 211px;
  }

  .about-us-container {
    align-content: center;
    justify-content: center;
  }

  .page-template-frontpage .section-about-us .detail-content {
    gap: 25px;
  }
}

@media (max-width: 1023px) {
  .home .features {
    margin-top: 30px;
  }

  .home .section-top-details {
    margin-top: 20px;
  }

  .section-top .section-top-video .wistia--play-button {
    top: 50%;
    height: 90px;
    width: 90px;
  }
}

@media (max-width: 992px) {

  .home .box .box__subtitle {
    margin-bottom: 90px;
  }

  .home .question-text {
    padding: 33px 0px 32px;
  }

  .home .question-text p:last-child {
    margin-bottom: 0;
  }

  .home .question-text a {
    width: 100%;
  }

  .home .section-descr .text-white {
    margin-bottom: 50px;
  }

  .home .section-descr .text-white:nth-child(2),
  .home .section-descr .text-white:last-child {
    margin-bottom: 0;
  }

  .home .center-course-container .course-panel:after {
    transform: translateX(65%);
  }

  .top-content-header {
    text-align: center;
    padding: 0px 20px;
  }

  .section-top-container .section-content {
    z-index: 1;
  }

  .top-content-header {
    font-size: 40px !important;
    line-height: 47px !important;
  }

  .top-content-body .content-descriptions {
    font-size: 17px !important;
    line-height: 22px !important;
  }

  .top-content-header {
    margin-bottom: 24px;
  }

  .top-content-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .top-content-body .dmv-seal-logo {
    display: flex;
    order: 2;
  }

  .top-content-body .content-descriptions {
    text-align: center;
    padding: 0px 40px !important;
  }

  .top-content-body .content-descriptions>div>a {
    text-decoration: none;
  }

  .top-content-body .content-descriptions>div {
    margin-bottom: 12px;
  }

  /* Footer */
  .footer .footer-logo {
    margin: auto;
  }

  .footer .footer-logo img {
    margin-bottom: 15px;
  }

  .footer .menu a {
    line-height: 45px;
  }

  .footer .top-footer-text .main {
    display: none;
  }

  .footer .top-footer-text .mobile {
    display: block;
  }

  .footer .top-footer-text .mobile h3 {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 300 !important;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #48B0F7;
    margin-bottom: 5px;
    text-transform: capitalize !important;
  }

  .footer .footer-terms .terms-list li {
    margin-bottom: 20px;
  }

  .footer .footer-terms .terms-list li:last-child {
    padding: 0;
    margin-bottom: 0;
  }

  .home.page-template-frontpage .section,
  .page-template-frontpage .section {
    padding-top: 100px !important;
    padding-bottom: 100px;
  }

  .home.page-template-frontpage.admin-bar .section:first-child,
  .page-template-frontpage.admin-bar .section:first-child {
    padding-top: 69px !important;
  }

  .page-template-frontpage .course-selection-container {
    width: 500px;
    max-width: 500px;
  }

  .page-template-frontpage .select-group {
    grid-template-columns: 1fr 1fr;
  }

  .page-template-frontpage .course-selection-container button {
    grid-column: auto / span 2;
    width: 100%;
  }

  .box-container .box-item {
    width: 100%;
  }

  .solutions .solution-item {
    gap: 25px;
  }

  .solutions .solution-item .item-icon img {
    max-width: 300px;
  }

  .story-container .story-panel {
    width: 600px;
    grid-template-columns: auto;
    padding: 48px 32px;
  }

  .story-container .story-panel .story-description {
    max-width: 100%;
  }

  .story-container .story-panel .icons {
    margin-top: 24px;
    justify-content: center;
  }

  .page-template-about .section {
    padding-top: 96px !important;
    padding-bottom: 96px;
  }

  .section.section-about {
    padding-top: 162px !important;
  }

  .section-about h1.section-title {
    margin-bottom: 49px;
  }

  .story-container .story-panel:not(:first-child):before {
    left: 32px;
  }

  .story-container .story-panel ul li {
    margin-left: 0;
  }

  .values-container {
    grid-template-columns: auto;
    gap: 56px;
  }

  .section-about-missions::before {
    display: none;
  }

  .mission-container {
    margin: 0 17px;
    width: auto;
  }

  .section-about-missions::after {
    height: 192px;
  }

  .page-template-mature-driver .section-intro-top .intro-top-image-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 48px;
  }

  .page-template-mature-driver .section-intro-top .intro-top-image-container img {
    width: auto;
  }

  .page-template-mature-driver section {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .page-template-mature-driver section:first-child {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .intro-top-description {
    padding-bottom: 47px;
    margin-bottom: 48px;
  }

  .page-template-mature-driver .section-features {
    padding-top: 152px;
    padding-bottom: 96px;
  }

  .program-container .program-description,
  .section-features .features .feature-item,
  .page-template-mature-driver .lesson-container .lesson-content {
    grid-template-columns: auto;
    max-width: 670px;
  }

  .program-title {
    grid-column: auto;
  }

  .section-program .program-container h2,
  .program-description .desc-content,
  .program-container ul,
  .section-features .features .feature-description,
  .page-template-mature-driver .lesson-container .lesson-title,
  .page-template-mature-driver .lesson-container .lesson-list {
    max-width: 100%;
  }

  .program-description .desc-content {
    margin-bottom: 64px;
  }

  .section-features .features .feature-icon {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .page-template-mature-driver .section-mature-course {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .page-template-mature-driver .main-container .box-container {
    grid-template-columns: 1fr;
  }

  .page-template-mature-driver .descriptions-container .content {
    max-width: 600px;
  }

  .section-tabscontent .steps {
    gap: 100px;
  }

  .section-tabscontent .steps .item {
    gap: 0;
  }

  .section-tabscontent .steps .item .icon {
    min-width: 0;
  }

  .section-tabs .tabs button {
    padding: 4px;
  }

  .section-tabscontent .steps .item .description {
    word-break: break-word;
  }

  .section-tips .tip-container .tip-content {
    flex-direction: column;
  }

  .section-tips .tip-container .tip-content .tip-title {
    min-width: 100%;
    max-width: 100%;
    text-align: center;
  }

  .page-template-drivers-license .intro-container img,
  .page-template-learners-permit .intro-container img {
    max-width: 130px;
  }

  .page-template-drivers-license .intro-container .intro-content,
  .page-template-learners-permit .intro-container .intro-content {
    max-width: 400px;
  }

  .page-template-drivers-license h1,
  .page-template-learners-permit h1 {
    font-size: 42px;
    line-height: 48px;
  }

  .section-author .author-top {
    gap: 20px;
  }

  .box-container{
    grid-template-columns: 1fr 1fr;
  }

  .box-container .box-item {
    width: 100%;
    max-width: 400px;
    padding: 64px 48px;
  }
}

@media (max-width: 782px) {
  .page-template-mature-driver.admin-bar section:first-child {
    margin-top: 44px;
  }

  .page-template-drivers-license.admin-bar section:first-child,
  .page-template-learners-permit.admin-bar section:first-child {
    margin-top: 44px;
  }
}

@media screen and (max-width: 768px) {
  .nav.active {
    overflow-y: auto;
    max-height: 500px;
  }

  .menu-item-has-children {
    margin-right: 0 !important;
  }
  .menu-item-has-children::after {
    display: none;
  }
  .menu-item-has-children a.toggle-submenu {
    display: block;
    width: 100%;
  }
  .menu-item-has-children a.toggle-submenu::after {
    content: "";
    width: 0;
    height: 0 !important;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #48B0F7;
    position: absolute !important;
    left: unset !important;
    right: 5px !important;
    top: 55% !important;
    transform: translateY(-50%);
    transition: transform 0.3s ease !important;
    margin: 0 !important;
  }

  .menu-item-has-children a.menu-open::after {
    transform: translateY(-50%) rotate(180deg);
  }

  .menu-item-has-children {
      list-style: none;
      padding: 0;
  }

  .menu-item-has-children li {      
      position: relative;
  }

  .menu-item-has-children li > a {
    display: block;
    padding: 15px 20px;
    text-decoration: none;    
    font-family: "Work Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    position: relative;
    letter-spacing: 0 !important;
    text-transform: uppercase;
    color: #585858;
  }

  li.sign-text {
    padding: 0 15px;
  }

  li.sign-text > a {
    background: #FE8B7B;
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    padding: 11px 22px;
    display: block;
    text-transform: capitalize;
    border-bottom: 8px solid #F57C6B;
    text-align: center;
  }

  .menu-item-has-children .sub-menu,
  .menu-item-has-children .sub-menu .sub-menu {
    display: none !important;
    box-shadow: none;
    position: relative;
    transform: unset !important;
    visibility: visible !important;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    opacity: 1 !important;
    width: 100%;
    left: unset;
    padding-left: 10px;
  }

  .nav .sub-menu li a {
    padding: 7px 0;
    font-family: "Work Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    position: relative;
    letter-spacing: 0 !important;
    text-transform: none;
    color: #585858;
    padding-right: 1em;
  }

  .nav .sub-menu li {
    margin: 0;
  }

  .nav li:not(.sign-up) a:not(.btn):after {
    display: block;
  }

  .menu-item-has-children.open > .sub-menu {
    display: block !important;
  }

  .nav li.current-menu-item a:not(.btn):after,
  .nav li:not(.sign-up) a:not(.btn):hover:after {
    margin: 0;
  }

  .menu-open {
    color: #48B0F7 !important;
  }
}

@media (max-width: 768px) {
  .header .nav>ul.menu>li,
  .header .nav>ul#menu-main-menu>li {
    margin-left: 0px !important;
    padding: 5px 0px !important;
  }

  .header .nav>ul.menu>li:last-child,
  .header .nav>ul#menu-main-menu>li:last-child {
    padding-top: 15px !important;
  }

  .top-content-header {
    text-align: center;
    padding: 0px 20px;
  }
}

@media (max-width: 767px) {

  /* Top Content */
  .home .section h2 {
    font-size: 40px;
    line-height: 47px;
  }

  .home h2.traffic-landing--title {
    font-size: 48px;
    line-height: 56px;
  }

  .license {
    flex-direction: column;
    align-items: center;
  }

  .home .section-top {
    padding: 120px 0 0 !important;
  }

  .home .section-top:after {
    content: "";
    display: block;
    width: 100%;
    height: 130px;
    background-image: url(/wp-content/themes/traffic-school/images/Palm-Trees-MOBILE@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    bottom: -6px;
  }

  .home .shell {
    padding-left: 32px;
    padding-right: 32px;
  }

  .section-top-container .section-content {
    z-index: 1;
  }

  .top-content-header {
    font-size: 40px !important;
    line-height: 47px !important;
  }

  .top-content-body .content-descriptions {
    font-size: 17px !important;
    line-height: 22px !important;
  }

  .section-top-video {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .top-content-header {
    margin-bottom: 24px;
  }

  .top-content-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .top-content-body .dmv-seal-logo {
    display: flex;
    order: 2;
  }

  .top-content-body .content-descriptions {
    text-align: center;
    padding: 0px 40px !important;
  }

  .top-content-body .content-descriptions>div>a {
    text-decoration: none;
  }

  .top-content-body .content-descriptions>div {
    margin-bottom: 12px;
  }

  .center-course-container .course-panel:before,
  .center-course-container .course-panel:after {
    display: none;
  }

  .section-guarantee {
    background-color: #FFFFFF;
  }

  .center-course-container {
    margin-top: 0;
  }

  .center-course-container .course-panel h1 {
    padding: 0px 55px;
    margin-bottom: 28px;
  }

  .center-course-container .course-panel ul.signin-pros {
    display: block;
    margin-top: 16px;
  }

  .center-course-container .course-panel ul.signin-pros li {
    margin-bottom: 12px;
  }

  .home .features {
    display: block;
    margin-top: 64px;
    margin-bottom: 0;
    padding: 0px 15px;
  }

  .home .features li {
    margin: 0 auto;
    max-width: 100%;
    padding: 24px 0px;
    border-bottom: 2px solid #D0D0D0;
  }

  .home .features:not(.no-guarantee-image) li:first-child,
  .home .features li:last-child {
    border: 0;
  }

  .home .features:not(.no-guarantee-image) li:first-child {
    padding: 0;
  }

  .home .features .feature-box .top-feature-icon img {
    width: 50px;
  }

  .home .section-inner-title-h2 {
    text-align: left;
  }

  .list-icons li {
    margin-bottom: 30px;
  }

  .list-icons li:last-child {
    margin-bottom: 0;
  }

  .home .shell .py-128 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  /* Section Steps */

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

  .home .box .box__title {
    font-size: 40px;
    line-height: 47px;
  }

  .home .box .box__subtitle {
    margin-bottom: 64px;
  }

  .home .section-steps .section__content {
    padding-top: 0;
  }

  .home .section__content img {
    padding-left: 12px;
  }

  .list-steps {
    padding: 0;
  }

  /* Section Sitting */

  .home .section-sitting .pr-45 {
    padding-right: 0px;
  }

  .home .section-sitting .traffic-landing--title {
    text-align: center;
  }

  .home .section-sitting a.signin-btn {
    width: 100%;
    margin-top: 40px;
  }

  .home .section-sitting ul.signin-pros {
    text-align: center;
    margin-bottom: 40px;
  }

  .home .section-sitting ul.signin-pros li {
    margin-bottom: 12px;
  }

  .home .section-sitting .box-images {
    display: block;
    margin-top: 64px;
  }

  .home .section-sitting .box-images .box-item img {
    width: 48px;
  }

  .home .section-sitting .box-images .box-item .image {
    width: 12%;
  }

  .home .section-sitting .box-images .box-item .descriptions {
    width: 88%;
    padding-left: 12px;
  }

  .box-images .box-item {
    margin-bottom: 48px !important;
  }

  .home .section-sitting .box-images .box-item:last-child {
    margin-bottom: 0px !important;
  }

  /* Section Pricing */

  .section__aside__table .mt-72 {
    margin-top: 80px;
  }

  .home .table-cost .table-cost-title .main {
    display: none;
    visibility: hidden;
  }

  .home .table-cost .table-cost-title .shortcut {
    display: block;
    visibility: visible;
    text-align: center;
  }

  .home .table-cost th:first-child {
    width: 34%;
  }

  .home .table-cost th:nth-child(2),
  .home .table-cost th:last-child {
    width: 33%;
  }

  .home .table-cost tr:nth-child(2) td p {
    font-size: 20px;
    line-height: 23px;
  }

  .home .table-cost tr>td:nth-child(2),
  .home .table-cost tr>td:last-child {
    text-align: center;
  }

  .home .table-cost tr th.td-blue {
    border-top: 8px solid #48B0F7;
  }

  .home .table-cost tr:last-child td {
    padding: 4px;
  }

  .home .table-cost p {
    line-height: 23px;
  }

  .home .table-cost:before,
  .home .table-cost:after {
    display: none;
  }

  .home .section-pricing:after {
    content: "";
    display: block;
    width: 100%;
    height: 130px;
    background-image: url(/wp-content/themes/traffic-school/images/Signs-MOBILE@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }

  .home .section-pricing .section__aside__table {
    margin-bottom: 80px;
  }

  .home .section-pricing {
    padding-bottom: 32.5px !important;
  }

  .home .section-list-steps h2 {
    padding: 0;
  }

  .home .section-list-steps ol.list-steps {
    padding: 0;
  }

  .home .section-list-steps .traffic-landing--subtitle {
    margin-top: 64px;
  }

  .home .section-list-steps .list-steps.big-steps li {
    padding: 23.5px 16px 23.5px 75px;
  }

  .home .section-list-steps .list-steps li::before,
  .home .section-list-steps .list-steps li::after {
    left: 32px;
  }

  /* Section Testimonials */

  .section .testimonials h2 .main,
  .section .testimonials .--arrow-left {
    display: none;
  }

  .section .testimonials h2 .mobile {
    display: block;
  }

  .section .testimonials-slider .ReviewsCarouselContainer .--arrow-left,
  .section .testimonials-slider .ReviewsCarouselContainer .--arrow-right,
  .section .testimonials-slider .ReviewsFooter {
    display: none !important;
  }

  /* Section Description */

  .section-descr .section-descr-icon {
    width: 100%;
    margin: 0 auto;
  }

  .section-descr h3,
  .section-descr p {
    text-align: center;
    padding: 0;
  }

  .section-descr .col-lg-4,
  .section-descr .col-md-4,
  .section-descr .col-md-6,
  .section-descr .col-sm-6 {
    margin-bottom: 96px;
  }

  .section-descr .col-lg-4:last-child,
  .section-descr .col-md-4:last-child,
  .section-descr .col-md-6:last-child,
  .section-descr .col-sm-6:last-child {
    margin-bottom: 0;
  }

  .home .section-bottom-signin {
    padding-bottom: 32px !important;
  }

  .home .section-bottom-signin ul {
    display: block !important;
  }

  .home .section-bottom-signin ul>li {
    margin-bottom: 24px;
  }

  .home .section-bottom-signin ul>li:last-child {
    margin-bottom: 0;
  }

  .home .section-bottom-signin .banner-form {
    margin-top: 64px;
    padding: 0;
  }

  .home .section-bottom-signin .banner-form .signin-pro {
    display: block;
    margin-top: 32px;
    padding: 0;
  }

  .home .section-bottom-signin .banner-form .signin-pro .item {
    justify-content: center;
    margin-bottom: 12.5px;
  }

  .home .section-bottom-signin .banner-form .signin-pro .item p {
    margin: auto 0;
    width: 210px;
    min-width: 210px;
  }

  .home .section-bottom-signin>div.shell>div.row-flex {
    margin-bottom: 81.5px;
  }

  .section-bottom-signin .shell::after {
    display: none;
  }

  .home .section-bottom-signin:after {
    content: "";
    display: block;
    width: 100%;
    height: 75px;
    background-image: url(../images/Cars-MOBILE@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }

  /* About Page */
  .section.section-about .section__inner .section__body {
    max-width: 100%;
  }

  .section.section-about .section__image {
    margin: 0 auto;
  }

  .py-120 {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }

  .traffic-landing .section-top {
    padding: 120px 0 190px !important;
  }

  .home .section-top-details {
    margin-top: 0;
  }

  .head-title {
    margin-bottom: 10px;
  }

  .home .section-top .banner-form,
  .home .section-top .after-form-text,
  .home .section-top .license-row {
    display: none;
  }

  .traffic-landing .section.bg-blue.section-top:after {
    background-size: 210%;
    height: 120px;
  }

  .home .section-top h2,
  .page-template-traffic-school-cost .section-cost-left h1.section-cost-title,
  .page-template-traffic-school-reviews .bg-green-img .section-title,
  h1.section__head__maintitle,
  h1.section-list-title {
    font-size: 40px !important;
    line-height: 45px !important;
  }

  .traffic-landing .landing--text {
    font-size: 35px;
    line-height: 42px;
  }

  .section-top .section-parent {
    display: flex;
    flex-flow: column;
  }

  .section-top .section-top-details {
    order: 1;
  }

  .home .features {
    margin-top: 20px !important;
    display: block;
  }

  .home .features li {
    display: block;
    text-align: left;
    max-width: 100%;
  }

  .features .feature-box {
    justify-content: flex-start !important;
    align-items: center !important;
  }

  .home .features .feature-box .top-feature-icon {
    margin-right: 10px;
  }

  .home .features .feature-box .guaranteed-img {
    display: none;
  }

  .home .features .guarantee-mobile {
    display: block;
    text-align: center;
  }

  h2 {
    font-size: 32px;
    line-height: 38px;
  }

  .story-container .story-panel h2 {
    font-size: 48px;
    line-height: 56px;
  }

  .home .box .box__subtitle {
    margin-bottom: 24px;
  }

  .home .list-steps li,
  .page-template-home-new .list-steps li {
    margin-bottom: 35px;
  }

  .features-wrap>div>div {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .features-wrap>div>div:first-child,
  .features-wrap>div>div:nth-child(2) {
    margin-top: 45px !important;
  }

  body.page-template-how-it-works-new .section__head {
    padding-bottom: 30px;
  }

  body.page-template-how-it-works-new .section__head .licensed h5:first-child {
    margin-bottom: 15px;
  }

  body.page-template-how-it-works-new ul.steps p,
  body.page-template-how-it-works-new hr,
  body.page-template-how-it-works-new .requirements-list {
    margin-bottom: 20px;
  }

  body.page-template-how-it-works-new ul.steps .step-four-modules p,
  body.page-template-how-it-works-new ul.steps .step-four-modules h4 {
    margin-bottom: 0;
  }

  .page-template-traffic-school-cost .section-cost-left h5 {
    margin: 20px 0 0;
  }

  .page-template-traffic-school-cost .section-cost-left {
    padding-bottom: 10px;
  }

  .page-template-traffic-school-cost .section {
    padding: 60px 0;
  }

  .page-template-traffic-school-cost .section-descr .col-md-6,
  .page-template-traffic-school-cost .peace-mind .mb-48:last-child,
  .page-template-traffic-school-cost .ready-get .row-flex {
    margin-bottom: 0;
  }

  .page-template-traffic-school-cost .peace-mind .peace-mind-text {
    margin-bottom: 0;
    padding-bottom: 15px;
  }

  .page-template-traffic-school-cost .section-cost .cost-btn,
  .page-template-traffic-school-cost .ready-get .row-flex:last-child {
    display: none;
  }

  .page-template-traffic-school-cost .ready-get ul {
    padding-left: 0;
  }

  .page-template-traffic-school-cost .section-descr p.text-white {
    margin-bottom: 40px;
  }

  .page-template-traffic-school-cost .section-descr .col-md-6:last-child p.text-white {
    margin-bottom: 0;
  }

  /* .page-template-traffic-school-cost .section-cost .licensed-mobile-img {
    display: none;
  } */

  .section.peace-mind .peace-mind-price {
    margin-bottom: 35px;
  }

  .page-template-traffic-school-reviews .ready-get ul.check-list {
    padding-top: 0;
  }

  .page-template-traffic-school-reviews .ready-get .row-flex:first-child {
    margin-bottom: 0;
  }

  .page-template-traffic-school-reviews .ready-get .row-flex:last-child {
    display: none;
  }

  .page-template-traffic-school-list .section-list-title {
    margin-bottom: 30px !important;
  }

  .page-template-traffic-school-list .ready-get .btn,
  .page-template-traffic-school-list .section.ready-get .img-responsive {
    display: none;
  }

  .traffic-landing .section-about,
  .page-template-traffic-school-list .section.ready-get,
  .page-template-traffic-school-list .section.ready-get.py-120 {
    padding: 54px 0 54px !important;
  }

  .page-template-traffic-school-list .section.ready-get p.mb-48,
  .page-template-traffic-school-list .section.ready-get .mb-48 {
    margin-bottom: 0;
  }

  .page-template-traffic-school-list .ready-get ul.check-list {
    padding-top: 0;
  }

  .section-descr .col-lg-4,
  .section-descr .col-md-4,
  .section-descr .col-md-6,
  .section-descr .col-sm-6 {
    margin-bottom: 60px;
  }

  .section-descr .col-lg-4:last-child,
  .section-descr .col-md-4:last-child,
  .section-descr .col-md-6:last-child,
  .section-descr .col-sm-6:last-child {
    margin-bottom: 0;
  }

  .section-descr .description-list {
    display: grid;
    grid-template-columns: min-content auto;
  }

  .section-descr .section-descr-icon {
    max-width: 100%;
    width: 70px;
    margin-right: 10px;
  }

  .section-descr .section-descr-icon img {
    height: auto;
  }

  .section-descr p,
  .section-descr .text-white {
    grid-column: span 2;
  }

  .section-descr .description-list h3 {
    font-size: 32px;
    line-height: 38px;
  }

  .bg-blue.bg-bubbls {
    background-size: cover !important;
  }

  .page-template-templates .banner-form {
    display: none;
  }

  .section-top .traffic-landing--subtitle {
    margin-top: 0;
  }

  .traffic-landing .section-top .banner-left-bottom {
    margin-top: 25px;
  }

  .section.section-top .section-top--left {
    padding-bottom: 30px;
  }

  body.page-template-how-it-works-new .step-four-modules:last-child .step-four-module:last-child {
    margin-bottom: 0;
  }

  .page-template-traffic-school-cost .section.section-cost {
    padding-top: 120px !important;
    padding-bottom: 30px !important;
  }

  body.page-template-how-it-works-new:not(.admin-bar) .section__head {
    padding-top: 120px !important;
  }

  .page-template-traffic-school-cost .ready-get ul.check-list {
    padding-top: 0;
  }

  .page-template-traffic-school-list .section.section-list-hero {
    padding-top: 130px;
  }

  .section.section-top .section-top--right {
    padding-top: 54px;
  }

  .section.section-top .section-top--right .check-list {
    padding-top: 0;
  }

  .traffic-landing .features-wrap {
    margin-top: 0;
  }

  .home .section.section-guarantee {
    padding-top: 0 !important;
    padding-bottom: 30px !important;
  }

  .home .section.section-guarantee .center-course-container,
  .home .top-course-container {
    display: none;
  }

  body.page-template-how-it-works-new .step-two-inner-img {
    margin-bottom: 0;
  }

  body.page-template-how-it-works-new ul.steps h3 {
    margin-bottom: 30px;
  }

  body.page-template-how-it-works-new .getting-started h2 {
    font-size: 32px;
    line-height: 38px;
  }

  .section-descr h3,
  .section-descr p {
    text-align: left;
  }

  .page-template-traffic-school-reviews .section-subtitle {
    font-size: 20px !important;
    line-height: 24px !important;
  }

  .page-template-traffic-school-reviews:not(.admin-bar) .bg-green-img {
    padding-top: 120px !important;
  }

  .page-template-traffic-school-reviews .bg-green-img .section-title {
    margin-top: 0 !important;
  }

  .page-template-traffic-school-reviews .section.review-descr {
    padding: 30px 0 50px;
  }

  .section-top .section-top-video .wistia--play-button {
    top: 48%;
    height: 60px;
    width: 60px;
  }

  .banner-video-mobile {
    display: none;
  }

  .banner-video-desktop {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .step-four-pricetag img {
    margin: 0 auto 0;
  }

  body.page-template-how-it-works-new ul.steps h3 {
    margin-bottom: 30px;
  }

  .page-template-traffic-school-list .section-list-hero--img {
    margin: 48px auto;
  }

  .page-template-home .section.section-bottom-signin .justify-content-center .check-list {
    margin: 50px 0 0;
  }

  .page-template-frontpage .course-selection-container {
    width: 100%;
    max-width: 100%;
  }

  .page-template-frontpage ul.footer-list {
    flex-direction: column;
    margin-top: 30px;
  }

  .page-template-frontpage ul.footer-list li {
    min-height: auto;
    max-width: 270px;
    padding: 30px 0px;
  }

  .page-template-frontpage ul.footer-list li+li {
    border-left: 0;
    border-top: 2px solid #D0D0D0;
    widows: 100%;
  }

  .page-template-frontpage .section-top {
    padding: 120px 0 40px !important;
  }

  .page-template-frontpage .section-top:after {
    display: none;
  }

  .page-template-frontpage section h1 {
    font-size: 40px;
    line-height: 47px;
  }

  .page-template-frontpage section h2 {
    font-size: 40px !important;
    line-height: 47px !important;
  }

  .page-template-frontpage .section-course h1 {
    margin-bottom: 32px;
  }

  .page-template-frontpage .section-course h2 {
    margin-bottom: 32px;
  }

  .gap-spacing {
    margin-bottom: 64px;
  }

  .box-container {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .box-container .box-item {
    padding: 64px 24px;
  }

  .page-template-frontpage section h3 {
    margin-bottom: 16px;
  }

  .page-template-frontpage section .testimonials h3 {
    margin-bottom: 28px;
  }

  .solutions {
    gap: 96px;
  }

  .solutions .solution-item {
    grid-template-columns: auto;
    gap: 48px;
  }

  .solutions .solution-item .item-icon {
    display: flex;
    justify-content: center;
  }

  .solutions .solution-item .item-icon img {
    max-width: 247px;
  }

  .solutions .solution-item .item-description h2 {
    font-size: 40px !important;
    line-height: 47px !important;
  }

  .section-about-us h1,
  .section-about-us p {
    text-align: center;
  }

  .section-about-us .detail-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .page-template-frontpage .section-about-us .detail-content {
    grid-template-columns: auto;
  }

  .page-template-frontpage .section-about-us h2 {
    font-size: 48px;
    line-height: 56px;
  }

  .page-template-frontpage .section-about-us p {
    line-height: 21.09px;
  }

  .page-template-frontpage .section-about-us .detail-content {
    gap: 64px;
  }

  .page-template-frontpage .section-about-us .detail-container .description p:last-child {
    margin-bottom: 0;
  }

  .page-template-frontpage .section-about-us a {
    margin-top: 48px;
  }

  .about-us-container img {
    max-width: 247px;
  }

  .page-template-frontpage .section-bottom-cta .description-container h2 {
    font-size: 40px;
    line-height: 47px;
    margin-bottom: 16px;
  }

  .page-template-frontpage .section-bottom-cta .course-selection-container {
    margin-bottom: 32px;
  }

  .page-template-frontpage .section-bottom-cta ul.footer-list {
    margin-top: 50px;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .page-template-frontpage .section-bottom-cta ul.footer-list li,
  .page-template-frontpage .section-bottom-cta ul.footer-list li:last-child {
    border: 0;
  }

  .story-container .story-panel {
    width: 100%;
  }

  .story-container::before {
    display: none;
  }

  .section-about:after {
    display: block;
    content: "";
    width: 100%;
    height: 110px;
    position: absolute;
    background-image: url(/wp-content/themes/traffic-school/images/front/about-us-tree-bg-mobile.svg);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: cover;
    z-index: 1;
    bottom: 48px;
  }

  .story-container {
    margin-bottom: 32px;
  }

  .section.section-about {
    padding-bottom: 160px;
  }

  .section-about-values::before {
    height: 172px;
  }

  .section-about-values h2 {
    margin-bottom: 49px;
    font-size: 48px !important;
    line-height: 57px !important;
  }

  .section-about-missions h2 {
    font-size: 48px !important;
    line-height: 57px !important;
  }

  .values-container .value-item .value-icon img {
    width: 128px;
    height: 128px;
    min-width: 128px
  }

  .values-container .value-item {
    grid-template-columns: auto;
    text-align: center;
    gap: 8px;
  }

  .values-container .value-item .value-description p,
  .section-about-missions p {
    text-align: center;
  }

  .page-template-mature-driver section:first-child {
    margin-top: 90px;
  }

  .page-template-mature-driver.admin-bar section:first-child {
    margin-top: 44px;
  }

  .page-template-drivers-license.admin-bar section:first-child,
  .page-template-learners-permit.admin-bar section:first-child {
    margin-top: 44px;
  }

  .page-template-mature-driver h2 {
    font-size: 40px;
    line-height: 47px;
  }

  .page-template-mature-driver .section-intro-top h1 {
    margin-bottom: 24px;
  }

  .page-template-mature-driver .section-intro-top ul {
    gap: 24px;
  }

  .page-template-mature-driver .section-intro-top .intro-top-image-container img {
    width: 311px;
  }

  .section-program h1 {
    margin-bottom: 32px;
  }

  .section-program h2 {
    margin-bottom: 32px;
  }

  .section-features .features .feature-item h2,
  .page-template-mature-driver .section-lessons h2 {
    font-size: 40px !important;
    line-height: 47px !important;
  }

  .section-features .features .feature-item .feature-icon img {
    max-width: 247px;
  }

  .page-template-mature-driver .lesson-container .lesson-content {
    gap: 64px;
  }

  .page-template-mature-driver .descriptions-container .content h2 {
    font-size: 40px;
    line-height: 47px;
  }

  .page-template-mature-driver .descriptions-container {
    margin-bottom: 48px;
  }

  .page-template-mature-driver .main-container .box-container .box-item {
    padding: 64px 24px;
  }

  .page-template-mature-driver .main-container .box-container .box-item a {
    margin-top: 20px;
  }

  .page-template-mature-driver .main-container:before {
    display: none;
  }

  .page-template-mature-driver .section-mature-course {
    padding-bottom: 187px;
  }

  .page-template-mature-driver .section-mature-course:after {
    display: block;
    content: "";
    width: 100%;
    height: 110px;
    position: absolute;
    background-image: url(/wp-content/themes/traffic-school/images/front/palm-tree-mobile.svg);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: cover;
    z-index: 1;
    margin-top: 32px;
  }

  .page-template-frontpage .section.section-course .shell .container {
    gap: 64px;
  }

  .page-template-frontpage .section-course .text-content {
    grid-template-columns: auto;
    gap: 0;
  }

  .page-template-drivers-license section,
  .page-template-learners-permit section {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .page-template-drivers-license section:first-child,
  .page-template-learners-permit section:first-child {
    margin-top: 90px;
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .page-template-drivers-license h1,
  .page-template-learners-permit h1 {
    font-size: 40px;
    line-height: 47px;
  }

  .section-tabscontent .steps {
    gap: 96px;
  }

  .section-tips .tip-container .tip-content {
    max-width: 100%;
    padding: 80px 50px;
  }

  .section-tips .list-steps li {
    text-align: left;
  }

  .page-template-drivers-license section.section-checklist {
    padding-bottom: 96px;
  }

  .page-template-drivers-license section.section-faqs,
  .page-template-learners-permit section.section-faqs {
    padding-top: 96px;
  }

  .license-section img {
    margin-bottom: 50px;
  }

  .mb-96 {
    margin-bottom: 82px;
  }

  .section-tabs .tabs button h2 {
    font-size: 20px !important;
    line-height: 23px !important;
  }

  .section-tabs .tabs {
    gap: 30px;
  }

  body.author {
    padding-top: 0;
  }

  .section.section-author {
    padding-top: 138px;
    padding-bottom: 96px;
  }

  .section.section-author-articles {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .section-author .author-details {
    max-width: 100%;
  }

  .section-author .author-top {
    display: flex;
    flex-direction: column;
    gap: 50px;
    justify-content: center;
    align-items: center;
  }

  .section-articles .section__body.blog-page {
    padding-top: 25px !important;
    padding-bottom: 15px !important;
  }
}

@media (max-width: 729px) {

  .page-template-drivers-license .intro-container,
  .page-template-learners-permit .intro-container {
    flex-flow: column;
    gap: 30px;
  }
}

@media (max-width: 600px) {
  .page-template-frontpage .description-container {
    margin-top: 0;
  }

  .page-template-frontpage .select-group {
    grid-template-columns: 100%;
    width: 100%;
  }

  .page-template-frontpage .course-selection-container button {
    grid-column: auto;
  }

  .page-template-frontpage .course-selection-container::before,
  .page-template-frontpage .course-selection-container::after {
    display: none;
  }

  .page-template-frontpage ul.footer-list {
    margin-top: 40px;
  }

  .page-template-frontpage ul.footer-list {
    flex-direction: column;
    margin-top: 80px;
  }

  .page-template-frontpage .section-bottom-cta ul.footer-list {
    margin-top: 50px;
  }

  .license-section img {
    margin-bottom: 25px;
  }

  .mb-96 {
    margin-bottom: 50px;
  }

  .section-tabscontent .steps .item {
    grid-template-columns: auto;
    gap: 48px;
  }

  .section-tabscontent .steps .item .description {
    max-width: 100%;
  }

  .section-tabscontent .steps .item .icon {
    display: flex;
    justify-content: center;
  }

  .section-faqs .container .content::after {
    top: 0px;
  }

  .page-template-drivers-license section.section-faqs,
  .page-template-learners-permit section.section-faqs {
    padding-bottom: 40px;
  }

  .section-checklist .container .content {
    width: 100%;
    max-width: 100%;
  }

  .section-checklist .container .content .lists {
    grid-template-columns: auto;
  }

  .section-checklist .container .content .lists ul li {
    margin-bottom: 25px;
  }

  .section-tabs .tabs {
    display: block;
  }

  .section-tabs .tabs button {
    width: 100%;
    border-top: 1px solid #C8C8C8;
  }

  .section-tabs .tabs button h2 {
    text-align: center;
    max-width: 100%;
  }

  .section-tabs .container .content,
  .section-tabscontent .container .content {
    width: 100%;
  }

  .section-tabs .tabs button {
    padding: 25px;
  }
}

@media (max-width: 576px) {
  .single-post {
    .article__header {
      padding-top: 65px !important;
    }
    h1.article__title {
      font-size: 34px;
      line-height: 37px;
    }
    .author__details .author,
    .author__details .timestamp {
      display: inline;
    }
    .article__meta .author__details,
    .article__meta .reviewer__details {
        font-size: 14px;
        line-height: 18px;
    }
    p,
    .article--single .article__entry p {
      font-size: 18px;
      margin-bottom: 15px;
    }
    table td {
      font-size: 18px !important;
      line-height: 27px !important;
    }
    h2,
    h2.wp-block-heading {
      font-size: 22px !important;
      line-height: 26px !important;
      margin-bottom: 15px;
    }
    h3,
    h3.wp-block-heading {
      font-size: 19px !important;
      line-height: 24px !important;
      margin-bottom: 15px;
    }
    h4,
    h4.wp-block-heading {
      font-size: 17px !important;
      line-height: 21px !important;
      margin-bottom: 15px;
    }
    .wp-block-list li {
      font-size: 18px !important;
      margin-bottom: 0;
    }

    /* sticky table of contents */
    .lwptoc {
      position: absolute;
      top: 89px;
      width: 100%;
      margin: 0 -30px;
      z-index: 2;
    }
    .lwptoc_header {
      display: flex;
      justify-content: space-between;
      margin-bottom: 0;
    }
    .lwptoc_toggle:before,
    .lwptoc_toggle:after {
      content: '';
    }
    .lwptoc_toggle {
      font-size: 100%;
    }
    .lwptoc_f {
      position: fixed;
      top: 89px;
      right: 20px;
      width: 100%;
    }
    .lwptoc_i {
      position: fixed;
      top: 89px;
      z-index: 1000;
      background: #fff;
      padding: 5px 10px;
      width: 100%;
      font-size: 14px;
    }
    .lwptoc_items.lwptoc_items-visible {
      overflow-x: auto;
      max-height: 450px;
    }
  }
}

@media (max-width: 425px) {
  .header .logo-bg {
    width: 100% !important;
  }

  .home.page-template-frontpage .section,
  .page-template-frontpage .section {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }

  .home.page-template-frontpage .section:first-child,
  .page-template-frontpage .section:first-child {
    padding-top: 90px !important;
  }

  .home.page-template-frontpage.admin-bar .section:first-child,
  .page-template-frontpage.admin-bar .section:first-child {
    padding-top: 44px !important;
  }

  .page-template-frontpage .description-container {
    margin-top: 24px;
  }

  .page-template-frontpage .description-container h2 {
    margin-bottom: 20px;
  }

  .page-template-frontpage .course-selection-container {
    padding: 24px;
    margin-top: 10px;
    margin-bottom: 24px;
  }

  .page-template-frontpage .course-selection-container p {
    line-height: 23.46px;
    margin-bottom: 10px;
  }

  .page-template-frontpage .select-group {
    gap: 8px;
  }

  .page-template-frontpage .selection-container {
    display: block;
  }

  .page-template-frontpage .selection-container::after {
    content: "";
    display: block;
    width: 110%;
    height: 75px;
    background-image: url(../images/front/Homepage-Cars-Mobile@2x.svg);
    background-repeat: no-repeat;
    background-position: initial;
    background-size: cover;
    position: absolute;
    left: -17px;
  }

  .page-template-frontpage .section-bottom-cta .selection-container::after {
    height: 115px;
    background-image: url(../images/front/Homepage-Palm-Trees-Mobile@2x.svg);
  }

  .page-template-frontpage ul.footer-list {
    margin-top: 70px;
  }

  .page-template-frontpage ul.footer-list li {
    width: 100%;
    max-width: 100%;
    padding: 23.5px 0px;
    flex-direction: row;
    text-align: left;
    border-top: 2px solid #D0D0D0;
  }

  .page-template-frontpage ul.footer-list li:last-child {
    border-bottom: 2px solid #D0D0D0;
  }

  .page-template-frontpage ul.footer-list li img {
    width: 40px;
    height: 40px;
    margin-right: 16px;
  }

  .page-template-frontpage ul.footer-list li p {
    margin-top: 0;
  }
}

@media (max-width: 424px) {

  .top-content-header,
  .top-content-body .content-descriptions,
  .center-course-container .course-panel h1 {
    padding: 0 !important;
  }

  .home .section-sitting .box-images .box-item .image {
    width: 15%;
  }

  .home .section-sitting .box-images .box-item .descriptions {
    width: 85%;
  }
}

@media (max-width: 375px) {
  .page-template-frontpage .selection-container::after {
    background-size: contain;
  }

  .page-template-frontpage .section-bottom-cta ul.footer-list {
    margin-top: 170px;
  }
}

@media (max-width: 374px) {
  .home .features {
    padding: 0px;
  }

  .home .question-text a {
    font-size: 14px;
  }

  .home .section-sitting .box-images .box-item .image {
    width: 20%;
  }

  .home .section-sitting .box-images .box-item .descriptions {
    width: 80%;
  }

  .page-template-traffic-school-reviews .section.review-descr {
    padding: 0 0 80px;
  }

  .page-template-traffic-school-reviews .banner-right-bottom h4 {
    font-size: 15px;
  }

  .page-template-frontpage .section-top .course-selection-container {
    padding: 25px;
  }

  .page-template-mature-driver .section-intro-top ul {
    gap: 20px;
  }

  .page-template-mature-driver .section-intro-top ul li {
    padding-left: 25px;
  }
}

@media (max-width: 320px) {
  .article .article__meta {
    flex-direction: column;
  }

  .article .article__meta .post-categories {
    padding-left: 0;
  }

  .article .article__meta .post-categories a {
    margin-left: 0;
    margin-right: 0;
  }

  .page-template-frontpage .selection-container::after {
    width: 112%;
  }

  .page-template-frontpage .section-bottom-cta .signup {
    font-size: 17px;
  }
}

/* end  new top section on homepage/