@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face{
	font-family:'Gotham';
	src:url('Gotham-Book.otf');
	src:url('Gotham-Book.ttf');
	src:url('Gotham-Book.woff');
}
*{
	transition:.8s ease;
}
:root{
	--secondary-color:#d3212c;
}
body{
	margin:0;
	padding:0;
	font-family:Gotham, Montserrat, sans-serif;
	  top: 0 !important;
	  overflow-x:hidden;
}
.container{
	width:100%;
	margin-bottom:50px;
}
h1{
	font-size:70pt;
	font-family:Gotham, Montserrat, sans-serif;
}
a{
	font-size:17px;
	text-decoration:none;
}
p{
font-size:17px;
line-height:2em;
}
.inner_section{
	width:87%;
	max-width:1400px;
	margin:auto;
	padding:20px 30px;
	position:relative;
}
.column{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.logo{
	width:150px;
}
nav ul{
	list-style:none;
	display:flex;
}
nav ul a{
	color:#000;
	font-size:17px; 
	padding:10px 15px;
}
nav ul a:hover{
	color:var(--secondary-color);
	transition:.8s ease;
}
.dropdown{
	position:relative;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    background: #fff;
    margin: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all .3s ease;
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
	display:block;
	z-index:99999;
	overflow:hidden;
	border-radius:20px;
	padding:0px;
}

/* Dropdown links */
.dropdown-menu li{
	padding:20px;
	width:100%;
}
.dropdown-menu li a {
    transition: all .3s ease;
white-space:nowrap;
}

.dropdown-menu li:hover {
    background: #000;
    color: #fff;
}
.dropdown-menu li:hover a{
	color:#fff;
}
/* Show dropdown on hover */

.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Arrow */

.arrow {
    display: inline-block;
    margin-left: 5px;
    transition: transform .3s ease;
}

.dropdown:hover .arrow {
    transform: rotate(180deg);
}


/* =========================
   BURGER MENU
========================= */

.burger {
    display: none;

    width: 35px;
    height: 28px;

    flex-direction: column;
    justify-content: space-between;

    cursor: pointer;
}

.burger span {
    width: 100%;
    height: 3px;

    background: #000;

    transition: all .3s ease;
}


/* =========================
   BURGER ANIMATION
========================= */

.burger.active span:nth-child(1) {
    transform: translateY(12px) rotate(45deg);
}

.burger.active span:nth-child(2) {
    opacity: 0;
}

.burger.active span:nth-child(3) {
    transform: translateY(-12px) rotate(-45deg);
}


.one{
	height:70vh;
	margin-top:-40px;
}
.one .column{
	border-radius:20px;
	height:100%;
	position:relative;
	overflow:hidden;
}
.one .column::after{
	position:absolute;
	top:0;
	left:0;
	content:'';
	background:#000;
	z-index:-1;
	width:100%;
	height:100%;
	animation:1s ease Enter forwards;
}
@keyframes Enter{
	from{
	left:-100%;
	}
	to{
	left:0;
	}
}
.one .column .left h1{
	color:#fff;
	margin:0;
}
.order{
	 box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  padding: 15px 30px;
  text-decoration: none;
	color:var(--secondary-color);
	border-radius:4px;
	margin-top:-150px !important;
  transition: all 150ms ease-in-out;
  background:#fff;
}
.order:hover {
  box-shadow: 0 0 10px 0 var(--secondary-color) inset, 0 0 10px 4px var(--secondary-color);
	background:none;
	color:#fff;
}
.order:hover i{
	margin-left:15px;
}
.main .column .left, .main .column .right{
	width:50%;
}
.slider{
    position:relative;
    width:80%;
    height:80%;
    overflow:hidden;
	border-radius:20px;
}

.slides{
    display:flex;
    width:100%;
    height:100%;
    transition:transform .8s ease-in-out;
}

.slide{
    position:relative;
    min-width:100%;
    height:100%;
}

.slide img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* Caption */

.caption{
    position:absolute;
    left:8%;
    bottom:15%;
    background:var(--secondary-color);
    color:#fff;
    padding:25px;
    opacity:0;
    transform:translateY(30px);
    transition:
        opacity .6s ease,
        transform .6s ease;
		border-radius:20px;
		width:200px;
}

.caption.active{
    opacity:1;
    transform:translateY(0);
}

.caption h2{
    margin-bottom:10px;
    font-size:38px;
}

.caption p{
    font-size:18px;
    line-height:1.6;
}

/* Dots */

.dots{
    position:absolute;
    bottom:30px;
    width:100%;
    display:flex;
    justify-content:center;
    gap:12px;
}

.dot{
    width:14px;
    height:14px;
    border-radius:50%;
    background:#ffffff80;
    cursor:pointer;
    transition:.3s;
}

.dot.active{
    background:#fff;
    transform:scale(1.3);
}
.slide{
	background:#fff;
}
.bi-arrow-up-right-circle-fill{
	color:#fff;
	position:absolute;
	top:-10px;
	right:-10px;
	font-size:40px;
}
.caption.active i{
	animation:1s ease dance forwards;
	animation-delay:.8s;
}
@keyframes dance{
	0%{
		transform:rotate(-60deg);
	}
	25%{
		transform:rotate(60deg);
	}
	50%{
		transform:rotate(-20deg);
	}
	75%{
		transform:rotate(20deg);
	}
	100%{
		transform:rotate(0deg);
	}
}



/*three js scrolling*/
 .showcase {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      gap: 60px;
      min-height: 100vh;
      padding: 80px 8%;
      overflow: hidden;
    }

    /* Left column */
    .model-container {
      width: 100%;
      height: 600px;
      position: relative;
      border-radius: 20px;
      overflow: hidden;
      cursor: grab;
    }

    .model-container:active {
      cursor: grabbing;
    }

    .model-container canvas {
      display: block;
      width: 100%;
      height: 100%;
    }

    .model-label {
      position: absolute;
      bottom: 20px;
      left: 20px;
      font-size: 12px;
      letter-spacing: 2px;
      color: #555;
      pointer-events: none;
    }

    /* Right column */
    .content {
      max-width: 520px;
    }

    .eyebrow {
      text-transform: uppercase;
      letter-spacing: 3px;
      font-size: 12px;
      color: #777;
      margin-bottom: 20px;
    }

    .content h1 {
      font-size: clamp(36px, 4vw, 64px);
      line-height: 1.1;
      margin-bottom: 25px;
    }

    .content p {
      font-size: 17px;
      line-height: 1.8;
      color: #666;
      margin-bottom: 30px;
    }

    .content a {
      display: inline-block;
      text-decoration: none;
      background: #111;
      color: white;
      padding: 16px 30px;
      border-radius: 4px;
      transition: background 0.3s;
    }

    .content a:hover {
      background: #444;
    }




.two .inner_section{
	 display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 8px;
}
.two .div1 {
    grid-row: span 2 / span 2;
}
.two .div1 img{
	width:100%;
}
.two .div2 {
    grid-column: span 2 / span 2;
}

.two .div3 {
    grid-column: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 2;
}
.box{
	padding:20px;
}
.box p{
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.box p span{
	margin-bottom:20px;
}
.box p strong{
	color:var(--secondary-color);
	font-size:16pt;
}
h3{
	display:flex;
	align-items:center;
	width:fit-content;
	font-size:70px;
	margin:0;
}
h3 .icon{
	width:70px;
	margin-right:30px;
}
h3 i{
	margin-left:30px;
	float:right;
}
#expertiseImage {
    opacity: 1;
    transition: opacity 0.35s ease-in-out;
}

#expertiseImage.fade-out {
    opacity: 0;
}
.four .column .right img{
	width:90%;
	opacity:1;
	transition:opacity(1) .35s ease !important;
	float:right;
}
@keyframes fade{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}
.lower_Nav{
	position:fixed;
	bottom:50px;
	right:50px;
z-index:9999999999999999999999;color:var(--secondary-color);
	background:#fff;
	padding:10px;
	box-shadow:2px 4px 8px rgba(0,0,0,.3);
	border-radius:10px;
}
.whatsapp{
	font-size:25px;
	color:#000;
	margin-left:10px;
}
@keyframes jump{
	0%{
	bottom:50px;	
	}
	50%{
		bottom:70px;	
	}
	100%{
		bottom:50px;	
	}
}
.four .column .left h2{
	color:var(--secondary-color);
	margin:0;
}
.four .column .left a{
	color:#000;
}
.four .column .left a:hover{
	color:var(--secondary-color);
	transition:.8s ease;
}
.five{
background:url('../Imgs/POSM_Gondolas_photoshoot_studio_2K_202607111054.webp');	
background-size:cover;
position:relative;
height:90vh;
}
.five .inner_section{
	height:100%;
}
.five .inner_section h3{
	position:absolute;
	bottom:20px;
	left:50px;
	background:#fff;
	padding:50px;
	border-radius:20px;
}
.six .column .left img{
	width:70%;
	margin:auto;
	margin-left:50px;
}
.seven .inner_section .left{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;
}
.seven .inner_section .left div{
	background:#eeeeee;
	height:auto;
	border-radius:20px;
	padding:20px;
}
.seven .inner_section .left div:hover{
	box-shadow:2px 6px 8px rgba(0,0,0, .1) !important;
	transition:.8s ease;
}
.seven .inner_section .left div h2{
	display:flex;
	align-items:center;
}
.seven .inner_section .left div h2 img{
	width:50px;
	margin-right:10px;
}
.div3 {
    grid-column-start: 1;
    grid-row-start: 2;
}

