﻿@charset "utf-8"; 
:root{--color:#1dae32}
.pro-d-main .prodetails-text{ font-size: 24px;}
footer .foot-logo img{width:auto;height:auto;}

#ind{display:flex;padding:5% 0 0;overflow:hidden}
#ind>div{flex:1}
#ind .ind-wrap{box-sizing:border-box;padding:50px 100px}
#ind .ind-l{z-index:1;background:var(--fontcolor)}
#ind .ind-l h1{margin-bottom:10px;font-size:var(--fontsize32);color:#FFF}
#ind .ind-l .con{margin-bottom:40px;color:#FFFFFF95}
#ind .ind-r{position:relative;top:-54px;z-index:0;margin-left:-100px}
#ind .ind-r>img{display:block;width:100%;height:auto}
#ind .ind-r .play{display:flex;position:absolute;left:50%;top:50%;justify-content:center;align-items:center;border-radius:50%;width:77px;height:77px;background:var(--color);transform:translate(-50%, -50%)}
#ind .adv-icon{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px -16px}
#ind .adv-icon>li{box-sizing:border-box;margin-bottom:30px;padding:0px 15px;width:50%;list-style: none;}
#ind .adv-icon .icon-item{display:flex;box-sizing:border-box;padding:25px;background:#FFFFFF10;color:#FFF}
#ind .adv-icon .icon-img{margin-right:10px}
#ind .adv-icon .num{font-size:var(--fontsize32);line-height:1}
#ind .adv-icon .text{margin-top:0px;color:#FFFFFF95}
@media (max-width:1680px){
#ind .ind-wrap{padding:20px 50px;}
#ind .adv-icon .icon-item{padding:15px 20px}
#ind .adv-icon>li{margin-bottom:20px;}
#ind .ind-r .play{top:40%}}
@media (max-width:1470px){
#ind .ind-wrap{padding:40px}
#ind .adv-icon .icon-item{padding:15px}
#ind .ind-r .play{top:45%}}
@media (max-width:1024px){#ind .ind-l h1{font-size:var(--hometitlefont)}
#ind{flex-direction:column-reverse;margin:5.3333333333vw 0;padding:20px 0px}
#ind .ind-r{position:relative;top:0px;margin:0px}
#ind .ind-r .play{top:50%;width:9.3333333333vw;height:9.3333333333vw}
#ind .ind-r .play img{width:3.2vw}
#ind .ind-wrap{padding:3vw}
#ind .ind-l h3{font-size:var(--fontsize24);margin-bottom:20px}
#ind .adv-icon .icon-item{padding:3vw;height:100%;}
#ind .adv-icon .icon-item>div{text-align:center}
#ind .adv-icon .num{margin-top:4px;font-size:1.6em}}
@media (max-width:768px){.home-banner{height:auto;}}

.home-mainpro{padding:4% 0 0;position:relative;}
.home-mainpro .mainpro-list{margin-top:3%;display:flex;flex-wrap:wrap;list-style:none}
.home-mainpro .mainpro-list li{width:23%;margin-right:2.6%;margin-bottom:2em}
.home-mainpro .mainpro-list li:nth-child(4n){margin-right:0}
.home-mainpro .mainpro-list li a{background:#fff;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);display:block;width:100%;height:100%;position:relative;padding-bottom:5px}
.home-mainpro .mainpro-list li a .img{width:100%;aspect-ratio:1/1;position:relative}
.home-mainpro .mainpro-list li a .img img{width:100%;height:100%;object-fit:cover}
.home-mainpro .mainpro-list li a .title{margin-bottom:10px;padding:10px 15px 0;font-size:var(--fontsize18);transition:all .1s linear;position:relative;border-top:1px solid #eee}
.home-mainpro .mainpro-list li a .title::before{content:"";position:absolute;top:-1px;left:0;width:0%;height:1px;background:var(--color);transition:all .3s linear;z-index:1}
.home-mainpro .mainpro-list li a .title::after{transition:all .3s linear;content:"";position:absolute;top:-3.5px;left:0;opacity:0;width:0;height:0;border-style:solid;border-width:3px 0 3px 5px;border-color:transparent transparent transparent var(--color)}
.home-mainpro .mainpro-list li a:hover .img img{transform:scale(1.02)}
.home-mainpro .mainpro-list li a:hover .title{color:var(--color)}
.home-mainpro .mainpro-list li a:hover .title::before{width:100%}
.home-mainpro .mainpro-list li a:hover .title::after{opacity:1;left:calc(100% - 4px)}
@media (max-width:768px){.home-mainpro{padding-top:30px;}
.home-mainpro .mainpro-list{justify-content:space-between}
.home-mainpro .mainpro-list li{width:48%;margin-right:0;margin-bottom:1em}}
#ind .home-about{padding-top:0;}
#ind .home-about .aboutinfo .aboutmeta .tel{color:#fff;}
@media (max-width:768px){#ind .home-about .aboutinfo .aboutmeta .tel{margin-top:10px;}}
.index section#ind lite-youtube{background:url(/Content/uploads/20251111292/202502271002226221785ca21b4a56819af165f1aebd9b.webp) no-repeat !important;background-size:cover}
footer{background-color: var(--color);}
.foot-item.foot-info .footimg{max-width: 60px;}

@media (min-width:1025px){body:not(.index){padding-top:120px;}
body:not(.index) .head-nav .nav-ul>li>a,body:not(.index) .head-left .item,body:not(.index) .head-top .head-right .head-share .icon-share,body:not(.index) .head-share ul a{color:var(--fontcolor)}
body:not(.index) .head-share ul a:hover{color:var(--color)}
body:not(.index) .lang-icon img{filter: brightness(0);}
body:not(.index) .head-nav .nav-ul>li>a:hover{color:var(--color)}
.pagesbanner {min-height:inherit}
body:not(.index) .lang-icon span {color:var(--fontcolor)}
body:not(.index) .lang-icon span::before,.lang-icon span::after{background:var(--fontcolor)}}
#whatsapp {position:fixed;right:34px;right:50px;top:70%;width:70px;height:70px;cursor:pointer;opacity:1;z-index:99990;}
#whatsapp #whatsappMain {-moz-border-radius:50% !important;-webkit-border-radius:50% !important;border-radius:50% !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:rgba(255,255,255,0);width:70px;height:70px;color:#40c351;z-index:9;-webkit-animation:zcwmini2 1.5s 0s ease-out infinite;-moz-animation:zcwmini2 1.5s 0s ease-out infinite;animation:zcwmini2 1.5s 0s ease-out infinite;}
#whatsapp #whatsappMain:before {content:"";background-size: contain;position:absolute;width:100%;height:100%;top:0;left:0;z-index:9;background-image:url('//cdn.globalso.com/royalsteelgroup/style/global/img/foot_whatsapp.png');background-repeat:no-repeat;background-position:center center;-webkit-animation:zcwphone2 1.5s linear infinite;-moz-animation:zcwphone2 1.5s linear infinite;animation:zcwphone2 1.5s linear infinite;}
@keyframes zcwmini2 {0% {box-shadow:0 0 8px 6px rgba(207,8,8,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(207,8,8,0);}
10% {box-shadow:0 0 8px 6px,0 0 12px 10px rgba(0,0,0,0),0 0 12px 14px;}
100% {box-shadow:0 0 8px 6px rgba(207,8,8,0),0 0 0 40px rgba(0,0,0,0),0 0 0 40px rgba(207,8,8,0);}}
@keyframes zcwphone2 {0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}}
.wmkc-youtube .icon-youtube{background:#DD1929;width:24px;height:24px;transform:scale(.8);display:flex;align-items:center;justify-content:center;margin:0 auto;border-radius:50%;color:#fff;margin:3px auto 1px}
.wmkc-youtube:hover{background:#DD1929;}
.wmkc-youtube:hover .icon-youtube{background:#fff;color:#DD1929}
#wmkcfeedback6 .inquiry-form>*{margin-bottom:10px;width:100%;height:40px;}
#wmkcfeedback6 .inquiry-form textarea{height:100px}
#wmkcfeedback6 .send-btn{margin:0;min-width:inherit;padding:0 15px;height:40px}
