/*
Theme Name: ClearBev
Theme URI: https://wordpress.org/themes
Author: the WordPress team
Author URI: https://wordpress.org/
Description: This is custome theme developed to get better performance in page speed.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custome-theme
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Underscores is distributed under the terms of the GNU GPL v2 or later. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
/*
 font-family: "Inter", sans-serif;
*/
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1370px;
}
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    border: 0;
    outline: 0;
    /*vertical-align: baseline;*/
    background: 0 0;
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-size: 18px;
    font-family: "Inter", sans-serif;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
* {
    margin: 0;
    padding: 0;
    outline: 0;
}
.section_padding{
    padding: 100px 0px;
}
.quote_section{
    padding: 150px 0px;
}
.mb-50{margin-bottom: 50px; }
.mb-25{margin-bottom: 25px; }
.mb-10{margin-bottom: 10px; }
.mr-15{margin-right: 15px; }
.mr-70{margin-right: 70px; }
.mt-50{margin-top: 50px;}
.pt-50{padding-top: 50px;}

/*=========================
        Color group
==========================*/
.black_color,body,h1,h2,h3,h4,h5,h6,.btn-link:hover,a:hover,h3.widget-title,.comment-body table th,.entry-content table th,.commentlist li.bypostauthor .fn a,
.commentlist li.bypostauthor .fn, ol.commentlist li.bypostauthor .fn,.commentlist .reply a,ol.commentlist .reply a,.wpcf7 input[type="date" i],.wpcf7 input[type="email"],.wpcf7 input[type="number" i],
.wpcf7 input[type="tel"],.wpcf7 input[type="text"],select,.wpcf7 textarea,.headermenu ul li a,.headermenu ul li ul li.menu-item-has-children > a:after,.headermenu ul li a:hover,
.headermenu ul li.current-menu-ancestor a.parent,.headermenu ul li.current_page_item a,.headermenu ul li ul li a:hover,.headermenu ul li ul.sub-menu li.current_page_item a,.footer ul li a,
.social-icons a:hover,.prev-post span,.next-post span,.post-nav a,.eme-testimonials-widget .carousel-control-next,.eme-testimonials-widget .carousel-control-prev,
.eme-testimonials-widget .carousel-control-next,.eme-testimonials-widget .carousel-control-prev,a:hover{
    color:#000;
}
.white_color,h1.page-title,#commentform input#submit,.btn-primary,.btn-secondary,.button,.footer_copyright_section,.header_top,.page-header-title,.wpcf7 input[type="submit"],input#searchsubmit,
.table .thead-light th,.button:hover,.nav-next a,.nav-previous a,.site-nav-next a,.site-nav-previous a,#commentform input#submit:hover,.wpcf7 input[type="submit"],.custom_breadcrumb,
.custom_breadcrumb a,ul.social li a, .header_cntct_info a{
    color:#fff;
}
.primary-color,.btn-link, #content-area a{
    color:#ff8000;
}
.arc {
    border-radius: 15px 0px 15px 0px !important;
}
.arc_big {
    border-radius: 40px 0px 40px 0px !important;
}
.headermenu ul li.current_page_item a, .headermenu ul li a:hover{
    color: #ffffff;
}
.headermenu ul li ul li{
    border-bottom: 1px solid #000000;
}
.headermenu ul li ul li a{
    color: #000000;
}
.headermenu ul li ul li:hover {
    background: #000000;
}
.headermenu ul li ul li:hover  a{
    color: #ffffff !important;
}
/* Buttons */
a.btn, #btn1{
    padding: 19px 40px;
    color: #000000 !important;
    background: rgb(255,255,0);
    background: #FFFFFF;
    border-radius: 5px;
    font-size: 20px;
    letter-spacing: 3px;
    font-weight: 700;

}
a.btn:hover, a.white_btn:hover{
    background:#000000;
    border-radius: 5px;
    transition: border-radius 1s;
    color: #ffffff !important;

}
a.black_btn{
    padding: 19px 40px;
    color: #ffffff !important;
    background: rgb(255,255,0);
    background: #000000;
    border-radius: 5px;
    font-size: 20px;
    letter-spacing: 3px;
    font-weight: 700;
    display: inline-block;
    border: 1px solid;
}
a.black_btn:hover{
    background:#ffffff;
    border-radius: 5px;
    transition: border-radius 1s;
    color: #000000 !important;
    border: 1px solid #000000;
}
button.btn.btn-primary{
    border:1px solid;
    border-radius: 5px;
    font-size: 20px;
    letter-spacing: 3px;
    font-weight: 700;
}
button.btn.btn-primary:hover {
    background: transparent;
    color: #000000;
    border: 1px solid;
}
/*=========================
    Background group
==========================*/
.black_bgcolor,.table .thead-light th,.btn-secondary,.btn-primary:hover, .header_top{
    background:#1E1E1E;
}
.white_bgcolor,body,.price tr:nth-child(odd),.commentlist article,.commentlist li.bypostauthor li article,ol.commentlist li.bypostauthor li article,
.cntct_header_menu,.white-popup,.commentlist,ol.commentlist,.headermenu ul li:hover > ul.sub-menu, .header {
    background:#fff;
}
.primary-bgcolor,.responsive_menu,ul.social li a,#commentform input#submit,.btn-primary,.button,.footer_copyright_section, .wpcf7 input[type="submit"],input#searchsubmit,
.logo_with_cnctcinfo ul.header_contect i,.btn-secondary:hover{
    background: #000;
}
.header_top, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, a.btn, a.white_btn{
    font-family: "Inter", sans-serif;
}
.slider_text {
    font-family: "Inter", sans-serif;
    font-weight: 800;
}
h1,
h2,
h3,
h4,
h5
{
    font-family: "Inter", sans-serif;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.1;
    font-weight: 700;
}
h6 {
    font-family: "Inter", sans-serif;
    font-weight: 700;
}
p ,#commentform input#submit,.btn-primary,.btn-secondary,.button {
    font-size: 20px;
}
h1,
h1.page-title {
    font-size: 40px;
    letter-spacing: 4px;
}
h2 {
    font-size: 32px;
    letter-spacing: 3.2px;
    text-transform: uppercase;
}
#sidebar h3,
h3 {
    font-size: 30px;
    letter-spacing: 3px;
}
h4 {
    font-size: 26px;
    letter-spacing: 2.6px;
}
h5 {
    font-size: 24px;
    letter-spacing: 2.2px;
}
h6 {
    font-size: 20px;
    letter-spacing: 1.8px;
}
h1.page-title {
    /*text-align: center;*/
    font-weight: 700;
}
img {
    height: auto;
    max-width: 100%;
}
.aligncenter,
.gallery-caption,
.sticky,
.wp-caption,
.wp-caption-text {
    margin: 0;
    padding: 0;
    max-width: 100%;
}
.btn-link,
a {
    text-decoration: none;
}
.btn-link:hover,
a:hover {
    text-decoration: none;
}
a.readmore {
    color: #1E1E1E !important;
    font-weight: 700;
    border-bottom: 3px solid #1E1E1E;
    padding: 5px 10px;
    letter-spacing: 1px;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 35px !important;
}
ol li ol,
ul li ul {
    margin-left: 10px;
}
ol,
ul {
    margin: 0 0 1.5em;
    list-style: decimal;
    padding: 0;
}
ul {
    list-style: disc;
}
ol li,
ul li {
    position: relative;
    margin-bottom: 0;
}
#comment-nav-above .nav-previous,
#comment-nav-below .nav-previous {
    float: none !important;
    margin: 10px 0;
}
ol.comment-list li {
    list-style: none;
    margin-bottom: 5px;
}
.clear {
    clear: both;
}
.alignleft,
img.alignleft {
    float: left;
    margin: 0 15px 0 0;
    padding: 5px;
}
.alignright,
img.alignright {
    float: right;
    margin: 0 0 0 15px;
    padding: 5px;
}
.aligncenter,
img.aligncenter {
    margin: 0 auto 20px auto;
    padding: 5px;
    text-align: center;
}
aside.widget {
    margin-bottom: 30px;
}
aside.widget ul {
    list-style: disc;
}
h3.widget-title {
    padding: 12px 15px;
    margin-bottom: 5px;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 18px;
}