.div4 {
    grid-column-start: 2;
    grid-row-start: 2;
}

.div5 {
    grid-row: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 1;
	height:auto!important;
	background:var(--secondary-color) !important;
	color:#fff;
}
.div8 {
    grid-column: span 2 / span 2;
    grid-row: span 5 / span 5;
}

.div9 {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    grid-column-start: 3;
}

.div10 {
    grid-column: span 2 / span 2;
    grid-row: span 3 / span 3;
    grid-column-start: 3;
    grid-row-start: 3;
}

.div11 {
    grid-row: span 5 / span 5;
    grid-column-start: 5;
    grid-row-start: 1;
}
.div12 {
    grid-row: span 5 / span 5;
}

.div13 {
    grid-row: span 5 / span 5;
}

.div14 {
    grid-row: span 5 / span 5;
}

.div15 {
    grid-row: span 5 / span 5;
}

.div16 {
    grid-row: span 5 / span 5;
}
.projections{
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
	padding:100px 0px;
}
.projections h2{
	color:var(--secondary-color);
}
.projections div{
	text-align:center;
	transition:.8s ease;
}
.projections div:hover{
	margin-top:-30px;
}
.projections .Proj1, .projections .Proj2, .projections .Proj3{
border-right:1px solid #000;
}	
.eight .column .right{
	height:auto;
	background:url("../Imgs/Tusker Lite Can 6 pack with Glass.IMG_0927.webp");
	background-size:cover;
	border-radius:20px;
	position:relative;
	padding:50px;
	overflow:hidden;
}
.eight{
		padding:50px 0px;
		
}
.eight .column .left{
	position:relative;
}
.eight .reviews{
	width:auto;
	height:auto;
	position:absolute;
	border-radius:20px;
	top:50%;
	transform:translateY(-50%);
	right:-30px;
	z-index:10;
	background:#fff;
}
.eight .column .right::after{
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	z-index:3;
}

