@font-face {
  font-family: Avenir-Next;
  font-weight: 400;
  font-display: swap;
  src: url(../fontsvalo/AvenirNext/ZZlX2WbsmjBB.woff2)
      format("woff2"),
    url(../fontsvalo/AvenirNext/3bOj19vnybt9.woff) format("woff");
}
@font-face {
  font-family: Avenir-Next;
  font-weight: 500;
  font-display: swap;
  src: url(../fontsvalo/AvenirNext/YIlgN7qrTXLS.woff2)
      format("woff2"),
    url(../fontsvalo/AvenirNext/0y1lsGxkNFI3.woff) format("woff");
}
@font-face {
  font-family: Avenir-Next;
  font-weight: 600;
  font-display: swap;
  src: url(../fontsvalo.com/AvenirNext/tCZYAUItODlw.woff2)
      format("woff2"),
    url(../fontsvalo/AvenirNext/ZR3yA9XQ2t6P.woff) format("woff");
}
html {
  font-size: 100%;
}
body {
  position: relative;
  margin: 0;
  padding: 0;
  color: #282828;
  font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125rem;
  line-height: 1.5;
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

*,
:after,
:before {
  box-sizing: border-box;
}
* {
    padding: 0;
    margin: 0;
    outline-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
  }
  *:focus {
      outline: none;
  }
  figure {
    margin: 0;
  }
  audio,
  canvas,
  iframe,
  img,
  svg,
  video {
    vertical-align: middle;
  }
  button {
    border: none;
    outline: none;
  }
  img {
    max-width: 100%;
    height: auto;
  }

:root {
	
  --primary-color: #65ff00;
  --yellow-color: #ffb70e;
  --border-color: rgba(106, 114, 154, 0.3);
  --white-color: #fff;
  --black-color: #000;
  --footer-color: #e6e7e8;
  --gray-color: #eee;
  --text-box-shadow:: inset 0 10px 10px -10px rgba(0,0,0,.05);
	
  --dark-text: #595959; 
  --dark-text: #282828;
  --light-text: #ffffff;

  --theme--1-bg: #f5f5f0;
  --theme--1-text: #282828;

  --theme--1a-bg: #534f4f;
  --theme--1a-text: #ffffff;

  --theme--1b-bg: #00b1e7;
  --theme--1b-text: #ffffff;

  --theme--2-bg: #44d7b6;
  --theme--2-text: #282828;

  --theme--2a-bg: #0e817f;
  --theme--2a-text: #ffffff;

  --theme--2b-bg: #e9fffa;
  --theme--2b-text: #282828;

  --theme--3-bg: #f7d002;
  --theme--3-text: #282828;

  --theme--3a-bg: #496005;
  --theme--3a-text: #ffffff;

  --theme--3b-bg: #fffcee;
  --theme--3b-text: #282828;

  --theme--4-bg: #ff9d34;
  --theme--4-text: #282828;

  --theme--4a-bg: #8b2400;
  --theme--4a-text: #ffffff;

  --theme--4b-bg: #fff2e5;
  --theme--4b-text: #282828;

  --theme--5-bg: #274e97;
  --theme--5-text: #ffffff;

  --offers-button--1a-bg: #2e63a9;
  --offers-button--1b-bg: #2c5289;	
	
}
.container {
    width: min(90%, 1300px);
    margin-inline: auto;
}

@media (max-width: 1199px) {
  .container {
    padding: 0 15px;
  }
  .navigation-container .sticky {
    padding: 0 15px;
  }
}
section.title-all {
    margin: 0;
}
.title-child {
    font-weight: 700;
    font-size: 2rem;
}
/* Start Topbar */

/* --------------------------------- */
section.topbar1.bt-0 {
    background: var(--gray-color);
    color: var(--dark-text);
}
.topbar1>div {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(300px, 1fr));
	grid-auto-rows: minmax(40px, auto);
	align-items: center;
}
.topbar1>div>div {
	display: grid;
	grid-template-columns: 23px auto;
	grid-auto-rows: minmax(25px, auto);
/*     line-height: 20px !important;  */
	align-items: center;
/* 	white-space: pre; */
	font-size: 16px;
}
.topbar1>div>div:nth-child(2) {
  justify-self: center;
  align-self: center;
}
.topbar1>div>div:nth-child(2) ul {
  display: flex;
}
.topbar1>div>div:nth-child(2) ul li {
 margin: 0 5px;
}
.topbar1>div>div:nth-child(2) ul li a{
color: #fff;
}
.topbar1>div>div a {
 	text-decoration: none;
	color: #292929;
}


