/*
                         BBBBBBBBBBBBBBBBB   
                         B::::::::::::::::B  
                         B::::::BBBBBB:::::B 
vvvvvvv           vvvvvvvBB:::::B     B:::::B
 v:::::v         v:::::v B::::B     B:::::B
  v:::::v       v:::::v  B::::B     B:::::B
   v:::::v     v:::::v   B::::BBBBBB:::::B 
    v:::::v   v:::::v    B:::::::::::::BB  
     v:::::v v:::::v     B::::BBBBBB:::::B 
      v:::::v:::::v      B::::B     B:::::B
       v:::::::::v       B::::B     B:::::B
        v:::::::v        B::::B     B:::::B
         v:::::v         BB:::::BBBBBB::::::B
          v:::v          B:::::::::::::::::B 
           vvv           B::::::::::::::::B  
                         BBBBBBBBBBBBBBBBB
Custom CSS for Vasantabhavan
@name: Vasantabhavan;
@author: Vinformax Systems Private Ltd;
@developer: gochan;
*/
*{padding: 0;margin: 0;}
@font-face{font-family: 'Lobster';src:  url('../fonts/Lobster-Regular.woff');}
@font-face{font-family: 'OpenSans-Light';src:  url('../fonts/OpenSans-Light.woff');}
@font-face{font-family: 'OpenSans-Regular';src:  url('../fonts/OpenSans-Regular.woff');}
@font-face{font-family: 'OpenSans-Semibold';src:  url('../fonts/OpenSans-Semibold.woff');}
@font-face{font-family: 'OpenSans-Bold';src:  url('../fonts/OpenSans-Bold.woff');}
body{font-family: 'OpenSans-Regular' !important;color: #444;background: #000;}
h1,h2,h3,h4,h5,h6 {font-family:'Lobster' !important;margin:0;padding:0;color:#458a03;text-transform: capitalize;}
a,a:hover,a:visited,a:focus{text-decoration:none;outline: none !important;}
.wrap{margin-left: auto;margin-right: auto;width: 960px;position: relative;}
h1{font-size: 6em;}
p{font-size: 2em;}
.intro p{width: 50%;margin: 0 auto;font-size: 1.5em;}
.section{text-align:center;}
.carousel {margin: 0 auto;width:500px;height: 400px;display: relative;}
.carousel img {display: hidden;cursor: pointer;}
.loader {display: block;position: fixed;top: 0;left: 0;bottom: 0;z-index: 10000000;width: 100%;height: 100%;background-color: #F6F6F6;background-repeat: no-repeat;background-position: center;}
 .loader .css {background: none;position: fixed !important;top: 50%;left: 50%;width: 260px;height: 150px;transform: translate(-50%,-50%);text-align: center;}
.preloader{margin-top: 30px;text-align: center;}
.preloader > div {background-color: #468a03;height: 10px;width: 10px;border-radius: 50%;display: inline-block;-webkit-animation: stretchdelay 0.9s infinite ease-in-out;animation: stretchdelay 0.9s infinite ease-in-out;}
.preloader .circ2 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
.preloader .circ3 {-webkit-animation-delay: -0.7s;animation-delay: -0.7s;}
.preloader .circ4 {-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
.preloader .circ5 {-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.preloader .circ6 {-webkit-animation-delay: -0.4s;animation-delay: -0.4s;}
.preloader .circ7 {-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}
.preloader .circ8 {-webkit-animation-delay: 2s;animation-delay: -0.2s;}
@-webkit-keyframes stretchdelay {0%, 40%, 100% { -webkit-transform: translateY(-10px) }20% { -webkit-transform: translateY(-20px) }}
@keyframes stretchdelay {0%, 40%, 100% {transform: translateY(-10px);-webkit-transform: translateY(-10px);} 20% {transform: translateY(-20px);-webkit-transform: translateY(-20px);}}
body{background: url('/assets/images/Banner_3.jpg') no-repeat !important;background-size: 100%!important;}
#section3{background: url('/assets/images/Vasanth_10.jpg') no-repeat !important;}
/*body.fp-viewing-2{background: url('/assets/images/menu-section-banner.jpg') no-repeat !important;}
body.fp-viewing-3{background: url('/assets/images/menu-section-banner.jpg') no-repeat !important;}*/
#section2 p{margin: 0 auto;width: 80%;}
/*#section2 img{box-shadow: 2px 4px 15px rgba(179, 179, 179, 0.61);}*/
#section2 img{width: 45%;}
#slide1{background: url('/assets/images/slider/Slide_W_01.jpg') no-repeat !important;}
#slide2{background: url('/assets/images/slider/Slide_W_02.jpg') no-repeat !important;}
#slide3{background: url('/assets/images/slider/Slide_W_03.jpg') no-repeat !important;}
#slide4{background: url('/assets/images/slider/Slide_W_04.jpg') no-repeat !important;}
#slide11{background: url('/assets/images/Banner_07.jpg') no-repeat !important;}
#slide12{background: url('/assets/images/slider/Heritage.jpg') no-repeat !important;}
#slide13{background: url('/assets/images/slider/Vasanth_04.jpg') no-repeat !important;}
/* #slide01{background: url('/assets/images/slider/vbworld_velachery.jpg') no-repeat !important;background-size: 100%!important;} */
#slide01 {
  background: url('/assets/images/slider/vbworld_velachery.jpg') no-repeat center center !important;
  background-size: cover !important;
}
/*#slide01{background: url('/assets/images/Qatar03.jpg') no-repeat !important;background-size: 100%!important;}
/* #slide02{background: url('/assets/images/Us02.jpg') no-repeat !important;background-size: 100%!important;} */
#slide02{background: url('/assets/images/vbworld.png') no-repeat !important;background-size: 100%!important;}
#slide03{background: url('/assets/images/slider/Slide_03.jpg') no-repeat !important;background-size: 100%!important;}
#slide30{background: url('/assets/images/Vasanth_MD.jpg') no-repeat !important;background-size: 100%!important;}
.img-bg-1{background: url('/assets/images/slider/Vasanth_04.jpg') no-repeat !important;}
.img-bg-2{background: url('/assets/images/slider/Heritage.jpg') no-repeat !important;}
.img-bg-3{background: url('/assets/images/slider/Slide_W_04.jpg') no-repeat !important;}

header{background: #fff;width: 100%;float: left;box-shadow: 0 5px 5px rgba(60, 60, 60, 0.12);position: relative;z-index: 99;height: 90px;}
header .logo img{position: relative;transform: scale(1.7);top: 39px;z-index: 999;transition: all 0.5s linear;}
.top-bar {padding: 25px 40px;width: 100%;float: left;position: absolute;z-index: -1;}
.top-bar::after{content:'';background: #fff;position: absolute;color: #fff;padding: 86px 170px;border-radius: 50%;transform: translate(-350px, -45px);transition: all 0.5s linear;}
.top-bar.text-center img{position: relative;top: -23px;left:30px;z-index: 99;transition: all 0.5s linear;}
.logo_icon{position: absolute;left: 47%;top: 0px;opacity: 0;}
.left-nav{float: left;padding-left: 30px;}
.right-nav{float: right;padding-right: 50px;width: 42%;}
.left-nav ul a{padding-left: 80px;padding-top: 20px;color: #333;}
.left-nav ul a li{display: inline-block;line-height: 18px;padding-top: 7px;}
.left-nav ul a:nth-of-type(1){width: 250px;float: left;}
.left-nav ul a:nth-of-type(1):before{content:'';width: 65px;height: 65px;background: url('/assets/images/outdoor.png') no-repeat;position: absolute;margin-left: -70px;margin-top: -4px;}
.left-nav ul a:nth-of-type(2){width: 180px;float: left;margin-left: 45px;}
.left-nav ul a:nth-of-type(2):before{content:'';width: 65px;height: 65px;background: url('/assets/images/franchise.png') no-repeat;position: absolute;margin-left: -70px;margin-top: -4px;}
.left-nav ul a:nth-of-type(3){width: 150px;float: left;margin-left: 45px;}
.left-nav ul a:nth-of-type(3):before{content:'';width: 65px;height: 65px;background: url('/assets/images/press.png') no-repeat;position: absolute;margin-left: -70px;margin-top: -4px;}
.right-nav ul a{padding-left: 80px;padding-top: 20px;color: #333;}
.right-nav ul a li{display: inline-block;line-height: 18px;padding-top:0px;}
.right-nav ul a:nth-of-type(1){width: 250px;float: left;line-height: 50px;}
.right-nav ul li:nth-of-type(1) a:before{content:'';width: 65px;height: 65px;background: url('/assets/images/About.png') no-repeat;position: absolute;margin-left: -70px;margin-top: -4px;}
.right-nav ul li:nth-of-type(1) ul li:nth-of-type(1) a:before{content:'';width: 65px;height: 65px;background: url('/assets/images/MD.png') no-repeat;position: absolute;margin-left: -70px;margin-top: -4px;}
.right-nav ul li:nth-of-type(1) ul li:nth-of-type(2) a:before{content:'';width: 65px;height: 65px;background: url('/assets/images/Process.png') no-repeat;position: absolute;margin-left: -70px;margin-top: -4px;}
.right-nav ul li:nth-of-type(1) ul li:nth-of-type(3) a:before{content:'';width: 65px;height: 65px;background: url('/assets/images/Gallery.png') no-repeat;position: absolute;margin-left: -70px;margin-top: -4px;}
.right-nav ul a:nth-of-type(1):before{content:'';width: 65px;height: 65px;background: url('/assets/images/press.png') no-repeat;position: absolute;margin-left: -70px;margin-top: -4px;}
.right-nav ul a:nth-of-type(2):before{content:'';width: 65px;height: 65px;background: url('/assets/images/Clients.png') no-repeat;position: absolute;margin-left: -70px;margin-top: -4px;}
.right-nav ul li:nth-of-type(1) ul li:nth-of-type(4) a:before{content:'';width: 65px;height: 65px;background: url('/assets/images/resume.png') no-repeat;position: absolute;margin-left: -70px;margin-top: -4px;}
.right-nav ul li:nth-of-type(1) ul li:nth-of-type(5) a:before{content:'';width: 65px;height: 65px;background: url('/assets/images/CallUs.png') no-repeat;position: absolute;margin-left: -70px;margin-top: -4px;}

.right-nav ul a:nth-of-type(2){width: 200px;float: left;margin-left: 35px;}
.right-nav ul a:nth-of-type(3){width: 200px;float: left;margin-left: 35px;}
.right-nav ul a li span{float: left;color: #333;}
.iso{width: 70%;margin: 0 auto;color: #fff;}
.iso h1{padding-top: 25px;font-size: 46px;}
.iso p{font-size: 23px;padding-top: 15px;}
.carousel-content{width: 50%;margin: 0 auto;}
.para-content{width: 100%;float: left;}
.para-content p{font-size: 20px;text-align: justify;text-align-last: center;padding-top: 20px;color: #555555;}
.about h2{padding-top: 0px;font-size: 46px;color: #458a03;padding-bottom: 0px;}
.products{width: 50%;margin: 0 auto;/*background: rgba(0,0,0,0.5);*/padding: 40px 0 80px 0;}
.products h3{font-size: 46px;color: #fbff5a;}
.products p{width: 90%;margin: 0 auto;color: #fff;font-size: 18px;margin-bottom: 30px;}
.features{width: 100%;float: left;}
.locally-sourced, .hygienic, .fresh-food, .happy-customer, .outdoor-catering, .frachise-opportunity{width: 100%;float: left;}
.left, .right{width: 50%;float: left;}
.locally-sourced .right{display: table;height: 50vh;}
.locally-sourced .right .content{display: table-cell;vertical-align: middle;padding-left: 60px;}
.locally-sourced .right .content h4{font-size:36px;color: #458a03;text-align: left;padding-top: 100px;}
.locally-sourced .right .content p{width: 65%;float: left;font-size: 20px;text-align: justify;}
.hygienic .left{display: table;height: 50vh;}
.hygienic .left .content{display: table-cell;vertical-align: middle;padding-right: 60px;}
.hygienic .left .content h4{width: 65%;float: right;font-size: 36px;color: #458a03;text-align: left;padding-top: 100px;}
.hygienic .left .content p{width: 65%;float: right;font-size: 20px;text-align: justify;}
.fresh-food .right{display: table;height: 50vh;}
.fresh-food .right .content{display: table-cell;vertical-align: middle;padding-left: 60px;}
.fresh-food .right .content h4{font-size:36px;color: #458a03;text-align: left;padding-top: 100px;}
.fresh-food .right .content p{width: 65%;float: left;font-size: 20px;text-align: justify;}
.happy-customer .left{display: table;height: 50vh;}
.happy-customer .left .content{display: table-cell;vertical-align: middle;padding-right: 60px;}
.happy-customer .left .content h4{width: 65%;float: right;font-size: 36px;color: #458a03;text-align: left;padding-top: 100px;}
.happy-customer .left .content p{width: 65%;float: right;font-size: 20px;text-align: justify;}
.outdoor-catering .right{display: table;height: 50vh;}
.outdoor-catering .right .content{display: table-cell;vertical-align: middle;padding-left: 60px;}
.outdoor-catering .right .content h4{font-size:36px;color: #458a03;text-align: left;padding-top: 100px;}
.outdoor-catering .right .content p{width: 65%;float: left;font-size: 20px;text-align: justify;}
.outdoor-catering .right .content a{float: left;width: 100%;text-align: left;font-weight: bold;}
.frachise-opportunity .left{display: table;height: 50vh;}
.frachise-opportunity .left .content{display: table-cell;vertical-align: middle;padding-right: 60px;}
.frachise-opportunity .left .content h4{width: 65%;float: right;font-size: 36px;color: #458a03;text-align: left;padding-top: 100px;}
.frachise-opportunity .left .content p{width: 65%;float: right;font-size: 20px;text-align: justify;}
.frachise-opportunity .left .content a{width: 65%;float: right;text-align: left;font-weight: bold;}
footer{width: 100%;float: left;padding-top: 4rem;background: #699e2a;}
.zip-search{width: 100%;float: left;padding-bottom: 40px;}
.zip-search label{text-align: left;width: 100%;float: left;text-transform: uppercase;color: #fff;}
.zip-search input{width: 100%;float: left;border: none;background: transparent;border-bottom: 1px solid #c2fd7b;padding-right: 40px;line-height: 30px;font-size: 20px;outline:none;}
.zip-search .ui-input-text{width: 100%;float: left;}
.zip-search .bth-enter{font-size: 20px;color: #fff;text-align: right;width: 40px;float: right;position: relative;top: -35px;}
.zip-search .bth-enter span{transform: rotate(45deg);float: right;}
.footer-links{width: 100%;float: left;padding-bottom: 30px;}
.footer-links .col1{width: 275px;float: left;}
.footer-links .col2{width: 275px;float: left;}
.footer-links .col3{width: 275px;float: left;}
.footer-links .col4{width: 275px;float: left;}
.footer-links h5{color: #fff;text-transform: uppercase;font-family: "OpenSans-Regular" !important;text-align: left;margin-bottom: 15px;}
.footer-links .social-icons{width: 100%;float: left;text-align: left;}
.footer-links .social-icons a{margin-right: 10px;}
.footer-links .col2 ul li{list-style: none;text-align: left;}
.footer-links .col2 ul li a:hover, .footer-links .col2 ul li a:visited{text-decoration: none;}
.footer-links .col2 ul li a{color: #c2fd7b;line-height: 30px;}
.footer-links .col3 p{color: #c2fd7b;margin-bottom: 15px;font-size: 16px;text-align: left;}
.footer-links .col4 address{color: #c2fd7b;font-size: 16px;margin-bottom: 15px;text-align: left;}
.footer-bottom{width: 100%;float: left;background: #4b7815;}
.footer-bottom p{color: #c2fd7b;font-size: 16px;text-align: left;margin-bottom: 0px;padding:10px;}

.franchise span{font-family: 'OpenSans-Semibold';}
.franchise .contact-form p{font-family: 'OpenSans-Light';font-size: 16px;}
.form-label-group > label{font-family: 'OpenSans-Regular';font-size: 18px;}
.form-label-group textarea{padding-top: 14px;}
.franchise .form-control{border-radius: 0;background-color: #efeeec;}
.franchise .contact-form{border: 1px solid #ccc;background-color: #fff;padding: 0;border-radius: 8px;}
.franchise .contact-form .text-center{font-family: 'OpenSans-Semibold';font-size: 22px;padding: 20px 30px;background-color: #f7922d;color: #fff;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.franchise .contact-form form{padding: 25px 30px;}
.franchise .btn{background-color: #d7252d;font-family: 'OpenSans-Semibold';border-radius: 0;font-size: 24px;}
.franchise .HearAboutUs{font-family: 'OpenSans-Regular';font-size: 18px;}
.franchise select{height: 50px !important;}
.franchise form select{-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: var(--input-padding-y) var(--input-padding-x);border: 1px solid #ced4da;background: white url(/assets/images/br_down-2.png) no-repeat;background-position-x: calc(100% - 4%);background-position-y: center;}
.franchise-overwrite {padding: 0px !important;margin-top: 0px !important;}
.modal .modal-dialog {max-width: 960px;}
.modal-dialog-centered {min-height: calc(100% - (1.75rem * 2));overflow: unset;}
.modal .modal-content {border-radius: 0px;border: none;}
.mode-bdr {border-radius: 8px !important;}
.modal.show { position: fixed;}
body.modal-open #myContainer {filter: blur(5px);}
.bb {display: none;}
.bal-cols {position: absolute;right: 25px;font-size: 39px;color: #fff;opacity: 1;text-shadow: 0px 1px 1px #000;font-weight: bolder;border: 2px solid #fff;border-radius: 50%;padding: 2px 5px;top: 15px;line-height: 30px;box-shadow:none;z-index: 99;background-color: transparent;}
div[style*='9999999']{filter: opacity(0) !important;}
.dsp-menu{display: block;}
  .mbl-menu{display: none;}
@media only screen and (max-width:1199px){
  .dsp-menu{display: none;}
  .mbl-menu{display: block;}
  body{overflow-y: scroll !important;}
  header{height:80px;position: fixed;}
  #navcheck {position: fixed;opacity: 0;}
  label {position: absolute;margin: 0;padding: 0;border: none;outline: none;background: none;cursor: pointer;}
  label::before {position: fixed;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(18, 67, 100, 0.6);content: '';opacity: 0;pointer-events: none;transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
  label .burger {position: fixed;top: 1.45em;right: 2em;z-index: 3;width: 2em;height: 2em;margin: 0;padding: 0;transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
  label .burger::before,label .burger .bar, label .burger::after {position: absolute;left: 0;display: block;width: 100%;height: 12%;background: #848484;content: '';transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
  label .burger .bar{top: 44%;}
  label .burger::before{top: 0;transform-origin: top left;}
  label .burger::after{bottom: 0;transform-origin: bottom left;}
  input:focus + label .burger,label:hover .burger {opacity: .75;}
  nav {position: fixed;top: 0;left: 0;bottom: 0;z-index: 2;display: flex;flex-flow: column nowrap;justify-content: center;align-items: flex-start;transform: translate3d(0, 0, 0);transform: translateX(-100%);will-change: transform;transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);width: 360px;}
  nav::before {position: absolute;top: 0;bottom: 0;left: 0;z-index: -1;width: 25em;background: #458a03;content: '';transform: skewX(15deg) translateX(-100%);transform-origin: bottom left;will-change: transform;transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
  @media (min-width: 40em) {
    nav::before{width: 40em;}
  }
  nav a {margin: .5em 0;padding: .2em 1.7em .2em 3em;font-size: 1.5em;color: white;text-decoration: none;font-weight: 500;transform: translateX(-100%);transition: color .15s, transform .5s;transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);width: 360px;float: left;}
  nav a:nth-child(1){transition-delay: 0s, 100ms;}
  nav a:nth-child(1)::before{content: '';width: 65px;height: 65px;background: url(/assets/images/outdoor.png) no-repeat;position: absolute;margin-left: -65px;margin-top: 8px;}
  nav a:nth-child(2){transition-delay: 0s, 150ms;padding: .2em 2.7em .2em 3em;}
  nav a:nth-child(2)::before{content: '';width: 65px;height: 65px;background: url(/assets/images/franchise.png) no-repeat;position: absolute;margin-left: -65px;margin-top: 8px;}
  nav a:nth-child(3){transition-delay: 0s, 200ms;padding: .2em 6em .2em 3em;}
  nav a:nth-child(3)::before{content: '';width: 65px;height: 65px;background: url(/assets/images/press.png) no-repeat;position: absolute;margin-left: -65px;margin-top: 8px;}
  nav a:nth-child(4){transition-delay: 0s, 250ms;}
  nav a:nth-child(4)::before{content: '';width: 65px;height: 65px;background: url(/assets/images/mail.png) no-repeat;position: absolute;margin-left: -65px;margin-top: 8px;}
  nav a:nth-child(5){transition-delay: 0s, 300ms;padding: .2em 4em .2em 3em;}
  nav a:nth-child(5)::before{content: '';width: 65px;height: 65px;background: url(/assets/images/phone.png) no-repeat;position: absolute;margin-left: -65px;margin-top: 8px;}
  nav a:nth-child(6){transition-delay: 0s, 350ms;}
  nav a:nth-child(6)::before{content: '';width: 65px;height: 65px;background: url(/assets/images/resume.png) no-repeat;position: absolute;margin-left: -65px;margin-top: 8px;}
  nav a:hover, nav a:focus{text-decoration: none;color: #d01313;}
  main {overflow: hidden;}
  main .content {transform: translate3d(0, 0, 0);will-change: transform, filter;transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
  [id="navcheck"]:checked + label::before {opacity: 1;pointer-events: auto;}
  [id="navcheck"]:checked + label .burger::before, [id="navcheck"]:checked + label .burger::after {width: 141.42%;background: #fff;}
  [id="navcheck"]:checked + label .burger::before {transform: rotate(45deg) translateY(-50%);}
  [id="navcheck"]:checked + label .burger::after {transform: rotate(-45deg) translateY(50%);}
  [id="navcheck"]:checked + label .burger .bar {transform: scale(0.1);}
  [id="navcheck"]:checked ~ nav {transform: translateX(0);}
  [id="navcheck"]:checked ~ nav::before {transform: skewX(15deg) translateX(0);}
  [id="navcheck"]:checked ~ nav a {transform: translateX(0);}
  [id="navcheck"]:checked ~ main .content {transform: translateX(3em);transform-origin: left center;-webkit-filter: blur(2px);filter: blur(2px);}
  .visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
  .main{width: 100%;float: left;margin-top: 75px;}
  .banner{width: 100%;float: left;background: #458a03;}
  .banner-img{width: 100%;}
  .iso{width: 80%;margin:0 auto;padding: 60px 0;text-align: center;}
  .about-mobile{width: 100%;float: left;}
  .about-mobile .carousel{width: 80%;height: inherit;}
  .about-mobile .carousel .carousel-item img{width: 500px;margin:0 auto;}
  .about-mobile h1{padding: 50px 0;text-align: center;color: #458a03;}
  .about-mobile figure{width: 100%;float: left;text-align: center;}
  .about-mobile figure figcaption{width: 100%;float: left;padding: 30px 0 50px 0;}
  .full-mobile{width: 100%;float: left;}
  .about-mobile .carousel-control-next, .about-mobile .carousel-control-prev{opacity: 1 !important;}
  .about-mobile .carousel-control-prev-icon{background: #4CAF50 no-repeat center center !important;padding: 20px;border-radius: 50%;width: 50px;height: 50px;}
  .about-mobile .carousel-control-prev-icon::before{content:'\2190';position: absolute;font-size: 35px;margin-top: -22px;color: #fff;margin-left: -16px;}
  .about-mobile .carousel-control-next-icon::before{content:'\2192';position: absolute;font-size: 35px;margin-top: -22px;color: #fff;margin-left: -16px;}
  .about-mobile .carousel-control-next-icon{background: #4CAF50 no-repeat center center !important;padding: 20px;border-radius: 50%;width: 50px;height: 50px;}
  .lightbox-mobile .full-mobile img{width: 100%;}
  .lightbox-mobile .pdf-mobile{width: 100%;float: left;padding: 50px 0;text-align: center;}
  .lightbox-mobile .pdf-mobile h3{color: #458a03;}
  .lightbox-mobile .pdf-mobile p{width: 70%;margin:0 auto;font-size: 16px;line-height: 30px;padding-bottom: 30px;}
  .boxsection-mobile{width: 100%;float: left;}
  .boxsection-mobile .box{width: 100%;float: left;}
  .boxsection-mobile .box img{width: 100%;}
  .boxsection-mobile .box h4{padding: 40px 0 20px 10px;color: #458a03;font-size: 30px;}
  .boxsection-mobile .box p{font-size: 16px;width:90%;margin:0 auto;padding-top: 20px;text-align: justify;text-align-last: center;}
  .boxsection-mobile .box p.left{padding-left: 20px;}
  .footer-mobile{width:100%;float: left;background: #699e2a;padding-top: 50px;margin-top: 20px;}
  .zip-search{padding-bottom: 10px;}
  .zip-search label{position: relative;}
  .zip-search .bth-enter{width: 30px;}
  .footer-links{padding-bottom: 10px;}
  .zip-search .bth-enter span{transform: rotate(50deg);}
  .footer-links .col1{width: 100%;padding-bottom: 30px;}
  .footer-links .col2{width: 33%;padding-bottom: 30px;}
  .footer-links .col3{width: 33%;padding-bottom: 30px;}
  .footer-links .col4{width: 33%;padding-bottom: 30px;}
  .h4-style{    padding: 0 0 0px 0px!important;
    color: #458a03!important;
    font-size: 16px!important;
  text-align: left!important;width: 100%!important;display: inline-block!important;}
  .h4-style:focus{ outline: none!important;
    border: none!important;
    box-shadow: none !important;
    text-decoration: none!important;}
}

@media only screen and (max-width:640px){
	.footer-bottom p {
    color: #c2fd7b;
    font-size: 16px;
    text-align: center;
    margin-bottom: 0px;
    padding: 20px;
}
  .footer-links .col2{width: 50%;}
  .footer-links .col3{width: 50%;}
  .footer-links .col4{width: 100%;}
  nav{width: inherit;}
  nav a{width: 320px;font-size: 21px;}
  nav a:nth-child(1)::before{background-size: 75%;margin-left: -55px;}
  nav a:nth-child(2)::before{background-size: 75%;margin-left: -55px;}
  nav a:nth-child(3)::before{background-size: 75%;margin-left: -55px;}
  nav a:nth-child(4)::before{background-size: 75%;margin-left: -55px;}
  nav a:nth-child(5)::before{background-size: 75%;margin-left: -55px;}
  nav a:nth-child(6)::before{background-size: 75%;margin-left: -55px;}
  .iso p{font-size: 18px;text-align: justify;}
  .lightbox-mobile .pdf-mobile p{line-height: inherit;width: 100%;}
/*[id="navcheck"]:checked ~ nav::before{transform: inherit;}*/
}
@media only screen and (max-width:360px){
	
  /* nav a{width: 320px;font-size: 18px;}
  nav a:nth-child(1)::before{background-size: 60%;margin-left: -45px;margin-top:0px;}
  nav a:nth-child(2)::before{background-size: 60%;margin-left: -45px;margin-top:0px;}
  nav a:nth-child(3)::before{background-size: 60%;margin-left: -45px;margin-top:0px;}
  nav a:nth-child(4)::before{background-size: 60%;margin-left: -45px;margin-top:0px;}
  nav a:nth-child(5)::before{background-size: 60%;margin-left: -45px;margin-top:0px;}
  nav a:nth-child(6)::before{background-size: 60%;margin-left: -45px;margin-top:0px;}*/
  .footer-links .col2{width: 100%;}
  .footer-links .col3{width: 100%;}
  .footer-links .col4{width: 100%;}
  nav::before{width: 26em;}
}
@media only screen and (max-width:640px) and (orientation: landscape) {
  nav::before{transform: unset;transition: unset;}
[id="navcheck"]:checked ~ nav::before{transform: unset;}
}

/*read more*/
.rdmr-tp{width: 100%;display: block;position: relative;bottom: -35px;}
.modal .modal-content {
    border-radius: 0px;
    border: none;
    position: absolute;
   /* overflow: scroll;*/
}
.modal .modal-header {
    padding: 0px;
}
.modal .modal-header .close {
    position: absolute;
    right: 25px;
    font-size: 39px;
    color: #fff;
    opacity: 1;
    text-shadow: 0px 1px 1px #000;
    font-weight: bolder;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 2px 5px;
    top: 25px;
    line-height: 30px;
    box-shadow: 0 1px 4px #000;
}
.modal .modal-body {
    padding: 60px 35px 20px 35px;
}
.modal-body h1 {
    margin-bottom: 15px;
        color: #458a03;
}
.modal .modal-body p {
    font-size: 18px;
    line-height: 29px;
    font-family: 'OpenSans-Regular';
    text-align: justify;
}
a:focus, a:hover{text-decoration: none!important;}
.modal-open {
    overflow: hidden!important;
    position: fixed!important;
}
.read-mre{width: 100%;display: inline-block;margin-top: 25px;color: red;font-weight: bold;}
#fp-nav ul, .fp-slidesNav ul{display: none;}
#section2 .products{width: 40%;text-align: left;margin-left: 140px;word-spacing: 4px;}
#section2 .products p{font-size: 18px;padding-top: 15px;width: 100%;font-family: 'OpenSans-Light'}

#mute{
  cursor: pointer;
  height: 50px;
  width: 50px;
  position: absolute;
  bottom:  5px;
  right: 5px;
  /*border: 1px solid #000;*/
  background-size: cover;
  z-index: 999;
}
.mute-bg{    background-color: #fff;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    position: absolute;
    bottom: 10px;
    right: 50px;
    z-index: 999;}
    .foot-id{padding-top: 150px;}
    .zip-search ::placeholder{color: #fff;font-size: 14px;}

    /*section padding for responsive*/
    .features{padding-top: 91px;}

    .fp-controlArrow.fp-next::after{content: "\e080";}
    .fp-controlArrow.fp-next{display: none;}
    .fp-controlArrow.fp-prev{display: none;}
#slide20{background: url(/assets/images/slider/aaa.jpg) no-repeat !important;background-size: 100% !important;}
#slide20 .fp-tableCell{background: linear-gradient(90deg, rgba(0,0,0,0.989233193277311) 0%, rgba(0,0,0,0.8015581232492998) 25%, rgba(0,0,0,0) 75%); 
background:-moz-linear-gradient(90deg, rgba(0,0,0,0.989233193277311) 0%, rgba(0,0,0,0.8015581232492998) 25%, rgba(0,0,0,0) 75%)
}
#slide21{background: url(/assets/images/slider/02_Hygienic_01.jpg) no-repeat !important;background-size: 100% !important;}
#slide21 .fp-tableCell{background: linear-gradient(90deg, rgba(0,0,0,0.989233193277311) 0%, rgba(0,0,0,0.8015581232492998) 25%, rgba(0,0,0,0) 75%);}
#slide22{background: url(/assets/images/slider/Fresh_02.jpg) no-repeat !important;background-size: 100% !important;}
#slide22 .fp-tableCell{background: linear-gradient(90deg, rgba(0,0,0,0.989233193277311) 0%, rgba(0,0,0,0.8015581232492998) 25%, rgba(0,0,0,0) 75%);}
#slide23{background: url(/assets/images/slider/Happy.jpg) no-repeat !important;background-size: 100% !important;}
#slide23 .fp-tableCell{background: linear-gradient(90deg, rgba(0,0,0,0.989233193277311) 0%, rgba(0,0,0,0.8015581232492998) 25%, rgba(0,0,0,0) 75%);}
#slide24{background: url(/assets/images/slider/Outdoor_02.jpg) no-repeat !important;background-size: 100% important;}
#slide24 .fp-tableCell{background: linear-gradient(90deg, rgba(0,0,0,0.989233193277311) 0%, rgba(0,0,0,0.8015581232492998) 25%, rgba(0,0,0,0) 75%);}
#slide25{background: url(/assets/images/slider/Franchise.jpg) no-repeat !important;background-size: 100% !important;}
#slide25 .fp-tableCell{background: linear-gradient(90deg, rgba(0,0,0,0.989233193277311) 0%, rgba(0,0,0,0.8015581232492998) 25%, rgba(0,0,0,0) 75%);}
#section3{background-size: 100% !important;}
.mbl-foot .read-mre{margin-top: 0px;font-weight: unset;}
#arrow-dwn{background-image: url('/assets/images/slider/down-img.png');    cursor: pointer;
    height: 30px;
    width: 30px;
    position: fixed;
    bottom: 22px;
    right: 62px;
    /* border: 1px solid #000; */
    background-size: cover;
    z-index: 999;}
.btm-arow {
    background-color: #fff;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    position: fixed;
    bottom: 10px;
    right: 50px;
    z-index: 999;
}
.modal-header img{width: 100%;}
.menu-hover{position: fixed;
    z-index: 9999;
    left: 40%;
    background-color: transparent;
    top: 3.5%;
text-align: center;
display: none;}

.menu-hover ul{list-style: none;}
.pop-social-icons{    position: relative;
    float: right;
    list-style: none;
    display: inline-block;
    top: 0px;}
.pop-social-icons li{display: inline-block;border: 2px solid #ccc;border-radius: 50%;}
.pop-logo{ position: absolute; top: 2%; width: 25%!important; left: 2%;}
.hover-menu{position: absolute;z-index: 99; left: 48%;bottom:-35px;display: none;}
.hover-menu ul{color: #fff;list-style: none;}
.hover-menu ul li:nth-of-type(1){position: absolute;left: -90px;}
.hover-menu ul li:nth-of-type(3){position: absolute;top: -1px;right: -100px;}
/*.top-bar:hover .hover-menu{display: block;}*/
.hover-menu ul li a {font-size: 18px;color: #7db138!important;opacity: 1}
#slide01 .products {
    width: 40%;
    text-align: left;
    margin-left: 140px;
    word-spacing: 4px;
}   
#slide02 .products {
    width: 40%;
    text-align: left;
    margin-left: 140px;
    word-spacing: 4px;
}   
.coming-soon .badge{font-size: 50%;font-weight: unset;}
.right-nav ul a:nth-of-type(1) li{margin-top: 10px;}
.close-img{top: unset!important;left: 1%!important;position: absolute!important}
.hover-menu:after{content: '';background-color: red;height: 50px;width: 50px;}
.right-nav ul a:nth-of-type(2) li{margin-top: 10px;}
.count-img{float: right;margin-top: 10px;display: inline-block;}
.indc-foot{margin-bottom: 50px;}
.opn-srt{font-size: 50%;}
body[class*=fp-viewing-5-]{background-color: #fff!important;background-image: none !important;}
.vid-ht{height: 99vh;background-color: #fff;}
@media screen and (max-width: 480px) {
  #slide01 .products {
    width: 90% !important;
    left: 50% !important;
    top: 25% !important;
    transform: translateX(-50%) !important;
    padding: 10px 15px !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }

  #slide01 .products h2 {
    font-size: 1.2rem !important;
  }

  #slide01 .products h3 {
    font-size: 1rem !important;
  }

  #slide01 .products a {
    display: block;
    text-align: center;
    margin-top: 12px;
    padding: 8px 16px !important;
    font-size: 0.95rem !important;
  }
}


.mbl-menu nav {
  display: none;
  flex-direction: column;
  background: #fff;
  padding: 15px;
  position: absolute;
  top: 60px; /* adjust based on header height */
  left: 0;
  right: 0;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  z-index: 999;
}

.mbl-menu input[type="checkbox"]:checked ~ nav {
  display: flex;
}

.mbl-menu nav a {
  padding: 12px 15px;
  color: #333;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid #eee;
}

.mbl-menu nav a:hover {
  background: #f9f9f9;
  color: #d32f2f;
}


@media (max-width: 991px) {
  .dsp-menu { display: none; }
  .mbl-menu { display: block; }
}

@media (min-width: 992px) {
  .dsp-menu { display: block; }
  .mbl-menu { display: none; }
}


/* Blog Content Styling */
.blog-post {
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px 20px;
    font-family: 'Poppins', sans-serif;
    color: #333;
}

/* Blog Header */
.blog-header {
    text-align: center;
    margin-bottom: 60px;
    margin-top: 120px;
}
.blog-header h1 {
    font-size: 3rem;         /* fixed: large heading */
    font-weight: 700;
    margin-bottom: 20px;
    color: #7db138;          /* brand green */
    line-height: 1.2;
}
.blog-header p {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #444;
    max-width: 900px;
    margin: 15px auto;
    text-align: justify;       /* justify for neat alignment */
    text-justify: inter-word;  /* better spacing for justified text */
}

/* Dish Section (Zig-Zag Layout) */
.dish {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin: 60px 0;
    flex-wrap: wrap; /* responsive stacking */

    border: 1px solid #f6931d;   /* festive orange border */
    border-radius: 10px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(246, 147, 29, 0.15); /* subtle orange shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.dish:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(246, 147, 29, 0.25); /* stronger shadow on hover */
}
.dish-img {
    flex: 1;
    text-align: center;
}
.dish-img img {
    width: 100%;
    max-width: 420px;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}
.dish-content {
    flex: 1;
}
.dish-content h2 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: #444;
}
.dish-content p {
    font-size: 1rem;
    line-height: 1.7;
    color: #333;
    text-align: justify;       /* justify inside dish blocks too */
    text-justify: inter-word;
}
.dish-content .note {
    font-style: italic;
    color: #666;
    font-size: 0.95rem;
    text-align: justify;
}

/* Buttons */
.try-btn,
.cta-btn {
    display: inline-block;
    padding: 12px 24px;
    border: none;
    background: #d32f2f;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease;
    text-decoration: none;
}
.try-btn:hover,
.cta-btn:hover {
    background: #b71c1c;
    transform: translateY(-2px);
}

/* Alternate Layout */
.alt-left .dish-img { order: 1; }
.alt-left .dish-content { order: 2; }
.alt-right .dish-img { order: 2; }
.alt-right .dish-content { order: 1; }

/* Why Choose Section */
.why-choose {
    margin-top: 80px;
    text-align: center;
    background: #f9fdf8; /* soft green-tinted bg */
    padding: 50px 40px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.why-choose h2 {
    font-size: 2rem;
    margin-bottom: 25px;
    font-weight: 700;
    color: #2e7d32;
    position: relative;
}

.why-choose h2::after {
    content: "";
    display: block;
    width: 80px;
    height: 3px;
    background: #7db138;
    margin: 12px auto 0;
    border-radius: 2px;
}

.why-choose ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 1.15rem;
    color: #333;
    text-align: left;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.why-choose li {
    margin-bottom: 18px;
    padding-left: 35px;
    position: relative;
    line-height: 1.6;
}

.why-choose li::before {
    content: "✔";
    color: #7db138;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.2rem;
}

/* Highlight keywords */
.why-choose strong {
    color: #d32f2f; /* red highlight for keywords */
}

/* Responsive Fix for Mobile */
@media (max-width: 768px) {
    .dish {
        flex-direction: column;
        text-align: center;
    }
    .alt-left .dish-img,
    .alt-left .dish-content,
    .alt-right .dish-img,
    .alt-right .dish-content {
        order: unset;
    }
    .dish-content h2 {
        font-size: 1.5rem;
    }
    .blog-header h1 {
        font-size: 2.2rem;
    }
}
/* Order Buttons Wrapper */
.order-buttons {
    display: flex;
    gap: 15px;
    margin-top: 18px;
    flex-wrap: wrap; /* responsive for small screens */
}

/* Generic Button Styling */
.order-btn {
    display: inline-block;
    padding: 10px 22px;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.2s ease;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}

/* Hover Effect */
.order-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.25);
}

/* Swiggy Button */
.order-btn.swiggy {
    background: #fc8019; /* Swiggy Orange */
}
.order-btn.swiggy:hover {
    background: #e56f0e;
}

/* Zomato Button */
.order-btn.zomato {
    background: #e23744; /* Zomato Red */
}
.order-btn.zomato:hover {
    background: #c71f2e;
}

/* Mobile Friendly */
@media (max-width: 600px) {
    .order-buttons {
        flex-direction: column;
        gap: 10px;
    }
    .order-btn {
        text-align: center;
        width: 100%;
    }
}
/* ================= Combo Section Styling ================= */
.combo-section {
    margin: 70px auto;
    padding: 40px 30px;
    border-radius: 12px;
    text-align: center;
    max-width: 950px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    background: #fff;
    border: 2px solid #f6931d; /* festive orange border */
}

.combo-section h2 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #d32f2f; /* red highlight */
}

.combo-price {
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    background: #f6931d; /* orange background */
    display: inline-block;
    padding: 10px 25px;
    border-radius: 8px;
    margin: 15px 0 25px;
    box-shadow: 0 4px 12px rgba(246,147,29,0.3);
}

.combo-list {
    list-style: none;
    padding: 0;
    margin: 0 auto 25px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px 25px;
    max-width: 750px;
    text-align: left;
}

.combo-list li {
    font-size: 1.1rem;
    color: #333;
    position: relative;
    padding-left: 22px;
}

.combo-list li::before {
    content: "•";
    color: #f6931d;
    font-size: 1.4rem;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
}

.combo-date {
    font-size: 1.2rem;
    font-style: italic;
    color: #444;
}

/* Different styles per brand */
.vbworld-menu {
    border-color: #f6931d;
    background: #fffaf4; /* light orange tint */
}
.nvvb-menu {
    border-color: #7db138;
    background: #f9fdf8; /* light green tint */
}
.nvvb-menu h2 {
    color: #2e7d32; /* green title */
}
.nvvb-menu .combo-price {
    background: #7db138; /* green price box */
    box-shadow: 0 4px 12px rgba(125,177,56,0.3);
}

/* Responsive Fix */
@media (max-width: 768px) {
    .combo-section {
        padding: 25px 20px;
    }
    .combo-section h2 {
        font-size: 1.6rem;
    }
    .combo-price {
        font-size: 1.3rem;
        padding: 8px 18px;
    }
    .combo-list {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 8px 15px;
    }
}