@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
:root{
    --primary-clr: #da0202;
    --text-clr: #1e191b;
    --gray-clr: #444444;

    --bg-dark: #040404;
}

body{
    font-family: 'Poppins',sans-serif;
    color: var(--gray-clr);
}
a{text-decoration: none;display: inline-block;width: fit-content;}
ul,li{list-style: none;padding: 0;}
button{border: 0;}
/* common css start */
.call-btn a{
    display: block;
    padding: 12px 22px;
    border: 2px solid var(--primary-clr);
    color: var(--gray-clr);
    font-size: 18px;
    font-weight: 500;
    border-radius: 4px;
    background-color: transparent;
}
.custom-btn{
    padding: 12px 18px;
    border-radius: 4px;
    background-color: var(--primary-clr);
    color: #fff;
    letter-spacing: 0.5px;
    display: inline-block;
    text-transform: capitalize;
}

h1,h2{
    color: var(--text-clr);
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 1.8rem;
    line-height: 1.3;
}


.heading h6{
    color: var(--primary-clr);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 14px;
    padding-bottom: 10px;
    position: relative;
    display: inline-block;
}
.heading h6::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 80%;
    background-color: var(--primary-clr);
}
section{padding: 80px 0px;}

.card{
    border: none;
    position: relative;
    z-index: 0;
    aspect-ratio: 416 / 454;
}
.card::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgb(0 0 0 / 60%) 0, rgb(255 255 255 / 0%)40%);
    z-index: 0;
}
.card .card-img-top {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card .card-body{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.card .card-body h4{
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 0;
}
/* common css end */

/* header start */

#header .navbar-brand{
    max-width: 150px;
}

.navbar-nav .nav-item .nav-link{
    color: var(--gray-clr);
    font-size: 18px;
    font-weight: 500;
    padding: 46px 18px;
    letter-spacing: 0.5px;
    transition: color 0.35s ease-in-out;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-item .nav-link:hover{
    color: var(--primary-clr);
}
#header {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
}

/* home banner start */
#homeBanner{position: relative;width: 100%;}
#homeBanner .carousel-item{position: relative;}
#homeBanner .banner-content{position: absolute;left: 0;width: 100%;top: 50%;transform: translateY(-50%);}
.banner-title h4{color: #fff;font-size: 52px;font-weight: 600;margin-bottom: 0;}

.carousel-control-next,
.carousel-control-prev{width: 46px;}
/* home banner end */

/* our products start */
#ourProducts{
    background-color: rgb(243 243 243);
}
/* our products end */

/* inqury sec start */
#inquirySec{padding: 40px 0px;background-color: var(--primary-clr);}
#inquirySec .heading h2{color: #fff;margin-bottom: 14px;}
#inquirySec .heading h4{color: #fff;font-size: 20px;margin-bottom: 0;}
#inquirySec .custom-btn{background-color: transparent;border:1px solid #fff;}
/* inqury sec end */

/* footer start */
footer{padding: 40px 0px 15px;background-color: var(--text-clr);}
.footer-content h4{color: #fff;font-size: 20px;margin-bottom: 18px;}
.contact-info a{display: flex;gap: 10px;align-items: center;color: #fff;opacity: 0.8;white-space: pre-line;}
.footer-links li a{color: #fff;padding: 5px 0px; opacity: 0.8;}

.counter{
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 22px;
}
.counter span{
    width: 28px;
    height: 28px;
    background-color: var(--primary-clr);
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.language-trans select{
    padding: 12px 20px;
    background-color: #fff;
    color: var(--text-clr);
    border: none;
    border-radius: 4px;
}
.form-select:focus{outline: none;box-shadow: none;border-color: unset;}

.footer-bottom{padding-top: 15px;margin-top: 20px; border-top: 1px solid #868686;}
.footer-bottom p{margin-bottom: 0;color: #fff; opacity: 0.6;font-size: 14px;}
/* footer end */

/* phone call start */

#phoneCall{
    position: fixed;
    right: 20px;
    bottom: 120px;
    z-index: 9;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 20px rgb(0 0 0 / 18%);
    border-radius: 50%;
}
/* phone call end */

/* whats app start */

#whatsApp{
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 9;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 20px rgb(0 0 0 / 18%);
    border-radius: 50%;
}

/* whats app end */


/* inner page start */
#innerBanner{
    background-color: var(--bg-dark);
}
#innerBanner .banner-title h4{
    font-size: 38px;
}

.breadcrumb{
    margin-bottom: 0px;
    justify-content: end;
}

.breadcrumb .breadcrumb-item a i{
    color: var(--primary-clr);
}
.breadcrumb-item+.breadcrumb-item::before{
    color: #fff;
}

.breadcrumb .breadcrumb-item.active {
    color: #fff;
}

.about-inner .about-img{position: sticky; top: 200px;}

#contactSec {
    position: relative;
    z-index: 0;
    padding: 120px 0px;
}
#contactSec::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 58%;
    background-color: rgb(243 243 243);
    z-index: -1;
}
.contact-details .contact-box i{font-size: 18px;color: var(--text-clr);}
.contact-details .contact-box .location-text a{color: var(--text-clr);font-size: 18px;display: inline;}


.contact-form .form-control{
    padding: 16px;
    color: var(--gray-clr);
    resize: none;
}
.contact-form .custom-btn{width: 100%;}
.form-control:focus{box-shadow: none;}

.inner-addon {
    position: relative;
}
.inner-addon .captcha {
    position: absolute;
    top: 10px;
    right: 9px;
}
#mapSec{width: 100%;overflow: hidden;}

.mapwrapper{width: 100%;height: 400px;}
.mapwrapper iframe{width: 100%;height: 100%;}
/* inner page end */

/* product details start */

#ourProdDetails .inner-product-img{width: 100%;aspect-ratio: 526 / 550;position: sticky;top: 200px;}
#ourProdDetails .inner-product-img img{width: 100%;height: 100%;object-fit: cover;}
.prod-price p{font-size: 18px;}
.prod-price p span{
    font-size: 24px;
    font-weight: 600;
}

.inner-product-details h4{margin-bottom: 16px;font-size: 22px;}
.inner-product-details ul{padding-left: 30px;}
.inner-product-details ul li{margin-bottom: 10px;position: relative;}
.inner-product-details ul li::before{
    content: '\f101';
    position: absolute;
    left: -26px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    font-size: 14px;
}
.table-container{
    overflow-x: auto;
}

.table-container .table tbody th{color: var(--gray-clr);font-weight: 500;}
.table-container .table tbody td{color: var(--gray-clr);font-weight: 400;}
/* product details end */
.serviceSwiper{padding-bottom: 40px;}
.swiper-button-next::after,
.swiper-button-prev::after{display: none;}
.slider_controller .swiper-button-prev ,
.slider_controller .swiper-button-next{background-color: var(--bg-dark);}
.slider_controller .swiper-button-prev i,
.slider_controller .swiper-button-next i{
    font-size: 28px;
    color: #fff;
    font-weight: 600;
}

.serviceSwiper .swiper-pagination{
    bottom: 0;
}

.serviceSwiper .swiper-pagination-bullet-active{background-color: var(--primary-clr);}

.gallerypic {width: 100%;height: auto;}
.gallerypic img {width: 100%;}