.grid-layout .siteblog_listing {
    float: left;
    width: 31.2%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 2% 25px 0;
}
.grid-layout .siteblog_listing h3 {
    font-size: 18px;
}
.grid-layout .siteblog_listing .post-thumb {
    width: 100%;
    float: none;
    margin: 0 0 25px;
    height: 200px;
    overflow: hidden;
}
table {
    width: 100%;
}
.table .thead-light th{
    border-color: #fff;
    border-bottom: none;
    border-left: none;
    border-top: none;
}
.table td,
.table th {
    padding: 15px 10px;
}
table td,
table th {
    border: 1px solid #000;
    padding: 12px 10px;
    vertical-align: middle;
}
#commentform input#submit,
.btn-primary,
.btn-secondary,
.button {
    border: none;
    padding:16px 30px;
    display: inline-block;
}
.btn-secondary.focus,
.btn-secondary:focus,
.button:focus {
    box-shadow: none;
}
.nav-next,
.nav-previous,
.site-nav-next,
.site-nav-previous {
    float: left;
    padding: 10px;
    border-radius: 5px;
}
.nav-next,
.site-nav-next {
    float: right;
}
#comments {
    margin: 30px 0;
    padding: 0;
}
ol.commentlist {
    list-style: none;
}
#commentform p {
    margin: 5px 0;
}
#commentform label {
    display: inline-block;
}
.comment-respond {
    margin-bottom: 70px;
}
#commentform input#author,
#commentform input#eazycfc_captcha,
#commentform input#email,
#commentform input#url,
#commentform textarea {
    max-width: 94%;
    border: 1px #000 solid;
    padding: 10px 2%;
    width: 100%;
}
#commentform textarea {
    max-width: 98%;
}
p.comment-form-author,
p.comment-form-email,
p.comment-form-url {
    width: 33.33%;
    float: left;
}
#commentform input#submit:hover {
    border-bottom-color: #000;
}
.form-allowed-tags {
    display: none;
}
ul.errormsg li {
    padding: 5px;
}
.table {
    color: inherit;
}
.comment-body table,
.entry-content table {
    border-collapse: collapse;
    margin: 10px 0;
}
.comment-body table td,
.comment-body table th,
.entry-content table td,
.entry-content table th {
    padding: 10px 5px;
    text-align: left;
}
.comment-body table th,
.entry-content table th {
    font: normal 18px Oswald;
    border-bottom: 1px #888 solid;
}
.comment-body table td,
.entry-content table td {
    border-bottom: 1px #000 solid;
}
.fvch-codeblock:hover .comment-form-url {
    display: block !important;
}
.commentlist,
ol.commentlist {
    list-style: none;
    margin: 10px 0;
    padding: 10px 0;
}
.commentlist li,
ol.commentlist li {
    list-style: none;
    background-image: none;
    padding: 30px;
    margin-left: 0;
    margin-bottom: 25px;
}
.comment-author img.avatar {
    width: 65px;
    display: block;
    margin-bottom: 15px;
    border-radius: 100%;
}
span.says {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
}
.commentlist li.bypostauthor .fn a {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
}
.commentlist li ol li.depth-2,
.commentlist li ol li.depth-3,
.commentlist li ol li.depth-4,
ol.commentlist li ol li.depth-2,
ol.commentlist li ol li.depth-3,
ol.commentlist li ol li.depth-4 {
    border-bottom: none;
}
.commentlist li.bypostauthor article,
ol.commentlist li.bypostauthor article {
    background: #f9ffe1;
}
.commentlist article,
.commentlist li.bypostauthor li article,
ol.commentlist li.bypostauthor li article {
    border: none;
    padding: 10px;
    position: relative;
}
.commentlist li .fn {
    font-weight: 400;
    font-size: 15px;
    font-style: normal;
}
img.avatar {
    vertical-align: middle;
    position: static;
    display: inline-block;
}
.commentlist article a time {
    display: block;
    clear: both;
    padding: 5px 0 10px;
    font-size: 11px;
    font-style: italic;
}
.commentlist,
ol.commentlist p {
    font-size: 14px;
}
.commentlist .reply span,
ol.commentlist .reply span {
    display: none;
}
.commentlist .reply a,
ol.commentlist .reply a {
    padding: 10px 0;
    text-align: center;
    line-height: 1.5;
    margin: 5px 0;
    font-weight: 700;
    border-radius: 5px;
}
.comment-author.vcard {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
}
.comment-list ul.children li.comment {
    background-image: none;
    padding-left: 5px;
}
.wpcf7 {
    margin: 30px 0 0;
    padding: 0;
}
.wpcf7 input[type="date" i],
.wpcf7 input[type="email"],
.wpcf7 input[type="number" i],
.wpcf7 input[type="tel"],
.wpcf7 input[type="text"],
select {
    width: 100%;
    border: 1px solid #000;
    padding: 19px 15px;
    margin-bottom: 0;
    border-radius: 3px;
    background: #A1A1A1;
    color: #ffffff !important;
}
.wpcf7 textarea {
    width: 100%;
    border: 1px solid #ccc;
    height: 150px;
    font: 12px arial;
    padding: 10px;
    padding-right: 0;
    border-radius: 3px;
	margin-bottom:15px;
}
.wpcf7 input[type="submit"]:hover{
    background: #ffffff !important;
    color:#000000 !important;
    border:1px solid #000000 !important;
}
.wpcf7 input[type="submit"] {
    padding: 20px 15px;
    border: none;
    font-weight: 600;
    font-size: 20px;
    border-radius: 5px;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 1px solid #000;
}

.wpcf7 input::placeholder {
    color: #ffffff !important;
}
.wpcf7 label {
    display: block;
}
span.wpcf7-list-item {
    margin: 0 1em 0 0;
    display: block;
}
button,
input,
optgroup,
select,
textarea {
    vertical-align: middle;
}
.logo {
    float: left;
    z-index: 999999!important;
    padding: 10px 0;
    position: relative;
}
.header_top {
    text-align: right;
    padding: 15px 0;
    z-index: 9999999 !important;
    position: relative;
    font-size: 18px;
    letter-spacing: 1px;
}
.header_top p{
    margin-bottom:0;
}
ul.header_cntct_info, ul.social_info {
    list-style: none;
}
ul.header_cntct_info li, ul.social_info li {
    display: inline-block;
    margin-right: 25px;
}
li.social::after {
    content: ' ';
    width: 2px;
    height: 20px;
    background: #fff;
    display: inline-block;
    position: absolute;
    right: -15px;
}
.header {
    width: 100%;
    z-index: 999;
    top: auto;
    position: relative;
    background: transparent;
}
.header_main .navbar, .header_main .navbar-brand{
    padding: 0px;
}
#header .headermenu ul li.current_page_item:after, #header .headermenu ul li.current_page_item:before, #header .headermenu ul li:hover::after, #header .headermenu ul li:hover::before {
    width: 100%;
}
#header .headermenu ul li:after, #header .headermenu ul li:before {
    /*content: '';*/
    display: block;
    width: 0;
    height: 6px;
    background: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);
    transition: width .6s;
}
.headermenu ul {
    margin: 0;
    padding: 0;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: auto !important;
}
.headermenu ul li {
    display: inline-block;
    position: relative;
    margin: 0;  
}
.headermenu ul li:last-child {
    border-right: none;
}
.headermenu ul li a {
    font-size: 16px;
    display: block;
    text-align: center;
    padding: 30px 20px;
    color: #ffffff;
}
.headermenu ul li ul li {
    display: block;
    position: relative;
    float: none;
    top: 0;
    padding: 0;
}
.headermenu ul li ul li.menu-item-has-children > a:after {
    display: none;
    content: "\e906";
    font-family: icomoon;
    font-size: 12px;
    padding: 0 3px;
    position: absolute;
    top: 8px;
    font-weight: 300;
}
.headermenu ul li.menu-item a>i {
    font-size: 12px;
    margin-left: 5px;
    line-height: 1;
    top: -2px;
}
.headermenu ul li ul li a {
    display: block;
    padding: 15px 20px;
    position: relative;
    top: 1px;
    text-align: left;
}
.headermenu ul li ul {
    display: none;
    z-index: 9999999;
    position: relative;
    top: 60px; 
    -webkit-box-shadow: 0px 5px 16px 0px rgb(0,0,0,0.28);
    -moz-box-shadow: 0px 5px 16px 0px rgb(0,0,0,0.28);
    box-shadow: 0px 5px 16px 0px rgb(0,0,0,0.28);
}
.headermenu ul li:hover > ul {
    display: block !important;
    width: 120px;
    position: absolute;
    left: 0;
    text-align: left;
}
.headermenu ul li:hover ul li ul {
    display: none;
    position: relative;
}
.headermenu ul li:hover ul li:hover > ul {
    display: block;
    position: absolute;
    left: 200px;
    top: 0;
}
.headermenu ul li ul li a {
    border-right: none;
    text-transform: uppercase;
    font-size: 16px;
}
.headermenu ul li ul li i {
    transform: rotate(-90deg) !important;
    right: 20px!important;
    position: absolute;
    top: 17px !important;
}
.headermenu ul li:hover > ul.sub-menu {
    top: 100%;
    width: 200px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.header .menu {
    text-align: right;
    width: 100%;
    position: absolute;
    left: 0;
}
.header .col-xs-12 {
    display: flex;
    align-items: center;
    margin: 0 auto;
    max-width: 100%;
}
.header .logo img {
    max-width: 100%;
}
.responsive_menu {
    position: fixed;
    display: none;
    height: 100%;
    width: 250px;
    right: -250px;
    z-index: 99999999;
    background: linear-gradient(180deg, rgba(255,255,255,0) -10%, rgba(30,30,30,1) 1%);
    top: 0;
}
ul#menu-main-menu-1 i.fas,
ul#menu-main-menu-2 i.fas {
    margin-left: 10px;
}
.newClass .sticky-top {
    transition: 0.5s;
    box-shadow: -21.213px 21.213px 30px 0 rgb(0 0 0 / 25%);
    position: fixed;
    top: 0;
    width:100%;
    background: #000000;
    z-index: 999999;
    transform: translateY(0px) scale(1);
}
.newClass .sticky-top .logo img{
    max-width: 55%;
}
.newClass .sticky-top .headermenu ul li a{
    font-size: 12px;
    padding: 25px 20px;
    z-index: 999999;
}
.logo_with_cnctcinfo_sticky {
    display: none;
}
.newClass .logo_with_cnctcinfo_sticky {
    display: block;
}

