.btn-dark,
.btn-info {
  font-weight: 500 !important;
  box-shadow: 1px 1px 3px #595959;
  transition: box-shadow 0.5s ease !important;
}
.btn-dark:hover,
.btn-info:hover {
  box-shadow: none;
  transition: 0.5s;
}

/* Unique styles for .btn-dark */
.btn-dark {
  background-color: #2f3349 !important;
}

/* Unique styles for .btn-info */
.btn-info {
  background-color: #247291 !important;
  color: #fff !important;
  border: 1px solid #247291 !important;
}

.book-appointment-modal a {
  text-decoration: none;
  color: #2f3349;
}
.book-appointment-modal .modal-header {
  padding-bottom: 5px;
}
.book-appointment-modal h5 {
  margin-bottom: 0px;
}
.book-appointment-modal .mark-icon {
  width: 14px;
}
.book-appointment-modal .accordion-button:not(.collapsed) {
  color: #2f3349;
  background-color: #fff;
}
.book-appointment-modal table {
  width: 100%;
}
.book-appointment-modal td,
.book-appointment-modal th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
.book-appointment-modal tr:nth-child(even) {
  background-color: #dddddd;
}
@media (max-width: 407px) {
  .book-appointment-modal td {
    font-size: 13px;
  }
  .book-appointment-modal .modal-title h4 {
    font-size: 18px;
  }
}
@media (max-width: 380px) {
  .book-appointment-modal td {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .book-appointment-modal .cta {
    text-align: center;
  }
}

#index .section-1 {
  background-color: #fdeece;
}
#index .section-1 .small-img {
  width: 500px !important;
}
@media (min-width: 1400px) {
  #index .section-1 {
    margin-bottom: 0px !important;
  }
  #index .section-1 .large-img {
    margin-bottom: -600px;
    width: 600px;
  }
}
@media (min-width: 1200px) {
  #index .section-1 p {
    padding-right: 80px;
  }
}
@media (min-width: 991px) {
  #index .section-1 {
    margin-bottom: -70px;
  }
}
@media (min-width: 766px) {
  #index .section-1 {
    text-align: left;
  }
  #index .section-1 .small-img {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  #index .section-1 {
    text-align: center;
  }
  #index .section-1 .large-img {
    margin-bottom: -180px;
    width: 300px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  #index .section-1 {
    text-align: center;
  }
  #index .section-1 p {
    padding: 0px;
  }
  #index .section-1 .small-img {
    width: 500px;
    padding-top: 30px;
  }
}
@media (max-width: 409px) {
  #index .section-1 h1 {
    padding: 0px 20px 0px 20px;
  }
  #index .section-1 p {
    padding: 0px 10px 0px 10px;
  }
}
@media (max-width: 361px) {
  #index .section-1 h1 {
    padding: 0px 0px 0px 0px;
  }
  #index .section-1 p {
    padding: 0px 0px 0px 0px;
  }
}
#index .section-2 {
  text-align: center;
}
#index .section-2 .squiggly-line {
  width: 150px;
}
#index .section-2 .d-flex {
  justify-content: center;
}
#index .section-2 .col-xl-2 img {
  width: 50px;
  height: 50px;
  margin-top: -5px;
  margin-right: 10px;
  background-color: #fdeece;
  padding: 10px;
  border-radius: 100%;
  border: 2px solid #333333;
}
@media (min-width: 1400px) {
  #index .section-2 h5 {
    font-size: 22px !important;
  }
}
@media (min-width: 1200px) {
  #index .section-2 h5 {
    font-size: 17px;
  }
}
@media (min-width: 769px) {
  #index .section-2 h2 {
    margin-top: 140px;
  }
  #index .section-2 .col-xl-2 {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  #index .section-2 h2 {
    padding-top: 120px;
  }
  #index .section-2 .col-xl-2 {
    margin-bottom: 15px;
  }
}
#index .section-3 {
  background-color: #eef2e2;
}
#index .section-3 img {
  width: 420px;
}
#index .section-3 h3 {
  color: #595959;
}
@media (min-width: 991px) {
  #index .section-3 h3 {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  #index .section-3 h2,
  #index .section-3 h3,
  #index .section-3 .cta {
    text-align: center;
  }
}
#index .wrapper4 {
  text-align: center;
}
#index .wrapper4 .container-x {
  margin: auto;
  width: 100%;
}
#index .wrapper4 h3,
#index .wrapper4 h4 {
  margin-bottom: 20px;
}
#index .wrapper4 .mark-icon {
  width: 15px;
  margin-right: 5px;
}
#index .wrapper4 .col-lg-2 {
  margin-bottom: 50px;
}
#index .wrapper4 .col, #index .wrapper4 .row {
  padding: 0px !important;
  margin: 0px !important;
}
#index .wrapper4 .yellow-box,
#index .wrapper4 .blue-box,
#index .wrapper4 .green-box,
#index .wrapper4 .lightgreen-box,
#index .wrapper4 .lightgrey-box {
  box-shadow: 1px 1px 10px #595959;
  transition: box-shadow 0.5s ease;
}
#index .wrapper4 .yellow-box:hover,
#index .wrapper4 .blue-box:hover,
#index .wrapper4 .green-box:hover,
#index .wrapper4 .lightgreen-box:hover,
#index .wrapper4 .lightgrey-box:hover {
  box-shadow: none;
  cursor: pointer;
  transition: 0.5s;
}
#index .wrapper4 .yellow-box .package-name,
#index .wrapper4 .blue-box .package-name,
#index .wrapper4 .green-box .package-name,
#index .wrapper4 .lightgreen-box .package-name,
#index .wrapper4 .lightgrey-box .package-name {
  font-weight: bold;
}
#index .wrapper4 .yellow-box .package-price,
#index .wrapper4 .blue-box .package-price,
#index .wrapper4 .green-box .package-price,
#index .wrapper4 .lightgreen-box .package-price,
#index .wrapper4 .lightgrey-box .package-price {
  font-weight: bold;
  font-size: 35px;
}
#index .wrapper4 .yellow-box ul,
#index .wrapper4 .blue-box ul,
#index .wrapper4 .green-box ul,
#index .wrapper4 .lightgreen-box ul,
#index .wrapper4 .lightgrey-box ul {
  list-style: none;
  margin-bottom: 30px;
}
#index .wrapper4 .yellow-box ul li,
#index .wrapper4 .blue-box ul li,
#index .wrapper4 .green-box ul li,
#index .wrapper4 .lightgreen-box ul li,
#index .wrapper4 .lightgrey-box ul li {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  #index .wrapper4 h2,
  #index .wrapper4 p {
    margin-bottom: 30px;
  }
  #index .wrapper4 .sub-p {
    padding: 0px 80px 0px 80px;
  }
}
@media (min-width: 991px) {
  #index .wrapper4 .sub-p {
    padding: 0px 50px 0px 50px;
  }
  #index .wrapper4 .other-p {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  #index .wrapper4 .sub-p {
    padding: 0px 170px 0px 170px;
  }
}
@media (min-width: 1400px) {
  #index .wrapper4 .sub-p {
    padding: 0px 280px 0px 280px;
  }
}
@media (max-width: 768px) {
  #index .wrapper4 span {
    display: none;
  }
  #index .wrapper4 .other-p {
    margin-bottom: 50px;
  }
}
@media (max-width: 1400px) {
  #index .wrapper4 li, #index .wrapper4 a {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  #index .wrapper4 li, #index .wrapper4 a {
    font-size: 16px;
  }
}
#index .wrapper5 {
  background-color: #c2e3f0;
}
#index .wrapper5 h3 {
  margin-bottom: -10px;
}
#index .wrapper5 h2 {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  #index .wrapper5 {
    text-align: center;
  }
  #index .wrapper5 h3 {
    margin-top: 20px;
  }
  #index .wrapper5 p {
    padding: 0px 70px 0px 70px;
    margin-bottom: 20px;
  }
  #index .wrapper5 img {
    margin-bottom: -23px;
    width: 400px;
  }
  #index .wrapper5 .cta {
    margin-bottom: 30px;
  }
}
@media (min-width: 991px) {
  #index .wrapper5 {
    text-align: left !important;
  }
  #index .wrapper5 p {
    padding: 0px 40px 0px 0px !important;
  }
}
@media (min-width: 1200px) {
  #index .wrapper5 img {
    margin-bottom: -417px;
  }
}
@media (min-width: 1400px) {
  #index .wrapper5 p {
    padding: 0px 150px 0px 0px !important;
  }
  #index .wrapper5 img {
    margin-bottom: -386px;
  }
}
@media (max-width: 991px) {
  #index .wrapper5 img {
    margin-bottom: -55px;
  }
}
@media (max-width: 768px) {
  #index .wrapper5 p {
    padding: 0px 30px 0px 30px;
    margin-bottom: 30px;
  }
  #index .wrapper5 h2,
  #index .wrapper5 h3,
  #index .wrapper5 .cta {
    text-align: center;
  }
  #index .wrapper5 .cta {
    margin-bottom: 40px;
  }
  #index .wrapper5 img {
    width: 250px;
    margin-bottom: -52px;
  }
}
@media (max-width: 400px) {
  #index .wrapper5 p {
    padding: 0px;
  }
}
#index .wrapper6 h2 {
  margin-top: 130px;
}
#index .wrapper6 .squiggly-line {
  margin: 10px 0px 15px 0px;
}
#index .wrapper6 .col-xl-3 img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
#index .wrapper6 .col-xl-3 .reviewers-name {
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 5px;
}
#index .wrapper6 .col-xl-3 .review-date,
#index .wrapper6 .col-xl-3 .review {
  font-size: 14px;
}
@media (min-width: 767px) {
  #index .wrapper6 .col-xl-3 {
    margin-bottom: 50px;
    padding: 0px 100px 0px 100px;
  }
}
@media (min-width: 1200px) {
  #index .wrapper6 .col-xl-3 {
    margin-bottom: 50px;
    padding: 0px 50px 0px 0px;
  }
  #index .wrapper6 .col-xl-3 .reviewers-status {
    font-size: 13px;
  }
}
@media (min-width: 1400px) {
  #index .wrapper6 .col-xl-3 {
    margin-bottom: 50px;
    padding: 0px 40px 0px 0px;
  }
}
@media (max-width: 768px) {
  #index .wrapper6 .col-xl-3 {
    margin-bottom: 50px;
    padding: 0px 20px 0px 20px;
  }
}
#index .wrapper7 {
  background-color: #fdeece;
}
@media (min-width: 768px) {
  #index .wrapper7 {
    text-align: center;
  }
  #index .wrapper7 p {
    padding: 0px 80px 0px 80px;
  }
}
@media (min-width: 992px) {
  #index .wrapper7 {
    text-align: left;
  }
  #index .wrapper7 h2 {
    margin-top: -10px;
  }
  #index .wrapper7 p {
    padding: 0px 0px 0px 0px;
  }
  #index .wrapper7 img {
    width: 250px;
    margin-bottom: -55px;
  }
}
@media (min-width: 1200px) {
  #index .wrapper7 h2 {
    margin-top: 50px;
  }
  #index .wrapper7 p {
    padding-right: 100px;
  }
  #index .wrapper7 img {
    width: 350px;
    margin-bottom: -57px;
  }
}
@media (min-width: 1400px) {
  #index .wrapper7 p {
    padding-right: 180px;
  }
}
@media (max-width: 991px) {
  #index .wrapper7 .container {
    padding-bottom: 80px;
  }
  #index .wrapper7 img {
    width: 300px;
    margin-bottom: -40px;
  }
}
@media (max-width: 768px) {
  #index .wrapper7 {
    text-align: center;
  }
  #index .wrapper7 p {
    padding: 0px 20px 0px 20px;
  }
  #index .wrapper7 .dissapear,
  #index .wrapper7 ul {
    display: none !important;
  }
}
#index .wrapper8 .squiggly-line {
  margin: 10px 0px 15px 0px;
}
#index .wrapper8 .green-box {
  padding: 50px 30px 0px 30px;
  box-shadow: 0 2px 10px #333333;
}
@media (min-width: 991px) {
  #index .wrapper8 .hide-hubspot {
    width: 320px;
    height: 65px;
    background-color: #eef2e2;
    margin-top: -70px;
    position: absolute;
  }
}
@media (min-width: 1200px) {
  #index .wrapper8 p {
    padding: 0px 80px 0px 80px;
  }
  #index .wrapper8 .hide-hubspot {
    width: 400px;
    height: 65px;
    background-color: #eef2e2;
    margin-top: -70px;
    position: absolute;
  }
}
@media (min-width: 1400px) {
  #index .wrapper8 p {
    padding: 0px 140px 0px 140px;
  }
  #index .wrapper8 .hide-hubspot {
    width: 450px;
    height: 90px;
    background-color: #eef2e2;
    margin-top: -100px;
    position: absolute;
  }
}
@media (max-width: 991px) {
  #index .wrapper8 .hide-hubspot {
    width: 500px;
    height: 65px;
    background-color: #eef2e2;
    margin-top: -70px;
    position: absolute;
  }
}
@media (max-width: 768px) {
  #index .wrapper8 p {
    padding: 0px 50px 0px 50px;
  }
  #index .wrapper8 .hide-hubspot {
    width: 480px;
    height: 65px;
    background-color: #eef2e2;
    margin-top: -70px;
    position: absolute;
  }
}
@media (max-width: 535px) {
  #index .wrapper8 p {
    padding: 0px 10px 0px 10px;
  }
  #index .wrapper8 .hide-hubspot {
    width: 417px;
    height: 65px;
    background-color: #eef2e2;
    margin-top: -70px;
    position: absolute;
  }
}
@media (max-width: 473px) {
  #index .wrapper8 .hide-hubspot {
    width: 385px;
    height: 65px;
    background-color: #eef2e2;
    margin-top: -70px;
    position: absolute;
  }
}
@media (max-width: 440px) {
  #index .wrapper8 .hide-hubspot {
    width: 345px;
    height: 65px;
    background-color: #eef2e2;
    margin-top: -70px;
    position: absolute;
  }
}
@media (max-width: 400px) {
  #index .wrapper8 .hide-hubspot {
    width: 310px;
    height: 85px;
    background-color: #eef2e2;
    margin-top: -90px;
    position: absolute;
  }
}
@media (max-width: 365px) {
  #index .wrapper8 .hide-hubspot {
    width: 267px;
    height: 85px;
    background-color: #eef2e2;
    margin-top: -90px;
    position: absolute;
  }
}
@media (max-width: 322px) {
  #index .wrapper8 .hide-hubspot {
    width: 225px;
    height: 85px;
    background-color: #eef2e2;
    margin-top: -90px;
    position: absolute;
  }
}
@media (max-width: 280px) {
  #index .wrapper8 .green-box {
    padding-bottom: 50px;
  }
  #index .wrapper8 .hide-hubspot {
    display: none;
  }
}
#index .wrapper9 {
  background-color: #c2e3f0;
  text-align: center;
}
@media (min-width: 991px) {
  #index .wrapper9 p {
    padding: 0px 0px 0px 0px;
  }
}
@media (min-width: 1200px) {
  #index .wrapper9 p {
    padding: 0px 50px 0px 50px;
  }
}
@media (min-width: 1400px) {
  #index .wrapper9 p {
    padding: 0px 100px 0px 100px;
  }
}
@media (max-width: 383px) {
  #index .wrapper9 .dissapear {
    display: none;
  }
}

