/*
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 2.9.1755923534
Updated: 2025-08-23 04:32:14

*/

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('fonts/DINNextLTPro-Light.woff2') format('woff2'),
        url('fonts/DINNextLTPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('fonts/DINNextLTPro-Bold.woff2') format('woff2'),
        url('fonts/DINNextLTPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Pro Medium Cond';
    src: url('fonts/DINNextLTPro-HeavyCondensed.woff2') format('woff2'),
        url('fonts/DINNextLTPro-HeavyCondensed.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}




/*Common CSS Start*/
h1, h2, h3, h4, h5, h6 ,  section.home-slider,.section.online-sec .heading span ,.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{ font-family:'DIN Next LT Pro', sans-serif; letter-spacing: normal;-webkit-text-size-adjust: none;	font-weight:normal;line-height: normal;  margin: 0;    font-weight: 600;}
 
a,p,ul li,button, li a,span,div,input,button,textarea , .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .header-footer-group table td, ol.ser_kl li , .delivery-sec   p,.catering-form .cathead{
  font-family: 'DIN Next LT Pro', sans-serif;
	letter-spacing:normal;
	outline:0;
	-webkit-text-size-adjust: none;
	font-weight:normal;
	font-size:14px;
}
a:hover, a:focus ,a  {  text-decoration: none !important; }
input,button.textarea {  outline:none;}
:focus-visible {    outline: none !important;}
:focus-within {    outline: none !important;}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 16px;
	-webkit-text-size-adjust: none; 
	--btn-bg: #cd530c;
	 --btn-bg-hover: #cd530c;
}
*{
	-webkit-text-size-adjust: none;
}
ul, ol ,.header-titles .site-logo,ul.primary-menu{    margin: 0;    list-style: none;}
.container {
    max-width: 1220px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
section{padding:3rem 0;}
body {  background: #fff;}
.cnt {text-align:center;}
.disp-flex {  display: flex;  justify-content: space-between;  align-items: center;  gap: 40px;}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="number"], input[type="search"], input[type="tel"], body textarea,select {  border-radius: 0;  letter-spacing: normal;   width: 100%; font-size: 14px;
       background: #f1f1f1;   padding: 10px 14px;   color: #282828;    border-color: #f1f1f1; 	height:auto;    line-height: normal; }

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:#282828; }
input::placeholder, textarea::placeholder { color: #282828; }
 input[type="search"]:focus {  outline: none;  }
body button,body .button,body  input[type="button"],body input[type="submit"],a.cfs-hyperlink {      background-color:  var( --btn-bg);
    color: #fff;        border: 1px solid var( --btn-bg);     font-size: 14px;    padding: 14px 20px;    text-decoration: none !important;
    width: auto;    border-radius:4px;         font-weight: 600;    position: relative;  transition: all 1s cubic-bezier(.25,1,.35,1) 0s;   display: inline-block;      text-transform: inherit;letter-spacing:0.4px; } 
a.cfs-hyperlink  span  ,.blog .more-link span {  font-size:15px;font-weight: 600;position: relative;  transition: 0.2s ease-out;   }
.cfs-hyperlink:hover,.blog .more-link:hover,body .button:hover{ border-color: var( --btn-bg-hover);   background:transparent;   color:var( --btn-bg-hover);   }
.acf-link:hover span {color: #fff;}  
.theme-btn   {   margin-top: 20px;    position: relative;    z-index: 2; }
body input[type="submit"]:hover { border-color: #d62828;   background: transparent;    color: #d62828;  }
 
.col-left,.col-right {  width:48%;  }
a {  text-decoration: none; }
.center,.cnt { text-align:center; }
p,p.desc, p, p.desc,  section.privacy-top p, section.privacy-top li  ,body{  font-size: 15px;    color: #282828;    margin-bottom: 0;
    font-weight: 500;    line-height: 22px; font-family: "Montserrat", sans-serif; }
.disp-flex {  display: flex;  justify-content: space-between;  align-items: center;  }


.main-heading {   font-size: 48px;        color: #cd530c;  font-weight: 500;   margin: 0; margin-bottom: 30px;       position: relative;}
.main-heading span {       font-weight: 600; font-size: 48px;        color: #cd530c;   }

/*Common CSS End*/

/* Header CSS Start*/

.header-titles-wrapper {  width: 100%;  max-width: 100%;justify-content: space-between !important;    margin: 0;}
.header-inner {    padding-top: 0px;  width:100%;     max-width: 95%;}
.header-inner li { list-style: none;}
.top-inner { background: #000;padding: 13px 0px;}
.left_div ul {  display: flex;  gap: 12px;margin: 0px;align-items: center;}
.left_div li { margin-top: 0px;  color: #fff;  font-size: 14px;  font-weight: 600;}
 .left_div {
    width: 30%;
}

.right_div {
    width: 30%;
    text-align: right;
}
.site-logo,.wp-custom-logo .header-titles {  margin: 0px !important;}
body:not(.enable-search-modal) .site-logo img { margin: auto;}
.wp-custom-logo .header-titles {         width:40%;
        text-align: center;        justify-content: center;}
.header-inner {  padding: 0px;}
.right_div a {  color: #fff;  text-decoration: none;  background-color: #cb531e;  padding: 10px 10px;  border-radius: 4px;}
ul.primary-menu {  margin: 0;  justify-content: center;  padding: 4px 0;}
.boxex { background-color: #fff;  box-shadow: 0px 1px 4px 1px #ccc;  border-top: 4px solid #cd530c;height: 360px;width: 33%;    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 10px;}
.header-navigation-wrapper {  background: #CB531E;  width: auto;  display: block;}
.primary-menu li {  margin-top: 0;padding: 0 0px;}
.primary-menu li a {  color: #fff !important;    font-size: 17px ;    padding: 15px 10px;font-weight: 600;}
.primary-menu li a:hover,.primary-menu li.current-menu-item a{ color: #000 !important; }
.bx-btn {  text-align: center;}
.bx-btn a {  color: #fff;  border-color: #cd530c;  background-color: #cd530c;  padding: 8px 20px;  text-decoration: none;}
.boxex img {  margin: 0;  }
.boxex .dsc {  padding: 10px 20px;}
.orange-divide {  position: relative;  padding-bottom: 30px;  margin-bottom: 40px;  text-align: center;}
.orange-divide::before {  content: "";  position: absolute;  bottom: 0;  left: 50%;  transform: translateX(-50%);  width: 98px;
  height: 25px;  background-image: url('img/divide.png');  background-repeat: no-repeat;  background-size: contain;}
.white-divide {  position: relative;  padding-bottom: 30px;  margin-bottom: 40px;  text-align: center;}
.white-divide::before {  content: "";  position: absolute;  bottom: 0;  left: 50%;  transform: translateX(-50%);  width: 98px;
  height: 25px;  background-image: url('img/divide1.png');  background-repeat: no-repeat;  background-size: contain;}
.work-sec {     background: url(img/back.png) no-repeat center center / cover;
    padding: 6em 0 0;
    text-align: center;
    background-size: 100% auto;
    background-position: top;}

p.top_con {
    margin: 0;
    font-weight: 600;    color: #fff;
}


#Subheader {
    background-color: rgba(0, 0, 0, .02);
    background-position: center top;
    background-repeat: no-repeat;
    padding: 30px 0;
    position: relative;
}
#Subheader {
    background-color: rgba(247, 247, 247, 1);
}

#Subheader .column.one {
    display: flex;
    justify-content: center;
}

#Subheader .title {
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #000000;
}

#Subheader {        
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
/* Header CSS End*/

/*Button CSS Start*/
/*Button CSS End*/

.sp-slide , .sp-slide img{ width:100%;}
.sp-layer.slide-heading1 {
  background: transparent;
  text-align: center;
  font-size: 50px !important;
  width: auto !important;
  color:#fff;
}
.sp-layer.slide-heading1 {font-family: 'DIN Next LT Pro', sans-serif;font-weight: 600;color:#fff}
 
.sp-layer.slide-heading2 {
  background: transparent;
  padding: 0;
  font-size: 35px !Important;
  width: auto !important;
  text-align: center;
  font-family: 'DIN Next LT Pro', sans-serif;
 font-weight: 600;color:#fff;font-weight: 600;
  font-style: italic;
}
.sp-layer.slide-btns {
  background: transparent;
  padding: 0;
}
.sp-layer.slide-heading1.slide-heading2 {
  font-family: "Kings", cursive;
  font-size: 100px !important;
}
.sp-layer.slide-heading2.slide-2 {
  font-size: 40px !Important;
  font-weight: 600 !important;
  font-style: normal;
}

.sp-layer.slide-img1 {
  background: transparent;
  padding: 0;
  width: auto;
  margin: auto;
}

.slide-heading1.slide-3 {
  font-size: 35px !important;
}.sp-layer.slide-heading2.slide-3-sub {
  font-size: 20px !important;
  font-style: normal;
  color: #fff;
  font-weight: 600;
}
.slide-heading1.slide-3-heading3 {
  font-size: 30px !important;
  
}
.slide-heading1.heading-4 {
  color: #000;
}

.sp-layer.slide4-img {
  width: auto;
}
.slide-heading2.slide-time {
  color: #000;
  font-size: 23px !important;
  font-weight: 600;
  font-style: normal;
}.sub-heading2.heading4-1 {
  font-weight: 600;
  font-size: 22px !important;
}
/* services */
.work-sec .main-heading {
    margin-bottom: 4px;
}
.work-sec .sub-heading {
    color: #fff;
    font-weight: 600;
    font-size: 30px;
}
img.curve-line {
    position: absolute;
}

.steps-container {
    height: 490px;    position: relative;
}

.steps-text {
    display: flex;
    align-items: center;
    height: 100%;    position: relative;    justify-content: center;
    column-gap: 3%;
    z-index: 2;    margin-top: 40px;
}
.step-text {
    color: #fff;
    font-weight: 600;
     width: 19%;    font-size: 18px;
}
.step-text1 {
    position: relative;
    top: -70px;
}

.step-text3 {
    position: relative;
    top: -70px;
}
.work-sec .main-heading,.work-sec .main-heading span{color:#fff; }

.delivery-sec img {
    max-width: 160px;
    margin: auto;
}
.delivery-sec p {
    font-weight: 600;
    font-size: 20px;    margin-top: 10px;
}
.delivery-sec {
    padding: 4rem 0;
}
/* Footer CSS Start*/
.grecaptcha-badge { 
    visibility: hidden;
}
.home footer#site-footer{     margin-top: -90px;
    position: relative;}
footer#site-footer {
	background: url(https://indianspicesandvibes.nl/wp-content/uploads/2025/08/backf.png);
	background-size: cover;
	background-repeat: repeat;
	padding-top: 12rem;
}
.footer-sec-three {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 32%;
	color: #ffffff;
}
div#foo .container {
	display: flex;
	justify-content: space-between;
	   gap: 5rem;align-items: stretch;
}

div#foo li {
	list-style-type: none;
}
.footer-sec-three p, #site-footer a, .fooeter-copyright p,#site-footer .foot1 span {
	font-weight: 300;
	color:#fff;
	text-decoration:none;
	line-height: 25px; 
    letter-spacing: 1px;
    font-size: 15px;
    list-style-type: none;
    font-weight: 400;   
    text-transform: capitalize;   
}
#site-footer a:hover {
text-decoration:none;
}
footer#site-footer {
	padding-bottom: 0;
}

ul.open_time li {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}
#site-footer .foot1  
#site-footer .foot1 a {
    font-weight: 600;
}
#site-footer .foot1 a:hover { color:#cb531e}
.footer-sec-three.second ul {
	margin-left: 0;
	margin-bottom: 0;
}
.footer-sec-three h3 {
	margin: 0 0 15px;
	border-bottom: 3px solid #ccc;
	font-size: 22px;
	font-weight: lighter;
	color: #fff;
	padding-bottom:15px;
	font-weight: 600;
}

.footer-sec-three.first h3{
	border:none;padding-bottom: 0;
}
.footer-sec-three.second li {
	margin-left: 0;
	margin-bottom: 0;
	width: 100%;    line-height: normal;font-weight: 600;
}
.footer-sec-three.third {
background-color: #cb531e;
border-radius: 25px;
}
.footer-sec-three div.column p {
    display: block;
    margin: 10px 0;
}
.footer-sec-three.third li:nth-child(1){
    padding: 40px 50px;
    margin: 0;
}
#site-footer .footer-sec-three.third .wpcf7-submit {
    background-color: transparent;
    border: solid 1px #fff;
    padding: 10px;
    width: 100%;
    font-weight: 600;
}
#site-footer .footer-sec-three.third .wpcf7-submit:hover{    background-color: #fff; color:#cb531e}
.footl {
    font-weight: 600;
    font-size: 19px;
}
.wpcf7 form .wpcf7-response-output {
    margin-top: 10px;
    font-weight: 500;    font-size: 15px;
}
#site-footer  span.wpcf7-not-valid-tip {
    background: #fff;
    line-height: 10px;
    font-weight: 600;
    padding: 5px;
    font-size: 12px;
    display: inline-block;
}
.fooeter-copyright {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3rem 0;
    margin:3rem 0 0;
    background-color: #cb531e;
}
.fooeter-copyright p {
	margin-bottom: 0;
}

#site-footer .fooeter-copyright a {
    color: #22C025;
}
#site-footer .fooeter-copyright a , #site-footer .fooeter-copyright p, #site-footer .fooeter-copyright span{     font-weight: 600;}
ul.social-icons {
    width: 100%;
    margin: 0;
}

.footer-sec-three.first li {
    margin-left: 0;
}

ul.social-icons {
    justify-content: flex-start;
    gap: 1rem;
}

.footer-sec-three.first li:nth-child(3) {
    width: 100%;
}

.footer-sec-three.first ul.social-icons li {
    width: unset;
    margin: 0;
}
.social-icons .fab {
    font-size: 24px;
}

.social-icons a {
    background: none;background-color: transparent !important;
}
footer#site-footer input[type="text"], footer#site-footer input[type="email"], footer#site-footer textarea {
    margin: 3px 0px;
    border-radius: 3px;
    background-color: #0000;
    color:#fff;
}
footer#site-footer input::placeholder, footer#site-footer textarea::placeholder {
  color: #fff;  
  opacity: 1;   
}

a.arrow-top {  padding: 4px 2.5px;  color: #301e1e;  border-radius: 2px;  position: fixed;  bottom: 8px;  right: 9px;
    margin: auto;    z-index: 1;  background: #0cbc0c;  opacity: 0;     box-shadow: 0 0 5px #a7a7a7;
    border-radius:5px;    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center; box-shadow: 0 0 0 #ffffffc9;
	  animation: pulse 2s infinite; }
a.arrow-top:after {
    content: '';
    width: 75%;
    height: 75%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    border: solid 1px #ffffff63;
    border-radius: 5px;
}
a.arrow-top  i { color:#fff;font-size: 20px;} 
a.arrow-top.show-top {  opacity: 1;  }


/* Footer CSS End*/


/* Review Section CSS Start */

section.review-slider {
    background: #cb531e;
}
.review-slider .main-heading {
    color: #fff;    font-weight: 600;
}
.owl-stage-outer {    overflow: hidden;     transition: 0.2s ease;}
.owl-item {    display: inline-block;    vertical-align: top;}
.owl-dots.disabled,.owl-nav.disabled , .woo-mini-cart-icon   .fa{ display: none; }
.owl-dots {   margin-top: 20px; text-align: center; }
  
.owl-nav {  text-align: center;  margin: 40px 0 0;  }

.owl-dots  button {      padding: 0;     width:10px; height:10px; max-height: none;     border-radius: 100px; margin: 0 5px;  
	transition: 0.2s;     border: 0;    padding: 0;    background: transparent; border:solid 1px #ffffff6e;  }
 
.owl-dot.active span {   }
button.owl-dot.active {  background: #ffffffd1;  } 
.owl-nav {  position: fixed;   left: 50%;  transform: translate(-50%, -50%);  display: flex;  justify-content: center;
  align-items: center;  gap: 20px; }

.owl-nav button {  background: #ffffff;  color: #333;  border: 1px solid #ddd;  border-radius: 50%;  width: 45px;
  height: 45px;  font-size: 28px;  line-height: 1;  cursor: pointer;  transition: all 0.3s ease;  display: flex;
  justify-content: center;  align-items: center;      padding: 22px;   }

.owl-nav button:hover {  background: #333;  color: #fff;  border-color: #333; }
.owl-nav {  position: absolute;  left: 50%;  transform: translate(-50%, -50%);  bottom: -24px;  height: fit-content;  }
section.revie-sec {  position: relative;     padding-top: 0;   }

.testimonial { color: #fff;    position: relative; }
 
.review-content {  min-height: 50px; }

.testimonial p {      margin: 0;
    line-height: 1.6;
    font-size: 19px;
    color: #fff;
    font-weight: 600;
    letter-spacing: normal;} 
h6.review-title {     text-transform: capitalize;    font-weight: 600; color:#fff;font-size: 19px;
    margin-top: 5px;  }

/* Review Section CSS END */

.map-sec {
    padding: 0;
}

.map-sec img {
    width: 100%;
    max-height: 790px;
    object-fit: cover;
}

/*Home Page CSS Start*/
/*Home Page CSS End*/

/*information page  CSS Start*/

.information-page {
  padding-top: 50px;
}
.information-page .container {
align-items: flex-start;
	width: 95%;
	display:flex;
}
.inform-left {
  width: 31%;
  display: inline-block;
  position: relative;
  float: left;    position: sticky;
    top: 10px;
}
.info-sidebar {
  position: unset;
  top: 140px;
  background: #f4f4f4;
  padding: 0px 0px;
  border-radius: 2px;
  width: 100%;
  border-left: 5px solid #cb531e;
  box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
}
.info-sidebar.sidebarfixed {
    position: fixed;
    width: 350px;
	width: 20%;
    top: 70px;
}
ul#menu-information {
  margin-left: 0px;
  list-style: none;margin-bottom: 0;
  background: #00000008;
}
ul#menu-information li {
  border-bottom: 1px solid #cfccc90d;
  margin-left: 0px;
  padding-left: 15px;
  padding-bottom: 10px;
  padding-top: 10px;
  background: transparent;
  list-style: none;
	margin-top: 0;
}
.info-sidebar ul li a {
  color: #000000;
  text-transform: capitalize;
  text-decoration: none;
  font-size: 15px;
  line-height: 19px;
  font-weight: 400;	
}
.inform-right {
  display: inline-block;
  width: 65%;
  margin-left: 30px;margin-bottom: 60px;
	float:right;
}
.info-content p {
  letter-spacing: normal;
  color: #696a70;
  font-size: 15px;
}
.info-content h2, .info-content h3 {
  font-size: 26px;
  margin: 0px 0px 20px;
  color: #000;
  line-height: 30px;
  letter-spacing: 0;
  font-weight: 600;
}
.info-content th {
  color: #626262;
	font-size: 14px;
	font-weight: 700;   
	background: #EFEFEF;
    padding: 10px;
}
.info-content td {
  color: #626262;
  font-size: 15px;
}
.info-content li {
  color: #626262;
  font-size: 15px;
}
ul#menu-information li {
    border-bottom: 1px solid #d1d0d1;
}
.info-content table#bezorggebied tr:nth-child(even) td {
    background: #00000003;
}
div#open {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
div#open h3 {
    width: 100%;
}
table.table-left, table.table-right {
    width: 48%;
}
table.table-left td, table.table-right td {
    text-align: center;
}

.info-content div#bezorggebied h3 {
    padding-top: 10px;
}


h3#info-menu, h3#info-reviews {
    padding-top: 20px;
}

.info-content li {
    margin-left: 0;
}
div#reviews1 a {
    font-weight: 600;
    text-decoration: underline !important;
}
/*information page Css End*/

