:root {
    --gray-blue: #47648b;
    --white: #FFFFff;
    --light-gray: #ddd;
    --red: #e31e25;
    --black: #000000;
    --bg-dark: #212529;
    --green: green;
    --golden: #FFD700;
    --blue: #0000FF;
    --yellow: #FFFF00;
}

html .text-color-primary,
html .text-primary {
    color: var(--red) !important;
}

.feature-box.feature-box-style-2 .feature-box-icon .icons {
    color: var(--red);
}

#footer .footer-ribbon:before {
    border-right-color: var(--black);
    border-left-color: #2d4058;
}

/* header */

.header-top {
    background-color: var(--bg-dark);
}

#header .header-nav-top .nav>li>a {
    color: var(--white);
}

/* .img-white{
    filter: grayscale(100%);
} */


/* navbar */
#header .header-nav.header-nav-stripe nav>ul:not(:hover)>li>a.active {
    background-color: var(--red);
    color: var(--white) !important;

}

#header .header-nav.header-nav-stripe nav>ul:hover>li>a.active {
    background-color: var(--red);
    color: var(--white) !important;


}

#header .header-nav.header-nav-stripe nav>ul>li:hover>a {
    background-color: var(--red);
    color: var(--white) !important;

}

#header .header-nav-main nav>ul>li>a {
    color: var(--black) !important;
}

.dropdown-item:hover {
    background-color: var(--red) !important;
    color: var(--white) !important;
}

.dropdown-menu {
    display: none;
}

.dropdown .itms {
    border-right: 1px solid var(--light-gray);
}

#header .header-nav-main nav>ul>li.dropdown .dropdown-menu {
    border-top-color: var(--red);
}

/* Create a grid layout for the dropdown columns */
.dropdown-column {
    display: grid;
    grid-template-columns: repeat(2, auto);
}

.overflow-hidden p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.overflow-hidden h2 {
    margin: 2rem 0 0 0 !important;
}

/* home */
.home-cta {
    border: 2px solid var(--red);
}

.homebg-img {
    padding: 2rem;
    background-image: url(../img/custom_img/cta-bg1.png);

    background-size: 66%;
    background-repeat: no-repeat;
    background-position: right -69% top 51%;
}

.thumb-info .thumb-info-type,
.thumb-info .thumb-info-action-icon,
.thumb-info-social-icons a,
.thumbnail .zoom,
.img-thumbnail .zoom,
.thumb-info-ribbon {
    background-color: var(--red);
}

/* FOOTER */
#footer .footer-ribbon {
    background-color: var(--red);
}

/* footer icons */
.text-color-primary {
    color: var(--red) !important;
}

.list.list-icons li>[class*="fa-"]:first-child {
    color: var(--red);
}


/* about */
.heading-lable {
    color: var(--red);
}

html .toggle-primary.toggle-simple .toggle>.toggle-title:after {
    background-color: var(--red);
}



html .progress-bar-primary {
    background-color: var(--red);
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background-color: var(--red);

}


/* contact us */

.list.list-icons.list-icons-style-3 li>[class*="fa-"]:first-child {
    background-color: var(--red);
}

/* services */
.card-img {
    background-image: url(../img/custom_img/acrylic-home.jpg);
    background-size: cover;
    background-position: center;
}

.cascading-images-wrapper {
    display: inline-block;
    padding: 10%;
}

.cta-button:hover {
    background-color: var(--white);
    color: var(--red);
}

.cta a:hover {
    text-decoration: none;
}

.wicon a i {
    text-decoration: none;
}

html .bg-color-light-scale-1 {
    background-color: var(--light-gray) !important;
    /* heading bg-color*/
}

.breadcrumb a {
    color: var(--black);
}


/* acrylic */
.green-icon {
    color: var(--green);
}

.acrylic-img {
    background-image: url();
    background-position: left -1% top;
    background-repeat: no-repeat;
    background-size: 10%;
}

/* .acrylic-img li{
    line-height: 30px;
     margin-bottom: 10px;
} */
.line_size li {
    line-height: 30px;
    margin-bottom: 10px;
}

.r-image img {
    width: 110px;
    padding: 10px !important;
}

.r-image {
    border: 6px solid var(--red);
    border-radius: 100px;
    padding: 20px;

}

