html {
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    text-decoration: none;
}


:root {
    --bg1: #FFFFFF;
    --bg2: #000000;
    --bg3: #00000029;
    --bg4: #BB9656;
    --bg5: #E9E9E9;
    --bg6: #00000012;
    --bg7: #ACACAC;
    --bg8: #BCBCBC;
    --bg9: #414141;
    --bg10: #AFAFAF;
    --font1: #FFFFFF;
    --font2: #000000;
    --font3: #00000029;
    --font4: #BB9656;
    --font5: #E9E9E9;
    --font6: #00000012;
    --font7: #ACACAC;
    --font8: #BCBCBC;
    --font9: #414141;
    --font10: #AFAFAF;

}

.bg1 {
    background-color: #FFFFFF;
}

.bg2 {
    background-color: #000000;
}

.bg3 {
    background-color: #00000029;
}

.bg4 {
    background-color: #BB9656;
}

.bg5 {
    background-color: #E9E9E9;
}

.bg6 {
    background-color: #00000012;
}

.bg7 {
    background-color: #ACACAC;
}

.bg8 {
    background-color: #BCBCBC;
}

.bg9 {
    background-color: #414141;
}

.bg10 {
    background-color: #AFAFAF;
}

.font1 {
    color: #FFFFFF;
}

.font2 {
    color: #000000;
}

.font3 {
    color: #00000029;
}

.font4 {
    color: #BB9656;
}

.font5 {
    color: #E9E9E9;
}

.font6 {
    color: #00000012;
}

.font7 {
    color: #ACACAC;
}

.font8 {
    color: #BCBCBC;
}

.font9 {
    color: #414141;
}

.font10 {
    color: #AFAFAF;
}

.p-10 {
    padding: 10px;
}

.p-20 {
    padding: 20px;
}

.p-30 {
    padding: 30px;
}

.p-40 {
    padding: 40px;
}

.p-50 {
    padding: 50px;
}

.m-5 {
    margin: 5px;
}

.m-10 {
    margin: 10px;
}

.p-t-5r {
    padding-top: 5rem;
}

.p-b-5r {
    padding-bottom: 5rem;
}

.p-t-2 {
    padding-top: 2px;
}

.p-t-5 {
    padding-top: 5px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-t-50 {
    padding-top: 50px;
}

.p-b-5 {
    padding-bottom: 5px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-b-50 {
    padding-bottom: 50px;
}

.p-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-r-20 {
    padding-right: 20px;
}

.p-y-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.p-y-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.p-y-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.p-x-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.p-x-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.p-x-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.p-x-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.p-x-50 {
    padding-left: 50px;
    padding-right: 50px;
}

.p-x-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.w-s-5 {
    word-spacing: 5px;
}

.l-h-5 {
    line-height: 5px;
}

.t-c {
    text-align: center;
}

.t-l {
    text-align: left;
}

.t-r {
    text-align: right;
}

.d-c {
    display: flex;
    align-items: center;
    justify-content: center;
}

h1 {
    font-size: 50px;
}

/*-----------------------------------------------*/

::selection {
    background-color: var(--bg4);
    color: var(--font1);
}

/*----input type[number] arrow removal--- Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 0;
}

/*----input type[number] arrow removal--- Firefox */
input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
}

/* nav-icon when nav is still */
.navbar-toggler {
    width: 30px;
    height: 20px;
    position: relative;
    transition: .5s ease-in-out;
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
    border: 0;
}

.navbar-toggler span {
    margin: 0;
    padding: 0;
}

.toggler-icon {
    width: 100%;
    height: 3px;
    background-color: var(--font2);
    display: block;
    position: absolute;
    transition: 0.25s ease-in-out;
    border-radius: 1px;
    opacity: 1;
    left: 0;

}

.middle-bar {
    margin-top: 0px;
}

/*nav-icon when nav is clicked*/

.navbar-toggler .top-bar {
    margin-top: 0px;
    transform: rotate(135deg);
}

.navbar-toggler .middle-bar {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
    margin-top: 0px;
    transform: rotate(-135deg);
}

/*nav-icon when nav is collapsed*/

.navbar-toggler.collapsed .top-bar {
    margin-top: -22px;
    transform: rotate(0deg);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
    margin-top: 22px;
    transform: rotate(0deg);
}

.navbar-toggler.collapsed .toggler-icon {
    background-color: var(--font2);
}

/* -----------------------------------------------------------   */



/* #menu{
      font-size: 1rem;
  }
  nav#Nav{
      background-color: var(--bg5);
      border: 0.5em solid var(--bg1);
    }
    .navbar-light .navbar-nav .nav-link {
        color: rgba(0,0,0,1) ;
        padding-right: 1em;
        padding-left: 1em;
    }
    
    */
/* .dropdown:hover .dropdown-menu{
        display: block;
    } */

/*-----------nav starts-------------*/
nav {
    background-color: var(--bg5);
    border: 0.5em solid var(--bg2);
}
/* nav{
    position: relative;
}
.dropdown-mega:hover .dropdown-menu{
    position: absolute;
    display: block;
    left: 0;

} */
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 1);
}
.navbar #menuHead{
    border-left: 1.5px solid rgba(0, 0, 0, 0.125);
    height: 10%;
    margin-top: 1em;
   
   
}
.navbar .dropdown-mega h5{
    padding-bottom: 2em;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.125); */
    margin: 0;
    color: var(--font4);

}

.navbar .dropdown-mega .dropdown-menu {
    width: 100%;
}

.navbar .list-group-item {
    font-size: 1rem;
    color: var(--text-third-color);
    border: 0;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.125); */
    padding: 0.6em 1em;
    border-radius: 0;

}

.navbar-nav .dropdown-toggle::after {
    display: none;
}

.dropdown-menu {
    margin-top: 0;
    border-radius: 0;
    border: none;
    /* background-color: var(--bg5); */
}

.dropdown-menu .dropdown-item {
    padding-top: 0.5em;
    color: var(--font4);
    /* border-left: 1px solid rgba(0, 0, 0, 0.125); */

}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--font2);
    background-color: var(--bg1);
}

#menu li a:hover {
    color: var(--font4);
}

.activeMenu {
    color: var(--font4) !important;
}

/*-------------nav ends------------*/
/*--------------header starts------------- */
#head #banner #text h1 {
    font-size: 3.6rem;
}

#head #banner #text p {
    font-size: 1.5rem;
}

#head #banner #text .satisfy {
    font-size: 1.5rem;
    padding-top: 1em;
}

#head #banner #text .satisfy svg {
    height: 1em;
    width: 1em;
}

#head #banner {
    /* width: 100vw; */
    min-height: 75vh;
    background-image: url('assets/img/services.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 4em;
}

#head #banner #text button {
    font-size: 1rem;
}

#head #banner button {
    width: 50%;
    background-color: var(--bg4);
    color: var(--font1);
    padding: 1.3em 3.1em;
    border: none;
    border-radius: 2px;
    letter-spacing: 1px;
    transition: all 0.5s;
}

#head #banner button:hover {
    /* background-color: transparent; */
    /* color: var(--bg4); */
    padding: 1.3em 3.1em;
    border: none;
    border-radius: 2px;
    letter-spacing: 2px;
}

#head #banner #text {
    padding: 1em 0em 0.8em 4.1em;
}

#head #banner #text path:hover {
    fill: var(--font4);
}

#head #banner .fa-angle-right {
    padding-left: 1.2em;
}

/*#header-client{*/
/* width: 100vw; */
/* height: 12vh; */
/*    background-image: linear-gradient(#000000,#414141);*/
/*    padding-left: 3em;*/
/*    padding-right: 2em;*/
/*}*/
/*#header-client #text h3{*/
/*    font-size: 2rem;*/
/*    margin-bottom: 0;*/
/*}*/
/*#header-client #text p{*/
/*    font-size: 1.3rem;*/
/*    margin-bottom: 0;*/
/*}*/
/*#header-client #clients{*/
/*   align-self: center;*/
/*}*/
/*#headerCarousel1 .owl-item{*/
/*    text-align: center;*/
/*    padding-top: 0.1%;*/
/*}*/
/*#headerCarousel2{*/
/*    display:none;*/
/*}*/
#header-client {
    /* width: 100vw; */
    /* height: 12vh; */
    background-image: linear-gradient(#000000, #414141);
    padding-left: 60px;
    padding-right: 40px;
}

#header-client #text h3 {
    font-size: 2vw;
    margin-bottom: 0;
}

#header-client #text p {
    font-size: 1.3vw;
    margin-bottom: 0;
}

#header-client #clients {
    align-self: center;
}

#headerCarousel1 .owl-item {
    text-align: center;
    padding-top: 0.1%;
}

#headerCarousel2 {
    display: none;
}

#stats {
    /* width: 100%; */
    /* height: 80%; */
}

#stats .heading {
    text-align: center;
    padding-top: 4%;
    line-height: 5px;
}

#stats .head {
    font-size: 3.1vw;
}

#stats #banner {
    /* width: 80%; */
    height: 70%;
    background-image: url('assets/img/map.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 70% 85%;

}

#stats #banner #img1 {
    width: 30%;
    height: 50%;
    padding-top: 26%;

}

#stats #banner #img2 {
    width: 35%;
    height: 50%;
    padding-top: 26%;

}

#stats #banner #img3 {
    width: 40%;
    height: 50%;
    padding-top: 26%;

}

#stats #banner .text {
    padding-top: 10%;
    font-weight: bold;
}

#stats #banner .subText {
    font-size: 1.8rem;
}

#stats .counter-item .counter {
    font-size: 3.9rem;
}

