html { height:100%; overflow-x: hidden; scroll-behavior: smooth; }
body { background: url(images/metal-bg.jpg) fixed; width: 100%; height:100%; background-size: cover; background-repeat: no-repeat; font-family: 'Inter', sans-serif; background-position:center bottom; }
.main { position: relative; }
/* .main:before { content: ""; position: absolute; width: 100%; height:100%; top: 0; left: 0; background:#ffffffe8; z-index: -1; } */
.email{position:fixed;right:0;top:75px;width: 45px;height: 45px;line-height: 45px;background: #fff;text-align: center; z-index: 11;}
.email a{ color:#fff; display:block; background: #6ec038;}
.call-more{ margin:0px 0px 0px 0px; padding:15px 15px;}
.call-more h2{font-size:20px;color: #185879;}
.call-more a{ font-size:16px; color:#444;}
.main-content-inner { position:relative; bottom: 0; width: 100%; }
.main-content-inner h1 { font-size: 26px; color:#ffc107; font-weight: 600; text-transform: uppercase; margin:20px 0px 20px 0px; }

.main-content{padding: 75px 75px 0px 75px;background: #fff;margin: 75px 0px;box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 36%);} 
.product-content { position: relative; }
.product-content h2{text-align: center;font-size: 20px;text-transform: uppercase;color: #185879;margin: 0px 0px 15px 0px;font-weight: 600;}
.product-content .item{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; overflow: hidden; background: #000; transition: all ease 0.5s; z-index: 0;}
.product-content .item::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.22); transition: all ease 0.5s;}
.product-content .item img{ min-height: 260px; max-height: 260px; object-fit: cover; transition: all ease 0.5s;}
.product-content .item .pro-info{padding: 0px 0px 0px 0px;position: absolute;left: 20px;bottom: 19px;z-index: 1;transform: translateY(70%);transition: all ease 0.5s;}
.product-content .item:hover .pro-info{transform: translateY(0px);}
.product-content .item .pro-info h4{color: #fffffff5;font-size: 20px;text-transform: uppercase;margin: 0px 0px 20px 0px;transform: translateY(100%) !important;}
.product-content .item .pro-info .pro-list{color: #fff;margin: 0px 0px;padding:0;transition: all ease 0.5s;opacity: 1;transform: translateY(100%);}
.product-content .item .pro-info .pro-list li{ font-size: 15px; color: #fff; list-style: none; margin: 0px 0px 2px 0px;}
.product-content .item:hover .pro-list{opacity: 1;height: auto;visibility: visible;transform: translateY(10px);}
.product-content .item:hover::before{background: rgba(0,0,0,0.70);} 


.contact-detail{ margin:25px 0px 25px 0px; padding:0px 0px; position:relative;}
.contact-detail li{ display:inline-block; margin:0px 0px; padding:0px 10px; border-right:1px solid #ffffff47;}
.contact-detail li:last-child{ border:none;}
.contact-detail li a { display: inline-block; color: #fff; text-decoration: none; font-size: 18px; font-weight: 400; margin:0px 10px 0px 0px; }
.logo{ margin:25px auto 35px auto; position:relative; max-width: 350px; text-align: center;}
.top-para { padding: 0px 25px 25px 25px; margin: 0px 0px; position: relative; text-align:center;}
.top-para p{color: #444;font-size: 17px;font-weight: 400;}
.contact-detail h2 { font-size: 70px; color: #fff; font-weight: 600; line-height:50px; margin:0px 0px 35px 0px; }
.contact-detail h2 small{ display:block; font-size:18px; font-weight:300;}
.contact-detail li a i{ margin:0px 5px 0px 0px; font-size:18px;}
.contact-detail h6 { font-size: 20px; color: #ffc107; line-height: 25px; font-weight: 500; text-transform:uppercase; }

.iconic{max-width:760px;width:100%;margin:50px auto;text-align:center;padding:20px 25px;border-top: 1px solid #6ec038;border-bottom: 1px solid #6ec038;}
.iconic li{text-align:center;display:inline-block;font-size: 18px;padding:0px 25px;border-right: 1px solid #6ec038;color:#444;font-weight: 400;}
.iconic li span{display:block;text-align:center;margin:5px auto 0px auto;font-size: 32px;color: #6ec038;font-weight: 600;}
.iconic li:last-child{ border:none;}

.key-highlights{ margin: 0px 0px 0px 0px; padding: 0px 0px 50px 0px; position: relative; text-align: left;}
.key-highlights h2{font-size: 22px;color: #185879;margin: 0px 0px 15px 0px;font-weight: 600;}
.points{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.points li{font-size: 17px;list-style: none;margin: 0px 0px 10px 0px;padding: 15px 20px;border: 1px solid #ccc;border-radius: 5px;position: relative;font-weight: 400;}
.points li::before{content: '';display: block;position: absolute;left: -5px;top: 22px;width: 11px;height: 11px;background: #fff;border: 2px solid #cccccc;border-radius: 15px;}
.points li span{ max-width: 25px; margin: 5px; display: inline-block;}
.points li span img{ max-width: 25px;}
.points li:last-child::before{top: 27px;}

.address-part { margin: 0px 0px 0px 0px; padding: 35px 35px; background: #367da2;}
.address-part h2{ text-align: center; font-size: 28px; color: #6ec038; margin: 0px 0px 30px 0px;}
.address-part h3{ font-size: 18px; color: #fff; margin: 0px 0px 15px 0px;}
.address-part p{ white-space: pre-line; color: #ffffffa8; margin: 0px 0px 15px 0px;}
.address-part p span img{ max-width: 25px;}
.contact-address {padding: 20px 20px;border: 2px solid #ffffff29;height: 100%;border-radius: 15px;position: relative;z-index: 1;}
.contact-address::before{content: '';display: block;position: absolute;right: 5px;bottom: 36px;background: url(images/location.png) no-repeat;width: 100%;height: 100%;max-height: 80px;z-index: -1;background-size: contain;max-width: 80px;filter: invert(1);opacity: .075;}
.contact-address h5{ color: #fff; font-size: 16px; margin: 0px 0px 10px 0px;}
.contact-address a{color: #ffffffa8;}

.marquee_text{padding: 35px 20px 0px 20px;max-width: 850px;margin: 0 auto;display: block;}

@media only screen and (max-width: 767px) {
.main-content{ padding: 20px 20px; margin: 25px 0px;}
.key-highlights h2{ font-size: 18px;}
.top-para{ padding: 0px 0px 25px 0px;}
.contact-detail h2{ font-size:37px;}
.main:before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
.main-content-inner{ top:7%; bottom:15%;}
.iconic li{padding:25px 25px; border-bottom:1px solid #ffffff8a; border-right:none; display:block;}
.logo img{ width:250px; margin:auto;}
html{ height:auto;}
.address-part{ padding: 20px 20px;}
.address-part h2{ text-align: left; font-size: 18px;}
.address-part p{ white-space: inherit;}
.address-part h3{ font-size: 17px;}
}