.bronze, .silver, .gold, .platinum, .diamond {
  margin: 5px;
  border: 1.5px solid #595959;
  border-radius: 5px;
}
.bronze a, .silver a, .gold a, .platinum a, .diamond a {
  text-decoration: none;
  color: #0b0909;
}

.bronze {
  background-color: #fdeece;
}

.silver {
  background-color: #c2e3f0;
}

.gold {
  background-color: #eef2e2;
}

.platinum {
  background-color: #f5f9ee;
}

.diamond {
  background-color: #e6faff;
}

#about .wrapper1 {
  background-color: #fdeece;
}
@media (min-width: 992px) {
  #about .wrapper1 p {
    font-size: 14px;
  }
  #about .wrapper1 .img-lg {
    margin-bottom: -500px;
    width: 400px;
  }
}
@media (min-width: 1200px) {
  #about .wrapper1 .img-lg {
    margin-bottom: -553px;
  }
}
@media (min-width: 1400px) {
  #about .wrapper1 p {
    font-size: 16px;
  }
  #about .wrapper1 .img-lg {
    margin-bottom: -500px;
  }
}
@media (max-width: 991px) {
  #about .wrapper1 .img-lg {
    margin-bottom: -130px;
  }
}
@media (max-width: 768px) {
  #about .wrapper1 p {
    font-size: 14px !important;
  }
}
#about .wrapper2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#about .wrapper2 h2 {
  font-size: 40px;
}
#about .wrapper2 p {
  font-size: 28px;
  font-weight: bold;
  line-height: 45px;
  font-family: font;
}
@media (min-width: 768px) {
  #about .wrapper2 p {
    padding: 0px 50px 0px 50px;
  }
}
@media (min-width: 992px) {
  #about .wrapper2 p {
    padding: 0px 0px 0px 0px;
  }
}
@media (min-width: 1200px) {
  #about .wrapper2 p {
    padding: 0px 50px 0px 50px;
  }
}
@media (min-width: 1400px) {
  #about .wrapper2 p {
    padding: 0px 100px 0px 100px;
  }
}
@media (max-width: 768px) {
  #about .wrapper2 p {
    font-size: 19px !important;
  }
}
@media (max-width: 991px) {
  #about .wrapper2 h2 {
    margin-top: 50px;
  }
}
#about .wrapper3 {
  background-color: #eef2e2;
}
#about .wrapper3 .white-box {
  background-color: #fff;
  padding: 20px;
  height: 100%;
  border-radius: 10px;
  box-shadow: 1px 1px 10px #595959;
}
#about .wrapper3 h3 {
  text-align: center;
}
#about .wrapper3 .icons {
  text-align: center;
}
#about .wrapper3 .icons img {
  width: 50px;
  height: 50px;
  background-color: #eef2e2;
  border-radius: 100%;
  padding: 10px;
  border: 1px solid #2f3349;
}
@media (min-width: 991px) {
  #about .wrapper3 .white-box p {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  #about .wrapper3 .white-box p {
    font-size: 14px;
  }
}
@media (min-width: 1400px) {
  #about .wrapper3 .white-box p {
    font-size: 14px;
  }
}
@media (max-width: 450px) {
  #about .wrapper3 .white-box p {
    font-size: 14px !important;
  }
}
@media (max-width: 991px) {
  #about .wrapper3 .col-lg-3 {
    margin-bottom: 30px;
  }
  #about .wrapper3 .col-lg-8 p {
    padding: 0px 50px 0px 50px;
  }
}
@media (max-width: 768px) {
  #about .wrapper3 .col-lg-8 p {
    padding: 0px 10px 0px 10px;
  }
}
#about .wrapper4 {
  text-align: center;
}
#about .wrapper4 .img-lg {
  border-radius: 10px;
  box-shadow: 1px 1px 10px #595959;
}
@media (max-width: 991px) {
  #about .wrapper4 .top-column {
    margin-bottom: 50px;
  }
  #about .wrapper4 .top-column img {
    width: 250px;
  }
}

