:root {
             /*    Dark blue or Deep Koamaru */
             /*             --color-1: #102079;*/
             --color-1: #8665f1;
             /*    Purple or Vivid Violet */
             /*             --color-2: #8A40A6;*/
             --color-2: #327cfc;
             /*    Light white / Catskill White */
             --color-3: #7dd4a6;
             /*    White */
             --color-4: #1b1a2a;
         }

         /* 
         @font-face {
             font-family: "ReadexPro";
             src: url("fonts/ReadexPro-SemiBold.woff") format("woff");
             font-weight: 600;
         }

         @font-face {
             font-family: "ReadexPro";
             src: url("fonts/ReadexPro-Regular.woff") format("woff");
             font-weight: 400;
         } */

         a {
             text-decoration: none
         }

         img {
             max-width: 100%;
         }

         html,
         body {
             height: 100%;
             width: 100%;
             font-family: "Inter", sans-serif;
             /*             overflow-x: hidden*/
         }

         body {
             /* font-family: 'Lato', sans-serif; */
             /* font-weight: 500; */
             font-weight: 400;
             /* font-size: 16px; */
             font-size: 17px;
             font-size: 18px;
             line-height: 1.5;
             color: #66809c;
         }

         .btn.btn--apple-pay img {
             margin-top: -5px
         }

         h1,
         h2,
         h3 {
             /* font-family: 'Playfair Display', serif; */
             font-weight: 400;
             color: var(--color-4);
         }

         h1 {
             color: var(--color-4);
         }

         h2 {
             /* font-size: 48px; */
             font-size: 40px;
             color: var(--color-4);
             font-weight: 300;
         }

         h3 {
             /* font-size: 28px; */
             font-size: 24px;
             font-weight: 600;
         }

         h4 {
             font-size: 24px;
             font-weight: 600;
         }

         p {
             /* color: var(--color-4); */
             color: #4b4b4b;
         }

         .btn {
             font-size: 18px;
             padding: 0px 24px;
             box-sizing: border-box;
             border-radius: 0;
             line-height: 52px;
             height: 54px;
             border-radius: 7px;
             border-radius: 100px;
             border-width: 1px;
             border-style: solid;
             font-weight: 500;
             /* text-transform: uppercase; */
         }

         .btn--1 {
             background-color: #fff;
             border-color: var(--color-4);
             color: var(--color-4);
         }

         .btn--1:hover {
             background-color: var(--color-4);
             color: #fff;
             color: #fff;
             background-color: #1abdaf;
             border-color: #1abdaf;
         }

         .btn--2 {
             background-color: var(--color-4);
             border-color: var(--color-4);
             color: #fff;
         }

         .btn--2:hover {
             background-color: #fff;
             border-color: var(--color-4);
             color: var(--color-4);
             color: #fff;
             background-color: #1abdaf;
             border-color: #1abdaf;
         }

         section {
             background-color: #fffdf6;
             background-color: #fefdf8;
         }

         @media screen and (min-width: 1200px) {
             .container {
                 /* max-width: 1140px; */
                 max-width: 1200px;
                 max-width: 1240px;
             }
         }

         @media screen and (max-width: 1200px) {
             h2 {
                 font-size: 36px;
             }
         }

         @media screen and (max-width: 768px) {
             .mobile-hide {
                 display: none;
             }
         }

         @media screen and (max-width: 576px) {
             .container {
                 padding-left: 20px;
                 padding-right: 20px;
             }

             body {
                 font-size: 16px;
             }

             h2 {
                 font-size: 30px;
             }

             p.sub-heading+h2 {
                 font-size: 26px;
             }

             .btn {
                 font-size: 16px;
                 /* font-size: 15px; */
                 /* padding: 10px 15px; */
                 /* line-height: 20px; */
             }
         }

         section {
             scroll-margin-top: 84px;
         }

         /* HEADER STARTS*/

         header {
             position: fixed;
             top: 0;
             left: 0;
             width: 100%;
             z-index: 99;
             padding: 50px 0;
             transition: .2s;
         }

         header.fixed-header {
             background-color: var(--color-1);
             background-color: #fff;
             padding: 10px 0;
             box-shadow: 0px 1px 10px rgba(0, 0, 0, .2);
         }

         header a.navbar-brand img {
             width: 200px;
         }

         header nav.navbar {
             padding: 0 0 !important;
             background-color: transparent !important
         }

         header nav.navbar .nav-item {
             display: flex;
             align-items: center;
         }

         header nav.navbar a.nav-link {
             font-size: 18px;
             padding-left: 25px !important;
             padding-right: 25px !important;
             color: var(--color-4);
         }

         header nav.navbar a.nav-link:hover {
             color: var(--color-2);
         }

         header nav.navbar a.btn {

             margin-left: 15px;
         }


         header nav.navbar a.btn--1 {
             background-color: #fff !important;
             color: var(--color-4) !important;
             border-color: var(--color-4) !important;
         }

         header nav.navbar a.btn--2:hover ,
         header nav.navbar a.btn--1:hover {
             background-color: #1abdaf !important;
             color: #fff !important;
             border-color: #1abdaf !important;
         }

         header nav.navbar a.btn--2 {
             background-color: var(--color-4);
             color: #fff;
             border-color: var(--color-4);
         }

         header nav.navbar a.btn--2:hover {
             background-color: #fff;
             color: var(--color-4);
         }

         /* header nav.navbar a.btn:hover {
             background-color: #fff;
             color: var(--color-1);
         } */

         header nav .navbar-toggler {
             border: 1px solid #fff;
         }

         @media screen and (max-width: 991px) {
             header {
                 padding: 20px 0px 50px
             }

             header nav.navbar .btn {
                 margin-top: 15px;
                 margin-left: 0 !important
             }

             header nav.navbar ul.navbar-nav {
                 align-items: center;
                 background-color: #efefef;
                 padding: 25px 0
             }

             header nav.navbar a.nav-link {
                 text-align: center;
             }

         }

         @media screen and (max-width: 576px) {
             header {
                 padding-top: 10px;
                 padding-bottom: 10px;
                 box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
             }

             header nav .navbar-toggler {
                 padding: 0 !important;
             }

             header a.header-mobile-btn {
                 margin-top: 0 !important
             }

             header a.navbar-brand img {
                 width: 200px;
             }

         }


         section.hero {
             background-image: url('images/hero-bg.jpg');
             background-repeat: no-repeat;
             background-position: center bottom;
             background-size: cover;
             min-height: 100vh;
             position: relative;
         }

         section.hero {
             /* padding: 250px 0 0; */
         }

         section.hero .hero-caption {
             text-align: center;
             position: absolute;
             top: 50%;
             left: 50%;
             transform: translate(-50%, calc(-50% + 30px));
             max-width: 950px;
             width: 100%;
             padding: 0 25px;
         }

         section.hero h2 {
             font-weight: 300;
             font-size: 64px;
         }

         section.hero h2 .first-line {
             color: #282828;
         }

         section.hero h2 .second-line {
             color: #616161;
         }

         section.hero .btn--1 {
             margin-left: 6px;
         }

         section.hero p {
             font-size: 20px;
             font-weight: 400;
             margin: 25px 0 35px;
         }

         @media screen and (max-width: 1200px) {
             section.hero {
                 min-height: auto;
                 min-height: 768px;
             }

         }

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

             section.hero h2 {
                 font-size: 48px;
             }

             section.hero {
                 min-height: 600px;
             }

             section.hero .hero-caption {
                 max-width: none;
                 padding: 0 25px;
                 width: calc(100% - 50px);
             }
         }

         @media screen and (max-width: 768px) {
             section.hero h2 {
                 font-size: 36px;
             }

             section.hero .hero-caption {
                 max-width: none;
                 padding: 0 15px;
                 width: calc(100%);
             }
         }

         @media screen and (max-width: 576px) {
             section.hero {
                 min-height: 620px;

             }

             section.hero h2 {
                 font-size: 28px;
             }

             section.hero p {
                 font-size: 18px
             }

             /* section.hero .btn {
                 padding: 0 10px;
             } */

             section.hero .btns-wrapper {
                 display: flex;
                 flex-direction: column;
                 align-items: center;
                 gap: 15px;
             }
         }

         section.author {
             /* padding: 0px 0 75px; */
             padding: 0px 0 0px;
             background-position: center top;
             background-size: contain;
         }

         section.author img {
             margin: 0 auto;
             display: block;
         }

         section.author .author-img-box {
             padding-top: 100px;
             background-repeat: no-repeat;
             background-image: url('images/author/author-top-bg-2.jpg');
             background-size: 90%;
             background-position: center 100%;
             background-color: #fffdf8
         }

         section.author .desc h2 {
             text-align: center;
             margin-bottom: 50px;
             /* font-size: 40px; */
         }

         section.author .desc {
             background-repeat: no-repeat;
             padding: 60px 0 75px;
             background-image: url('images/author/author-bg-bottom-png-2.png');
             background-size: 90%;
             background-position: center -20px;
             scroll-margin-top: 93px;
         }

         section.author .desc .container {
             max-width: 910px;
         }

         section.author .desc p {
             color: #4b4b4b;
             /* font-weight: 300 */
         }

         @media screen and (max-width: 992px) {
             section.author img {
                 max-width: 450px;
             }

             section.author .author-img-box {
                 background-size: 115%;
             }

             section.author .desc {
                 background-size: 115%;
             }
         }

         @media screen and (max-width: 768px) {
             section.author img {
                 max-width: 375px;
             }
         }

         @media screen and (max-width: 576px) {
             section.author .author-img-box {
                 padding-top: 75px;
             }

             section.author .desc .container {
                 text-align: center;
             }

             section.author img {
                 max-width: 300px;
             }

             section.author .author-img-box {
                 background-size: 145%;
             }

             section.author .desc {
                 padding-bottom: 0;
                 background-size: 145%;
                 background-position: center 0;
             }
         }


         section.services {
             padding-top: 75px
         }

         section.services h2 {
             margin-bottom: 0;
             text-align: center;
             /* font-size: 40px; */
         }

         section.services .service-item {
             padding: 50px 24px;
         }

         section.services .service-item h3 {
             font-size: 24px;
             margin: 25px 0 20px;
             font-weight: 500;
         }

         section.services .service-item img {
             width: 64px;
             padding: 10px;
             background-color: #fff;
             border-radius: 50%;
         }

         @media screen and (max-width: 992px) {
             section.services .service-item {
                 padding: 50px 10px;
             }
         }

         @media screen and (max-width: 767px) {
             section.services div[class*="container"] {
                 max-width: 576px;
                 margin: 0 auto;
             }

             section.services .service-item {
                 padding: 25px 10px 0;
                 text-align: center;
             }

         }

         @media screen and (max-width: 768px) {}

         @media screen and (max-width: 576px) {}

         section.book {
             background-image: url('images/book-center.png');
             background-position: center 75px;
             background-repeat: no-repeat;
             padding: 125px 0 75px;
         }

         section.book h2 {
             margin: 0 auto;
             text-align: center;
             color: #fff;
             /* font-size: 40px; */
             padding-top: 50px
         }

         section.book .books-row {
             display: flex;
             align-items: center;
             padding-top: 50px;
         }

         section.book .books-row .book-col .book-info {
             padding: 30px 30px;
             background-color: #fffdf6;
             min-height: 280px;
             margin-top: 65px
         }

         section.book .books-row .book-col-1 .book-info {
             border-radius: 0 25px 25px 0;
             padding-left: 0;
         }

         section.book .books-row .book-col-1 {
             flex-basis: 35%;
         }

         section.book .books-row .book-col-2 h2 {
             color: #fff;
             font-size: 40px;
         }

         section.book .books-row .book-col-2 {
             flex-basis: 30%;
             padding: 0 50px;
             display: flex;
             justify-content: center;
         }

         section.book .books-row .book-col-3 .book-info {
             border-radius: 25px 25px;
             padding-right: 0
         }

         section.book .books-row .book-col-3 .book-info .btns-box {
             margin-top: 40px;
         }

         section.book .books-row .book-col-3 .btn:first-of-type {
             margin-right: 10px
         }

         section.book .books-row .book-col-3 a {
             color: var(--color-4);
             font-weight: 500;
         }

         section.book .books-row .book-col-3 {
             flex-basis: 35%;

         }

         @media screen and (max-width: 1200px) {
             section.book .books-row .book-col-3 .btn {
                 padding: 0 15px;
             }

             section.book .books-row .book-col-2 {
                 padding: 0 35px;
             }
         }

         @media screen and (max-width: 992px) {
             /* section.book .books-row .book-col-1 .book-info {
                 padding-left: 10px;
             }

             section.book .books-row .book-col-3 .book-info {
                 padding-right: 10px;
             } */

             /* 
             section.book .books-row .book-col-3 .book-info .btns-box {
                 display: flex;
                 flex-direction: column;
                 align-items: flex-start;
             }

             section.book .books-row .book-col-3 .btn:first-of-type {
                 margin-bottom: 10px
             } */

             section.book {
                 background-size: 75%
             }

             section.book .books-row {
                 flex-wrap: wrap
             }

             section.book .books-row .book-col .book-info {
                 text-align: center;
                 border-radius: 15px 25px 0;
                 padding: 25px 25px 0;
                 box-shadow: 0 -5px 10px rgba(0, 0, 0, .05);
                 min-height: auto;
             }

             section.book .books-row .book-col-1 {
                 order: 2;
             }

             section.book .books-row .book-col-2 {
                 order: 1;
             }

             section.book .books-row .book-col-3 {
                 order: 3;
             }

             section.book .books-row .book-col {
                 flex-basis: 100%;
                 max-width: 576px;
                 margin: 0 auto;
             }
         }

         @media screen and (max-width: 768px) {}

         @media screen and (max-width: 576px) {
             section.book {
                 background-size: 100%;
                 padding-left: 10px;
                 padding-right: 10px;
                 padding-bottom: 0
             }

             section.book .books-row .book-col .book-info {
                 padding: 25px 12px 0;
             }

             section.book h2 {
                 padding-top: 25px;
                 font-size: 26px
             }

             section.book .books-row .book-col {
                 max-width: none;
             }

             section.book .books-row .book-col-2 {
                 padding: 0 60px;
             }

             section.book .books-row .book-col-2 img {
                 max-width: 175px;
                 margin: 0 auto;
                 display: block
             }

             section.book .books-row .book-col-3 .book-info {
                 margin-top: 30px;
             }
         }


         section.reviews {
             padding: 100px 0 0;
             padding: 75px 0 0px;
         }

         section.reviews h2 {
             text-align: center;
             margin-bottom: 75px
         }

         section.reviews div[class*="container"],
         section.reviews .container {
             background-color: #fff;
             padding: 40px;
             border-radius: 25px;

         }


         section.reviews .review-item .reviewer {
             display: flex;
             margin-bottom: 20px;
             align-items: center;
             /* align-items: flex-start; */
         }

         section.reviews .review-item .reviewer {}

         section.reviews .review-item .profile-info {
             padding-left: 20px;
             flex-basis: calc(100% - 80px)
         }

         section.reviews .review-item .profile-info h3 {
             font-weight: 500;
             margin-bottom: 5px;
         }

         section.reviews .review-item .profile-info p {
             font-size: 16px;
             margin-bottom: 0
         }

         section.reviews .reviewer .profile-pic {
             width: 80px;
             flex-basis: 80px
         }

         section.reviews .reviewer .profile-pic img {
             width: 100%;
             height: auto;
         }


         section.reviews .review-item {
             background-color: #fff
         }


         section.reviews p.review-text {
             font-size: 18px;
         }


         @media screen and (max-width: 576px) {
             section.reviews {
                 padding-left: 15px;
                 padding-right: 15px;
                 padding-bottom: 10px;
                 padding-top: 100px
             }

             section.reviews h2 {
                 margin-bottom: 40px;
             }

             section.reviews .reviewer .profile-pic {
                 width: 60px;
                 flex-basis: 60px;
             }

             section.reviews .review-item .profile-info h3 {
                 font-size: 20px
             }

             section.reviews .review-item .profile-info p {
                 font-size: 13px;
             }

             section.reviews .review-item .profile-info {
                 padding-left: 10px;
                 flex-basis: calc(100% - 60px);
             }

             section.reviews div[class*="container"],
             section.reviews .container {
                 padding: 20px 15px;
                 box-shadow: 0 0 10px #f5f5f5;
             }

             section.reviews p.review-text {
                 font-size: 16px;
             }
         }

         section.steps {
             padding: 175px 0 50px;
             background-image: url('images/steps-bg.jpg');
             /* background-size: 85%; */
             background-size: 1300px;
             background-repeat: no-repeat;
             background-position: center 0px;
         }

         section.steps h2 {
             text-align: center;
             margin-bottom: 50px;
         }


         section.steps .step-box {
             display: flex;
             padding: 16px 25px;
             background-color: #fff;
             border-radius: 15px;
             align-items: center;
             margin-bottom: 10px;
             /* box-shadow: -0px 0 10px rgba(0, 0, 0, 0.025); */
         }

         section.steps .step-box p {
             margin-bottom: 0;
             color: #4B4B4B;
         }

         section.steps .step-box h3 {
             flex-basis: 50px;
             font-size: 66px;
             font-weight: 200;
             margin-right: 5px;
             margin-bottom: 0
         }

         section.steps .step-box h4 {
             font-size: 20px;
             font-weight: 500;
             color: var(--color-4);
         }

         @media screen and (max-width: 992px) {
             section.steps {
                 background-size: 110%;
                 background-position: center 25%;
                 padding-top: 75px
             }

             section.steps img {
                 text-align: center;
                 display: block;
                 margin: 0 auto;
                 padding: 0 50px;
             }

             section.steps .btn {
                 margin: 50px auto 0 auto;
             }

             section.steps .btn-wrapper {
                 text-align: center;
             }

             section.steps h2 {
                 margin-bottom: 0
             }

             section.steps .step-box h3 {
                 font-size: 50px
             }

             section.steps .step-box {
                 max-width: 665px;
                 margin: 0 auto 12px;
             }
         }

         @media screen and (max-width: 768px) {
             section.steps .step-box h3 {
                 margin-right: 25px;
             }
         }

         @media screen and (max-width: 576px) {
             section.steps {
                 background-position: center 23%;
             }

             section.steps img {
                 padding: 0 20px;
             }

             section.steps .step-box {
                 padding: 15px 15px;
                 box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
             }

             section.steps .step-box h3 {
                 font-size: 38px;
                 margin-right: 10px;
             }

             section.steps .step-box h4 {
                 font-size: 18px;
             }

             section.steps .step-box p {
                 font-size: 16px;
             }
         }



         section.instagram-reels {
             padding: 100px 0 75px;
         }

         section.instagram-reels h2 {
             text-align: center;
             margin-bottom: 40px;
         }

         section.instagram-reels img {
             border-radius: 25px;
         }

         @media screen and (max-width: 992px) {
             section.instagram-reels {
                 padding: 50px 0 50px;
             }
         }


         .owl-stage {
             padding-left: 0px !important;
         }



         section.face-book {
             padding: 50px 0 0px;
         }

         section.face-book h2 {
             text-align: center;
             margin-bottom: 50px;
         }


         section.face-book .post-img {
             border-radius: 25px 25px 0 0;
         }

         section.face-book .user-img {
             margin-right: 12px;
             flex-basis: 50px;
             width: 100%;
             height: auto;
         }

         section.face-book .user-details {
             flex-basis: calc(100% - 50px);
         }

         section.face-book .user-details .posted-hour {
             padding-left: 25px;
         }

         section.face-book .fb-user {
             display: flex;
         }

         section.face-book .fb-user h3 {
             font-size: 20px;
             color: #1b1a2a;
             margin-bottom: 0;
             font-weight: 400;
         }

         section.face-book .fb-user p {
             font-size: 16px;
             color: #76767f;
             font-weight: 400;

         }

         section.face-book .user-img {
             width: 48px;
             height: 48px;
         }

         section.face-book .fb-desc p {
             font-size: 16px;
             font-weight: 300;
             margin-bottom: 0;
             color: #000;
         }

         section.face-book .post-info {
             background-color: #fff;
             padding: 20px 18px;
             border-radius: 0 0 25px 25px;
         }

         section.face-book .user-more-info {
             display: flex;
         }

         @media screen and (max-width: 1200px) {
             section.face-book .user-more-info {
                 flex-wrap: wrap;
             }

             section.face-book .user-details .posted-hour {
                 padding-left: 15px
             }

             section.face-book .post-info {
                 padding: 20px 15px;
             }

             section.face-book .user-img {
                 flex-basis: 40px;
                 width: 40px;
                 height: 40px;
             }


         }

         section.face-book {}

         section.face-book {}

         section.face-book {}

         section.face-book {}

         section.face-book {}


         section.contact {
             padding-top: 150px;
             background-image: url('images/footer-blur.png');
             background-image: url('images/footer-blur/footer-top-blur.png');
             /* background-position: center 25px; */
             background-position: 65% 25px;
             background-repeat: no-repeat;
             scroll-margin-top: 50px;
         }



         section.contact .contact-info-box {
             padding: 60px 50px 40px 50px;
             background-color: #fff;
             color: #000;
             border-radius: 0 25px 25px 0;
             /* box-shadow: 0px 0 10px rgba(0, 0, 0, 0.05); */
             box-shadow: 15px 0 20px rgba(0, 0, 0, 0.01);
         }

         section.contact .contact-info-box .btn {
             margin-top: 80px
         }

         section.contact .contact-info-box h3 {
             font-weight: 300;
             margin: 15px 0 50px;
         }

         section.contact p {
             font-weight: 300;
             margin-bottom: 0
                 /* margin-top: 40px; */

         }

         section.contact .contact-wrapper {
             border-radius: 25px;
             background-color: #fffdf6;
             position: relative;
             z-index: 3;

         }

         section.contact .contact-wrapper .col-md-6 {
             /* background-color: #999 */
         }

         section.contact .contact-wrapper .row {
             /* align-items: center; */
         }


         section.contact .contact-form-box {
             padding: 35px 25px;
         }

         section.contact .contact-form-box .btn {
             margin-top: 40px;
         }

         section.contact .contact-form-box label {
             font-size: 14px;
             font-weight: 300;
         }

         section.contact .contact-form-box input {
             font-size: 14px;
             border: 1px solid #9c9c9c;
             height: 40px;
         }

         section.contact .contact-form-box .form-group {
             margin: 5px 0;
         }

         section.contact {}


         @media screen and (max-width: 992px) {
             section.contact {
                 padding-top: 100px;
                 /* padding-top: 150px; */
                 background-image: url('images/footer-blur.png');
                 background-position: 87% 20px;
                 background-repeat: no-repeat;
                 background-size: 80%;
             }

             section.contact .contact-info-box {
                 padding: 40px 50px 40px 50px;
                 border-radius: 0 0 25px 25px;
                 text-align: center;
             }

             section.contact .contact-info-box h3 {
                 margin-bottom: 25px
             }

             section.contact .contact-form-box .btn-wrapper {
                 text-align: center;
             }

             section.contact .contact-info-box .btn {
                 margin-top: 40px;
             }

             section.contact .contact-form-box {
                 padding: 30px 25px 50px;
                 border-radius: 25px 25px 0 0;
             }
         }

         @media screen and (max-width: 576px) {
             section.contact {
                 padding-top: 50px;
             }

             section.contact .contact-info-box {
                 padding: 60px 15px 40px;
             }

             section.contact .contact-form-box {
                 padding: 30px 15px 50px;
             }

             section.contact {
                 background-position: 87% 45px;
             }
         }


         footer {
             padding: 150px 0 0px;
             background-color: #1a1e1d;
             margin-top: -100px;
             background-image: url('images/footer-blur.png');
             background-image: url('images/footer-blur/footer-bottom-blur.png');
             background-repeat: no-repeat;
             background-position: 160px -20%;
         }

         footer ul {
             margin-bottom: 0
         }

         footer .ft-top-row img {
             width: 200px;

         }

         footer .ft-bottom-row {
             border-top: 1px solid #303534;
             margin-top: 50px;
             padding: 50px 0;
         }


         footer .ft-bottom-row p {
             color: #fff;
             margin-bottom: 0
         }

         footer .btn--order {
             border: 1px solid #fff;
             color: #fff;
             margin: 0 15px 0 10px
         }

         footer .btn--order:hover {
             background-color: #1abdaf;
             color: #fff;
         }

         footer ul {
             list-style: none;
         }

         footer ul li a {
             padding: 0 25px;
             color: #fff;
         }

         footer ul li a:hover {
             color: var(--color-3);
         }

         @media screen and (max-width: 1200px) {
             footer ul {
                 padding-left: 0
             }

             footer ul li a {
                 padding: 0 15px;
             }
         }

         @media screen and (max-width: 992px) {
             footer {
                 /* background-position: 100px -370px; */
                 background-position: 30px 0px;
                 background-size: 100%;
             }

             footer img.footer-logo {
                 display: block;
                 margin: 0 auto 25px;

             }

             footer .ft-bottom-row p.copy {
                 margin-bottom: 10px;
             }

             footer .ft-bottom-row {
                 text-align: center;
             }
         }

         @media screen and (max-width: 767px) {
             footer {
                 background-position: 30px 70px;
                 background-size: 80%;
             }

             footer .ft-top-row ul {
                 flex-direction: column;
             }

             footer .btns-wrapper .btn {
                 min-width: 140px;
             }

             footer .btns-wrapper {
                 margin: 20px 0 0;
             }

             footer .btn--order {
                 margin-left: 0;
                 margin-right: 10px
             }

             footer .ft-top-row ul li {
                 margin: 5px 0;
             }
         }

         @media screen and (max-width: 576px) {
             footer {
                 margin-top: -50px;
                 background-position: 0 80px;
                 background-size: 90%;
                 background-position: 0 45px;
             }
         }