.topbar1>div>div:nth-child(2) i {
	margin-right: 5px;
}
@media (max-width: 991.98px){
.topbar1>div>div:nth-child(2) {
    align-items: center;
}
}

/* --------------------------------------- */
.topbar2 {
  color: white;
  background-color: var(--white-color);
  padding: 1rem 0;
}
.topbar-child.child.main-logo a {
    display: inline-block;
    padding: 1px;
}
.topbar2 > div {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-items: center;
}

.topbar2 > div > div:nth-child(1) {
  grid-column: 1 / span 3;
}

.topbar2 > div > div:nth-child(2) {
  grid-column: 4 / span 6;
}

.topbar2 > div > div:nth-child(3) {
  grid-column: 10 / -1;
}

.search-top {
  display: flex;
  border: 0;
  justify-content: center;
  height: 36px;
}

.search-top input {
  padding: 0 10px;
  border: 2px solid #ccc !important;
  border-right-width: 0 !important;
  width: 83%;
  border-radius: 3px 0px 0 3px;
  outline: 0 solid #88b44e !important;
}

.search-top button {
  border: 1px solid;
  border-color: transparent;
  border-radius: 0px 3px 3px 0px;
  background: #00394e;
  color: white;
  padding: 10px 20px;
  height: 36px;
  outline: transparent;
}
.search-top button svg {
  fill: white;
}
.search-top input::placeholder {
    color: #a9a9a9;
    font-size: 13px;
    font-family: "Open Sans";
    font-weight: 100;
}
.topbar1 > div > div:last-child,
.topbar2 > div > div:last-child {
  justify-self: end;
}

.uprescription a {
  padding: 0.5rem 1rem;
  background-color: #f55b14;
  text-decoration: none;
  color: white;
}

.uprescription a:hover {
  color: white;
}

@media (max-width: 992px) {
  .topbar1 > div,
  .topbar2 > div {
    text-align: center;
  }
  .topbar2 > div {
    gap: 15px;
  }
  .topbar1 > div > div:nth-child(1) {
    grid-column: 1 / -1;
    justify-content: center;
  }
  .topbar1 > div > div:nth-child(2) {
    grid-column: 1 / -1;
  }
  .topbar2 > div > div:nth-child(1) {
    grid-column: 1 / -1;
  }
  .topbar2 > div > div:nth-child(2) {
    grid-column: 1 / -1;
    padding-left: 0;
  }
  .topbar2 > div > div:nth-child(3) {
    grid-column: 1 / -1;
  }
  .topbar1 > div > div:last-child,
  .topbar2 > div > div:last-child {
    justify-self: center;
	margin-bottom:10px;
  }
}

/* .others-about{background-color: #f8f8f8;} */

/*---------------------------- navigation -----------------------*/

.navigation-section {
  background: transparent;
  font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all .5s ease 0s;
  box-shadow: 0 .25rem .5rem rgba(0,0,0,.075);
  z-index: 998;
}

.navigation-container {
	width: min(90%, 1300px);
	margin-inline: auto;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: minmax(40px, auto);
	position: relative;
	z-index: 99;
}

.sticky .logo-nav {
	width: min(90%, 1300px);
	margin-inline: auto;
}

.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  transition: all 0.5s ease 0s;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background: white;
}

.sticky .nav-class-div ul li a {
  color: black;
}