#pricing .wrapper1 {
  background-color: #eef2e2;
  text-align: center;
  margin-bottom: 50px;
}
#pricing .wrapper1 h1 {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  #pricing .wrapper1 .sub-p {
    padding: 0px 50px 0px 50px;
  }
}
@media (min-width: 991px) {
  #pricing .wrapper1 .sub-p {
    padding: 0px 20px 0px 20px;
  }
}
@media (min-width: 1200px) {
  #pricing .wrapper1 .sub-p {
    padding: 0px 50px 0px 50px;
  }
}
@media (min-width: 1400px) {
  #pricing .wrapper1 .sub-p {
    padding: 0px 20px 0px 20px;
  }
}
@media (max-width: 991px) {
  #pricing .wrapper1 {
    margin-bottom: -50px;
  }
}
@media (max-width: 511px) {
  #pricing .wrapper1 .sub-p {
    padding: 0px 20px 0px 20px;
  }
}
@media (max-width: 350px) {
  #pricing .wrapper1 .sub-p {
    padding: 0px;
  }
}
@media (max-width: 321px) {
  #pricing .wrapper1 .dissapear {
    display: none;
  }
}
#pricing .wrapper3 {
  background-color: #fdeece;
}
#pricing .wrapper3 img {
  border-radius: 10px;
  box-shadow: 1px 1px 10px #595959;
  margin-bottom: 30px;
}
#pricing .wrapper3 .accordion-item {
  margin-bottom: 10px;
}
#pricing .wrapper3 .accordion-button {
  font-weight: 500;
}
#pricing .wrapper3 .accordion-body a {
  color: #333333;
}
#pricing .wrapper3 .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #2f3349;
  box-shadow: 1px 1px 5px #595959;
}
#pricing .wrapper3 .accordion-button:is(.collapsed) {
  color: #333333;
  background-color: #fff;
  box-shadow: none;
}
@media (max-width: 991px) {
  #pricing .wrapper3 h2 {
    text-align: center;
  }
  #pricing .wrapper3 .large-img {
    width: 300px;
  }
}
@media (max-width: 768px) {
  #pricing .wrapper3 .accordion-button, #pricing .wrapper3 .accordion-body {
    font-size: 14.5px;
  }
}
@media (max-width: 536px) {
  #pricing .wrapper3 .accordion-button, #pricing .wrapper3 .accordion-body {
    font-size: 12.5px;
  }
}