.page-top.page-header-title {
    padding: 200px 0 130px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: -103px;
}
.custom_breadcrumb {
    font-weight: 700;
    margin: 15px 0;
}
.carousel-item.slide {
    height: 95vh;
    background-size:cover;
}
.carousel-inner::after, .arc_design::after {
    content: ' ';
    width: 156px;
    height: 147px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(/wp-content/uploads/2020/12/arc.png);
    background-size: 100%;
}
.arc_design::before{
    content: ' ';
    width: 156px;
    height: 147px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/wp-content/uploads/2021/01/arc.png);
    background-size: 100%;
}
span.carousel-control-next-icon, span.carousel-control-prev-icon {
    position: relative;
}

span.carousel-control-next-icon::after, span.carousel-control-prev-icon::after {
    content: ' ';
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.8);
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    border-radius: 0px 5px 0px 5px;
}
.arc_design{position: relative;}
.home #content-area {
    padding-top: 0px;
}
.home_slider {
    margin-top: -105px;
    z-index: 888;
    position: relative;
}
.home_slider::after {
    content: ' ';
    background-image: url(/wp-content/uploads/2024/03/Rectangle-13.png);
    width: 100%;
    height: 235px;
    position: absolute;
    bottom: 0;
    z-index: 9999999;
}
#products_overview {
    padding-bottom: 250px;
    position: relative;
}
#products_overview::after, #who_we_are::after{
    content: url(/wp-content/uploads/2024/03/Section-Bottom-Cutout.svg);
    width: 100%;
    bottom: -7px;
    position: absolute;
    overflow: hidden;
}
.product_sec {
    margin-top: -150px;
    z-index: 9999;
    position: relative;
}
#products_details {
    margin-top: -300px;
    background: transparent;
    padding-bottom: 100px;
}
.products_title {
    width: 100%;
    display: inline-block;
}
.product_img {
    width: 30%;
    float: left;
    padding-right: 20px;
}
.product_description {
    width: 70%;
    float: left;
}
.Product_block img{
    border-radius: 50px 50px 0px 0px;
    /*background: #eee;*/
}
.Product_block a.link_btn {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 3px;
    float: right;
    color: #1E1E1E !important;
    font-weight: 700;
    /*margin-top: -50px;*/
    z-index: 99999;
    position: relative;
    margin-right: 20px;
}
.Product_block {
    position: relative;
}
.hover_link_btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #ffffff !important;
    background: rgba(30, 30, 30, 0.25);
    padding: 30px 50px;
    display: none;
    border:none;
}
a.rollover img.off {
    display: none;
}
a.rollover:hover img.off{
    display: block;
}
a.rollover:hover img.on {
    display: none;
}
.Product_block:hover a.link_btn{
   /* display: none;*/
} 
.Product_block:hover .hover_link_btn{
    display: block;
}
.collaborate_img_block{
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 30px;
}
.zoom-in-zoom-out {
    animation: zoom-in-zoom-out 8s ease-out infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.3, 1.3);
  }
  100% {
    transform: scale(1, 1);
  }
}
#who_we_are {
    padding: 500px 0px 500px;
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    margin-top: -300px;
}
#who_we_are p{
    font-size: 20px;
    letter-spacing: 1.5px;
}
#Strengths_details .maincontainer {
    background: #ffffff !important;
    margin-top: -250px;
    padding: 100px 50px;
    position: relative;
    border-radius: 50px 50px 0px 0px;
    -webkit-box-shadow: 0px 12px 40px 0px #00000015;
    box-shadow: 0px 12px 40px 0px #00000015;
}
.home_upcoming_brand .maincontainer {
    margin-top: -350px !important;
}
#products_tabs .maincontainer{
    background: #ffffff !important;
    padding: 100px 50px;
    position: relative;
    border-radius: 0px 0px 50px 50px;
}
#products_tabs{
    position: relative;
    z-index: 8;
}
/*.appFrame {
  width: 420px;
  height: 210px;
  margin-left: auto;
  margin-right: auto;
  background-color: tomato;
  border: 3px solid black;
  border-radius: 25px;
  padding: 10px;
}*/

/*article.accordion {
  display: block;
  width: 25.5em;
  margin: 0 auto;
  background-color: #333;
  overflow: auto;
  border-radius: 5px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}*/

article.accordion section {
  position: relative;
  display: block;
  float: left;
  width: 85px;
  height: 360px;
  margin: 0px;
  color: #666;
  background-color: #F3F3F3;
  overflow: hidden;
  border-left: 1px solid #000000;
}

:target #start {
  visibility: visible;
}

:target #stop {
  visibility: visible;
}

:target #clear {
  visibility: visible;
}

:target #diary {
  visibility: visible;
  text-align: center;
}

:target time {
  visibility: visible;
}

#start,
#stop,
#clear,
#diary,
time {
  visibility: hidden;
}

article.accordion section h2 {
  position: absolute;
  font-size: 1em;
  font-weight: bold;
  width: 20em;
  /*height: 360px;*/
  top: 360px;
  left: 0;
  text-indent: 1em;
  padding: 0;
  margin: 0;
  color: #ddd;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

article.accordion section h2 a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 2em;
  text-decoration: none;
  color: inherit;
  outline: 0 none;
  font-size: 24px;
  padding: 15px;
  color: #000000 !important;
}

article.accordion section:target {
  /*width: 17.56em;*/
  width: 75.1%;
  padding: 0 1em;
  color: #333;
  background-color: #fff;
  background-size: cover !important;
background-position: top center !important;
background-repeat: no-repeat !important;
    padding: 5% 2%;
}

article.accordion section:target h2 {
  position: static;
  color: #ffffff !important;
  font-size: 1.3em;
  text-indent: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 100%;
  text-align: center;
}
article.accordion section:target h2 a, article.accordion section:target p{
    color: #ffffff !important;
}
article.accordion section:target p{
    font-size: 20px;
}
article.accordion section,
article.accordion section h2 {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
#subscribe_sec .container {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(30, 30, 30, 1) 1%);
    padding: 50px;
    border-radius: 0px 0px 50px 50px;
    margin-top: -2px;
    -webkit-box-shadow: 0px 12px 40px 0px #00000015;
    box-shadow: 0px 12px 40px 0px #00000015;
}
#contact_sec {
    padding-bottom: 0px;
}
#contact_sec p {
    font-size: 20px;
    letter-spacing: 2px;
}
#contact_sec input, #contact_sec textarea{
    background: #ECECEC;
    /*color: #000000 !important;*/
    border: none;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 15px 15px 15px 25px;
}
#contact_sec input::placeholder, #contact_sec textarea::placeholder {
    color: #000000 !important;
}
#contact_sec textarea{
    height: 240px;
}
#contact_sec input[type="submit"]{
    width: 240px;
    background: #000000;
    color: #ffffff;
    padding: 20px;
    border: 1px solid;
}
.footer {
    width: 100%;
    z-index: 888;
    top: auto;
    position: relative;
}
.footer ul li a {
    text-decoration: none;
    display: block;
    padding: 0px 20px;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
}
.footer_widget_section {
    padding: 250px 0 30px;
}
.footer_copyright_section {
    padding: 15px 0;
    font-size: 12px;
}
.footer_copyright_section p {
    margin-bottom: 0;
    font-size: 12px;
}
.map_section {
    margin-top: -200px;
}
.footer_widget_section:before{
    content: url(/wp-content/uploads/2024/03/Section-Top-Cutout.svg) !important;
    width: 100%;
    position: absolute;
    top: 0;
    content: ' ';
    width: 100%;
    position: absolute;
    top: 0;
    /*background: url(/wp-content/uploads/2024/03/Section-Top-Cutout.svg);*/
    height: 265px;
    background-size: cover;
}
#crafting_sec {
    margin-top: -500px;
}
.page-not-found h2 {
    font-size: 140px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.5;
}
.page-not-found p {
    font-size: 1.4em;
    line-height: 36px;
}
.social-icons a {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    padding: 8px;
    font-size: 18px;
}
.social-icons br {
    display: none;
}
ul.social {
    list-style: none;
}
ul.social li {
    display: inline-block;
    margin-right: 5px;
    margin-left: 0;
    text-align: center;
}
ul.social li:before {
    display: none;
}
ul.social li a {
    padding: 7px;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50px;
}
ul.social li a i {
    font-size: 22px;
}
.colla_block {
    background: #1E1E1E;
    padding: 50px;
    border-radius: 50px;
    position: relative;
    z-index: 9;
}
.crafting_section {
    max-width: 500px;
    margin: 0 auto;
}
/*#content-area {
    padding: 40px 0;
}*/
.website_content {
    padding: 50px 0;
}
.main-content .left_side {
    padding-right: 30px;
}
.comment__post {
    padding-top: 50px;
}
h2.screen-reader-text {
    display: none;
}
.eme-signposts-widget .style1,
.eme-team-widget .style1 {
    text-align: center;
    padding: 10px;
}
.eme-signposts-widget .style2,
.eme-team-widget .style2 {
    display: inline-block;
    padding: 10px;
}
.eme-signposts-widget .style2 .eme-image,
.eme-team-widget .style2 .team_image {
    display: table-cell;
    vertical-align: top;
    width: 150px;
}
.eme-signposts-widget .style2 .card-body,
.eme-team-widget .style2 .card-body {
    display: table-cell;
    vertical-align: middle;
}
.eme-team-widget .team_social {
    display: inline-flex;
}
.eme-testimonials-widget .testimonial-image {
    width: 200px;
    margin: 0 auto;
}
.eme-testimonials-widget .content-testimonial {
    text-align: center;
}
.eme-testimonials-widget .carousel-control-next,
.eme-testimonials-widget .carousel-control-prev {
    font-size: 40px;
}
.eme-testimonials-widget .carousel-control-next:before,
.eme-testimonials-widget .carousel-control-prev:before {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #000;
    margin-top: 8px;
    margin-left: 1px;
}
.white-popup {
    position: relative;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}