.eight .column .right h2{
	font-size:70px;
	color:#fff;
	position:relative;
	z-index:5;
}
.eight .column .right a{
	position:relative;
	z-index:4;
}
.about111{
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}
.about111 .inner_section iframe{
	width:100%;
	height:100%;
}
.about111 .inner_section{
	border-radius:20px;
	height:450px;
	overflow:hidden;
	padding:0;
	width:90%;
}
.about1{
	background:url('../Imgs/image.png_2K_202607131604.webp');
	background-position:center;
	background-size:cover;
	padding:50px 25px 50px 25px;
	border-radius:20px;
	color:#fff;
	position:relative;
	overflow:hidden;
}
.about1 p{
	position:relative;
	z-index:5;
	font-size:50pt;
	line-height:70px;
}
.about1 p span{
	color:var(--secondary-color);
	background:#fff;
	border-radius:20px;
	padding:5px 15px;
}
.about1::after{
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	background:rgba(0,0,0,.3);
	z-index:3;
}
.about2{
	background:url('../Imgs/KKRAFT WALL MURAL PRINT FILE.webp');
	background-size:cover;
	background-position:center;
	border-radius:20px;
}
.about2 .left img{
	width:70%;
	margin:auto;
}
.about2 .right{
	border-radius:20px;
	background:rgba(255,255,255, .95);
	padding:10px;
}
.about3 .mini{
	background:#eeeeee;
	margin:0px 10px;
	border-radius:20px;
	padding:15px;
	height:auto;
	min-height:150px;
}
.mini .left{
	background:#fff !important;
	width:20% !important;
	padding:20px;
	border-radius:18px;
}
.mini .right strong{
	color:var(--secondary-color);
}
.mini .left img{
	width:100%;
	margin:auto;
}
.mini .right{
	width:70% !important;
}
.Sust .inner_section{
	height:70vh;
	overflow:hidden;
}
.Sust .inner_section iframe{
	width:100%;
	height:100%;
	border-radius:20px;
}
.about11, .Sust, .about111{
	margin-top:-40px;
}
.Sust1 .left h1{
	margin:0;
	line-height:1em;
}
.Sust1 span{
	color:var(--secondary-color);
}
.Sust2 .column img{
	width:100%;
}
.serv, .product_hero{
	margin-top:-40px;
}
.serv .inner_section{
	background:var(--secondary-color);
	color:#fff;
	border-radius:20px;
	padding:70px 20px;
	font-size:30px;
}