#portfolio .wrapper1 {
  background-color: #fdeece;
  text-align: center;
}
#portfolio .wrapper1 .lightblack-p {
  color: #595959;
  font-weight: bold;
  font-size: 18px;
}
@media (min-width: 1200px) {
  #portfolio .wrapper1 p {
    padding: 0px 50px 0px 50px;
  }
}
@media (min-width: 1400px) {
  #portfolio .wrapper1 p {
    padding: 0px;
  }
}
@media (max-width: 327px) {
  #portfolio .wrapper1 span {
    display: none;
  }
}
#portfolio .wrapper2 {
  text-align: center;
}
#portfolio .wrapper2 img {
  border-radius: 10px;
  box-shadow: 1px 1px 10px #595959;
  margin-bottom: 30px;
  transition: box-shadow 0.5s ease !important;
}
#portfolio .wrapper2 img:hover {
  box-shadow: none;
  transition: 0.8s;
}
@media (min-width: 991px) {
  #portfolio .wrapper2 img {
    cursor: pointer;
  }
  #portfolio .wrapper2 .row-1 {
    margin-top: -110px;
  }
}
@media (max-width: 991px) {
  #portfolio .wrapper2 .img-1 {
    margin-top: -40px;
  }
}

#contact .wrapper1 {
  background-color: #f5f9ee;
}
#contact .wrapper1 .white-box {
  padding: 50px;
  transition: box-shadow 0.5s ease !important;
  box-shadow: 1px 1px 10px #595959;
}
#contact .wrapper1 .hider-box {
  background-color: #fff;
}
#contact .wrapper1 a {
  color: black;
}
@media (min-width: 768px) {
  #contact .wrapper1 .hider-box {
    padding: 25px;
    margin-top: -30px;
    position: relative;
  }
}
@media (min-width: 991px) {
  #contact .wrapper1 span {
    display: none;
  }
}
@media (max-width: 991px) {
  #contact .wrapper1 h1 {
    text-align: center;
  }
}
@media (max-width: 768px) {
  #contact .wrapper1 .hider-box {
    padding: 30px;
    width: 400px;
    margin-top: -60px;
    position: absolute;
  }
}
@media (max-width: 575px) {
  #contact .wrapper1 .hider-box {
    padding: 30px;
    width: 418px;
    margin-top: -60px;
  }
}
@media (max-width: 492px) {
  #contact .wrapper1 .hider-box {
    padding: 30px;
    width: 350px;
    margin-top: -60px;
  }
}
@media (max-width: 474px) {
  #contact .wrapper1 .hider-box {
    padding: 30px;
    width: 350px;
    margin-top: -60px;
  }
}
@media (max-width: 424px) {
  #contact .wrapper1 .hider-box {
    padding: 30px;
    width: 270px;
    margin-top: -60px;
  }
}
@media (max-width: 390px) {
  #contact .wrapper1 .hider-box {
    padding: 50px;
    width: 270px;
    margin-top: -100px;
  }
}
@media (max-width: 344px) {
  #contact .wrapper1 .hider-box {
    width: 220px;
    margin-top: -100px;
  }
}
@media (max-width: 320px) {
  #contact .wrapper1 .hider-box {
    display: none;
  }
}

