@media (max-width:991px){.about-cards{position:relative!important;bottom:auto!important;margin-bottom:50px}}.header-img{object-fit:cover;object-position:center;border-top-left-radius:10px;border-bottom-left-radius:10px;width:100%}.left-roofing-star{position:relative;height:100%}.left-roofing-star:after{right:5px;background-color:#022c50;padding:6px}.left-roofing-star:after,.right-roofing-star:before{content:"";position:absolute;width:10px;height:200px}.right-roofing-star:before{left:-5px;background-color:#003767;padding:4px}.right{position:relative}.right,.right-col{border-top-right-radius:10px;border-bottom-right-radius:10px}.right-col{background-color:#004f93}.right-inner,.right-text-div{height:100%;align-items:center}.right-text-div{display:flex;justify-content:center}.right-text{font-family:Kanit;font-weight:500;font-size:38px;line-height:53px;padding:0 40px;color:white;width:-moz-fit-content;width:fit-content}.header-icon-div{display:flex;justify-content:center}.header-icon{position:absolute;left:-55px;top:60px;background-color:white;padding:10px;border-radius:50%}@media (max-width:991px){.right-text-div{display:flex;flex-direction:column;gap:12px}.right-text{font-size:var(--font-size-25)!important;line-height:var(--font-size-25-line-height)}.left-roofing-star:after,.right-roofing-star:before{display:none}.header-icon{position:unset}.header-img{border-top-right-radius:10px;border-bottom-right-radius:10px}.right{border-top-left-radius:10px;border-bottom-left-radius:10px}.right-text-div{height:unset;padding:20px}.header-icon-div{padding-top:20px}.right-text{text-align:center}}.shades{padding:70px 0;background-image:url(/_next/static/media/shreelogo.5de94349.png);background-repeat:no-repeat;background-position:100% 0}.shades-text{font-family:Inter;font-weight:400;font-size:17px;line-height:24px;width:74%;margin-right:1.5rem}.color-name{font-weight:500;font-size:30px}.color-desc,.color-name{font-family:Kanit;line-height:34px;letter-spacing:-.32px;color:white}.color-desc{font-weight:400;font-size:24px}.shade-hover{transition:all .7s cubic-bezier(.645,.045,.355,1)}.shade-hover:hover{transform:scale(1.05)}.toba-blue{background-color:#2966a3;box-shadow:0 0 15px 0 #004f931a;width:auto;height:418px}.slate-grey,.toba-blue{padding:24px;border-radius:16px}.slate-grey{background-color:#434750;height:200px}.cottage-green{background-color:#245e42;gap:16px;padding:20px}.sky-blue{background-color:#2986cc}.cool-grey,.sky-blue{box-shadow:0 0 15px 0 #004f931a;height:200px;border-radius:16px;padding:24px}.cool-grey{background-color:#d7d7d7}.turquoise{background-color:#4f9c9e}.maroon,.turquoise{box-shadow:0 0 15px 0 #004f931a;height:200px;border-radius:16px;padding:24px}.maroon{background-color:#800000}.mint-green{background-color:#a3c1ad}.cottage-green,.mint-green{box-shadow:0 0 15px 0 #004f931a;height:200px;border-radius:16px;padding:24px}.cottage-green{background-color:#006b3c}.light-grey{background-color:#b9b9b9;box-shadow:0 0 15px 0 #004f931a;height:200px;border-radius:16px}.light-grey,.off-white,.torres-blue{padding:24px}.off-white{background-color:#dddede;height:200px;gap:16px;border-radius:16px}.beige p,.cool-grey p,.off-white p{color:black}.beige{background-color:#f5f5dc;box-shadow:0 0 15px 0 #004f931a;height:200px;border-radius:16px;padding:24px}.torres-blue{background-color:#266187}.aquamarine,.torres-blue{box-shadow:0 0 15px 0 #004f931a;height:200px;gap:16px;border-radius:16px;padding:20px}.aquamarine{background-color:#4f9c9e}@media (max-width:991px){.toba-blue{height:200px}}.features{background-image:url(/_next/static/media/aboutus.b22106a4.webp);background-size:cover;background-position:50%}.features,.projects{padding:70px 0}p.card-text.mb-0{font-size:var(--font-size--18);font-weight:700;line-height:var(--font-size-18-line-height);letter-spacing:-.32px}.projectcard1,.projectcard2{padding:5px;background-color:rgba(0,74,139,1);border-radius:2px}.first-about-subtitle{display:flex;align-items:center;gap:15px;margin-bottom:15px}.roofting-about-content{font-size:14px;font-weight:400;line-height:22px}h2.purlin-about-title{font-size:38px;font-weight:500;line-height:45px;letter-spacing:-1px}.roofting-main-content{background-color:rgba(0,79,147,1);padding:24px;border-radius:8px;color:rgba(255,255,255,1);width:280px}.purlin-card-text{font-size:14px;font-weight:400;line-height:22px}.factoryImg{border-radius:4px;transition:all .7s cubic-bezier(.645,.045,.355,1)}.factoryImg:hover{transform:scale(1.07)}.roofing-about{padding-right:20px}.purlin-image-card{position:absolute;bottom:160px;right:0}.purlin-image-content{position:relative;height:100%}@media screen and (max-width:991px){.purlin-about-image{padding-top:20px}.about-cards{position:relative!important;bottom:auto!important;margin-bottom:50px}.about-us-section .text-content:before{width:100%!important;right:-100px!important;top:-90px!important}.purlin-image-content{margin-top:20px}}@media screen and (max-width:767px){.main-title,h2.purlin-about-title{font-size:var(--font-size-25)!important;line-height:var(--font-size-25-line-height)!important;letter-spacing:.05px!important}.roofing-gap,.roofing-row-point{display:unset!important;margin-bottom:0!important}.purlin-image-card{bottom:60px!important}.roofing-title-content{gap:50px}.project-image-content{margin-bottom:5px}}@media screen and (max-width:464px){.factoryImg{display:none!important}.purlin-image-card{position:relative!important;width:100%!important;bottom:160px!important}.roofting-about-image:before{display:none}.roofting-main-content{width:100%}.roofting-about-image{padding-top:0!important;padding-right:0;padding-bottom:0!important}}.roofting-about-image{padding-right:30px;padding-top:30px;padding-bottom:20px}.roofting-about-image:before{content:"";position:absolute;border-top:10px solid rgba(0,79,147,1);border-right:10px solid rgba(0,79,147,1);right:0;top:0;height:65%;width:80%}.roofing-gap{margin-bottom:10px;display:flex}.roofing-row-point{display:flex}.frames{padding:70px 0}.section-content{padding:10px 70px;display:flex;justify-content:center}.available-small-content{font-size:16px;font-weight:400;line-height:24px;width:85%}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:rgba(255,255,255,1)!important;background-color:rgba(0,79,147,1)!important;border-radius:36px}.nav-pills .nav-link,.nav-pills .nav-link.active,.nav-pills .show>.nav-link{font-size:20px;font-weight:400;letter-spacing:-.32px;line-height:100%;padding:10px 40px;font-family:Inter!important}.nav-pills .nav-link{color:rgba(113,113,113,1)!important;background-color:rgba(237,237,237,1)!important;border-radius:36px!important;box-shadow:0 0 15px 0 rgba(0,79,147,.1)}ul#pills-tab{display:flex;justify-content:center;gap:24px}.image-box-card{padding:30px 50px;box-shadow:0 0 15px 0 rgba(0,0,0,.1);border-radius:10px}img.waves{margin-bottom:40px}p.available-image-caption{text-align:center;font-size:18px;font-weight:400;font-family:Inter;letter-spacing:-.32px;line-height:100%}.availables-items{box-shadow:0 4px 10px 0 rgba(0,0,0,.1);padding:30px 15px;border-radius:16px;transition:all .7s cubic-bezier(.645,.045,.355,1)}.availables-items:hover{transform:scale(1.02);box-shadow:0 10px 25px rgba(0,0,0,.25);border-radius:14px}h6.items-size-title{font-weight:500;color:rgba(65,68,75,1);font-family:Inter;margin-bottom:20px}h6.items-size-title,span.sized-number{font-size:17px;line-height:100%;letter-spacing:-.32px;text-align:center}span.sized-number{border-radius:4px;font-weight:700;background-color:rgba(242,247,255,1);padding:10px 32px;margin-bottom:10px;width:100%}.available-card-items{padding-top:50px}@media screen and (max-width:1190px){.nav.nav-pills{justify-content:center!important;gap:10px!important}}@media screen and (max-width:991px){.available-card-items{overflow:scroll}}.galvalume{background-image:url(/_next/static/media/shreelogo.5de94349.png);background-repeat:no-repeat;background-position:100% 0;background-color:#004f93;padding:70px 0}.img-bg{padding:10px;display:flex;background-color:white;align-items:center;justify-content:center}.img-bg,.img-bg img{height:100%}.detail-cards{background-color:#ffffff0f;padding:20px;border-radius:16px}.main-title{font-family:Inter;font-weight:700;font-size:40px;line-height:60px;letter-spacing:0;color:white}.galvalume-title{font-weight:600;font-size:22px}.galvalume-text,.galvalume-title{font-family:Inter;line-height:36px;letter-spacing:0}.galvalume-text{font-weight:500;font-size:20px}.accessories{padding:100px 0}.accessories-card{transition:all .7s cubic-bezier(.645,.045,.355,1)}.accessories-card:hover{transform:scale(1.02);box-shadow:0 10px 25px rgba(0,0,0,.25);border-radius:14px}.accessories-image{padding:15px 30px;border:1px solid rgba(255,255,255,1);border-radius:16px;box-shadow:0 4px 10px 0 rgba(0,0,0,.1);text-align:center}p.accessories-image-title{font-size:var(--font-size-25);font-weight:700;line-height:100%;letter-spacing:-.32px;color:rgba(65,68,75,1)}@media screen and (max-width:767px){.section-content{padding:0}}.fontlow{font-weight:300!important}@media (max-width:991px){.about-us-section{height:80vh!important}.about-cards{padding-top:50px}.roofing-about{padding-right:0}.features{padding:35px 0}.shades-text{width:100%}.accessories,.frames,.galvalume,.shades{padding:50px 0}h6.items-size-title{font-size:14px}span.sized-number{font-size:var(--font-size-15)}.main-title{font-size:var(--font-size-30)}.galvalume-text{flex-direction:column;font-size:var(--font-size-18)}.section-content{margin-top:20px}.roofting-about-content{text-align:justify}.project-image-content{margin-top:10px!important}.left-roofing-star{margin-top:0!important}.nav.nav-pills{gap:15px!important}.galvalume-text ul{list-style:none;padding-left:0}.nav-pills .nav-link,.nav-pills .nav-link.active{font-size:var(--font-size-18)}.right-col{border-radius:10px}.header{margin:80px 0 50px}}.width-40{width:40%!important}.width-60{width:60%!important}@media screen and (max-width:991px){.first-row{max-width:unset!important}.width-40,.width-60{width:100%!important}.color-name{font-size:var(--font-size-25);line-height:var(--font-size-25-line-height)}}@media screen and (min-width:992px) and (max-width:1300px){.first-row{justify-content:center}}