#welcome .heading {
    text-align: center;
    padding-top: 4%;
}

#welcome .row {
    padding: 1.5em;
}

#welcome .head {
    font-size: 3.1rem;
}

#welcome .text-box {
    padding: 2em 4em 2em 4em;

}

#welcome .text-box h4 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#welcome .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#welcome .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#welcome .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#welcome .border-box .limit-box .image-box {
    width: 100%;
    height: 100%;
    background-image: url('assets/img/staff.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#welcome .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#welcome .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

/* #welcome  .border-box:hover{
      color: white;
  } */
#welcome .border-box:hover .limit-box .image-box {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#welcome .border-box:hover:before,
#welcome .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}




#working {
    background-color: black;
}

#working .heading {
    text-align: center;
    padding-top: 3%;
    line-height: 5px;
}

#working .head {
    font-size: 3.1rem;
}

#working #banner {
    /* width: 100vw; */
    min-height: 100vh;
    background-image: url('assets/img/airless.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-color: transparent;
    padding: 1em 1.5em;
    margin-top: 2em;

}

#working #banner .small-image {
    display: none;
}

#working #banner #landscapePic {
    display: none;
}

#working #banner button {
    width: 50%;
    background-color: var(--bg4);
    color: var(--font1);
    padding: 1.3em 3.1em;
    border: none;
    border-radius: 2px;
    letter-spacing: 2px;
    transition: all 0.5s;
}

#working #banner #text button {
    font-size: 1rem;
}

#working #banner #text h1 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#working #banner #text p {
    font-size: 1rem;
    text-align: justify;
}

#working #banner button:hover {
    background-color: transparent;
    color: var(--bg4);
    padding: 1.3em 3.1em;
    border: 1px solid var(--font4);
    border-radius: 2px;
    letter-spacing: 3px;
}

#working #banner #text {
    padding: 0.5em 4em;
    margin-top: 10em;
}

#working #banner .fa-angle-right {
    padding-left: 2em;
}

#working .separator {
    color: var(--font8);
    margin: 0 3em;
    /* border: 1px solid var(--font8); */
}

#working #banner2 #text button {
    font-size: 1rem;
}

#working #banner2 {
    /* width: 100vw; */
    min-height: 100vh;
    background-image: url('assets/img/workstop.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-color: transparent;
    padding: 30px;
    /* margin-top: 5rem; */
}

#working #banner2 #landscapePic {
    display: none;
}

#working #banner2 #text h1 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#working #banner2 #text p {
    font-size: 1rem;
    align-items: justify;
}

#working #banner2 .small-image {
    display: none;
}

#working #banner2 button {
    width: 50%;
    background-color: var(--bg4);
    color: var(--font1);
    padding: 1.3em 3.1em;
    border: none;
    border-radius: 2px;
    letter-spacing: 2px;
    transition: all 0.5s;
}

#working #banner2 button:hover {
    background-color: transparent;
    color: var(--bg4);
    padding: 1.3em 3.1em;
    border: 1px solid var(--font4);
    border-radius: 2px;
    letter-spacing: 3px;
}

#working #banner2 #text {
    padding: 0.5em 4em;
    margin-top: 10em;
}

#working #banner2 .fa-angle-right {
    padding-left: 2em;
}

#products .heading {
    text-align: center;
    padding-top: 3%;
    line-height: 5px;
}

#products .head {
    font-size: 3.1em;
}

#products #banner {
    /*max-width: 100vw; */
    height: auto;
    background-image: url('assets/img/services.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-color: transparent;
    padding: 1.6em;
    /* margin-top: 1rem;
      margin-bottom: 1rem; */
    /* margin: 1rem; */
}

#products #banner .small-image2 {
    display: none;
}

#products #banner #text {
    padding: 5px;
    /* margin-top: 5rem; */
}

#products #border-box {
    min-height: 50vh;
    /* border: 4px solid var(--font10); */
    position: relative;
    padding: 1em;
    margin: 2em 6em;
}

#products #border-box1 {
    min-height: 40vh;
    /* border: 4px solid var(--font10); */
    position: relative;
    padding: 1em;
    margin: 2em 6em;
}

#products #border-box #text h1 {
    font-size: 2rem;
}

#products #border-box #text h2 {
    font-size: 1.5rem;
}

#products #border-box #text p {
    font-size: 1rem;
    text-align: justify;
    margin-bottom: 0;
}

#products #border-box1 #text h1 {
    font-size: 2rem;
}

#products #border-box1 #text h2 {
    font-size: 1.5rem;
}

#products #border-box1 #text p {
    font-size: 1rem;
    text-align: justify;
    margin-bottom: 0;
}

#products #border-box1::before {
    content: "";
    width: 8%;
    height: 25%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#products #border-box1::after {
    content: "";
    width: 10%;
    height: 25%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

#products #border-box::before {
    content: "";
    width: 8%;
    height: 25%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#products #border-box::after {
    content: "";
    width: 10%;
    height: 25%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

#products #border-box:hover:before,
#products #border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}

#products #see-more-banner {
    /* width: 100vw; */
    min-height: 40vh;
    /*background-image: url('assets/img/see_more.png');*/
     background-image:linear-gradient(black,black); 
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-color: transparent;
    padding: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

#products #see-more-banner #text {
    /* align-items: center; */
    /*min-height:10rem;*/
    /*padding-top: calc(5%);*/

}

#products #see-more-banner #text button {
    font-size: 1rem;

}

#products #see-more-banner button {
    width: 30%;
    background-color: var(--font4);
    color: var(--font1);
    padding: 1.2em 3.1em;
    border: none;
    border-radius: 2px;
    letter-spacing: 2px;
    transition: all 0.5s;
    /* cursor: pointer; */
}

#products #see-more-banner button:hover {
    background-color: transparent;
    color: var(--font4);
    padding: 1.2em 3.1em;
    border: 1px solid var(--font4);
    border-radius: 2px;
    letter-spacing: 3px;
    transition: all 0.5s;
}

#products #see-more-banner .fa-angle-right {
    padding-left: 1em;
}

#products #border-box1 {
    display: block;
}

#products #smallDevice {
    display: none;
}

#morals #banner {
    /* width: 100vw; */
    height: auto;
    background-image: linear-gradient(black, black);
    padding: 1.5em;
}

#morals #banner .heading {
    text-align: center;
    padding-top: 3%;
    line-height: 5px;
}

#morals #banner .head {
    font-size: 3.1rem;
}

#morals #banner #moral {
    width: 18em;
    height: 22em;
    border: 1px solid var(--font8);
    margin: 2%;
    border-radius: 0.5em;
    transition: 0.1s ease-in-out;
}

#moral h1 {
    padding-top: 4em;

}

#moral svg {
    width: 8em;
    height: 8.4em;
}

#moral path {
    transition: 0.1s ease-in-out;
}

#moral:hover path {
    fill: var(--font4);
}

#moral:hover {
    background-color: var(--bg1);
}

#moral:hover h1 {
    color: var(--font2);
}

#clients .heading {
    text-align: center;
    padding-top: 3%;
    line-height: 5px;
}

#clients .head {
    font-size: 3.1rem;
}

#blogs #banner {
    /* width: 100vw; */
    /* height: 70%; */
    background-image: linear-gradient(black, black);
    padding: 10px;
}

#blogs #banner .head {
    font-size: 3.1rem;
}

#blogs #blogCarousel {
    padding: none !important;

}

#blogs #blogCarousel {
    max-width: 90%;
}

#blogCarousel .item .text h1 {
    font-size: 1.5rem;
}

#blogCarousel .item .text p {
    font-size: 1rem;
}

#blogs .owl-nav .owl-next {
    position: absolute;
    top: calc(50% - 25px);
    right: 0;
    opacity: 1;
    font-size: 1.8rem !important;
    z-index: 1;
    color: #fff;
    border-radius: 0.4em 0 0 0.4em;
    background-color: var(--bg7);
    color: var(--font2);
    /* padding-right: 5px; */
    /* width: 40px; */
}

#blogs .owl-nav .owl-prev {
    position: absolute;
    top: calc(50% - 25px);
    left: 0;
    opacity: 1;
    font-size: 1.8rem !important;
    z-index: 1;
    color: #fff;
    border-radius: 0 0.4em 0.4em 0;
    background-color: var(--bg7);
    color: var(--font2);
    /* width: 60px; */
}

#blogs .owl-nav .owl-next:hover {
    background-color: var(--bg1);
    color: var(--font4);
}

#blogs .owl-nav .owl-prev:hover {
    background-color: var(--bg1);
    color: var(--font4);
}

#blogs .owl-nav .owl-item {
    padding: 0;
}

#blogs #blogCarousel .item {
    margin: 1em;
    max-width: 24em;
    height: auto;
    /*margin: auto;*/
}

#blogs #blogCarousel .text {
    text-align: left;
}

#blogs .fa-angle-left {
    width: 2.4em;
    text-align: center;

}

#blogs .fa-angle-right {
    width: 2.4em;
    text-align: center;
}

#blogCarousel img {
    max-width: 24em;
    margin: auto;
}

#blogCarousel .item #btn {
    padding-top: 3em;
}
#blogCarousel .item #btn a{
    width: 100%;
}

#blogCarousel .item button {
    font-size: 1rem;
}

#blogCarousel .item button {
    width: 100%;
    background-color: var(--bg4);
    color: var(--font1);
    padding: 1.6em 3em;
    border: 1px solid var(--bg4);
    border-radius: 2px;
    letter-spacing: 4px;
    transition: all 0.5s;
    align-self: center;
}