#faq .wrapper1 {
  background-color: #fdeece;
}
#faq .wrapper1 .accordion-item {
  margin-bottom: 30px;
}
#faq .wrapper1 .accordion-button {
  font-weight: 500;
}
#faq .wrapper1 .accordion-body a {
  color: #333333;
}
#faq .wrapper1 .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #2f3349;
  box-shadow: 1px 1px 5px #595959;
}
#faq .wrapper1 .accordion-button:is(.collapsed) {
  color: #333333;
  background-color: #fff;
  box-shadow: none;
}
@media (max-width: 991px) {
  #faq .wrapper1 h2 {
    text-align: center;
  }
}
@media (max-width: 768px) {
  #faq .wrapper1 .accordion-button, #faq .wrapper1 .accordion-body {
    font-size: 14.5px;
  }
}
@media (max-width: 536px) {
  #faq .wrapper1 .accordion-button, #faq .wrapper1 .accordion-body {
    font-size: 12.5px;
  }
}
@media (max-width: 339px) {
  #faq .wrapper1 h1 {
    text-align: center;
  }
}

#legal .wrapper1 {
  background-color: #fdeece;
}
#legal .wrapper1 a {
  color: #247291;
}
#legal .wrapper1 .content-div {
  display: none;
  /* Hide all divs initially */
}
#legal .wrapper1 .active {
  display: block;
  /* Only the active div is shown */
}
#legal .wrapper1 .white-box {
  box-shadow: 1px 1px 10px #595959;
}
@media (min-width: 500px) {
  #legal .wrapper1 .white-box {
    padding: 50px;
  }
}
@media (max-width: 500px) {
  #legal .wrapper1 .white-box {
    padding: 20px;
  }
}

