@keyframes growProgressBar {
  0%, 33% { --pgPercentage: 0; }
  100% { --pgPercentage: var(--value); }
}

@media (min-width: 1400px) {
  .container,   .container-lg,   .container-md,   .container-sm,   .container-xl, .container-xxl { max-width: 1420px; }
}
@media screen and (min-width: 1199px) {
  /* .odd-even .box-list .box-item .box-image:nth-child(2n) { order: 1; } */
  .odd-even .box-list:nth-child(2n) .box-item .box-image { order: 2; text-align: right; margin: 0!important; }
}
@media screen and (min-width: 992px) {
  .nav-tabs { --bs-nav-link-font-size: 20px; --bs-nav-link-font-weight: 400; }
  /*menu*/
  .header-section.bg-secondary .main-menu .navbar-brand { color: #fff; }
  .main-menu .navbar-brand { color: #fff; font-size: 22px; /*display: none;*/ }
  .main-menu .navbar-brand:hover { color: var(--bs-primary); }
  .header-section .main-menu ul { list-style: square; }
  .main-menu ul li a { font-size: 21px; padding: 0 0 0 10px; }
  .main-menu ul li a:hover > .dropdown-toggle { color: var(--bs-primary); }
  /*header*/
  .header-section.sticky .main-menu ul li .dropdown-toggle { /*color: #000;*/ }
  /*footer-top*/
  .footer-top .daniella-info { font-size: 20px; }
  /*footer-menu*/
  .footer-menu ul li a { font-size: 14px; }
  /*contact-info*/
  .contact-info i { /*font-size: 28px;*/ }
  .contact-info ul li a { font-size: 20px; }
  /*footer-copyright*/
  .copyright-text { font-size: 14px; }
  /*social-icon*/
  .social-icon ul li a { font-size: 25px; }
  /*form*/
  .form .form-group label { font-size: 14px; }
  .form .form-group input::placeholder { font-size: 14px; }
  .form .form-action input[type="submit"] { font-size: 17px; }
  .form.form-horizontal .form-group { display: flex; align-items: center; }
  .form.form-horizontal .form-group .form-label { width: 25%; margin: 0 20px 0 0; }
  /*testimonial*/
  .testimonial-section .box-list .box-item .box-text .text-content { font-size: 18px; }
  .testimonial-section .box-list .box-item .box-text .box-title h5 { font-size: 18px; }
  /*faq*/
  .faq-section .heading h2 { font-size: 36px; }
  .faq-section .accordion-item .accordion-button { font-size: 18px; }
  .faq-section .accordion-item .accordion-button::after { font-size: 25px; }
  .faq-section .accordion-item .accordion-button:not(.collapsed)::after { font-size: 25px; }
  /*other*/
  .banner-section .banner-box .box-list .box-item .box-text .box-title h1 { font-size: 40px; }
  .banner-section .banner-box .box-list .box-item .box-text .box-title h2 { font-size: 36px; }
  .approach-section .row.approach-box .heading h2 { font-size: 42px; }
  .approach-section .row.approach-box .text { font-size: 20px; }
  .approach-section .approach-box .box-list .box-item .box-text .box-title h5 { font-size: 22px; }
  .approach-section .approach-box .box-list .box-item .box-text .text-content { font-size: 18px; }
  .welcome-section .heading h2 { font-size: 40px; }
  .welcome-section .welcome-text .text-content { font-size: 18px; }
  .about-me-section .box-item .box-text .text-content { font-size: 19px; }
  .power-of-therapy-section .box-item .box-text .box-title h5 { font-size: 19px; }
  .power-of-therapy-section .box-item .box-text .text-content { font-size: 19px; }
  .how-it-work-section .heading h2 { font-size: 40px; }
  .how-it-work-section .heading h3 { font-size: 36px; }
  .get-in-touch-section .title h2 { font-size: 80px; }
  .get-in-touch-section .heading h2 { font-size: 42px; }
  .get-in-touch-section .box-item .box-text .text-content { font-size: 20px; }
  .qualifications-section ul li { font-size: 20px; }
}
@media screen and (max-width: 1350px) and (min-width: 1200px) {
}

@media screen and (max-width: 1800px) {
}
@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1540px) {
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1400px) {
  .main-menu ul li { padding: 0 50px 0 0; }
  .footer-menu ul li { padding: 0 10px; }
  /*other*/
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1280px) {
  /*other*/
  .get-in-touch-section .box-list .box-item .image img { width: 100%; }
}
@media screen and (max-width: 1220px) {
}
@media screen and (max-width: 1199px) {
  /*menu*/
  .main-menu ul li { /*padding: 0 10px;*/ }
  .main-menu ul li a { font-size: 18px; padding: 0!important; }
  /*header*/
  .header-section { padding: 15px 0; }
  .header-section .main-menu .navbar-brand img { max-height: 100px; }
  /*footer*/
  .footer-menu ul li { padding: 0; }
  .footer-top .footer-logo img { width: 100%; }
  /*other*/
  .banner-section { padding: 150px 0; }
  .about-me-section .box-item .box-text { order: 2; }
  .about-me-section .box-item .box-image img { width: 50%; }
  .power-of-therapy-section .box-item .box-image img { width: 50%; }
  .approach-section .approach-box .box-list .box-item .box-image { padding: 0!important; }
  .how-it-work-section { padding: 60px 0; }
  .get-in-touch-section .box-item { padding: 0; }
  .get-in-touch-section .box-item .box-text { padding: 0 60px; }
  .qualifications-section .box-item { padding: 0; }
}
@media screen and (max-width: 1170px) {
  /*other*/
}
@media screen and (max-width: 1130px) {
}

@media screen and (max-width: 1080px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 991px) {
  .container { max-width: 98%!important; }
  /*menu*/
  .main-menu .navbar-toggler { background-color: var(--bs-primary)!important; /*margin: 0 10px 0 0;*/ border-color: var(--bs-primary); }
  .main-menu .navbar-toggler:focus { box-shadow: none; }
  .main-menu .navbar-toggler .navbar-toggler-icon { filter: brightness(0) invert(1); }
  .main-menu .container-fluid { /*justify-content: end;*/ }
  .header-section.bg-secondary .main-menu .navbar-brand { color: #fff; }
  .main-menu .navbar-brand { color: #fff; /*width: 25%;*/ }
  .main-menu .navbar-brand img { /*width: 65%;*/ }
  .main-menu button:hover { background-color: transparent; }
  .main-menu ul { /*background-color: #ebebeb; text-align: left; position: relative; z-index: 999; width: 100%; top: 10px; padding: 15px;*/ }
  .main-menu ul li { border-bottom: 1px solid #00000047; /*padding: 0 30px;*/ }
  /* .main-menu ul li:last-child { border-bottom: 0; padding: 0 0 0 9px; } */
  .main-menu ul li a { /*color: #fff; float: left;*/ padding: 12px 0!important; }
  .main-menu ul li .dropdown-toggle { /*display: none;*/ }
  .main-menu ul li.dropdown ul li { border: none; }
  .main-menu ul li ul.dropdown-menu { background: none!important; border: none; width: 100%; max-height: 300px; overflow: auto; }
  .main-menu ul li ul.dropdown-menu li .dropdown-item { color: #fff; font-size: 14px; }
  .header-section .main-menu ul li::after { top: 16px; }
  .header-section .main-menu .navbar-brand img { width: 90%; }
  /*general*/
  .table-bordered td { border: 1px solid #ddd; }
  .table-custom-responsive thead { display: none; }
  .table-custom-responsive tr { width: 100%; display: inline-block; border: none; margin-bottom: 40px; }
  .table-custom-responsive td { display: block; }
  .table-custom-responsive td::before { content: attr(data-label); display: inline-block; width: 35%; font-weight: 600; text-align: inherit; }
  /*header*/
  .header-section { /*position: relative;*/ }
  .header-section .main-menu ul .menu-center-logo { display: none!important; }
  .header-section.sticky .main-menu .navbar-nav { align-items: initial; }
  /*footer*/
  .footer-section { /*padding: 30px 0 0;*/ }
  .footer-section .heading h5 { padding-bottom: 0; }
  .footer-top { padding: 50px 0; }
  .footer-top .row { align-items: initial; }
  .footer-top .footer-logo { text-align: center; padding: 0 0 30px; }
  .footer-top .footer-logo img { width: auto; max-height: 90px; }
  /*footer-copyright*/
  .copyright-text { text-align: center; padding: 0 0 25px; }
  .copyright-text p { margin: 20px 0 0!important; }
  /*footer-menu*/
  .footer-menu { text-align: center; /*margin: 0 0 10px 0;*/ }
  .footer-menu ul { justify-content: center; }
  /*contact-info*/
  .contact-info .address .address-text { /*padding: 0 0 0 30px;*/ }
  .contact-info .email { /*font-size: 13px;*/ }
  .contact-info-box { text-align: center; margin: 0 0 15px 0; }
  .contact-info-box .box-image ul { justify-content: center; }
  /*payment-icon*/
  .payment-icon ul { justify-content: center; /*padding: 0;*/ }
  /*social-icon*/
  .social-icon ul { justify-content: center; }
  /*other*/
  .banner-section { padding: 100px 0; }
  .banner-section .banner-box .box-list .box-item .box-text .box-title h1 { margin-bottom: 30px; list-style: 40px; }
  .banner-section .banner-box .box-list .box-item { width: 100%; }
  .banner-section .banner-box .box-list .box-item .read-more { line-height: normal; }
  .welcome-section { padding: 35px 0; }
  .welcome-section .heading h2 { margin: 0 0 20px; }
  .welcome-section .welcome-text { text-align: center; }
  .about-me-section .box-list .box-item .box-image { text-align: center!important; margin: 0 0 30px 0; }
  .about-me-section .box-list .box-item .box-image img { width: auto; }
  .about-me-section .box-item .box-text .text-content { row-gap: 0; }
  .power-of-therapy-section { padding: 40px 0; }
  .power-of-therapy-section .box-list .box-item .box-image { text-align: center!important; margin: 0 0 30px 0; }
  .power-of-therapy-section .box-list .box-item .box-image img { width: auto; }
  .power-of-therapy-section .box-item .box-text .box-title h5 { margin: 0 0 20px; }
  .power-of-therapy-section .box-item .box-text .text-content { row-gap: 0; }
  .how-it-work-section { padding: 45px 0; }
  .how-it-work-section .heading h2 { margin-bottom: 15px; }
  .get-in-touch-section { padding: 40px 10px; }
  .get-in-touch-section .heading h2 { padding: 0 0 9px 0; }
  .get-in-touch-section .box-item .box-text { padding: 0; }
  .approach-section .approach-box { padding: 35px 30px 0; }
  .approach-section .approach-box .heading h2 { margin-bottom: 20px; }
  .approach-section .approach-box .text { margin: 0 0 20px; }
  .approach-section .approach-box .box-list { padding: 0 0 20px; }
  .approach-section .approach-box .box-list .box-item .box-text .box-title h5 { padding: 0 0 15px; margin: 0; }
  .qualifications-section { padding: 50px 0; }
  .qualifications-section .box-item .heading { margin: 0 0 20px; }
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 979px) {
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 920px) {
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 896px) {
}
@media screen and (max-width: 880px) {
}
@media screen and (max-width: 869px) {
}
@media screen and (max-width: 853px) {
}
@media screen and (max-width: 850px) {
}
@media screen and (max-width: 847px) {
}
@media screen and (max-width: 846px) {
}
@media screen and (max-width: 824px) {
}
@media screen and (max-width: 823px) {
}
@media screen and (max-width: 812px) {
}
@media screen and (max-width: 800px) {
}
@media screen and (max-width: 770px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
  /*menu*/
  .main-menu ul { /*position: absolute; top: 60px;*/ }
  /*header*/
  .header-section { width: 100%; }
  .header-section .main-menu .navbar-brand img { max-height: 90px; }
  /* .header-section.sticky .main-menu .navbar-brand img { max-height: 80px; } */
  /*footer-menu*/
  .footer-menu .heading h3 { padding: 0 0 10px 0; }
  /*footer*/
  .footer-top .daniella-info { text-align: center; }
  .footer-top .registered-member { padding: 30px 0 0 0; text-align: center!important; }
  /*contact-info*/
  .contact-info-box .box-image ul li { margin: 0 0 10px 0; }
  /*payment-icon*/
  .payment-icon ul { padding: 0; }
  /*social-icon*/
  .social-icon ul li { padding: 0 10px; }
  /*faq*/
  .faq-section .accordion-item .accordion-button { align-items: baseline; }
  /*other*/
  .banner-section { padding: 70px 0; }
  .banner-section .banner-box .box-list .box-item .read-more { line-height: 20px; }
  .about-me-section .box-item .box-image img { width: 100%; }
  .power-of-therapy-section .box-item .box-image img { width: 100%; }
  .approach-section .row.approach-box { display: flex; padding: 15px; }
  .approach-section .approach-box .box-list .box-item { margin: 0!important; }
  .how-it-work-section { padding: 25px 0; }
  .how-it-work-section .heading h2 { line-height: 42px; }
}
@media screen and (max-width: 740px) {
}
@media screen and (max-width: 736px) {
}
@media screen and (max-width: 732px) {
}
@media screen and (max-width: 731px) {
}
@media screen and (max-width: 720px) {
}
@media screen and (max-width: 700px) {
}
@media screen and (max-width: 685px) {
}
@media screen and (max-width: 667px) {
}
@media screen and (max-width: 640px) {
  /*other*/
  /* .banner-section .banner-box .box-list .box-item { padding: 50px 0; } */
  .approach-section .row.box-list { padding: 0 0 25px 0; }
  .approach-section .row.box-list .heading h2 { padding: 0 0 25px 0; }
}
@media screen and (max-width: 600px) {
}
@media screen and (max-width: 580px) {
}
@media screen and (max-width: 575px) {
  /*menu*/
  .main-menu .navbar-brand { width: 74%; }
  /*footer-menu*/
  .footer-menu ul { display: inline-block; }
  .footer-menu ul li { display: inline-block; padding: 0 9px 10px; }
  /*footer*/
  .footer-bottom { padding: 20px 0 15px; }
  /*social-icon*/
  .social-icon ul li a img { width: 70%; }
  /*form*/
  .form .form-action input[type="submit"] { width: 25%; }
  /*faq*/
  .faq-section { padding: 40px 0 40px; }
  .faq-section .accordion-item .accordion-button::after { padding: 0 0 0 20px; }
  /*other*/
  .get-in-touch-section .box-item .box-text .contact-info ul li { display: flex; align-items: center; }
  .get-in-touch-section .box-item .box-text .contact-info ul li img { height: 40px; padding-right: 10px; }
}
@media screen and (max-width: 500px) {
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 450px) {
}
@media screen and (max-width: 430px) {
}
@media screen and (max-width: 420px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 412px) {
}
@media screen and (max-width: 411px) {
}
@media screen and (max-width: 400px) {
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 370px) {
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 340px) {
}
@media screen and (max-width: 320px) {
}