#blogCarousel .item button:hover {
    background-color: transparent;
    color: var(--font4);
    padding: 1.6em 3em;
    border: 1px solid var(--bg4);
    border-radius: 2px;
    letter-spacing: 5px;
}

#reviews #banner {
    /* width: 100vw; */
    height: auto;
    background-image: linear-gradient(var(--bg2), var(--bg2));
    padding: 0.6em;
}

#reviews #banner .head {
    font-size: 3.1rem;
}

#reviews #reviewCarousel {
    height: auto;
    margin: 0.5em;
    padding: 1.5em;
}

#reviews #reviewCarousel .item {
    /* margin: 20px; */
    max-width: 28em;
    margin: auto;
    height: auto;

}

#reviews #reviewCarousel .text {

    height: auto;
    text-align: center;
    color: var(--font8);
}

#reviews #reviewCarousel .text p {
    font-size: 1rem;
    text-align: justify;
    padding: 1em;
}

#reviewCarousel .img {
    width: 9em;
    margin: auto;
    position: relative;
}

#reviewCarousel .img .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);

}

#reviewCarousel .owl-item.active {
    transform: scale(0.8) !important;
    transition: all 0.3ms linear;
}

#reviewCarousel .owl-item.active.center {
    transition: all 0.3ms linear;
    transform: scale(1) !important;
}

#reviewCarousel .owl-item.active.center .img-overlay {
    display: none;
}

#reviewCarousel .owl-item.active.center .text {
    transition: all 0.3ms linear;
    /* color: var(--font1) !important; */
    /* opacity: 1; */
}

#reviewCarousel .owl-item.active.center:hover .text {
    transition: all 0.3ms linear;
    color: var(--font1) !important;
    /* opacity: 1; */
}

#newsletter #banner {
    /* width: 100vw; */
    height: auto;
    background-image: linear-gradient(var(--bg5), var(--bg5));
    /* padding: 10px; */
    padding-left: 1.2em;
    padding-right: 1.2em;
    padding-top: 1.8em;
}

#newsletter #banner #text {
    padding: 1em 3em 3em 8em;
}

#newsletter #banner #text #productSearch {
    padding: 0.8em;
    border: none;
}

#newsletter #banner #text h1 {
    font-size: 2.3rem;
    padding-top: 1.5em;
}

#newsletter #banner #text p {
    font-size: 1.3rem;
}

#newsletter #banner #text #sent {
    font-size: 1rem;
}

/*#newsletter #banner span#success svg{*/
/*    width:21px;*/
/*    height:20px;*/
/*}*/
/*#newsletter #banner span#successful svg{*/
/*    width:21px;*/
/*    height:20px;*/
/*}*/
#newsletter #banner #text .searchBox {
    padding-right: 2em;
    font-size: 1rem;
    /*width: 500px;*/
    height: auto;
}

#newsletter .searchBox .form {
    /* display: flex; */
    /* flex-direction: row; */
}

#newsletter .searchBox .search-field {
    width: 60%;
    padding: 0.8em 0 0.8em 0.8em;
    border: none;
    border-radius: 4px 0 0 4px;
    outline: none;
}

#newsletter #emailSubmit {
    padding-top: 0.6em;
}

#newsletter #emailSubmit button {
    font-size: 1rem;
    float: right;
}

#newsletter #emailSubmit button {
    max-width: 100%;
    background-color: var(--bg4);
    color: var(--font1);
    padding: 0.8em 2.1em;
    border: 1px solid var(--bg4);
    border-radius: 0 4px 4px 0;
    letter-spacing: 2px;
    transition: all 0.5s;
}

#newsletter #emailSubmit button:hover {
    background-color: var(--bg4);
    color: var(--font1);
    padding: 0.8em 2.1em;
    border: 1px solid var(--bg4);
    border-radius: 0 4px 4px 0;
    letter-spacing: 2px;

}

#newsletter .alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    /*margin-top: 3em;*/
}


/* #newsletter .searchBox  .searchButton {*/
/*    background: transparent;*/
/*    border: none;*/
/*    outline: none;*/
/*    margin-left: -40px;*/
/*padding-right: 20px;*/
/*  }*/

/* #newsletter .searchBox  .searchButton svg {*/
/*    width: 27px;*/
/*    height: 27px;*/
/*    object-fit: cover;*/
/*margin-right: 20px;*/
/*  }*/
/* #newsletter #banner #text .searchBox path:hover{*/
/*    fill: var(--font4);*/
/*}*/

#newsletter #letterIcon {
    background-image: url(assets/img/newsletter.png);
    /* background-image: linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 98% 108%;
}

#footer #banner {
    /* width: 100vw; */
    height: auto;
    background-color: var(--bg2);
    background-image: url('assets/img/watermark.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 32rem 30rem;
    /*background-origin: content-box;*/
    padding: 2em 2em 0 2em;
}

#footer #banner .sub-col .logo {
    /*width: 300px;*/
    /*height: 70px;*/
}

#footer .logo {
    display: flex;
    justify-content: center;
}

#footer .sub-col1 h1,
#footer .sub-col2 h1,
#footer .sub-col3 h1,
#footer .sub-col4 h1 {
    font-size: 1.6rem;
    padding-bottom: 0.4em;
}

#footer .sub-col1 p,
#footer .sub-col2 p,
#footer .sub-col3 p,
#footer .sub-col4 p {
    font-size: 1.1rem;
}

#footer .media {
    display: flex;
    justify-content: center;
}

#footer .media svg {
    margin-left: 0.8em;
    margin-top: 1em;
    padding: 2px;
}

#footer .media1 path {
    transition: 0.1s ease-in-out;
}

#footer .media1:hover path {
    fill: var(--font4);
}

#footer .media2:hover path {
    fill: var(--font4);
}

#footer .media3:hover path {
    fill: var(--font4);
}

#footer .media4:hover path {
    fill: var(--font4);
}

#footer #banner .separator {
    color: var(--font8);
    /* padding: 0 10rem; */

}

#footer #banner .sub-col1 a:hover {
    color: var(--font4);
}

#footer #banner .sub-col2 a:hover {
    color: var(--font4);
}

#footer #banner .sub-col3 a:hover {
    color: var(--font4);
}

#footer #banner .sub-col4 a:hover {
    color: var(--font4);
}

#footer #copyright {
    /*background-image:linear-gradient(var(--bg2),var(--bg2));*/
    background-color: transparent;
    color: var(--font1);
    padding-top: 1em;
    font-size: 1rem;
}

#footer #copyright .left {
    float: left;
}

#footer #copyright .right {
    float: right;
}


#footer #copyright hr {
    color: var(--font8);
    padding: 0 1em;
}


.scroll {
    font-size: 2.5rem;
    color: var(--font4);
    /* padding-top: 1em; */
    padding-right: 2em;
    text-align: right;

}

#scroll-top {
    cursor: pointer;
}




/*----footer 1 ----*/
#footer1 #banner {
    /* width: 100vw; */
    height: auto;
    background-color: var(--bg2);
    background-image: url('assets/img/watermark.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 30rem 30rem;
    /*background-origin: content-box;*/
    padding: 2em 2em 0 2em;
}
#footer1 #copyright {
    /*background-image:linear-gradient(var(--bg2),var(--bg2));*/
    background-color: transparent;
    color: var(--font1);
    padding-top: 1em;
    font-size: 1rem;
}
#footer1 .logo {
    display: flex;
    justify-content: center;
    padding-top: 6em;
}

#footer1 .sub-col1 h1,
#footer1 .sub-col2 h1
 {
    font-size: 2rem;
    padding-bottom: 0.4em;
}
#footer1 .sub-col1 h4 a,
#footer1 .sub-col2 h4 a
 {
    font-size: 1.3rem;
    padding-bottom: 0.4em;
    color: var(--font4);
}

#footer1 .sub-col1 p,
#footer1 .sub-col2 p {
    font-size: 0.9rem;
    margin-bottom: 0.2rem;
}
#footer1 .sub-col1 p a:hover,
#footer1 .sub-col2 p a:hover
 {
    font-size: 0.9rem;
    color: var(--font4);
}

#footer1 .media {
    display: flex;
    justify-content: center;
}

#footer1 .media svg {
    margin-left: 0.8em;
    margin-top: 1em;
    padding: 2px;
}

#footer1 .media1 path {
    transition: 0.1s ease-in-out;
}

#footer1 .media1:hover path {
    fill: var(--font4);
}

#footer1 .media2:hover path {
    fill: var(--font4);
}

#footer1 .media3:hover path {
    fill: var(--font4);
}

#footer1 .media4:hover path {
    fill: var(--font4);
}

#footer1 #copyright .left {
    float: left;
}

#footer1 #copyright .right {
    float: right;
}
#footer1 #copyright{
    font-size: 1rem;
}

#footer1 #copyright hr {
    color: var(--font8);
    padding: 0 1em;
}
.scroll {
    font-size: 2.5rem;
    color: var(--font4);
    /* padding-top: 1em; */
    padding-right: 4em;
    text-align: right;
    /* margin: auto; */

}

#scroll-top {
    cursor: pointer;
}
.whatsApp{
    position: fixed;
    bottom: 3em;
    right: 1em;
}

/*-------footer ends here----------------*/



/*---------- portableBlaster starts here -------------*/

#head #banner3 {
    /* width: 100vw; */
    min-height: 88vh;
    background-image: url('assets/img/banner_image2.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 5em;
}

#head #banner3 #text {
    padding-bottom: 4.5em;
}

#head #banner3 #text h1 {
    font-size: 3.1rem;
}

#head #banner3 #text p {
    font-size: 1.3rem;
}