.navbar {
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1019607843);
}

nav {
  padding: 0px 10px 10px 10px !important;
  margin-top: -25px;
}
nav ul li {
  margin-bottom: 0px;
}
nav .btn-info {
  font-size: 16px;
}
nav img {
  width: 100px;
}
nav .nav-link:hover {
  color: #333333;
  transition: 0.5s;
}
nav .dropdown-menu .dropdown-item {
  font-weight: 500;
  font-size: 16px;
}
@media (min-width: 1200px) {
  nav .nav-link, nav .btn-info {
    font-size: 18px !important;
  }
}
@media (min-width: 991px) {
  nav .nav-link, nav .btn-info {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  nav img {
    width: 75px;
  }
  nav .btn-info {
    margin: 15px 0px 15px 0px;
  }
}

.phone-call-nav {
  background-color: #fff !important;
}
.phone-call-nav p {
  margin-bottom: 20px !important;
  padding-top: 10px;
  color: #595959;
  font-size: 16.5px;
}
.phone-call-nav p a {
  text-decoration: none;
  color: #595959;
}
@media (max-width: 991px) {
  .phone-call-nav {
    display: none;
  }
}

#booked-meeting .wrapper1 {
  background-color: #fdeece;
  text-align: center;
}

.pricing-section {
  text-align: center;
}
.pricing-section .container-x {
  margin: auto;
  width: 100%;
}
.pricing-section h3,
.pricing-section h4 {
  margin-bottom: 20px;
}
.pricing-section .mark-icon {
  width: 15px;
  margin-right: 5px;
}
.pricing-section .col-lg-2 {
  margin-bottom: 50px;
}
.pricing-section .col, .pricing-section .row {
  padding: 0px !important;
  margin: 0px !important;
}
.pricing-section .yellow-box,
.pricing-section .blue-box,
.pricing-section .green-box,
.pricing-section .lightgreen-box,
.pricing-section .lightgrey-box {
  box-shadow: 1px 1px 10px #595959;
  transition: box-shadow 0.5s ease;
}
.pricing-section .yellow-box:hover,
.pricing-section .blue-box:hover,
.pricing-section .green-box:hover,
.pricing-section .lightgreen-box:hover,
.pricing-section .lightgrey-box:hover {
  box-shadow: none;
  cursor: pointer;
  transition: 0.5s;
}
.pricing-section .yellow-box .package-name,
.pricing-section .blue-box .package-name,
.pricing-section .green-box .package-name,
.pricing-section .lightgreen-box .package-name,
.pricing-section .lightgrey-box .package-name {
  font-weight: bold;
}
.pricing-section .yellow-box .package-price,
.pricing-section .blue-box .package-price,
.pricing-section .green-box .package-price,
.pricing-section .lightgreen-box .package-price,
.pricing-section .lightgrey-box .package-price {
  font-weight: bold;
  font-size: 35px;
}
.pricing-section .yellow-box ul,
.pricing-section .blue-box ul,
.pricing-section .green-box ul,
.pricing-section .lightgreen-box ul,
.pricing-section .lightgrey-box ul {
  list-style: none;
  margin-bottom: 30px;
}
.pricing-section .yellow-box ul li,
.pricing-section .blue-box ul li,
.pricing-section .green-box ul li,
.pricing-section .lightgreen-box ul li,
.pricing-section .lightgrey-box ul li {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .pricing-section h2,
  .pricing-section p {
    margin-bottom: 30px;
  }
  .pricing-section .sub-p {
    padding: 0px 80px 0px 80px;
  }
}
@media (min-width: 991px) {
  .pricing-section .sub-p {
    padding: 0px 50px 0px 50px;
  }
  .pricing-section .other-p {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .pricing-section .sub-p {
    padding: 0px 170px 0px 170px;
  }
}
@media (min-width: 1400px) {
  .pricing-section .sub-p {
    padding: 0px 280px 0px 280px;
  }
}
@media (max-width: 768px) {
  .pricing-section span {
    display: none;
  }
  .pricing-section .other-p {
    margin-bottom: 50px;
  }
}
@media (max-width: 1400px) {
  .pricing-section li, .pricing-section a {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .pricing-section li, .pricing-section a {
    font-size: 16px;
  }
}

.call-to-action {
  background-color: #c2e3f0;
  text-align: center;
}
@media (min-width: 991px) {
  .call-to-action p {
    padding: 0px 0px 0px 0px;
  }
}
@media (min-width: 1200px) {
  .call-to-action p {
    padding: 0px 50px 0px 50px;
  }
}
@media (min-width: 1400px) {
  .call-to-action p {
    padding: 0px 100px 0px 100px;
  }
}
@media (max-width: 383px) {
  .call-to-action .dissapear {
    display: none;
  }
}

.main-footer {
  background-color: #2f3349;
  color: #fff;
}
.main-footer .col-lg-3 {
  text-align: center;
}
.main-footer .col-lg-3 a {
  text-decoration: none;
  color: #fff;
}
.main-footer .col-lg-3 a:hover {
  color: #fdeece;
}
.main-footer .logo {
  width: 100px;
  margin-bottom: 20px;
}
.main-footer .social-media-icons img {
  width: 30px;
  height: 30px;
  margin-right: 20px;
}
.main-footer .credit-cards {
  width: 250px;
}
@media (min-width: 991px) {
  .main-footer .business-hours p {
    font-size: 14.5px;
  }
  .main-footer .credit-cards {
    margin-left: -10px;
  }
}
@media (max-width: 991px) {
  .main-footer {
    text-align: center;
  }
  .main-footer .social-media-icons {
    justify-content: center;
  }
}

.second-footer {
  background-color: #fdeece;
  text-align: center;
}
.second-footer p {
  padding: 10px;
  margin-bottom: 0px;
}

#discount .section-1 {
  background-color: #fdeece;
}
#discount .section-1 .small-img {
  width: 500px !important;
}
@media (min-width: 766px) {
  #discount .section-1 {
    text-align: left;
  }
  #discount .section-1 .small-img {
    margin-top: 30px;
  }
  #discount .section-1 .large-img {
    margin-bottom: -718px;
  }
}
@media (min-width: 1200px) {
  #discount .section-1 p {
    padding-right: 80px;
  }
  #discount .section-1 .large-img {
    margin-bottom: -658px;
  }
}
@media (min-width: 1400px) {
  #discount .section-1 .large-img {
    margin-bottom: -533px;
  }
}
@media (max-width: 991px) {
  #discount .section-1 {
    text-align: center;
  }
  #discount .section-1 .large-img {
    margin-bottom: -83px;
    width: 300px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  #discount .section-1 {
    text-align: center;
  }
  #discount .section-1 p {
    padding: 0px;
  }
  #discount .section-1 .small-img {
    width: 500px;
    padding-top: 30px;
  }
}
@media (max-width: 409px) {
  #discount .section-1 h1 {
    padding: 0px 20px 0px 20px;
  }
  #discount .section-1 p {
    padding: 0px 10px 0px 10px;
  }
}
@media (max-width: 361px) {
  #discount .section-1 h1 {
    padding: 0px 0px 0px 0px;
  }
  #discount .section-1 p {
    padding: 0px 0px 0px 0px;
  }
}
#discount .section-3 .squiggly-line {
  margin: 10px 0px 15px 0px;
}
#discount .section-3 .col-xl-3 img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
#discount .section-3 .col-xl-3 .reviewers-name {
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 5px;
}
#discount .section-3 .col-xl-3 .review-date,
#discount .section-3 .col-xl-3 .review {
  font-size: 14px;
}
@media (min-width: 767px) {
  #discount .section-3 .col-xl-3 {
    margin-bottom: 50px;
    padding: 0px 100px 0px 100px;
  }
}
@media (min-width: 1200px) {
  #discount .section-3 .col-xl-3 {
    margin-bottom: 50px;
    padding: 0px 50px 0px 0px;
  }
  #discount .section-3 .col-xl-3 .reviewers-status {
    font-size: 13px;
  }
}
@media (min-width: 1400px) {
  #discount .section-3 .col-xl-3 {
    margin-bottom: 50px;
    padding: 0px 40px 0px 0px;
  }
}
@media (max-width: 768px) {
  #discount .section-3 h2 {
    margin-top: -10px;
  }
  #discount .section-3 .col-xl-3 {
    margin-bottom: 50px;
    padding: 0px 20px 0px 20px;
  }
}
#discount .section-4 {
  background-color: #eef2e2;
}
@media (min-width: 768px) {
  #discount .section-4 {
    text-align: center;
  }
  #discount .section-4 p {
    padding: 0px 80px 0px 80px;
  }
}
@media (min-width: 992px) {
  #discount .section-4 {
    text-align: left;
  }
  #discount .section-4 h2 {
    margin-top: -10px;
  }
  #discount .section-4 p {
    padding: 0px 0px 0px 0px;
  }
  #discount .section-4 img {
    width: 250px;
    margin-bottom: -55px;
  }
}
@media (min-width: 1200px) {
  #discount .section-4 h2 {
    margin-top: 50px;
  }
  #discount .section-4 p {
    padding-right: 100px;
  }
  #discount .section-4 img {
    width: 350px;
    margin-bottom: -57px;
  }
}
@media (min-width: 1400px) {
  #discount .section-4 p {
    padding-right: 180px;
  }
}
@media (max-width: 991px) {
  #discount .section-4 .container {
    padding-bottom: 80px;
  }
  #discount .section-4 img {
    width: 200px;
    margin-bottom: -40px;
  }
}
@media (max-width: 768px) {
  #discount .section-4 {
    text-align: center;
  }
  #discount .section-4 p {
    padding: 0px 20px 0px 20px;
  }
  #discount .section-4 .dissapear,
  #discount .section-4 ul {
    display: none !important;
  }
}

