:root {
--main-image-width: 80%;
--main-image-height: 500px;
--thumbnail-track-width: 90px;
--thumbnail-height: 79px;
}
.product-image-carousels {
display: flex;
justify-content: left;
} .thumbnails-slider {
width: var(--thumbnail-track-width);
padding: 60px 0;
margin-right: 30px;
margin-top: 2rem;  }
.thumbnails-slider button {
height: 30px;
width: 100%;
padding: 0;
margin: 0;
font-size: 30px;
color: rgba(0, 0, 0, 0.7);
}
.thumbnails-slider button:not([disabled]):hover {
background-color: rgba(0, 0, 0, 0.1);
color: black;
}
.thumbnails-slider button:focus {
background-color: royalblue;
}
.thumbnails-slider button:focus .slick-prev-icon,
.thumbnails-slider button:focus .slick-next-icon {
color: white !important;
}
.thumbnails-slider button.slick-prev {
top: 15px;
left: 0;
}
.thumbnails-slider .slick-prev{
position: absolute;
top: 5%;
left: 50%;
transform: translate(-50%, -50%);
width: 40%;
height: auto;
}
.thumbnails-slider .slick-next{
position: absolute;
top: 95%;
left: 50%;
transform: translate(-50%, -50%);
width: 40%;
height: auto;
}
.thumbnails-slider .slick-list{
height: 310px!important;
}
.thumbnails-slider .slick-slide{
margin: .8rem 0;
}
.thumbnails-slider button.slick-prev .slick-prev-icon {
display: inline-block;
transform: rotate(90deg);
color: black;
}
.thumbnails-slider button.slick-next {
bottom: -15px;
right: 0;
top: auto;
}
.thumbnails-slider button.slick-next .slick-next-icon {
display: inline-block;
transform: rotate(90deg);
color: black;
}
.thumbnails-slider .thumbnail-button {
display: block;
height: var(--thumbnail-height) !important;
cursor: pointer;
border: 0;
background: none;
background-color: #f7f7f7;
border-radius: 10px;
transition: opacity 0.1s linear;
}
.thumbnails-slider .thumbnail-button:focus img, .thumbnails-slider .thumbnail-button:hover img, .thumbnails-slider .thumbnail-button[aria-current=true] img, .thumbnails-slider .thumbnail-button[aria-current=true] {
opacity: 1;
filter: grayscale(0);
background-color: #f9f5df;
}
.thumbnails-slider .thumbnail-button:focus img {
outline: 3px dashed white;
outline-offset: -4px;
}
.thumbnails-slider .thumbnail-button img {
display: block;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto; -o-object-fit: cover;
object-fit: cover; transition: all 0.1s linear;
border-radius: 1rem;
} .main-image-slider {
position: relative;
width: var(--main-image-width);
height: var(--main-image-height);
position: relative;
margin-bottom: 1px;
background-image: url(../../../themes/india-gate/static/images/product-detail-bg.png);
background-size: cover;
border-radius: 20px;
background-position: right top;  }
.main-image-slider .slick-prev{
position: absolute;
left: 5%;
width: 10%;
height: auto;
z-index: 99;
}
.main-image-slider .slick-next{
position: absolute;
right: 5%;
width: 10%;
height: auto;
z-index: 99;
}
.main-image-slider button {
z-index: 1;
}
.main-image-slider button.slick-prev {
left: 10px;
}
.main-image-slider button.slick-prev .slick-prev-icon {
opacity: 1;
}
.main-image-slider button.slick-next {
right: 10px;
}
.main-image-slider button.slick-next .slick-next-icon {
opacity: 1;
}
.main-image-slider .slick-slide {
width: var(--main-image-width);
}
.main-image-slider .slick-slide .image-link {
height: var(--main-image-height);
overflow: hidden;
transition: outline 0.1s linear;
display: flex!important;
align-items: center;
}
.main-image-slider .slick-slide .image-link:focus {
outline: 4px dashed white;
outline-offset: -7px;
}
.main-image-slider .slick-slide .image-link img {
display: block;
-o-object-fit: cover;
object-fit: cover;
width: 100%; height: auto;
margin-left: auto;
margin-right: auto; border-radius: 1.5rem;
} .product-detail-caption p{
text-align: justify;
font-family: 'SansRegular';
font-size: 14px;
}
.pdc-points{
border-top: 1px dashed #762023;
border-bottom: 1px dashed #762023;
padding: 1rem 0;
font-family: 'SansRegular';
font-size: 14px;
}
.pdc-points ul{
padding: 0 0.5rem;
margin: 0;
line-height: 2;
list-style-type: '>';
}
.pdc-points ul li{
padding-left: .5rem;
}
.pdc-avail-pack h4{
color: #762023;
}
.pdc-avail-pack p{
text-align: center;
margin: 0;
}
.avail-pack-contain{
display: flex;
justify-content: left;
align-items: center;
}
.avail-pack-contain img{
margin-right: 2rem;
}
.pdc-kg{
width: 70px;
height: 70px;
background-color: #faf1d1;
border-radius: 50px;
position: relative;
}
.pdc-gm{
width: 70px;
height: 70px;
background-color: #faf1d1;
border-radius: 50px;
position: relative;
}
.pdc-kg p{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #762023;
margin: 0;
}
.pdc-gm p{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #762023;
margin: 0;
}
.range-img, .recipes-img{
margin-bottom: 1rem;
}
@media (max-width: 991px){
.martop{
margin-top: 3rem;
}
.main-image-slider .slick-slide .image-link img{
width: 55%;
}
}
@media (max-width: 669px){
.main-image-slider .slick-slide .image-link img{
width: 80%;
}	
.main-image-slider{
left: -6%;
}	
}