#portableBlaster .heading {
    text-align: center;
    padding-top: 3%;
}

#portableBlaster .row {
    padding: 30px;
}

::marker {
    color: var(--font4);
    font-weight: bold;
    font-size: 2rem;
}

#portableBlaster .border-box {

    height: 80vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 2rem;
    position: relative;
    overflow: hidden
}

#portableBlaster .text-box {
    padding: 2em 4em 2em 4em;
}

#portableBlaster .text-box h2 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#portableBlaster .text-box h4 {
    font-size: 1.6rem;
}

#portableBlaster .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#portableBlaster .text-box ul {
    font-size: 1.4rem;
}

#portableBlaster .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#portableBlaster .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#portableBlaster .border-box .limit-box .image-box#img1 {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url('assets/img/Asset 1.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90% 90%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#portableBlaster .border-box .limit-box .image-box#img2 {
    width: 100%;
    height: 100%;
    background-image: url('assets/img/sbCabinet.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% 100%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#portableBlaster .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#portableBlaster .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

/* #welcome  .border-box:hover{
    color: white;
} */
#portableBlaster .border-box:hover .limit-box .image-box#img1 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#portableBlaster .border-box:hover .limit-box .image-box#img2 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#portableBlaster .border-box:hover:before,
#portableBlaster .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}


#portableBlaster #charts h1 {
    font-size: 3.1vw;
}

#table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#portableBlaster #specification h1 {
    font-size: 3.1vw;
}

#specification #table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#specification #table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#specification #table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#table2 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table2 th,
td {
    text-align: left;
    padding: 8px;
}

#table2 tr:first-child {
    background-color: #f2f2f2
}

#charts #table2 {
    display: none;
}

#charts #table3 {
    display: block;
}

#charts #table3 .pagination {
    font-size: 0.8rem;
}



/*----------portableBlaster page ends ----------------------*/


/*---------- CabinetSBM starts here -------------*/

#head #banner4 {
    /* width: 100vw; */
    min-height: 88vh;
    background-image: url('assets/img/banner_image2.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 5em;
}

#head #banner4 #text {
    padding-bottom: 4.5em;
}

#head #banner4 #text h1 {
    font-size: 3.1rem;
}

#head #banner4 #text p {
    font-size: 1.3rem;
}

#portableBlaster .heading {
    text-align: center;
    padding-top: 3%;
}

#portableBlaster .row {
    padding: 30px;
}

::marker {
    color: var(--font4);
    font-weight: bold;
    font-size: 2rem;
}

#cabinetSBM .border-box {

    height: 80vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 2rem;
    position: relative;
    overflow: hidden
}

#cabinetSBM .text-box {
    padding: 2em 4em 2em 4em;
}

#cabinetSBM .text-box h2 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#cabinetSBM .text-box h4 {
    font-size: 1.6rem;
}

#cabinetSBM .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#cabinetSBM .text-box ul {
    font-size: 1.4rem;
}

#cabinetSBM .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#cabinetSBM .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#cabinetSBM .border-box .limit-box .image-box#img1 {
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.3); */
    background-image: url('assets/img/Shot blasting SBC.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% 70%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#cabinetSBM .border-box .limit-box .image-box#img2 {
    width: 100%;
    height: 100%;
    background-image: url('assets/img/Shot blasting PBC.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% 70%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#cabinetSBM .border-box .limit-box .image-box#img3 {
    width: 100%;
    height: 100%;
    background-image: url('assets/img/Shot blasting WBC.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% 70%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#cabinetSBM .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#cabinetSBM .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

#cabinetSBM .border-box:hover .limit-box .image-box#img1 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#cabinetSBM .border-box:hover .limit-box .image-box#img2 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#cabinetSBM .border-box:hover .limit-box .image-box#img3 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#cabinetSBM .border-box:hover:before,
#cabinetSBM .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}


#cabinetSBM #charts h1 {
    font-size: 3.1vw;
}

#table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#cabinetSBM #specification h1 {
    font-size: 3.1vw;
}

#specification #table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#specification #table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#specification #table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#table2 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table2 th,
td {
    text-align: left;
    padding: 8px;
}

#table2 tr:first-child {
    background-color: #f2f2f2
}

#charts #table2 {
    display: none;
}

#charts #table3 {
    display: block;
}

#charts #table3 .pagination {
    font-size: 0.8rem;
}

/*----more products---*/

#productDisplay #banner {
    padding: 10px;
}

#productDisplay #banner .head {
    font-size: 3.1rem;
    color: var(--font2);
}

#productDisplay #productCarousel {
    padding: 2em 2em;
    max-width: auto;

}

#productDisplay #productCarousel .item {

    margin: 4px;
    border: 1px solid #ccc;
    float: left;
    max-width: 16em;
    min-height: 22em;
    border-radius: 4px;

}

/* #productDisplay #productCarousel .item img{
 display: block;
 place-items: center;
} */

#productDisplay #productCarousel .item img {

    width: 100%;
    height: 14em;
    border-radius: 4px 4px 0 0;

}
#productDisplay #productCarousel .item .image:hover {
    cursor: pointer;
}

#productDisplay #productCarousel .text {
    /* font-size: rem; */
    padding: 1em;
    text-align: center;
}

#productDisplay #productCarousel .text h4 {
    font-size: 1.4rem;
}

.owl-carousel {
    display: block;
    width: 100%;
    z-index: 1;
}

#productDisplay #productCarousel .owl-nav .owl-next {
    position: absolute;
    top: calc(50% - 25px);
    right: 0;
    opacity: 1;
    font-size: 1.8rem !important;
    z-index: 1;
    color: var(--bg4);
    border-radius: 0.4em 0 0 0.4em;
    background-color: var(--bg7);
    color: var(--font2);
    /* padding-right: 5px; */
    /* width: 40px; */
}

#productDisplay #productCarousel .owl-nav .owl-prev {
    position: absolute;
    top: calc(50% - 25px);
    left: 0;
    opacity: 1;
    font-size: 1.8rem !important;
    z-index: 1;
    color: var(--bg4);
    border-radius: 0 0.4em 0.4em 0;
    background-color: var(--bg7);
    color: var(--font2);
    /* width: 60px; */
}

#productDisplay #productCarousel .owl-nav .owl-next:hover {
    background-color: var(--bg1);
    color: var(--font4);
}

#productDisplay #productCarousel .owl-nav .owl-prev:hover {
    background-color: var(--bg1);
    color: var(--font4);
}

/* #productDisplay .popUp-image{
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.9);
    height: 100%;
    width: 100%;
    z-index: 100;
}
#productDisplay .popUp-image span{
    position: absolute;
    top: 1.5em;
  
    font-size: 3rem;
    font-weight: bolder;
    color: #fff;
    cursor: pointer;
    z-index: 100;
}
#productDisplay .popUp-image img{
    position: absolute;
    top: 20em;

    transform: translate(-50% ,-50%);
 
    object-fit: cover;
}
@media (max-width:768px){
    #productDisplay .popUp-image img{
        width: 95%;
    }

} */

/*----------cabinetSBM page ends ----------------------*/

/*---------- SBcabinet starts here -------------*/

#head #banner5 {
    /* width: 100vw; */
    min-height: 88vh;
    background-image: url('assets/img/banner_image2.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 5em;
}

#head #banner5 #text {
    padding-bottom: 4.5em;
}

#head #banner5 #text h1 {
    font-size: 3.1rem;
}

#head #banner5 #text p {
    font-size: 1.3rem;
}

#portableBlaster .heading {
    text-align: center;
    padding-top: 3%;
}

#portableBlaster .row {
    padding: 30px;
}

::marker {
    color: var(--font4);
    font-weight: bold;
    font-size: 2rem;
}

#sbCabinet .border-box {

    height: 80vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 2rem;
    position: relative;
    overflow: hidden
}

#sbCabinet .text-box {
    padding: 2em 4em 2em 4em;
}

#sbCabinet .text-box h2 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#sbCabinet .text-box h4 {
    font-size: 1.6rem;
}

#sbCabinet .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#sbCabinet .text-box ul {
    font-size: 1.4rem;
}

#sbCabinet .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#sbCabinet .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#sbCabinet .border-box .limit-box .image-box#img1 {
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.3); */
    background-image: url('assets/img/Shot blasting SBC.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% 70%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#sbCabinet .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#sbCabinet .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

#sbCabinet .border-box:hover .limit-box .image-box#img1 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#sbCabinet .border-box:hover:before,
#sbCabinet .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}


#sbCabinet #charts h1 {
    font-size: 3.1vw;
}

#table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#sbCabinet #specification h1 {
    font-size: 3.1vw;
}

#specification #table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#specification #table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#specification #table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#table2 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table2 th,
td {
    text-align: left;
    padding: 8px;
}

#table2 tr:first-child {
    background-color: #f2f2f2
}

#charts #table2 {
    display: none;
}

#charts #table3 {
    display: block;
}

#charts #table3 .pagination {
    font-size: 0.8rem;
}

/*----------SBcabinet page ends ----------------------*/
/*---------- PBcabinet starts here -------------*/

#head #banner6 {
    /* width: 100vw; */
    min-height: 88vh;
    background-image: url('assets/img/banner_image2.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 5em;
}

#head #banner6 #text {
    padding-bottom: 4.5em;
}

#head #banner6 #text h1 {
    font-size: 3.1rem;
}

#head #banner6 #text p {
    font-size: 1.3rem;
}

#portableBlaster .heading {
    text-align: center;
    padding-top: 3%;
}

#portableBlaster .row {
    padding: 30px;
}

::marker {
    color: var(--font4);
    font-weight: bold;
    font-size: 2rem;
}