.table .title {
    width: 20%;
}



/* metal signages */
.metal-img {
    background-image: url(../img/custom-icons/metal_sign/metal_signs1.jpg);
    background-position: top 67% left 1%;
    background-repeat: no-repeat;
    background-size: 10%;
    background-attachment: fixed;

}

.metal-icon-img img {
    width: 110px;
    padding: 3px !important;
}

.metal-icon-img {
    border: 6px solid var(--red);
    border-radius: 100px;
    padding: 20px;

}




/* neon */

.neon-img {
    background-image: url(../img/custom-icons/neonbg.png);
    background-position: top 70% left;
    background-repeat: no-repeat;
    background-size: 11%;
    background-attachment: fixed;
}

.neon-img2 {
    background-image: url(../img/custom-icons/neonbg2.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 8%;
}


/*metal plates */
.m_plates-img {
    background-image: url(../img/custom-icons/metal_plates/m_plates1.png);
    background-position: top 66% left 1%;
    background-repeat: no-repeat;
    background-size: 10%;
    background-attachment: fixed;
}

/* acrylic_plates */
.a_plates-img {
    background-image: url(../img/custom-icons/acrylic_plates/acrylic_plates.jfif);
    background-position: top 69% left 1%;
    background-repeat: no-repeat;
    background-size: 10%;
    background-attachment: fixed;
}

/* number plates */
.n_plates-img {
    background-image: url(../img/custom-icons/number_plates/n_plates.jpg);
    background-position: top 69% left 1%;
    background-repeat: no-repeat;
    background-size: 10%;
    background-attachment: fixed;
}


/* body */
.section.section {
    background: var(--white);


}

/* pop signages */
.pop-img {
    background-image: url(../img/custom-icons/pop-icon.png);
    background-position: top 70% left;

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 12%;
}

.r-pop-image img {
    width: 110px;
    /* padding:10px !important; */
}

.r-pop-image {
    border: 6px solid var(--red);
    border-radius: 100px;
    padding: 20px;

}

/* standee page */

.standee-img {
    background-image: url(../img/custom-icons/standee-icon.png);
    background-position: top 70% left 2%;
    background-repeat: no-repeat;
    background-size: 10%;
    background-attachment: fixed;
}

/* display frames */
.frame-img {
    background-image: url(../img/custom-icons/d_frames/frames-icons2.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 13%;
    /* background-attachment: fixed; */
}

/* table acrylic */
.badge {
    font-weight: normal;
}

.som-white {
    background-color: var(--white);
    color: var(--black);
}

.som-clear {
    background-color: transparent;
    color: var(--black);
}

.som-red {
    background-color: var(--red);
    color: var(--white);
}

.som-yellow {
    background-color: var(--yellow);

    color: var(--black);
}

.som-gold {
    background-color: var(--golden);
    color: var(--black);
}

.som-blue {
    background-color: var(--blue);

}

.som-info p {
    font-size: x-large;
    font-weight: bolder;
    color: grey;
}

.som-info a {
    color: grey;
    text-decoration: none;
}

.som-info a:hover {
    text-decoration: none;
}

.nameplatetype {
    margin-left: 30px;
}

.nameplatetype h5 {
    border-radius: 100px;
    text-align: center;
    padding: 10px 0px;
    color: var(--black);
    background-color: white;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.acrylic h5 {
    background-image: url('../img/background/Acrylic.jpg');
}

.glass h5 {
    background-image: url('../img/background/glass.jpg');
}

.ss304 h5 {
    background-image: url('../img/background/ss304.jpg');
}

.ssbrushgold h5 {
    background-image: url('../img/background/ss\ brush\ gold.jpg');
}

.brushsilver h5 {
    background-image: url('../img/background/Brush\ silver.jpg');
}

.rosegoldss h5 {
    background-image: url('../img/background/ss\ rose\ gold.jpg');
}

.sspinkgold h5 {
    background-image: url('../img/background/ss\ pink\ gold.jpeg');
}

.wood h5 {
    background-image: url('../img/background/wood.jpg');
}

.mdf h5 {
    background-image: url('../img/background/MDF.jpg');
}


/* burger color */
#header .header-btn-collapse-nav {
    background: var(--red);
}

#header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active {
    background: var(--red);
}