.slider_info {
    top: 50%;
    transform: translate(-50%,-40%);
    position: absolute;
    left: 50%;
}
.slider_info h2 {
    font-size: 50px;
    color: #ff8000;
}
.services_block{
    padding: 25px 15px;
    background: #eeeeee;
    border-radius: 20px 0px 20px 0px;
    transition: transform 500ms ease-in-out 25ms;
}
.services_block:hover{
    color: #ffffff;
   /* transform: scale(1.05, 1.05);*/
    background-size: cover;
    background-image: linear-gradient(315deg, rgba(245,134,52,0.8) 0%, rgba(245,212,18,0.8) 100%),url(/wp-content/uploads/2020/12/services_bg.jpg);
}
.services_block:hover h6{color: #ffffff;}
.services_block:hover .services_icon{
    background: #ffffff;
    color: -webkit-linear-gradient(left,rgba(245,212,18,1) 0,rgba(245,134,52,1) 90%);
}
.services_block:hover .services_icon span{
    color: #cc7400;
    background: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.services_icon {
    width: 87px;
    height: 87px;
    margin: 0 auto;
    padding: 24px;
    background: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);;
    margin-bottom: 25px;
    border-radius: 15px 0px 15px 0px;
    color: #ffffff;
}
span.icon-plus.readmore {
    position: absolute;
    padding: 12px;
    background: #ffffff;
    bottom: 10px;
    left: 50%;
    margin-left: -18px;
    color: rgb(245 134 52);
    border-radius: 10px 0px 10px 0px;
    opacity: 0;
    transition: 0.70s;
}
.services_block:hover span.icon-plus.readmore {
    opacity: 1;
    transform: rotate(360deg);
}
.portfolio_block img {
    filter: grayscale(1);
}
.portfolio_block {
    position: relative;
}
.btn_block {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgb(51,51,51);
    background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 77%);
    border-radius: 15px 0px 15px 0px !important;
}
a.white_btn.portfolio_btn {
    bottom: 15px;
    position: absolute;
    left: 15px;
}
.portfolio_block:hover img {
    filter: grayscale(0);
}
.portfolio_block:hover .btn_block {
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 59%);
}
.process_step {
    width: 85px;
    height: 85px;
    background: #000000;
    border-radius: 15px 0px 15px 0px !important;
    display: block;
    text-align: center !important;
    padding: 22px !important;
    font-size: 40px;
}
.testimonial_block {
    padding: 40px;
    border-bottom: 5px solid #ff8000;
}
.testi_quoter.arc {
    width: 60px;
    height: 60px;
    font-size: 28px;
    background-image: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);
    padding: 10px;
    color: #ffffff;
    margin: 0 auto 50px auto;
}
.process_step:hover{
    background-image: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000) !important;
}
.testimonial_block p{
    line-height: 2;
}
.services_area a.white_btn {
    width: 90%;
}
.footer_widget_section {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0.5%, rgba(30,30,30,1) 1%);
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}
.footer_widget_section h3{
    text-transform: uppercase;
    color: #ffffff;
    position: relative;
    letter-spacing: 3px;
    padding-bottom: 15px;
    border-bottom: 1px solid #aaa;
    margin-bottom: 25px;
}
.footer_widget_section h3::after {
    content: ' ';
    width: 80px;
    height: 3px;
    background-image: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);
    display: block;
    position: absolute;
    bottom: -2px;
}
a.white_btn:hover{
    background-image: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);
}
ul#menu-footer-menu li, ul.awesome_list_style li {
    width: 50%;
    float: left;
    margin-bottom: 15px;
    padding-left: 35px;
}
ul.awesome_list_style{list-style: none;}
ul.awesome_list_style li{line-height: 3;}
ul#menu-footer-menu li a {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
}
ul#menu-footer-menu li::before, ul.awesome_list_style li::before {
    content: ' ';
    width: 20px;
    height: 23px;
    display: block;
    background-image: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);
    border-radius: 5px 0px;
    position: absolute;
    left: 0;
    top: 10px;
}
.footer_logo {
    border-left: 2px dashed #aaa;
    border-right: 2px dashed #aaa;
    margin: 0px 5px;
}
ul.footer_contact_info li span {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
}

ul.footer_contact_info li {
    padding-left: 40px;
    margin-bottom: 20px;
    color: #ffffff;
    list-style: none;
    font-size: 16px;
}
li.address::before, li.email::before, li.phone::before {
    position: absolute;
    left: 0;
    content: "\ef79";
    font-family: 'IcoFont';
    font-size: 24px;
}
li.address::before {content: "\ef79";}
li.email::before {content: "\ef14";}
li.phone::before {content: "\ec49";}
.footer_social ul {margin-bottom: 0;}
.footer_social ul li {display: inline-block;margin-right: 5px;}
.footer_social ul li a {
    padding: 5px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 30px;
    background: #1E1E1E; 
    color: #ffffff !important;
    border:1px solid;
}
.footer_social ul li a:hover{
    background: transparent;
    color: #000000 !important;
}

.copyright.text-left { padding: 0px 0px; }
/*.footer_widget_section::after {
    content: ' ';
    width: 100%;
    height: 100px;
    position: absolute;
    right: 0;
    bottom: 0px;
    background-image: url(/wp-content/uploads/2024/04/ClearBev-Footer-Bottom.png);
    background-size: 100%;
}*/
.slick-arrow {
    font-size: 40px;
    color: #ff8000;
    top: -17% !important;
    position: absolute;
    cursor: pointer;
}
.slick-custom-arrow-left.slick-arrow {
    left: 85%;;
}
.slick-custom-arrow-right.slick-arrow {
    right: 0px;
}
.footer ul {
    list-style: none;
    margin-bottom: 0px;
    margin-top: 25px;
}
.footer ul li {
    display: inline-block;
}
.copyright ul {
    list-style: none !important;
    margin-bottom: 0 !important;
    margin-top: 0px !important;
}
.copyright ul li {
    display: inline-block;
}
.copyright ul li a{
    font-size: 12px;
}
/* Mega Menu */

.headermenu ul li.megamenu ul.sub-menu{
	max-width: 1320px;
    width: 1320px !important;
    position: absolute;
    transform: translateX(-58%);
    padding: 20px 15px;
}
.headermenu ul li.megamenu ul.sub-menu li {
    width: 25%;
    float: left;
    margin-bottom: 10px;
}