#pbCabinet .border-box {

    height: 80vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 2rem;
    position: relative;
    overflow: hidden
}

#pbCabinet .text-box {
    padding: 2em 4em 2em 4em;
}

#pbCabinet .text-box h2 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#pbCabinet .text-box h4 {
    font-size: 1.6rem;
}

#sbCabinet .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#pbCabinet .text-box ul {
    font-size: 1.4rem;
}

#pbCabinet .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#pbCabinet .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#pbCabinet .border-box .limit-box .image-box#img1 {
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.3); */
    background-image: url('assets/img/Shot blasting PBC.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% 70%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#pbCabinet .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#pbCabinet .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

#pbCabinet .border-box:hover .limit-box .image-box#img1 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#pbCabinet .border-box:hover:before,
#pbCabinet .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}


#pbCabinet #charts h1 {
    font-size: 3.1vw;
}

#table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#pbCabinet #specification h1 {
    font-size: 3.1vw;
}

#specification #table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#specification #table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#specification #table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#table2 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table2 th,
td {
    text-align: left;
    padding: 8px;
}

#table2 tr:first-child {
    background-color: #f2f2f2
}

#charts #table2 {
    display: none;
}

#charts #table3 {
    display: block;
}

#charts #table3 .pagination {
    font-size: 0.8rem;
}

/*----------PBcabinet page ends ----------------------*/
/*---------- WBcabinet starts here -------------*/

#head #banner7 {
    /* width: 100vw; */
    min-height: 88vh;
    background-image: url('assets/img/banner_image2.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 5em;
}

#head #banner7 #text {
    padding-bottom: 4.5em;
}

#head #banner7 #text h1 {
    font-size: 3.1rem;
}

#head #banner7 #text p {
    font-size: 1.3rem;
}

#portableBlaster .heading {
    text-align: center;
    padding-top: 3%;
}

#portableBlaster .row {
    padding: 30px;
}

::marker {
    color: var(--font4);
    font-weight: bold;
    font-size: 2rem;
}

#wbCabinet .border-box {

    height: 80vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 2rem;
    position: relative;
    overflow: hidden
}

#wbCabinet .text-box {
    padding: 2em 4em 2em 4em;
}

#wbCabinet .text-box h2 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#wbCabinet .text-box h4 {
    font-size: 1.6rem;
}

#wbCabinet .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#wbCabinet .text-box ul {
    font-size: 1.4rem;
}

#wbCabinet .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#wbCabinet .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#wbCabinet .border-box .limit-box .image-box#img1 {
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.3); */
    background-image: url('assets/img/Shot blasting WBC.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% 70%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#wbCabinet .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#wbCabinet .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

#wbCabinet .border-box:hover .limit-box .image-box#img1 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#wbCabinet .border-box:hover:before,
#wbCabinet .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}


#wbCabinet #charts h1 {
    font-size: 3.1vw;
}

#table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#wbCabinet #specification h1 {
    font-size: 3.1vw;
}

#specification #table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#specification #table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#specification #table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#table2 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table2 th,
td {
    text-align: left;
    padding: 8px;
}

#table2 tr:first-child {
    background-color: #f2f2f2
}

#charts #table2 {
    display: none;
}

#charts #table3 {
    display: block;
}

#charts #table3 .pagination {
    font-size: 0.8rem;
}

/*----------WBcabinet page ends ----------------------*/

/*---------- dustCollector starts here -------------*/

#head #banner8 {
    /* width: 100vw; */
    min-height: 88vh;
    background-image: url('assets/img/banner_image2.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 5em;
}

#head #banner8 #text {
    padding-bottom: 4.5em;
}

#head #banner8 #text h1 {
    font-size: 3.1rem;
}

#head #banner8 #text p {
    font-size: 1.3rem;
}

#portableBlaster .heading {
    text-align: center;
    padding-top: 3%;
}

#portableBlaster .row {
    padding: 30px;
}

::marker {
    color: var(--font4);
    font-weight: bold;
    font-size: 2rem;
}

#dustCollector .border-box {

    height: 80vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 2rem;
    position: relative;
    overflow: hidden
}

#dustCollector .text-box {
    padding: 2em 4em 2em 4em;
}

#dustCollector .text-box h2 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#dustCollector .text-box h4 {
    font-size: 1.6rem;
}

#dustCollector .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#dustCollector .text-box ul {
    font-size: 1.4rem;
}

#dustCollector .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#dustCollector .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#dustCollector .border-box .limit-box .image-box#img1 {
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.3); */
    background-image: url('assets/img/dust collector.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% 70%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#dustCollector .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#dustCollector .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

#dustCollector .border-box:hover .limit-box .image-box#img1 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#dustCollector .border-box:hover:before,
#dustCollector .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}


#dustCollector #charts h1 {
    font-size: 3.1vw;
}

#table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#dustCollector #specification h1 {
    font-size: 3.1vw;
}

#specification #table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#specification #table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#specification #table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#table2 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table2 th,
td {
    text-align: left;
    padding: 8px;
}

#table2 tr:first-child {
    background-color: #f2f2f2
}

#charts #table2 {
    display: none;
}

#charts #table3 {
    display: block;
}

#charts #table3 .pagination {
    font-size: 0.8rem;
}

/*----------dustCollector page ends ----------------------*/

/*---------- cdCollector starts here -------------*/

#head #banner9 {
    /* width: 100vw; */
    min-height: 88vh;
    background-image: url('assets/img/banner_image2.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 5em;
}

#head #banner9 #text {
    padding-bottom: 4.5em;
}

#head #banner9 #text h1 {
    font-size: 3.1rem;
}

#head #banner9 #text p {
    font-size: 1.3rem;
}

#portableBlaster .heading {
    text-align: center;
    padding-top: 3%;
}

#portableBlaster .row {
    padding: 30px;
}

::marker {
    color: var(--font4);
    font-weight: bold;
    font-size: 2rem;
}

#cdCollector .border-box {

    height: 80vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 2rem;
    position: relative;
    overflow: hidden
}

#cdCollector .text-box {
    padding: 2em 4em 2em 4em;
}

#cdCollector .text-box h2 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#cdCollector .text-box h4 {
    font-size: 1.6rem;
}

#cdCollector .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#cdCollector .text-box ul {
    font-size: 1.4rem;
}

#cdCollector .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#cdCollector .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#cdCollector .border-box .limit-box .image-box#img1 {
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.3); */
    background-image: url('assets/img/dust collector.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% 70%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#cdCollector .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#cdCollector .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

#cdCollector .border-box:hover .limit-box .image-box#img1 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#cdCollector .border-box:hover:before,
#cdCollector .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}


#cdCollector #charts h1 {
    font-size: 3.1vw;
}

#table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#cdCollector #specification h1 {
    font-size: 3.1vw;
}

#specification #table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#specification #table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#specification #table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#table2 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table2 th,
td {
    text-align: left;
    padding: 8px;
}

#table2 tr:first-child {
    background-color: #f2f2f2
}

#charts #table2 {
    display: none;
}

#charts #table3 {
    display: block;
}

#charts #table3 .pagination {
    font-size: 0.8rem;
}

/*----------cdCollector page ends ----------------------*/

/*---------- pjdCollector starts here -------------*/

#head #banner10 {
    /* width: 100vw; */
    min-height: 88vh;
    background-image: url('assets/img/banner_image2.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 5em;
}

#head #banner10 #text {
    padding-bottom: 4.5em;
}

#head #banner10 #text h1 {
    font-size: 3.1rem;
}

#head #banner10 #text p {
    font-size: 1.3rem;
}

#portableBlaster .heading {
    text-align: center;
    padding-top: 3%;
}

#portableBlaster .row {
    padding: 30px;
}

::marker {
    color: var(--font4);
    font-weight: bold;
    font-size: 2rem;
}

#pjdCollector .border-box {

    height: 80vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 2rem;
    position: relative;
    overflow: hidden
}

#pjdCollector .text-box {
    padding: 2em 4em 2em 4em;
}

#pjdCollector .text-box h2 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#pjdCollector .text-box h4 {
    font-size: 1.6rem;
}

#pjdCollector .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#pjdCollector .text-box ul {
    font-size: 1.4rem;
}

#pjdCollector .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#pjdCollector .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#pjdCollector .border-box .limit-box .image-box#img1 {
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.3); */
    background-image: url('assets/img/pjd collector.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% 70%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#pjdCollector .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#pjdCollector .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

#pjdCollector .border-box:hover .limit-box .image-box#img1 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#pjdCollector .border-box:hover:before,
#pjdCollector .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}


#pjdCollector #charts h1 {
    font-size: 3.1vw;
}

#table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#pjdCollector #specification h1 {
    font-size: 3.1vw;
}

#specification #table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#specification #table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#specification #table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#table2 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table2 th,
td {
    text-align: left;
    padding: 8px;
}

#table2 tr:first-child {
    background-color: #f2f2f2
}

#charts #table2 {
    display: none;
}

#charts #table3 {
    display: block;
}

#charts #table3 .pagination {
    font-size: 0.8rem;
}

/*----------pjdCollector page ends ----------------------*/

/*----------PSB starts here -------------*/

#head #banner17 {
    /* width: 100vw; */
    min-height: 88vh;
    background-image: url('assets/img/banner_image2.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 5em;
}

#head #banner17 #text {
    padding-bottom: 4.5em;
}

#head #banner17 #text h1 {
    font-size: 3.1rem;
}

#head #banner17 #text p {
    font-size: 1.3rem;
}

#portableBlaster .heading {
    text-align: center;
    padding-top: 3%;
}