.serv span{
color:#000;	
}
.sig2 .column .left img{
	width:90%;
}
.brand .left img{
	width:90%;
}
.pack .left img{
	width:100%;
}
.posm .left img{
	width:100%;
}
.contact{
	background:var(--secondary-color);
	padding:60px 30px;
	border-radius:20px;
	margin:150px auto;
}
.contact .left{
	padding:40px;
}
.contact .right{
	background:#fff;
	padding:40px;
	border-radius:20px;
}
.contact .right h2{
	font-size:45px;
}
.contact .right a{
	color:#000;
}
.contact .right a:hover{
	color:var(--secondary-color);
}
.enquiry-form {
    width: 100%;
    max-width: 900px;
    margin: auto;
	color:#fff;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.form-group {
    margin-bottom: 25px;
}

.form-group > label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box;
}

textarea {
    resize: vertical;
}

.checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.checkbox-item {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.checkbox-item input {
    width: 20px;
    height: 20px;
    cursor: pointer;
	border-radius:500%;
}

.submit{
    border: none;
	outline:none;
    font-size: 16px;
    cursor: pointer;
	margin-top:0 !important;
}
.submit:hover {
  box-shadow: 0 0 10px 0 #fff inset, 0 0 10px 4px #fff;
}
.submit-btn:hover {
    background: #333;
}

/* Mobile Responsive */
@media (max-width: 600px) {
    .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .checkbox-group {
        gap: 15px;
    }
}
.Map{
	width:100%;
	height:300px;
}
.ProdCat{
	color:#fff;
	background:var(--secondary-color);
	border-radius:20px;
	padding:150px 30px;
}
.ProdCat p{
	margin:0;
	font-size:50pt;
}
.ProdCat a{
		color:#000;
		
}
.ProdCat a:hover {
  box-shadow: 0 0 10px 0 #fff inset, 0 0 10px 4px #fff;
}
.Product{
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 8px;
	height:70vh;
}
.Product div{
	background:#000;
	border-radius:20px;
}
.Product .div1 {
    grid-column: span 2 / span 2;
    grid-row: span 3 / span 3;
}

.Product .div2 {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    grid-column-start: 1;
    grid-row-start: 4;
}

.Product .div3 {
    grid-row: span 5 / span 5;
    grid-column-start: 3;
    grid-row-start: 1;
}

.Product .div4 {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    grid-column-start: 4;
    grid-row-start: 1;
}

.Product .div6 {
    grid-row: span 3 / span 3;
    grid-column-start: 4;
    grid-row-start: 3;
}

.Product .div7 {
    grid-row: span 3 / span 3;
    grid-column-start: 5;
    grid-row-start: 3;
}
@media screen and (max-width:1280px){
	h1{
		font-size:50pt;
	}
	.eight .column .right h2{
		font-size:40pt !important;
	}
	h3{
		font-size:40pt;
		margin-bottom:10px;
	}
	h3 .icon{
		width:50px;
	}
	.box{
		padding:10px;
	}
}
.seven .div2 {
    grid-column-start: 1;
    grid-row-start: 2;
}

.seven .div3 {
    grid-column-start: 2;
    grid-row-start: 1;
}

.seven .div4 {
    grid-column-start: 2;
    grid-row-start: 2;
}

.seven .div5 {
    grid-row: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 1;
}

main{
	padding:20px;
}
@media screen and (max-width: 1160px) {
.two{
	margin-bottom:0px;
}
    nav .inner_section {
        position: relative;
    }
    /* Show burger */

    .burger {
        display: flex;
        z-index: 1001;
    }
.projections{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
	padding:100px 0px;
}
.proj2{
	border-right:none !important;
}
    /* Mobile navigation */
.black{
	background:none;
	color:#000;
}
    nav .right {
        position: absolute;

        top: 100%;
        left: 0;

        width: 100%;

        background: #fff;

        opacity: 0;
        visibility: hidden;

        transform: translateY(-20px);
		z-index:99999999999;
        transition: all .4s ease;
    }
    /* Open navigation */
    nav .right.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    nav .right > ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
    nav .right > ul > li {
        width: 100%;
		padding:15px 0px;
    }
    nav .right > ul > li > a {
        padding: 25px 0;
 
    }
    /* =========================
       MOBILE DROPDOWN
    ========================= */
    .dropdown-menu {
        position: static;
        width: 100%;
        box-shadow: none;
        padding-left: 20px;
        display: none;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
    .dropdown.active .dropdown-menu {
        display: block;
    }
	.two .div3 {
    grid-column: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 2;
}
.two .div1, .two .div2, .two .div3{
	height:300px;
}
.two .div1 img{
		margin-top:-50px;
}
.two .div2 {
    grid-column: span 3 / span 3 !important;
    grid-column-start: 1;
    grid-row-start: 1;
}

.two .div1 {
    grid-column-start: 1;
    grid-row-start: 2;
}

.seven .inner_section .left{
	display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 15px;
}
.seven .div1 { grid-area: 1 / 1 / 2 / 2; }
.seven .div2 { grid-area: 1 / 2 / 2 / 3; }
.seven .div3 { grid-area: 2 / 1 / 3 / 2; }
.seven.div4 { grid-area: 2 / 2 / 3 / 3; }
.seven .div5 { grid-area: 3 / 1 / 4 / 3; }

}

@media screen and (max-width:1080px){
	
	.eight .inner_section{
		display:block;
	}
	.eight .inner_section .right{
		height:600px;
	}
	.eight .inner_section .left, .eight .inner_section .right{
		width:100%;
	}
	h3{
		font-size:30pt;
	}
	.contact{
		flex-direction:column-reverse;
	}
	.contact .left, .contact .right{
		width:90% !important;
	}
}
@media screen and (max-width: 970px){
	.sig2 .column, .Sust1 .column{
		display:block !important;
	}
	.sig2 .column .left, .sig2 .column .right, .Sust1 .column .left, .Sust1 .column .right{
		width:100%;
	}
	.about3{
		display:block;
		margin:0 auto;
		padding:0px 15px;
	}
	
	.remove{
		display:none;
	}
	.about3 .mini{
		width:100% !important;
		margin-bottom:15px;
		
	}
	
	.eight .reviews{
		position:relative;
		top:0;
		right:0;
		left:0;
		transform:none;
	}

	.eight .column .left, .eight .column .right{
		width:100%;
	}
	.seven .inner_section .left{
		display:block;
	}
	.seven .inner_section .left div{
		width:100%;
		margin:10px 0px;
	}
	.about2{
		display:block;
	}
	.about2 .left, .about2 .right{
		width:100% !important;
	}
	h1{
		font-size:40pt;
		
	}
}
@media screen and (max-width:800px){
	.one{
		height:60vh;
	}
	.one .column .left{
		width:40%;
	}
	.one .column .right{
		width:60%;
	}
	.slider{
		width:100%;
		height:100%;
	}
	h1{
		font-size:30pt;
	}
	.caption{
		display:none;
	}
	.two .inner_section{
		display: block;

	}
.two .inner_section .div2 {
	flex-wrap:wrap;
	justify-content:center;
}
 .two .inner_section .div2 .box{
	 width:150px;
 }
    .two .div1, .two .div2, .two .div3 {
        height: auto;
    }
	.three p{
		text-align:left;
	}
	.five {
		height:40vh;
	}
	.six .column{
		flex-direction:column;
	}
	.six .column .left, .six .column .right{
		width:100%;

	}
	.six .column .left img{
		width:50%;
		margin:auto;
		
	}
	.four .column{
		flex-direction:column-reverse;
	}
	.four .column .left, .four .column .right{
		width:100%;
	}
}
#google_translate_element {
    display: none;
}

.goog-te-banner-frame {
    display: none !important;
}


.goog-logo-link,
.goog-te-gadget span {
    display: none !important;
}

.goog-te-gadget {
    font-size: 0 !important;
}
.language-switcher {
    position: relative;
    display: inline-block;
    z-index: 9999;
}

.language-current,
.language-dropdown button {
    width: 40px;
    height: 40px;
    padding: 5px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.language-current img,
.language-dropdown img {
    width: 30px;
    height: auto;
    display: block;
}

.language-current {
    background: #ffffff;
    border-radius: 4px;
}

.language-dropdown {
    position: absolute;
    bottom: 100%;
    right: 0;

    display: none;
    flex-direction: column;

    background: #ffffff;
    padding: 6px;

    border-radius: 6px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}

.language-dropdown.active {
    display: flex;
}

.language-dropdown button:hover {
    background: #f1f1f1;
}
.skiptranslate {
    display: none !important;
}
.Product{
	padding:8px 30px;
}
.Product .div1{
background:url('../Imgs/IMG_0263.webp');
background-size:cover;
background-position:center;
}
.Product .div2{
background:url('../Imgs/product.webp');
background-size:cover;
background-position:center;
}
.Product .div3{
background:url('../Imgs/eaf0e76b-6f63-4647-9a48-50bd171a8712.webp');
background-size:cover;
background-position:center;
}
.Product .div4{
background:url('../Imgs/J&B Glass VAP 5 2.webp');
background-size:cover;
background-position:center;
}
.Product .div5{
background:url('../Imgs/IMG_7227.webp');
background-size:cover;
background-position:center;
}
.Product .div6{
background:url('../Imgs/RAID Promo Label.webp');
background-size:cover;
background-position:center;
}
.Product .div7{
background:url('../Imgs/Chandarana ABC Pillar. IMG_8766.webp');
background-size:cover;
background-position:center;
}
.Product .div8{
background:url('../Imgs/IMG_2973.webp');
background-size:cover;
background-position:center;
}
.Product .div9{
background:url('../Imgs/Pharmaplus eExterior 3D Sign. LUQMAN Mall.IMG_5720.webp');
background-size:cover;
background-position:center;
}
.Product .div10{
background:url('../Imgs/SCJ Sign.IMG_7600.webp');
background-size:cover;
background-position:center;
}
.Product .div11{
background:url('../Imgs/Screen Shot 2014-01-28 at 7.44.21 PM.webp');
background-size:cover;
background-position:center;
}
.Product .div12{
background:url('../Imgs/20260115_160247.webp');
background-size:cover;
background-position:center;
}
.Product .div13{
background:url('../Imgs/20260115_160307.webp');
background-size:cover;
background-position:center;
}
.Product .div14{
background:url('../Imgs/Versman FSU Naivas Imaara.IMG_9820.webp');
background-size:cover;
background-position:center;
}
.Product .div15{
background:url('../Imgs/WhatsApp Image 2026-03-23 at 17.51.27.webp');
background-size:cover;
background-position:center;
}
.Product .div16{
background:url('../Imgs/MF Veg wash FSU.IMG_9120.webp');
background-size:cover;
background-position:center;
}
.up,
.down,
.left1,
.right1 {
    opacity: 0;
	transition:All .8s ease-in-out;
}

@media screen and (max-width:766px){
	.one .inner_section{
		position:relative;
	}
	.one .column .left{
		position:absolute !important;
		top:50%;
		left:50px;
		transform:translateY(-50%);
		z-index:999;
	}
	.one .column .right{
		width:100%;
		position:relative;
		z-index:995;
	}
	.carousel-track img {
    width: calc(100vw / 3)!important;
    height: 260px;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.3s ease;
}
}
.carousel-track img {
    width: calc(100vw / 5);
    height: 260px;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.3s ease;
}