.headermenu ul li.megamenu ul.sub-menu li a:hover{color: rgb(245 134 52);}
.headermenu ul li.megamenu ul.sub-menu li a span{font-size: 24px;margin-right: 10px;}
.headermenu ul li.megamenu ul.sub-menu li:after, .headermenu ul li.megamenu ul.sub-menu li:before{
	display: none !important;
}
.header_icon span {
    font-size: 200px;
    opacity: 0.5;
}
.header_icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.headerinfo {
    position: relative;
}
.cinfo span, .cinfo a{
    display: block;
}
.cinfo {
    padding: 25px 50px;
    background: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);
}
input#Submit {
    padding: 15px 40px;
    color: #ffffff !important;
    background: rgb(255,255,0);
    background: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);
    border-radius: 10px 0px 10px 0px;
    font-size: 18px;
    letter-spacing: 1px;
}
span.icofont-location-pin {
    font-size: 50px;
    margin-bottom: 15px;
}
/*.page-template-contact #content-area, .page-template-about #content-area, .page-template-default #content-area { 
    padding-bottom: 0px; 
}*/
.contact_form input.wpcf7-form-control.wpcf7-text, .contact_form .wpcf7 textarea{margin-bottom: 30px;border: 1px solid #cccccc !important;}
.foo_form_sec {
    background-color: #fff;
    padding: 15px 26px 50px;
    -webkit-box-shadow: 0 8px 57px rgba(0, 0, 0, .25);
    -khtml-box-shadow: 0 8px 57px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 8px 57px rgba(0, 0, 0, .25);
    -ms-box-shadow: 0 8px 57px rgba(0, 0, 0, .25);
    -o-box-shadow: 0 8px 57px rgba(0, 0, 0, .25);
    box-shadow: 0 8px 57px rgba(0, 0, 0, .25);
    position: relative;
    border-radius: 0px 30px;
}
.foo_form_sec .wpcf7-form .wpcf7-form-control-wrap {
    margin-bottom: 16px;
    display: block;
}
.foo_form_sec input.wpcf7-form-control, .foo_form_sec .msg{
    background-color: #f6f6f6;
    border-color: #f6f6f6;
    font: 400 13.3333px Arial;
    font-style: italic;
}
.foo_form_sec:after {
    content: '';
    border-width: 30px;
    border-style: solid;
    border-color: #f5ad0d transparent transparent #f5ad0d;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.foo_form_sec:before {
    content: "\efb4";
    font-family: "IcoFont";
    font-size: 25px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
    color: #fff;
    line-height: 1;
}
.foo_service {
    box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.15);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 0px 25px 0px;
    padding: 45px 30px;
    min-height: 240px;
    border-radius: 0px 10px;
}
.foo_service span {
    font-size: 50px;
    margin-bottom: 15px !important;
    display: block;
}
p.service_name {
    font-weight: 700;
    font-size: 18px;
}
.foo_service:hover {
    /*background: linear-gradient(90deg, rgba(255, 176, 0, 1) 0%, rgba(255, 128, 0, 0.8) 100%);*/
    background: linear-gradient(to right,#555 0,#000 100%);
    color: #ffffff; 
}
.service_desc {
    line-height: 2;
}
.technology {
    padding: 36px 30px 36px 38px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 12px 19px 62px 28px rgba(13, 52, 79, 0.07);
    transition: 1.2s;
}
.technology:hover {
    transform: scale(1.05);
    background: linear-gradient(to right,#555 0,#000 100%);
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    box-shadow: 14px 24px 43px 0px rgba(33, 41, 48, 0.42);
    color: #ffffff;
    cursor: pointer;
}
.heading_block {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.experts_tech span{
    font-size: 40px;
    margin-bottom: 10px;
    display: block;
    position: relative;
    z-index: 8;
    margin-left: 8px;
}
.experts_tech {
    position: relative;
}
.experts_tech::after {
    content: ' ';
    width: 55px;
    height: 55px;
    display: block;
    background-image: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);
    border-radius: 15px 0px;
    position: absolute;
    bottom: -5px;
}
.page-template-portfolio .page-top {
    display: none;
}
.portfolio_img {
    display: block;
    width: 100%;
    height: 350px;
    overflow: hidden;
    position: relative;
    border: 2px solid #ff8000;
    border-radius: 1px;    
    background-size: 125%;
    background-position: top;

}
.portfolio_img:hover {
  top: 0%;
  -webkit-transition: all 11s;
  -moz-transition: all 11s;
  -ms-transition: all 11s;
  -o-transition: all 11s;
  transition: all 11s;
  background-size: cover;
    background-position: bottom;
}
p.section_description { 
    max-width: 1000px; 
    margin-left: auto; 
    margin-right: auto; 
}

#accordion .card{border-radius: 0px 20px;}
#accordion .card-header{background: linear-gradient(to right,#555 0,#000 100%);padding: 20px; border-radius: 0px 20px;}
#accordion .card-header a{color: #ffffff !important;display: block;}
.page-id-190 #product_details .col-6{
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}
.map_section iframe {
    border-radius: 50px;
}
#products_tabs .slick-slide img{
    transition: .6s;
}
.pblock:hover > img{
    transform: scale(1.2);
    cursor: pointer;
}
/*#Strengths_details .col-md-12.pl-0.pr-0{
    background-size: cover;
    background-position: 100%;
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/wp-content/uploads/2024/04/ComingSoon-Wine-Feature-Image.jpg');
}*/
#ptitle_sec .container{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(30, 30, 30, 1) 1%);
    padding: 50px;
    border-radius: 0px 0px 50px 50px;
    margin-top: -2px;
    -webkit-box-shadow: 0px 12px 40px 0px #00000015;
    box-shadow: 0px 12px 40px 0px #00000015;
}
#products_tabs .nav-tabs .nav-link{
    border:none;
}
#products_tabs ul.nav.nav-tabs {
    border-bottom: none;
}
#products_tabs ul.nav.nav-tabs a.nav-link img {
    opacity: 0.5;
}
#products_tabs ul.nav.nav-tabs a.nav-link.active img{
    opacity: 1;
}
#products_tabs .nav-tabs .nav-item.show .nav-link, #products_tabs .nav-tabs .nav-link.active, #products_tabs .nav-tabs .nav-link:focus, #products_tabs .nav-tabs .nav-link:hover{
    border:none;
}
#Strengths_details .container{
    -webkit-box-shadow: 0px 12px 40px 0px #00000015;
    box-shadow: 0px 12px 40px 0px #00000015;
}
.testi1 .slick-slide, .testi .slick-slide {
    margin-right: 5px;
    border-radius: 10px !important;
    background: #f2f2f2;
    overflow: hidden;
}
#products_tabs .slick-slide img.Mango:hover{
    /*background: rgb(255,196,68);
background: linear-gradient(180deg, rgba(255,196,68,1) 0%, rgba(255,219,141,1) 100%);*/
background: rgb(255,186,118);
background: linear-gradient(180deg, rgba(255,186,118,1) 0%, rgba(246,139,34,1) 100%);

}
#products_tabs .slick-slide img.Chocolate:hover{
    background: rgb(239,160,132);
    background: linear-gradient(180deg, rgba(239,160,132,1) 0%, rgba(138,73,50,1) 100%);
}
#products_tabs .slick-slide img.PinaColada:hover{
    background: rgb(255,219,141);
    background: linear-gradient(180deg, rgba(255,219,141,1) 0%, rgba(255,196,68,1) 100%);
}
#products_tabs .slick-slide img.Strawberry:hover{
    background: rgb(255,159,158);
    background: linear-gradient(180deg, rgba(255,159,158,1) 0%, rgba(242,104,103,1) 100%);
}
#products_tabs .slick-slide img.Lemon:hover{
    background: rgb(238,228,138);
    background: linear-gradient(180deg, rgba(238,228,138,1) 0%, rgba(235,218,66,1) 100%);
}
#products_tabs .slick-slide img.Cafe:hover{
    background: rgb(232,162,96);
    background: linear-gradient(180deg, rgba(232,162,96,1) 0%, rgba(132,80,31,1) 100%);
}
#products_tabs .slick-slide img.Chili:hover{
    background: rgb(228,121,121);
    background: linear-gradient(180deg, rgba(228,121,121,1) 0%, rgba(201,33,33,1) 100%);
}
#ptitle_sec, #products_tabs {
    max-width: 98%;
    margin: 0 auto;
}
.for_mobile {
    display: none;
}
.page-template-about #who_we_are{
    padding: 500px 0px 500px;
}
.error404 .page-top.page-header-title {
    background-image: url(https://www.clearbev.co.uk/wp-content/uploads/2024/04/ClearBev-Header-Bg.jpg);
}
#pillar_section .tab-content {
    padding: 20px;
    color: #ffffff;
}
#pillar_section ul.nav.nav-tabs {
    margin: 0 auto;
    display: inline-flex;
}
#pillar_section .nav-tabs .nav-link{
    color: #ffffff;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 25px;
}
#pillar_section .nav-tabs .nav-link:hover {
    background: #ffffff;
    color: #000000;
}
#pillar_section .nav-tabs .nav-link.active{
    color: #1E1E1E;
}
.address_block {
    background: #ffffff;
    z-index: 99999;
    position: relative;
    border-radius: 50px;
    padding: 50px;
    color: #000000;
    -webkit-box-shadow: 0px 12px 40px 0px #00000015;
    box-shadow: 0px 12px 40px 0px #00000015;
    height: 100%;
}
.crafted_section{
    padding: 10px 60px;
}
.brand_box{
    -webkit-box-shadow: 0px 12px 40px 0px #00000015;
    box-shadow: 0px 12px 40px 0px #00000015;
    background: #ffffff;
    border-radius: 30px;
}
.brand_description {
    padding: 15px 30px;
}
li.current_page_item ul li a {
    background: #000000;
}
.popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }
        .popup-content {
            background: #fff;
            padding: 25px 25px;
            border-radius: 10px;
            text-align: center;
            width: 600px;
        }
        input#birthYear {
            width: 100%;
            height: 50px;
            padding: 10px;
            margin-bottom: 15px;
            border-radius: 5px;
        }
        button#confirmAgeBtn {
            background: #000;
            padding: 10px 50px;
            border: none;
            font-weight: 600;
            font-size: 20px;
            border-radius: 3px;
            width: auto;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #ffffff;
        }
        img.popuplogo {
            margin-bottom: 10px;
            max-width: 100px;
        }
        .popup-content h2 {
                font-size: 26px;
            }
        .digits {
          padding: 10px 20px;
          display: block;
        }
        .digits input[type="text"] {
            font-size: 2rem;
            width: 3rem;
            height: 3rem;
            border: 2px solid #aaa;
            text-align: center;
            box-shadow: 0 0 8px rgba(0,0,0,0.25);
        }
