@font-face {
     font-family: 'tommy-soft-black';
     font-weight: normal;
     font-style: normal;
     src: url('../fonts/tommy-soft-black.otf') format('truetype');
}
 @font-face {
     font-family: 'tommy-soft-bold';
     font-weight: normal;
     font-style: normal;
     src: url('../fonts/tommy-soft-bold.otf') format('truetype');
}
 @font-face {
     font-family: 'tommy-soft-medium';
     font-weight: normal;
     font-style: normal;
     src: url('../fonts/tommy-soft-medium.otf') format('truetype');
}
 @font-face {
     font-family: 'tommy-soft-regular';
     font-weight: normal;
     font-style: normal;
     src: url('../fonts/tommy-soft-regular.otf') format('truetype');
}
/*css-comment*/
 @font-face {
     font-family: 'Metropolis';
     font-weight: normal;
     font-style: normal;
     src: url('../fonts/metropolis.regular.otf') format('truetype');
}
 @font-face {
     font-family: 'Metropolis-black';
     font-weight: normal;
     font-style: normal;
     src: url('../fonts/metropolis.black.otf') format('truetype');
}
 @font-face {
     font-family: 'Metropolis-medium';
     font-weight: normal;
     font-style: normal;
     src: url('../fonts/metropolis.medium.otf') format('truetype');
}
 @font-face {
     font-family: 'Metropolis-bold';
     font-weight: normal;
     font-style: normal;
     src: url('../fonts/metropolis.bold.otf') format('truetype');
}
 @font-face {
     font-family: 'Metropolis-semibold';
     font-weight: normal;
     font-style: normal;
     src: url('../fonts/metropolis.semi-bold.otf') format('truetype');
}
 @font-face {
     font-family: 'Metropolis-light';
     font-weight: normal;
     font-style: normal;
     src: url('../fonts/metropolis.light.otf') format('truetype');
}
 @font-face {
     font-family: 'Metropolis-thin';
     font-weight: normal;
     font-style: normal;
     src: url('../fonts/metropolis.thin.otf') format('truetype');
}
 body {
     font-family: 'Metropolis', 'Poppins', sans-serif;
     font-family: 'Metropolis';
}
 * {
     box-sizing: border-box;
}
 a:hover {
     opacity: 0.8;
}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     line-height: 1.2;
     margin: 0;
     font-family: 'tommy-soft-bold';
}
 .top-banner {
     background-color: #26A249;
     padding: 80px 30px;
     background-image: url(img/Visual-composition.png);
    /* min-height: 100vh;
    */
     background-position: top right;
     background-repeat: no-repeat;
    /*background-position-y: 117%;
     background-size: 75%;
    */
     background-position-y: 50%;
     background-size: 92%;
     position: relative;
}
 .header-logo{
     margin-bottom: 30px;
}
 .header-logo img {
     max-width: 224px;
}
 .top-banner-inner h1 {
     font-size: 100px;
     font-weight: 800;
     color: #fff;
     font-family: 'tommy-soft-bold';
}
 .download-btns{
     max-width: 190px;
     margin-top: 250px;
}
/*today 2-2-22*/
 .illustrate-icons.product-icons {
     display: none;
}
 .featured-stories {
     padding-bottom: 0px;
}
/*end*/
 .top-content {
     background: #26A249;
     padding: 80px 0;
}
 .top-content-inner h2 {
     font-size: 46px;
     color: #fff;
}
 .payment {
    /* background: url(img/Random\ BG\ Images.png), url(img/Top\ Curve.png), url(img/Bottom\ Rectange.png), url(img/Bottom\ Rectange.png);
     */
    /* background: url(img/curve-bg.png);
     */
     padding-top: 13%;
     padding-bottom: 44px;
     position: relative;
     background-color: #FCE876;
}
 .payment:before {
     background: transparent url(img/Top-Curve.png) no-repeat scroll 0 top/100% auto;
     content: "";
     height: -webkit-fill-available;
     width: 100%;
     z-index: 0;
     position: absolute;
     top: -1px;
     left: 0;
}
 .pay-item {
     margin-top: 24px;
     margin-bottom: 44px;
     text-align: center;
}
 .payment-box {
     position: relative;
}
 .payment-box h3{
     font-size: 28px;
     margin-top: 1.5rem;
}
 .payment-box p{
     margin-top: 20px;
     font-size: 20px 
}
 .how-it-inner-box h3 span{
     font-family: 'tommy-soft-black';
}
 .how-it-inner-box h3{
     font-family: 'tommy-soft-medium';
     margin-bottom: 15px;
}
 .featured-stories {
     padding: 80px 0;
}
 .tag-p {
     background: #26A249;
     display: inline-block;
     padding: 8px 16px;
     font-size: 20px !important;
     color: #fff;
     border-radius: 25px;
     margin-bottom: 1.5rem;
     font-weight: 700;
}
 .featured-content h4 a {
     font-size: 27px;
     line-height: 32px;
     margin-bottom: 15px;
     color: #212529;
     text-decoration: none;
}
 .featured-content p {
     font-size: 18px;
}
/* new add css*/
 .main-content.prvacy h3.content-subtitle.text-center {
     font-weight: 700;
     font-size: 57px;
     line-height: 70px;
     text-align: center;
     color: #000;
     margin-bottom: 50px;
}
 a.login-btn {
     color: #23a534!important;
     font-style: normal;
     font-weight: 700;
     font-size: 20px;
     text-decoration: none;
     line-height: 19px;
     text-align: center;
     text-transform: uppercase;
     float: right;
     margin-top: 41px;
}
 span.text-underline {
     text-decoration: underline;
}
 .main-content h3.item-title.text-left {
     font-style: normal;
     font-weight: 700;
     font-size: 30px;
     line-height: 35px;
     color: #000;
     margin-bottom: 50px;
}
 .main-content h3.content-subtitle.text-center {
     font-weight: 700;
     font-size: 40px;
     line-height: 47px;
     text-align: center;
     color: #000;
     margin-bottom: 50px;
}
 .main-content p {
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     line-height: 170%;
     color: #000;
     margin-bottom: 20px;
}
 .main-content h6.item-list-title{
     font-style: normal;
     font-weight: 400;
     font-size: 20px;
     line-height: 30px;
     color: #000;
     margin-bottom: 20px;
}
 .main-content h1.content-title.content-mb.text-center {
     font-style: normal;
     font-weight: 700;
     font-size: 80px;
     line-height: 94px;
     color: #000;
     margin-bottom: 50px;
}
 .main-content ul li a {
     font-style: normal;
     font-size: 17px;
     line-height: 100%;
     color: #000;
     text-decoration: none;
}
 .main-content ul li {
     margin-bottom: 8px;
}
 .main-content ul {
     list-style-type: none;
}
 .main-content ul li a span {
     font-weight: 900;
}
 .main-content ul li a:hover {
     color: #000;
}
 .main-content h6.item-title{
     font-style: normal;
     font-weight: 700;
     font-size: 30px;
     line-height: 35px;
     color: #000;
     margin-bottom: 50px;
}
 .main-content {
     max-width: 1100px;
     padding: 70px 40px;
     margin: 0 auto;
}
 .ppc {
     background-image: unset!important;
}
 .ppc .logo{
     margin-bottom:0px;
}
/*end*/
 .bg-brand {
     background: #EDF8EE;
}
 .font-14 {
     font-size: 14px;
}
 .font-16 {
     font-size: 16px;
}
 .font-18 {
     font-size: 18px;
}
 .font-20 {
     font-size: 20px;
}
 .font-25 {
     font-size: 25px;
}
 .font-28 {
     font-size: 28px;
}
 .font-35 {
     font-size: 35px;
}
 .font-36 {
     font-size: 36px;
}
 .font-40 {
     font-size: 40px;
}
 .font-50 {
     font-size: 50px;
}
 .font-63 {
     font-size: 63px;
}
 .font-64 {
     font-size: 64px;
}
 .font-148 {
     font-size: 146px;
}
 .mt-230 {
     margin-top: -230px;
}
 .color-brand {
     color: #26A249;
}
 .color1 {
     color: #191919;
}
 .color2 {
     color: green;
}
 .font-bold {
     font-weight: bold;
}
 .max-w-540 {
     max-width: 540px;
}
 .max-90 {
     max-width: 90px;
}
 .max-816 {
     max-width: 816px;
}
 .max-373 {
     max-width: 373px;
}
 .h-40 {
    /* height: 40px;
     */
}
 .h-60 {
     height: 60px;
}
 .max-463 {
     max-width: 463px;
}
 .max-473 {
     max-width: 473px;
}
 .max-573 {
     max-width: 573px;
}
 .mt-120 {
     margin-top: 120px;
}
 .h-64 {
     height: 64px;
}
 .h-153 {
    /* height: 153px;
     */
}
 .spin {
     position: absolute;
     top: 20px;
     left: 130px;
}
 header .logo {
    /* margin-top: 33px;
     */
    /* margin-bottom: 142px;
     */
}
 .random {
     position: absolute;
     right: 110px;
     top: 486px;
     z-index: -1;
}
 .email-response {
     padding-top: 10px;
}
 .top-main {
    /* padding: 0 56px;
     */
     background-image: url(img/Heading\ Image.png);
     background-repeat: no-repeat;
     background-position: right top;
     background-size: auto;
     padding-top: 205px;
     position: relative;
}
/* .payment:after {
     background-image: url(img/green-bg-icons.png);
     background-repeat: no-repeat;
     background-size: 95%;
     background-position: center 55%;
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
}
 */
