@charset "utf-8";



@import url('https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&family=Merienda:wght@300..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');



@font-face {

	font-family: 'futura-light';

	src: url('../fonts/FuturaPT-Light.eot');

	src: url('../fonts/FuturaPT-Light.eot?#iefix') format('embedded-opentype'),

		url('../fonts/FuturaPT-Light.woff2') format('woff2'),

		url('../fonts/FuturaPT-Light.woff') format('woff'),

		url('../fonts/FuturaPT-Light.ttf') format('truetype'),

		url('../fonts/FuturaPT-Light.svg#FuturaPT-Light') format('svg');

	font-weight: 300;

	font-style: normal;

	font-display: swap;

}



:root {

	--font-awesome: 'Font Awesome 6 Free';

	--merienda:"Merienda", cursive;

	--mulish:"Mulish", sans-serif;

	--abeezee:"ABeeZee", sans-serif;

	--extra-bold:900;

	--bold: 700;

	--semi-bold: 600;

	--medium: 500;

	--regular: 400;

	--body-font-color:#0F0E0E;

	--black:#000;

	--white:#fff;

	--chocolate-color:#650A24;

	--light-pink: #FCF8F4;

	--pink: #D08E7D;

	--common-transition: all 0.3s ease 0s;

}



@media only screen and (min-width: 1600px) {

	.container { max-width: 1500px; }

}

@media only screen and (min-width: 1740px) {

	.container { max-width: 1620px; }

}



/* ~-~-~-~-~-~-~-~-~-~ global adjustments  start~-~-~-~-~-~-~-~-~-~ */

html { overflow-x: hidden; }