.sticky .nav-class-div ul li ul li a {
   color: var(--ftext-color);
}
.nav-class-div ul li.current-menu-item a,
.nav-class-div ul li.current-menu-parent > a,
.nav-class-div ul li.current-menu-parent:before, 
.nav-class-div ul li.current-menu-parent ul li.current-menu-item a,
.nav-class-div ul li ul li a:hover,
.sticky .nav-class-div ul li ul li a:hover
{
   color: #252c30 !important;
}
.navigation-section .logo-nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(40px, auto);
  align-items: center;
}

/*---------------  */

.logo {
  grid-column: 1 / span 1;
  padding-block: 5px;
}

.nav-class-div {
  grid-column: 2 / span 4;
}

.menu-toggle {
  grid-column: 1 / span 3;
  display: none;
}

/* --------------- */

.nav-class-div ul {
    padding: 0;
    margin: 0.5rem 0 0.5rem;
    display: flex;
    list-style-type: none;
	justify-content: end;
}

.nav-class-div ul li {
  padding: 0;
  margin: 0 5px;
  display: inline-block;
  transition: 500ms left cubic-bezier(0.57, 0.21, 0.69, 1.25);
}

.nav-class-div ul li {
  position: relative;
  list-style-type: none;
}

.nav-class-div ul li.menu-item-has-children:before {
  content: "\f0d7";
  font-family: "Font Awesome\ 5 Free";
  font-weight: 900;
  color: white;
  position: absolute;
  right: -5px;
  margin-top: 6px;
}

.sticky .nav-class-div ul li.menu-item-has-children:before {
  color: var(--white-color);
}

.sticky .nav-class-div ul li.active.menu-item-has-children:before {
  color: var(--white-color);
}
/* .nav-class-div ul li.current_page_item::before {
    color: var(--main-color);
} */
.nav-class-div ul li.active.menu-item-has-children:before {
  content: "\f0d7";
  font-family: "Font Awesome\ 5 Free";
  font-weight: 900;
  color: var(--white-color);
}

.nav-class-div ul li ul {
  position: absolute;
  left: 0;
  background-color: #056839;
  box-shadow: 0 15px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  display: none;
  min-width: 200px;
}

/* .sticky .nav-class-div ul li ul {
  background-color: var(--white-color);

}
 */
.sticky .nav-class-div ul li ul a {
  color: var(--main-color);
}

/* .sticky .nav-class-div ul li ul li:not(:last-child) {
  border-bottom: 1px solid #fff;
} */

.nav-class-div ul li ul a {
  color: var(--main-color);
  margin: 10px 1px;
}

.nav-class-div ul li ul li {
  display: block;
  margin: 0;
  padding: 0;
}

/* .nav-class-div ul li ul li:not(:last-child) {
  border-bottom: 1px solid #fff;
}
 */
.nav-class-div ul li ul li a {
  margin: 0 10px;
  padding: 5px 0;
  color: var(--ftext-color);
  border-bottom: 1px solid #fff;
  font-weight: 400;	
  font-size: 12px;
}
.nav-class-div ul li ul li:last-child a {
  border-bottom: none;
}

.nav-class-div ul li a {
	-webkit-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
  display: block;
  padding: 0 2px;
  margin: 7px 1px;
  text-decoration: none;
  font-size: 15px;
  text-transform: capitalize;
  color: black;
}

/* .nav-class-div ul li a:hover {
  color: var(--main-color);
} */
@media (max-width: 767px) {
  .logo {
    display: block;
    color: white;
    grid-column: 1 / span 3;
  }
  .sticky .logo {
    color: white;
    grid-column: 1 / span 3;
  }
  .nav-class-div {
    grid-column: 1 / span 4;
  }
  .menu-toggle {
    grid-column: span 1 / -1;
    grid-row: 1 / span 1;
    display: block;
    font-size: 30px;
    justify-self: end;
    cursor: pointer;
  }
  .menu-toggle:before {
    content: "\f0c9";
    font-family: "Font Awesome\ 5 Free";
    font-weight: 900;
    color: black;
  }
  .sticky .menu-toggle:before {
    color: black;
  }
  .menu-toggle.active:before {
    content: "\f00d";
    font-family: "Font Awesome\ 5 Free";
    font-weight: 900;
    color: black;
  }
  .sticky .menu-toggle.active:before {
    color: black;
  }
  .nav-class-div {
    display: none;
  }
  .nav-class-div.active {
    display: block;
  }
  .nav-class-div.active ul li {
    display: block;
	padding: 2px 0;
  }
  .nav-class-div ul {
    display: block;
  }
  .nav-class-div ul li ul {
    position: static;
  }
}

