:root{--blue:#00C0ED;--red:#E51D25;--yellow:#F4BE41;--bg-color:#FDF0E2;--font-header:'Sink', sans-serif;--font-regular:'Acumin Pro Regular', sans-serif;--font-semibold:'Acumin Pro Semibold', sans-serif;}
body{line-height:30px;color:#000;font-size:16px;background-color:var(--bg-color);font-family:var(--font-regular);overflow-x:hidden;}
ul, ol{list-style:none;-webkit-padding-start:0px;-moz-padding-start:0px;}
a{color:var(--blue);text-decoration:none;}
a:hover, a:active, a:focus{text-decoration:none;color:var(--sc);}
::selection{color:#FFF;background:var(--blue);}
.margin-top-30{margin-top:30px;}
.margin-auto{margin:auto;}
.clr{clear:both;}
.bg-styles{background-size:cover !important;background-position:center !important;}
.inline{display:inline-block;}
*{outline:none !important;}
.left-md-center, .right-md-center{text-align:center;}
.left-md-center img, .right-md-center img{margin:auto;}
.padding-0{padding:0;}
.inline-img{float:none;}
.text-center img{margin:auto;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color:var(--blue);}
.valign-middle{display:flex;flex-direction:column;justify-content:center;}
.valign-baseline{display:flex;flex-direction:column;justify-content:flex-end;}

.nav-con{padding-top:30px;}
/* .nav-con:not(.fixed-bg){background:#FFF;position:sticky;} */
.navbar-brand{margin-top:5px;margin-bottom:6px;padding:0;margin-left:10px;}
.navbar-brand img{max-height:78px;max-width:100%;transition:all 0.3s ease 0s;}
.nav-item .nav-link{padding-left:15px;color:#010202;font-size:17px;font-weight:400;text-transform:uppercase;}
.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link{color:#010202;clip-path:polygon(0 21%, 100% 0, 100% 100%, 0% 85%);background:var(--blue);}
/* .nav-item.active a{color:#ffffff;} */
.navbar-fixed-top .navbar-brand img{max-height:50px;}
.navbar-fixed-top{position:fixed;left:0px;right:0px;z-index:99;top:0px;/* background:#fffffff0; *//* box-shadow:0 0 4px 4px #00000020; */}
.navbar-toggler{border:none;box-shadow:none !important;}
/* .dropdown-menu{border:none;padding-inline-start:10px;border-radius:0;}
.dropdown-menu > li > a > img{display:none;} */
@media (max-width:767px){
	.dropdown-menu .dropdown-menu{margin-left:0.7rem;margin-right:0.7rem;margin-bottom:0.5rem;}
}
@media (min-width:768px){
	.navbar{z-index:99;bottom:0px;padding:0px;}
	.navbar-expand-md .navbar-nav .nav-link{padding:6px 5px;font-size: 16px;margin:0;}
	.navbar-nav{position:relative;flex-wrap:wrap;justify-content:center;}
	.navbar-nav > .nav-item{font-weight:600;color:#000000;}
	.navbar-expand-md .navbar-collapse{justify-content:flex-end;}
	.navbar-expand-md .navbar-nav .dropdown-menu{border-radius:0px;padding:0px;}
	/* .nav-item .submenu-left{right:100%;left:auto;}
	.dropdown-menu li a:hover img{display:block;position:absolute;right:100%;height:100%;background:#292929;padding:0px;width:100%;top:0px;border-top:1px solid #dddddd;border-bottom:1px solid rgb(221, 221, 221);border-left:1px solid #dddddd;border-image:initial;border-right:none;} */
	.navbar-brand img{max-height:102px;}
}
@media (min-width:992px){
	.navbar-expand-md .navbar-nav .nav-link{padding:14px 10px 6px;margin: 0 5px;}

}
@media (min-width:1400px){
	.navbar-expand-md .navbar-nav .nav-link{padding:14px 10px 6px;margin: 0 10px;}

}
 
.section{overflow-x:hidden;}
.hero{position:relative;overflow:hidden;}
/* .hero::before{content:url(../images/pinapple.png);position:absolute;top:60px;left:-60px;animation:float-bob-x 3s linear infinite;}
.hero::after{content:url(../images/peach.png);position:absolute;bottom:120px;right:0px;animation:rotating 3s linear infinite;} */
.pinapple-hero{position:absolute;top:120px;left:-60px;animation:float-bob-x 3s linear infinite;display:none;}
.malt-hero{position:absolute;bottom:60px;left:-10px;animation:rotating 3s linear infinite;display:none;transform-origin:bottom left;}
.peach-hero{position:absolute;bottom:120px;right:0px;animation:float-bob-y 3s linear infinite;display:none;}
.pinapple-hero img,.peach-hero img{height:180px;}
.malt-hero img{height:220px;}


@keyframes float-bob-x{
	0%{-webkit-transform:translateX(30px);transform:translateX(30px);}
	50%{-webkit-transform:translateX(10px);transform:translateX(10px);}
	100%{-webkit-transform:translateX(30px);transform:translateX(30px);}
}

@keyframes float-bob-y{
	0%{-webkit-transform:translateY(30px);transform:translateY(30px);}
	50%{-webkit-transform:translateY(10px);transform:translateY(10px);}
	100%{-webkit-transform:translateY(30px);transform:translateY(30px);}
}

@keyframes rotating{
	50%{transform:rotate(10deg);}
}


.hero-title{font-size:48px;color:#010202;font-family:var(--font-header);line-height: 0.8;text-transform:uppercase;position:relative;text-align:center;margin-top: 24px;/*margin-bottom:-18px;*/}
.hero-title strong{color:var(--blue) !important;font-weight:normal !important;}
.non-alcoholic{font-size:16px;text-transform:uppercase;margin-bottom:10px;/* margin-right:24px; */line-height: 1;}
.backed-by{font-size:28px;text-transform:uppercase;margin-bottom:10px;margin-right:24px;font-family:var(--font-header);line-height:1;}
.explore-btn a{clip-path:polygon(0 13%, 97% 0, 100% 100%, 0% 89%);background:#000;padding:24px 20px 15px;font-size:20px;font-family:var(--font-header);text-transform:uppercase;transition:all 0.3s ease 0s;display:inline-flex;flex-wrap:nowrap;color:var(--blue) !important;position:relative;transform:translateZ(0);}
.explore-btn a::after{content:'';position:absolute;inset:2px ;clip-path:polygon(0 13%, 97% 0, 100% 100%, 0% 89%);background:var(--bg-color);z-index:-1;transition:all 0.3s ease 0s;}
.explore-btn a:hover{background:var(--red);color:var(--bg-color);/* clip-path:polygon(0% 5%, 100% 10%, 98% 100%, 0% 100%); */}
.explore-btn a img{height:24px;margin-left:10px;}

.hero-img-animation{position:relative;width:100%;height:100%;display:flex;justify-content:center;}
.hero-shape{position:absolute;clip-path:polygon(0 63%, 100% 37%, 95% 100%, 5% 100%);background-color:var(--blue);inset:0;}
.hero-can{width:42%;/* animation:float-bob-y 5s linear infinite; */z-index:8;position:relative;margin-bottom: -40%;}
.hero-can:nth-child(2){animation-delay:0.2s;;}
.hero-can:nth-child(3){animation-delay:0.3s;margin: -2% -21% -16% -21%;z-index:9;}

/* .hero-animation{position:relative;width:100%;height:100%;display:flex;justify-content:center;gap:10px;padding-top:60%;}
.hero-animation .product-img{margin:0;}
.hero-product-box{position:absolute;width:30%;top:0;}
.hero-product-box:first-child{left:0;}
.hero-product-box:nth-child(2){left:33%;transform:scale(1.1);z-index:2;}
.hero-product-box:nth-child(3){left:66%;}
.hero-product-box:last-child{left:33%;z-index:1;} */

.div3 {position: relative;perspective: 900px; /* to help the 3D feel a bit */}
body:not(.inner-body) .div3{overflow: hidden;padding-top: 42px;}

.hero-animation {position: relative;width: 100%;height: 100%;display: flex;justify-content: center;gap: 10px;padding-top: 56%;}
.hero-product-box {position: absolute;width: 40%;top: 0;transform-origin: 50% 100%; /* scale from bottom */will-change: transform;}
/* .hero-product-box[style*="filter: blur(1px)"] .roduct-labels{filter:brightness(.5);} */

.hero-cans-con{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, auto);gap:30px;z-index:9;margin-top:30px;}
.div1{grid-area:2 / 1 / 3 / 2;margin-bottom:20px;}
.div2{grid-area:2 / 2 / 3 / 3;margin-bottom:20px;position:relative;}
.div3{grid-area:1 / 1 / 2 / 3;position:relative;}


.First,.Second{overflow:hidden;position:relative;display:block;}
.big-title{font-size:60px;position:relative;white-space:nowrap;left:0;font-family:var(--font-header);color:#010202;text-transform:uppercase;margin:0;line-height:1;}
.Second{direction:rtl;}
.Second .big-title{right:0;color:var(--red);text-align:right;}
/* .First span{color:transparent;-webkit-text-stroke:var(--blue);-webkit-text-stroke-width:3px;} */

.marquee-container{overflow:hidden;direction: ltr;/* margin:30px 0; *//* padding:15px 0; *//* background:#ffffff0d; *//* border-radius:4px; */}
.marquee-content{display:inline-block;white-space:nowrap;color:#FFF;color:#010202;font-size:60px;}
.marquee-text{position:relative;white-space:nowrap;left:0;font-family:var(--font-header);text-transform:uppercase;margin:0;line-height:1.2;display:inline-block;}
#marquee2{color:var(--red);}

.hero-content{overflow: hidden;}
.hero-cans-con.about-hero-cans{display:block;grid-template-columns:1fr 50% 1fr;grid-template-rows:repeat(1, auto);gap:30px;z-index:9;margin-top: 36px;}
.products-section-img img{max-height:740px;}

.products-section{padding:120px 0;}
.products-section .products-section-btn a{font-size:48px;padding:36px 30px 24px;}
.products-section .row{flex-direction:row-reverse;}
.products-section-txt{text-align:center;max-width:660px;margin:auto;}
.line1{text-transform:uppercase;}
.line2{font-size:30px;font-family:var(--font-header);text-transform:uppercase;margin-top:10px;margin-bottom:10px;line-height:1;}
.line3{font-size:54px;font-family:var(--font-header);text-transform:uppercase;margin-top:10px;margin-bottom:10px;line-height:.9;color:var(--blue);}
.products-section-btn a{clip-path:polygon(0 21%, 93% 0, 100% 100%, 0% 100%);background:var(--blue);color:#000;padding: 24px 18px 12px;font-size: 28px;font-family:var(--font-header);text-transform:uppercase;display:inline-block;transition:all 0.3s ease 0s;margin-top: 20px;}
.products-section-btn a:hover{background:var(--red);color:#fff;clip-path:polygon(3% 5%, 100% 15%, 100% 100%, 0% 97%);}
.line4{font-size:20px;font-family:var(--font-semibold);text-transform:uppercase;max-width:300px;margin:auto;}
.line4 span{font-size:28px;font-family:var(--font-header);}

.products-carousel-section{padding:120px 0;background-color:var(--blue);margin-bottom:120px;}
.product-box{transform:scale(.8);transition:.3s;background-position:center bottom;background-size:0% auto;background-repeat:no-repeat;transition:.5s;transition-delay:.3s;}
.center .product-box{transform:scale(1);background-size:100% auto;}
.product-name{font-size:42px;font-family:var(--font-header);text-transform:uppercase;color:var(--bg-color);margin-top:30px;margin-bottom:10px;text-align:center;opacity:0;line-height:.8;/* margin-bottom: -8px; */transition:.3s;}
.product-name span{display:block;font-size:28px;}
.center .product-box .product-name{opacity:1;}
.products-carousel-section .products-section-btn a{background:var(--bg-color);color:var(--blue);opacity:0;transition:0s;transition-delay:0s;}
.products-carousel-section .products-section-btn a:hover{background:var(--red);color:var(--bg-color);}
.center .products-section-btn a{opacity:1;transition:.5s;transition-delay:.3s;}

.animated-products{overflow:hidden;position: relative;margin: 0 14%;/* -webkit-mask-image: url(../images/can-mask-mask.png);mask-image: url(../images/can-mask-mask.png);-webkit-mask-size: contain;mask-size: contain;-webkit-mask-position: center;mask-position: center;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; */}
/* .products-carousel-section .animated-products{-webkit-mask-image: url(../images/can-mask-mask.png);mask-image: url(../images/can-mask-mask.png);-webkit-mask-size: contain;mask-size: contain;-webkit-mask-position: center;mask-position: center;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;} */
.products-carousel-section .animated-products{margin: 0 18%;}
.animated-products>img{z-index:9;position: relative;width: 100%;}
.product-labels{position:absolute;bottom:0;top:0;left: 0;/* transform:translateX(-50%); */display:flex;gap:0;z-index:1;}
/* .animated-products-right .product-labels{left:auto;right:-270%;} */
.center .animated-products .product-labels{animation:slide-left 40s linear infinite;}
/* .product-box::after{content:attr(data-bg);position:absolute;inset:0;transform:scaleX(.1);transition-duration:.5s;transition-delay:.3s;z-index:-1;transform-origin:center;}
.center .product-box::after{transform:scaleX(1);}
 */
@keyframes slide-left{
	0%{transform:translateX(0);}
	100%{transform:translateX(-50%);}
}

.cta-box{position:relative;display:flex;align-items:center;transform:translateZ(0);padding:0 10%;margin-top:60px;flex-direction: column;gap:42px;}
.cta-box::after{content:'';position:absolute;inset:10% 0 0 0;background-color:var(--yellow);border-radius:48px;z-index:-1;}
.cta-title{font-size:48px;font-family:var(--font-header);text-transform:uppercase;margin:0;color:var(--bg-color);line-height:1;margin:30px 0;text-align: center;}
.cta-social ul{display:flex;gap:20px;margin-bottom:48px;}
.cta-social ul img{max-height:54px;}
.cta-logo{display:none;}

.footer-content{padding:14px 0 60px;margin-top:60px;border-top:1px solid #010202;font-size:13px;}

.offering-section{padding-bottom:60px;overflow:hidden;}
.hero-title.offering{font-size: 30px;line-height: 1;margin-bottom: -12px;}
.cans-group{position:relative;display:flex;justify-content:center;z-index:9;}
.can-box{margin:0 -5%;z-index:2;max-width:33%;}
.can-box img{width:100%;transition:all 0.3s ease 0s;}
.can-box:first-child,.can-box:last-child{transform:scale(.8);z-index:1;}
.can-box:first-child{transform-origin:center right;}
.can-box:last-child{transform-origin:center left;}

/* .flavours-section{padding-bottom:90px;} */
.flavours-container{display:flex;justify-content:space-between;gap:10px;font-family:var(--font-header);line-height:1;font-size: 30px;text-transform:uppercase;flex-direction: column;align-items: center;}
.flavours-container .flovour-box{text-align:center;}

.laliga-section{padding:60px 0 90px;}

.about-hero-caon-con{display:flex;justify-content:center;margin-bottom: -48%;margin-top: -8%;}
.about-hero-can-box.pinapple{transform:rotate(-15deg);margin-right: 0%;margin-left: 14%;}
.about-hero-can-box.apple{transform:rotate(15deg);margin-left:-20%;margin-right: 14%;}
@media (max-width:992px){
.hero-cans-con.about-hero-cans .valign-middle{align-items:center}
.about-hero-caon-con{margin-top:0;margin-bottom:-26%;}
.backed-by{text-align:center;}
}

.about-banner-section{position:relative;z-index:999;}
.banner-section{padding-top:60px;}
.about-banner-section img,.banner-section img{border-radius:2vw;}
.full-width-banner img{border-radius:0px;width:100%;}
.full-width-banner .container{width:100%;max-width:unset;padding:0;}
.full-width-banner *{padding:0;margin:0;}
.desktop-only-banner{display:none;}
.products-details-section{padding-top:72px;}
.product-details-list{overflow:hidden;}
.product-details{background-position:left center;background-repeat:no-repeat;padding:0 10px 20px;border-radius:48px;margin-bottom:60px;background-size:50% auto;}
@media (max-width:768px){.product-details{background-image:unset !important;}}
.product-title{font-size:28px;line-height:.9;font-family:var(--font-header);text-transform:uppercase;margin-bottom:10px;color:var(--bg-color);}
.product-subtitle{font-size:22px;line-height:.9;font-family:var(--font-header);text-transform:uppercase;margin-bottom:10px;color:#000;}
.per{clip-path:polygon(0 21%, 93% 0, 100% 100%, 0% 100%);background:#E51D25;color:var(--bg-color);padding:24px 24px 10px;font-size:30px;font-family:var(--font-header);text-transform:uppercase;display:inline-block;margin:5px 0 10px;}
.head{font-size:18px;line-height:.9;font-family:var(--font-header);text-transform:uppercase;margin-bottom:10px;color:#000;margin-top:30px;}
.details-table{max-width: 480px;margin:auto;}
.details-table .tr{display:flex;justify-content:space-between;border-bottom: 1px solid #00000024;/* padding:0 10px; */}
.ing{line-height:1;max-width:540px;margin:auto;}
.yellow-bg{background-color:#FFCE55 !important;}
.red-bg{background-color:#ED6954 !important;}
.red-bg .product-title{color:var(--yellow);}
.green-bg{background-color:#91B255 !important;}
.malt-bg{background-color:#CB6C33 !important;}

.product-can-con img{max-height:30vh;}

.hero-title.small-title{font-size: 20px;line-height: 1;margin:0;}
.hero-content .contact-header{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;justify-content:center;align-items: center;margin:60px 0;}
.contact-header img{max-height:78px;max-width:100%;}
/* .contact-header .hero-title.small-title{max-width:300px;} */

.map-section{overflow:hidden;margin:90px 0;}
:root{--dot-size:14px;--dot-outline: 3px;--accent: #E51D25;--label-bg: #E51D25;--label-color: #fff;}
.map-wrap{inline-size: 100vw;aspect-ratio: 16 / 9;margin-inline:auto;background:#00a6d6;position:relative;overflow:hidden;}
.map-wrap img{inset:0; position:absolute; block-size:100%; inline-size:100%; object-fit:cover; user-select:none; pointer-events:none;}
.hotspots{ position:absolute; inset:0;}
.dot{position:absolute;inline-size:var(--dot-size);block-size:var(--dot-size);border-radius:50%;background:var(--accent);border: none;/* box-shadow:0 0 0 var(--dot-outline) rgba(0,0,0,.12); */transform:translate(-50%, -50%);cursor:pointer;transition:transform .15s ease, box-shadow .15s ease;outline:none;}
/* .dot:focus-visible, .dot:hover{box-shadow:0 0 0 calc(var(--dot-outline) + 2px) rgba(0,0,0,.2);transform:translate(-50%, -50%) scale(1.07);} */
.tooltip{position:absolute;transform:translate(-50%, -120%);background:#111; color:#fff;font-size:12px; line-height:1; padding:.45rem .6rem;border-radius:.5rem;white-space:nowrap;pointer-events:none;opacity:0; translate:0 .25rem;transition:opacity .12s ease, translate .12s ease;font-family:var(--font-regular) !important;}
.dot:hover + .tooltip,.dot:focus-visible + .tooltip { opacity:1; translate:0 0; }
.label{font-family:var(--font-header);font-size:24px;position:absolute;display:flex;align-items:center;background:var(--label-bg);color:var(--label-color);padding:.3rem .3rem;border-radius:.7rem;/* box-shadow:0 8px 20px rgba(0,0,0,.2); *//* transform:translate(-50%, -50%); */transform: translate(-100%, -20%);pointer-events: none;min-inline-size: 72px;justify-content:center;}
/* .label::after{content:"";position:absolute; inset-block-start:100%; inset-inline-start:50%;translate:-50% -2px;border:10px solid transparent;border-block-start-color:var(--label-bg);} */
.label-close{pointer-events:auto;margin-inline-start:.25rem;border:none; background:transparent; color:#fff;font-size:18px; line-height:1; cursor:pointer;display:none;}
.controls{display:none;position:absolute;inset-block-start: 24px;inset-inline-end: 36px;/* display:flex; */gap:.5rem;z-index:3;}
.resize-btn{border:none;background:#fff;padding: 10px 14px 8px;border-radius:.6rem;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;width: 42px;font-size: 20px;line-height: 24px;text-align: center;}

.contact-form-section{padding-bottom:120px;}
.contact-form-section .hero-title.small-title{font-size:22px;margin:0;}
.contact-details{font-family:var(--font-header);font-size:24px;margin-top:60px;text-transform:uppercase;}
.contact-details .everbrook-logo{margin-bottom:48px;text-align: center;}
.contact-field{margin-bottom:30px;}
.contact-label{color:var(--blue);font-size:30px;margin-bottom:10px;}
.contact-value{max-width:400px;}

.contact-form{margin-top:60px;}
.form-control{background-color:#0102021A !important;border:none;box-shadow:none !important;font-size:28px;color:#000;font-family:var(--font-header);border-radius:18px;padding:8px 20px;}
textarea.form-control{font-family:var(--font-semibold);}
.form-control::placeholder{color:#b6ada2;text-transform:uppercase;font-family:var(--font-header);}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {background-color:#0102021A !important;-webkit-box-shadow: 0 0 0px 1000px #000 inset;box-shadow: 0 0 0px 1000px #000 inset;-webkit-text-fill-color: #000 !important;transition: background-color 5000s ease-in-out 0s;}
.submit-btn{clip-path:polygon(0 21%, 93% 0, 100% 100%, 0% 100%);background:var(--blue);color:var(--bg-color);padding:24px 24px 12px;font-size:30px;font-family:var(--font-header);text-transform:uppercase;display:inline-block;transition:all 0.3s ease 0s;border: none;border-radius:0;}
.submit-btn:hover{background:var(--red);color:#fff;clip-path:polygon(3% 5%, 100% 15%, 100% 100%, 0% 97%);}


.owl-carousel{position:relative;}
.products-carousel-section .owl-carousel .owl-nav button.owl-next,.products-carousel-section .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{position:absolute;top: 50%;color: #FFF;font-size: 72px;background: none !important;/* bottom:0; *//* width:33%; *//* opacity:0 !important; */}
.owl-next{right:0;}
.owl-prev{left:0;}

.hero-title[aria-label="what's inside the can"]{margin-bottom:0;}


/* الخطوط الإنجليزية فقط */
/* :where(*):not(script):not(style):lang(en) {
    font-family: "Roboto", sans-serif !important;
} */
/* أي كلمة تحتوي حروف إنجليزية */
/* :where(*):not(script):not(style):not(:lang(ar)) {
    font-family: "Roboto", sans-serif !important;
} */

@media (max-width:992px){
	.non-alcoholic{position:absolute;top:0;left:0;transform:translate(-50%, -100%);white-space: nowrap;}
	.non-alcoholic br{display: none;}
}



.toTop{position:fixed;right:30px;bottom:56px;z-index:10000;background-color: var(--red);width:42px;height:42px;font-size:20px;line-height:42px;border:none;color:var(--bg-color);}


@media (min-width:576px){
.hero-title{font-size:42px;margin-top:30px;}
.hero-title.offering{font-size:48px;}
.line2{font-size:36px;}
.line3{font-size:66px;}

}

@media (min-width:768px){

.col-md-offset-1{margin-right:8.33333333%;margin-left:0;}
.left-md-center{text-align:left !important;}
.right-md-center{text-align:right !important;}
.left-md-center img{margin-left:0;}
.right-md-center img{margin-right:0;}
.inline-img{float:left;margin-right:15px;}
.inline-video{width:50%;}

.hero-title{font-size: 62px;margin-top: 42px;}
.non-alcoholic{font-size:20px;}
.explore-btn a{font-size:32px;}
.explore-btn a img{height:42px;}
.pinapple-hero img,.peach-hero img{height:auto;}
.marquee-content{font-size:94px;}
.hero-title.offering{font-size:60px;}
.hero-shape{clip-path: polygon(0 40%, 100% 15%, 94% 100%, 6% 100%);}

.label{font-size:36px;padding:.65rem .9rem;border-radius:.7rem;transform: translate(-100%, 55%);min-inline-size:110px;}


.line2{font-size:42px;}
.line3{font-size:72px;}

.product-title{font-size:36px;}
.product-subtitle{font-size:28px;}
.head{font-size:22px;;}

.product-name{font-size:48px;}
.product-name span{font-size:30px;}
.products-section-btn a{font-size: 33px;}

.submit-btn{padding: 25px 25px 10px;font-size: 36px;}

.hero-title.small-title{font-size:36px;}
:root{--dot-size: 25px;}
.contact-details{font-size:28px;}
.contact-label,.form-control{font-size:36px;}
.contact-form-section .hero-title.small-title{font-size:28px;}

.laliga-section{padding:240px 0 300px;}
.mobile-only-banner{display:none;}
.desktop-only-banner{display:block;}

}

@media (min-width:992px){

.hero-cans-con.about-hero-cans{display:grid;}
.about-hero-can-box img{max-height:200px;}

.hero-cans-con{display:grid;grid-template-columns:1fr 60% 1fr;grid-template-rows:1fr;grid-column-gap:30px;grid-row-gap:30px;margin-top:0;}
.div1{grid-area:1 / 1 / 2 / 2;}
.div2{grid-area:1 / 3 / 2 / 4;}
.div3{grid-area:1 / 2 / 2 / 3;}

.non-alcoholic{font-size:18px;}

.hero-title{font-size:78px;margin-top: 42px;}
.hero-title.offering{font-size:66px;}
.line2{font-size:48px;}
.line3{font-size:78px;}

.about-hero-can-con{margin-bottom:-35%;}
.about-hero-can-box img{max-height:unset;}
.about-hero-can-box.pinapple{margin-left:0;}
.about-hero-can-box.apple{margin-right:0;}

.product-can-con{display:none;}

.contact-details .everbrook-logo{text-align:start;}


.product-details{padding:60px;}

.product-title{font-size:42px;}
.product-subtitle{font-size:28px;}
.head{font-size:24px;;}

.flavours-container{flex-direction:row;}
.flavours-container .flovour-box{text-align:left;}
.flavours-container .flovour-box:last-child{text-align:end;}

.product-name{font-size:66px;margin-bottom: -8px;}
.product-name span{font-size:36px;}

.cta-box{align-items:flex-end;flex-direction:row;gap:0;}
.cta-title{font-size:60px;text-align:start;}
.cta-social ul img{max-height:unset;}
.cta-logo{display:block;}
:root{--dot-size: 30px;}

body:not(.inner-body) .div3{padding-top:60px;}

.about-hero-caon-con{margin-bottom:-32%;margin-top:-8%;}
.about-hero-can-box.pinapple{margin-right:-10%;}
.about-hero-can-box.apple{margin-left:-10%;}



}

@media (min-width:1200px){
.peach-hero,.pinapple-hero,.malt-hero{display:block;}
.hero-title{font-size:78px;margin-top: 42px;}
.hero-title.offering{font-size:72px;}

.non-alcoholic{font-size:20px;margin-right: 6px;}
.product-title{font-size:60px;}
.product-subtitle{font-size: 32px;}
.head{font-size: 36px;}

.explore-btn a{font-size:28px;}
.explore-btn a img{height:30px;margin-left:10px;}


.line2{font-size:60px;}
.line3{font-size:114px;}

.product-name{font-size: 72px;}
.product-name span{font-size:42px;}


}
@media (min-width:1400px){
.hero-title{font-size:90px;margin-top:48px;}
.hero-title.about{font-size: 96px;margin-top:30px;}
}

@media (min-width:992px){

	@media (min-resolution: 1.25dppx) {
		.hero .hero-content{transform:scale(0.8);transform-origin:top center;}
		/* .team-carousel{transform:scale(0.8);transform-origin:center center;} */
		.hero .peach-hero img{transform:scale(0.7);transform-origin:right center;}
		.hero .pinapple-hero img{transform:scale(0.7);transform-origin:left center;}

		.products-carousel-section{padding:60px 0;}
		.products-carousel-section .col-lg-10{padding:0 160px;}
		.product-name {font-size:48px;}
		.product-name span {font-size: 30px;}
		.products-section-btn a {transform:scale(0.7);transform-origin:top center;}
	}

}