/*Catering PAge CSS Start*/
.catering-page a {
    font-weight: 600;    color: #cb531e;
}
.catering-page p { line-height:25px }
.catering-form {
    margin-top: 20px;
}
span.cattect {
    width: 12%;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.catering-form .cater1 {
    background: #EEEEEE;
    margin: 10px 0px;
    border: 1px solid #dedcdc;  
    padding: 19px;
    width: 100%;
}
.cater1 .column {
    margin: 10px 0;
}
.catering-form .cathead {
    color: #cb531e;
    font-size: 20px;
    border-bottom: 1px solid #cb531e;
    margin-bottom: 26px;    font-weight: 600;
}

.column.one p {
	display: flex;
	justify-content: flex-start;
	gap: 2rem;
	align-items: center;
}
span.wpcf7-form-control-wrap .wpcf7-date, span.wpcf7-form-control-wrap .wpcf7-quiz, span.wpcf7-form-control-wrap .wpcf7-number, span.wpcf7-form-control-wrap .wpcf7-select, span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0;    background: #fff;
}
span.cattect {   width: 12%;}
.wpcf7-form-control-wrap {    width: 80%;}

span.cattect {
    font-size: 14px;
    color: #626262;
}
/*Catering PAge CSS End*/

/* Contact page */

.contact-page .container {
    align-items: baseline;
}
.contact-page .main-heading {
    font-size: 30px;
    color: #000;
    font-weight: 600;
    border-bottom: solid 2px #000;
}

 
.ct-detail a, .ct-detail  , .ct-detail p{      color: #282828;
    font-size: 16px;
    font-family: 'DIN Next LT Pro', sans-serif;
    font-weight: 600;
    line-height: 27px; }