.wrapper1 {
  background-color: #f5f9ee;
}
.wrapper1 .white-box {
  box-shadow: 1px 1px 10px #595959;
}

.modal-title {
  padding-left: 0px;
}

.modal-header {
  padding-bottom: 5px;
}

.modal-content {
  text-align: left !important;
  font-weight: 500;
  font-size: 16px;
}

video {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1019607843);
  border-radius: 5px;
}

@font-face {
  font-family: font;
  src: url(/font.ttf);
}
a {
  cursor: pointer;
}

p a {
  color: black;
}

h1, h2, h3, h4, h5, h6 {
  font-family: font;
  font-weight: bold;
  line-height: 45px !important;
}

h1 {
  margin-bottom: 20px !important;
}

p, li {
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
}

.lightblue-p {
  font-size: 20px;
  font-weight: bold;
  color: #6fbddc;
}

.lightblack-p {
  font-size: 16px;
  font-weight: bold;
  color: #595959;
}

ul {
  padding-left: 0px !important;
  list-style: none;
}
ul li {
  margin-bottom: 10px;
}

.bold {
  font-weight: 500;
}

@media (max-width: 768px) {
  p {
    font-size: 15.5px !important;
  }
}
img, video {
  max-width: 100%;
}

.yellow-box, .blue-box, .green-box, .lightgreen-box, .white-box, .lightgrey-box {
  justify-content: center;
  border-radius: 10px;
  height: 100%;
  padding: 30px 0px 50px 0px;
}

.yellow-box {
  background-color: #fdeece;
}

.blue-box {
  background-color: #c2e3f0;
}

.green-box {
  background-color: #eef2e2;
}

.lightgreen-box {
  background-color: #f5f9ee;
}

.white-box {
  background-color: #fff;
}

.lightgrey-box {
  background-color: #e6faff;
}

@media (max-width: 991px) {
  .center {
    text-align: center;
  }
}/*# sourceMappingURL=styles.css.map */