body{
margin: 0;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 140%;
overflow-x: hidden;
}
:root{
--primary:#ED1C24;
--secondary: #F58220;
--blue-secondary: #00AEEF;
--dark:#000000;
--text:#494949;
--white:#ffff;
}
a {
color: var(--primary);
text-decoration: none !important;
transition: all 0.4s;
}
h1,h2,h3,h4,h5,h6,p{
font-family: 'Montserrat', sans-serif;
}
a:hover {
color: var(--dark);
text-decoration: none;
}
ul{
margin: 0;
padding: 0;
list-style: none;
}
p {
color: var(--darklight);
font-size: 16px;
font-family: var(--font1);
line-height: 150%;
}
p:last-child {
margin-bottom: 0;
}
::selection {
color: var(--white);
background: var(--primary);
}
img {
max-width: 100%;
width: auto;
height: auto;
z-index: 1;
}
html .container {
max-width: 1324px;
margin: 0 auto;
}
section {
padding-top: 100px;
padding-bottom: 100px;
position: relative;
background-color: var(--dark);
}
html .btn {
background: var(--primary);
border-radius: 50px;
padding: 0 4px 0 30px;
line-height: 42px;
border: 1px solid transparent;
color: var(--white);
font-size: 15px;
font-weight: 500;
min-width: 140px;
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: top;
transition: all 0.4s;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
}
html .btn:hover {
background-color: var(--white);
border-color: var(--white);
color: var(--dark);
}
.header-main-bar {
display: flex;
justify-content: space-between;
align-items: center;
}
.sticky .header-bottom {
padding: 10px 0px;
}
.sticky .header-main-bar {
align-items: center;
}
.header-bottom {
padding: 15px 0;
}
header {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 99;
transition: all 0.4s;
}
.header-bottom {
margin: 0 30px;
}
.sticky header {
box-shadow: 0 6px 15px 0 rgb(0 0 0 / 4%);
background-color: var(--dark);
padding-top: 0;
padding-bottom: 0;
}
.sticky header nav > ul > li:hover > a {
color: var(--primary) !important;
}
header nav > ul > li.active > a{
color: var(--primary);
}
.sticky header nav > ul > li.menu-parent > a:hover:after {
border-color: var(--dark);
}
.sticky header nav > ul > li:hover > a:after {
opacity: 1;
border-color: var(--primary);
}
.sticky .contact_us_btn:hover a {
background-color: var(--dark);
color: var(--white);
border-color: var(--dark);
}
.sticky header nav > ul > li:hover > a{
opacity: 1 !important;
color: var(--primary);
}
.header-logo a {
display: block;
max-width: 220px;
}
.sticky .header-logo a {
max-width: 150px;
}
.header-logo img {
display: block;
}
header nav > ul {
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
header nav > ul > li {
position: relative;
}
header nav > ul > li + li {
margin-left: 30px;
}
header nav > ul > li > a {
color: var(--white);
font-weight: 600;
font-size: 15px;
display: inline-block;
vertical-align: top;
line-height: 40px;
position: relative;
text-transform: uppercase;
transition: all 0.5s !important;
font-family: 'Montserrat';
text-transform: uppercase;
}
header nav > ul > li:hover > a{
color: var(--primary);
}
header nav > ul > li.menu-parent > a:after {
content: "";
display: inline-block;
vertical-align: top;
border-right: 2px solid var(--white);
border-bottom: 2px solid var(--white);
transform: rotate(45deg);
width: 5px;
height: 5px;
margin: 18px 0 0 8px;
transition: all 0.4s;
}
header nav > ul > li:hover > a:after {
border-right: 2px solid var(--primary);
border-bottom: 2px solid var(--primary);
}
.sub-menu {
position: absolute;
top: 100%;
background: var(--white);
left: 0;
min-width: 210px;
padding: 8px;
border-radius: 11px;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
opacity: 0;
transform: translatey(20px);
visibility: hidden;
transition: all 0.4s;
}
li:hover > .sub-menu {
opacity: 1;
transform: translatey(0);
visibility: visible;
}
.sub-menu ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 14px;
font-weight: 500;
}
.sub-menu ul li {
margin-bottom: 5px;
}
.sub-menu ul li:last-child {
margin-bottom: 0;
}
.sub-menu ul li a {
color: var(--dark);
display: block;
padding: 8px 15px;
border-radius: 4px;
line-height: 120%;
position: relative;
}
.sub-menu ul li a:hover {
color: var(--primary);
background: #f5f5f5;
}
.sub-menu ul li.active {
color: var(--primary);
background: #fde7e8;
}
.sub-menu .sub-menu{
left: 100%;
top: 0;
}
.sub-menu > ul > li.list-item-parent{
position: relative;
}
.sub-menu ul > li > a:hover, .sub-menu ul > li:hover > a {
background-color: var(--primarylight);
color: var(--primary);
}
.sub-menu ul > li:hover > a:after{
border-color: var(--primary);
}
.header-navbar {
margin-left: auto;
margin-right: 30px;
}
.main {
position: relative;
}
.sub-menu.sub-menu-inner li.menu-parent > a:after {
border-right-color: #000;
border-bottom-color: #000;
margin: 3px 0 0 8px;
transition: all 0.4s;
float: right;
transform: rotate(-45deg);
}
.sub-menu.sub-menu-inner li.menu-parent{
position: relative;
}
.sub-menu.sub-menu-inner li.menu-parent > a:after {
content: "";
display: inline-block;
vertical-align: top;
border-right: 2px solid var(--dark);
border-bottom: 2px solid var(--dark);
transform: rotate(-45deg);
width: 7px;
height: 7px;
transition: all 0.4s;
}
.scrollToTop {
width: 50px;
height: 50px;
position: fixed;
bottom: 110px;
border-radius: 55px;
right: 30px;
line-height: 40px;
color: var(--white);
text-align: center;
-webkit-transition: all 0.5s;
transition: all 0.5s;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
opacity: 0;
background: var(--dark);
z-index: 9;
padding: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.sticky .scrollToTop {
animation-name: bounceInUp;
opacity: 1;
}
.scrollToTop:hover {
color: var(--white);
background-color: var(--primary);
}
.btn {
position: relative;
}
.btn span {
height: 36px;
width: 36px;
display: flex;
justify-content: center;
align-items: center;
background-color: #FEF6DF;
border-radius: 50px;
margin-left: 15px;
}
.btn span svg {
transition: all 0.4s;
}
.btn:hover span svg {
transform: rotate(45deg);
}
.header-top ul li {
width: 25%;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 0;
border-right: 1px solid rgba(255, 255, 255, 0.13);
}
.header-top {
border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}
.sticky .header-top {
margin-top: -42px;
}
.header-top ul {
display: flex;
align-items: center;
justify-content: center;
padding:0;
margin: 0;
}
.header-top ul li .text h4,
.header-top ul li .text a {
color: #FEF6DF;
font-family: Montserrat;
font-size: 15.004px;
font-weight: 400;
margin-bottom: 0;
margin-left: 8px;
}
.header-top ul li .text a:hover {
color: var(--primary);
}
/* banner_section */
.banner_section ul.social-media-icon {
position: absolute;
z-index: 2;
display: block;
bottom: 30px;
left: 32px;
}
.banner_carousel{
position: relative;
}
.banner_section ul.social-media-icon li {
margin-bottom: 7px;
}
.banner_section {
text-align: center;
padding: 0 0 0 0;
position: relative;
z-index: 3;
}
.banner_content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #000000d1;
}
.banner_img {
height: 100vh;
}
.banner-carousel .item {
position: relative;
overflow: hidden;
}
.banner_section::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background-color: #000000d8;
z-index: 1;
}
.banner_content h4 {
color: var(--secondary);
font-size: 32px;
font-weight: 400;
line-height: 100%;
letter-spacing: 4.801px;
font-family: Great Vibes;
}
.banner_content h2 {
color: #FEF6DF;
text-align: center;
font-family: 'Shrikhand', serif;
font-size: 48px;
font-weight: 400;
line-height: 120%;
transform: translateY(80px);
margin: 15px 0;
text-transform: uppercase;
}
.banner_content h5 {
color: #FEF6DF;
font-size: 16.004px;
font-weight: 500;
line-height: 160%;
margin-bottom: 35px;
transform: translateY(80px);
}
.banner_content h3 {
color: var(--secondary);
font-family: Ek Mukta;
font-size: 29.007px;
font-weight: 700;
line-height: 140%;
text-transform: uppercase;
margin-top: 88px;
}
.owl-carousel.banner_carousel .owl-nav button {
height: 50px;
width: 50px;
border-radius: 50px;
position: absolute;
top: 0;
bottom: -140px;
right: 0;
display: flex;
margin: auto 0;
align-items: center;
justify-content: center;
}
.owl-carousel.banner_carousel .owl-nav button:before, .owl-carousel.banner_carousel .owl-nav button:after {
content: "";
display: block;
height: 20px;
width: 20px;
background-repeat: no-repeat;
background-position: center center;
transition: all 0.4s;
position: absolute;
bottom: -20px;
}
.owl-carousel.banner_carousel .owl-nav button:after {
background-image: url('data:image/svg+xml,');
}
.owl-carousel.banner_carousel .owl-nav button:hover:before{
transform: scale(0.9);
}
.owl-carousel.banner_carousel .owl-nav button span {
font-size: 0;
}
.owl-carousel.banner_carousel .owl-nav button.owl-next {
right: 0;
left: auto;
transform: rotate(180deg);
}
.banner_carousel .owl-nav {
position: relative;
}
.banner_carousel .owl-nav {
position: absolute;
left: auto;
right: 40px;
top: 0;
bottom: -30px;
}
.banner_carousel .owl-nav:before {
content: "";
height: 120px;
width: 1px;
position: absolute;
right: 25px;
top: 240px;
bottom: 0;
opacity: 0.3;
background: #FEF6DF;
}
.banner_img img {
height: 100%;
width: 100%;
object-fit: cover;
transition: all 15s;
}
.active .banner_img img {
transform: scale(1.5);
}
.banner_carousel .owl-nav:after {
content: "";
height: 120px;
width: 1px;
position: absolute;
right: 25px;
top: auto;
bottom: 100px;
opacity: 0.3;
background: #FEF6DF;
}
.banner_section .banner_content .active h2 {
transform: translateY(0);
opacity: 1;
}
.banner_section .banner_content .active h5 {
transform: translateY(0);
opacity: 1;
}
/* about_section */
.about_section {
background-color: var(--dark);
padding-top: 200px;
background-image: url(../images/smoke.png);
background-repeat: no-repeat;
}
.about_img1{
position: relative;
}
.about_img1 {
position: absolute;
top: -106px;
left: 206px;
}
.about_img1 img{
border: 12px solid var(--dark);
}
.about_img1:before {
content: "";
height: 100px;
width: 122px;
position: absolute;
background-image: url(../images/tree.png);
right: 0;
top: -50px;
background-repeat: no-repeat;
background-position: left;
animation: about_rotate 4s linear infinite;
}
@keyframes about_rotate{
0% {
transform: translateX(0px);
}
50% {
transform: translatey(60px);
}
100% {
transform: translateX(0px);
}
}
.about_img:before {
content: "";
height: 210px;
width: 210px;
position: absolute;
background-image: url(../images/neem.png);
bottom: -90px;
left: -20%;
transition: all 0.4s;
animation-name: rotateme;
animation-duration: 50s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes rotateme {
0% {
transform: translateX(0px);
}
50% {
transform: translatex(-180px);
}
100% {
transform: translateX(0px);
}
}
.title h6 {
color: var(--secondary);
font-size: 32px;
font-weight: 400;
line-height: 100%;
letter-spacing: 3.601px;
font-family: Great Vibes;
text-transform: capitalize;
}
.title h2 {
color: #FEF6DF;
font-size: 62.016px;
font-weight: 800;
line-height: 120%;
margin-bottom: 18px;
}
.about_section p{
color: #FEF6DF;
font-size: 16.004px;
font-weight: 500;
line-height: 160%;
}
/* branch_section */
.branch_content {
padding-left: 100px;
}
.location_box {
border: 1px solid rgba(254, 246, 223, 0.20);
padding: 35px 20px;
text-align: center;
position: relative;
cursor: pointer;
transition: all 0.4s;
margin-bottom: 40px;
z-index: 11;
}
.location_box svg {
margin-bottom: 18px;
}
.location_box h4 {
color: #FEF6DF;
font-size: 26.007px;
font-weight: 500;
}
.location_box:before {
content: "";
border-top: 2.001px solid #FEF6DF;
border-left: 2.001px solid #FEF6DF;
position: absolute;
height: 50px;
width: 50px;
left: 0;
top: 0;
}
.location_box::after{
content: "";
border-right: 2.001px solid #FEF6DF;
border-bottom: 2.001px solid #FEF6DF;
position: absolute;
height: 50px;
width: 50px;
right: 0;
bottom: 0;
}
.branch_section .title h2 {
margin-bottom: 68px;
}
.branch_section {
padding-bottom: 0;
}
.branch_section:before {
content: "";
background-image: url(../images/tree1.png);
height: 130px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 130px;
position: absolute;
left: 0;
bottom: auto;
right: 0;
top: 50px;
margin: auto;
animation: branch_section 4s linear infinite;
}
@keyframes branch_section {
0% {
transform: translateX(0px);
}
50% {
transform: translatey(80px);
}
100% {
transform: translateX(0px);
}
}
.branch_section::after {
content: "";
background-image: url(../images/tomato.png);
width: 370px;
height: 220px;
position: absolute;
top: 0;
left: auto;
right: -100px;
background-size: contain;
background-repeat: no-repeat;
animation: branch_section1 4s linear infinite;
}
@keyframes branch_section1 {
0% {
transform: translateX(0px);
}
50% {
transform: translatey(50px);
}
100% {
transform: translateX(0px);
}
}
.location_box img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
width: 345px;
opacity: 0;
visibility: hidden;
transition: all 0.4s;
}
.location_box:hover img {
opacity: 1;
visibility: visible;
transform: rotate(13deg);
z-index: -4;
}
/* special_dishes_section */
.special_dishes_section .title h2{
margin-bottom: 50px;
}
.special_dishes_section{
background-image: url(../images/bg-img.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.special_dishes_section:before {
content: "";
height: 100px;
width: 120px;
position: absolute;
top: -90px;
background-image: url(../images/tree2.png);
left: 0;
bottom: auto;
right: -310px;
margin: auto;
animation-name: special_dishes_rotate;
animation-duration: 12s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes special_dishes_rotate {
0% {
transform: translateX(0px);
}
50% {
transform: translatey(60px);
}
100% {
transform: translateX(0px);
}
}
.dishesh_carousel .item{
text-align: center;
}
.dishes_btn{
padding: 0 22px;
line-height: 46px;
background-color: var(--white);
color: var(--dark);
font-size: 18.005px;
font-weight: 600;
display: inline-flex;
border-radius: 50px;
font-family: Montserrat;
border: 1px solid var(--white);
}
.dishes_btn:hover{
background-color: transparent;
border-radius: 36.009px;
border: 1px solid #FEF6DF;
color: #FEF6DF;
}
.dishes_img {
position: relative;
margin-bottom: 80px;
}
.dishes_img img{
transition: all 0.4s;
}
.dishes_img:before {
content: "";
width: 1px;
height: 36.009px;
background-color: var(--secondary);
position: absolute;
bottom: -60px;
}
.dishes_img1 img {
position: absolute;
top: -120px;
bottom: 0;
left: 0px;
right: 0;
margin: auto;
opacity: 0;
visibility: hidden;
transition: all 0.4s;
}
.dishesh_carousel .item:hover .dishes_img img{
opacity: 0;
}
.dishesh_carousel .item:hover .dishes_img1 img{
opacity: 1;
visibility: visible;
}
/* choose_section */
.choose_img img{
height: 100%;
width: 100%;
object-fit: cover;
position: relative;
}
.choose_img_tree {
position: absolute;
top: -70px;
left: -22px;
animation-name: choice_rotate;
animation-duration: 12s;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation: branch_section 4s linear infinite;
}
@keyframes branch_section {
0% {
transform: translateX(0px);
}
50% {
transform: translatey(80px);
}
100% {
transform: translateX(0px);
}
}
.choose_content{
max-width: 605px;
}
.choose_box{
border-radius: 5.001px;
border: 1px solid rgba(255, 255, 255, 0.08);
background: rgba(254, 246, 223, 0.02);
text-align: center;
padding: 30px 20px;
margin-bottom: 30px;
}
.choose_box img{
margin-bottom: 20px;
}
.choose_box h4{
color: #FEF6DF;
font-size: 22.006px;
font-weight: 700;
margin-bottom: 20px;
}
.choose_box p{
color: var(--white);
font-size: 14.004px;
font-weight: 400;
opacity: 0.7;
line-height: 150%;
font-family: Montserrat;
}
section.choose_section {
background-color: #131313;
padding: 0;
}
/* clients_section */
.clients_box a{
border-radius: 5px;
background: var(--white);
height: 150px;
width: 150px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 6px 12px;
}
.clients {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.clients_box a img{
transition: all 0.4s;
}
.clients_box a img:hover {
transform: scale(1.1);
}
.lf-arrows.owl-carousel .owl-nav button {
height: 50px;
width: 50px;
border-radius: 50px;
margin: auto -70px;
position: absolute;
top: -100px;
left: -50px;
bottom: 0;
}
.lf-arrows.owl-carousel .owl-nav button:before,
.lf-arrows.owl-carousel .owl-nav button:after{
content: "";
display: block;
position: absolute;
left:0;
top:0;
bottom:0;
right:0;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center center;
transition: all 0.4s;
}
.lf-arrows.owl-carousel .owl-nav button:after{
background-image: url('data:image/svg+xml,');
}
.lf-arrows.owl-carousel .owl-nav button:hover:before{
transform: scale(0.9);
}
.lf-arrows.owl-carousel .owl-nav button span {
font-size: 0;
}
.lf-arrows.owl-carousel .owl-nav button.owl-next {
right: -50px;
left: auto;
transform: rotate(180deg);
}
.clients_section {
background-image: url(../images/clients-bg.png);
background-repeat: no-repeat;
background-position: right;
background-size: contain;
}
/* footer */
footer{
background-color: var(--dark);
padding: 100px 0 0;
position: relative;
}
.footer_links ul {
padding: 0;
margin: 0;
display: flex;
align-items: center;
}
.footer_links{
padding: 30px 0;
border-top: 1px solid #1F1F1F;
border-bottom: 1px solid #1F1F1F;
margin-top: 55px;
}
.footer_links ul li{
padding-left: 35px;
margin-left: 35px;
position: relative;
}
.footer_links ul li:first-child{
padding-left: 0;
margin-left: 0;
}
.footer_links ul li a {
color: #FEF6DF;
font-size: 16.004px;
font-family: Montserrat;
font-weight: 600;
}
.footer_links ul li a:hover{
color: var(--primary);
}
.footer_links ul li:before {
content: "";
height: 6px;
width: 6px;
background-color: rgba(217, 217, 217, 0.39);
position: absolute;
border-radius: 50px;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.footer_links ul li:first-child::before{
display: none;
}
.footer_info ul{
display: flex;
padding: 0;
margin: 0;
}
.footer_info ul li{
margin-right: 48px;
display: flex;
}
.footer_info ul li .text{
margin-left: 16px;
}
.footer_info ul li p,
.footer_info ul li a {
color: var(--white);
font-family: Montserrat;
font-size: 17.004px;
font-weight: 400;
line-height: 140%;
}
.footer_info ul li a:hover{
color: var(--primary);
}
.footer_info {
padding: 60px 0 45px;
}
ul.social-media-icon li a {
height: 34px;
width: 34px;
background-color: #262523;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
}
ul.social-media-icon li a:hover{
background-color: var(--primary);
}
ul.social-media-icon li{
margin-left: 7px;
}
ul.social-media-icon{
padding: 0;
margin: 0;
display: flex;
}
.laxraj-love svg, .laxraj-love .fa {
color: var(--primary);
margin: 0 3px;
font-size: 10px;
animation: pound 0.35s infinite alternate;
-webkit-animation: pound 0.35s infinite alternate;
width: 12px;
height: auto;
}
.footer-bottom .institute-copy-right p {
margin: 0;
font-weight: 400;
font-size: 15px;
line-height: 20px;
}
.footer_bottom {
padding: 8px 0;
color: var(--white);
background: #131313;
}
.footer_bottom p,
.footer_bottom p a {
color: var(--white);
font-family: Montserrat;
font-size: 15.004px;
font-weight: 400;
letter-spacing: -0.205px;
}
.footer_bottom p a:hover{
color: var(--primary);
}
.special_dishes_img {
position: absolute;
right: 0;
top: -20%;
}
footer:before {
content: "";
height: 100px;
width: 120px;
position: absolute;
top: 5%;
background-image: url(../images/tree2.png);
left: 0;
bottom: auto;
right: 0;
margin: auto;
animation: branch_section 4s linear infinite;
}
@keyframes branch_section {
0% {
transform: translateX(0px);
}
50% {
transform: translatex(80px);
}
100% {
transform: translateX(0px);
}
}
.footer_links:before {
content: "";
background-image: url(../images/tree1.png);
height: 130px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 130px;
position: absolute;
left: 0;
bottom: auto;
right: -30%;
top: 10%;
margin: auto;
transform: rotate(45deg);
animation: footer_links 4s linear infinite;
}
@keyframes footer_links {
0% {
transform: translateX(0px);
}
50% {
transform: translatey(80px);
}
100% {
transform: translateX(0px);
}
}
/* loader_css */
.loader-wrap {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 100;
pointer-events: none;
margin: -20px;
}
.loaded .loader-wrap {
animation-name: loaded-spin ;
animation-duration:2s;
animation-fill-mode: forwards;
}
@keyframes loaded-spin{
0% {
opacity: 1;
visibility:visible;
}
90% {
opacity: 1;
visibility:visible;
}
100% {
opacity: 0;
visibility:hidden;
}
}
.cd-loader-layer {
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 100%;
width: 100%;
opacity: 1;
visibility: visible;
overflow: hidden;
}
.loaded .cd-loader-layer .loader-layer {
animation: cd-sequence-reverse 0.8s steps(24);
animation-delay: 1s;
animation-fill-mode: forwards;
}
.cd-loader-layer .loader-layer, .cd-tabs-layer .tabs-layer, .cd-reserv-overlay-layer .reserv-overlay-layer {
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-98%);
height: 100%;
width: 2500%;
background: url(../images/loaded.png) no-repeat 0 0;
background-size: 100% 100%;
}
.loader:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
border: 2px solid rgba(255, 255, 255, 0.2);
border-top: 2px solid;
border-radius: 50%;
animation: spin2 0.5s infinite linear;
border-radius: 100%;
z-index:2000;
}
.loader:before, .woocommerce .loader::before {
border-top-color: #C19D60!important;
}
@keyframes spin2{
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
@keyframes cd-sequence-reverse{
0% {
transform: translateY(-50%) translateX(-98%);
}
100% {
transform: translateY(-50%) translateX(-2%);
}
}
/* about_page */
.about_us_section,
.services_section {
padding: 215px 0 70px;
}
.inner_banner_content{
text-align: center;
}
.inner_banner_content h4 {
color: #F58220;
font-family: Great Vibes;
font-size: 32px;
font-weight: 400;
line-height: 100%;
margin-bottom: 15px;
}
.inner_banner_content h2 {
color: #FEF6DF;
font-size: 62px;
font-weight: 800;
line-height: 120%;
text-transform: uppercase;
margin-bottom: 60px;
}
.wpr {
width: 380px;
max-width: 100%;
}
.wpr img{
margin-bottom: 33px;
}
.inner_banner_content .wpr p {
color: #FEF6DF;
font-size: 15px;
font-weight: 500;
line-height: 150%;
text-align: start;
}
.wpr_last{
margin-top: 173px;
position: relative;
}
.wpr_last::before {
content: "";
height: 100px;
width: 120px;
position: absolute;
top: -160px;
background-image: url(../images/tree2.png);
left: 0;
bottom: auto;
right: 0;
margin: auto;
animation-name: special_dishes_rotate;
animation-duration: 12s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.wpr.wpr_last p {
margin-bottom: 20px;
}
.about_us_section::after {
content: "";
background-image: url(../images/about_page_img/animation.png);
height: 112px;
width: 76px;
position: absolute;
z-index: 11;
display: inline-block;
right: 0;
bottom: 0;
top: 0;
left: auto;
animation: branch_section 4s linear infinite;
margin: auto;
}
.about_us_section {
padding: 215px 0 70px;
background-image: url(../images/about_page_img/about_banner.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.about_us_section:before {
content: "";
height: 210px;
width: 210px;
position: absolute;
background-image: url(../images/neem.png);
bottom: 0;
left: 0;
right: auto;
top: auto;
transition: all 0.4s;
animation-name: rotateme;
animation-duration: 50s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.about_img_food{
width: 484.107px;
height: auto;
}
/* services_page */
.services_section_img{
position: relative;
}
.services_section_img img{
box-shadow: 10px 10px 0px 0px #ED1C24;
}
.services_content p {
color: #FEF6DF;
font-size: 15px;
font-weight: 500;
line-height: 250%;
}
.services_content {
padding-left: 70px;
}
.services_bottom_content{
padding-left: 0;
padding-top: 55px;
}
/* branch_section */
.branch_section .location_box {
margin-bottom: 50px;
}
/* contact_us_page */
.form-field input {
border-bottom: 1px solid rgba(254, 246, 223, 0.20) !important;
border: 0;
background: none;
padding: 14px 24px;
font-size: 15px;
margin-bottom: 20px;
color: #FEF6DF;
border-radius: 0;
}
.form-field input::placeholder,
.form-field textarea::placeholder{
color: #FEF6DF;
}
.form-field textarea {
height: 108px;
background: none;
border: 0;
resize: none;
padding: 14px 24px;
border-bottom: 1px solid rgba(254, 246, 223, 0.20);
border-radius: 0;
font-size: 15px;
margin-bottom: 32px;
}
.contact_us_section h3 {
color: #FEF6DF;
text-align: center;
font-size: 50px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 40px;
}
.submit_btn {
text-align: center;
}
.submit_btn .btn {
min-width: 0;
padding: 0 5px 0 25px;
}
.form-control:focus{
background: none;
border: 0;
box-shadow: none;
}
.contact_info_box ul li {
display: flex;
margin-bottom: 50px;
}
.contact_info_box ul li:last-child{
margin-bottom: 0;
}
.contact_info_box ul li .icon {
padding-right: 20px;
}
.contact_info_box li .text h4 {
color: #ED1C24;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.56px;
text-transform: uppercase;
margin-bottom: 10px;
}
.contact_info_box li .text a,
.contact_info_box li .text p {
color: #FEF6DF;
font-size: 22px;
font-weight: 400;
}
.contact_info_box li .text a:hover{
color: #ED1C24;
}
.contact_info_box {
padding: 60px 80px 60px 40px;
background: #131313;
margin-right: 20px;
}
.contact_us_section textarea.form-control:focus{
border-bottom: 1px solid rgba(254, 246, 223, 0.20);
}
.contact_us_section form {
margin-left: 20px;
}
/* branch_detail_page */
.tabing_button_section .item {
padding: 0 0 40px 0;
position: relative;
}
.branch_detail{
padding-bottom: 80px;
}
.branch_detail h2{
margin-bottom: 0;
}
.tabing_buttons {
justify-content: center;
display: flex;
flex-wrap: wrap;
position: sticky;
top: 50px;
padding-top: 50px;
z-index: 11;
padding-bottom: 30px;
background-color: #000;
}
.tabing_buttons .btn {
padding: 0 30px;
min-width: 0;
line-height: 48px;
display: inline-block;
border-radius: 36.009px;
background: #000;
margin: 0 10px;
color: #FFF;
font-size: 18.005px;
font-weight: 600;
border: 1px solid #FEF6DF;
}
.tabing_buttons .btn:hover{
background: #FEF6DF;
color: #000;
}
.tabing_button_section{
padding: 0 0 20px 0;
}
.tabing_button_section .item h3 {
color: #FEF6DF;
font-size: 34px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 38px;
}
.menu_img {
overflow: hidden;
}
.menu_img img {
/*height: 100%;*/
width: 100%;
object-fit: cover;
cursor: pointer;
transition: all 0.4s;
}
.menu_img img:hover {
transform: scale(1.1);
}
.menu_img {
/*height: 470px;*/
}
.menu_carousel.lf-arrows.owl-carousel .owl-nav button {
top: 0;
}
.section_id {
position: absolute;
top: -200px;
left: 0;
}
/* gallery */
section.gallery {
padding-top: 0;
}
.gallery_section .inner_banner_content h2{
margin-bottom: 0;
}
.gallery_section{
padding-bottom: 100px;
}
.grid-item {
width: 33.33%;
}
.gallery_img img{
width: 100%;
transition: all 0.4s;
}
.gallery_img img:hover {
transform: scale(1.1);
}
.gallery_img{
overflow: hidden;
}
.grid-item {
padding: 0 15px 30px 15px;
}
.get_touch_section {
padding-top: 0;
}
.get_touch_section h2 {
color: #FFF;
font-size: 52px;
font-weight: 700;
line-height: 160%;
margin-bottom: 20px;
}
.get_touch_section .contact_info > ul {
border-radius: 20px;
background: rgba(254, 246, 223, 0.13);
display: flex;
flex-wrap: wrap;
padding: 50px 60px;
justify-content: space-between;
}
.get_touch_section .contact_info > ul li {
display: flex;
flex-wrap: wrap;
color: #FFF;
font-size: 20px;
font-weight: 500;
line-height: 160%;
}
.get_touch_section .contact_info > ul li .icon {
width: 26px;
height: 26px;
min-width: 26px;
margin-right: 15px;
margin-top: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.get_touch_section .contact_info ul li a {
color: inherit;
}
.get_touch_section .contact_info ul li a:hover {
color: var(--primary);
}
.get_touch_section .contact_info ul li .mail,
.get_touch_section .contact_info ul li .num {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
}
.get_touch_section .contact_info ul li .num {
margin-bottom: 0;
}
.get_touch_section .contact_info ul li h4 {
font-weight: 700;
line-height: normal;
font-size: 20px;
margin-bottom: 8px;
}
.get_touch_section ul.social-media-icon li {
margin: 0 !important;
}
.get_touch_section ul.social-media-icon li + li {
margin-left: 7px !important;
}
.get_touch_section ul.social-media-icon li a {
background: #FEF6DF14;
}
.get_touch_section ul.social-media-icon li a:hover {
background: var(--primary);
}