/* CSS ACC */
.section_new{
    display: flex;
    flex-direction: row;
    /*justify-content: center;*/
    /*align-items: center;*/
    align-content: center;
    position: relative;
    /*top: 25vh;
    left: 5vw;*/
    /*min-height: 50vh;*/
    width: 71.4vw;
    
    transition: all 1000ms ease-in-out 50ms;
    opacity: 0;
    
 div{
        margin-left: 0px;
        margin-right: 0px;
        border-radius: 0px;
        background: #ffffff;
        transition: all 1000ms ease-in-out 50ms;
        font-family: Helvetica, Arial, Sans-Serif;
        font-weight: 500;
        cursor: pointer;
        font-size: 16pt;
    }

    .default{
        /*height: 40vh;*/
        height: 360px;
        width: 10vw;
        color: rgba(255,255,255,0);
        font-size: 16pt;
        overflow: hidden;
        border-left: 1px solid #000000;
        position: relative;
    }
    
    .expand{
        /*height: 40vh;*/
        height: 360px;
        width: 100vw;
        background: #7ab7ff;
        color: #000000;
        padding: 5% 5% 5%  10%;
        background: #eee;
        background-size: cover;
        background-position: top center;
        text-align: center;
    }
    
}
.default span.tittltlt {
    color: #000000;
    position: absolute;
    transform: rotate(-90deg);
    bottom: 80px;
    width: 150px;
    font-size: 18px;
    font-weight: 700;
    left: -30px;
    transition: all 1000ms ease-in-out 50ms;
    letter-spacing: 2px;
}
.default.expand span.tittltlt{
    display: block;
    color: #ffffff;
    text-align: left;
}
span.tabdetails {
    transition: all 70ms ease-in-out 10ms;
    display: none;
}
.default.expand span.tabdetails {
    display: block;
}
span.tabdetails h3{
    display: none;
}
.default.expand span.tabdetails h3 {
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 25px;
    transition: all 70ms ease-in-out 10ms;
    display: block;
}
.default.expand::before {
    width: 90px;
    height: 360px;
    content: ' ';
    background: #000000;
    position: absolute;
    left: 0;
    top: 0;
}
/* End  CSS ACC */
#products_tabs .tab-content>.tab-pane .row{
    min-height: 450px;
}
.brand_box .col-md-4.pr-0 img {
        border-radius: 0px 30px 30px 0px;
    }

#product_details img.mb-3 {
    transition: 0.5s;
}   
#product_details img.mb-3:hover {
    transition: 0.5s;
    transform: scale(0.8);
}   
@media (min-width: 1920px) {
    .section_new{
        max-width: 1370px;
    }
    .section_new .expand{
        width: 100% !important;
    }
    .section_new .default{
        width: 6vw;
    }
    #products_overview::after, #who_we_are::after{
        content: url(/wp-content/uploads/2024/04/Section-Bottom-Cutout.svg);
    }
    .footer_widget_section:before{
        content: url(/wp-content/uploads/2024/04/Section-Top-Cutout-1.svg);
    }
}
@media (max-width: 1700px) {
    .section_new{
        width: 100%;
    }
}
@media (max-width: 1600px) {
    .home_upcoming_brand .maincontainer {
        margin-top: -425px !important;
    }
    
}
@media (max-width: 1550px) {
#crafting_sec {
    margin-top: -400px;
}

}
@media (max-width: 1440px) {
    .home_slider {margin-top: -85px;}
    .slick-arrow{top: -15% !important;}
    .slick-custom-arrow-right.slick-arrow{right:15px;}
    .slick-custom-arrow-left.slick-arrow {left: 75%;}
    .carousel-inner::after, .arc_design::after, .arc_design::before{width: 110px; height: 100px;}
    body, p, #commentform input#submit, .btn-primary, .btn-secondary, .button, .footer ul li a {font-size: 14px;}
    .footer_social ul li a {font-size: 20px;}
    .header .logo img{max-width: 225px;    max-height: 60px;}
    .headermenu ul li a{font-size: 14px;padding: 23px 20px;}
    rs-layer#slider-1-slide-1-layer-21, rs-layer#slider-1-slide-1-layer-19, rs-layer#slider-1-slide-1-layer-17{font-size: 12px;}
    h1,
	h1.page-title {
	    font-size: 40px;
        letter-spacing: 1.5px;
	}
	h2 {
	    font-size: 32px;
        letter-spacing: 1.5px;
	}
	.slider_info h2 {
    	font-size: 35px;
        letter-spacing: 1.5px;
    }
	#sidebar h3,
	h3 {
	    font-size: 30px;
        letter-spacing: 1.5px;
	}
	h4 {
	    font-size: 26px;
        letter-spacing: 1.5px;
	}
	h5 {
	    font-size: 22px;
        letter-spacing: 1.5px;
	}
	h6 {
	    font-size: 15px;
        letter-spacing: 1.5px;
	}
	.headermenu ul li.megamenu ul.sub-menu{
		max-width: 1170px;
		width: 1170px !important;
		transform: translateX(-56%);
	}
	.headermenu ul li.megamenu ul.sub-menu li{
		width: 33%;float: left;
	}
    #who_we_are{
        padding: 450px 0px 500px;
    }
	.footer_widget_section{
        padding: 265px 0 20px;
    }
    .footer_widget_section:before{
        height: 150px;
    }
    #crafting_sec {
        margin-top: -375px;
    }
    
}

@media (max-width: 1200px) {
#crafting_sec {
    margin-top: -300px;
}
.section_padding{
    padding: 40px 0px;
}
.section_new{
    width: 95.1vw;
}
}
@media (min-width: 1024px) {
    .fadeindown {
    animation: fadeInDown 1s ease-in both;
}
.fadeinup {
    animation: fadeInUp 1s ease-in;
}
.fadeinright {
    animation: fadeInRight 1s ease-in;
}
.fadeinleft {
    animation: fadeInLeft 1s ease-in;
}
div#wpcf7-f8-p45-o2 .wpcf7-response-output, #wpcf7-f126-p17-o1 .wpcf7-response-output, #wpcf7-f460-p461-o1 .wpcf7-response-output{
    color: #000000;
}
.awards_row {
        -webkit-box-shadow: 0px 12px 40px 0px #00000015;
        box-shadow: 0px 12px 40px 5px #00000015;
        padding-top: 20px;
        padding-bottom: 10px;
        border-radius: 30px;
        margin: 5px;
    }
    .food_row {
        -webkit-box-shadow: 0px 12px 40px 0px #00000015;
        box-shadow: 0px 12px 40px 5px #00000015;
        padding: 20px;
        border-radius: 30px;
        margin: 5px;
    }

.popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }
        .popup-content {
            background: #fff;
            padding: 25px 25px;
            border-radius: 10px;
            text-align: center;
            width: 600px;
        }
        input#birthYear {
            width: 100%;
            height: 50px;
            padding: 10px;
            margin-bottom: 15px;
            border-radius: 5px;
        }
        button#confirmAgeBtn {
            background: #000;
            padding: 10px 50px;
            border: none;
            font-weight: 600;
            font-size: 20px;
            border-radius: 3px;
            width: auto;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #ffffff;
        }
        img.popuplogo {
            margin-bottom: 10px;
            max-width: 100px;
        }
        .popup-content h2 {
                font-size: 26px;
            }
        .digits {
          padding: 10px 20px;
          display: block;
        }
        .digits input[type="text"] {
            font-size: 2rem;
            width: 3rem;
            height: 3rem;
            border: 2px solid #aaa;
            text-align: center;
            box-shadow: 0 0 8px rgba(0,0,0,0.25);
        }
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(100px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-100px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
}
@media (max-width: 1400px) {
    #Strengths_details, #subscribe_sec, #pillar_section  {
        max-width: 98%;
        margin: 0 auto;
    }
    article.accordion section:target{
        width: 73.9%;
    }
    .brand_box{
        margin: 5px;
    }
    
    .page-template-brands #who_we_are{
        margin-top: -400px;
    }
}
@media (max-width: 1350px) {
    article.accordion section:target{
        width: 72.8%;
    } 
}
@media (max-width: 1300px) {
	.arc_design::after, .arc_design::before{width: 80px; height: 74px;}
	.mt-50 {margin-top: 0px;}
	a.white_btn {padding: 15px 15px;}
	a.btn {padding: 10px 25px;}
	.services_block {padding: 10px 5px;min-height: 280px;}
	.services_icon{width:75px;height:75px;padding:20px;}
	.quote_section { background-position: 75%;}
	.headermenu ul li a {padding: 23px 10px;}
	.headermenu ul li.megamenu ul.sub-menu li{margin-bottom: 5px;}
	.headermenu ul li.megamenu ul.sub-menu {max-width: 950px;width: 950px !important;transform: translateX(-48%);}	 
	.wpcf7 textarea{height: 80px;}
	.foo_service{padding: 20px 10px;min-height: 180px;}
	p.service_name{font-size:16px;}
	.foo_cta .mt-50 {margin-top: 50px;}
    #products_details .pl-5{padding-left: 0px !important;}
    #products_details .pr-5{padding-right: 0px !important;}
    article.accordion section:target{
        width: 71.7%;
    }
}
@media (max-width: 1250px) {
    article.accordion section:target{
        width: 70.6%;
    }
    #who_we_are {
        padding: 350px 0px 500px;
        margin-top: -250px;
    }
}
@media (max-width: 1200px) {
    .hover_link_btn{
        font-size: 18px;
        padding: 30px 30px;
    }
    #collaborate_details{
        padding: 50px 0px;
    }
    article.accordion section:target {
        width: 69.4%;
    }
    .wpcf7 input[type="submit"]{
        padding: 16px 15px;
        font-size: 14px;
    }
     .footer ul li a{
        font-size: 12px; 
        padding: 0px 15px;
    }
    .slick-arrow {
        top: -25% !important;
    }
    #Strengths_details .maincontainer, #products_tabs .maincontainer{
        padding: 100px 50px 50px;
    }
}
@media (max-width: 1150px) {
    article.accordion section:target {
        width: 67.8%;
    }
}
@media (max-width: 1100px) {
    article.accordion section:target {
        width: 65.5%;
    }
    #who_we_are {
        padding: 250px 0px 500px;
        margin-top: -185px;
    }
}
@media (max-width: 1025px) {
	.header_top, ul.footer_contact_info li span, ul.footer_contact_info li{font-size:14px;}
	.menu.hidden-xs.headermenu.d-none.d-sm-block {display: none !important;}
	.menu.visible-xs.d-block.d-sm-none {display: block !important;}
	#btn1{padding: 10px;border-radius: 5px;position: absolute;right: 20px;top: 8px !important;}
    .responsive_menu, .collapse:not(.show) {
        display: block;
    }
	ul.header_cntct_info li, ul.social_info li { display: inline-block; margin-right: 15px; }
    
    .product_sec{
        margin-top: -100px;
    }
    #who_we_are {
        padding: 250px 0px 450px;
    }
    article.accordion section:target {
        width: 64.2%;
    }
    a.black_btn{
       font-size: 14px; 
       padding: 10px 20px;
       letter-spacing: 1px;
    }
    h1,
    h1.page-title {
        font-size: 35px;
        letter-spacing: 1px;
    }
    h2 {
        font-size: 28px;
        letter-spacing: 1px;
    }
    .slider_info h2 {
        font-size: 28px;
        letter-spacing: 1px;
    }
    #sidebar h3,
    h3 {
        font-size: 26px;
        letter-spacing: 1px;
    }
    h4 {
        font-size: 24px;
        letter-spacing: 1px;
    }
    h5 {
        font-size: 22px;
        letter-spacing: 1px;
    }
    h6 {
        font-size: 15px;
        letter-spacing: 1px;
    }
    #crafting_sec {
        margin-top: -250px;
    }
    .title_sec p, #contact_sec p {
        font-size: 14px !important;
    }
    .home_slider{
        margin-top: -95px;
    }
    .footer_widget_section::after{
        height: 40px;
    }
    .wpcf7 input[type="date" i], .wpcf7 input[type="email"], .wpcf7 input[type="number" i], .wpcf7 input[type="tel"], .wpcf7 input[type="text"], select{
        padding: 16px 15px;
    }
    .section_new{
        display: none;
    }
    .for_mobile{
        display: block;
    }
    #myNavbar.responsive_menu ul li {
        padding-left: 10px;
        margin-left: 0;
        position: relative;
    }
    .responsive_menu{
        overflow-x: auto;
    }
    #menu-main-menu {
        margin: 60.5px 0;
    }
    .responsive_menu ul li a {
        display: block;
    }
    .responsive_menu ul li i {
        right: 15px;
        position: absolute;
        display: none;
    }
    .open-menu {
        color: #fff;
        cursor: pointer;
        font-size: 1rem;
        padding: 0.7rem 1rem;
        position: absolute;
        right: 0;
        top: 0;
        transition: transform 250ms ease;
    }
    .responsive_menu ul.sub-menu {
        position: relative;
    }
    .responsive_menu ul.sub-menu {
        background-color: transparent;
    }
    ul.sub-menu li a {
        margin-bottom: 0;
        padding: 5px 0;
        text-transform: capitalize ;
    }
    .rotate {
        transform: rotate(135deg);
    }
    #pillar_section .nav-tabs .nav-link{
        font-size: 14px;
        padding: 10px;
    }
    .colla_block{
        padding: 50px 25px;
    }
    #faq .collapse:not(.show) {
        display: none;
    }
    #faq .collapse:not(.show) {
        display: none;
    }
    #faq .card .card-header .btn-header-link:after {
      content: "-";
      font-weight: 900;
      float: right;
    }
    #faq .card .card-header .btn-header-link.collapsed:after {
      content: "+";
    }
    #faq .card-header{
        padding: 0;
    }
    #faq .card-header a.btn.btn-header-link{
        width: 100%;
        text-transform: uppercase;
    }
    .card-body h2 {
        font-size: 16px;
        text-align: center;
        color: #ffffff;
    } 
    .card-body p{
        font-size: 14px;
        text-align: center;
        color: #ffffff;
    }
    #faq .card .collapse{
        background-size: cover !important;
        background-position: center !important; 
    }
    #myNavbar.responsive_menu ul li {
        padding-left: 10px;
        margin-left: 0;
        position: relative;
    }
    .responsive_menu{
        overflow-x: auto;
    }
    #menu-main-menu {
        margin: 60.5px 0;
    }
    .responsive_menu ul li a {
        display: block;
    }
    .responsive_menu ul li i {
        right: 15px;
        position: absolute;
        display: none;
    }
    .open-menu {
        color: #fff;
        cursor: pointer;
        font-size: 1rem;
        padding: 0.7rem 1rem;
        position: absolute;
        right: 0;
        top: 0;
        transition: transform 250ms ease;
    }
    .responsive_menu ul.sub-menu {
        position: relative;
    }
    .responsive_menu ul.sub-menu {
        background-color: transparent;
    }
    ul.sub-menu li a {
        margin-bottom: 0;
        padding: 5px 0;
        text-transform: capitalize ;
    }
    .rotate {
        transform: rotate(135deg);
    }
    .header.logo_left.sticky-top {
        padding: 0 0;
    }
    .responsive_menu,.collapse:not(.show) {
        display: block;
    }
    a.responsive-close {
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: 28px;
        color: #fff;
    }
    #menu-main-menu li a {
        font-size: 17px;
        color: #ffffff;
        font-weight:600;
        transition: all 0.3s ease-in-out;
        margin-bottom: 5px;
    }
    #menu-main-menu li {
        list-style: none;
        padding: 5px 0;
    }
    #menu-main-menu li a:focus,
    #menu-main-menu li a:hover {
        text-decoration: none;
        outline: 0;
        color: #ffffff;
        font-weight:600;
    }
    li.menu-item-has-children ul {
        display: none;
    }
    #menu-main-menu li.menu-item-has-children:hover > ul {
        display: block;
    }
    .awards_row {
        -webkit-box-shadow: 0px 12px 40px 0px #00000015;
        box-shadow: 0px 12px 40px 5px #00000015;
        padding-top: 20px;
        padding-bottom: 10px;
        border-radius: 30px;
        margin: 5px;
    }
    .food_row {
        -webkit-box-shadow: 0px 12px 40px 0px #00000015;
        box-shadow: 0px 12px 40px 5px #00000015;
        padding: 20px;
        border-radius: 30px;
        margin: 5px;
    }
}
@media (max-width: 991px) {
    #myNavbar.responsive_menu ul li {
        padding-left: 10px;
        margin-left: 0;
        position: relative;
    }
    .responsive_menu{
        overflow-x: auto;
    }
    #menu-main-menu {
        margin: 60.5px 0;
    }
    .responsive_menu ul li a {
        display: block;
    }
    .responsive_menu ul li i {
        right: 15px;
        position: absolute;
        display: none;
    }
    .open-menu {
        color: #fff;
        cursor: pointer;
        font-size: 1rem;
        padding: 0.7rem 1rem;
        position: absolute;
        right: 0;
        top: 0;
        transition: transform 250ms ease;
    }
    .responsive_menu ul.sub-menu {
        position: relative;
    }
    .responsive_menu ul.sub-menu {
        background-color: transparent;
    }
    ul.sub-menu li a {
        margin-bottom: 0;
        padding: 5px 0;
        text-transform: capitalize ;
    }
    .rotate {
        transform: rotate(135deg);
    }
    .header.logo_left.sticky-top {
        padding: 0 0;
    }
    .responsive_menu,.collapse:not(.show) {
        display: block;
    }
    a.responsive-close {
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: 28px;
        color: #fff;
    }
    #menu-main-menu li a {
        font-size: 17px;
        color: #ffffff;
		font-weight:600;
        transition: all 0.3s ease-in-out;
        margin-bottom: 5px;
    }
    #menu-main-menu li {
        list-style: none;
        padding: 5px 0;
    }
    #menu-main-menu li a:focus,
    #menu-main-menu li a:hover {
        text-decoration: none;
        outline: 0;
        color: #ffffff;
		font-weight:600;
    }
    li.menu-item-has-children ul {
        display: none;
    }
    #menu-main-menu li.menu-item-has-children:hover > ul {
        display: block;
    }
    .fulwidth {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .logo img {
        max-width: 225px;
    }
    ul#menu-footer-menu li{width: 100%;}
    .footer_logo{border:none;margin: 0px;}
    .section_padding { padding: 40px 0px; }
    .arc_design::after, .arc_design::before {width: 50px;height: 45px;}
    .quote_section .col-md-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .quote_section {padding: 50px 0px;background-position: 0;}
    .footer ul li a{padding: 0px 5px;}
    #upcoming_brand .col-md-3, #upcoming_brand .col-md-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    article.accordion section:target {
        width: 60.6%;
    }
    #subscribe_sec .container{
        padding: 20px;
    }
    .mb-5, .my-5 {
        margin-bottom: 1rem !important;
    }
    #Strengths_details .maincontainer, #products_tabs .maincontainer {
        padding: 50px 25px;
    }
    .for_mobile {
        display: block;
    }
    .for_desktop{
        display: none;
    }
    #faq .collapse:not(.show) {
        display: none;
    }
    #faq .card .card-header .btn-header-link:after {
      content: "-";
      font-weight: 900;
      float: right;
    }
    #faq .card .card-header .btn-header-link.collapsed:after {
      content: "+";
    }
    #faq .card-header{
        padding: 0;
    }
    #faq .card-header a.btn.btn-header-link{
        width: 100%;
    }
    #Strengths_details .col-md-12.pl-0.pr-0{
        background-image: none !important;
    }
    .card-body h2 {
        font-size: 16px;
        text-align: center;
        color: #ffffff;
    } 
    .card-body p{
        font-size: 14px;
        text-align: center;
        color: #ffffff;
    }
    #faq .card .collapse{
        background-size: cover !important;
        background-position: center !important; 
    }
    
    .page-template-brands #who_we_are{
        margin-top: -350px;
    }
    .footer_widget_section:before{
       display: none;
    }
    .footer_widget_section{
        padding: 20px 0px;
    }
    .newClass #btn1{
            top: 8px !important;
    }
}
@media (max-width: 900px) {
    article.accordion section{width: 72px;}
    article.accordion section h2 a{font-size: 18px;}
    #contact_sec p {
        font-size: 18px;
        letter-spacing: 1px;
    }
    #products_tabs p {
        font-size: 14px !important;
    }
}
@media (max-width: 767px) {
    h2{
        font-size: 24px;
    }
    #sidebar h3, h3 {font-size: 22px;}
    .main {
        right: 0;
        /*position: relative;*/
    }
    .foo_nav__bar {
        float: none;
        padding: 0;
        text-align: center;
    }
    .foo_nav__bar ul li {
        margin: 0;
    }
    .header_top .txt_left,
    .header_top .txt_right {
        text-align: center;
    }
    .footer .logo {
        width: 100%;
        text-align: center;
    }
    .footer .widget {
        margin-bottom: 15px;
    }
    .mnone{display: none !important;}
    .services_block { padding: 20px 20px; min-height: 215px; }
    .services_area img{width: 100%;}
    .footer_social.text-right {text-align: center !important;margin-top: 5px;}
    .slider_info {top: 60%;transform: translatey(-50%);position: absolute;left: 0;padding: 15px;}
    .mt-50 {margin-top: 0;}
    .foo_service {padding: 40px 10px;}
    .mr-70 {margin-right: 0px; margin-bottom: 20px;}
    .foo_cta .mt-50 {margin-top: 0px;}
    .page-top.page-header-title {padding: 100px 0;margin-top: -81px;}
    .map_section { margin-top: -135px; }
    .header_icon span {font-size: 100px;}
    h1.page-title {font-size: 30px;text-align: center;}
    h3.page-title{text-align: center;}
    .footer_widget_section{background-position: left;}
    ul.sub-menu li a{font-size: 15px;}
    ul.sub-menu li a span {display: none;}
    .carousel-inner::after, .arc_design::after, .footer_widget_section::after{bottom: -2px;}
    .footer_logo{padding-bottom: 50px;}
    .arc_design::before{top: -2px;}
    #Strengths_details .maincontainer{
        margin-top: -150px;
    }
    #Strengths_details .col-md-3 {
        width: 50%;
        margin-bottom: 25px;
    }
    article.accordion section:target {
        width: 39%;
    }
    section#subscribe_sec {
        text-align: center;
    }
    .footer_white_logo, .copyright.text-left, .product_sec .col-md-6, .copyright.text-right, .footer_menu.text-right, #contact_sec, #upcoming_brand .col-md-3, #collaborate_details {
        text-align: center !important;
    }
    #products_overview{
        padding-bottom: 140px;
    }
    #products_details{
        margin-top: 0;
    }
    #products_details .pl-5 {
        background: #000;
        padding: 15px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        border-radius: 7px;
    }
    #crafting_sec {
        margin-top: -170px;
    }
    #subscribe_sec .container{
            margin-top: -3px;
    }
    .title_sec {
        text-align: center;
    }
    .title_sec .button_block {
        text-align: center;
    }
    .button_block {
        margin-top: 15px;
    }
    .slick-custom-arrow-left.slick-arrow{
        left: -25px;
        z-index: 999;
    }
    .slick-custom-arrow-right.slick-arrow{
        right: -25px;
    }
    .slick-arrow{
        top: 40% !important;
    }
    .home_upcoming_brand .maincontainer {
        margin-top: -250px !important;
    }
    #who_we_are {
        padding: 125px 0px 250px;
        margin-top: -100px;
    }
    .button_block {
        text-align: center;
    }
    article.accordion section:target h2{
        font-size: 1em;
    }
    article.accordion section:target p {
        font-size: 12px;
    }
    .footer_widget_section::after{
        height: 24px;
    }
    #products_tabs ul.nav.nav-tabs{
        margin-bottom: 20px;
    }
    .colla_block{
        padding: 50px 25px;
    }
    .page-template-about #who_we_are {
        padding: 500px 0px 350px;
    }
    .inner_footer {
        text-align: center;
    }
    ul.social_connect {
        margin-bottom: 25px;
    }
    a.btn, #btn1{
        font-size: 14px;
        letter-spacing: 1px;
    }
    #products_tabs .nav-link{
        padding: 7px;
    }
    #contact_sec input[type="submit"]{
        width: 100%;
    }
    #products_tabs .slick-slide img.Mango{
        /*background: rgb(255,196,68);
        background: linear-gradient(180deg, rgba(255,196,68,1) 0%, rgba(255,219,141,1) 100%);*/
        background: rgb(255,186,118);