#portableBlaster .row {
    padding: 30px;
}

::marker {
    color: var(--font4);
    font-weight: bold;
    font-size: 2rem;
}

#paintSB .border-box {

    height: 80vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 2rem;
    position: relative;
    overflow: hidden
}

#paintSB .text-box {
    padding: 2em 4em 2em 4em;
}

#paintSB .text-box h2 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#paintSB .text-box h4 {
    font-size: 1.6rem;
}

#paintSB .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#paintSB .text-box ul {
    font-size: 1.4rem;
}

#paintSB .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#paintSB .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#paintSB .border-box .limit-box .image-box#img1 {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url('assets/img/down draft dry paint.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% 50%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#paintSB .border-box .limit-box .image-box#img2 {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url('assets/img/semi down draft.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% 50%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#paintSB .border-box .limit-box .image-box#img3 {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url('assets/img/end draft dry.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% 50%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#paintSB .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#paintSB .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

#paintSB .border-box:hover .limit-box .image-box#img1 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#paintSB .border-box:hover .limit-box .image-box#img2 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#paintSB .border-box:hover .limit-box .image-box#img3 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#paintSB .border-box:hover:before,
#paintSB .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}


#paintSB #charts h1 {
    font-size: 3.1vw;
}

#table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#cabinetSBM #specification h1 {
    font-size: 3.1vw;
}

#specification #table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#specification #table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#specification #table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#table2 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table2 th,
td {
    text-align: left;
    padding: 8px;
}

#table2 tr:first-child {
    background-color: #f2f2f2
}

#charts #table2 {
    display: none;
}

#charts #table3 {
    display: block;
}

#charts #table3 .pagination {
    font-size: 0.8rem;
}

/*----more products---*/

#productDisplay #banner {
    padding: 10px;
}

#productDisplay #banner .head {
    font-size: 3.1rem;
    color: var(--font2);
}

#productDisplay #productCarousel {
    padding: 2em 2em;
    max-width: auto;

}

#productDisplay #productCarousel .item {

    margin: 4px;
    border: 1px solid #ccc;
    float: left;
    max-width: 16em;
    min-height: 22em;
    border-radius: 4px;

}

/* #productDisplay #productCarousel .item img{
 display: block;
 place-items: center;
} */

#productDisplay #productCarousel .item img {

    width: 100%;
    height: 14em;
    border-radius: 4px 4px 0 0;

}
#productDisplay #productCarousel .item .image:hover {
    cursor: pointer;
}

#productDisplay #productCarousel .text {
    /* font-size: rem; */
    padding: 1em;
    text-align: center;
}

#productDisplay #productCarousel .text h4 {
    font-size: 1.4rem;
}

.owl-carousel {
    display: block;
    width: 100%;
    z-index: 1;
}

#productDisplay #productCarousel .owl-nav .owl-next {
    position: absolute;
    top: calc(50% - 25px);
    right: 0;
    opacity: 1;
    font-size: 1.8rem !important;
    z-index: 1;
    color: var(--bg4);
    border-radius: 0.4em 0 0 0.4em;
    background-color: var(--bg7);
    color: var(--font2);
    /* padding-right: 5px; */
    /* width: 40px; */
}

#productDisplay #productCarousel .owl-nav .owl-prev {
    position: absolute;
    top: calc(50% - 25px);
    left: 0;
    opacity: 1;
    font-size: 1.8rem !important;
    z-index: 1;
    color: var(--bg4);
    border-radius: 0 0.4em 0.4em 0;
    background-color: var(--bg7);
    color: var(--font2);
    /* width: 60px; */
}

#productDisplay #productCarousel .owl-nav .owl-next:hover {
    background-color: var(--bg1);
    color: var(--font4);
}

#productDisplay #productCarousel .owl-nav .owl-prev:hover {
    background-color: var(--bg1);
    color: var(--font4);
}

#productDisplay .modal{
   
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        padding-top: 100px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.9); /* Black w/ opacity */

}
#productDisplay .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
  }
  /* Caption of Modal Image */
#productDisplay #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
  }
  /* The Close Button */
#productDisplay .close {
    position: absolute;
    top: 12%;
    right: 2%;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }
  
  #productDisplay .close:hover,
  #productDisplay .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }
  

/*----------PSB page ends ----------------------*/

/*---------- downDraftPSB starts here -------------*/

#head #banner11 {
    /* width: 100vw; */
    min-height: 88vh;
    background-image: url('assets/img/banner_image2.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 5em;
}

#head #banner11 #text {
    padding-bottom: 4.5em;
}

#head #banner11 #text h1 {
    font-size: 3.1rem;
}

#head #banner11 #text p {
    font-size: 1.3rem;
}

#portableBlaster .heading {
    text-align: center;
    padding-top: 3%;
}

#portableBlaster .row {
    padding: 30px;
}

::marker {
    color: var(--font4);
    font-weight: bold;
    font-size: 2rem;
}

#downDraftPSB .border-box {

    height: 80vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 2rem;
    position: relative;
    overflow: hidden
}

#downDraftPSB .text-box {
    padding: 2em 4em 2em 4em;
}

#downDraftPSB .text-box h2 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#downDraftPSB .text-box h4 {
    font-size: 1.6rem;
}

#downDraftPSB .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#downDraftPSB .text-box ul {
    font-size: 1.4rem;
}

#downDraftPSB .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#downDraftPSB .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#downDraftPSB .border-box .limit-box .image-box#img1 {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url('assets/img/down draft dry paint.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% 50%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#downDraftPSB .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#downDraftPSB .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

#downDraftPSB .border-box:hover .limit-box .image-box#img1 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#downDraftPSB .border-box:hover:before,
#downDraftPSB .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}


#downDraftPSB #charts h1 {
    font-size: 3.1vw;
}

#table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#downDraftPSB #specification h1 {
    font-size: 3.1vw;
}

#specification #table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#specification #table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#specification #table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#table2 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table2 th,
td {
    text-align: left;
    padding: 8px;
}

#table2 tr:first-child {
    background-color: #f2f2f2
}

#charts #table2 {
    display: none;
}

#charts #table3 {
    display: block;
}

#charts #table3 .pagination {
    font-size: 0.8rem;
}

/*----------downDraftPSB page ends ----------------------*/

/*---------- semiDownPSB starts here -------------*/

#head #banner12 {
    /* width: 100vw; */
    min-height: 88vh;
    background-image: url('assets/img/banner_image2.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 5em;
}

#head #banner12 #text {
    padding-bottom: 4.5em;
}

#head #banner12 #text h1 {
    font-size: 3.1rem;
}

#head #banner12 #text p {
    font-size: 1.3rem;
}

#portableBlaster .heading {
    text-align: center;
    padding-top: 3%;
}

#portableBlaster .row {
    padding: 30px;
}

::marker {
    color: var(--font4);
    font-weight: bold;
    font-size: 2rem;
}

#semiDownPSB .border-box {

    height: 80vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 2rem;
    position: relative;
    overflow: hidden
}

#semiDownPSB .text-box {
    padding: 2em 4em 2em 4em;
}

#semiDownPSB .text-box h2 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#semiDownPSB .text-box h4 {
    font-size: 1.6rem;
}

#semiDownPSB .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#semiDownPSB .text-box ul {
    font-size: 1.4rem;
}

#semiDownPSB .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#semiDownPSB .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#semiDownPSB .border-box .limit-box .image-box#img1 {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url('assets/img/semi down draft.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% 50%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#semiDownPSB .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#semiDownPSB .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

#semiDownPSB .border-box:hover .limit-box .image-box#img1 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#semiDownPSB .border-box:hover:before,
#semiDownPSB .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}


#semiDownPSB #charts h1 {
    font-size: 3.1vw;
}

#table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#semiDownPSB #specification h1 {
    font-size: 3.1vw;
}

#specification #table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#specification #table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#specification #table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#table2 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table2 th,
td {
    text-align: left;
    padding: 8px;
}

#table2 tr:first-child {
    background-color: #f2f2f2
}

#charts #table2 {
    display: none;
}

#charts #table3 {
    display: block;
}

#charts #table3 .pagination {
    font-size: 0.8rem;
}

/*----------semiDownPSB page ends ----------------------*/

/*---------- endDraftPSB starts here -------------*/

#head #banner13 {
    /* width: 100vw; */
    min-height: 88vh;
    background-image: url('assets/img/banner_image2.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 5em;
}

#head #banner13 #text {
    padding-bottom: 4.5em;
}

#head #banner13 #text h1 {
    font-size: 3.1rem;
}

#head #banner13 #text p {
    font-size: 1.3rem;
}

#portableBlaster .heading {
    text-align: center;
    padding-top: 3%;
}

#portableBlaster .row {
    padding: 30px;
}

::marker {
    color: var(--font4);
    font-weight: bold;
    font-size: 2rem;
}

#endDraftPSB .border-box {

    height: 80vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 2rem;
    position: relative;
    overflow: hidden
}

#endDraftPSB .text-box {
    padding: 2em 4em 2em 4em;
}

#endDraftPSB .text-box h2 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#endDraftPSB .text-box h4 {
    font-size: 1.6rem;
}

#endDraftPSB .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#endDraftPSB .text-box ul {
    font-size: 1.4rem;
}

#endDraftPSB .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#endDraftPSB .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#endDraftPSB .border-box .limit-box .image-box#img1 {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url('assets/img/end draft dry.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% 50%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#endDraftPSB .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#endDraftPSB .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

#endDraftPSB .border-box:hover .limit-box .image-box#img1 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#endDraftPSB .border-box:hover:before,
#endDraftPSB .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}