@media (max-width: 767px) {
  .nav-class-div ul li.active ul {
    display: block;
  }
}

@media (min-width: 768px) {
  .nav-class-div ul li:hover ul {
    display: block;
  }
}

.main-logo img {
  height: auto;
}
/* -------Banner------- */

.hilight-wrapper > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-gap: 30px;
	padding: 5% 0;
}

:nth-child( 1 of .hwc-child-child ) {
      font-size: 2.625rem;
      line-height: 3.5rem;
	  font-weight: 600;
}

:nth-child( 2 of .hwc-child-child ){
        font-size: 1.375rem;
        line-height: 2.375rem;
	    padding: 3% 0;
}
:nth-child( 3 of .hwc-child-child ) a {
    text-decoration: none;
    display: inline-grid;
}
:nth-child( 3 of .hwc-child-child ) a span {
    background: #0f8482;
    color:#fff;
    min-height: 3.75rem;
    padding: 1rem 2.5rem;
    font-size: 1.2499999rem;
    border-radius: 8px;
    transition: .15s ease-in-out;
    transition-property: background-color,color;
    outline: none;
	margin-top: 8%;
}
/* ------------------------------ */
section.top-three-cat {
    padding: 3% 0;
}
.three-cat-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: auto;
  grid-gap: 40px;
}
.cat3-wrapper-child {
  display: grid;
  grid-template-columns: 1fr;
  border-radius: 8px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s ease-in;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.cat3-wrapper-child:hover {
  box-shadow:0 2px 10px 0 rgba(0,0,0,.25);
}
:nth-child( 1 of .cat3wrap-child-child ) {
  grid-area: 1 / 1 / auto / -1;
}
:nth-child( 1 of .cat3wrap-child-child ) img {    
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	width: 100%;
}
:nth-child( 2 of .cat3wrap-child-child ) {
  justify-self: end;
  grid-area: 1 / 1 / auto /-1;
}
:nth-child( 2 of .cat3wrap-child-child ) span {
  width: 124px;
  height: 115px;
  display: inline-block;
  margin-top: -100px;
  margin-right: -25px;
}

:nth-child( 3 of .cat3wrap-child-child ) {
    color: #282828;
    font-weight: 600;
    font-size: 1.375rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 1.5rem 1rem 2rem;
}




/* --------------------- */
section.top-two-cat {
    padding: 0 0 3% 0;
}
.two-cat-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-gap: 50px;
}
.cat2-wrapper-child {
    display: grid;
    grid-template-columns: 3fr 2.3fr;
    grid-auto-rows: auto;
	align-items: center;
    border-radius: 8px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.15);
    transition: box-shadow .2s ease-in;
}
.cat2wrap-child-child:first-child {
    padding: 1rem 2rem 1rem 1rem;
    color: #282828;
	font-size: 1.375rem;
    font-weight: 600;
}
.cat2wrap-child-child:last-child img {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
/* ---------Footer--------- */


footer.main-footer {
    background: #282828;
	padding: 2rem 0;
}
.footer-wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
}
:nth-child( 1 of .footer-wrap-child ) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: auto;
  grid-gap: 30px;
}