background: linear-gradient(180deg, rgba(255,186,118,1) 0%, rgba(246,139,34,1) 100%);

    }
    #products_tabs .slick-slide img.Chocolate{
        background: rgb(239,160,132);
        background: linear-gradient(180deg, rgba(239,160,132,1) 0%, rgba(138,73,50,1) 100%);
    }
    #products_tabs .slick-slide img.PinaColada{
        background: rgb(255,219,141);
        background: linear-gradient(180deg, rgba(255,219,141,1) 0%, rgba(255,196,68,1) 100%);
    }
    #products_tabs .slick-slide img.Strawberry{
        background: rgb(255,159,158);
        background: linear-gradient(180deg, rgba(255,159,158,1) 0%, rgba(242,104,103,1) 100%);
    }
    #products_tabs .slick-slide img.Lemon{
        background: rgb(238,228,138);
        background: linear-gradient(180deg, rgba(238,228,138,1) 0%, rgba(235,218,66,1) 100%);
    }
    #products_tabs .slick-slide img.Cafe{
        background: rgb(232,162,96);
        background: linear-gradient(180deg, rgba(232,162,96,1) 0%, rgba(132,80,31,1) 100%);
    }
    #products_tabs .slick-slide img.Chili{
        background: rgb(228,121,121);
        background: linear-gradient(180deg, rgba(228,121,121,1) 0%, rgba(201,33,33,1) 100%);
    }
    .popup-content{
        padding: 20px 20px !important;
        width: 500px !important;
    }
    .popup-content h2 {
        font-size: 20px;
    }
    .digits input[type="text"]{
        width: 3rem !important;
        height: 3rem !important;  
        font-size: 2rem !important; 
    }
    img.popuplogo {
        margin-bottom: 10px !important;
        max-width: 150px !important;
    }
    .awards_description h4 {
        font-size: 18px;
    }
    .awards_description{
        text-align: center;
    }
    .copyright {
        margin-bottom: 10px;
    }
    .cky-consent-bar {
        padding: 0px !important;
    }
    .cky-consent-bar .cky-notice-des p {
        font-size: 12px;
    }
    .brand_box {
        margin: 5px;
        padding: 20px 5px;
        text-align: center;
    }
    .brand_box .pr-0 {
        padding-right: 0px !important;
        padding-left: 0;
    }
    .page-template-brands #who_we_are{
        padding: 150px 0px 300px;
    }
    #pillar_section .nav-tabs .nav-link{
        font-size: 12px;
    }
    .crafted_section{
        padding: 10px 20px;
    }
    .brand_box{
        padding: 20px 0px 0px;
    }
    .brand_box .col-md-4.pr-0 img{
        border-radius: 0px 0px 30px 30px;
        margin-top: 15px;
    }
    .awards_row, .food_row{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
}
@media (max-width: 500px) {
    .popup-content{
        width: 350px !important;
    }
    #who_we_are{
        padding: 275px 0px 275px;
        background-position: center center;
        background-size: cover;
        margin-top: -200px;
    }
    #Strengths_details .col-md-3 {
        width: 50%;
        margin-bottom: 30px;
    }
    #collaborate_details {
        padding: 0px 0px;
    }
    #products_details{
        padding-bottom: 50px;
    }
    .footer_widget_section:before{
        position: relative;
    }
    .footer_widget_section {
        padding: 40px 0 30px;
        margin-top: 25px;
    }
    article.accordion section:target{
        width: 29%;
        padding: 5px;
    }
    article.accordion section:target h2{
        font-size: 12px;
        text-transform: capitalize;
    }
    article.accordion section:target p {
        font-size: 10px;
        line-height: 1.2;

    }
    #crafting_sec {
        margin-top: -115px;
    }
    .awards_row .col-3, .awards_row .col-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .awards_row .col-2{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .footer_copyright_section p{
        font-size: 10px;
    }
    .food_row {
        text-align: center;
    }
    .newClass #btn1{
            top: 12px !important;
    }
}