#endDraftPSB #charts h1 {
    font-size: 3.1vw;
}

#table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#endDraftPSB #specification h1 {
    font-size: 3.1vw;
}

#specification #table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#specification #table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#specification #table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#table2 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table2 th,
td {
    text-align: left;
    padding: 8px;
}

#table2 tr:first-child {
    background-color: #f2f2f2
}

#charts #table2 {
    display: none;
}

#charts #table3 {
    display: block;
}

#charts #table3 .pagination {
    font-size: 0.8rem;
}

/*----------endDraftPSB page ends ----------------------*/

/*---------- blastRoomEnclosure starts here -------------*/

#head #banner14 {
    /* width: 100vw; */
    min-height: 88vh;
    background-image: url('assets/img/banner_image2.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 5em;
}

#head #banner14 #text {
    padding-bottom: 4.5em;
}

#head #banner14 #text h1 {
    font-size: 3.1rem;
}

#head #banner14 #text p {
    font-size: 1.3rem;
}

#product3 .heading {
    text-align: center;
    padding-top: 3%;
}

#product3 .row {
    padding: 30px;
}

::marker {
    color: var(--font4);
    font-weight: bold;
    font-size: 2rem;
}

#blastRoomEnclosure .border-box {

    height: 80vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 2rem;
    position: relative;
    overflow: hidden
}

#blastRoomEnclosure .text-box {
    padding: 2em 4em 2em 4em;
}

#blastRoomEnclosure .text-box h2 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#blastRoomEnclosure .text-box h4 {
    font-size: 1.6rem;
}

#blastRoomEnclosure .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#blastRoomEnclosure .text-box ul {
    font-size: 1.4rem;
}

#blastRoomEnclosure .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#blastRoomEnclosure .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#blastRoomEnclosure .border-box .limit-box .image-box#img1 {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url('assets/img/blast room enclosure.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% 70%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#blastRoomEnclosure .border-box .limit-box .image-box#img2 {
    width: 100%;
    height: 100%;
    background-image: url('assets/img/sbCabinet.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% 100%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#blastRoomEnclosure .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#blastRoomEnclosure .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

/* #welcome  .border-box:hover{
        color: white;
    } */
#blastRoomEnclosure .border-box:hover .limit-box .image-box#img1 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#blastRoomEnclosure .border-box:hover .limit-box .image-box#img2 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#blastRoomEnclosure .border-box:hover:before,
#blastRoomEnclosure .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}


#blastRoomEnclosure #charts h1 {
    font-size: 3.1vw;
}

#table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#blastRoomEnclosure #specification h1 {
    font-size: 3.1vw;
}

#specification #table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#specification #table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#specification #table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#table2 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table2 th,
td {
    text-align: left;
    padding: 8px;
}

#table2 tr:first-child {
    background-color: #f2f2f2
}

#charts #table2 {
    display: none;
}

#charts #table3 {
    display: block;
}

#charts #table3 .pagination {
    font-size: 0.8rem;
}

/*----------blastRoomEnclosure page ends ----------------------*/

/*----------spare parts starts-----------*/
#head #banner15 {
    /* width: 100vw; */
    min-height: 88vh;
    background-image: url('assets/img/banner_image2.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 5em;
}

#head #banner15 #text {
    padding-bottom: 4.5em;
}

#head #banner15 #text h1 {
    font-size: 3.1rem;
}

#head #banner15 #text p {
    font-size: 1.3rem;
}

#spareParts {
    /* background-color: var(--bg3); */
    padding: 4em 2em;
}

/* #spareParts .separator{
        margin: auto;
        margin-top: 1em;
        margin-bottom: 2em;
        color: inherit;
        background-color: var(--font11);
        border: 0;
        opacity: 1;
        width: 20%;
    } */
#spareParts .head {
    font-size: 3rem;
    color: var(--font2);
    text-align: center;
    /* padding: 1em 3em; */
    /* margin: 0 1em; */
    padding-top: 1em;
    padding-bottom: 1em;
}

#spareParts .parts {
    max-width: 22%;
    text-align: center;
    background-color: var(--bg1);
    margin: 1em 1em;
    border-radius: 0.5em;

}

#spareParts .parts #image {
    margin-top: 2em;
}

#spareParts .parts img {

    width: 10em;
    height: auto;
}

#spareParts .parts .img {
    width: 100%;
    max-width: 10em;
    height: 10em;
    display: block;
    margin: auto;
    /* border: 2px solid var(--bg3); */
    border-radius: 5px;
}

#spareParts .parts .text {
    padding: 1em 2em;
    text-align: center;
}

#spareParts .parts .text h2 {
    font-size: 1.2rem;
    /* padding: 1em 0; */
}

#spareParts .parts .text p {
    padding: 1em 0;
    font-size: 0.8rem;
    color: var(--font9);

}

/*-----------spare parts end----------*/

/*---------- blogPage starts here -------------*/

#head #banner18 {
    /* width: 100vw; */
    min-height: 70vh;
    background-image: url('assets/img/blog_image.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 6em;
    padding-bottom: 4em;
}

#head #banner18 #text {
    padding-bottom: 0.4em;
}

#head #banner18 #text h1 {
    font-size: 3.1rem;
}

#head #banner18 #text p {
    font-size: 1.3rem;
}

#portableBlaster .heading {
    text-align: center;
    padding-top: 3%;
}

#portableBlaster .row {
    padding: 30px;
}

::marker {
    color: var(--font4);
    font-weight: bold;
    font-size: 2rem;
}
#blogSearch{
    padding: 1em 10em 0 10em;
}
#subBlogs{
    /* padding: 1em 18em; */
    font-size: 1rem;
}

#subBlogs .arrow{
    width: 1em;
    height: 1em;
    border-radius: 50%;
    border: 1px solid var(--bg1);
    padding: 0 0.4em;
}
#subBlogs .btn{
    color: var(--font1);
    font-size: 1rem;
}

#blog0:hover .fa-angle-right,#blog1:hover .fa-angle-right,#blog2:hover .fa-angle-right,#blog3:hover .fa-angle-right,#blog4:hover .fa-angle-right,#blog5:hover .fa-angle-right{
    color:var(--font4);
   }
#blog0:hover .arrow,#blog1:hover .arrow,#blog2:hover .arrow,#blog3:hover .arrow,#blog4:hover .arrow,#blog5:hover .arrow{
 border: 1px solid var(--bg4);
}
#blog0:hover ,#blog1:hover , #blog2:hover , #blog3:hover , #blog4:hover , #blog5:hover { 
  color: var(--font4);
  cursor: pointer;
}



#blogSearch .form-control {
    display: block;
    width: 60%;
    padding: 0.8rem 2rem ;
    font-size: 1.2rem ;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem ;
      /* border-top-right-radius: 0; */
      /* border-bottom-right-radius: 0; */
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
#blogSearch .btn {
    display: block;
    /* width: 60%; */
    padding: 0.8rem 1rem ;
    font-size: 1.2rem ;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-left: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem ;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
#blogPage .heading {
    text-align: center;
    padding-top: 3%;
    line-height: 5px;
}
 #blogGalleryHead .head{
    font-size: 3.1rem;
    color: var(--font2);
    padding: 2rem 0;
}
/* #blogPage .head{
    font-size: 2.1rem;
    color: var(--font2);
} */



#blogGallery .gallery {
    margin: 5px;
    /* border: 1px solid #ccc; */
    margin: 1em auto;
    width: 22em;
  }
  
  #blogGallery .gallery img {
    width: 100%;
    height: auto;
  }
  
  #blogGallery .text {
    /* padding: 1em; */
    text-align: center;
  }
  #blogGallery .text h1{
    padding: 0.6em ;
    text-align: left;
    color: var(--font2);
    font-size: 1.2rem;
  }
  #blogGallery .text p{
    padding: 0.6em;
    text-align: left;
    font-size: 0.8rem;

  }
#blogGallery .gallery a{
    width: 100%;
}
#blogGallery .gallery button{
    width: 100%;
    background-color: var(--bg4);
    color: var(--font1);
    padding: 1.2em 3em;
    border: 1px solid var(--bg4);
    border-radius: 2px;
    letter-spacing: 4px;
    transition: all 0.5s;
    align-self: center;
}
#blogGallery .gallery button:hover{
    background-color: transparent;
    color: var(--font4);
    padding: 1.2em 3em;
    border: 1px solid var(--bg4);
    border-radius: 2px;
    letter-spacing: 5px;
}




/*----------blogPage ends ----------------------*/

/*---------- blogOne starts here -------------*/

#head #banner4 {
    /* width: 100vw; */
    min-height: 88vh;
    background-image: url('assets/img/banner_image2.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 5em;
}

#head #banner4 #text {
    padding-bottom: 4.5em;
}

#head #banner4 #text h1 {
    font-size: 3.1rem;
}

#head #banner4 #text p {
    font-size: 1.3rem;
}

#portableBlaster .heading {
    text-align: center;
    padding-top: 3%;
}

#portableBlaster .row {
    padding: 30px;
}

::marker {
    color: var(--font4);
    font-weight: bold;
    font-size: 2rem;
}
#blogOne .heading {
    text-align: center;
    padding-top: 3%;
    line-height: 5px;
}
#blogOne .head{
    font-size: 3.1rem;
    color: var(--font2);
}

#blogOne .border-box {

    height: 80vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 2rem;
    position: relative;
    overflow: hidden
}

#blogOne .text-box {
    padding: 2em 4em 2em 4em;
}
#blogOne .text-box1 h2{
    padding-bottom: 2em;
}
#blogOne .text-box1 {
    padding: 5em
}

