@media (min-width: 768px) { .upi-map-row {
width: 100vw !important;
max-width: none !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
.upi-map-row > .elementor-container {
display: flex !important;
width: 100% !important;
max-width: none !important;
} .upi-map-left,
.upi-map-left > .elementor-element-populated,
.upi-map-left > .elementor-widget-wrap {
margin-left: 0 !important;
padding-left: 0 !important;
} .upi-map-bleed .elementor-widget-container,
.upi-map-bleed img {
width: 100% !important;
max-width: none !important;
}
.upi-map-bleed img {
display: block !important;
} .upi-map-right > .elementor-widget-wrap {
display: flex !important;
flex-wrap: wrap !important;
align-content: flex-start !important;
align-items: flex-start !important;
column-gap: 20px !important;
row-gap: 0 !important;
box-sizing: border-box !important;
} .upi-map-right
> .elementor-widget-wrap
> .elementor-widget-heading,
.upi-map-right
> .elementor-widget-wrap
> .elementor-widget-text-editor {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
} .upi-map-right
> .elementor-widget-wrap
> .upi-location-btn {
display: block !important;
flex: 0 0 calc(50% - 10px) !important;
width: calc(50% - 10px) !important;
min-width: 0 !important;
max-width: calc(50% - 10px) !important;
margin: 0 !important;
}
.upi-map-right
> .elementor-widget-wrap
> .upi-location-btn
.elementor-widget-container,
.upi-map-right
> .elementor-widget-wrap
> .upi-location-btn
.elementor-button-wrapper {
width: 100% !important;
}
.upi-map-right
> .elementor-widget-wrap
> .upi-location-btn
.elementor-button {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
padding: 14px 18px !important;
border-radius: 8px !important;
line-height: 1.1 !important;
white-space: nowrap !important;
} .upi-map-right
> .elementor-widget-wrap
> .elementor-widget-image {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
} @media (min-width: 1301px) {
.upi-map-row > .elementor-container {
display: flex !important;
align-items: flex-start !important;
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
} .upi-map-left {
width: 38% !important;
max-width: 38% !important;
flex: 0 0 38% !important;
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
}
.upi-map-right {
width: 62% !important;
max-width: 62% !important;
flex: 0 0 62% !important;
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
} .upi-map-left > .elementor-element-populated,
.upi-map-left > .elementor-widget-wrap {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
}
.upi-map-bleed .elementor-widget-container {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
}
.upi-map-bleed img {
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
object-fit: contain !important;
object-position: top left !important;
} .upi-map-right > .elementor-widget-wrap {
height: auto !important;
min-height: 0 !important;
padding-top: 100px !important;
padding-right: max(
40px,
calc((100vw - 1140px) / 2)
) !important;
padding-bottom: 50px !important;
padding-left: 60px !important;
}
} @media (min-width: 768px) and (max-width: 1300px) {
.upi-map-left {
width: 48% !important;
max-width: 48% !important;
flex: 0 0 48% !important;
}
.upi-map-right {
width: 52% !important;
max-width: 52% !important;
flex: 0 0 52% !important;
}
.upi-map-right > .elementor-widget-wrap {
padding-top: 45px !important;
padding-right: 28px !important;
padding-bottom: 40px !important;
padding-left: 32px !important;
}
} @media (max-width: 767px) {
.upi-map-row {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.upi-map-left,
.upi-map-right {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
.upi-map-right > .elementor-widget-wrap {
padding: 30px 20px 40px !important;
}
.upi-location-btn {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 0 14px !important;
}
.upi-location-btn:last-of-type {
margin-bottom: 0 !important;
}
.upi-location-btn .elementor-button {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
white-space: normal !important;
}
}  .picked-by-experts-widget .eael-grid-post-holder {
background: #ffffff !important;
border: 2px solid #b2b2b2 !important;
box-shadow: none !important;
} .picked-by-experts-widget .eael-grid-post,
.picked-by-experts-widget .eael-grid-post-holder-inner,
.picked-by-experts-widget .eael-entry-wrapper,
.picked-by-experts-widget .eael-entry-header {
box-shadow: none !important;
} .picked-by-experts-widget .eael-entry-wrapper,
.picked-by-experts-widget .eael-entry-header {
width: 100%;
text-align: center !important;
}
.picked-by-experts-widget .eael-entry-title {
width: 100%;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
.picked-by-experts-widget .eael-entry-title > a {
display: block;
width: 100%;
text-align: center !important;
}  .picked-by-experts-widget .swiper-button-prev i,
.picked-by-experts-widget .swiper-button-next i,
.picked-by-experts-widget .swiper-button-prev i::before,
.picked-by-experts-widget .swiper-button-next i::before {
display: none !important;
content: none !important;
} .picked-by-experts-widget .swiper-button-prev,
.picked-by-experts-widget .swiper-button-prev:hover,
.picked-by-experts-widget .swiper-button-prev:focus,
.picked-by-experts-widget .swiper-button-prev:focus-visible,
.picked-by-experts-widget .swiper-button-prev:active,
.picked-by-experts-widget .swiper-button-next,
.picked-by-experts-widget .swiper-button-next:hover,
.picked-by-experts-widget .swiper-button-next:focus,
.picked-by-experts-widget .swiper-button-next:focus-visible,
.picked-by-experts-widget .swiper-button-next:active {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
padding: 0 !important;
background: var(--upi-green) !important;
color: var(--upi-dark-blue) !important;
border: 0 !important;
border-radius: 50% !important;
outline: 0 !important;
box-shadow: none !important;
opacity: 1 !important;
filter: none !important;
transition: none !important;
cursor: pointer;
z-index: 20 !important;
} .picked-by-experts-widget .swiper-button-prev::after,
.picked-by-experts-widget .swiper-button-next::after {
display: block !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
content: "" !important;
font-size: 0 !important;
line-height: 0 !important;
border-top: 8px solid transparent !important;
border-bottom: 8px solid transparent !important;
} .picked-by-experts-widget .swiper-button-prev::after {
border-right: 12px solid var(--upi-dark-blue) !important;
border-left: 0 !important;
transform: translateX(-1px);
} .picked-by-experts-widget .swiper-button-next::after {
border-left: 12px solid var(--upi-dark-blue) !important;
border-right: 0 !important;
transform: translateX(1px);
} .picked-by-experts-widget .swiper-button-prev {
left: -50px !important;
right: auto !important;
}
.picked-by-experts-widget .swiper-button-next {
right: -50px !important;
left: auto !important;
} .upi-stock-carousel {
position: relative;
width: 97%;
margin: 0 auto;
padding: 25px 0 45px;
overflow: visible;
box-sizing: border-box;
}
.upi-stock-carousel__viewport {
overflow: hidden;
width: 100%;
}
.upi-stock-carousel__track {
display: flex;
gap: 28px;
transition: transform 0.45s ease;
will-change: transform;
}
.upi-stock-card {
flex: 0 0 calc((100% - 84px) / 4);
display: flex;
flex-direction: column;
background: #ffffff;
border: 2px solid #d2d2d2;
box-shadow: none;
overflow: hidden;
box-sizing: border-box;
}
.upi-stock-card__image-wrap {
display: block;
width: 100%;
height: 245px;
overflow: hidden;
}
.upi-stock-card__image-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.upi-stock-card__arrival {
background: var(--upi-green);
color: var(--upi-dark-blue);
font-family: "Open Sans", sans-serif;
font-size: 20px;
font-weight: 800;
line-height: 1.1;
text-align: center;
padding: 9px 8px;
}
.upi-stock-card__body {
flex: 1;
display: flex;
flex-direction: column;
padding: 24px 22px 28px;
text-align: center;
}
.upi-stock-card__title {
margin: 0;
color: var(--upi-dark-blue);
font-family: "Open Sans", sans-serif;
font-size: 26px;
font-weight: 800;
line-height: 1.15;
min-height: 60px;
}
.upi-stock-card__year {
margin-top: 4px;
color: var(--upi-dark-blue);
font-family: "Open Sans", sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 1.15;
}
.upi-stock-card__button,
.upi-stock-card__button:visited,
.upi-stock-card__button:hover,
.upi-stock-card__button:focus,
.upi-stock-card__button:focus-visible,
.upi-stock-card__button:active {
display: flex;
align-items: center;
justify-content: center;
width: calc(100% - 16px);
max-width: 320px;
min-width: 0;
min-height: 48px;
margin: 20px auto 0;
padding: 13px 24px;
overflow: hidden;
background: var(--upi-green) !important;
border: 0 !important;
border-radius: 14px !important;
box-sizing: border-box;
color: var(--upi-dark-blue) !important;
font-family: "Open Sans", sans-serif;
font-size: 20px;
font-weight: 800;
line-height: 1.2;
text-align: center;
text-decoration: none !important;
white-space: normal;
overflow-wrap: anywhere;
word-break: normal;
outline: 0 !important;
box-shadow: none !important;
transition: none !important;
} .upi-stock-carousel__arrow {
position: absolute;
top: 48%;
transform: translateY(-50%);
width: 44px;
height: 44px;
min-width: 44px;
min-height: 44px;
padding: 0;
border-radius: 50%;
border: none !important;
background: var(--upi-green) !important;
color: var(--upi-dark-blue) !important;
font-size: 18px;
font-weight: 800;
line-height: 1;
cursor: pointer;
z-index: 20;
display: flex;
align-items: center;
justify-content: center;
transition: none !important;
}
.upi-stock-carousel
button.upi-stock-carousel__arrow,
.upi-stock-carousel
button.upi-stock-carousel__arrow:focus,
.upi-stock-carousel
button.upi-stock-carousel__arrow:focus-visible,
.upi-stock-carousel
button.upi-stock-carousel__arrow:not(
:hover
):not(:active) {
background: var(--upi-green) !important;
color: var(--upi-dark-blue) !important;
outline: none !important;
box-shadow: none !important;
}
.upi-stock-carousel button.upi-stock-carousel__arrow:hover,
.upi-stock-carousel button.upi-stock-carousel__arrow:focus,
.upi-stock-carousel button.upi-stock-carousel__arrow:focus-visible,
.upi-stock-carousel button.upi-stock-carousel__arrow:active {
background: var(--upi-green) !important;
color: var(--upi-dark-blue) !important;
outline: none !important;
box-shadow: none !important;
}
.upi-stock-carousel__arrow:disabled {
opacity: 0.35;
cursor: default;
}
.upi-stock-carousel__arrow--prev {
left: -60px;
}
.upi-stock-carousel__arrow--next {
right: -60px;
}
.upi-stock-carousel__arrow-icon {
display: block;
width: 0;
height: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
}
.upi-stock-carousel__arrow--prev .upi-stock-carousel__arrow-icon {
border-right: 14px solid var(--upi-dark-blue);
}
.upi-stock-carousel__arrow--next .upi-stock-carousel__arrow-icon {
border-left: 14px solid var(--upi-dark-blue);
} @media (min-width: 900px) and (max-width: 1300px) {
.upi-stock-carousel {
position: relative;
width: calc(100% - 80px);
margin-left: auto;
margin-right: auto;
padding: 25px 0 45px;
overflow: visible;
box-sizing: border-box;
}
.upi-stock-carousel__track {
gap: 18px;
}
.upi-stock-card {
flex-basis: calc((100% - 54px) / 4);
}
.upi-stock-carousel__arrow--prev {
left: -52px !important;
}
.upi-stock-carousel__arrow--next {
right: -52px !important;
}
.upi-stock-card__image-wrap {
height: 180px;
}
.upi-stock-card__arrival {
font-size: 15px;
padding: 7px 5px;
}
.upi-stock-card__body {
padding: 16px 12px 20px;
}
.upi-stock-card__title {
font-size: 18px;
}
.upi-stock-card__year {
font-size: 20px;
}
.upi-stock-card__button,
.upi-stock-card__button:visited,
.upi-stock-card__button:hover,
.upi-stock-card__button:focus,
.upi-stock-card__button:focus-visible,
.upi-stock-card__button:active {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: calc(100% - 12px) !important;
max-width: none !important;
min-width: 0 !important;
min-height: 44px !important;
margin: 14px auto 0 !important;
padding: 11px 10px !important;
overflow: hidden !important;
box-sizing: border-box !important;
background: var(--upi-green) !important;
color: var(--upi-dark-blue) !important;
border: 0 !important;
border-radius: 14px !important;
outline: 0 !important;
box-shadow: none !important;
font-family: "Open Sans", sans-serif !important;
font-size: 20px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
text-align: center !important;
text-decoration: none !important;
white-space: nowrap !important;
transition: none !important;
}
} @media (min-width: 600px) and (max-width: 899px) {
.upi-stock-carousel {
position: relative;
width: calc(100% - 70px);
margin-left: auto;
margin-right: auto;
padding: 25px 0 45px;
overflow: visible;
box-sizing: border-box;
}
.upi-stock-carousel__track {
gap: 20px;
}
.upi-stock-card {
flex-basis: calc((100% - 20px) / 2) !important;
}
.upi-stock-carousel__arrow--prev {
left: -47px !important;
}
.upi-stock-carousel__arrow--next {
right: -47px !important;
}
.upi-stock-card__button,
.upi-stock-card__button:visited,
.upi-stock-card__button:hover,
.upi-stock-card__button:focus,
.upi-stock-card__button:focus-visible,
.upi-stock-card__button:active {
width: calc(100% - 20px);
max-width: none;
min-height: 46px;
margin: 18px auto 0;
padding: 12px 18px;
background: var(--upi-green) !important;
border: 0 !important;
border-radius: 14px !important;
color: var(--upi-dark-blue) !important;
font-size: 20px;
font-weight: 800;
line-height: 1.2;
text-align: center;
text-decoration: none !important;
box-shadow: none !important;
outline: 0 !important;
}
} @media (min-width: 768px) and (max-width: 1300px) {
.picked-by-experts-widget {
position: relative !important;
transform: translateX(10px);
}
.picked-by-experts-widget .swiper-button-prev {
left: -22px !important;
right: auto !important;
}
.picked-by-experts-widget .swiper-button-next {
right: -22px !important;
left: auto !important;
}
} @media (max-width: 767px) {
.upi-stock-carousel {
width: 100%;
padding: 20px 12px 35px;
overflow: visible;
}
.upi-stock-carousel__viewport {
overflow: hidden;
width: 100%;
}
.upi-stock-carousel__track {
gap: 20px;
}
.upi-stock-card {
flex-basis: 100%;
}
.upi-stock-card__image-wrap {
height: 230px;
}
.upi-stock-card__arrival {
font-size: 18px;
}
.upi-stock-card__title {
font-size: 24px;
}
.upi-stock-card__year {
font-size: 21px;
}
.upi-stock-card__button,
.upi-stock-card__button:visited,
.upi-stock-card__button:hover,
.upi-stock-card__button:focus,
.upi-stock-card__button:focus-visible,
.upi-stock-card__button:active {
width: 86%;
min-height: 46px;
padding: 12px 20px;
border: 0 !important;
border-radius: 14px !important;
font-size: 20px;
box-shadow: none !important;
outline: 0 !important;
}
.upi-stock-carousel__arrow {
top: 42%;
width: 42px;
height: 42px;
font-size: 18px;
}
.upi-stock-carousel__arrow--prev {
left: -40px;
}
.upi-stock-carousel__arrow--next {
right: -40px;
}
.upi-stock-carousel__arrow,
.upi-stock-carousel__arrow:focus,
.upi-stock-carousel__arrow:focus-visible,
.upi-stock-carousel__arrow:active {
top: 42% !important;
transform: translateY(-50%) !important;
} .picked-by-experts-widget .swiper-button-prev {
left: -50px !important;
right: auto !important;
}
.picked-by-experts-widget .swiper-button-next {
right: -50px !important;
left: auto !important;
}
.e-swiper-container:has(.picked-by-experts-widget) {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
}
.elementor-element-66fbc9d .jet-filters-group > .jet-select:first-child {
padding-right: 10px !important;
margin-right: 0 !important;
} .stock-location-button .elementor-button-wrapper {
width: 100% !important;
text-align: center !important;
}
.stock-location-button .elementor-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 300px !important;
max-width: 100% !important;
min-height: 88px !important;
box-sizing: border-box !important;
text-align: center !important;
} @media (max-width: 767px) {
.stock-location-button .elementor-button {
width: 100% !important;
}
}