:nth-child( 1 of .footer-wrap-child ) :nth-child( 4 of .footer-wrap-child-child ) svg {
    display: block;
    height: 1.5rem;
    fill: #fff;
    max-width: 2.5rem;
}
:nth-child( 4 of .footer-wrap-child-child ) ul {
    justify-content: center;
    display: flex;
    gap: 1.75rem
}
:nth-child( 1 of .footer-wrap-child ) li {
        font-size:1.125rem;
        margin-bottom: 1rem
}
.footer-wrap-child ul,.footer-wrap-child li {
    list-style: none;
    margin: 0;
    padding: 0
}
.footer-wrap-child a {
    color: #fff;
    text-decoration: none;
}

:nth-child( 2 of .footer-wrap-child ) {
    padding: 2rem 0 1.5rem 0;
    margin-top: 2rem;
    border-top: 1px solid #595959;
}

:nth-child( 2 of .footer-wrap-child ) ul li {
    display: inline-block;
    margin: 0 .5rem .5rem .5rem;
    padding-right: 1rem;
    border-right: 1px solid #595959;
    font-size: 1rem
}

:nth-child( 2 of .footer-wrap-child ) ul li:first-child {
    margin-left: 0
}

:nth-child( 2 of .footer-wrap-child ) ul li:last-child {
    border-right: 0
}

:nth-child( 3 of .footer-wrap-child ) {
    color: #ccc;
    padding: 0 0 1rem 0
}

:nth-child( 3 of .footer-wrap-child ) p {
    margin: 0;
    font-size: 1rem
}

:nth-child( 3 of .footer-wrap-child ) p+p {
    margin: 1.5rem 0 0 0
}


/* ---------------------------- */
section.bring-to-fdoor {
    margin: 0 0 3% 0;
}
.bringto-fdoor-wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 30px;
    background: #ecf9fb;
    border-radius: 8px;
}
:nth-child( 1 of .bfdoor-wrapper-child ) {
    max-width: 550px;
    padding: 40px;
    align-self: center;
    display: grid;
    grid-gap: 15px;
}
:nth-child( 1 of .bfdoor-wrapper-child ) > div:first-child {
    font-size: 2rem;
    font-weight: 700;
    text-transform: capitalize;
}
:nth-child( 2 of .bfdoor-wrapper-child ) {
    background: #00b1e7;
    -webkit-clip-path: ellipse(100% 130% at right center);
    clip-path: ellipse(100% 130% at right center);
	 border-radius: 8px;
}

:nth-child( 2 of .bfdoor-wrapper-child ) img {
    display: block;
    margin: 0 auto;
}



/* ---------------------------------------- */