#blogOne .text-box h2 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#blogOne .text-box h4 {
    font-size: 1.6rem;
}

#blogOne .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#blogOne .text-box ul {
    font-size: 1.4rem;
}

#blogOne .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#blogOne .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#blogOne .border-box .limit-box .image-box#img1 {
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.3); */
    background-image: url('assets/img/blog_image.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

/* #blogPage .border-box .limit-box .image-box#img2 {
    width: 100%;
    height: 100%;
    background-image: url('assets/img/Shot blasting PBC.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% 70%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#blogPage .border-box .limit-box .image-box#img3 {
    width: 100%;
    height: 100%;
    background-image: url('assets/img/Shot blasting WBC.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% 70%;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
} */

#blogOne .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#blogOne .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

#blogOne .border-box:hover .limit-box .image-box#img1 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#blogOne .border-box:hover .limit-box .image-box#img2 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#blogOne .border-box:hover .limit-box .image-box#img3 {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#blogOne .border-box:hover:before,
#blogOne .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}


#blogOne #charts h1 {
    font-size: 3.1vw;
}

#table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#cabinetSBM #specification h1 {
    font-size: 3.1vw;
}

#specification #table1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#specification #table1 th,
td {
    text-align: left;
    padding: 20px 8px;
}

#specification #table1 tr:nth-child(even) {
    background-color: #f2f2f2
}

#table2 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#table2 th,
td {
    text-align: left;
    padding: 8px;
}

#table2 tr:first-child {
    background-color: #f2f2f2
}

#charts #table2 {
    display: none;
}

#charts #table3 {
    display: block;
}

#charts #table3 .pagination {
    font-size: 0.8rem;
}



/*----------blogOne ends ----------------------*/



/*----------about page starts ----------------------*/
#head #banner2 {
    /* width: 100vw; */
    min-height: 88vh;
    background-image: url('assets/img/banner_image2.png');
    /* background-image:linear-gradient(black,black); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    /* background-attachment: fixed; */
    padding-top: 5rem;
}

#head #banner2 #text {
    padding-bottom: 4rem;
}

#head #banner2 #text h1 {
    font-size: 3.1rem;
}

#head #banner2 #text p {
    font-size: 1.3rem;
}

#about1 .heading {
    text-align: center;
    padding-top: 3%;
}

#about1 .row {
    padding: 1.8em;
}

#about1 .head {
    font-size: 3.1rem;
}

#about1 .sub-head {
    font-size: 1.4rem;
    padding: 1em 10em;
    line-height: 110%;
}

#about1 .text-box h4 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#about1 .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#about2 .text-box h4 {
    font-size: 2rem;
    padding-bottom: 1em;
}

#about2 .text-box p {
    font-size: 1rem;
    text-align: justify;
}

#about1 .text-box {
    padding: 2em 4em 2em 4em;
}

#about2 .text-box {
    padding: 2em 4em 2em 4em;
}

#about1 .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#about1 .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#about1 .border-box .limit-box .image-box {
    width: 100%;
    height: 100%;
    background-image: url('assets/img/staff.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#about1 .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#about1 .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

/* #welcome  .border-box:hover{
          color: white;
      } */
#about1 .border-box:hover .limit-box .image-box {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#about1 .border-box:hover:before,
#about1 .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}

#achievementsMobile {
    display: none;
}

#achievements #banner {
    min-height: 80vh;
    background-image: linear-gradient(var(--bg2), var(--bg2));
    /* padding: 10px; */
    transition: all 1s ease-in-out;
}

#achievements #banner .head {
    font-size: 60px;
}

#achievements #banner #achievement {
    /* width: 12%; */
    min-height: 100vh;
    /* border-left: 1px solid var(--font8); */
    transition: all 1s ease-in-out;
    /* z-index: 11; */
}

#achievements #banner #achievement .subHead {
    padding-left: 1.8em;
    padding-right: 1.8em;
}

#achievements #banner #achievement p {
    display: none;
    /* transition:display 1s ease-in-out; */
}

#achievements #banner #achievement:hover p {
    display: block;
}

#achievements #banner #achievement:hover .inside_odd {
    margin-bottom: auto;
}

#achievements #banner #achievement:hover .inside_even {
    margin-top: auto;
}

#achievement .inside_odd .dot {
    position: absolute;
    width: 0.6em;
    height: 0.6em;
    border-radius: 60%;
    background-color: var(--bg4);
    top: 0;
    left: -5px;
}

#achievement .inside_odd {
    margin-top: 14em;
    margin-bottom: 7em;
    border-left: 1px solid var(--font8);
    transition: all 1s ease-in-out;
    position: relative;
}

#achievement .inside_even .dot {
    position: absolute;
    width: 0.6em;
    height: 0.6em;
    border-radius: 50%;
    background-color: var(--bg4);
    bottom: 0;
    left: -5px;
}

#achievement .inside_even {
    margin-top: 14em;
    margin-bottom: 7em;
    border-left: 1px solid var(--font8);
    transition: all 1s ease-in-out;
    position: relative;
}

#achievement .inside_odd h1 {
    color: var(--font1);
    transition: color 1s;
}

#achievement:hover .inside_odd h1 {
    color: var(--font4);
}

#achievement h1 {
    /*min-height: 2em;*/
    font-size: 4rem;
    font-weight: bold;
}

#achievement h2 {
    /*min-height: 2em;*/
    font-size: 2.5rem;
}

#achievement .inside_even h1 {
    color: var(--font1);
    transition: color 1s;
}

#achievement:hover .inside_even h1 {
    color: var(--font4);
}

/* #achievement:hover .inside_even h2{
          color: var(--font4);
          transition: color 2s;
      } */
#achievement .inside_odd hr {
    /* border: 10px solid var(--font4); */
    opacity: 1 !important;
    height: 1rem;
    background-color: var(--font4);
}

#achievement .inside_even hr {
    /* border: 10px solid var(--bg1); */
    opacity: 1 !important;
    height: 1rem;
    background-color: var(--bg1);
}

#about2 .heading {
    text-align: center;
    padding-top: 3%;
}

#about2 .row {
    padding: 1.8em;
}


#about2 .border-box {

    height: 70vh;
    width: 40vw;
    /* border: 1px solid black; */
    padding: 1.2em;
    position: relative;
    /* overflow: hidden; */
}

#about2 .border-box .limit-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#about2 .border-box .limit-box .image-box {
    width: 100%;
    height: 100%;
    background-image: url('assets/img/staff.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
}

#about2 .border-box::before {
    content: "";
    width: 20%;
    height: 20%;
    top: 0;
    right: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-top: 2px solid var(--font4);
    border-right: 2px solid var(--font4);
}

#about2 .border-box::after {
    content: "";
    width: 20%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.6s;
    box-sizing: border-box;
    border-bottom: 2px solid var(--font4);
    border-left: 2px solid var(--font4);
}

/* #welcome  .border-box:hover{
              color: white;
          } */
#about2 .border-box:hover .limit-box .image-box {
    transform: scale(1.1, 1.1);
    overflow: hidden;
}

#about2 .border-box:hover:before,
#about2 .border-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: var(--font4);
}

/*----------about page ends ----------------------*/

/* -------------------contact page starts-------------------- */

#nav2 {
    /* height: 10vh; */
    /* width: 100vw; */
    padding: 20px;
    /* background-color: black; */
    background-image: linear-gradient(var(--bg1), var(--bg1));
}

#nav2 nav {
    background-color: var(--bg5);
}

#contactUs #text {
    padding-top: 4.1em;
}

#contactUs #text .head {
    font-size: 3.2rem;
    padding-top: 1em;
    padding-bottom: 1em;
}

#contactUs #text label {
    font-size: 1.4rem;
}

#contactUs #text input {
    font-size: 1rem;
}

.form-control-1 {
    max-width: 80%;
    border-radius: 0;
    color: var(--font2);
    padding-left: 0;
    background-color: transparent;
}

.form-control-2 {
    max-width: 90%;
    border-radius: 0;
    color: var(--font2);
    padding-left: 0;
    background-color: transparent;
}

.form-control:focus {
    border-color: var(--bg1);
    box-shadow: none;
    color: var(--font2);
    background-color: transparent;
}

#contactUs #banner {
    /* width: 100vw; */
    min-height: 86vh;
    background-image: linear-gradient(var(--bg1), var(--bg1));
    /* padding: 10px; */
}

#contactUs #banner {
    background-image: url('assets/img/graphic.png');
    background-size: 60% 100%;
    background-position: right center;
    background-repeat: no-repeat;
    /* background-size: cover; */

}

#contactUs #letterIcon {
    display: flex;
    justify-content: center;
    align-items: center;
}

#contactUs #banner #form button {
    font-size: 1rem;
}

#contactUs #banner #form #submit {
    padding-top: 1.4em;
}

#contactUs #banner #form button {
    width: 70%;
    background-color: transparent;
    color: var(--font4);
    padding: 0.8em 2em;
    border: 1px solid var(--bg4);
    border-radius: 2px;
    letter-spacing: 4px;
    transition: all 0.5s;
}

#contactUs #banner #form button:hover {
    background-color: var(--bg4);
    color: var(--font1);
    padding: 0.8em 3em;
    border: none;
    border-radius: 2px;
    letter-spacing: 5px;

}

#contactUs hr {
    border: 0.5px solid var(--font4);
    opacity: 1 !important;
    margin: 0 !important;
}

.no-border {
    border: 0;
    box-shadow: none;
    border-radius: none;
}

.border-bottom {
    border-bottom: 1px solid var(--font2) !important;
}

/* -------------------contact page ends-------------------- */