body{
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    font-weight: 400;
}
small{font-size: smaller;}
.footer-default .footer-top .contact{font-size: .875rem;}
header.header-sticky{min-height: 70px; align-items: center; transition: min-height .3s ease-out;}
header.header-sticky.sticky{min-height: 60px;}
header.header-sticky .navbar-brand{padding-top: 0; padding-bottom: 0;}
header.header-sticky .landing-header{align-items: center;}
@media (min-width: 1200px){
    header.header-sticky #navbar_main{align-self: center; margin-left: auto !important; flex-grow: 0 !important; width: auto !important;}
    header.header-sticky #navbar_main .container-fluid{display: flex; align-items: center; justify-content: flex-end;}
    header.header-sticky #navbar_main .navbar-nav{align-items: center;}
}
/* Keep clear space around the main logo so it never touches the header edges */
header.header-sticky .navbar-inner{padding-top: .875rem; padding-bottom: .875rem; padding-left: 1.5rem; padding-right: 1.5rem;}
header.header-sticky.sticky .navbar-inner{padding-top: .5rem; padding-bottom: .5rem;}
.navbar-brand img.logo{
    height: 5.25rem !important;
    max-height: 5.25rem !important;
    width: auto !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 3px;
    transition: height .3s ease-out, max-height .3s ease-out;
}
header.header-sticky.sticky .navbar-brand img.logo{height: 4rem !important; max-height: 4rem !important;}
.iq-breadcrumb{padding-top: calc(var(--site-header-h, var(--header-height, 112px)) + 2.5rem) !important;}
.iq-nav-menu li{
    margin-right: 0.8125em;
}
.iq-nav-menu>li>a{font-weight: 400;}
.breadcrumb-item+.breadcrumb-item::before{content: " > "}
.imgBlk{max-width: 100%;width: 100%;}

