@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
@font-face {
    font-family: 'optimamedium';
    src: url('../fonts/optima_medium-webfont.woff2') format('woff2'),
         url('../fonts/optima_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'optimanormal';
    src: url('../fonts/optima-webfont.woff2') format('woff2'),
         url('../fonts/optima-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'optimabold';
    src: url('../fonts/optima_b-webfont.woff2') format('woff2'),
         url('../fonts/optima_b-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*:focus{outline: none}
html {
  scroll-behavior: smooth; /* Smooth scrolling for modern browsers */
}
body{font-family: 'optimanormal'}
body.overFlow{overflow: hidden}
h1{
	font-family: 'optimabold';
    font-size: 50px;
    line-height: 60px;
    color: #010c44;
    text-transform: uppercase;
}
h2{
	font-family: 'optimabold';
    font-size: 40px;
    line-height: 50px;
    color: #010c44;
    text-transform: uppercase;
}
h3 {
    font-family: 'optimabold';
    font-size: 26px;
    line-height: 36px;
    color: #010c44;
    text-transform: uppercase;
}
header{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 130px;
	background-color: #010c44;
	transition: all 0.7s ease;
}
header.nav-up {
  top: -200px;
  background-color: rgba(255, 255, 255, 0);
}
.siteMenu{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	left: 0;
	top: -100%;
	z-index: 999;
	background-color: #010c44;
	font-family: 'optimanormal';
	color: #C49A6D;
	transition: all 0.5s ease-out;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden
}
.siteMenu.site-menu-active{
	top: 0;
	opacity: 1;
	visibility: visible
}
.siteMenu ul{
	margin: 0;
	padding: 0;
	list-style: none
}
.siteMenu ul li {
    margin: 0 0 30px 0;
    padding: 0;
}
.siteMenu ul li a{
	font-family: 'optimanormal';
    font-size: 40px;
	line-height: normal;
	color: #C49A6D;
	text-decoration: none;
	display: block;
	text-align: center;
	position: relative;
	transition: all 0.5s ease
}
.siteMenu ul li a:hover,
.siteMenu ul li a.active{
	color: #ffffff
}
.siteMenu ul li a::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #FFFFFF;
    transform: translate(-50%);
	transition: all 0.5s ease
}
.siteMenu ul li a:hover::before,
.siteMenu ul li a.active::before{
	width: 20%;
}
.logo {
    width: 307px;
    position: relative;
    top: inherit;
    display: block;
    transition: all 0.5s ease;
    margin: 35px auto 0 auto;
}
.switch_language {
    border: 1px solid #ffffff;
    border-radius: 15px;
    padding: 0;
    height: 24px;
}
.switch_language a{
    font-family: 'optimabold';
    font-size: 0.85rem;
    line-height: normal;
    color: #ffffff;
    text-decoration: none;
    margin: 0;
    padding: 3px 10px;
    float: left
}
.switch_language a.active {
    background-color: #ffffff;
    color: #171946;
    padding: 3px 10px;
    border-radius: 15px;
}
.switch_language .trp-ls-shortcode-current-language{
    display: none;
}
.switch_language .trp-language-switcher {
    height: 20px;
    position: relative;
    box-sizing: border-box;
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
}
.switch_language .trp-language-switcher:focus .trp-ls-shortcode-language, .switch_language .trp-language-switcher:hover .trp-ls-shortcode-language {
    visibility: visible;
    padding: 0;
    height: 22px;
    overflow-y: auto;
    position: relative;
    left: inherit;
    top: inherit;
    display: inline-block !important;
    min-height: auto;
    border: none;
}
.switch_language .trp-language-switcher .trp-ls-shortcode-language {
    visibility: visible !important;
    height: 22px !important;
    background-image: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
}
.switch_language .trp-ls-shortcode-language a{
    font-family: 'optimabold';
    font-size: 0.85rem;
    line-height: normal;
    color: #ffffff;
    text-decoration: none;
    margin: 0;
    padding: 3px 10px;
    float: left;
    border-radius: 15px;
}
.trp-language-switcher > div > a {
    background-color: transparent;
    color: #FFFFFF;
    border-radius: 15px;
}
.trp-language-switcher > div > a:hover {
    background: transparent;
    color: #FFFFFF;
    border-radius: 15px;
}
.trp-language-switcher > div > a.trp-ls-disabled-language{
    background-color: #FFFFFF;
    color: #171946;
    border-radius: 15px;
}
.trp-language-switcher > div > a.trp-ls-disabled-language:hover{
    background-color: #FFFFFF;
    color: #171946;
    border-radius: 15px;
}
.home_intro{
	width: 100%;
	height: 95vh;
	margin: 0;
	padding: 130px 0 0 0;
	display: block;
	background-image: url("../images/home_banner_background.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.about_banner{
	padding: 130px 0 0 0;
}
.about_banner_text{
	position: absolute;
	left: 50%;
	top: 150px;
	transform: translateX(-50%);
	width: 1320px;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: auto;
	text-align: right
}
.about_banner_text div {
    width: auto;
    display: inline-block;
    text-align: center;
}
.about_banner_text h2{
	font-family: 'optimanormal';
	font-size: 90px;
    line-height: normal;
    color: #010c44;
	margin: 0;
	padding: 0
}
.about_banner_text h4{
	font-family: 'optimanormal';
	font-size: 30px;
    line-height: normal;
    color: #544842;
	margin: 0;
	padding: 0
}
.moveMe{overflow: hidden}
.chocolate-tub{position: relative; z-index: 10}
.chocolate-explode{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 8;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0
}
.tub_shadow{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0
}
.u-relative {
    position: relative!important;
    display: block
}

.btn {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 200px;
    outline: 0;
    box-sizing: border-box;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(27,29,28,0);
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 100
}

.btn:focus {
    outline: 0;
    box-shadow: none
}

.btn--hamburger {
    width: 40px;
    height: 20px
}

.navbar__hamburger {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0
}

.btn--hamburger__line {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
	border-radius: 30px;
    background-color: #c49a6d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 0.65s ease-in-out
}

.btn--hamburger__line.top {
    top: 0
}

.btn--hamburger__line.mid {
    top: 9px;
    opacity: 1
}

.btn--hamburger__line.bottom {
    bottom: -1px;
    opacity: 1
}

.is-menu-active .btn--hamburger__line.top {
    top: 42%;
    transform: rotate(45deg)
}

.is-menu-active .btn--hamburger__line {
    background-color: #fff
}

.is-menu-active .btn--hamburger__line.mid {
    opacity: 0
}

.is-menu-active .btn--hamburger__line.bottom {
    opacity: 1
}

.is-menu-active .btn--hamburger__line.bottom {
    bottom: 45%;
    transform: rotate(-405deg)
}
.caption-wrap {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 20%;
    z-index: 998;
}
.home_intro h1 {
    font-family: 'optimanormal';
    font-size: 90px;
    line-height: normal;
    color: #ffffff;
}
.home_intro p {
    font-family: 'optimanormal';
    font-size: 36px;
    line-height: normal;
    color: #c49a6d;
    width: 750px;
}
.home-creation {
    padding: 120px 0 120px 0;
    background-image: url("../images/creation-section-bg-left.jpg"), url("../images/creation-section-bg-right.jpg");
    background-position: left top, right top;
    background-repeat: no-repeat;
    background-size: auto;
}
.home-creation h2 {
	padding-bottom: 20px
}
p, .home-creation p {
    font-size: 26px;
    line-height: 36px;
    color: #754c24;
}
.center-justify {
    text-align: center;
    text-align: justify-all; /* This line overrides the previous text-align property */
}
.home-collection{
	padding: 75px 0;
	background-color: #010c44
}
.home-collection h2{
	color: #FFFFFF;
	padding-bottom: 30px
}
.home-collection .box{
	padding: 5px;
	overflow: hidden;
	position: relative
}
.home-collection .box img{
	border-radius: 10px;
}
.box-content {
    width: 100%;
    height: 60vh;
    padding: 50px 30px 50px 30px;
    margin: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 100;
    transform: translateX(-50%);
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
    color: #FFFFFF;
    display: flex;
    align-items: end;
    justify-content: start;
}
.box-content span{
	font-family: 'optimabold';
	font-size: 35px;
	color: #C49A6D;
}
.box-content .cateName{font-size: 45px; text-transform: uppercase}
.box-content .cateDescription{font-size: 20px;width: 75%;line-height: 30px}

.cky-notice .cky-title{display: none}
.cky-notice-btn-wrapper .cky-btn.cky-btn-reject{display: none}
.cky-notice{
	font-family: "Cairo", sans-serif;
	font-weight: 500
}

.home-collection .box-sm .box-content {
    width: calc(100% - 10px);
    height: auto;
    padding: 100px 30px 10px 30px;
    margin: 0;
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translateX(-50%);
    z-index: auto;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
    color: #FFFFFF;
    display: flex;
    align-items: end;
    justify-content: start;
}
.home-collection .box-sm .box-content .cateName {
    font-family: 'optimabold';
    font-size: 32px;
    line-height: normal;
    text-transform: uppercase
}
.home-bestSellers{
	padding: 50px 0 200px 0;
	background-image: url("../images/bestseller-section-bg-left.jpg"), url("../images/bestseller-section-bg-right.jpg");
	background-position: left bottom, right bottom;
	background-repeat: no-repeat;
	background-size: auto
}
.home-bestSellers h2{
	color: #959595;
	padding-bottom: 20px
}
.home-bestSellers .product_name {
    font-size: 26px;
    line-height: normal;
    color: #754c24;
    text-align: center;
}
.homeProductswiper figure{
	border:1px solid #f3f3f3
}

.homeProductswiper .swiper-wrapper{
	padding-bottom: 100px;
}
.nutritionSwiper{
	
}
.nutritionSwiper .swiper-button-prev:after, .nutritionSwiper .swiper-rtl .swiper-button-next:after {
  content: ' ';
}
.nutritionSwiper .swiper-button-next:after, .nutritionSwiper .swiper-rtl .swiper-button-prev:after {
  content: ' ';
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,0px);
    left: auto;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,0px);
    right: auto;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    width: 12px;
    height: 12px;
    border: 1px solid #754c24;
    background-color: transparent;
    opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 35px;
    border-radius: 6px;
}
.homeProductswiper .swiper-slide a{
	display: block;
	text-decoration: none;
	color: #754c24;
}
.home-recipe {
    padding: 75px 0;
    background-color: #010c44;
}
.home-recipe h2{color: #ffffff}
.recipe-wrap{
	width:100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: block
}
.recipe-wrap a{
	text-decoration: none;
	color: #ffffff
}
.recipe-wrap .recipe-name {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    font-family: 'optimabold';
    font-size: 24px;
    line-height: 34px;
    color: #ffffff;
}
.homeRecipeswiper{
	padding: 0 0 100px 0
}
.homeRecipeswiper .swiper-pagination-clickable .swiper-pagination-bullet {
    border: 2px solid #c49a6d;
}
.recipe-wrap figure img{border-radius: 10px}
.recipe-rating img{max-width: 60px}
.discover-btn {
    font-family: 'optimabold';
    font-size: 30px;
    line-height: 40px;
    color: #c49a6d;
    text-decoration: none;
    border-radius: 50px;
    border: 2px solid #c49a6d;
    padding: 20px 50px;
    transition: all 0.5s ease;
    display: inline-block;
}
.discover-btn:hover{
	background-color: #c49a6d;
	color: #ffffff;
	border: 2px solid #ffffff;
}
.flavour-section {
    padding: 100px 0 200px 0;
    background-image: url("../images/craving-flavour-bg-left.jpg"), url("../images/craving-flavour-bg-right.jpg"), url("../images/craving-flavour-bg-bottom-right.jpg");
    background-position: left bottom, right top, right bottom -170px;
    background-repeat: no-repeat;
    background-size: auto;
}
.flavour-section .stores {
    padding: 0 0 30px;
}
.flavour-section .stores h2{
    padding: 0 0 30px;
}
.flavours figure{
	transition: all 0.5s ease;
}
.flavours figure img{
	width: 70%;
}
.flavour{
	font-family: 'optimanormal';
	font-size: 26px;
	color: #754c24
}
.flavours a{
    display: block;
    text-decoration: none;
}
.flavours a:hover figure{
    transform: scale(0.9);
}
.flavours-search {
    width: 900px;
    height: auto;
    margin: 40px auto 0;
    padding: 0;
    font-family: 'optimanormal';
    font-size: 14px;
    color: #676767;
    position: relative;
}
::-ms-input-placeholder {
	font-family: 'optimanormal';
	font-size: 24px;
	color: #676767
}

::placeholder {
	font-family: 'optimanormal';
	font-size: 24px;
	color: #676767
}
.flavours-search input[type="text"] {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 25px 45px;
    display: block;
    border: 1px solid #754c24;
    border-radius: 50px;
    font-family: 'optimanormal';
    font-size: 24px;
    color: #676767;
}
.searchBtn {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: auto;
    width: 75px;
    height: 75px;
    border: none;
    outline: none;
    background-color: #171845;
    background-image: url("../images/searchBtn.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 35px;
    border-radius: 50px;
}
.stores-logo{
    width: 100%;
    display: grid;
    height: auto;
    gap: 40px 20px;
    padding: 0px;
    grid-template-columns: repeat(8, minmax(0px, 1fr));
    grid-auto-rows: 1fr;
    list-style: none;
}
.stores-logo a {
    font-family: 'optimabold';
    font-size: 16px;
    color: #000000;
    text-align: center;
    text-decoration: none;
    display: block;
    pointer-events: none;
}
.stores-logo img{max-width: 100%}
.about_content{
	position: relative;
	margin-top: -116px;
	overflow: hidden
}
.about_content .text_content:nth-child(odd){
	padding-left: 300px;
    padding-top: 150px;
}
.about_content .text_content:nth-child(even){
	padding-right: 300px;
    padding-top: 150px;
	text-align: right
}
.about_content .text_content h3 {
    font-family: 'optimabold';
    font-size: 40px;
    line-height: 50px;
    color: #010c44;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.about_content .text_content p {
    font-size: 26px;
    line-height: normal;
    color: #754c24;
    width: 570px;
    display: inline-block;
}
.about_content .bdr-btm{
	border-bottom: 1px solid #754c24;
}
.scooper{
	/*margin-top: -100px;*/
	margin-right: -30px
}
.choco-ice-cream {
    max-width: 1100px
    
}
.topic_image {
    padding-bottom: 50px;
    text-align: right;
}
.collections_intro{
	padding: 270px 0 0 0;
}
.collections_intro p {
    width: 80%;
    margin-left: auto;
	margin-right: auto;
}
.collections_wrap{
	padding: 100px 0 150px
}
.collections_wrap .card{
	border: 0
}
.collections_wrap .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    align-items: center;
    justify-content: center;
}
.collections_wrap .nav-tabs {
    border-bottom: 0;
}
.collections_wrap .nav-tabs .nav-link {
    border: 0;
	padding: .5rem 4rem;
    font-family: 'optimanormal';
    font-size: 30px;
    line-height: normal;
    color: #010c44;
    text-transform: uppercase;
    position: relative;
	transition: all 0.5s ease
}
.collections_wrap .nav-tabs .nav-link::after {
    content: "";
    width: 2px;
    height: 40px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #010c44;
	transition: all 0.5s ease
}
.collections_wrap .nav-tabs .nav-link:last-child::after{
	display: none
}
.collections_wrap .nav-tabs .nav-item.show .nav-link, .collections_wrap .nav-tabs .nav-link.active {
	font-family: 'optimabold';
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.collections_wrap .tab-pane ul{
    width: 100%;
    display: grid;
    height: auto;
    gap: 80px 20px;
    padding: 0px;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    grid-auto-rows: 1fr;
    list-style: none;
}
.collections_wrap .tab-pane ul li {
    text-align: center;
    display: flex;
    align-items: start;
    justify-content: center;
}
.collections_wrap .tab-pane ul li figure {
    border: 1px solid #f3f3f3;
}
.collections_wrap .tab-pane ul li a{
	text-decoration: none
}
.collections_wrap .tab-content{
	padding-top: 50px
}
.collections_wrap .product_name {
    font-size: 22px;
    line-height: normal;
    color: #754c24;
    text-align: center;
    text-transform: capitalize;
    border: none;
    text-decoration: none;
}
.collection_detail_page{
	padding: 330px 0 100px 0;
	background-position: top center; 
	background-repeat: no-repeat; 
	background-size: auto
}
.featuredBg{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    overflow: hidden;
}
.featuredBg img{
    max-width: 100%;
}
.collection_detail_page h1 {
	width: 530px;
    font-family: 'optimabold';
    font-size: 50px;
    line-height: normal;
    color: #010c44;
    text-transform: uppercase;
    margin: 0 0 40px;
    padding: 0;
}
.collection_detail_page h3{
	width: 530px;
	font-family: 'optimanormal';
    font-size: 34px;
    line-height: normal;
    color: #010c44;
    text-transform: uppercase;
	margin: 0 0 40px;
    padding: 0;
}
.collection_detail_page p{
	width: 530px;
	margin-bottom: 40px;
	line-height: normal
}
.collection_detail_page .size_wrap{
	width: 530px;
	height: auto;
	margin: 0;
	padding: 0;
	display: block
}
.collection_detail_page .size_wrap ul{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none
}
.collection_detail_page .size_wrap ul li {
    font-family: 'optimanormal';
    font-size: 26px;
    line-height: 26px;
    color: #754c24;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 10px;
    border: 1px solid #754c24;
    border-radius: 5px;
}
.collection_detail_page .size_wrap p{
	margin-bottom: 10px;
	line-height: normal;
}
.collection_detail_page .accordion-button{
	font-size: 38px;
	color: #010c44;
	text-transform: uppercase;
	background-color: transparent
}
.collection_detail_page .accordion-button:not(.collapsed) {
    color: #010c44;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.collection_detail_page table {
    width: 100% !important;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-family: 'optimanormal';
    font-size: 20px;
    line-height: normal;
    color: #010c44;
}
.collection_detail_page table tr {
    border-bottom: 1px solid #010c44;
    width: 100%;
    display: table;
}
.collection_detail_page table tr td {
    text-align: left;
    padding: 7px 0;
}
.collection_detail_page table tr td:nth-child(1) {
    text-align: left;
}
.collection_detail_page table tr td:nth-child(2) {
    text-align: right;
    font-family: 'optimabold';
}
.collection_detail_page .accordion-button:focus{
	border-color: transparent;
	box-shadow: none
}
.collection_detail_page .accordion-button::after{
	background-image: url("../images/plus-icon.png");
}
.collection_detail_page .accordion-button:not(.collapsed)::after {
    background-image: url("../images/minus-icon.png");
    transform: rotate(-180deg);
}
.collection_detail_page .accordion-item{
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #544842;
	background-color: transparent
}
.collection_detail_page .product_dispaly img{
    position: relative;
    margin: -80px 0 80px;
}
.about_content .text_content h3 {
    font-size: 35px;
    line-height: 45px
}
.golder_btn {
    width: 350px;
    height: auto;
    margin: 0 20px;
    display: inline-block;
    background-color: #c49a6d;
    border-radius: 50px;
    padding: 20px 70px;
    font-family: 'optimabold';
    font-size: 30px;
    line-height: normal;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease;
}
.golder_btn:hover{
	color: #ffffff;
	background-color: #544842
}
.nutrition_table {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.filter-section ul {
    list-style: none;
    margin: 0;
    padding: 0 0 20px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.filter-section ul li {
    font-family: 'optimanormal';
    font-size: 32px;
    color: #818181;
    text-transform: uppercase;
    padding: 0 50px;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    position: relative;
}
.filter-section ul li.active {
    color: #171946;
    font-family: 'optimabold';
}
.filter-section ul li a {
    line-height: normal;
    color: #171946;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.5s ease
}
.filter-section ul li::before{
    content:'';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #000000;
}
.filter-section ul li::after{
    content:'';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #000000;
}
/*.filter-section ul li:first-child::after{*/
/*	display: none*/
/*}*/
/*.filter-section ul li:last-child::after{*/
/*	display: none*/
/*}*/
.filter-section ul li.active a{
    font-family: 'optimabold';
}
.pro-list-container {
    padding-top: 50px
}
.filter-section .multipack-subfilters {
    border-top: 2px solid #171946;
    padding: 0;
}
.filter-section .multipack-subfilters li {
    font-size: 22px;
    background-color: #f2f2f2;
    padding: 10px 20px;
}
.filter-section .multipack-subfilters li::before, .filter-section .multipack-subfilters li::after{
    display: none;
}
.rtl .filter-section .multipack-subfilters li::before, .rtl .filter-section .multipack-subfilters li::after{
    display: none;
}
.filter-section .multipack-subfilters li.active{
    background-color: #171946;
    color: #ffffff;
}
.filter-section .multipack-subfilters li.active a{
    color: #ffffff;
}
.filter-section .products {
    width: 100%;
    display: grid;
    height: auto;
    gap: 80px 20px;
    padding: 0px;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    grid-auto-rows: 1fr;
    list-style: none;
}
.filter-section .products .product {
    
}
.filter-section .products .product a {
    border: 1px solid #f3f3f3;
    display: block;
    padding: 0 15px;
}
.filter-section .products .product a.product_name {
    border: none;
    text-decoration: none;
    padding-top: 30px;
}
.swiper.nutritionSwiper .swiper-slide{
    margin: 0 auto;
}
.swiper.nutritionSwiper .swiper-slide img{
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}
.swiper.nutritionSwiper .swiper-slide img:first-{
    border-left: 0.5px solid #000000;
    border-right: 0.5px solid #000000;
}
.accordion-body {
    border-top: 1px solid #544842;
}
footer{
	width: 100%;
	height: auto;
	background-color: #010c44;
	transition: all 0.7s ease;
	font-family: 'optimanormal';
    font-size: 14px;
	color: #C49A6D;
}
footer .container{
	display: flex;
	align-content: center;
	justify-content: space-between
}
footer ul{list-style: none; text-align: right}
footer ul li, footer ul li a {
    font-family: 'optimanormal';
    font-size: 14px;
    color: #C49A6D;
    text-decoration: none;
    display: inline-block;
    margin: 0 6px;
}
footer ul li a:hover{
	color: #FFFFFF
}
footer .logo {
    width: 307px;
    position: relative;
	top: inherit;
    display: block;
    transition: all 0.5s ease;
    margin: -60px auto 100px auto;
}
footer div:nth-child(1){
	display: flex;
	align-items: center;
	justify-content: flex-start
}
footer div:nth-child(3){
	display: flex;
	align-items: center;
	justify-content: flex-end
}
.breadcrumb {
    position: absolute;
    left: 50%;
    top: 130px;
    z-index: 999;
    color: #fff;
    width: 100%;
    max-width: 1320px;
    margin: 0;
    padding: 0 var(--bs-gutter-x,.75rem);
    transform: translateX(-50%);
}
.breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 5px 0;
    font-family: 'optimanormal';
    font-size: 14px;
    line-height: normal;
    color: #000000;
    transition: all 0.5s ease;
}
.breadcrumb .hide{
    display: none;
}
.breadcrumb ul li {
    /*display: inline-block;*/
    display: inline-block;
    font-family: 'optimabold';
    font-size: 16px;
    line-height: normal;
    color: #000000;
    position: relative;
    padding: 0 20px 0 0;
    text-transform: uppercase;
}
/*.breadcrumb ul li::after {*/
/*    content: " ";*/
/*    position: absolute;*/
/*    right: 5px;*/
/*    top: 45%;*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E");*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    transform: translateY(-50%);*/
/*    background-repeat: no-repeat;*/
/*    background-size: auto;*/
/*    background-position: center;*/
/*}*/
.breadcrumb ul li::after {
    content: " ";
    position: absolute;
    right: 5px;
    top: 45%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E");
    width: 10px;
    height: 10px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}
.breadcrumb ul li:last-child::after{
    display: none
}
.breadcrumb ul li a{
    color: #000000;
}
.breadcrumb ul li a {
    background-color: #f2f2f2;
    border-radius: 50px;
    padding: 5px 15px;
    display: inline-block;
}
.breadcrumb ul li:nth-child(2){
    background-color: #f2f2f2;
    border-radius: 50px;
    padding: 0 15px;
}
.breadcrumb ul li:nth-child(2) a{
    padding: 5px 0;
}
.breadcrumb ul li:nth-child(3){
    display: none
}
.breadcrumb ul li:nth-child(2)::after{
    display: none
}
body.about-us .breadcrumb ul li:nth-child(2) {
    padding: 5px 15px;
}
body.products .breadcrumb ul li:nth-child(2) {
    padding: 5px 15px;
}
.modal-header, .modal-footer {background-color: #010c44}
.modal-header .btn-close{filter: invert(1);}
.shop_details_wrap {
    padding: 15px 0;
    border-radius: 5px;
}
.shop_details_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #f2f2f2;
    padding: 5px 10px;
    margin: 0 0 -1px 0;
}
.retailer-logo {
    width: 100px;
    padding: 10px 0;
}
.buyNowbtn {
    font-family: 'optimabold';
    font-size: 14px;
    line-height: normal;
    color: #c49a6d;
    text-decoration: none;
    border-radius: 50px;
    border: 1px solid #c49a6d;
    padding: 10px 30px;
    transition: all 0.5s ease;
    display: inline-block;
    background-color: #fff;
}
.buyNowbtn:hover,
.buyNowbtn:focus{
    color: #ffffff;
    background-color: #c49a6d;
}
.buyNowbtnwrap{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.modal-body .form-label{
    font-family: 'optimabold';
    font-size: 16px;
    line-height: 26px;
    color: #010c44;
    text-transform: uppercase;
}
.review-body .glsr {
    height: auto;
    max-height: 350px;
    overflow: hidden;
    overflow-y: scroll;
    padding: 0 15px 50px 0;
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
    -ms-overflow-style: -ms-autohiding-scrollbar
}
.review-body .glsr::-webkit-scrollbar {width: 12px}
.review-body .glsr::-webkit-scrollbar-thumb {background-color: #888;border-radius: 6px}
.review-body .glsr::-webkit-scrollbar-thumb:hover {background-color: #555}

.review-body .glsr::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
.review-body{
    position: relative;
    padding: 30px 0 0 0;
}
.accordion-body .glsr:nth-of-type(1){
    height: auto;
    max-height: inherit;
    overflow: visible;
}
.glsr-review-title{
    font-family: 'optimabold';
    font-size: 0.85rem;
    line-height: normal;
    color: #010c44
}
.collection_detail_page .glsr-review-content p{
    width: 100%;
    font-size: 14px;
}
.glsr-review-author .glsr-tag-value {
    color: #754c24;
    font-family: 'optimabold';
    font-size: 20px;
}
.glsr-summary-percentages{display: none}
.glsr-review {
    padding: 30px 50px;
    background-color: #f9f9f9;
    border-radius: 10px;
}
.glsr-summary-text {
    margin: 0 0 10px 0;
}
.write-review-btn {
    color: #c3996d;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'optimabold';
    font-size: 18px;
    padding: 0 30px;
    border: 1px solid #c3996d;
    border-radius: 30px;
    line-height: 45px;
    display: inline-block;
    margin: 0;
    position: absolute;
    right: 0;
    top: 30px;
    transition: all 0.5s ease
}
.write-review-btn:hover{
    color: #ffffff;
    background-color: #c3996d
}
#reviewTitle{
    font-family: 'optimabold';
    font-size: 26px;
    color: #ffffff;
    text-transform: uppercase;
}
.glsr-input, .glsr-textarea{
    border:1px solid #c3996d !important;
    border-radius: 30px !important;
    font-family: 'optimanormal' !important;
    font-size: 18px !important;
    color: #333333 !important;
}
.glsr-textarea{
    resize: none;
}
.glsr-default .glsr-field {
    margin: 0 0 15px 0;
}
.glsr-default form.glsr-form label.glsr-label{
    font-family: 'optimanormal' !important;
    font-size: 18px !important;
    color: #010c44 !important;
}

input::placeholder, .glsr-textarea::placeholder {
    font-size: 14px;
    color: #999999;
    font-family: 'optimanormal';
}
input:-ms-input-placeholder, .glsr-textarea:-ms-input-placeholder {
    font-size: 14px;
    color: #999999;
    font-family: 'optimanormal';
}
input::-ms-input-placeholder, .glsr-textarea::-ms-input-placeholder {
    font-size: 14px;
    color: #999999;
    font-family: 'optimanormal';
}
input::-moz-placeholder, .glsr-textarea::-moz-placeholder {
    font-size: 14px;
    color: #999999; 
    font-family: 'optimanormal';
}
input:-moz-placeholder, .glsr-textarea:-moz-placeholder {
    font-size: 14px;
    color: #999999; 
   font-family: 'optimanormal';
}

#reviewModal .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 2rem 4rem;
}
.wp-block-button__link {
    color: #fff;
    background-color: #c3996d;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: 0 35px;
    font-size: 1.125em;
    line-height: 45px;
    border: none;
}

.privacy-notice .container{
    padding-top: 200px;
    padding-bottom: 100px
}
.privacy-notice h3 {
    font-family: 'optimabold';
    font-size: 30px;
    line-height: 40px;
    color: #010c44;
    text-transform: uppercase;
}
.privacy-notice h4{
    font-family: 'optimabold';
    font-size: 25px;
    line-height: 35px;
    color: #010c44;
    text-transform: uppercase;
}
.privacy-notice p,
.privacy-notice ul li{
    font-size: 20px;
    line-height: 30px;
    color: #754c24;
}
.privacy-notice p strong, 
.privacy-notice ul li strong{
    font-family: 'optimabold';
    color: #010c44
}
.privacy-notice ul li{
    margin-bottom: 15px;
}
.privacy-notice .page_header{
    padding-top: 20px;
}
.ltr_banner_sm{
     display: none;
}
.rtl_banner_large{
    display: none;
}
.rtl_banner_sm{
    display: none;
}

/************Arabic Style************/
.rtl h3{
    font-family: "Cairo", sans-serif;
    font-weight: 700;
}
.rtl .modal-body .form-label{
    font-family: "Cairo", sans-serif;
    font-weight: 700;
}
.rtl .breadcrumb ul li {
    font-family: "Cairo", sans-serif;
    font-weight: 600;
    padding: 0 0 0 20px;
}
.rtl .breadcrumb ul li:nth-child(2){
    padding: 0 15px;
}
.rtl .breadcrumb ul li::after{
    left: 5px;
    right: inherit;
}
.rtl .ltr_banner_large{
    display: none;
}
.rtl .ltr_banner_sm{
    display: none;
}
.rtl .rtl_banner_large{
    display: block;
}
.rtl .rtl_banner_sm{
    display: none;
}
.rtl .about_banner_text{
    text-align: left;
}
.rtl{
    font-family: "Cairo", sans-serif;
    direction: rtl;
}
.rtl p{
    line-height: normal
}
.rtl .navbar__hamburger {
    right: 0
}
.rtl .home_intro h1 {
    font-family: "Cairo", sans-serif;
    font-weight: 600;
    text-align: right
}
.rtl h1 {
    font-family: "Cairo", sans-serif;
    font-weight: 800
}
.rtl h2 {
    font-family: "Cairo", sans-serif;
    font-weight: 700
}
.rtl .about_banner_text h4{
    font-family: "Cairo", sans-serif;
    font-weight: 400
}
.rtl .collection_detail_page .accordion-button{
    font-family: "Cairo", sans-serif;
    font-weight: 700
}
.rtl .accordion-button::after{
    margin-left: inherit;
    margin-right: auto;
}
.rtl .write-review-btn {
    left: 0;
    right: inherit;
}
.rtl .home-bestSellers h2{
    text-align: right;
}
.rtl .home_intro p {
    font-family: "Cairo", sans-serif;
    font-weight: 400;
    text-align: right;
}
.rtl .home-creation p {
    font-family: "Cairo", sans-serif;
    font-weight: 400;
}
.rtl .box-content span {
    font-family: "Cairo", sans-serif;
    font-weight: 700;
}
.rtl .box-content .cateName {
    font-family: "Cairo", sans-serif;
    font-weight: 500;
}
.rtl .box-content .cateDescription {
    font-family: "Cairo", sans-serif;
    font-weight: 400;
}
.rtl .home-collection .box-sm .box-content .cateName {
    font-family: "Cairo", sans-serif;
    font-weight: 600;
}
.rtl .siteMenu ul li a {
    font-family: "Cairo", sans-serif;
    font-weight: 400
}
.rtl .breadcrumb ul li{
    font-family: "Cairo", sans-serif;
    font-weight: 600
}
.rtl .home_intro {
    background-image: url("../images/home_banner_background_ar.jpg");
}
.rtl .discover-btn {
    font-family: "Cairo", sans-serif;
    font-weight: 700
}
.rtl .flavour {
    font-family: "Cairo", sans-serif;
    font-weight: 400
}
.rtl .collection_detail_page .size_wrap ul li{
    font-family: "Cairo", sans-serif;
    font-weight: 400
}
.rtl .collection_detail_page p {
   text-align: right;
}
.rtl .collection_detail_page .size_wrap ul {
    text-align: right;
}
.rtl .collection_detail_page h1 {
    font-family: "Cairo", sans-serif;
    font-weight: 700;
    text-align: right;
}
.rtl .collection_detail_page h3{
    font-family: "Cairo", sans-serif;
    font-weight: 400;
    text-align: right;
}
/*.rtl .filter-section ul li:first-child::before{*/
/*	display: block*/
/*}*/
/*.rtl .filter-section ul li:last-child::before{*/
/*	display: none*/
/*}*/
.rtl .filter-section ul li a {
    font-family: "Cairo", sans-serif;
    font-weight: 400;
}
.rtl .filter-section ul li.active a {
    font-family: "Cairo", sans-serif;
    font-weight: 700;
}
.rtl .featuredBg {
    transform: scaleX(-1);
    direction: ltr;
}
.rtl .golder_btn{
    font-family: "Cairo", sans-serif;
    font-weight: 700
}
.rtl .stores-logo a {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    font-weight: 600;
}
.rtl .recipe-wrap .recipe-name{
    font-family: "Cairo", sans-serif;
    font-weight: 500;
}
.rtl .topic_image {
    text-align: left;
}
.rtl .scooper {
    margin-right: inherit;
    margin-left: -30px;
}
.rtl .about_content .text_content:nth-child(odd){
	padding-right: 300px;
	padding-left: inherit;
}
.rtl .about_content .text_content:nth-child(even){
	padding-right: inherit;
    padding-left: 300px;
	text-align: left
}
.rtl footer {
    font-family: "Cairo", sans-serif;
    font-weight: 500;
    font-size: 15px;
}
.rtl footer ul li, .rtl footer ul li a{
    font-family: "Cairo", sans-serif;
    font-weight: 500;
    font-size: 15px;
}
.rtl .about_content .text_content h3{
    font-family: "Cairo", sans-serif;
    font-weight: 700;
}
.rtl input::placeholder, .glsr-textarea::placeholder {
    font-family: "Cairo", sans-serif;
    font-weight: 400;
}
.rtl input:-ms-input-placeholder, .glsr-textarea:-ms-input-placeholder {
    font-family: "Cairo", sans-serif;
    font-weight: 400;
}
.rtl input::-ms-input-placeholder, .glsr-textarea::-ms-input-placeholder {
    font-family: "Cairo", sans-serif;
    font-weight: 400;
}
.rtl input::-moz-placeholder, .glsr-textarea::-moz-placeholder {
    font-family: "Cairo", sans-serif;
    font-weight: 400;
}
.rtl input:-moz-placeholder, .glsr-textarea:-moz-placeholder {
    font-family: "Cairo", sans-serif;
    font-weight: 400;
}
.rtl #reviewTitle {
    font-family: "Cairo", sans-serif;
    font-weight: 700;
}
.rtl .modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem auto -.5rem -.5rem;
}
.rtl .glsr-default form.glsr-form label.glsr-label{
    font-family: "Cairo", sans-serif !important;
    font-weight: 600 !important;
}
.rtl .write-review-btn{
    font-family: "Cairo", sans-serif;
    font-weight: 600
}
.rtl footer ul {
    list-style: none;
    text-align: left;
}
.rtl .privacy-notice p strong, .rtl .privacy-notice ul li strong{
    font-family: "Cairo", sans-serif;
    font-weight: 700;
}
.rtl .privacy-notice h4{
    font-family: "Cairo", sans-serif;
    font-weight: 700;
}

@media only screen and (max-width: 1680px), only screen and (max-device-width: 1680px) {
	.home_intro {height: 660px}
	.home_intro h1 {font-size: 75px}
	.home_intro p {font-size: 26px; width: 560px}
	.caption-wrap {bottom: 15%}
	.home-creation p {width: 1070px;margin-left: auto;margin-right: auto}
	.home-bestSellers .product_name{font-size: 22px}
	.chocolate-tub {width: 625px}
	.about_content .text_content:nth-child(odd) {padding-left: 150px;padding-top: 150px;}
	.rtl .about_content .text_content:nth-child(odd){padding-right: 150px; padding-top: 150px;}
	.about_content .text_content:nth-child(even) {padding-right: 150px;padding-top: 150px;text-align: right;}
	.rtl .about_content .text_content:nth-child(even){padding-left: 150px;padding-top: 150px;text-align: left}
	.choco-ice-cream {padding-bottom: 90px}
	.scooper {width: 640px; margin-top: 0}
	.fruits-mix {width: 640px}
	.choco-ice-cream { max-width: 890px}
}
@media only screen and (max-width: 1440px), only screen and (max-device-width: 1440px) {
    h2 {font-size: 35px;line-height: 45px;}
    .caption-wrap {bottom: 90px;}
    .home_intro h1 {font-size: 70px;}
    .home_intro p {font-size: 24px;width: 515px;}
    .home-creation p {width: 980px;margin-left: auto;margin-right: auto;}
    p, .home-creation p {font-size: 22px;line-height: 30px;color: #754c24;}
    .home-creation {padding: 90px 0;}
    .flavours-search {width: 600px;}
    .flavour-section p {margin-left: auto;margin-right: auto;width: 1000px;}
    .scooper {width: 550px;}
    .fruits-mix {width: 610px;}
    .stores-list{padding-bottom: 70px}
    .about_content .text_content:nth-child(odd) {padding-left: 180px;padding-top: 110px}
    .about_content .text_content:nth-child(even){padding-right: 180px}
    .rtl .about_content .text_content:nth-child(odd){padding-right: 180px; padding-top: 110px;}
    .rtl .about_content .text_content:nth-child(even){padding-left: 180px}
    .about_content .text_content p {font-size: 22px;width: 100%}	
    .collections_wrap .tab-pane ul {width: 85%;margin: 0 auto;}
    .collection_detail_page .accordion-button {font-size: 32px}
}
@media only screen and (max-width: 1366px), only screen and (max-device-width: 1366px) {
	.home-creation p {width: 900px; font-size: 20px; line-height: 30px}
	.box-content .cateDescription {font-size: 18px;line-height: 26px}
	.box-content .cateName {font-size: 38px}
	.home-collection .box-sm .box-content .cateName {font-size: 24px}
	.home-bestSellers .product_name {font-size: 20px}
	.recipe-wrap .recipe-name {font-size: 20px; line-height: 30px}
	.discover-btn {font-size: 24px; line-height: 30px}	
	.about_banner_text {width: 1140px}
	.about_banner_text h2 {font-size: 70px}
	.about_banner_text h4 {font-size: 24px}
	.collections_wrap .tab-pane ul {width: 90%}
	.collections_wrap .product_name {font-size: 20px}
	.flavour {font-size: 22px;}
	.breadcrumb{max-width: 1140px; top: 115px}
	.logo {width: 257px}
	header {height: 120px}
	.about_banner {padding: 120px 0 0 0}
	
}
@media only screen and (max-width: 1280px), only screen and (max-device-width: 1280px) {
	header {height: 110px}
	.home_intro, .about_banner {padding: 110px 0 0 0}
	.caption-wrap {bottom: 70px}
	.logo, footer .logo {width: 247px}
	.home-creation p {width: 800px}
	.flavour-section p {width: 800px}
	.flavour {font-size: 20px;}
	.filter-section ul li{font-size: 26px; padding: 0 40px}
    .filter-section .multipack-subfilters li {font-size: 16px}
}

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
	.home_intro h1 {font-size: 60px}
	.home_intro p {font-size: 20px;width: 430px}
	.about_banner_text h2{font-size: 60px}
	.home_intro {height: 70vh}
	.home-creation {padding: 80px 0 80px 0;background-size: 280px}
	.home-creation p {width: 700px;font-size: 16px;line-height: 22px}
	h2 {font-size: 30px;line-height: 40px}
	.home-bestSellers .product_name {font-size: 16px;}
	.home-bestSellers {padding: 50px 0 100px 0;background-size: 250px}
	.flavour-section {background-position: left bottom, right top, right bottom -100px;background-size: 200px, 150px, 400px}
	.stores-list {padding-bottom: 30px}	
	.flavours-search {width: 500px;margin-top: 0}
	.flavours-search input[type="text"] {width: 100%;height: auto;margin: 0;padding: 15px 35px;display: block;border: 1px solid #754c24;border-radius: 50px;font-family: 'optimanormal';font-size: 18px; color: #676767}
	::-ms-input-placeholder {font-size: 18px}
	::placeholder {font-size: 18px}		
	.searchBtn {right: 4px;top: 4px;width: 50px;height: 50px;background-size: 22px}
    .flavour-section .stores {padding-bottom: 10px}
	.siteMenu ul li a {font-size: 30px}
	.about_banner_text {width: 960px; top: 85px}
    .about_content .text_content:nth-child(odd) {padding-left: 90px;padding-top: 60px;}
    .about_content .text_content:nth-child(even) {padding-right: 90px;padding-top: 100px;}
    .rtl .about_content .text_content:nth-child(odd){padding-right: 90px; padding-top: 60px;}
    .rtl .about_content .text_content:nth-child(even){padding-left: 90px; padding-top: 100px;}
    .about_content .text_content h3 {font-size: 30px;line-height: normal;margin-bottom: 10px;}
    .about_content .text_content p {font-size: 18px;width: 100%;}
    .about_content {margin-top: -62px;}
    .scooper {width: 440px;}
    .choco-ice-cream {max-width: 680px;}
    .collections_intro {padding: 220px 0 0 0;}
    p, .home-creation p {font-size: 18px;line-height: 26px;}
    .collection_detail_page .size_wrap ul li {font-size: 18px;line-height: normal;}
    .collections_wrap {padding: 50px 0 100px;}
    .collections_wrap .nav-tabs .nav-link {padding: .5rem 3rem;font-size: 24px;}
    .collections_wrap .product_name {font-size: 16px;}
    .collection_detail_page h1 {width: auto;font-size: 40px;margin: 0 0 25px}
    .collection_detail_page h3 {width: auto;font-size: 28px;margin: 0 0 25px}
    .collection_detail_page p {width: auto;margin-bottom: 25px;line-height: normal;}
    .collection_detail_page .size_wrap {width: auto;}
    .collection_detail_page .accordion-button {font-size: 28px;}
    .golder_btn {margin: 0 20px;padding: 15px 50px;font-size: 25px;}
    .filter-section .products {grid-template-columns: repeat(3, minmax(0px, 1fr))}
    .filter-section .products{gap: 30px 20px;}
    .pro-list-container {padding-top: 10px}
    .filter-section ul li {padding: 0 22px;font-size: 20px;line-height: normal;margin: 0 0 15px 0;}
    .filter-section .multipack-subfilters li {font-size: 16px}
    .filter-section .multipack-subfilters li{margin: 0}
    .filter-section .products .product a.product_name {padding-top: 20px; font-size: 15px}
    .breadcrumb{max-width: 960px}
    .collection_detail_page {padding: 280px 0 100px 0}
    .discover-btn {font-size: 16px;line-height: 26px;padding: 10px 30px}
    .rtl .collection_detail_page h1, .rtl .collection_detail_page h3, .rtl .collection_detail_page p, .rtl .collection_detail_page .size_wrap ul{text-align: center}
    

}
@media only screen and (max-width: 992px), only screen and (max-device-width: 992px) {
	.stores-logo {grid-template-columns: repeat(3, minmax(0px, 1fr));}
	.flavour-section p {width: 90%}
	.home_intro {height: 450px}
	.home_intro h1 {font-size: 42px}
	.home_intro p {font-size: 16px; width: 335px}
	.home-creation {padding: 80px 0 80px 0; background-size: 200px; background-position: left top, right bottom -200px}
	p, .home-creation p {font-size: 18px; line-height: 26px; width: 500px}
	.home-collection {padding: 80px}
	.home-bestSellers {padding: 50px 80px 100px}
	.home-bestSellers .product_name {font-size: 22px; line-height: 26px}
	.home-recipe {padding: 80px}
	.flavour-section{padding: 100px 80px}
	.about_banner_text {width: 520px;top: 70px;}
	.about_banner_text h2 {font-size: 42px;}
	.about_banner_text h4 {font-size: 16px;}
	.about_content .text_content:nth-child(odd) {padding-left: 40px;padding-top: 90px;}
	.about_content .text_content:nth-child(even) {padding-right: 40px;padding-top: 50px;}
	.rtl .about_content .text_content:nth-child(odd){padding-right: 40px; padding-top: 90px;}
    .rtl .about_content .text_content:nth-child(even){padding-left: 40px; padding-top: 50px;}
	.about_content .text_content p {font-size: 16px;}
	.scooper {margin-top: -30px;width: 330px;}
	.choco-ice-cream { max-width: 100%}
	.choco-ice-cream {padding-top: 50px;padding-bottom: 40px;}
	.about_content .text_content h3 {font-size: 26px;}
	.collections_wrap .tab-pane ul {grid-template-columns: repeat(3, minmax(0px, 1fr));}	
	.collections_wrap .nav-tabs .nav-link::after {height: 25px;}	
	.collections_wrap .nav-tabs .nav-link {padding: .5rem 2rem;font-size: 20px;}
	.collections_wrap .product_name {font-size: 18px;}
    .flavour {font-size: 16px}
    .flavours > div{margin-bottom: 30px}
	.golder_btn {margin: 0 5px 20px 5px}
	footer{padding-bottom: 50px}
	footer ul {text-align: center;padding: 0}
	.rtl footer ul {text-align: center;}
	footer .logo {margin-bottom: 30px}
	footer .container{display: block}
	footer div:nth-child(1){display: block; text-align: center}
	.breadcrumb{max-width: 720px}
	
    .glsr-review {padding: 30px}
	.glsr-review-author .glsr-tag-value{font-size: 16px}
	.review-body {padding: 60px 0 0 0}
    .write-review-btn {font-size: 14px;padding: 0 20px;line-height: 35px;top: 20px}
    .privacy-notice{padding: 0 5%}
    .privacy-notice .container {padding-top: 130px}
    .privacy-notice p, .privacy-notice ul li {font-size: 16px;line-height: 26px;color: #754c24;}
    .privacy-notice h3 {font-size: 22px;line-height: 32px;}
    .privacy-notice h4 {font-size: 18px;line-height: 28px;}
    
    .breadcrumb ul li{font-size: 13px}
    .featuredBg {top: 85px}
    .featuredBg img {max-width: inherit;margin-left: -380px}
    .rtl .breadcrumb ul li {padding: 0 20px}
    
}

@media only screen and (max-width: 576px), only screen and (max-device-width: 576px) {
    .siteMenu ul li a {font-size: 22px}
    .ltr_banner_sm{ display: block}
    .ltr_banner_large{display: none}
    .rtl .rtl_banner_large{display: none}
    .rtl .rtl_banner_sm{display: block}
	header {height: 90px}
	.logo, footer .logo {width: 177px}
	.home_intro {height: 90vh}
	.chocolate-explode {height: auto}
	.tub_shadow {height: auto}
	.moveMe {overflow: hidden; height: 75vh}
	.caption-wrap {bottom: 10px}
	.home_intro, .about_banner {padding: 90px 0 0 0}
	.home-creation {padding: 50px; background-size: 100px; background-position: left top, right bottom -100px}
	.home-bestSellers {background-size: 150px}
	p, .home-creation p {font-size: 16px; line-height: 26px; width: 100%}
	h1 {font-size: 34px; line-height: 44px}
	h2 {font-size: 26px; line-height: 36px}
	.home-creation h2, .home-collection h2 {padding-bottom: 0}
	.home-collection {padding: 30px}
	.home-bestSellers {padding: 30px 30px 100px}
	.home-recipe{padding: 30px}
	.flavour-section {padding: 100px 30px 150px}
	.box-content {height: 95%;padding: 20px}
	.box-content span {font-size: 24px}
	.box-content .cateName {font-size: 24px}
	.box-content .cateDescription {font-size: 14px;line-height: 20px;width: 100%}
	.home-collection .box-sm .box-content {height: 94%;padding: 10px}
	.home-collection .box-sm .box-content .cateName {font-size: 15px}
	.home-bestSellers .product_name {font-size: 16px; line-height: 22px}
	.homeProductswiper .swiper-wrapper {padding-bottom: 70px}
	.swiper-pagination-clickable .swiper-pagination-bullet {width: 7px; height: 7px}
	.swiper-pagination-bullet.swiper-pagination-bullet-active {width: 25px}
	.flavours-search {width: 100%}
	.flavours-search input[type="text"] {width: 100%;height: auto;margin: 0;padding: 15px 35px;display: block;border: 1px solid #754c24;border-radius: 50px;font-family: 'optimanormal';font-size: 14px; color: #676767}
	::-ms-input-placeholder {font-size: 14px}
	::placeholder {font-size: 14px}	
	.flavour-section {background-position: left bottom, right top, right bottom 0; background-size: 40%, 85px, 50%}
	.about_banner_text {width: 90%;top: 40px}
	.about_content {margin-top: 0}
	.about_content .text_content:nth-child(odd) {padding: 50px 50px 0 50px}
	.about_content .text_content:nth-child(even) {padding: 0 50px 50px}
	.rtl .about_content .text_content:nth-child(odd){padding: 50px 50px 0 50px}
    .rtl .about_content .text_content:nth-child(even){padding: 0 50px 50px}
    .rtl .about_banner_text {top: 65px}
	.about_content .topic_image:nth-child(odd) {padding: 50px 30px 50px !important}
	.scooper {margin-top: -60px;width: 250px}
	.about_banner_text {width: calc(100% - 20px);top: 95px;padding-right: 20px}
	.about_banner_text h2 {font-size: 35px}
	.about_banner_text h4 {font-size: 14px}
	.about_content .text_content h3 {font-size: 24px}
	.collections_intro {padding: 190px 0 0 0}
	.collection_detail_page {padding: 170px 0 100px 0}
	.collections_wrap .nav-tabs .nav-link {padding: .5rem 1.15rem;font-size: 15px;}
	.collections_wrap .tab-content {padding-top: 20px;}
	.collections_wrap .tab-pane ul {grid-template-columns: repeat(2, minmax(0px, 1fr));gap: 22px;}
	.collection_detail_page .accordion-button {font-size: 25px;}
	.golder_btn {padding: 15px 20px;font-size: 20px;}
	.display_grid{display: grid}
	.change_row{grid-row: 2}
	.collection_detail_page h1 {width: 300px; font-size: 32px; margin: 0 auto 20px}
	.collection_detail_page h3 {width: 300px; font-size: 20px; margin: 0 auto 20px}
	.collection_detail_page .size_wrap ul li {font-size: 16px; line-height: normal}
	.home_intro h1 {font-size: 38px}
	.home_intro p {font-size: 14px; width: 288px}
	.searchBtn {right: 2px; top: 2px; width: 48px; height: 48px; background-size: 22px}
	.nutrition_table{display: block;}
	.nutrition_table li{margin: 0 auto}
	.filter-section .products {grid-template-columns: repeat(2, minmax(0px, 1fr))}
	.collection_detail_page .product_dispaly img{margin: 0px 0 80px}
	.breadcrumb {top: 100px}
	.breadcrumb ul {margin: 0; padding: 0}
	.breadcrumb ul li{display: none;padding: 0;margin: 0 0 10px 0;}
	.breadcrumb ul li::after{display: none}
	
	.breadcrumb ul li:nth-child(2){display: none}
	.breadcrumb ul li:nth-child(2){display: block}
	.breadcrumb ul li:nth-child(3){display: none}
	
	body.about-us .breadcrumb ul li:nth-child(1){display: block}
	body.about-us .breadcrumb ul li:nth-child(2){display: none}
	body.about-us .breadcrumb ul li:nth-child(3){display: none}
	
	body.products .breadcrumb ul li:nth-child(1){display: block}
	body.products .breadcrumb ul li:nth-child(2){display: none}
	body.products .breadcrumb ul li:nth-child(3){display: none}
	
	.filter-section ul{display: block; }
	.filter-section ul li:nth-child(2)::before{display: none}
	.filter-section ul li:nth-child(3)::before{display: none}
	.filter-section ul li:nth-child(4)::before{display: none}
	.filter-section ul li:nth-child(4)::after{display: none}
	
	.rtl .filter-section ul li{font-size: 18px}
	.rtl .filter-section ul li:nth-child(1)::before{display: none}
	.rtl .filter-section ul li:nth-child(3)::before{display: block}
	.rtl .filter-section ul li:nth-child(4)::before{display: block}
	.rtl .filter-section ul li:nth-child(4)::after{display: block}
	.rtl .filter-section ul li:nth-child(5)::after{display: none}
	.rtl .filter-section .multipack-subfilters li::before{display: none !important}
    .rtl .featuredBg {transform: inherit}
    body.products .rtl .breadcrumb ul li:nth-child(1) {padding: 0;}
    .rtl .breadcrumb {top: 140px}
    
}
@media only screen and (max-width: 360px), only screen and (max-device-width: 360px) {
    .filter-section ul li {font-size: 15px}
}