section.multiple-cat {
    padding: 3% 0;
}
.multiple-cat-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: auto;
  grid-gap: 40px;
}
.multiple-cat-wrapper-child {
  display: grid;
  grid-template-columns: 1fr;
  border-radius: 8px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s ease-in;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.multiple-cat-wrapper-child:hover {
  box-shadow:0 2px 10px 0 rgba(0,0,0,.25);
}
:nth-child( 1 of .catmultiple-child-child ) {
  grid-area: 1 / 1 / auto / -1;
}
:nth-child( 1 of .catmultiple-child-child ) img {    
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	width: 100%;
}

:nth-child( 2 of .catmultiple-child-child ) {
    color: #282828;
    font-weight: 600;
    font-size: 1.375rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 1.5rem 1rem 2rem;
}

.multiple-title-arrow {
    display: grid;
    grid-template-columns: auto 20px;
    align-items: center;
}

.multiple-title-arrow > div:last-child {
    justify-self:end;
}

.multiple-title-arrow > div:last-child {
    display: block;
    flex-basis: 0.75rem;
    max-width: .75rem;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    width: .75rem;
    height: 1.375rem;
    overflow: hidden;
}

.multiple-title-arrow > div:last-child svg{
    display:block;
    width:100%;
    height:100%;
}


/* -------------------- */

/* -------Top Deals-------- */
section.top-deals {
    padding: 3% 0;
}
.top-deals-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-gap: 50px;
}
.top-deals-wrapper-child {
    display: grid;
    grid-template-columns: 3fr 2.3fr;
    grid-auto-rows: auto;
	align-items: center;
    border-radius: 8px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.15);
    transition: box-shadow .2s ease-in;
}
:nth-child( 1 of .top-deals-child-child ) {
    padding: 1rem 2rem 1rem 1rem;
    color: #282828;
	font-size: 1.375rem;
    font-weight: 600;
}
:nth-child( 2 of .top-deals-child-child ) img {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
:nth-child( 2 of .top-deals-child-child ) {
  justify-self: end;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
}
.topdeals-circle-svg svg{
	width:100%;
	fill:#d3212a;
}
.topdeals-circle-img {
    grid-area: 1 / 1 / 2 / -1;
}
.topdeals-circle-svg {
    justify-self: end;
    grid-area: 1 / 1 / 2 / -1;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    justify-items: end;
}
.topdeals-circle-svg .child-circle-svg .svg-info-wrap {
    width: 105px;
    margin-top: -45px;
    margin-right: -25px;
}
.topdeals-circle-svg .child-circle-info span {
    width: 118px;
    height: auto;
    display: inline-block;
    margin-top: -100px;
    margin-right: -25px;
}
.child-circle-svg {
    grid-area: 1 / 1 / 2 / -1;
}
.child-circle-info {
    grid-area: 1 / 1 / 2 / -1;
}
.svg-info-wrap-child {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
}
.svg-info-wrap-child > div:first-child {
    grid-area: 1 / 1 / 2 / -1;
}
.svg-info-wrap-child > div:last-child {
    grid-area: 1 / 1 / 2 / -1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	color: white;
	font-weight: 600;
	line-height: 1.3;
}
:nth-child( 1 of .topdeal-info-text ) {
    font-size: 1rem;
}
:nth-child( 2 of .topdeal-info-text ) {
    font-size: 2rem;
}
/* ---------------------------------------- */
section.more-form-food {
    padding: 3% 0;
	background: #f5f5f0;
}
section.more-form-food .title-wrapper {
	margin-bottom: 2rem;
}
.more-form-food-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: auto;
  grid-gap: 40px;
}
.more-form-food-wrapper-child {
  display: grid;
  grid-template-columns: 1fr;
  border-radius: 8px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s ease-in;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.more-form-food-wrapper-child:hover {
  box-shadow:0 2px 10px 0 rgba(0,0,0,.25);
}
:nth-child( 1 of .more-form-food-child-child ) {
  grid-area: 1 / 1 / auto / -1;
}
:nth-child( 1 of .more-form-food-child-child ) img {    
	border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

:nth-child( 2 of .more-form-food-child-child ) {
    margin: 1.25rem 1rem 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
}
:nth-child( 3 of .more-form-food-child-child ) {
    margin: 0 1rem 1.25rem;
    font-weight:600;
	font-size:1.375rem;
	line-height:2rem;
	color:#282828
}
:nth-child( 4 of .more-form-food-child-child ) {
    margin: 0 1rem 1.25rem;
	color:#534f4f;
	font-size: 1.125rem;
    line-height: 1.75rem;
}




/* ---------------------------------------- */

section.more-form-food2 {
    padding: 3% 0;
	background: #ffffff;
}
section.more-form-food2 .title-wrapper {
	margin-bottom: 2rem;
}
.more-form-food-wrapper2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: auto;
  grid-gap: 40px;
}
:nth-child( 1 of .more-form-food-wrapper-child2 ) {
    background: #44d7b6;
}
:nth-child( 2 of .more-form-food-wrapper-child2 ) {
    background: #ff9d34;
}
:nth-child( 3 of .more-form-food-wrapper-child2 ) {
    background: #f7d002;
}
.more-form-food-wrapper-child2 {
  display: grid;
  grid-template-columns: 1fr;
  border-radius: 8px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s ease-in;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.more-form-food-wrapper-child2:hover {
  box-shadow:0 2px 10px 0 rgba(0,0,0,.25);
}
:nth-child( 1 of .more-form-food-child-child2 ) {
  grid-area: 1 / 1 / auto / -1;
	display: none;
}
:nth-child( 1 of .more-form-food-child-child2 ) img {    
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

:nth-child( 2 of .more-form-food-child-child2 ) {
    margin: 1.25rem 1rem 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
}
:nth-child( 3 of .more-form-food-child-child2 ) {
    margin: 0 1rem 1.25rem;
    font-weight:600;
	font-size:1.375rem;
	line-height:2rem;
	color:#282828
}
:nth-child( 4 of .more-form-food-child-child2 ) {
    margin: 0 1rem 1.25rem;
	color:#534f4f;
	font-size: 1.125rem;
    line-height: 1.75rem;
}



/* ------------------------------------------------------------ 

Responsive

 ------------------------------------------------------------ */

@media( max-width: 991px ) {
.title-child {
    font-size: 1.5rem;
}	
.hilight-wrapper {
    grid-template-columns: 1fr;
}
	
.two-cat-wrapper {
    grid-template-columns: 1fr;
	grid-gap: 30px;
}

.cat2wrap-child-child:first-child {
    font-size: 1.1rem;
}
.bringto-fdoor-wrapper {
    grid-template-columns: 1fr;
}
	
:nth-child( 2 of .bfdoor-wrapper-child ) {
	-webkit-clip-path: unset;
    clip-path: unset;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.top-deals-wrapper {
    grid-template-columns: 1fr;
}
:nth-child( 1 of .top-deals-child-child ) {
   font-size: 1rem;
}
}
@media( max-width:767px ) {
.topdeals-circle-svg .child-circle-svg .svg-info-wrap {
    width: 90px;
}
:nth-child( 2 of .topdeal-info-text ) {
    font-size: 1.5rem;
}
}



/* =============================================== */

.logo-scroll-wrapper {
	border-bottom: 1px solid #ccc;
}

.logo-scroll-parent {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-block: 40px;
  overflow: hidden;
}

.column {
  overflow: hidden;
  height: 40px;
}

.inner {
  display: flex;
  gap: 30px;
}

.slide {
  flex: 0 0 auto;
  overflow: hidden;
}

.slide img {
  width: 100%;
  height: 40px;
  object-fit: cover;
}

/* responsive */
/* @media (max-width: 768px) {
  .column { height: 160px; }
  .slide { width: 220px; }
} */














/* ========================= */

section.about-section {
    margin-block: 50px 0px;
}

/* ---------------------------------------- */

section.highlight-five {
    padding: 70px 0 80px;
}
.highlight-five-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
	grid-auto-rows: auto;
	grid-gap: 40px;
	padding: 40px 0;
	border-radius: 20px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}
.highlight-five-wrapper-child {
  display: grid;
  grid-template-columns: 1fr;
  border-radius: 8px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s ease-in;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.highlight-five-wrapper-child:hover {
	box-shadow:0 2px 10px 0 rgba(0,0,0,.25);
}
:nth-child( 1 of .highlight-five-child ) {
	grid-area: 1 / 1 / auto / -1;
	justify-self: center;
}
:nth-child( 1 of .highlight-five-child ) img {    
	width: max-content;
}

:nth-child( 2 of .highlight-five-child ) {
    color: #282828;
    font-weight: 600;
    font-size: 1.375rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-block: 1.5rem 0;
	padding-inline: 1rem;
	text-align: center;
}

.highlight-title-arrow {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
}

/* .highlight-title-arrow > div:last-child {
    justify-self:end;
}

.highlight-title-arrow > div:last-child {
    display: block;
    flex-basis: 0.75rem;
    max-width: .75rem;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    width: .75rem;
    height: 1.375rem;
    overflow: hidden;
}

.highlight-title-arrow > div:last-child svg{
    display:block;
    width:100%;
    height:100%;
} */
/* ------------------- */

:nth-child( 1 of .about-child ) {
	margin-block-end: 1rem;
}
:nth-child( 1 of .about-child ) h1 {
	font-size: 2rem;
}


/* -------------- */
section.why-section {
    margin-block: 80px 70px;
}

:nth-child( 1 of .why-child ) {
	margin-block-end: 1rem;
}
:nth-child( 1 of .why-child ) h1 {
	font-size: 2rem;
}

/* -------------- */
:nth-child( 1 of .book-flight-child ) {
	margin-block-end: 0.5rem;
}
:nth-child( 1 of .book-flight-child ) h1 {
	font-size: 2rem;
}
:nth-child( 2 of .book-flight-child ) {
	margin-block-end: 0.5rem;
}
:nth-child( 3 of .book-flight-child ) {
    margin-block-start: 35px;
}

/* GRID */
.book-flight-card-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
}

/* CARD */
.card {
  height: 420px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

/* IMAGE (for zoom effect) */
.card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s ease;
}

/* GRADIENT */
.card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgb(0 0 0 / 60%) 95%);
}

/* CONTENT */
.content {
  position: absolute;
  bottom: 0;
  padding: 25px;
  color: white;
  z-index: 2;
}

.content h2 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.3;
}