.dealerList{list-style-type: none;width: 70%;margin: 0 auto;}
.dealerList li{display: inline-block;width: 48%;text-align: center;}
.img-circle{border-radius: 50%;border: 5px solid #fcfcfc;width: 200px;}
.productCont{font-size: 0.85rem;}
.iq-card .block-images .img-box img{
    mix-blend-mode: overlay;
    aspect-ratio: 3 / 3;
}

/* Header is positioned over the page; push the banner below it so it is fully visible */
/* --site-header-h is set by layouts/scripts.blade.php from the full-size (non-sticky) header */
.iq-banner-thumb-slider{padding-top: var(--site-header-h, var(--header-height, 112px)); background: #000;}
.home-carousel picture{display: block;}
.home-carousel .owl-item img{width: 100%; height: auto; object-fit: contain;}
.home-carousel .owl-dots{position: absolute; left: 0; right: 0; bottom: .75rem; text-align: center;}
.home-carousel .owl-dots .owl-dot span{background: rgba(255,255,255,.5);}
.home-carousel .owl-dots .owl-dot.active span{background: #e50914;}
.home-carousel .owl-item{position: relative;}

/* Show photos at true colour: the theme blends these with a dark gradient
   (mix-blend-mode: overlay) and crops them to a fixed height, which makes them look dull/low quality */
.iq-watching-block .block-images .iq-image-box{background: none;}
.iq-watching-block .block-images .iq-image-box img{mix-blend-mode: normal; height: auto !important; aspect-ratio: 3 / 2; object-fit: cover;}
img{image-orientation: from-image;}
.home-carousel .owl-item .description{
    position: absolute;
    left: 15%;
    top: 40%;
}
.home-carousel .owl-item .description .h2_heading{font-size: 5rem;}
.home-carousel .owl-nav .owl-prev,
.home-carousel .owl-nav .owl-next{
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    border: 1px solid #fcfcfc !important;
}
.home-carousel .owl-nav .owl-prev{left: 2%;}
.home-carousel .owl-nav .owl-next{right: 2%;}
.home-carousel .owl-nav .owl-prev:hover,
.home-carousel .owl-nav .owl-next:hover{background-color: #e50914;}

.product-carousel,
.gallery-carousel{position: relative;}
.product-carousel .owl-nav .owl-prev,
.product-carousel .owl-nav .owl-next,
.gallery-carousel .owl-nav .owl-prev,
.gallery-carousel .owl-nav .owl-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    line-height: 44px;
    text-align: center;
    background-color: #fff !important;
    color: #212529 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
    z-index: 2;
}
.product-carousel .owl-nav .owl-prev,
.gallery-carousel .owl-nav .owl-prev{left: -10px;}
.product-carousel .owl-nav .owl-next,
.gallery-carousel .owl-nav .owl-next{right: -10px;}
.product-carousel .owl-nav .owl-prev:hover,
.product-carousel .owl-nav .owl-next:hover,
.gallery-carousel .owl-nav .owl-prev:hover,
.gallery-carousel .owl-nav .owl-next:hover{background-color: #e50914 !important; color: #fff !important;}

#whatsAppIcon .top{
    z-index: 999;
    bottom: 1.875em;
    left: 1.5625em;
    width: 3.125em;
    height: 3.125em;
    text-align: center;
    line-height: 3.125em;
    -webkit-transition: all .3sease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3sease-in-out;
    background-color: #00ff00;
    color: #fff;
}
.iq-breadcrumb{padding: 7.375em 0 3em;}

/* Product photos are exported with heavy white padding baked into the
   image itself; crop in slightly so the product fills more of its frame. */
.main-carousel .owl-item,
.thumb-carousel .owl-item,
.product-container .card .img-box,
.product-container .card > a{
    overflow: hidden;
}
.product-container .card img.imgBlk{
    transform: scale(1.2);
}
/* Product details gallery: always show the whole photo (no crop), centred in a square frame */
.main-carousel .owl-item > div,
.thumb-carousel .owl-item > div{aspect-ratio: 1 / 1; background: #fff; display: flex; align-items: center; justify-content: center;}
.main-carousel img.imgBlk,
.thumb-carousel img.imgBlk{width: 100%; height: 100%; object-fit: contain; transform: none;}
.thumb-carousel .owl-item{cursor: pointer; opacity: .65; transition: opacity .2s ease;}
.thumb-carousel .owl-item:hover,
.thumb-carousel .owl-item.current{opacity: 1;}

/* ---------- Tablet & mobile ---------- */
@media (max-width: 1199.98px){
    /* Header must sit above the Bootstrap offcanvas backdrop (z-index 1040),
       otherwise the slide-in menu inside the header gets covered by it. */
    header.header-sticky{z-index: 1050; -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(0,0,0,.85);}
    header.header-sticky .landing-header{gap: .5rem;}
    header.header-sticky .mobile-search-btn{margin-left: auto;}
    #navbar_main .offcanvas-header{padding: 1rem 1rem 1.5rem !important;}
    #navbar_main .offcanvas-header .navbar-brand{margin-left: 0 !important;}
    #navbar_main .iq-nav-menu{padding-bottom: 2rem;}
    #navbar_main .iq-nav-menu > li{margin: 0 0 .25rem; border-bottom: 1px solid rgba(255,255,255,.08);}
    #navbar_main .iq-nav-menu > li > a{padding-top: .85rem; padding-bottom: .85rem;}
    #navbar_main .sub-nav .sub-nav{padding-left: 1rem;}
    header.header-sticky .navbar-inner{padding: .75rem 1rem;}
    header.header-sticky.sticky .navbar-inner{padding-top: .5rem; padding-bottom: .5rem;}
    .navbar-brand img.logo{height: 4.5rem !important; max-height: 4.5rem !important;}
    header.header-sticky.sticky .navbar-brand img.logo{height: 3.75rem !important; max-height: 3.75rem !important;}
}
@media (max-width: 767.98px){
    header.header-sticky .navbar-inner{padding: .625rem .875rem;}
    .navbar-brand img.logo{height: 3.75rem !important; max-height: 3.75rem !important;}
    header.header-sticky.sticky .navbar-brand img.logo{height: 3.25rem !important; max-height: 3.25rem !important;}
    .iq-breadcrumb{padding: calc(var(--site-header-h, var(--header-height, 84px)) + 1.5rem) 0 1.5rem !important;}
    .iq-breadcrumb .title{font-size: 1.6rem;}
    .section-padding{padding-top: 2rem; padding-bottom: 2rem;}
    .section-title-row .main-title{font-size: 1.05rem;}
    .section-title-row a{font-size: .8rem;}
    .iq-preogress-1 h5{font-size: .9rem;}
    .iq-preogress-1 p{font-size: .7rem; line-height: 1.35; margin-top: .15rem;}

    .home-carousel .owl-nav .owl-prev,
    .home-carousel .owl-nav .owl-next{width: 32px; height: 32px; line-height: 32px; font-size: .75rem;}
    .home-carousel .owl-dots{bottom: .25rem;}
    .home-carousel .owl-dots .owl-dot span{width: 7px; height: 7px; margin: 3px;}

    .product-carousel .owl-nav .owl-prev,
    .gallery-carousel .owl-nav .owl-prev{left: 4px;}
    .product-carousel .owl-nav .owl-next,
    .gallery-carousel .owl-nav .owl-next{right: 4px;}
    .product-carousel .owl-nav .owl-prev,
    .product-carousel .owl-nav .owl-next,
    .gallery-carousel .owl-nav .owl-prev,
    .gallery-carousel .owl-nav .owl-next{width: 36px; height: 36px; line-height: 36px;}

    .dealerList{width: 100%; padding-left: 0;}
    .dealerList li{width: 100%;}
    .img-circle{width: 150px;}
    #whatsAppIcon .top{left: 1rem; bottom: 1rem;}
}