/* Theme Name: Juniors Theme URI: https://example.com Author: Your Name Author URI: https://example.com Description: Custom theme Version: 1.0 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: juniors */ body { font-family: 'Graphik Arabic'; scroll-behavior: smooth; } p { margin: 0; padding: 0; } ul { margin: 0; padding: 0; } ul li { list-style: none; } a { text-decoration: none; color: inherit; } .top-space { margin-top: 69px; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } .container { width: 100%; max-width: 1250px; } header { background: #fff; padding: 14px 0; width: 100%; z-index: 999; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: fixed; left: 0; right: 0; top: 0; } header .container .header-content { display: flex; justify-content: space-between; align-items: center; } header .container .header-content :before { content: ""; clear: both; display: table; } header .container .header-content .logo { width: 194px; float: left; } header .container .header-content .logo img { width: 100%; height: auto !important; max-width: 194px; } header .container .header-content nav { width: calc(100% - 194px); float: left; } header .container .header-content nav .navbar-collapse { display: flex; justify-content: flex-end; align-items: center; } header .container .header-content nav .navbar-collapse :before { content: ""; clear: both; display: table; } header .container .header-content nav .navbar-collapse .navbar-nav { display: flex; align-items: center; } header .container .header-content nav .navbar-collapse .navbar-nav li { padding: 0 10px; } header .container .header-content nav .navbar-collapse .navbar-nav li a { text-decoration: none; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; color: #48284A; padding: 0; position: relative; transition: 0.3s ease-in-out; } header .container .header-content nav .navbar-collapse .navbar-nav li a::before { width: 0; height: 2px; content: ''; background-color: #D92D27; border-radius: 10px; position: absolute; right: 0; bottom: 0; transition: 0.3s ease-in-out; } header .container .header-content nav .navbar-collapse .navbar-nav li a:hover { color: #D73222; } header .container .header-content nav .navbar-collapse .navbar-nav li a:hover::before { width: 100%; } header .container .header-content nav .navbar-collapse .navbar-nav li.active a { color: #D73222; } header .container .header-content nav .navbar-collapse .navbar-nav li.active a::before { width: 100%; height: 2px; content: ''; background-color: #D92D27; border-radius: 10px; position: absolute; left: 0; bottom: 0; transition: 0.3s ease-in-out; } header .container .header-content nav .navbar-collapse .navbar-nav li .dropdown button { background: none; border: none; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; color: #48284A; padding: 0; } header .container .header-content nav .navbar-collapse .navbar-nav li .dropdown .dropdown-item { border: none; } header .container .header-content nav .navbar-collapse .navbar-nav li .dropdown:hover .dropdown-menu { display: block; } header .container .header-content nav .navbar-collapse .navbar-nav li .dropdown a::before { content: none; } header .container .header-content nav .navbar-collapse .navbar-nav li .dropdown .dropdown-toggle::after { border: none; content: '\f078'; right: 0; top: 0; font-family: 'Font Awesome 5 Pro'; color: #48284A; font-size: 12px; padding-top: 5px; font-weight: 500; } header .container .header-content nav .navbar-collapse .navbar-nav li .dropdown .dropdown-menu { background: #fff; border: 1px solid #ddd; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 10px; } header .container .header-content nav .navbar-collapse .navbar-nav li .dropdown .dropdown-menu li { padding: 0; text-align: right;} header .container .header-content nav .navbar-collapse .navbar-nav li .dropdown .dropdown-menu li a { font-size: 16px; line-height: normal; color: #48284A; padding: 0; } header .container .header-content nav .navbar-collapse .navbar-nav li .dropdown .dropdown-menu li a:hover { color: #48284A; background: transparent; } header .container .header-content nav .navbar-collapse .navbar-nav li .dropdown .dropdown-menu li a:active { color: #48284A; background: transparent; } header .container .header-content nav .navbar-collapse .navbar-nav li:last-child { padding-right: 0; } header .container .header-content nav .navbar-collapse .navbar-nav li:last-child a { border: 1px solid #48284A; padding: 2px 12px; border-radius: 18px; } header .container .header-content nav .navbar-collapse .navbar-nav li:last-child a::before { content: none; } header .container .header-content nav .navbar-collapse .navbar-nav li .Franchising a { position: relative; } header .container .header-content nav .navbar-collapse .navbar-nav li .Franchising a::before { content: none; } header .container .header-content nav .navbar-collapse .navbar-nav li .Franchising p { position: absolute; left: 0; top: 0; margin-left: 15px; margin-top: 12px; color: #fff; font-weight: 600; width: 108px; font-size: 18px; } header .container .header-content nav .navbar-collapse .navbar-nav li.lang .dropdown-menu { width: auto; min-width: auto; } header .container .header-content nav .navbar-collapse .navbar-nav li.lang button p { font-weight: 500; } header .container .header-content .lang button { background-color: transparent; border: none; display: inline-flex; align-items: center; padding: 0; gap: 4px; } header .container .header-content .lang button p { color: #48284A; font-weight: 500; } header .container .header-content .lang .dropdown .dropdown-toggle::after { border: none; content: '\f078'; right: 0; top: 0; font-family: 'Font Awesome 5 Pro'; color: #48284A; font-size: 12px; padding-top: 5px; font-weight: 500; } header .container .header-content .lang .dropdown-menu.show { width: auto; min-width: auto; } .hero-section { overflow: hidden; border-bottom: 1px solid; border-image: linear-gradient(90deg, rgba(255, 200, 54, 0) 0%, #FFC836 50%, rgba(255, 200, 54, 0) 100%); min-height: 300px; border-image-slice: 1; } .hero-section .owl-carousel { padding-right: 0; margin-right: auto; overflow: hidden; } .hero-section .owl-carousel .hero-content{ padding-right: 0px; } .hero-section .owl-carousel .owl-stage-outer .item { position: relative; } .hero-section .owl-carousel .owl-stage-outer .item img { width: 100%; max-width: 100%; min-height: 200px; height: auto; } .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 { color: #48284A; font-size: 70px; font-style: normal; font-weight: 700; line-height: 72px; width: 500px; max-width: 100%; } .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 span, .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 p { font-size: 64px; font-weight: 500; } .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 p { padding: 0; line-height: 57px; } .hero-section .owl-carousel .owl-stage-outer .item .hero-content p { color: #48284A; font-size: 32px; font-weight: 500; padding: 20px 0; } .hero-section .owl-carousel .owl-nav { width: 100%; display: flex; justify-content: space-between; } .hero-section .owl-carousel .owl-nav button { background-color: #FFC83680; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; color: #fff; font-size: 25px; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 0%; } .hero-section .owl-carousel .owl-nav button.owl-next { right: 0; left: auto; } .hero-section .pattern { width: 100%; } .hero-section .pattern img { width: 100%; max-width: 100%; height: auto; } .btn-primary { border-radius: 10px; background: #D92D27; box-shadow: 4px 4px 0px 0px #000; padding: 11px 16px; color: #FFF; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15); font-size: 20px; font-style: normal; font-weight: 700; letter-spacing: 2px; display: inline-flex; align-items: center; justify-content: center; transition: 0.3s ease; padding-right: 15px; } .btn-primary p { color: #FFF !important; font-size: 20px !important; font-style: normal; font-weight: 500 !important; letter-spacing: 2px; padding: 0 !important; letter-spacing: 2px; } .btn-primary i { width: 0; transition: 0.9ms ease-in-out; visibility: hidden; transform: rotate(180deg); font-size: 16px; } .btn-primary:hover { color: #FFF; text-shadow: none; box-shadow: none; padding-right: 16px; transition: 0.5s ease; } .btn-primary:hover p { text-shadow: none; } .btn-primary:hover i { width: auto; transition: 0.2s ease; visibility: visible; } .about-section { padding: 100px 0; position: relative; } .about-section .video-setion { width: 600px; height: 450px; border-radius: 10px; overflow: hidden; max-width: 100%; } .about-section .video-setion video { width: 100%; height: 100%; object-fit: cover; } .about-section .played { position: relative; } .about-section .played img { width: 100%; height: 100%; object-fit: cover; position: relative; } .about-section .played img.two { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; visibility: hidden; transform: scale(0); transition: 0.3s ease-in-out; } .about-section .played img.three { position: absolute; top: 37%; left: 36%; transform: translate(-50%, -50%); width: 100px; height: 100px; object-fit: cover; cursor: pointer; visibility: hidden; transform: scale(0); animation: smoothRotate 5s linear infinite; /* slower = smoother */ transform-origin: center; /* rotates around center */ transition: 0.2s ease-out; } .about-section .played:hover img.two { visibility: visible; transform: scale(1); } .about-section .played:hover img.three { visibility: visible; transition: 0.3s ease-in; } @keyframes smoothRotate { 0% { transform: rotate(0deg) scale(1.9); } 100% { transform: rotate(360deg) scale(1.9); } } .about-section.hassel-free .hassel-free-inner { padding-top: 90px; } .about-section.hassel-free .hassel-free-inner .image-section { border-radius: 10px; overflow: hidden; } .about-section.hassel-free .hassel-free-inner .image-section img { width: 100%; max-width: 100%; height: auto; } .about-section.hassel-free .hassel-free-inner .about-content { text-align: center; } .about-section.hassel-free .hassel-free-inner .about-content img { text-align: center; margin: 0 auto; } .about-section.hassel-free .hassel-free-inner .about-content h5 { color: #48284A; text-align: center; font-size: 32px; font-style: normal; font-weight: 500; margin-top: 20px; } .about-section.hassel-free .hassel-free-inner .about-content p { text-align: center; } .about-section.hassel-free .hassel-free-inner .about-content ul { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 30px; } .about-section.hassel-free .hassel-free-inner .about-content ul li { color: #48284A; font-size: 18px; font-style: normal; font-weight: 500; text-align: start; padding-left: 30px; position: relative; } .about-section.hassel-free .hassel-free-inner .about-content ul li::after { content: ''; height: 7px; width: 7px; border-radius: 50%; position: absolute; left: 0; top: 0; background-color: #48284A; margin-left: 12px; margin-top: 6px; } .about-section.hassel-free .hassel-free-inner .catering-area .owl-carousel .owl-stage-outer { padding: 40px 0; padding-bottom: 80px; } .about-section.hassel-free .hassel-free-inner .catering-area .owl-carousel .owl-stage-outer .owl-item:nth-child(even) { transform: translateY(40px); } .about-section.hassel-free .hassel-free-inner .catering-area .owl-carousel .owl-stage-outer .owl-item .item .img-area { border-radius: 200px; overflow: hidden; } .about-section.hassel-free .hassel-free-inner .catering-area .owl-carousel .owl-stage-outer .owl-item .item .img-area img { max-width: 100%; object-fit: cover; } .about-section.hassel-free .hassel-free-inner .catering-area .owl-carousel .owl-stage-outer .owl-item .item .icon--area { border-radius: 100px; border: 2px solid #F95000; background: #FFF; width: 80px; height: 80px; margin: 0 auto; display: flex; align-items: center; justify-content: center; margin-top: -39px; position: relative; z-index: 2; } .about-section.hassel-free .hassel-free-inner .catering-area .owl-carousel .owl-stage-outer .owl-item .item .icon--area img { width: 32px; object-fit: cover; } .about-section.hassel-free .hassel-free-inner .catering-area .owl-carousel .owl-stage-outer .owl-item .item h4 { color: #48284A; font-size: 20px; font-weight: 900; margin-top: 20px; } .about-section.hassel-free .hassel-free-inner .catering-area .owl-carousel .owl-nav { width: 100%; display: flex; justify-content: space-between; } .about-section.hassel-free .hassel-free-inner .catering-area .owl-carousel .owl-nav button { background-color: #FFC83680; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; color: #fff; font-size: 25px; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: -6%; } .about-section.hassel-free .hassel-free-inner .catering-area .owl-carousel .owl-nav button.owl-next { right: -6%; left: auto; } .about-section.brand .hassel-free-inner .image-section { border-radius: 20px; } .about-section.brand .hassel-free-inner .about-content { text-align: start; padding-left: 20px; } .about-section.brand .hassel-free-inner .about-content h5 { color: #48284A; font-size: 64px; font-weight: 700; text-align: start; } .about-section.brand .hassel-free-inner .about-content h6 { color: #48284A; font-size: 32px; font-style: normal; font-weight: 500; line-height: normal; } .about-section.brand .hassel-free-inner .about-content p { text-align: start; } .about-section.brand .hassel-free-inner .about-content ul { display: block; } .about-section.brand .hassel-free-inner .about-content ul.carert { padding-right: 10px; } .about-section.brand .hassel-free-inner .about-content ul.carert li { position: relative; padding-right: 20px; margin-bottom: 10px; } .about-section.brand .hassel-free-inner .about-content ul.carert li::after { width: 7px; height: 7px; border-radius: 50%; content: ''; position: absolute; right: -10px; top: 2px; background-color: #48284A; } .about-section.brand .hassel-free-inner .about-content ul li { list-style: none; padding-left: 0; display: flex; gap: 20px; margin-bottom: 24px; } .about-section.brand .hassel-free-inner .about-content ul li::after { content: none; } .about-section.brand .hassel-free-inner .about-content ul li .cont-s h6 { color: #48284A; font-size: 20px; font-weight: 900; margin-bottom: 10px; } .about-section.brand .hassel-free-inner .about-content ul li .cont-s p { color: #48284A; font-size: 16px; font-weight: 500; padding: 0; line-height: 20px; } .about-section.line-bar { border-bottom: 1px solid; border-image: linear-gradient(90deg, rgba(255, 200, 54, 0) 0%, #FFC836 50%, rgba(255, 200, 54, 0) 100%); border-image-slice: 1; } .about-section.franchise .hassel-free-inner .about-content ul { display: grid; grid-template-columns: 1fr 1fr; } .about-section.franchise .hassel-free-inner .about-content ul li { align-items: center; } .about-section.franchise .hassel-free-inner .about-content ul li .cont-s h6 { margin: 0; } .about-section.hassel-free .hassel-free-inner .row{align-items:center} .about-section .pattern.danceove { position: absolute; bottom: 0; left: 0; width: 300px; max-width: 100%; } .about-section .pattern.two { left: unset; right: 0; } .line-bar { border-bottom: 1px solid; border-image: linear-gradient(90deg, rgba(255, 200, 54, 0) 0%, #FFC836 50%, rgba(255, 200, 54, 0) 100%); border-image-slice: 1; } .head h4 { color: #48284A; text-align: center; font-size: 64px; font-style: normal; font-weight: 700; line-height: 65px; width: 682px; max-width: 100%; margin: 0 auto; margin-bottom: 20px; } .head p { color: #48284A; text-align: center; font-size: 22px; font-style: normal; font-weight: 500; line-height: 36px; margin-bottom: 20px; } .head.catering { text-align: center; } .head.catering h4 { width: 100%; font-size: 64px; margin-bottom: 0; } .head.catering h6 { color: #48284A; text-align: center; font-size: 32px; font-style: normal; font-weight: 500; line-height: 34px; width: 750px; max-width: 100%; margin: 0 auto; padding: 20px 0; } .head.catering a p { margin: 0; } .partner { padding-top: 50px; position: relative; padding-bottom: 50px; background-color: #48284A; border-bottom: 1px solid; border-image: linear-gradient(90deg, rgba(255, 200, 54, 0) 0%, #FFC836 50%, rgba(255, 200, 54, 0) 100%); border-image-slice: 1; } .partner h4 { color: #FFF; text-align: center; font-size: 64px; font-style: normal; font-weight: 700; line-height: normal; position: relative; z-index: 2; } .partner .partner-logo { position: relative; z-index: 2; } .partner .partner-logo .owl-stage { padding-bottom: 20px; } .partner .partner-logo .owl-stage .owl-item .item { margin: 0 auto; text-align: center; } .partner .partner-logo .owl-stage .owl-item .item .img-area { border-radius: 20px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); overflow: hidden; width: 200px; height: 150px; margin: 0 auto; max-width: 100%; } .partner .partner-logo .owl-stage .owl-item .item .img-area img { width: 100%; height: 100%; object-fit: contain; } .content-area h2 { color: #48284A; font-size: 64px; font-style: normal; font-weight: 700; margin: 0; } .content-area p { color: #48284A; text-align: justify; font-size: 18px; line-height: 30px; font-weight: 500; padding: 5px 0; } .Our-Community { padding: 90px 0; } .Our-Community .head-are { margin-bottom: 34px; } .Our-Community .head-are h2 { color: #48284A; text-align: center; font-size: 64px; font-style: normal; font-weight: 700; line-height: 66px; } .Our-Community .head-are p { color: #48284A; text-align: center; font-size: 22px; font-style: normal; font-weight: 500; line-height: 36px; width: 1000px; max-width: 100%; margin: 0 auto; } .Our-Community .community-box { margin-bottom: 42px; background: #FFFBF0; } .Our-Community .community-box .img-area { position: relative; border-radius: 20px; overflow: hidden; } .Our-Community .community-box .img-area img { width: 100%; max-width: 100%; height: auto; object-fit: cover; } .Our-Community .community-box .img-area h5 { position: absolute; bottom: 0; left: 0; z-index: 3; color: #FFF; font-size: 40px; font-style: normal; font-weight: 700; padding-left: 20px; padding-bottom: 10px; margin: 0; } .Our-Community .community-box .conte { padding: 16px; } .Our-Community .community-box.single { margin-bottom: 0; } .Our-Community .community-box.single .img-area img { height: auto; max-height: 500px; } .Our-Community .community-box.single .img-area h5 { font-size: 30px; } .Our-Community .request-bt { margin-top: 30px; } .Our-Community.recent-news .img-area::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(215, 50, 34, 0) 0%, #D73222 100%); } .Our-Community.recent-news .head-are { margin-bottom: 30px; } .Our-Community.recent-news .content-area { position: absolute; left: 0; bottom: 0; padding: 20px; z-index: 2; } .Our-Community.recent-news .content-area h5 { position: unset; color: #FFF; font-size: 30px; font-weight: 500; padding: 0; margin-top: 10px; } .Our-Community.recent-news .content-area .date { color: #FFF; font-size: 18px; font-weight: 500; display: flex; align-items: center; gap: 10px; } .Our-Community.recent-news .community-box { border-radius: 20px; overflow: hidden; } .Our-Community.morenews .head-are h2 { text-align: start; font-size: 48px; } .Our-Community.morenews [class*="col-"] { margin-bottom: 20px; } .Our-Community.morenews .community-box { display: flex; border-radius: 20px; overflow: hidden; } .Our-Community.morenews .community-box ::after { content: ""; clear: both; display: table; } .Our-Community.morenews .community-box .img-area { width: 250px; float: left; border-radius: 0; min-height: 230px; height: 240px; max-height: 300px; } .Our-Community.morenews .community-box .img-area img { width: 100%; height: 100%; object-fit: cover; } .Our-Community.morenews .community-box .conte { float: left; width: calc(100% - 250px); padding: 16px; } .Our-Community.morenews .community-box .conte h5 { color: #48284A; font-size: 20px; font-weight: 700; padding: 10px 0; } .Our-Community.morenews .community-box .conte p { color: #48284A; font-size: 16px; font-weight: 500; } .Our-Community.morenews .community-box .conte .date { color: #DA291C; font-size: 16px; font-weight: 600; } .Our-Community.single-news .img-area { border-radius: 20px; overflow: hidden; margin-top: 25px; } .Our-Community.single-news .img-area::after { content: none; } .Our-Community.single-news .img-area img { width: 100%; height: 100%; object-fit: cover; } .Our-Community.single-news .date { color: #DA291C; font-size: 16px; font-weight: 500; } .Our-Community.single-news .content-dtel { padding: 20px; } .Our-Community.single-news .content-dtel p { color: #48284A; font-size: 22px; font-style: normal; font-weight: 500; padding-bottom: 25px; padding-left: 50px; padding-right: 50px; padding-bottom: 20px; } .Our-Community.single-news .content-dtel p img.aligncenter{ display: block; margin-left: auto; margin-right: auto; } .Our-Community.single-news .content-dtel p img.alignright{ display: block; margin-left: auto; } .Our-Community.single-news .content-dtel p img.alignleft{ display: block; margin-right: auto; } .Our-Community.single-news .content-dtel p img{ border-radius: 20px; margin-right:15px; overflow:hidden; } .Our-Community.single-news .content-dtel ul { padding-left: 50px; padding-bottom: 25px; } .Our-Community.single-news .content-dtel ul li { color: #48284A; font-size: 22px; font-style: normal; font-weight: 500; padding-bottom: 10px; list-style: disc; } .Our-Community.single-news .tags-area { padding: 0 20px; } .Our-Community.single-news .tags-area .tags h5 { color: #48284A; font-size: 16px; font-weight: 700; margin-bottom: 10px; } .Our-Community.single-news .tags-area .tags ul li { display: inline-block; margin-right: 8px; } .Our-Community.single-news .tags-area .tags ul li:last-child { margin-right: 0; } .Our-Community.single-news .tags-area .tags ul li a { border: 1px solid #DDD; padding: 5px 10px; color: #48284A; font-size: 14px; font-weight: 500; display: inline-block; } .Our-Community .news-oth .img-area { background: transparent; } .Our-Community .news-oth .img-area img { height: 164px; } .Our-Community .news-oth .img-area::after { content: none; } .Our-Community .news-oth .img-area h5 { position: unset; padding: 0; margin: 0; color: #48284A; font-size: 20px; } .Our-Community .news-oth .img-area .date { color: #DA291C; font-weight: 500; padding-bottom: 10px; } .our-locations { padding: 120px 0; position: relative; z-index: 1; overflow: hidden; } .our-locations .head-are h2 { color: #48284A; text-align: center; font-size: 64px; font-style: normal; font-weight: 700; line-height: 60px; } .our-locations .head-are p { color: #48284A; text-align: center; font-size: 32px; font-weight: 500; padding-top: 10px; } .our-locations .location-content { display: flex; justify-content: space-between; padding-top: 25px; } .our-locations .location-content .location-box { width: 160px; border-radius: 20px; border: 2px solid #FFF; overflow: hidden; transition: width 0.3s ease; position: relative; height: 500px; background-position: center; background-repeat: no-repeat; background-size: cover; } .our-locations .location-content .location-box::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: #d92d27b3; } .our-locations .location-content .location-box.expand { border-color: transparent; border: none; } .our-locations .location-content .location-box.expand::after { background-color: #48284a69; } .our-locations .location-content .location-box.expand .content-area h5 { transform: rotate(0deg) translate(0px, 0px); position: relative; left: 0; bottom: 0; text-align: right;} .our-locations .location-content .location-box.expand .content-area ul { transform: scale(1); } .our-locations .location-content .location-box.expand .time-show { visibility: visible; z-index: 2; } .our-locations .location-content .location-box .location-image { transform: scale(1); transition: transform 0.3s ease; } .our-locations .location-content .location-box .content-area { position: absolute; bottom: 0; right: 0; padding-left: 30px; padding-right: 30px; padding-bottom: 50px; color: #fff; z-index: 2; width: 100%;} .our-locations .location-content .location-box .content-area h5 { color: #FFF; font-size: 31px; font-style: normal; font-weight: 700; margin-bottom: 10px; transition: 0.4s ease-in-out; position: absolute; z-index: 3; width: 210px; left: 50%; bottom: -20px; transform: rotate(-90deg) translateY(-50%); transform-origin: left top; text-align: left;} .our-locations .location-content .location-box .content-area ul { transform: scale(0); transition: 0.4s ease-in-out; } .our-locations .location-content .location-box .content-area ul li p, .our-locations .location-content .location-box .content-area ul li a { display: flex; align-items: center; padding: 0; gap: 10px; margin-bottom: 10px; } .our-locations .location-content .location-box .content-area ul li p i, .our-locations .location-content .location-box .content-area ul li a i { color: #FFF; } .our-locations .location-content .location-box .content-area ul li p span, .our-locations .location-content .location-box .content-area ul li a span { color: #FFF; font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; } .our-locations .location-content .time-show { visibility: hidden; z-index: -1; } .our-locations .location-content .time-show .view-hours { background: #D92D27; padding: 10px 20px; width: 100%; color: #FFF; font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; z-index: 3; cursor: pointer; } .our-locations .location-content .time-show:hover .time-show-in { z-index: 4; visibility: visible; } .our-locations .location-content .time-show-in { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: calc(100% - 43px); background: rgba(72, 40, 74, 0.75); padding: 50px; z-index: 4; visibility: hidden; z-index: -1; transition: all 0.3s ease-in-out; } .our-locations .location-content .time-show-in ul { background-color: #fff; padding: 20px; } .our-locations .location-content .time-show-in ul li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; } .our-locations .location-content .time-show-in ul li p { color: #48284A; font-size: 14px; font-style: normal; font-weight: 500; line-height: 36px; } .our-locations .contact-us-loct { margin-top: 40px; } .our-locations .contact-us-loct [class*="col-"]:nth-child(1) .box-are { background-color: #FFC836; } .our-locations .contact-us-loct [class*="col-"]:nth-child(2) .box-are { background-color: #D92D27; } .our-locations .contact-us-loct [class*="col-"]:nth-child(3) .box-are { background-color: #2763B5; } .our-locations .contact-us-loct .box-are { border-radius: 20px; background: #FFF; box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.15); padding: 52px 20px; text-align: center; } .our-locations .contact-us-loct .box-are h5 { color: #fff; text-align: center; font-size: 24px; font-weight: 700; padding: 16px 0; } .our-locations .contact-us-loct .box-are p, .our-locations .contact-us-loct .box-are a { color: #fff; font-size: 18px; font-style: normal; font-weight: 500; } .join-family { padding: 120px 0; } .join-family .title-link { margin-bottom: 50px; } .join-family .title-link h2 { color: #48284A; text-align: center; font-size: 64px; font-style: normal; font-weight: 700; line-height: normal; } .join-family .title-link p { color: #48284A; text-align: center; font-size: 18px; font-style: normal; font-weight: 500; line-height: 30px; max-width: 100%; width: 1000px; margin: 0 auto; } .join-family .box-are .icon { border-radius: 20px; overflow: hidden; position: relative; margin-bottom: 10px; } .join-family .box-are .icon img { width: 100%; height: 100%; object-fit: cover; } .join-family .box-are .icon h5 { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; margin: 0 auto; padding: 0 30px; padding-bottom: 10px; color: #FFF; font-size: 36px; font-style: normal; font-weight: 700; line-height: 38px; } .join-family .box-are p { color: #48284A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 30px; } .map-area { overflow: hidden; position: relative; margin-top: -100px; height: 700px; } .upload-label { border: 1px solid #48284A; display: block; background: #FFF; border-radius: 10px; overflow: hidden; margin-top: 5px; padding-left: 20px; cursor: pointer; } .upload-label .uplod-sd { padding: 15px 40px; background: linear-gradient(180deg, #FFF 0%, #E5E5E5 100%); } .upload-label .uplod-sd p { color: #48284A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; padding-right: 10px; } .upload-label p { color: #48284A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; padding-right: 20px; } form .btn-primary { border: transparent !important; } .delivery-section { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 112px 0; } .delivery-section.booking { padding-top: 80px; padding-bottom: 240px; } .delivery-section .title-link h2 { color: #FFF; text-align: center; font-size: 64px; font-weight: 700; width: 710px; max-width: 100%; margin: 0 auto; } .delivery-section .title-link p { color: #FFF; text-align: center; font-size: 20px; font-weight: 500; width: 750px; max-width: 100%; margin: 0 auto; padding-top: 15px; } .our-mission.daily-offer { padding-top: 60px; } .our-mission.daily-offer .main-area-cover { border-top: 1px solid; border-image: linear-gradient(90deg, rgba(255, 200, 54, 0) 0%, #FFC836 50%, rgba(255, 200, 54, 0) 100%); border-image-slice: 1; padding-top: 75px; } .our-mission .nav-tabs { justify-content: center; display: inline-flex; border-radius: 100px; background: #D92D27; position: relative; top: -37px; } .our-mission .nav-tabs::before { content: ''; position: absolute; left: 0; bottom: -13px; right: 0; background-image: url("../images/arrowdo.png"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 20px; transition: 0.3s ease-in-out; } .our-mission .nav-tabs:has(#home-tab.active)::before { transform: translateX(-30%); } .our-mission .nav-tabs:has(#profile-tab.active)::before { transform: translateX(0%); } .our-mission .nav-tabs:has(#contact-tab.active)::before { transform: translateX(34%); } .our-mission .nav-tabs .nav-item { border: none; position: relative; } .our-mission .nav-tabs .nav-item:last-child button::after { content: none; } .our-mission .nav-tabs .nav-item button { border: none; padding: 12px 43px; background-color: transparent; color: #FFF; text-align: center; font-size: 24px; font-weight: 500; position: relative; } .our-mission .nav-tabs .nav-item button::after { position: absolute; right: 0; top: 45%; content: ''; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; } .our-mission .main-area-cover { padding: 40px 0; } .our-mission .main-area-cover .content-area h5 { color: #48284A; font-size: 64px; font-weight: 700; margin-bottom: 15px; } .our-mission .main-area-cover .content-area h6 { color: #48284A; font-size: 36px; font-weight: 500; margin-bottom: 15px; } .our-mission .main-area-cover .content-area p { color: #48284A; font-size: 20px; font-weight: 500; margin-bottom: 15px; padding: 0; } .our-mission .main-area-cover .content-area ul li { color: #48284A; font-size: 20px; font-weight: 500; margin-bottom: 20px; position: relative; padding-left: 20px; } .our-mission .main-area-cover .content-area ul li::after { content: ''; height: 7px; width: 7px; border-radius: 50%; position: absolute; left: 0; top: 0; background-color: #48284A; margin-left: 0px; margin-top: 10px; } .our-mission .main-area-cover .image-section { border-radius: 40px; overflow: hidden; } .our-mission .accordion { border: none; } .our-mission .accordion .accordion-item { border: none; border-bottom: 1px solid #E5E5E5; padding-bottom: 30px; margin-bottom: 30px; } .our-mission .accordion .accordion-item:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } .our-mission .accordion .accordion-item .accordion-header { border: none; } .our-mission .accordion .accordion-item .accordion-header button { border: none; background: transparent; box-shadow: none; color: #48284A; font-size: 22px; font-weight: 500; flex-direction: row-reverse; padding: 0; justify-content: flex-end;padding-left: 30px;} .our-mission .accordion .accordion-item .accordion-header button[aria-expanded="true"] { color: #D92D27; font-weight: 700; } .our-mission .accordion .accordion-item .accordion-header button[aria-expanded="true"]::after { content: '\f0a9'; transform: rotate(90deg); color: #D92D27; } .our-mission .accordion .accordion-item .accordion-header .accordion-button::after { content: '\f0a9'; transform: rotate(180deg); font-family: 'Font Awesome 5 Pro'; color: #48284A; background-image: none; position: absolute; left: 0;} .our-mission .accordion .accordion-item .accordion-body { padding: 0; padding-top: 15px; } .our-mission .accordion .accordion-item .accordion-body p { color: #48284A; text-align: justify; font-size: 18px; font-weight: 500; } .our-mission .accordion .accordion-item .accordion-body ul li { color: #48284A; text-align: justify; font-size: 18px; font-weight: 500; margin-bottom: 5px; } .our-mission.asked-qustion { padding: 50px 0; } .menu-tabs { padding: 80px 0; } .menu-tabs .nav-tabs { padding: 10px 0; display: block; border: none; position: sticky; top: 100px; } .menu-tabs .nav-tabs .nav-item { border: none; margin-right: 20px; margin-bottom: 20px; } .menu-tabs .nav-tabs .nav-item button { border-right: 1px solid #EEE; border-radius: 5px; border: 1px solid #EEE; background: transparent; text-align: center; font-size: 16px; font-weight: 500; padding: 10px 16px; width: 130px; } .menu-tabs .nav-tabs .nav-item button img { width: 72px; max-width: 100%; } .menu-tabs .nav-tabs .nav-item button img svg { fill: #D73222; } .menu-tabs .nav-tabs .nav-item button p { color: #48284A; text-align: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: 18px; margin-top: 0px; display: none; word-break: break-word; } .menu-tabs .nav-tabs .nav-item button.active { border-radius: 5px; border-color: #EEE; border-right: 3px solid #DA291C; background: #FFFBF0; } .menu-tabs .nav-tabs .nav-item button.active p { display: block; } .menu-tabs .tab-content { padding-right: 40px; } .menu-tabs .tab-content .head-set { margin-bottom: 15px; } .menu-tabs .tab-content .head-set h2 { color: #48284A; font-size: 36px; font-style: normal; font-weight: 700; line-height: normal; } .menu-tabs .tab-content .show-menu-it .head-set { margin: 40px 0; position: sticky; top: 94px; background: #fff; z-index: 99; } .menu-tabs .tab-content .show-menu-it .head-set h2 { color: #48284A; font-family: "Graphik Arabic"; font-size: 48px; font-style: normal; font-weight: 700; line-height: normal; } .menu-tabs .tab-content .show-menu-it .menu-item { border-radius: 20px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); padding: 15px 15px; padding-bottom: 23px; margin-bottom: 40px; cursor: pointer; } .menu-tabs .tab-content .show-menu-it .menu-item .menu-image { width: auto; height: 280px; border: 1px solid #EEE; transform: scale(1); transition: 0.3s ease-in-out; } .menu-tabs .tab-content .show-menu-it .menu-item .menu-image img { max-width: 100%; object-fit: cover; height: 100%; } .menu-tabs .tab-content .show-menu-it .menu-item .menu-image:hover { transform: scale(1.02); } .menu-tabs .tab-content .show-menu-it .menu-item .content-detl { padding-top: 15px; } .menu-tabs .tab-content .show-menu-it .menu-item .content-detl .tag-area { font-weight: 500; border-radius: 40px; background: #DA291C; display: inline-block; padding: 3px 10px; font-size: 12px; margin-bottom: 7px; color: #fff; text-transform: uppercase; padding-top: 6px; } .menu-tabs .tab-content .show-menu-it .menu-item .content-detl .tag-area span { display: inline-block; } .menu-tabs .tab-content .show-menu-it .menu-item .content-detl h4 { color: #48284A; font-size: 20px; font-weight: 900; } .menu-tabs .tab-content .show-menu-it .menu-item .content-detl p { color: #48284A; font-size: 16px; font-weight: 500; padding: 5px 0; } .menu-tabs .tab-content .show-menu-it .menu-item .content-detl h6 { color: #34C66E; font-size: 18px; font-weight: 500; } .filter-area-menu { justify-content: space-between; position: sticky; top: 99px; z-index: 9; padding-left: 192px; background-color: #fff; margin-bottom: 20px; } .filter-area-menu h2 { color: #48284A; font-size: 48px; font-style: normal; font-weight: 700; line-height: normal; } .filter-area-menu .form-select { margin-right: 18px; width: auto; display: inline-block; font-size: 16px; font-weight: 500; border: 1px solid #EEE; border-radius: 5px; padding: 10px 16px; color: #48284A; padding-right: 36px; } .filter-area-menu .form-select:focus { box-shadow: none; } .filter-area-menu .form-select option { font-size: 16px; font-weight: 500; } .gallery-area { margin-bottom: 80px; } .gallery-area.two .images-contain .img-area:nth-child(1n) { background-image: url("../images/shap2.svg"); width: 226px; height: 315px; padding: 18px; } .gallery-area.two .images-contain .img-area:nth-child(1n) .img-in { width: 194px; height: 277px; } .gallery-area.two .images-contain .img-area:nth-child(1n)::after { left: 37px; top: -52px; } .gallery-area.two .images-contain .img-area:nth-child(1n)::before { right: 37px; top: -52px; } .gallery-area.two .images-contain .img-area:nth-child(2n) { background-image: url("../images/shap3.svg"); width: 253.138px; height: 260.526px; padding: 21px 17px; transform: translateY(27px); } .gallery-area.two .images-contain .img-area:nth-child(2n) .img-in { width: 218px; height: 218px; } .gallery-area.two .images-contain .img-area:nth-child(2n)::after { left: 41px; top: -83px; } .gallery-area.two .images-contain .img-area:nth-child(2n)::before { right: 41px; top: -93px; } .gallery-area.two .images-contain .img-area:nth-child(3n) { background-image: url("../images/shap1.svg"); width: 355px; height: 252px; padding: 21px; transform: translateY(60px); } .gallery-area.two .images-contain .img-area:nth-child(3n) .img-in { width: 311px; height: 208px; } .gallery-area.two .images-contain .img-area:nth-child(3n)::after { left: 37px; top: -119px; } .gallery-area.two .images-contain .img-area:nth-child(3n)::before { right: 37px; top: -97px; } .gallery-area.two .images-contain .img-area:nth-child(4n) { background-image: url("../images/shap2.svg"); width: 226px; height: 315px; padding: 18px; } .gallery-area.two .images-contain .img-area:nth-child(4n) .img-in { width: 194px; height: 277px; } .gallery-area.two .images-contain .img-area:nth-child(4n)::after { left: 37px; top: -66px; } .gallery-area.two .images-contain .img-area:nth-child(4n)::before { right: 37px; top: -81px; } .gallery-area.two .images-contain .img-area:nth-child(5n) { background-image: url("../images/shap1.svg"); width: 355px; height: 252px; padding: 21px; transform: translateY(60px); } .gallery-area.two .images-contain .img-area:nth-child(5n) .img-in { width: 311px; height: 208px; } .gallery-area.two .images-contain .img-area:nth-child(5n)::after { left: 37px; top: -121px; } .gallery-area.two .images-contain .img-area:nth-child(5n)::before { right: 37px; top: -112px; } .gallery-area.two .images-contain .img-area .img-in { width: 311px; height: 208px; } .gallery-area.two .images-contain .img-area .wavy-box { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 2; } .gallery-area .images-contain { display: flex; justify-content: space-between; padding: 21px 92px; } .gallery-area .images-contain .img-area { background-image: url("../images/shap1.svg"); background-size: contain; background-repeat: no-repeat; position: relative; padding: 21px; width: 355px; height: 252px; } .gallery-area .images-contain .img-area::after { content: ''; position: absolute; left: 86px; top: -48px; height: 100%; background-color: #DA291C; width: 4px; } .gallery-area .images-contain .img-area::before { content: ''; position: absolute; right: 86px; top: -51px; height: 100%; background-color: #DA291C; width: 4px; } .gallery-area .images-contain .img-area:nth-child(2n) { background-image: url("../images/shap2.svg"); width: 226px; height: 315px; padding: 18px; } .gallery-area .images-contain .img-area:nth-child(2n) .img-in { width: 194px; height: 277px; } .gallery-area .images-contain .img-area:nth-child(2n)::after { left: 37px; top: -66px; } .gallery-area .images-contain .img-area:nth-child(2n)::before { right: 37px; top: -64px; } .gallery-area .images-contain .img-area:nth-child(3n) { background-image: url("../images/shap3.svg"); width: 253.138px; height: 260.526px; padding: 21px 17px; transform: translateY(27px); } .gallery-area .images-contain .img-area:nth-child(3n) .img-in { width: 218px; height: 218px; } .gallery-area .images-contain .img-area:nth-child(3n)::after { left: 41px; top: -74px; } .gallery-area .images-contain .img-area:nth-child(3n)::before { right: 41px; top: -62px; } .gallery-area .images-contain .img-area:nth-child(4n) { background-image: url("../images/shap1.svg"); width: 355px; height: 252px; padding: 21px; transform: translateY(60px); } .gallery-area .images-contain .img-area:nth-child(4n) .img-in { width: 311px; height: 208px; } .gallery-area .images-contain .img-area:nth-child(4n)::after { left: 37px; top: -99px; } .gallery-area .images-contain .img-area:nth-child(4n)::before { right: 37px; top: -119px; } .gallery-area .images-contain .img-area:nth-child(5n) { background-image: url("../images/shap2.svg"); width: 226px; height: 315px; padding: 18px; } .gallery-area .images-contain .img-area:nth-child(5n) .img-in { width: 194px; height: 277px; } .gallery-area .images-contain .img-area:nth-child(5n)::after { left: 37px; top: -58px; } .gallery-area .images-contain .img-area:nth-child(5n)::before { right: 37px; top: -53px; } .gallery-area .images-contain .img-area:nth-child(6n) { background-image: url("../images/shap2.svg"); width: 226px; height: 315px; padding: 18px; } .gallery-area .images-contain .img-area:nth-child(6n) .img-in { width: 194px; height: 277px; } .gallery-area .images-contain .img-area:nth-child(6n)::after { left: 37px; top: -66px; } .gallery-area .images-contain .img-area:nth-child(6n)::before { right: 37px; top: -64px; } .gallery-area .images-contain .img-area:nth-child(7n) { background-image: url("../images/shap3.svg"); width: 253.138px; height: 260.526px; padding: 21px 17px; transform: translateY(27px); } .gallery-area .images-contain .img-area:nth-child(7n) .img-in { width: 218px; height: 218px; } .gallery-area .images-contain .img-area:nth-child(7n)::after { left: 41px; top: -74px; } .gallery-area .images-contain .img-area:nth-child(7n)::before { right: 41px; top: -62px; } .gallery-area .images-contain .img-area:nth-child(8n) { background-image: url("../images/shap1.svg"); width: 355px; height: 252px; padding: 21px; transform: translateY(60px); } .gallery-area .images-contain .img-area:nth-child(8n) .img-in { width: 311px; height: 208px; } .gallery-area .images-contain .img-area:nth-child(8n)::after { left: 37px; top: -99px; } .gallery-area .images-contain .img-area:nth-child(8n)::before { right: 37px; top: -119px; } .gallery-area .images-contain .img-area:nth-child(9n) { background-image: url("../images/shap2.svg"); width: 226px; height: 315px; padding: 18px; } .gallery-area .images-contain .img-area:nth-child(9n) .img-in { width: 194px; height: 277px; } .gallery-area .images-contain .img-area:nth-child(9n)::after { left: 37px; top: -66px; } .gallery-area .images-contain .img-area:nth-child(9n)::before { right: 37px; top: -64px; } .gallery-area .images-contain .img-area:nth-child(10n) { background-image: url("../images/shap1.svg"); width: 355px; height: 252px; padding: 21px; transform: translateY(60px); } .gallery-area .images-contain .img-area:nth-child(10n) .img-in { width: 311px; height: 208px; } .gallery-area .images-contain .img-area:nth-child(10n)::after { left: 37px; top: -99px; } .gallery-area .images-contain .img-area:nth-child(10n)::before { right: 37px; top: -119px; } .gallery-area .images-contain .img-area .img-in { width: 311px; height: 208px; } .gallery-area .images-contain .img-area .wavy-box { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 2; } .booking-form { position: relative; top: -218px; } .booking-form .form-area-main { border-radius: 40px; background: #FFFBF0; background-repeat: no-repeat; background-position: bottom; background-size: contain; padding: 42px 55px; padding-bottom: 108px; } .booking-form .form-area-main .form-group { margin-bottom: 16px; position: relative; } .booking-form .form-area-main .form-group label { color: #48284A; font-size: 16px; font-weight: 500; } .booking-form .form-area-main .form-group input, .booking-form .form-area-main .form-group select, .booking-form .form-area-main .form-group textarea { border-radius: 10px; border: 1px solid #48284A; background: #FFF; padding: 15px 37px; width: 100%; margin-top: 5px; color: #48284A; font-size: 16px; font-weight: 500; position: relative; } .booking-form .form-area-main .form-group input:focus, .booking-form .form-area-main .form-group select:focus, .booking-form .form-area-main .form-group textarea:focus { outline: none; box-shadow: none; } .booking-form .form-area-main .form-group input::placeholder, .booking-form .form-area-main .form-group select::placeholder, .booking-form .form-area-main .form-group textarea::placeholder { color: #48284A; font-size: 16px; font-weight: 500; } .booking-form .form-area-main .form-group input { padding-right: 44px; } .booking-form .form-area-main .form-group .icon { position: absolute; right: 20px; top: 41px; } .booking-form .form-area-main .form-group select { background-image: url("../images/arrow.png"); background-position: right 10px center; background-repeat: no-repeat; } .booking-form .form-area-main button { box-shadow: 4px 4px 0px 0px #000; padding: 11px 136px; } .approval-process { padding: 112px 0; } .approval-process .head h2 { color: #FFF; text-align: center; font-size: 64px; font-weight: 700; } .approval-process .item-area { display: flex; justify-content: space-between; margin: 50px 0; } .approval-process .item-area .items { width: 220px; position: relative; } .approval-process .item-area .items::after { content: ''; background-image: url(../images/approvelarrow.png); background-repeat: no-repeat; background-size: cover; top: 14%; right: -39px; position: absolute; z-index: 2; width: 35px; transform: rotate(180deg); height: 35px; } .approval-process .item-area .items:first-child::after { content: none; } .approval-process .item-area .items .shap-area { width: 190px; position: relative; height: 141px; display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto; } .approval-process .item-area .items .shap-area h6 { color: #FFF; text-align: center; font-size: 36px; font-weight: 900; position: relative; z-index: 1; margin-bottom: 10px; } .approval-process .item-area .items .shap-area .icon { width: 48px; position: relative; z-index: 1; } .approval-process .item-area .items .shap-area .icon img { width: 100%; height: 100%; object-fit: contain; } .approval-process .item-area .items .shap-area svg { position: absolute; left: 0; top: 0; right: 0; } .approval-process .item-area .items h5 { color: #FFF; text-align: center; font-size: 20px; font-weight: 900; margin-top: 24px; } .approval-process .item-area .items p { color: #FFF; text-align: center; font-size: 16px; font-weight: 500; margin-top: 8px; } footer { background: #48284A; padding-top: 66px; padding-bottom: 25px; position: relative; z-index: 3; } footer .title-link { margin-bottom: 13px; } footer .title-link h4 { color: #FFF; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 20px; } footer ul li { margin-bottom: 10px; } footer ul li a { text-decoration: none; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal; padding: 0; color: #FFF; } footer ul.other { display: grid; grid-template-columns: 1fr 1fr; } footer ul.follow li a { display: flex; align-items: center; gap: 10px; } footer .mailing-list { margin-bottom: 30px; } footer .mailing-list form { border-radius: 10px; background: #FFF; position: relative; overflow: hidden; padding: 5px; } footer .mailing-list form input { border: none; outline: none; width: 100%; padding: 10px; padding-right: 70px; color: #48284A; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } footer .mailing-list form button { position: absolute; right: 5px; top: 3px; background-color: #D92D27; display: flex; align-items: center; justify-content: center; border: none; border-radius: 10px; padding: 5px 11px; width: 50px; height: 50px; } footer .footer-form form { border-radius: 10px; border: 1px solid #fff; background: #FFF; overflow: hidden; position: relative; display: flex; padding: 4px; } footer .footer-form form input { background-color: transparent; border: none; color: #48284A; font-size: 18px; font-weight: 500; padding: 7px 10px; width: calc(100% - 50px); } footer .footer-form form input:focus { outline: none; } footer .footer-form form input::placeholder { color: #48284A; font-size: 16px; font-weight: 500; } footer .footer-form form button { border-radius: 10px; background: #D92D27; border: none; height: 50px; width: 50px; display: flex; justify-content: center; align-items: center; } footer .logo-foot a { width: 100%; } footer .logo-foot a img { width: 100%; height: 100%; object-fit: contain; } footer .Copyright-section { margin-top: 30px; text-align: center; border-top: 1px solid; border-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%); border-image-slice: 1; padding: 23px 0; padding-bottom: 0; } footer .Copyright-section p { color: #FFF; font-size: 16px; font-style: normal; font-weight: 300; line-height: normal; text-align: left; } footer .Copyright-section .social-icons { display: flex; justify-content: end; gap: 10px; } footer .Copyright-section .social-icons a { display: inline-flex; width: 32px; height: 32px; border-radius: 50%; overflow: hidden; background-color: #fff; display: flex; justify-content: center; align-items: center; } footer .Copyright-section .social-icons a i { color: #48284A; } .modal { z-index: 9999; } .modal.menu { border: none; } .modal.menu .modal-header { border: none; padding: 0; justify-content: end; position: relative; right: -10px; top: -10px; } .modal.menu .modal-header button { border: none; background-color: #ffffff; width: 30px; height: 30px; opacity: 1; padding: 0; right: -14px; position: relative; border-radius: 50%; } .modal.menu .modal-dialog { width: 1148px; max-width: 100%; margin: 40px auto 0; } .modal.menu .modal-content { border-radius: 15px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); border: none; } .modal.menu .modal-content .modal-body { padding: 32px; } .modal.menu .modal-content .modal-body .menu-item { display: flex; } .modal.menu .modal-content .modal-body .menu-item :before { content: ""; clear: both; display: table; } .modal.menu .modal-content .modal-body .menu-item .menu-image { width: 580px; float: left; border: 1px solid #EEE; } .modal.menu .modal-content .modal-body .menu-item .menu-image img { width: 100%; height: 100%; object-fit: cover; } .modal.menu .modal-content .modal-body .menu-item .content-side { width: calc(100% - 580px); padding-right: 20px; float: left; } .modal.menu .modal-content .modal-body .menu-item .content-side h3 { color: #48284A; font-size: 32px; font-style: normal; font-weight: 900; line-height: normal; margin-bottom: 10px; } .modal.menu .modal-content .modal-body .menu-item .content-side h6 { color: #34C66E; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 10px; } .modal.menu .modal-content .modal-body .menu-item .content-side p { color: #48284A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; margin-bottom: 10px; } .modal.menu .modal-content .modal-body .menu-item .content-side h5 { color: #48284A; font-size: 20px; font-style: normal; font-weight: 900; line-height: normal; margin-bottom: 10px; } .modal.menu .modal-content .modal-body .menu-item .content-side ul li { display: inline-block; margin: 0 auto; text-align: center; vertical-align: top; width: 126px;} .modal.menu .modal-content .modal-body .menu-item .content-side ul li span{ font-weight: 600; color: #48284A; } .modal.menu .modal-content .modal-body .menu-item .content-side ul li:last-child { margin-right: 0; } .modal.menu .modal-content .modal-body .menu-item .content-side ul li .form-check { padding: 0; } .modal.menu .modal-content .modal-body .menu-item .content-side ul li input { display: none; } .modal.menu .modal-content .modal-body .menu-item .content-side ul li input:checked + label p { background-color: #48284A; color: #FFF; border-color: #48284A; } .modal.menu .modal-content .modal-body .menu-item .content-side ul li p { color: #48284A; font-size: 16px; font-style: normal; line-height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 500; } .modal.menu .modal-content .modal-body .menu-item .content-side ul li h6 { color: #48284A; text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; } .modal.menu .modal-content .modal-body .menu-item .content-side .sizes p { width: 30px; height: 30px; border: 1px solid #48284A; margin: 0 auto; margin-bottom: 8px; } .modal.menu .modal-content .modal-body .Ingredients h5 { color: #48284A; font-size: 20px; font-style: normal; font-weight: 900; line-height: normal; margin-bottom: 15px; } .modal.menu .modal-content .modal-body .Ingredients ul li { display: inline-block; margin-right: 20px; } .modal.menu .modal-content .modal-body .Ingredients ul li:last-child { margin-right: 0; } .modal.menu .modal-content .modal-body .Ingredients ul li .form-check { padding: 0; } .modal.menu .modal-content .modal-body .Ingredients ul li input { display: none; } .modal.menu .modal-content .modal-body .Ingredients ul li input:checked + label img { border-color: green; } .modal.menu .modal-content .modal-body .Ingredients ul li label { text-align: center; } .modal.menu .modal-content .modal-body .Ingredients ul li label img { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; border: 2px solid #DDD; object-fit: cover; margin: 0 auto; } .modal.menu .modal-content .modal-body .Ingredients ul li label p { color: #48284A; text-align: center; font-size: 14px; font-style: normal; font-weight: 800; line-height: normal; padding-top: 10px; width: 90px; margin: 0 auto; } .modal-backdrop { z-index: 9998; } .filter-news { gap: 20px; } .filter-news select, .filter-news input { border-radius: 5px; border: 1px solid #48284A; background: #FFF; color: #48284A; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; padding: 15px; } .filter-news p { width: auto !important; color: #48284A; font-size: 16px !important; font-style: normal; font-weight: 500; line-height: normal; } .filter-news input::placeholder { color: #48284A; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; padding: 10px; width: 200px; max-width: 100%; } .filter-news button { border-radius: 5px; background: #DA291C; border: none; color: #FFF; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; padding: 16px; } .filter-news .dropdown button { border-radius: 5px; border: 1px solid #48284A; background: #FFF; background-color: transparent; color: #48284A; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; padding-right: 50px; } .filter-news .dropdown-toggle::after { background-image: url("../images/filter.png"); border: none; background-position: right; background-repeat: no-repeat; width: 20px; height: 20px; position: absolute; right: 8px; top: 19px; } .filter-news .dropdown-menu { width: 300px; padding-bottom: 0; margin-top: 10px !important; } .filter-news .dropdown-menu li { margin-bottom: 10px; padding-right: 15px; } .filter-news .dropdown-menu li .form-check { display: flex; align-items: center; gap: 8px; } .filter-news .dropdown-menu li .form-check input { border: 1px solid #F95000; background: #FFF; width: 16px; height: 16px; border-radius: 0; padding: 0; } .filter-news .dropdown-menu li .form-check input:checked { background-color: #F95000; } .filter-news .dropdown-menu li .form-check input:focus { box-shadow: none; outline: none; } .filter-news .dropdown-menu li .form-check label { color: #48284A; font-size: 16px; font-style: normal; padding-right: 25px; font-weight: 500; line-height: normal; } .filter-news .dropdown-menu .seletall { border-top: 1px solid #DDD; padding: 10px 15px; } .filter-news .dropdown-menu .seletall a { color: #F95000; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .filter-news .dropdown-menu .seletall .btn-primary { border-radius: 5px; background: #DA291C; color: #FFF; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; box-shadow: none; padding: 10px; } .jobsfound .head { margin-bottom: 25px; } .jobsfound .head h3 { color: #48284A; font-size: 48px; font-style: normal; font-weight: 700; line-height: normal; } .jobsfound .jobs-area { padding-bottom: 90px; } .jobsfound .jobs-area .nav { width: 480px; float: left; border-radius: 20px; border-top: 10px solid #DA291C; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); position: sticky; top: 120px; } .jobsfound .jobs-area .nav button { padding: 0; background: #FFF; border-bottom: 1px solid #E6E0CD; } .jobsfound .jobs-area .nav button:last-child { border: none; } .jobsfound .jobs-area .nav button.active { background: #FFFBF0; } .jobsfound .jobs-area .nav button .item { padding: 20px; text-align: start; } .jobsfound .jobs-area .nav button .item h4 { color: #48284A; font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; } .jobsfound .jobs-area .nav button .item .location { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; } .jobsfound .jobs-area .nav button .item .location span { color: #48284A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } .jobsfound .jobs-area .nav button .item a { color: #DA291C; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } .jobsfound .jobs-area .nav button .item p { color: #DA291C; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } .jobsfound .jobs-area .tab-content { width: calc(100% - 480px); float: left; } .jobsfound .jobs-area .tab-content .tab-pane { border-radius: 20px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); padding: 30px; } .jobsfound .jobs-area .tab-content .tab-pane .job-detail-ar .in-are-rt { border-bottom: 1px solid #48284A; padding-bottom: 20px; margin-bottom: 20px; } .jobsfound .jobs-area .tab-content .tab-pane .job-detail-ar .in-are-rt .job-title { display: flex; justify-content: space-between; } .jobsfound .jobs-area .tab-content .tab-pane .job-detail-ar .in-are-rt .job-title h3 { color: #48284A; font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; } .jobsfound .jobs-area .tab-content .tab-pane .job-detail-ar .brief-detail .locat ul { display: grid; grid-template-columns: repeat(2, auto); } .jobsfound .jobs-area .tab-content .tab-pane .job-detail-ar .brief-detail .locat ul li { display: flex; gap: 10px; margin-bottom: 15px; } .jobsfound .jobs-area .tab-content .tab-pane .job-detail-ar .brief-detail .locat ul li.last-job { grid-column: span 2; } .jobsfound .jobs-area .tab-content .tab-pane .job-detail-ar .brief-detail .locat ul li::after { content: none; } .jobsfound .jobs-area .tab-content .tab-pane .job-detail-ar .brief-detail .locat ul li p { color: #48284A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; margin: 0; word-break: break-word; } .jobsfound .jobs-area .tab-content .tab-pane .job-detail-ar .brief-detail h3 { color: #48284A; font-size: 18px; font-style: normal; font-weight: 700; line-height: 24px; margin-bottom: 5px; margin-top: 20px; } .jobsfound .jobs-area .tab-content .tab-pane .job-detail-ar .brief-detail p { color: #48284A; font-size: 16px; font-style: normal; font-weight: 500; margin-bottom: 15px; line-height: 24px; word-break: break-word; } .jobsfound .jobs-area .tab-content .tab-pane .job-detail-ar .brief-detail ul li { color: #48284A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; margin-bottom: 10px; position: relative; padding-right: 14px; } .jobsfound .jobs-area .tab-content .tab-pane .job-detail-ar .brief-detail ul li::after { position: absolute; right: 0; top: 0; content: ''; width: 6px; height: 6px; background-color: #48284A; border-radius: 50%; margin-top: 5px; } @media only screen and (max-width: 1366px) { .hero-section .owl-carousel { padding-right: 10%; } .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 { font-size: 50px; } .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 span, p { font-size: 50px; } .hero-section .owl-carousel .owl-stage-outer .item .hero-content p { font-size: 22px; } .about-section { padding: 80px 0; } .content-area h2 { font-size: 35px; } .content-area p { font-size: 16px; line-height: 25px; } .Our-Community { padding: 50px 0; } .Our-Community .head-are h2 { font-size: 45px; } .Our-Community .community-box .img-area h5 { font-size: 20px; } .about-section.hassel-free .hassel-free-inner { padding-top: 50px; } .our-locations { padding: 50px 0; } .our-locations .head-are h2 { font-size: 50px; } footer .Copyright-section { padding-bottom: 0; } header .container .header-content nav .navbar-collapse .navbar-nav li { padding: 0 7px; margin-bottom: 15px; } .btn-primary { padding: 8px 17px; font-size: 16px; } .menu-tabs .nav-tabs .nav-item button { width: 115px; } .menu-tabs .tab-content { padding-right: 21px; } .menu-tabs .tab-content .show-menu-it .menu-item { margin-bottom: 20px; } .gallery-area .images-contain { display: flex; gap: 16px; white-space: nowrap; animation: scrollLinear 30s infinite; } .gallery-area.two .images-contain { animation: scrollLinear 30s infinite; } .images-contain::-webkit-scrollbar { display: none; } .images-contain { scrollbar-width: none; /* Firefox */ } @keyframes scrollLinear { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } /* Optional: Hide scrollbar on desktop, show styled on tablet/mobile */ .images-contain::-webkit-scrollbar { height: 8px; } .images-contain::-webkit-scrollbar-track { background: #eee; border-radius: 4px; } .images-contain::-webkit-scrollbar-thumb { background-color: #999; border-radius: 4px; } /* Firefox */ .images-contain { scrollbar-width: thin; scrollbar-color: #999 #eee; } .gallery-area .images-contain .img-area::before { content: none; } .gallery-area .images-contain .img-area::after { content: none; } .delivery-section .title-link h2 { font-size: 35px; } .delivery-section .title-link p { font-size: 18px; } .join-family { padding: 70px 0; } .join-family .box-are .icon h5 { font-size: 25px; } .jobsfound .head h3 { font-size: 35px; } .jobsfound .jobs-area .nav button .item h4 { font-size: 22px; } .jobsfound .jobs-area .nav { width: 350px; } .jobsfound .jobs-area .tab-content { width: calc(100% - 350px); } .join-family .title-link h2 { font-size: 45px; } .join-family .box-are p { font-size: 16px; line-height: 23px; } } @media only screen and (max-width: 1300px) { .nav-item a { padding: 2px 12px; border-radius: 18px; color: #48284A; font-weight: 500; } .container { max-width: 1120px; } .hero-section .owl-carousel { padding-right: 5%; } .hero-section .owl-carousel .owl-nav button.owl-next { right: 22px; left: auto; } .about-section .pattern.danceove { bottom: -51px; } .about-section.hassel-free .hassel-free-inner .about-content { position: relative; z-index: 2; } .Our-Community .community-box { margin-bottom: 20px; } .head.catering h4 { font-size: 50px; } .head.catering h6 { font-size: 25px; } .about-section.brand .hassel-free-inner .about-content h5 { font-size: 40px; } .about-section.brand .hassel-free-inner .about-content h6 { font-size: 28px; } .approval-process { padding: 60px 0; } .approval-process .head h2 { font-size: 50px; } .booking-form .form-area-main { padding-bottom: 50px; } .approval-process .item-area .items .shap-area svg { width: 158px; } .approval-process .item-area .items .shap-area { width: 154px; } .approval-process .item-area .items::after { right: -24px; } .our-mission .main-area-cover .content-area h5 { font-size: 50px; } .our-mission .main-area-cover .content-area h6 { font-size: 32px; } .our-mission .accordion .accordion-item .accordion-header button { font-size: 20px; } .our-mission .accordion .accordion-item .accordion-body p { font-size: 16px; } header .container .header-content .logo { width: 160px; } header .container .header-content nav { width: calc(100% - 160px); } header .container .header-content nav .navbar-collapse .navbar-nav li { padding: 0 7px; } header .container .header-content nav .navbar-collapse .navbar-nav li .Franchising { width: 150px; } header .container .header-content nav .navbar-collapse .navbar-nav li .Franchising a { width: 100%; } header .container .header-content nav .navbar-collapse .navbar-nav li .Franchising a img { width: 100%; } header .container .header-content nav .navbar-collapse .navbar-nav li a { } .nav-item { list-style: none; } .filter-area-menu { padding-left: 155px; } header .container .header-content nav .navbar-collapse .navbar-nav li .Franchising p { margin-left: 17px; margin-top: 11px; font-size: 14px; text-align: left;} .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 span, .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 p { font-size: 58px; } } @media only screen and (max-width: 1199px) { header .container .header-content nav .navbar-collapse .navbar-nav li a { font-size: 14px; } .navbar-nav{padding-right:20px} .nav-item ul{padding-left:0!important; border-bottom:none !important} .nav-item ul li a{padding: 2px 0px !important;} .nav-item:nth-last-child(2):after{display:none} header .container .header-content nav .navbar-collapse .navbar-nav li{padding-bottom: 0px !important;} header .container .header-content nav .navbar-collapse ul li::after, header .container .header-content nav .navbar-collapse ul li.othe ul li::after{display:none !important} header .container .header-content nav .navbar-collapse ul li{border-bottom:none !important} header .container .header-content nav .navbar-collapse .navbar-nav li a{font-size: 17px;} header .container .header-content nav .navbar-collapse .navbar-nav li.active a::before { content: none; } header .container .header-content nav { justify-content: end; gap: 17px; } header .container .header-content nav .navbar-collapse .navbar-nav li .dropdown button { font-size: 14px; } .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 { font-size: 35px; line-height: 40px; } .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 span, p { font-size: 40px; } .hero-section .owl-carousel .owl-stage-outer .item .hero-content p { font-size: 18px; padding-top: 10px; } .about-section { padding: 50px 0; } .about-section.hassel-free .hassel-free-inner .about-content ul { gap: 4px; margin-bottom: 25px; } .about-section.hassel-free .hassel-free-inner .about-content h5 { font-size: 25px; } .about-section.hassel-free .hassel-free-inner .about-content h6 { font-size: 20px; } .about-section.brand .hassel-free-inner .about-content p { font-size: 14px; } .head h4 { font-size: 35px; line-height: 35px; } .head p { font-size: 16px; line-height: 25px; } header .container .header-content nav .navbar-collapse .navbar-nav li .Franchising p { margin-left: -12px; margin-top: 10px; font-size: 14px; text-align: right; } .partner { padding: 30px 0; } .partner h4 { font-size: 35px; margin-bottom: 30px; } .head.top-space { margin-top: 40px; } .about-section.hassel-free .hassel-free-inner .about-content img { width: 55%; } .our-locations .location-content .location-box .content-area h5 { font-size: 30px; } .our-locations .head-are h2 { font-size: 40px; line-height: 44px; } .Our-Community .community-box .img-area h5 { font-size: 16px; } footer ul li a { font-size: 14px; } .container { max-width: 980px; } .collapse:not(.show) { display: none !important; } header .container .header-content nav .navbar-collapse.show { transform: translateX(0); } header .container .header-content nav .navbar-collapse { position: fixed; top: 0; right: 0; bottom: 0; z-index: 9999; background: #48284A; justify-content: start; align-items: start; width: 249px; padding: 20px; transform: translateX(100%); transition: all 0.3s ease-in-out; } header .container .header-content nav .navbar-collapse ul { padding-left: 20px; } header .container .header-content nav .navbar-collapse ul li { margin-bottom: 10px; border-bottom: 1px solid #ffffff70; padding-bottom: 10px; display: block; width: 100%; position: relative; } header .container .header-content nav .navbar-collapse ul li::after { width: 5px; height: 5px; background-color: #fff; overflow: hidden; content: ''; position: absolute; right: -14px; top: 7px; } header .container .header-content nav .navbar-collapse ul li:last-child { border: none; padding-bottom: 0; } header .container .header-content nav .navbar-collapse ul li:last-child::after { display: none; } header .container .header-content nav .navbar-collapse ul li.othe ul li { margin-bottom: 0; } header .container .header-content nav .navbar-collapse ul li.othe ul li::after { display: block; width: 6px; height: 1px; border-radius: 10px; left: -11px; top: 12px; } header .container .header-content nav .navbar-collapse .navbar-nav { align-items: start; } header .container .header-content nav .navbar-collapse .navbar-nav li { padding: 0 0px; padding-bottom: 10px; } header .container .header-content nav .navbar-collapse .navbar-nav li:has(.dropdown-item) { border: none;} header .container .header-content nav .navbar-collapse .navbar-nav li a { color: #fff; } header .container .header-content nav .navbar-collapse .navbar-nav li .dropdown button { color: #fff; } header .container .header-content nav .navbar-collapse .navbar-nav li .dropdown .dropdown-toggle::after { color: #fff; } .Our-Community .head-are h2 { font-size: 45px; } footer .title-link h4 { font-size: 20px; } .our-locations .location-content .time-show-in { padding: 20px; } .our-locations .location-content .location-box .content-area { padding-left: 20px; padding-right: 20px; } .menu-tabs .tab-content .show-menu-it .menu-item { padding: 20px 20px; } .menu-tabs .tab-content .show-menu-it .menu-item .menu-image { height: 210px; text-align: center; } .menu-tabs { padding: 50px 0; } .menu-tabs .nav-tabs { position: fixed; left: 0; right: 0; bottom: 0; width: 100%; display: flex; z-index: 1; background-color: #fff; flex-wrap: nowrap; overflow: auto; height: auto; top: unset; padding: 5px; box-shadow: rgba(50, 50, 93, 0.3) 0px 13px 27px 25px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; } .menu-tabs .nav-tabs .nav-item { border: none; margin-right: 10px; margin-bottom: 0; } .menu-tabs .nav-tabs .nav-item button { width: 130px; } .menu-tabs .nav-tabs .nav-item button p { display: block; white-space: nowrap; margin-top: 2px; text-overflow: ellipsis; overflow: hidden; } .menu-tabs .nav-tabs .nav-item button { border-bottom: 3px solid #EEE; padding: 5px; } .menu-tabs .nav-tabs .nav-item button img { width: 40px; height: 30px; } .menu-tabs .nav-tabs .nav-item button.active { border-bottom-color: #DA291C; } .menu-tabs .nav-tabs .nav-item button.active { border-right: 0; } .menu-tabs .tab-content { padding-right: 0px; } .head.catering h4 { font-size: 40px; } .booking-form { margin-top: -209px; padding-bottom: 57px; top: unset; } .Our-Community .community-box.single .img-area h5 { font-size: 25px; } .Our-Community.morenews .community-box .conte h5 { font-size: 18px; } .Our-Community.morenews .community-box .conte p { font-size: 14px; } .join-family { padding: 40px 0; } .join-family .title-link h2 { font-size: 40px; } .jobsfound .jobs-area .nav button .item h4 { font-size: 20px; } .jobsfound .jobs-area .nav button .item { padding: 10px; } .jobsfound .jobs-area { padding-bottom: 50px; } .join-family .box-are p { color: #48284A; line-height: 21px; font-size: 16px; } .modal.menu .modal-content .modal-body .menu-item .menu-image { width: 400px; } .modal.menu .modal-content .modal-body .menu-item .content-side { width: calc(100% - 400px); } .modal.menu .modal-dialog { padding: 20px; } .content-area p { padding: 10px 0; } .Our-Community .head-are p { font-size: 18px; line-height: 26px; padding-top: 10px; } .filter-area-menu { padding: 15px; top: 87px; } .filter-area-menu h2 { font-size: 38px; } } @media only screen and (max-width: 950px) { .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 { font-size: 30px; line-height: 40px; } .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 span, p { font-size: 33px; } .hero-section .owl-carousel .owl-nav button { width: 33px; height: 33px; font-size: 18px; } .hero-section .owl-carousel .owl-nav button.owl-next { right: 4px; } .about-section .video-setion { height: 358px; } .about-section.hassel-free .hassel-free-inner .about-content ul li { color: #48284A; font-size: 14px; } .about-section .pattern.two { display: none; } .our-locations .location-content { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } .our-locations .location-content .location-box { width: 100% !important; } .our-locations .location-content .location-box { border-color: transparent; border: none; } .our-locations .location-content .location-box::after { background-color: #48284a69; } .our-locations .location-content .location-box .content-area h5 { transform: none; position: relative; left: 0; bottom: 0; } .our-locations .location-content .location-box .content-area ul { transform: scale(1); } .menu-tabs .nav-tabs .nav-item button { width: 100px; padding: 9px 7px; } .menu-tabs .tab-content .show-menu-it .menu-item .content-detl p { font-size: 14px; } .menu-tabs .tab-content .show-menu-it .menu-item .content-detl h4 { font-size: 18px; } .menu-tabs { padding: 30px 0; } .approval-process .item-area .items { width: 46%; position: relative; } .approval-process .item-area { flex-wrap: wrap; gap: 25px; } .delivery-section.booking { padding-top: 46px; } .delivery-section .title-link h2 { font-size: 50px; } .booking-form .form-area-main { padding: 42px 20px; } .booking-form .form-area-main .form-group input, .booking-form .form-area-main .form-group select, .booking-form .form-area-main .form-group textarea { padding: 10px 30px; } .booking-form .form-area-main { padding-bottom: 42px; } .approval-process .item-area .items::after { content: none; } .images-contain { flex-wrap: nowrap; } .our-mission .main-area-cover .content-area h5 { font-size: 49px; } .our-mission .main-area-cover .content-area h6 { font-size: 30px; } .jobsfound .jobs-area .nav { width: 240px; } .jobsfound .jobs-area .tab-content { width: calc(100% - 240px); } .jobsfound .jobs-area .tab-content .tab-pane .job-detail-ar .in-are-rt .job-title h3 { font-size: 25px; line-height: 26px; } .jobsfound .jobs-area .nav button .item h4 { line-height: 23px; } .our-locations .location-content .time-show { visibility: visible; } .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 span, .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 p { font-size: 40px; line-height: 40px; } } @media only screen and (max-width: 800px) { .Our-Community .head-are h2 { font-size: 35px; line-height: 36px; } .our-locations .location-content .location-box .content-area h5 { font-size: 22px; } .modal.menu .modal-content .modal-body .menu-item .menu-image { width: 100%; float: unset; } .modal.menu .modal-content .modal-body .menu-item .content-side { width: 100%; float: unset; } .filter-area-menu { font-size: 30px; top: 102px; } .hero-section .owl-carousel .hero-content{ padding-right: 0px; } .filter-area-menu h2 { font-size: 30px; } } @media only screen and (max-width: 767px) { footer .Copyright-section p { text-align: center; font-size: 14px; } footer .Copyright-section { padding: 12px 0; } footer .Copyright-section { margin-top: 10px; padding-bottom: 0; } footer { padding-top: 30px; padding-bottom: 10px; } .head h4 { font-size: 25px; line-height: 43px; } .head p { font-size: 14px; line-height: 25px; margin-bottom: 6px; } .about-section.hassel-free .hassel-free-inner .about-content { padding-left: 0; } .about-section.brand .hassel-free-inner .about-content p { padding: 10px 0; } .head.catering h4 { font-size: 30px; } .head.catering h6 { font-size: 20px; } .approval-process .head h2 { font-size: 40px; } .approval-process { padding: 30px 0; } .approval-process .item-area .items .shap-area h6 { font-size: 25px; } .approval-process .item-area .items .shap-area .icon { width: 34px; } .approval-process .item-area { gap: 15px; } .delivery-section .title-link h2 { font-size: 35px; } .Our-Community .community-box.single .img-area h5 { font-size: 16px; } .Our-Community.morenews .head-are h2 { font-size: 35px; } .Our-Community.single-news .content-dtel p { font-size: 18px; } .Our-Community.single-news .content-dtel ul li { font-size: 18px; } .our-locations .contact-us-loct .box-are { margin-bottom: 20px; } .map-area { height: 560px; } .our-mission .main-area-cover { padding: 20px 0; } .join-family .title-link h2 { font-size: 34px; } .join-family { padding: 25px 0; } .join-family .title-link p { font-size: 16px; } .join-family .box-are { margin-bottom: 15px; } .jobsfound .jobs-area .nav { width: 100%; float: unset; position: relative; top: unset; } .jobsfound .jobs-area .tab-content { width: 100%; float: unset; margin-top: 20px; } .modal.menu .modal-dialog { padding: 20px; } .modal.menu .modal-content .modal-body { padding-top: 0; } .modal.menu .modal-content .modal-body .menu-item .content-side ul li { display: inline-block; margin-right: 16px; } .modal.menu .modal-content .modal-body .Ingredients ul li { display: inline-block; margin-right: 12px; } .our-locations .head-are p { font-size: 20px; } .hero-section .owl-carousel { padding-right: 0; } .hero-content { padding: 12px 0; } .hero-content br { display: none; } footer .logo-foot a img { width: 60%; } footer .logo-foot { text-align: center; } } @media only screen and (max-width: 680px) { .our-locations .location-content { grid-template-columns: 1fr; } .hero-section .owl-carousel .owl-stage { padding-bottom: 40px; } .our-locations .location-content .time-show .view-hours { visibility: visible; z-index: 2; } .our-locations .location-content .location-box { border: none; } footer .Copyright-section p { text-align: center; } .modal.menu .modal-content .modal-body .menu-item { display: block; } .modal.menu .modal-content .modal-body .menu-item .menu-image { width: 100%; float: unset; } .modal.menu .modal-content .modal-body .menu-item .content-side { width: 100%; float: unset; padding-right: 0; padding-top: 15px; } } @media only screen and (max-width: 576px) { .hero-section .owl-carousel .owl-stage-outer .item .hero-content p { padding: 10px 0; } .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 span, .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 p { font-size: 32px; line-height: 38px; } .about-section .about-content.content-area { padding-top: 15px; } .content-area p { padding: 12px 0; } .Our-Community .head-are h2 { margin-bottom: 10px; } .Our-Community { padding: 40px 0; } .about-section { padding: 40px 0; } .our-locations { padding: 40px 0; } .hero-section .owl-carousel { padding-right: 0; } .hero-section .owl-carousel .owl-nav button { top: 28%; } header .container .header-content .logo { width: 120px; float: left; } header .container .header-content nav { width: calc(100% - 120px); } header { padding: 4px 0; } .top-space { margin-top: 75px; } .btn-primary { padding: 6px 13px; font-size: 14px !important; padding-right: 15px; border-radius: 5px; } .btn-primary p { font-size: 14px !important; } .btn-primary:hover { padding-right: 14px; } .head h4 { font-size: 25px; line-height: 32px; margin-bottom: 10px; } .head.top-space { margin-top: 22px; } .partner { padding-bottom: 10px; } .partner h4 { font-size: 25px; margin-bottom: 10px; } footer ul li { margin-bottom: 10px; } footer .title-link h4 { margin-bottom: 8px; } .menu-tabs .tab-content .head-set h2 { font-size: 25px; } .menu-tabs { padding: 20px 0; } .head.catering h6 { padding: 10px 0; line-height: 28px; } .approval-process .item-area { margin: 20px 0; } .approval-process .item-area .items h5 { font-size: 18px; } .approval-process .item-area .items p { font-size: 14px; } .approval-process .item-area .items { width: 100%; } .booking-form .form-area-main button { padding: 11px 20px; width: 100%; } .approval-process .head h2 { font-size: 25px; } .booking-form { padding-bottom: 20px; } .booking-form .form-area-main { border-radius: 20px; } .gallery-area { margin-bottom: 20px; } .about-section.hassel-free .hassel-free-inner { padding-top: 20px; } .about-section .pattern.danceove { display: none; } .our-locations .head-are h2 { font-size: 30px; line-height: 34px; } .Our-Community.morenews .community-box { display: block; } .Our-Community.morenews .community-box .img-area { width: 100%; float: unset; } .Our-Community.morenews .community-box .conte { width: 100%; float: unset; } .Our-Community.single-news .img-area { height: 400px; } .Our-Community.single-news .content-dtel p { font-size: 14px; } .Our-Community.single-news .content-dtel ul li { font-size: 14px; } .Our-Community.single-news .content-dtel ul { padding-left: 30px; padding-bottom: 5px; } .Our-Community .head-are h2 { font-size: 25px; line-height: 31px; } .Our-Community.recent-news .head-are { margin-bottom: 15px; } .our-locations .contact-us-loct .box-are { padding: 20px; } .filter-news { gap: 10px; flex-direction: column; } .filter-news .dropdown { width: 100%; } .filter-news .dropdown button { width: 100%; } .filter-news button { width: 100%; } .our-mission .main-area-cover { padding-top: 0; } .our-mission .main-area-cover .content-area h5 { font-size: 30px; } .our-mission .main-area-cover .content-area h6 { font-size: 20px; } .our-mission .main-area-cover .content-area p { font-size: 14px; } .our-mission .accordion .accordion-item .accordion-header button { font-size: 18px; } .our-mission .accordion .accordion-item .accordion-body p { font-size: 14px; } .join-family .title-link h2 { font-size: 25px; line-height: 32px; } .join-family .title-link p { font-size: 14px; line-height: 25px; } .jobsfound .jobs-area .tab-content .tab-pane { padding: 10px; } .jobsfound .jobs-area { padding-bottom: 20px; } .jobsfound .jobs-area .tab-content .tab-pane .job-detail-ar .in-are-rt .job-title h3 { font-size: 20px; line-height: 26px; margin-bottom: 17px; } .jobsfound .jobs-area .tab-content .tab-pane .job-detail-ar .in-are-rt .job-title { flex-direction: column-reverse; text-align: center; gap: 17px; } .jobsfound .jobs-area .tab-content .tab-pane .job-detail-ar .in-are-rt .btn-primary { padding: 13px 33px; font-size: 14px !important; padding-right: 20px; } .about-section.brand .hassel-free-inner .about-content ul.carert li p { font-size: 20px; } .in-are-rt { text-align: center; margin: 0 auto; } .upload-label .uplod-sd { padding: 9px 23px; } .upload-label .uplod-sd p { font-size: 14px; } .modal.menu .modal-content .modal-body .Ingredients ul li label img { width: 65px; height: 65px; } .modal.menu .modal-content .modal-body { padding: 15px; padding-top: 0; } .modal.menu .modal-content .modal-body .menu-item .content-side h3 { font-size: 25px; line-height: 31px; } footer .logo-foot a { text-align: center; display: block; } footer .logo-foot a img { width: 75%; margin: 0 auto; text-align: center; } .Our-Community .community-box { margin-bottom: 30px; } .our-locations .head-are p { font-size: 16px; } footer .mailing-list form button { width: 45px; height: 45px; } header .container .header-content .lang button img { width: 25px; } header .container .header-content .navbar-toggler-icon { width: 24px; } header .container .header-content .navbar-toggler { padding: 1px 4px; } .Our-Community.single-news .content-dtel p { padding-left: 10px; padding-right: 10px; } .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 span, p { font-size: 28px; } .menu-tabs .tab-content .show-menu-it .head-set h2 { font-size: 34px; } .menu-tabs .tab-content .show-menu-it .head-set { top: 72px; } .modal.menu .modal-content .modal-body .menu-item .content-side ul li p { font-size: 14px; line-height: 17px; } .filter-area-menu { top: 68px; display: block !important; } .filter-area-menu h2 { font-size: 28px; } } @media only screen and (max-width: 410px) { .hero-section .owl-carousel .owl-stage-outer .item .hero-content h1 { font-size: 25px; line-height: 37px; } .content-area h2 { font-size: 30px; } .content-area p { font-size: 14px; line-height: 22px; } .Our-Community .head-are h2 { font-size: 30px; line-height: 37px; } .Our-Community .head-are p { font-size: 14px; line-height: 22px; } .Our-Community .community-box .img-area { height: 300px; } .Our-Community .community-box .img-area img { height: 100%; object-fit: cover; } .our-locations .location-content .time-show-in ul { padding: 10px; } .Our-Community .news-oth .img-area { height: auto; } footer .Copyright-section p { text-align: center; font-size: 11px; } .partner .partner-logo .owl-stage .owl-item .item .img-area { height: 120px; } .map-area { height: 460px; margin-top: 0; } } footer ul li a p{ font-size: 14px; } .breadcame-section .img-area img{ width: 100%; } /*# sourceMappingURL=style.css.map */