.content small {
  opacity: 0.8;
  font-size: 14px;
}

.price {
  font-size: 30px;
  font-weight: bold;
  margin: 6px 0 15px;
}

/* BUTTON */
.btn {
  display: inline-block;
  padding: 10px 18px;
  background: #ff4d6d;
  color: white;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}

.btn:hover {
  background: #e63950;
}

/* HOVER EFFECT */
.card:hover img {
  transform: scale(1.1);
}


/* RESPONSIVE */
@media (max-width: 768px) {
  .grid {
    grid-template-columns: 1fr;
  }
}













/* --------------------------- */
section.faq-section {
    margin-block: 80px 70px;
}
:nth-child( 1 of .faq-child ) {
    margin-block-end: 25px;
}
:nth-child( 1 of .faq-child ) h1 {
	font-size: 2rem;
}

:nth-child( 2 of .faq-child ) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}
.faq-item {
  background: #ffffff;
  margin-bottom:12px;
  border-radius:8px;
  overflow:hidden;
  color: #4a4a4a;
  border: 1px solid #9b9b9b;
}
.faq-question {
    padding: 10px 15px;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    transition: background 0.3s ease;
}

.faq-question:hover{
  background: #ffffff;
}

/* Plus icon */
.faq-question::after{
  content:"+";
  position:absolute;
  right:20px;
  font-size:22px;
  transition:transform 0.3s ease;
}