.ct-detail a:hover {  color:#237f59; }

.ct-form .column.one {
    width: 100%;
}
.ct-form .column.one p {display:block;}
.ct-form .column.one-second{
    width:48%;
}

.ct-form  form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
}
.ct-form input::-webkit-input-placeholder,.contact-frm::-webkit-input-placeholder{ color:#282828;  font-size: 15px;    font-family: "Montserrat", sans-serif; }  

.ct-form .wpcf7-form-control-wrap input, .ct-form .wpcf7-form-control-wrap input[type="email"], .ct-form .wpcf7-form-control-wrap textarea {  width: 100%;  padding: 19px 14px;  font-size: 14px;
  border: 1px solid #f2f2f2;  border-radius: 4px;    font-family: "Montserrat", sans-serif; background: #FCFCFC;    padding: 14px;}
.form-left, .form-right {    width: 48%;}



/* common pages */

.sim-page p,.sim-page  li{  white-space: break-spaces;    font-family: "Montserrat", sans-serif; }

.sim-page p,.sim-page  li,.sim-page  address,.sim-page table td,.sim-page table th {       font-size: 14px;   font-weight: 400;   
	line-height: 26px;  color: #111111b3;    font-family: "Montserrat", sans-serif; }

.sim-page table th { font-weight:600;    white-space: normal;}
.sim-page h6 {   margin: 10px 0;   font-weight: 600;  } 
.sim-page  li {   list-style: disc; }
.sim-page h3 {  font-size: 18px;  font-weight: 600;  margin: 20px 0 5px;     font-family: "Montserrat", sans-serif;}
.sim-page h6 {    font-size: 14px;    font-weight: 600;    margin: 20px 0 5px;     font-family: "Montserrat", sans-serif; }
.sim-page ul {     margin: 4px;      font-family: "Montserrat", sans-serif;}
 

 
@media screen and (max-width:1400px){
	img.curve-line {
    position: absolute;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
}
}

@media screen and   (max-width: 1200px) {
	 
	 .container ,.blog #site-content,.main-footer > .container,.header-inner ,.section-menu div.resturent-name .menu-heading,.faq-section .container{ max-width: 96%; }	 
 
	.left_div li { margin-left:0;}
	.work-sec {     background-size: 110% 110%;}
	.steps-container {
    height: 400px;
	}
	
}



@media screen and (max-width: 991px) {	
	.right_div {    padding-right: 6%; }
	.site-logo img {
        max-height: 4rem;
	}
	p, p.desc, p, p.desc {   font-size: 14px;       }
button.close-nav-toggle .toggle-text, .c-right{  display:none;  }
	body:not(.enable-search-modal) .header-titles-wrapper {         padding: 0;      }
	.site-logo img {    }
	.sub-header.featured-banner h1 {     font-size: 30px;}
 
	.header-inner .toggle {  padding: 0;   width: auto;  top: auto;          bottom: auto;         right: 10px; left:auto;}	
	.nav-toggle div {   width: 37px;    height: 34px;    background: #fff;    text-align: center;    display: flex;
    justify-content: center;    align-items: center;    flex-direction: column;    row-gap: 5px;    padding: 0 5px;
    transition: 0.2s;  border-radius: 3px }
	
	.nav-toggle div span {  width: 75%;    height: 2px;    background-color: #282828;    display: block;    border-radius: 0;
    transition: all 0.3s ease;    -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    position: relative;  } 
	
    .menu-modal-inner {  background: #191919 ;  max-width: 50%;  position: relative;  transform: translateX(100%);
        transition: all  ease-in 0.25s;  position: fixed;  height: 100%;  left: auto;  right: 0;   width: 100%;  }	
	.menu-modal.active .menu-modal-inner {      transform: translateX(0);  }	

	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {  font-size: 16px;   font-weight: bold;   color: #fff;		
	padding: 16px;    padding-left: 0;     letter-spacing: normal;         text-transform: uppercase;}	
	
	.header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle { }
	button.close-nav-toggle svg { color:#fff;}
	.modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a,
	.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {  text-decoration: none;    font-weight: 500;   }	
	
	.menu-wrapper .menu-item {    position: relative;    border: 0;    border-top: 1px solid rgba(255, 255, 255, .03); }
	.modal-menu {  left:0; width: 100%; } 
	.modal-menu ul.sub-menu li a {    font-size: 14px;    padding: 5px;    font-weight: 400; }	
	
	.modal-menu a:focus, .modal-menu .ancestor-wrapper a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a,
	.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {color: #d62828;   font-size: 16px;        font-weight: 600; }	
	.menu-modal.active {    background: rgb(0 0 0 / 71%);  }
	.menu-modal.active ul.modal-menu,.menu-modal.active .menu-bottom  img  {   opacity: 1;   transform: translateX(0); } 
	.modal-menu ul.sub-menu {    background: #f1f1f1;    padding: 10px; }	
 

	.header-inner {       width: 100%;    display: flex;    justify-content: space-between;    align-items: center;  } 	 
	.sub-header.featured-banner { height: 230px; } 
	.custom-testimonials ,.column,.menu-head , .reserve-page  .col-left,.reserve-page  .col-right{ width:100%;}
 
	span.our-link {  display: block;  text-align: center; }	 
	.fooeter-copyright p ,.res-title-left .main-heading, .res-title-left p{  }	 
	 
	a.cfs-hyperlink ,.main-content .cfs-hyperlink span {  font-size: 14px;  }
	 
	.footer-sec-three{ width:46%; }
.delivery-sec img {    max-width: 100px;	}
.delivery-sec p {     font-size: 17px;}
div#foo .container {     flex-wrap: wrap;}
	.footer-sec-three.third, .footer-sec-three.third  .widget.widget_text ,.footer-sec-three.third .column.one:nth-child(4),.footer-sec-three.third   .column.one.fbtn,img.curve-line{     width: 100%;}
	.footer-sec-three.third form{      display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;}
.footer-sec-three.third .column.one {
    width: 46%;
}
.step-text {     font-size: 16px;}
	    .steps-container {        height: 340px;    }
	.boxex .dsc {    padding: 10px 8px;}
	.main-heading,.main-heading span {
    font-size: 38px;
	}
.testimonial p {     line-height: 1.4;
    font-size: 17px;}
.footer-sec-three.third li:nth-child(1) { padding-bottom:0;}
.work-sec .sub-heading { font-size:24px;} 
}

@media screen and (max-width:991px) and (orientation:landscape){
	p.top_con{     font-size: 13px;
    line-height: normal;}
	.boxex img {     max-width: 80px;}
	.boxex .dsc {
    min-height: 110px;
}.info-content th.wijknaam {
    width: 28%;
}
	.boxex { min-height: 320px; height:auto;}
	.service-box {
    gap: 15px;
}
}

@media screen and (max-width:767px){
	.cater1 .column.one p {        gap: 0;     flex-direction: column;}
	span.cattect ,.wpcf7-form-control-wrap{ width:100%;}
	.left_div li img {
    max-width: 30px;
}
}

@media screen and (max-width:767px) and (orientation:landscape){
	.contact-page .container { flex-direction: column;}
	.contact-page .col-left,.contact-page .col-right { width:100%;}
	    .step-text {
        font-size: 14px;
    }

}
@media screen and (max-width:767px) and (orientation:portrait){ 
	body:not(.enable-search-modal) .site-logo img {
    margin: 0;
}
	.menu-modal-inner { max-width:100%;}
	p.top_con {     line-height: normal;}
	body:not(.enable-search-modal) .header-titles-wrapper {       flex-wrap: wrap;      row-gap: 10px;}
	.left_div {    width: 60%;order:1;	}
	.right_div {        padding-right: 0;        order: 2;    width: 39%;}
	.wp-custom-logo .header-titles { order:3}
	.right-sec a {        padding: 10px 3px;        font-size: 13px;}	
	.menu-modal .right-sec {    display: block;  }

	.main-heading span,.main-heading {        font-size: 28px;    }	

	.container,   div.ultimate-layout-frontend, .blog #site-content {  max-width: 95%;   } 
 	.sub-header .main-heading { font-size:16px;  }     
	.header-inner .toggle {top: auto;        bottom: 19px; }		
 .sticky .header-inner .toggle {    bottom: 25px;}
	.contact-page .col-left,.contact-page .col-right ,.ct-form .column.one-second { width:100%; }
	.modal-menu ul.sub-menu li a ,.main-footer .widget ul li a, .main-footer p, .main-footer .widget ul li,.res-title-left p { font-size: 14px;  }
	.main-heading {   line-height: normal;  }	
	.contact-page .container{  flex-direction: column;  flex-wrap: wrap; }
.service-box.disp-flex,.delivery-box,.steps-text ,.information-page .container{     flex-wrap: wrap;}
	 .about-page2 .container{ row-gap:15px;  }
	.col-left, .col-right ,.footer-sec-three.first, .footer-sec-three,.boxex ,.deliver ,div.footer-sec-three.third .column.one,.step-text,.inform-left,.inform-right{ width:100%;} 
	.testimonial p {     font-size: 17px;}
	.boxex { padding:20px 0;height:auto;}
	img.curve-line{ display:none;}
	img.setps-img {
    display: block !important;
    margin: auto auto  15px;    max-width: 100px;
}
	    .steps-container {
        height: auto;
    }div.step-text {
    position: static;
    margin: 30px 0;
}
	    .work-sec {
        background-size: cover;        padding-bottom: 30px;
    }
	.inform-left { position:static;}
	.inform-right{     margin-left: 0;    margin-top: 30px;}
	.info-content th,.info-content td { font-size: 13px;padding:8px 5px;}
	.info-content th.wijknaam {
    width: 29%;
}
	.slider-pro .sp-layer {
    transform: scale(0.5) !important;
    padding: 0;
}
.sp-layer.slide-heading1 {    line-height: 43px !important;    font-size: 40px !important;}
	.sp-layer.slide-heading2 {
    font-size: 24px ! Important;
    line-height: normal !important;
}
 
.sp-mask {  height: 200px !important; }
.sp-image-container,.sp-slide { height: 200px !important; }
.sp-image-container .sp-image { height: 100% !important;  width: 100% !important;  object-fit: cover !important;  }
	.sp-layer.slide-heading1.slide-heading2 {          left: 4% !important;  top: -41% !important;}
.sp-layer.slide-heading2.slide-2 {     left: 5% !important;
    transform: scale(0.4) !important;} 
	.slider-pro  .sp-layer.slide-btns {
    transform: scale(0.78) !important;
}
	p.sp-layer.slide-btns.slide-btns2 {
    left: 17% !important;
    bottom: 10% !important;
    top: auto !important;
}.slider-pro p.sp-layer.slide-3 {
    left: 3% !important;
}
.slider-pro .sp-layer.slide-btns a {
    padding-top: 10px;
    padding-bottom: 10px;
}img.sp-layer.slide-img1 {
    max-width: 120px !important;        left: 20% !important;
}img.sp-layer.slide4-img {
    max-width: 210px !important;        left: 10% !important;
        top: 14% !important;
}	
	p.sp-layer.slide-btns.slide-btns1 {
    top: 42% !important;
}
.sp-layer.slide-heading2.slide-3-sub {     left: 11% !important;
    transform: scale(0.65) !important;}
	.sp-layer.slide-heading1.slide-3-heading3 {
    left: 2% !important;
}
	.sp-layer.slide-heading1.heading-4 {
    left: 3% !important;
    transform: scale(0.55) !important;
}
	.sp-layer.slide-heading2.slide-time {
    left: 13% !important;
    padding-top: 4% !important;
    transform: scale(0.6) !important;
}
	.slider-pro .sp-layer.heading4-1 {
    left: 7% !important;
    padding-top:16%;
    transform: scale(0.65) !important;
}
}