| Server IP : 87.98.249.37 / Your IP : 216.73.216.208 [ Web Server : Microsoft-IIS/10.0 System : Windows NT NS3076740 10.0 build 17763 (Windows Server 2019) AMD64 User : IWPD_292(growel19p) ( 0) PHP Version : 8.3.12 Disable Function : NONE Domains : 0 Domains MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Inetpub/vhosts/growel.com/httpdocs/steel-polishing/ |
Upload File : |
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
.top-bar {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
padding: 19px;
border-bottom: 1px solid #9b9b9bb5;
}
.banner-sec_ {
background-image: url('new-shiny-steel-hardware-parts-turbodrills-various-diameters-workshop-comp.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 750px;
display: flex;
align-items: center;
}
#enq_btn {
background-color: #d60f0b;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
vertical-align: middle;
transition: all .15s ease-in-out;
text-decoration: none;
margin: 0;
min-height: 50px;
padding: 9px 63px;
border: none;
}
#enq_btn:hover {
color: aliceblue;
font-size: 20px;
}
.banner-head {
background: #000000ad;
padding: 23px;
font-size: 35px;
}
.abt-right img {
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 478px;
width: auto;
}
.abt-right img:hover {
transform: scale(1.03);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}
.abt-left {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
padding: 90px;
margin: 81px 0px;
}
.bolt-sec {
position: relative;
background-image: url('bg.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 350px;
display: flex;
align-items: center;
color: white;
z-index: 1;
background-attachment: sticky;
}
.bolt-sec .overlay {
position: absolute;
inset: 0;
background: rgb(0 0 0 / 78%);
/* translucent black layer */
z-index: 0;
}
.bolt-sec .container {
position: relative;
z-index: 2;
}
.red-card {
background-color: #c62828;
border: none;
border-radius: 12px;
box-shadow: 0 10px 20px rgba(198, 40, 40, 0.3);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.red-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 25px rgba(198, 40, 40, 0.5);
}
.electro-section .electro-card {
background-color: #ffffff !important;
/* ensures override if needed */
border-radius: 1rem;
color: #333;
}
.electro-section .electro-card h3 {
font-weight: 600;
color: #222;
}
.electro-section .electro-card ul li {
font-size: 1rem;
line-height: 1.6;
color: #555;
}
.crd-ttl {
display: inline-block;
background-color: #dc3545;
color: #ffffff;
padding: 6px 16px;
border-radius: 8px;
font-weight: 600;
}
.enq-form-box {
padding: 65px;
background: #f3f3f3;
}
.exp {
background-color: #d60f0b;
}
/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
font-size: 28px;
font-weight: bold;
color: #fff;
}
.ribbon {
--r: .6em;
/* control the cutout of the ribbon */
--s: 1.5em;
/* size of the folded part */
line-height: 1.8;
padding-inline: calc(var(--r) + .3em) 1lh;
border-bottom: var(--s) solid #0005;
background: #FF6B6B;
clip-path: polygon(calc(100% - 1lh) 0, 0 0, var(--r) calc(50% - var(--s)/2), 0 calc(100% - var(--s)), calc(100% - 1lh) calc(100% - var(--s)), calc(100% - 1lh) calc(100% - var(--r)), calc(100% - .5lh) 100%, 100% calc(100% - var(--r)), 100% calc(100% - var(--s)));
width: fit-content;
}
.abt-right img {
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 478px;
width: auto;
margin-top: 6rem;
/* border-radius: 140px; */
border: 6px solid #d60f0b;
border-top-left-radius: 21%;
outline: 1px solid red;
border-bottom-right-radius: 21%;
outline-offset: 19px;
}
.cta {
background-color: #da251d;
color: #fff;
border: #fff;
}
#captchaCode {
font-size: 24px;
font-weight: bold;
font-style: italic;
font-family: "Jura", sans-serif;
color: #4a4a4a;
background: repeating-linear-gradient(45deg, #f3f3f3, #f3f3f3 10px, #e0e0e0 10px, #e0e0e0 20px);
padding: 5px 10px;
letter-spacing: 4px;
transform: rotate(-3deg);
display: inline-block;
border: 1px dashed #aaa;
text-shadow: 1px 1px #ccc;
}
#dealershipForm {
border-top: 3px solid #db3a3a;
border-radius: 23px;
padding: 45px;
background: #ffffff;
}
/* responsive mediaquery */
@media (max-width: 768px) {
.bolt-sec {
position: relative;
background-image: url(bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 680px;
display: flex;
align-items: center;
color: white;
z-index: 1;
background-attachment: sticky;
margin: 49px 0px;
}
.abt-left {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
padding: 44px;
margin: 81px 0px;
}
}
/* Scroll to Top Button */
.scroll-to-top {
position: fixed;
bottom: 30px;
right: 30px;
width: 50px;
height: 50px;
background-color: #dc3545;
color: white;
border: none;
border-radius: 50%;
font-size: 24px;
cursor: pointer;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
z-index: 1000;
}
/* Show button when scrolled down */
.scroll-to-top.show {
opacity: 1;
visibility: visible;
}
.scroll-to-top:hover {
background-color: #c82333;
}
#body {
background-image: url('bg.png');
background-size: cover;
background-position: center;
}