body { margin: 0; padding: 0; font-family: var(--mulish); font-weight: var(--regular); font-size: 18px; color: var(--body-font-color); overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { font-family: var(--merienda); font-weight: var(--bold); margin: 0 0 20px; padding: 0; }

h1 { font-size: 60px; margin-bottom: 40px;}

h2 { font-size: 60px; margin-bottom: 40px;}

h3 { font-size: 30px; }

h4 { font-size: 28px; }

h5 { font-size: 24px; }

p { line-height: 1.4; margin: 0 0 20px; padding: 0; }

.big-body-font p { font-size: 24px; }



@media only screen and (max-width: 1599px) {

	h1 { font-size: 45px;}

	h2 { font-size: 45px;}

	h3 { font-size: 28px; }

}

@media only screen and (max-width: 1199px) {

	h1 { font-size: 38px;}

	h2 { font-size: 38px;}

}

@media only screen and (max-width: 991px) {

	h1 { font-size: 34px; margin-bottom: 25px;}

	h2 { font-size: 34px; margin-bottom: 25px;}

	h3{ font-size: 26px;}

	body{ font-size: 16px;}

}

@media only screen and (max-width: 767px) {

	h1 { font-size: 28px;}

	h2 { font-size: 28px;}

	h3{ font-size: 22px;}

	body{ font-size: 16px;}

}

/* --- form-control start --- */

.form-row { margin-bottom: 30px; }

.form-control { background: var(--white); border: 1px solid #EBE0D5; border-radius: 10px; padding: 10px 20px;}

input.form-control { height: 60px; }

textarea.form-control { height: 150px; border-radius: 20px; resize: none; }

.form-control:focus { box-shadow: none; border-color: #EBE0D5; }

.form-control::-moz-placeholder { color: #838383; opacity: 1; font-weight: 400; }

.form-control:-ms-input-placeholder { color: #838383; font-weight: 400; }

.form-control::-webkit-input-placeholder { color: #838383;  font-weight: 400; }

/* --- form-control end --- */

@media only screen and (max-width: 419px){

	.form-row { margin-bottom: 20px; }

	input.form-control { height: 55px; }

	textarea.form-control{ height: 120px;}

}

img { max-width: 100%; }

.img img { width: 100%; }

a, img { border: 0; text-decoration: none; outline: none; }

a, a:link, a:visited, a:focus, a:hover { outline: none; text-decoration: none; transition: var(--common-transition); }

a:hover { text-decoration: none; }

ul { padding: 0; margin: 0; list-style: none; }

.common-padding { padding: 100px 0; }

.common-padding-top { padding-top: 100px; }

.common-padding-bottom { padding-bottom: 100px; }

.common-padding-big-top{ padding-top: 140px;}

.common-padding-bog-bottom{ padding-bottom: 140px;}

.section-title { margin-bottom: 40px; }

.light-bg { background: #F4FAFF; }

.sub-title { font-size: 18px !important; font-family: 'futura-medium'; letter-spacing: 3.6px; text-transform: uppercase; color: var(--light-blue); }

.title-style span { color: var(--light-blue); }

.bg-adjustment{ background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;}

.image-adjustment{ position: relative;}

.image-adjustment img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.overlay-content{ position: relative; z-index: 3;}

@media only screen and (max-width: 991px) {

	.common-padding { padding: 80px 0; }

	.common-padding-top { padding-top: 80px; }

	.common-padding-bottom { padding-bottom: 80px; }

	.common-padding-big-top{ padding-top: 80px;}

	.common-padding-bog-bottom{ padding-bottom: 80px;}

	.section-title { margin-bottom: 30px; }

}

@media only screen and (max-width: 767px) {

	.common-padding { padding: 60px 0; }

	.common-padding-top { padding-top: 60px; }

	.common-padding-bottom { padding-bottom: 60px; }

	.common-padding-big-top{ padding-top: 60px;}

	.common-padding-bog-bottom{ padding-bottom: 60px;}

}

/* --- button start --- */

.btn { display: inline-block; position: relative; background: var(--pink); border: 0; border-radius: 10px; text-align: center; color: var(--bs-white); font-size: 20px; font-weight: var(--extra-bold); text-transform: uppercase; line-height: 1; padding: 18px 50px; }

.btn:hover, .btn:focus-visible, .btn:active, .btn:focus { background: var(--chocolate-color); box-shadow: none; outline: none; color: var(--white); }



@media only screen and (max-width: 991px) {

	.btn{ font-size: 18px;}

}



@media only screen and (max-width: 550px) {}

/* --- button end --- */

/* ~-~-~-~-~-~-~-~-~-~ global adjustments  end~-~-~-~-~-~-~-~-~-~ */



/* --- header start ------------------------------------------------------------------------------------------- */

/* ~~hamburger menu start~~ */

.hamburger-nav { display: none; vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }

.hamburger-nav span { display: block; position: absolute; height: 2px; width: 100%; background: var(--chocolate-color); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

.hamburger-nav span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.hamburger-nav span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.hamburger-nav span:nth-child(3) { top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.hamburger-nav-close { vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }

.hamburger-nav-close span { display: block; position: absolute; height: 2px; width: 100%; background: var(--white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

.hamburger-nav-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 10px; left: 3px; }

.hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0; }

.hamburger-nav-close span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px; }

/* ~~hamburger menu end~~ */



.main-header { position: relative; background: var(--light-pink);  z-index: 999; }

.top-header { background: var(--chocolate-color); padding: 14px 0; position: relative; z-index: 11; }

.contact-toolbar-wraper li{ border-right: 1px solid #955366; padding: 0 30px; font-family: var(--abeezee); font-size: 16px;}

.contact-toolbar-wraper li:first-child{ padding-left: 0;}

.contact-toolbar-wraper li:last-child{ border-right: 0; padding-right: 0;}

.contact-toolbar-wraper li a{ color: var(--white);}

.contact-toolbar-wraper li span { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid var(--white); border-radius: 50%; margin-right: 10px; transition: var(--common-transition);}

/* .top-header .top-contact li a:hover span{ background: var(--white); color: var(--chocolate-color);} */

.social-icon li { margin: 0 5px; font-size: 16px;}

.social-icon li:first-child{ margin-left: 0;}

.social-icon li:last-child{ margin-right: 0;}

.social-icon li a{ display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid var(--white); border-radius: 50%; color: var(--white); transition: var(--common-transition);}

.social-icon li a:hover{ background: var(--white); color: var(--chocolate-color);}



.bottom-header{ position: relative; }

.bottom-header::before { position: absolute; content: ""; background: url(../images/curve-chocolate-color.svg); background-position: center center !important; background-size: 50px; background-repeat: repeat-x !important; width: 100%; height: 28px; bottom: -20px; left: 0; }

.main-header .logo-wrap { max-width: 408px; width: 100%; height: 160px; border-radius: 500px; position: absolute; top: -25px; right: 0; left: 0; margin: 0 auto; z-index: 10; text-align: center; transition: var(--common-transition); }

.main-header .logo-wrap::before { position: absolute; content: ''; background: linear-gradient(#650a2414, #650a244a, #650A24); top: auto; right: 0; bottom: -8px; left: 0; width: 100%; height: 100%; z-index: -1; border-radius: 500px; transition: var(--common-transition);}

.main-header .logo-wrap .logo-inner { display: flex; align-items: center; justify-content: center; background: var(--light-pink); border-radius: 500px; position: relative; z-index: 2; width: 100%; height: 100%; overflow: hidden; }



.bottom-header ul li{ font-size: 20px; font-weight: var(--semi-bold); text-transform: uppercase; margin: 0 100px;}

.bottom-header ul li:first-child{ margin-left: 0;}

.bottom-header ul li:last-child{ margin-right: 0;}

.bottom-header ul li a{ display: block; padding:25px 0; color: var(--body-font-color);}

.bottom-header ul li a:hover{ color: var(--chocolate-color);}



.main-header .menu-item-has-children .sub-menu { background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); width: 210px; padding: 20px 30px; position: absolute; top: 50px; opacity: 0; visibility: hidden; transition: var(--common-transition); }

.main-header .menu-item-has-children .sub-menu a { display: block; padding: 5px 0; }

.main-header .menu-item-has-children:hover .sub-menu { top: 100px; opacity: 1; visibility: visible; }

.main-header .menu-item-has-children>a { padding-right: 25px; }

.main-header .menu-item-has-children>a::before { position: absolute; content: ''; border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); right: 5px; top: 15px; }



.main-header .current-menu-item a { color: var(--chocolate-color) !important; }

.mobile-menu { display: none; background: var(--pink); width: 100vw; height: 100vh; position: fixed; top: 0; right: -100vw; overflow: hidden; z-index: 999; transition: var(--common-transition); }

.mobile-menu .top-row { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; }

.mobile-menu .logo-wrap { max-width: 200px; }

.mobile-menu .mobile-menubar li { border-bottom: 1px dashed #fff; }

.mobile-menu .mobile-menubar li a { display: inline-block; padding: 15px 0; color: var(--white); }

.mobile-menu .contact-toolbar-wraper li{ border-right: 0; padding: 0; margin: 15px 0;}

/* ~~ header sticky start ~~ */

@keyframes slide-down {

	0% {

		opacity: 0;

		transform: translateY(-100%);

	}



	100% {

		opacity: 1;

		transform: translateY(0);

	}

}

.header-sticky .main-header { position: fixed; top: 0; width: 100%; background: var(--light-pink); box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 10%); animation: slide-down 0.5s; transition: var(--common-transition); z-index: 999; }

.header-sticky .top-header{ display: none;}

.header-sticky .main-header .logo-wrap { max-width: 350px; background: transparent; padding: 20px 0; height: auto; top: 0; }

.header-sticky .main-header .logo-wrap::before{ display: none;}

.header-sticky main{ padding-top: 202px; }

/* ~~ header sticky end ~~ */



@media only screen and (max-width: 1599px) { 

	.bottom-header ul li { margin: 0 50px; }

	.main-header .logo-wrap{ max-width: 330px; height: 130px;}

	.main-header .logo-wrap .logo-image-wrap { max-width: 70%; }

	.header-sticky .main-header .logo-wrap{ max-width: 300px;}

	.header-sticky main{ padding-top: 162px; }

}

@media only screen and (max-width: 1399px) { 

	.bottom-header ul li { margin: 0 30px; }

	.main-header .logo-wrap{ top: 0;}

}

@media only screen and (max-width: 1199px) { 

	.contact-toolbar-wraper li{ padding: 0 15px;}

	.contact-toolbar-wraper li span{ width: 30px; height: 30px; margin-right: 5px;}

	.bottom-header ul li { font-size: 18px; margin: 0 20px; }

	.main-header .logo-wrap { max-width: 270px; height: 100px;  }

	.main-header .logo-wrap::before{ bottom: -5px;}

	.header-sticky .main-header .logo-wrap{ max-width: 250px;}

	.header-sticky main{ padding-top: 132px; }

}

@media only screen and (max-width: 991px){

	.contact-toolbar-wraper li{ font-size: 15px;}

	.bottom-header ul li { margin: 0 10px; }

	.main-header .logo-wrap{ max-width: 220px;  height: 80px;}

	.bottom-header ul li a{ padding: 20px 0;}

	.header-sticky .main-header .logo-wrap { max-width: 200px; }



}

@media only screen and (max-width: 767px) {

	.top-header { display: none; }

	.main-header .bottom-header { padding: 20px 0; }

	.bottom-header::before{ bottom: -15px;}

	.bottom-header::before{ background-size: 30px;}

	.desktop-menu { display: none; }

	.main-header .logo-wrap { position: relative; max-width: 180px; height: auto; border-radius: 0;  margin: 0; }

	.main-header .logo-wrap::before{ display: none;}

	.main-header .logo-wrap .logo-inner{ display: block; border-radius: 0;}

	.main-header .logo-wrap .logo-image-wrap{ max-width: 100%;}

	.hamburger-nav { display: block; }

	.mobile-menu { display: block;}

	.menu-open .mobile-menu { right: 0; }

	.mobile-menu .sub-menu { display: none; width: calc(100% - 20px); margin-left: auto; }

	.header-sticky .main-header .logo-wrap{ max-width: 145px; padding: 0;}



	.header-sticky main{ padding-top: 67.8px; }

}

@media only screen and (max-width: 575px){

	.main-header .logo-wrap{ max-width: 150px;}

	.mobile-menu .logo-wrap { max-width: 160px; }

}

/* home-page start----------- */

.hero-banner .banner-top-info .section-title { max-width: 1400px; margin: 0 auto 40px; }

.banner-holder { position: relative; padding-bottom: 42.05%; }

.banner-holder::before { position: absolute; content: ""; background: var(--black); top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.5; }

.banner-holder .banner-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.banner-holder .container-holder { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; }

.banner-holder .banner-info { max-width: 1170px; margin: 0 auto; color: var(--white); }

.banner-holder .banner-info .btn{ background: var(--white); color: var(--pink);}

.banner-holder .banner-info .btn:hover{ background: var(--chocolate-color); color: var(--white);}



.home-about-section { background: var(--light-pink); position: relative; padding: 6% 0 11%; }

.home-about-section::before { position: absolute; content: ""; background: url(../images/about-bg.png); background-position: top center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; }

.home-about-image-section{ position: relative; padding-bottom: 70%;}

.home-about-image-section img{ position: absolute; z-index: 1; top:0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.home-about-image-section::before { position: absolute; content: ''; background: url(../images/curve-chocolate-bg-color.svg); background-position: center center !important; background-size: 32px; background-repeat: repeat-x !important; width: 100%; height: 30px; top: -10px; z-index: 2; }



.home-gallery-section { position: relative; margin-top: -6dvw; padding: 10% 0 6%;}

.home-gallery-section::before { position: absolute; content: ''; background: url(../images/curve-chocolate-bg-color.svg); background-position: center center !important; background-size: 32px; background-repeat: repeat-x !important; width: 100%; height: 30px; bottom: -20px; }

.home-gallery-section .mask-block { background-image: url(../images/gallery-bg-design.jpg); background-size: cover; background-position: top; background-repeat: no-repeat; mask-image: url(../images/gallery-bg-mask.svg); mask-size: cover; mask-repeat: no-repeat; mask-position: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }

.home-gallery-section .section-title { max-width: 1400px; margin: 0 auto 40px; color: #fff; }

.home-gallery-section .row{ justify-content: center; }



/* .home-gallery-section.front-gallery-section{ padding: 10% 0 8%; margin-top: 0;} */

.home-gallery-section.front-gallery-section{ z-index: 1;}

/* .home-gallery-section.front-gallery-section::after { position: absolute; content: ''; background: url(../images/curve-chocolate-bg-color.svg); background-position: center center !important; background-size: 32px; background-repeat: repeat-x !important; width: 100%; height: 30px; top: -19px; transform: rotate(180deg); } */



.gallery-box-item{ margin-bottom: 30px;}

.gallery-box a { display: block; }

.gallery-box .gallery-image-outer { background: var(--white); border-radius: 10px; margin-bottom: 20px; overflow: hidden; }

.gallery-box .gallery-image-inner { position: relative; padding-bottom: 85%;}

.gallery-box .gallery-image-inner img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition:all 3s ease 0s;}

.gallery-box .title-row p{ font-weight: var(--bold); color: var(--white); letter-spacing: 2px; margin-bottom: 0;}

.gallery-box .product-number { background: var(--pink); border-radius: 3px 15px 3px 3px; height: 100%; text-transform: uppercase; padding: 5px 15px; margin-right: 15px; }

.gallery-box a:hover .gallery-image-inner img{ transform: scale(1.2);}

.home-gallery-section .btn:hover{ background: var(--white); color: var(--pink);}



.question-section{ background: var(--light-pink); padding-bottom: 150px;}

.question-section .image-wraper-outer{ width: calc(100vw - 50vw);}

.question-section .image-wraper-inner { position: relative; padding-bottom: 60%; mix-blend-mode: multiply;}

.question-section .image-wraper-inner img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }



.main-footer { background: var(--chocolate-color); position: relative; z-index: 2; font-size: 20px; font-weight: var(--semi-bold); padding-top: 50px; color: var(--white); text-align: center; }



.curved-image-wraper { position: absolute; height: 105px; top: -100px; right: 0; left: 0; width: 100%; }

.curved-image-wraper img { width: 100%; height: 100%; }

.main-footer a{ color: var(--white);}

.main-footer a:hover{ color: var(--pink);}

.main-footer .top-footer{ padding: 50px 0;}

.main-footer .top-footer-inner { position: relative; }

.main-footer .footer-logo { max-width: 360px; margin: 0 auto; }

.footer-contact li span{ color: var(--pink);}

.footer-menu { border: 1px solid #AE667B; border-right: 0; border-left: 0; }

.footer-menu li{ margin: 0 50px; text-transform: uppercase;}

.footer-menu li:first-child{ margin-left: 0;}

.footer-menu li:last-child{ margin-right: 0;}

.footer-menu li a{ display: block; padding: 30px 0;}

.bottom-footer{ padding-top: 50px;}

.bottom-footer .social-icon { margin-bottom: 30px; }

.main-footer .social-icon li a{ width: 35px; height: 35px;}

.bottom-footer .copyright-wrap { font-size: 16px; font-family: var(--abeezee); font-weight: var(--regular);}

@media only screen and (max-width: 1599px) {

	.main-footer .footer-logo { max-width: 330px; }

}

@media only screen and (max-width: 1399px){

	.hero-banner.common-padding-big-top { padding-top: 100px; }

	.banner-holder .banner-info{ max-width: 950px;}

	.curved-image-wraper{ height: 80px; top: -80px;}

	.gallery-box .gallery-image-inner{ padding-bottom: 90%;}

	.gallery-box .product-number{ padding: 3px 10px; margin-right: 10px;}

	.main-footer{ font-size: 18px;}

	.main-footer .footer-logo { max-width: 280px; }

	.footer-menu li{ margin: 0 25px;}

}

@media only screen and (max-width: 1199px){

	.home-about-section{ padding: 6% 0 15%;}

	.home-gallery-section{ margin-top: -10dvw;}

	.curved-image-wraper { height: 55px; top: -55px;}

	.question-section{ padding-bottom: 105px;}

	.main-footer.common-padding-bottom{ padding-bottom: 50px;}

	.main-footer .footer-logo{ max-width: 250px; margin: 0 auto 30px;}

	.main-footer .top-footer{ padding: 0 0 40px;}

	.bottom-footer { padding-top: 40px; } 

}

@media only screen and (max-width: 991px){

	.hero-banner.common-padding-big-top { padding-top: 80px; }

	.home-gallery-section{ padding: 15% 0 8%;}

	.question-section .image-wraper-outer{ width: 100%; margin-bottom: 30px;}

	.question-section .form-wraper{ text-align: center; }

	.main-footer .footer-logo{ max-width: 200px;}  

}

@media only screen and (max-width: 767px){

	.hero-banner.common-padding-big-top { padding-top: 50px; }

	.banner-holder{ padding-bottom: 50%;}

	.curved-image-wraper { height: 40px; top: -40px; }

	.home-gallery-section { background: var(--light-pink); padding: 20% 0 8%; }

	.home-gallery-section .mask-block{ background-image:url(../images/gallery-bg-design-mobile.jpg); mask-image:url(../images/gallery-bg-mask-mobile.svg);}

	.question-section { padding-bottom: 60px; }

	.main-footer.common-padding-bottom { padding: 30px 0; }

	.main-footer .top-footer{ padding-bottom: 0;}

	.footer-contact{ margin-bottom: 30px;}

	.footer-menu li { margin: 0 15px; }

	.footer-menu li a{ padding: 20px 0;}

	.bottom-footer { padding-top: 30px; }

}

@media only screen and (max-width: 575px){

	.banner-holder { padding-bottom: 75%; }

	.home-gallery-section{ padding-top: 30%;}

	.gallery-box .title-row{ display: block !important;}

	.gallery-box .title-row .product-number { display: inline-block; margin: 0 0 5px; }

	.gallery-box .title-row p{ font-size: 15px;}

	.main-footer { font-size: 16px; }

	.main-footer .footer-logo { max-width: 170px; }

	.footer-menu{ padding: 10px 0;}

	.footer-menu li{ margin: 0; padding: 0 10px;}

	.footer-menu li a{ padding: 5px 0;}

}

@media only screen and (max-width: 419px){

	.banner-holder { padding-bottom: 85%; }

	.footer-menu li{ padding: 0 5px; font-size:15px;}

}

/* home-page end----------- */



/* ======= Inner-Page Start ======= */



/* ======= About-Page Start ======= */

.about-section{ position: relative; background: var(--chocolate-color); }

.about-section::after { content: ''; background: url(../images/gallery-bg.png); background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; position: absolute;  top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.about-section::before {  content: ''; background: url(../images/curve-chocolate-bg-color.svg); background-position: center center !important; background-size: 32px; background-repeat: repeat-x !important; width: 100%; height: 30px; position: absolute; bottom: -20px; left: 0; right: 0; z-index: 1; }

.about-section .about-info{ position: relative; z-index: 2; }

.about-info .about-image{ position: relative; padding-bottom: 43.8%; }

.about-info .about-image img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }



/* ======= About-Page End======= */



/* ======= Gallery-Page Start ======= */

.our-products{ padding-bottom: 160px; }

.our-products .section-title{ max-width: 1400px; margin: 0 auto; }

.our-products .section-title ul{ padding-top: 20px; padding-bottom: 40px; }

.our-products .section-title ul li{ padding-right: 20px; }

.our-products .section-title ul li:last-child{ padding-right: 0; }

.our-products .section-title ul li a{ font-size: 18px; line-height: 1.2; font-weight: 700; color: var(--pink); border: 2px solid var(--pink); border-radius: 10px; display: inline-block; padding: 12px 40px; }

.our-products .section-title ul li a:hover, .our-products .section-title ul li.active a{ color: var(--white); background: var(--chocolate-color); border-color: var(--chocolate-color); }

.our-products .row{ justify-content: center;}

.our-products .gallery-box .gallery-image-outer{ border: 1px solid #C6C6C6; border-radius: 10px; }

.gallery-box .title-row{ align-items: center; }

.our-products .gallery-box .product-name p{ color: var(--body-font-color); }

.our-products .gallery-box .product-number p{ font-weight: var(--extra-bold); }

/* ======= Gallery-Page End ======= */



/* ======= Contact-Page Start=======*/

.contact-desc-item{ border: 1px solid #E0D3C6; border-radius: 20px; padding: 50px 60px; }

.contact-desc-item .icon{ width: 80px; height: 80px; border: 1px solid #D9D9D9; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto 30px; }

.contact-desc-item h3{ text-transform: capitalize; margin-bottom: 10px; }

.contact-desc-item p{ font-weight: 700; }

.contact-desc-item p:last-child{ margin-bottom: 0; }

.contact-desc-item.email p{ line-break: anywhere; }

.contact-desc-item a{ color: #0F0E0E;}

.contact-desc-item a:hover{ color:var(--chocolate-color);}

.contact-form-section{ background: none; }

.contact-form-section .contact-form-info{ background: var(--light-pink); border-radius: 20px; overflow: hidden; }

.contact-form-section .image-wraper-outer { width: 100%; height: 100%; }

.contact-form-section .form-wraper{ padding: 80px; }

.contact-form-section .image-wraper-inner { height: 100%; padding-bottom: 0; mix-blend-mode: normal; }

.contact-form-section .image-wraper-inner img{ position: static; }

.question-section.contact-question-section{ padding-bottom: 100px;}

.form-wraper .button-row{ position: relative;}

form p{ margin-bottom:0;}

span.wpcf7-spinner { position: absolute; z-index: 1; right: 0; bottom: -30px; left: 0; margin: 0 auto;}

.wpcf7-not-valid-tip{ display: none;}

.wpcf7-not-valid{ border-color: #dc3232;}

.wpcf7-response-output { margin: 15px 0 0 !important; text-align: center; }

.map-section { padding-bottom: 70px; }

.map-section .map-info{ position: relative; padding-bottom: 34%; }

.map-section iframe { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }









/* ======= Contact-Page End=======*/



@media only screen and (max-width: 1599px) {

	.contact-form-section .form-wraper { padding: 40px; }

}

@media only screen and (max-width: 1199px) {

	.our-products { padding-bottom: 110px; }

	.contact-desc-item { padding: 30px 20px; }

}

@media only screen and (max-width: 991px) {

	.our-products{ padding-top: 80px;}

	.our-products .section-title ul{ padding-top: 0; padding-bottom: 30px;}

	.our-products .section-title ul li{ margin-bottom: 20px; }

	.contact-desc-item .icon { width: 60px; height: 60px; }

	.contact-desc-item .icon img { width: 23px; }

	.question-section.contact-question-section{ padding-bottom: 80px;}

	.contact-form-section .image-wraper-inner { height: auto; padding-bottom: 65%; }

	.contact-form-section .image-wraper-inner img { position: absolute; }

	.contact-desc-col{ margin-bottom: 25px; }

	

	

}

@media only screen and (max-width: 767px) {

	.our-products{ padding-top: 60px;}

	.question-section.contact-question-section{ padding-bottom: 60px;}

	.contact-form-section .form-wraper { padding: 20px 15px; }

	.contact-desc-col:last-child{ margin-bottom: 0;}

	.map-section .map-info{ padding-bottom: 45%;}

}

@media only screen and (max-width: 479px) {

	.our-products .section-title ul li{ padding-right: 10px; }

	.our-products .section-title ul li a { font-size: 16px; padding: 8px 20px; }

	.map-section .map-info{ padding-bottom: 70%;}

}



.col-12.captcha-box {margin-bottom: 30px;}