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