.faq-item.active .faq-question::after{
  content:"–";
}

/* Smooth animation part */
.faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.4s ease, padding 0.3s ease;
  padding:0 18px;
  background: #ffffff;
}

.faq-answer p {
    margin: 0;
    line-height: 1.6;
    font-size: 16px;
}

.faq-item.active .faq-answer {
    padding: 0 15px;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
:nth-child( 2 of .faq-child ) {
    grid-template-columns: 1fr;
    grid-gap: 0;
}
}

















section.flight-section {
	margin: 0;
	background: url("../images/hero-bg.png");
	background-size: cover;
	padding-block: 15vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flight-search{
	padding:25px;
	background:rgba(255,255,255,0.15);
	backdrop-filter:blur(10px);
	border-radius:12px;
	border:1px solid rgba(255,255,255,0.3);
}

.top-options{
	display:flex;
	gap:15px;
	margin-bottom:15px;
}

.top-options select{
	padding:10px;
	border-radius:6px;
	border:none;
}

.search-fields{
	display:flex;
	align-items:center;
	gap:10px;
}

.field {
	background: white;
	padding: 10px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
}

.field input{
	border:none;
	outline:none;
	width:100%;
}

.swap-btn{
	background:white;
	border:none;
	padding:10px;
	border-radius:50%;
	cursor:pointer;
}

.search-btn{
	background:#ff4b6e;
	color:white;
	border:none;
	padding:12px 30px;
	border-radius:8px;
	font-weight:bold;
	cursor:pointer;
}
@media (max-width: 767px) {
	.top-options{
		display:grid;
	}
	
.search-fields {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}
	}