/* new-css-6-10-21 */
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     line-height: 1.1;
}
 .font-black{
     font-family: 'Metropolis-black';
}
 .font-bold{
     font-family: 'Metropolis-bold';
}
 .font-semibold{
     font-family: 'Metropolis-semibold';
}
 .font-thin{
     font-family: 'Metropolis-thin';
}
 .font-light{
     font-family: 'Metropolis-light';
}
/* .header-logo {
     position: absolute;
     top: 33px;
     width: 100%;
     left: 0;
}
 */
 .header-app-div {
     padding-left: 4%;
     margin-top: 25px;
}
 .lh-more{
     line-height: 1.3;
}
 #how-it-work-main{
     padding: 80px 0;
}
 .join-box input{
     border: 2px solid #9F9F9F;
     border-radius: 8px;
}
 .join-box button {
     border-radius: 0 8px 8px 0 !important;
     min-width: 30%;
     background: #26A249;
     font-weight: 700;
}
 div#join-us-main {
     padding: 100px 0;
}
 .footer-logo img{
     width: 164px;
}
 .top-main-star{
     position: absolute;
     bottom: 12%;
     left: 13%;
}
 .illustrate-icons {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     z-index: 0;
     pointer-events: none;
     display: none!important;
}
 img.illustrate-icon {
     position: absolute;
}
 .payment-icons img:nth-child(1) {
     top: 19%;
     left: 9%;
}
 .payment-icons img:nth-child(2) {
     bottom: 14%;
     left: 2.5%;
}
 .payment-icons img:nth-child(3) {
     top: 18%;
     right: 9%;
}
 .payment-icons img:nth-child(4) {
     top: 37%;
     left: 2%;
}
 .payment-icons img:nth-child(5) {
     bottom: 18%;
     right: 2%;
     transform: rotate(180deg);
}
 .product-icons img:nth-child(1) {
     top: 15%;
     left: 11%;
}
 .product-icons img:nth-child(2) {
     bottom: 7%;
     left: 2.5%;
}
 .product-icons img:nth-child(3) {
     top: 15%;
     right: 3%;
}
 .product-icons img:nth-child(4) {
     top: 24%;
     left: 2%;
}
 .product-icons img:nth-child(5) {
     bottom: 2%;
     right: 3%;
     transform: rotate(180deg);
}
 .support-icons img:nth-child(1) {
     top: 12%;
     left: 3%;
}
 .support-icons img:nth-child(2) {
     bottom: 10%;
     right: 6.5%;
}
 .support-icons img:nth-child(3) {
     top: 15%;
     right: 3%;
     transform: rotate(99deg);
}
 .support-icons img:nth-child(4) {
     bottom: 12%;
     left: 2%;
     transform: rotate(-90deg);
}
 .support {
     padding: 60px 0;
     background: #FCE876;
     position: relative;
}
 .bottom-appstore {
     width: 152px;
     height: 48px;
}
 .googlemap {
     width: 100%;
}
 footer a:hover {
     color: #26A249;
}
 .border-top-footer {
     border-top: 2px solid #26A249;
}
 .featured-bg{
     background: #FCE876;
}
/*Media-query*/
 @media (max-width: 1550px) {
     .top-banner-inner h1 {
         font-size: 83px;
    }
     .top-banner {
        /*background-size: 83%;
         */
         padding: 45px;
    }
}
 @media (max-width: 1400px) {
     img.mobile-s {
         top: 324px!important;
    }
     div#join-us-main {
         padding-top: 0px!important;
    }
     .top-banner {
         background-size: 86%;
         padding: 45px;
    }
     .box-nn{
         left: 0px!important;
    }
}
 @media (max-width: 1199px) {
     .header-logo {
         margin-bottom: 0px;
         width: 100%;
         max-width: 285px!important;
    }
     .top-banner-inner h1 {
         font-size: 60px;
    }
     .header-logo img {
         max-width: 200px;
    }
     .top-content-inner h2 {
         font-size: 40px;
    }
     .top-banner {
         background-position-y: top;
    }
}
 @media (max-width: 1280px) {
     .font-148 {
         font-size: 110px;
    }
     .font-64 {
         font-size: 80px;
    }
     .h-153 {
         height: 105px;
    }
     .h-40 {
         height: 66px;
    }
     .random {
         display: none;
    }
}
 @media (min-width: 1025px) {
     img.jhg {
         display: none!important;
    }
     .top-content {
         padding-top: 200px;
    }
}
 @media only screen and (min-width: 1025px) and (max-width: 1124px){
     .header-logo{
         max-width: 256px!important;
    }
     .top-banner-inner h1 {
         font-size: 53px!important;
    }
     .jk {
         padding-right: 0%!important;
    }
     .navbar-light .navbar-nav .nav-link {
         color: #fff;
         font-size: 12px!important;
         font-weight: 600;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 1024px){
     .support p {
         font-size: 19px!important;
    }
     .ipd-marg {
         margin-top: -240px!important;
    }
     .featured-stories {
         padding-bottom: 20px!important;
    }
     .payment {
         padding-top: 115px!important;
    }
     div#join-us-main {
         padding-top: 0px!important;
    }
     .header-logo {
         margin-bottom: 0px;
         width: 100%;
         max-width: 226px!important;
    }
     .top-banner-inner h1 {
         font-size: 52px;
    }
     .top-banner {
         background-size: 83%;
         padding: 17px;
    }
     img.mobile-s{
         display: none!important;
    }
     body .top-banner {
         background-image: url(img/llVisual-composition.png)!important;
    }
     .box-nn {
         display: none;
    }
     .img-div.circle-4 {
         display: none;
    }
}
 @media (max-width: 991px) {
     header.header {
         height: 0px;
    }
     button.navbar-toggler {
         position: absolute;
         right: 0;
         top: 0;
         display: none;
    }
     img.mobile-s {
         display: none;
    }
     .box-nn {
         position: relative;
         display: none!important;
    }
     .img-div.circle-4 {
         display: none;
    }
     header .logo {
         margin-bottom: 900px;
    }
     .font-148 {
         font-size: 100px;
    }
     .font-64 {
         font-size: 50px;
    }
     .h-153 {
         height: 105px;
    }
     .h-40 {
         height: 41px;
    }
     .top-main {
         background-size: contain;
    }
     .header-logo {
         top: 15px;
    }
     .top-banner-inner h1 {
         font-size: 48px;
    }
     .top-banner {
         background-size: 100%;
         min-height: auto;
    }
     .download-btns {
         max-width: 100px;
         margin-top: 350px;
    }
     .top-content-inner img {
         max-width: 300px;
         margin-top: 50px;
    }
     .top-content-inner {
         text-align: center;
    }
     .featured-content h4 a{
         font-size: 20px;
         line-height: 25px;
         margin-bottom: 10px;
    }
     .featured-stories {
         padding-bottom: 0;
    }
}
 @media (max-width: 767px) {
     img.desktop-ff {
         display: none;
    }
     .top-banner-inner {
         margin-top: 80px!important;
    }
     .top-banner-inner h1 {
         line-height: 46px!important;
    }
     .footer-logo img {
         width: 250px!important;
    }
     a.ss-logo img {
         width: 25px;
    }
     .fw-mob {
         max-width: 287px;
    }
     .fw-mob h2 {
         font-size: 20px;
         line-height: 31px;
         margin-bottom: 25px!important;
    }
     .ms-mob {
         margin-bottom: 0px!important;
    }
     div#join-us-main {
         padding-top: 0px!important;
    }
     .top-banner-inner h1 br {
         display: none;
    }
     img.mobile-s {
         display: none;
    }
     header.header {
         height: 0px;
    }
     button.navbar-toggler {
         position: absolute;
         right: 0;
         top: 0;
         display: none;
    }
     .box-nn {
         display: none;
    }
     .img-div.circle-4 {
         display: none;
    }
     header .logo {
         margin-bottom: 666px;
    }
     .font-148 {
         font-size: 78px;
    }
     .font-64 {
         font-size: 40px;
    }
     .header-logo img {
         max-width: 120px;
    }
     .top-main {
         padding-top: 94%;
    }
     .header-app-div {
         padding-left: 0%;
         margin-top: 0;
         justify-content: flex-end;
    }
     .try-it-image img{
         max-width: 91px;
        ;
    }
    /* .phone-image {
         padding: 10px 30px!important;
    }
     */
     .social-icons img {
         max-width: 75px;
    }
     .social-icons a img {
         margin: 10px !important;
         max-width: 37px;
    }
     .payment img {
         max-width: 100px;
    }
     .pay-item {
         margin-top: 10px;
         margin-bottom: 40px;
         padding: 0 10px;
    }
     #how-it-work-main {
         padding: 40px 0;
    }
     div#join-us-main {
         padding: 40px 0;
    }
     .join-box input {
         height: 43px;
    }
     .join-box button {
         height: 43px;
         font-size: 14.5px;
    }
     .support {
         padding: 45px 0;
    }
     a.footer-logo {
         width: 100%;
    }
     .payment-icons img:nth-child(1) {
         top: 12%;
         left: 4%;
    }
     .payment-icons img:nth-child(2) {
         bottom: 26%;
         left: 12%;
         width: 20px;
    }
     .payment-icons img:nth-child(3) {
         top: 6%;
         right: 11%;
         width: 28px;
    }
     .payment-icons img:nth-child(4) {
         top: 37%;
         left: 5%;
         max-width: 60px;
    }
     .payment-icons img:nth-child(5) {
         bottom: 27%;
         right: 2%;
         transform: rotate(150deg);
         max-width: 60px;
    }
     .product-icons img:nth-child(1) {
         top: 34%;
         left: 25%;
         width: 19px;
    }
     .product-icons img:nth-child(2) {
         bottom: 7%;
         left: 5.5%;
         width: 29px;
    }
     .product-icons img:nth-child(3) {
         top: 33%;
         right: 8%;
         width: 29px;
    }
     .product-icons img:nth-child(4) {
         top: 38%;
         left: 2%;
         max-width: 60px;
    }
     .product-icons img:nth-child(5) {
         bottom: 5%;
         right: 8%;
         transform: rotate(180deg);
         max-width: 60px;
    }
     .support-icons img:nth-child(1) {
         top: 9%;
         left: 3%;
         display: none;
    }
     .support-icons img:nth-child(2) {
         bottom: 45%;
         right: 9.5%;
         max-width: 30px;
    }
     .support-icons img:nth-child(3) {
         top: 7%;
         right: 4%;
         max-width: 60px;
    }
     .support-icons img:nth-child(4) {
         bottom: 4%;
         max-width: 45px;
    }
     .top-banner {
         padding: 15px;
    }
     .top-banner {
         background-image: url(img/top-bg-mobile.png);
    }
     .mt-230 {
         margin-top: 30px !important;
    }
     .top-content-inner h2 {
         font-size: 25px;
    }
}
 @media (max-width: 575px) {
     header .logo {
         margin-bottom: 475px;
    }
     .h-40 {
         height: 15px;
    }
     .font-148 {
         font-size: 48px;
    }
     .font-64 {
         font-size: 20px;
    }
     .font-63 {
         font-size: 48px;
    }
     .h-153 {
         height: 55px;
    }
     .w-133 {
         width: 133px;
         height: auto;
    }
     .w-123 {
         width: 123px;
         height: auto;
    }
}
 @media (max-width: 375px) {
     header .logo {
         margin-bottom: 371px;
    }
     .manner {
        /* background-position: right 73px;
         padding: 0 30px;
         */
    }
}
 main {
     margin-top: 50px;
}
 .phone-image {
     width: 100%;
}
 .pay-item {
     margin-top: 24px;
     margin-bottom: 44px;
}
 .owlcarousel-wrap {
     position: relative;
}
 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
     position: absolute;
     width: 60px;
     height: 58px;
}
 .owl-carousel .owl-nav button.owl-next {
     right: -45px;
     top: 44%;
}
 .owl-carousel .owl-nav button.owl-prev {
     left: -45px;
     top: 44%;
}
 .owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:focus {
     background-color: none;
}
 .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
     background-color: none;
}
 .owl-theme .owl-nav [class*=owl-]:hover {
     background: none;
     color: #FFF;
     text-decoration: none;
}
 .product {
     background-color: #EDF8EE;
    /* background-image: url(img/Random\ BG\ Images.png);
     background-position: center center;
     background-size: contain;
     background-repeat: no-repeat;
     */
     padding-top: 60px;
     padding-bottom: 60px;
     position: relative;
}
/* .owl-theme .owl-nav {
     position: absolute;
     top: 50%;
     transform: translate(0, -50%);
}
 */
 @media only screen and (min-width: 1200px) and (max-width: 1294px){
     .top-banner {
         background-size: 90%;
         padding: 31px;
    }
     .header-logo {
         margin-bottom: 0px;
         width: 100%;
         max-width: 313px!important;
    }
     .top-banner-inner h1 {
         font-size: 74px;
    }
}
 @media (max-width: 1200px) {
     .mt-230 {
         margin-top: -154px;
    }
     .payment {
         padding-top: 70px;
         padding-bottom: 0;
    }
}
 @media (max-width: 992px) {
     .offer p {
         top: 15%;
    }
     .pizza-slice {
         height: 620px;
    }
     .mt-230 {
         margin-top: -115px;
    }
     .font-36 {
         font-size: 24px;
    }
     .mt-120 {
         margin-top: 23px;
         margin-bottom: 18px;
    }
}
 @media (min-width: 768px) {
     .mobile-ff{
         display: none;
    }
}
 @media (max-width: 900px) {
     .opacity {
         position: absolute;
         right: 0;
         left: 0;
         top: 0;
         bottom: 0;
         background-color: white;
         z-index: 1;
         opacity: .5;
    }
     .slider .container {
         z-index: 1;
         padding-left: 40px;
         padding-right: 40px;
    }
     .pizza-slice .container {
         position: relative;
         z-index: 1;
         padding-left: 40px;
         padding-right: 40px;
    }
}
 @media (max-width: 460px) {
     .order-content {
         text-align: center;
    }
}
 @media (min-width: 992px) {
     .recommend .owl-theme .owl-nav {
         position: absolute;
         right: 10px;
         top: -87px;
    }
}
 @media (max-width: 767px) {
     .mrgmob {
         margin-bottom: 2rem!important;
    }
     .main-content.prvacy h3.content-subtitle.text-center {
         font-weight: 700;
         font-size: 30px;
         line-height: 35px;
         text-align: center;
         color: #000;
         margin-bottom: 30px;
    }
     .main-content h6.item-title {
         font-size: 24px;
         line-height: 30px;
         margin-bottom: 30px;
    }
     .main-content h1.content-title.content-mb.text-center {
         font-size: 40px;
         line-height: 47px;
         margin-bottom: 30px;
    }
     .main-content h3.content-subtitle.text-center {
         font-size: 30px;
         line-height: 35px;
         margin-bottom: 30px;
    }
     .main-content p {
         font-style: normal;
         font-weight: 400;
         font-size: 16px;
         line-height: 150%;
         color: #000;
         margin-bottom: 20px;
    }
     .main-content {
         max-width: 1100px;
         padding: 70px 15px;
         margin: 0 auto;
    }
     .footer-padding {
         padding-left: 70px;
    }
     .slider {
         background-position: center;
         background-size: contain;
         height: 400px;
    }
     .font-50 {
         font-size: 34px;
    }
     .navbar .navbar-collapse {
         position: absolute;
         background: white;
         left: 0;
         padding-left: 65px;
         padding-right: 65px;
         z-index: 2;
         top: 63px;
         right: 0;
         padding-bottom: 20px;
    }
     .offer p {
         top: 0;
    }
     .recommend .font-35 {
         font-size: 25px;
    }
     .result {
         position: absolute;
         left: 20px;
         bottom: -32px;
    }
     .menu-box::before {
         display: none;
         right: 0;
         left: 0;
    }
     .featured-bg{
         background: transparent;
    }
}
 @media (max-width: 560px) {
     .footer-padding {
         padding-left: 12px;
    }
     .footer-center {
         text-align: center;
    }
}
 @media (max-width: 374px) {
     .slider .container {
         padding-left: 20px;
         padding-right: 20px;
    }
     .pizza-slice .container {
         padding-left: 20px;
         padding-right: 20px;
    }
}
 @media (max-width: 768px) {
     .location-box {
         right: 189px;
    }
     .phone-tip {
         right: 231px;
    }
}
 @media (max-width: 595px) {
     .location-box {
         right: 65px;
    }
     .location-box::before {
         right: 115px;
    }
}
 @media (max-width: 576px) {
     .font-36 {
         font-size: 30px;
    }
     .font-20 {
         font-size: 16px;
    }
     .font-28 {
         font-size: 20px;
    }
     .font-40 {
         font-size: 20px;
    }
     .product .container {
         padding: 0 40px;
    }
}
 @media (max-width: 429px) {
     .location-box {
         top: 142px;
         right: 0px;
    }
     .location-box::before {
         right: 177px;
    }
     .phone-tip {
         top: 140px;
         right: 105px;
    }
     .phone-tip::before {
         right: 103px;
    }
}
 @media (max-width: 375px) {
     .font-36 {
         font-size: 18px;
    }
}
 @media (min-width: 1200px){
     .custom-container {
         max-width: 1040px!important;
    }
}