@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");.main-div{width:100%;height:700px;background-color:hwb(0 100% 0%)}.parent{margin:0;padding:0;box-sizing:border-box}.subparent{display:grid;align-items:end;min-height:0;height:200vh;font-family:Mulish,sans-serif}.lower{min-height:0;position:relative;width:100%;height:auto;padding:200px 100px 50px;background:#1f242c;font-size:1.25rem}.greentop{background-attachment:fixed;background-color:#57b33e;background-image:url(https://irecco.wgl-demo.net/wp-content/uploads/2019/12/bg_green-map.jpg);background-position:50%;background-repeat:no-repeat;position:absolute;top:-130px;right:175px;width:75%;height:32vh;padding:53px 20px 15px;z-index:1}.greentop,.upr{display:flex;align-items:center}.upr{width:100%;flex-wrap:wrap;justify-content:space-between}.left{flex:1 1 60%}.leftin{margin:0;padding:10px 16px}.leftin h1{color:#fff;font-size:1.875rem;line-height:42px;font-weight:700}.lineone{margin-top:10px}.leftin p{color:#fff;font-size:1rem;font-weight:400}.right{flex:1 1 35%;display:flex;justify-content:flex-end}.rightin{position:relative;margin-right:20px}.learn a{font-weight:700;color:#232323;background-color:#fff;font-size:16px;padding:16px 27px;display:inline-block;border-radius:6px;transition:all .3s}.learn a:hover{color:#fff;background-color:#1f242c}@media (max-width:1024px){.greentop{right:50px;width:85%;height:auto;padding:40px 15px}.upr .rightin span{left:-10px;top:-30px}}@media (max-width:640px){.greentop{position:relative;top:0;right:0;width:100%;height:auto;padding:30px 15px}.upr{flex-direction:column;align-items:flex-start;text-align:left;gap:15px}.left,.right{flex:1 1 100%}.upr .rightin span{position:relative;font-size:170px;top:0;left:0;margin-bottom:10px}.learn{margin-top:15px}}.container{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;grid-gap:20px}.container h2{position:relative;color:#fff;font-size:20px;font-weight:750;opacity:1;margin-bottom:25px}.container .sec p{color:#d1cfcf;width:20vw;font-size:17px}.spacer1{margin:70px}.sec img{width:100px}.about{width:12vw;position:relative;cursor:pointer}.about li{list-style:none;color:#8b8b8b;padding-bottom:22px}.about li:hover{color:#fff}.aboutmore{position:relative;margin-top:31px;cursor:pointer}.aboutmore li{list-style:none;color:#8b8b8b;padding-bottom:22px}.aboutmore li:hover{color:#fff}.info{position:relative}.info li{display:grid;grid-template-columns:45px 1fr;margin-bottom:15px;line-height:44px}.info span:first-child{color:#57b33e;font-size:24px;margin-top:15px}.info span:first-child:hover{color:#ff7029}.info,.info li span{color:#8b8b8b}.info{text-decoration:none}info a:hover{color:#7b7b7b}.copyrighttext{width:100%;font-size:14px;color:#b3b2b2}.socialmedia{margin-top:20px;display:grid;grid-template-columns:repeat(4,50px);grid-gap:10px}.socialmedia a{display:inline-block;font-size:13px;width:38px;height:38px;background:transparent;display:grid;align-content:center;justify-content:center;text-decoration:none;border-radius:50px;position:relative;color:#fff;border:1px solid #4e4e4e;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}a.facebook:hover{background-color:#232374}a.twitter:hover{background-color:#0091ff}a.pinterest:hover{background-color:#f03}a.instagram:hover{background-color:#e600ff}.socialmedia a span{background:transparent;font-size:12px;position:absolute;bottom:0;left:-14px;right:-20px;padding:5px;visibility:hidden;opacity:0;color:#7b7b7b;-webkit-transition:all .45s;transition:all .6s}.socialmedia a span:before{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;bottom:-5px;left:40px}.socialmedia a:hover span{bottom:35px;visibility:visible;opacity:1}.Subscribe{padding-left:16px}.Subscribe p{color:#bfbbbb;width:18vw}.mymail{width:100%;height:6vh;margin-top:2.5vh;position:relative}.email-input{width:18vw;height:6vh;margin:unset;border:1px solid hsla(0,0%,100%,.5);color:#fff;font-size:16px;font-weight:400;color:inherit;outline:unset;padding:0 3.125vw 0 1vw;background:transparent;box-shadow:unset;overflow:hidden}.envolope{position:absolute;right:11px;bottom:10px;opacity:1;font-size:20px;color:#fff;transition:all .4s;cursor:pointer}.envolope:hover{background-color:#57b33e;padding:6px}.Subscribe .para{font-size:15px;margin-top:20px;color:#717070}.spacer2{margin:50px}.hr{width:100%}@media (max-width:768px){.lower .greentop{height:40vh;width:85%;right:65px}.lower{width:100%}.upr .rightin{top:170px;left:75px}.right{top:23px}.right .learn a{width:15vw;padding:13px 10px;font-size:14px}.left .leftin h1{width:70vw;padding-top:12px}.lower{padding-top:300px}.mymail .envolope{right:12px;top:30px}.mymail .email-input{width:65vw}.container .Subscribe p{width:35vw}.lower .container{grid-template-columns:repeat(2,1fr)}.container .aboutmore{margin-top:40px;line-height:35px}}@media (max-width:1440px){.greentop{height:35vh}.envolope{right:10px;top:6px;font-size:22px}}@media screen and (max-width:1024px){.greentop{height:35vh;width:90%;right:53px}.left{width:130vw}.right{right:500px}.rightin{top:105px;left:75px}.upr .rightin span{font-size:130px;line-height:140px}.learn{left:470px;bottom:-85%}.lower .container{grid-template-columns:repeat(2,1fr)}.container .sec p{width:35vw;padding-top:12px}.Subscribe .para{margin-top:45px;font-size:16px;width:30vw}.envolope{right:50px;top:27px;font-size:25px}.Subscribe p{font-size:20px;width:30vw}.email-input{width:35vw;height:12vh;margin-top:2.5vh;font-size:18px}.container h2{font-size:25px}.about{width:17vw}.aboutmore{width:13vw;margin-top:35px}}@media (max-width:440px){.lower .greentop{height:70vh;top:-80px;width:70%;right:85px;display:none}.lower .container{grid-template-columns:repeat(1,1fr)}.container .sec p{padding-top:12px}.sec{width:30vw}.container .sec p{width:80vw}.lower{padding:30px 40px}.info li{display:grid;grid-template-columns:45px 1fr;margin-bottom:15px;line-height:44px;width:80vw}.about,.aboutmore{width:80vw;padding:0 60px}.container .Subscribe p{width:80vw}.right{top:50px}.right .learn a{width:45vw;padding:18px 8px;font-size:18px}.copyrighttext{padding:0;width:100%}.upr .rightin{top:330px;left:30px}.upr .rightin span{font-size:140px;line-height:160px}.mymail .envolope{top:30px;right:80px}}@media (max-width:320px){.lower .greentop{height:70vh;top:-80px;width:70%;right:85px;display:none}.lower .container{grid-template-columns:repeat(1,1fr)}.container .sec p{padding-top:12px}.sec{width:30vw}.container .sec p{width:80vw}.lower{padding:30px 40px}.info li{display:grid;grid-template-columns:45px 1fr;margin-bottom:15px;line-height:44px;width:80vw}.about,.aboutmore{width:80vw;padding:0 60px}.container .Subscribe p{width:80vw}.right{top:50px}.right .learn a{width:45vw;padding:18px 8px;font-size:18px}.copyrighttext{padding:0;width:100%}.upr .rightin{top:330px;left:30px}.upr .rightin span{font-size:140px;line-height:160px}.mymail .envolope{top:30px;right:105px}}