.heading2,.heading3,h2,h3,p{line-height:1.25}
.full-img img,.video-js .vjs-tech,.vjs-poster img{object-fit:cover}
.lenis.lenis-scrolling iframe,.product-img__item{pointer-events:none}
.category-button,.custom-option,.custom-select-trigger,.dots,.slider-button{cursor:pointer}
*{color:#121212}
.heading2,h2{font-size:2.5rem;font-weight:700}
.heading3,h3{font-size:1.375rem;font-weight:700}
.slider-button,.tag-page{font-size:12px;color:#fff}
p{font-size:1rem;font-weight:500}
.ourlegacy-intro p:last-child,.popover-content p:last-child,p:last-child{margin-bottom:0}
.common-padding-tp{padding-top:80px}
.common-padding-bt{padding-bottom:80px}
.common-padding{padding:80px 0}
.dot-span,.figure-video,.imgbox,.imgbox img,.more-about-us .swiper-slide a,.swiper-aboutus .swiper-slide a,.swiper-chemistrypeople .swiper-slide a,.swiper-offside .swiper-slide a,.swiper-ourlegacy .swiper-slide a,.swiper-responsibility .swiper-slide a,.title-inner{position:relative}
.figure-video::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(../images/homepage/video-icon.svg) no-repeat;height:100px;width:100px}
.lenis.lenis-stopped,figure .figure-img{overflow:hidden}
figure .figure-img img{-moz-transform:scale(1) rotate(0);-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0);transition:.6s;width:100%}
figure:hover .figure-img img{-moz-transform:scale(1.05) rotate(-1deg);-webkit-transform:scale(1.05) rotate(-1deg);-ms-transform:scale(1.05) rotate(-1deg);transform:scale(1.05) rotate(-1deg)}
body .viewport{margin-top:0}
@keyframes fillAnimation {
0%{stroke-dasharray:0,1000}
100%{stroke-dasharray:1000,0}
}
.animated-line{stroke-dasharray:0,1000;animation:2s ease-out forwards fillAnimation}
.milestones-section{position:relative;background-color:#fff;padding-bottom:120px!important}
.beyondgreenbuilding-section .title-graphic-left,.chemistry-life-section .title-graphic-left,.milestones-section .title-graphic-left,.rooted-responsibility-section .title-graphic-left{top:0}
.milestones-section .title-graphic{max-width:100%}
.milestones-section .title-graphic::after{background-image:url(../images/homepage/milestones-title-line.svg);position:absolute;top:0;right:-120px;width:77px;height:45px;background-repeat:no-repeat}
.more-about-us .swiper-wrapper{justify-content:center}
.more-about-us .swiper-slide:after,.swiper-offside .swiper-slide:after{background:rgba(0,0,0,.15);filter:blur(12px);height:15px;width:90%;z-index:-1;content:""}
#application_Tab.nav-tabs .nav-link button,.milestones-line-wrap img,.swiper-homebanner .swiper-slide img,body .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%}
.milestones-slider-inner{position:relative;display:flex;align-items:center;justify-content:center}
.milestones-container{position:relative;margin-top:40px}
.milestones-slider{position:absolute;bottom:216px;right:180px;width:600px;display:flex;align-items:center;justify-content:end;z-index:100}
.milestones-slider .swiper-slide{width:155px;display:flex;align-items:center;justify-content:center}
.category-button.active,.product-slider__item.swiper-slide-active .category-button{color:#006f44}
.product-img__item.active{display:block;opacity:1;transition-delay:.3s;animation:2s scale-display}
.product-img__item{display:none;align-items:center;position:relative;user-select:none;top:0;right:0;opacity:0;transition:.3s;width:550px}
.slider-button{width:25px;height:25px;background-color:#37a7f1;box-shadow:0 2px 4px #000;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:5px;z-index:1}
.dot-span,.imgbox::after{top:0;border-radius:100%}
.dot-span{width:12px;height:12px;background-color:#006f44;display:block;left:10px}
.imgbox,.milestones-caption{display:flex;width:100%;z-index:1}
.imgbox{border-radius:100%;align-items:center;justify-content:center;overflow:hidden;flex-wrap:wrap}
.imgbox img{border-radius:100%;width:100%}
.imgbox::after{content:"";background:linear-gradient(180deg,rgba(255,255,255,0) 50%,rgba(0,0,0,.7) 70%);width:100%;height:100%;position:absolute;left:0}
.milestones-caption{position:absolute;bottom:50px;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 110px;text-align:center}
.milestones-caption h3{color:#fff;font-weight:700;font-size:22px;line-height:26px;width:100%;border-bottom:1px solid #f5e7e7;padding-bottom:5px}
.milestones-caption p{font-weight:500;margin-bottom:0;font-size:1rem;line-height:24px;color:#fff}
.milestones-line-wrap{position:absolute;top:50%;left:45px;width:95%}
.product-img__item img{width:550px;height:550px;object-fit:cover}
.thumb-content{width:auto;margin-left:0;z-index:1;position:relative}
.milestones-slider .innerswiper-button{position:absolute;width:100px;left:100px}
.milestones-slider .product-slider__item.swiper-slide-active,.milestones-slider .swiper-slide.swiper-slide-prev,.swiper-chemistrypeople .swiper-slide.swiper-slide-prev,.swiper-offside .swiper-slide.swiper-slide-prev,.swiper-responsibility .swiper-slide.swiper-slide-prev{opacity:0;visibility:hidden}
.swiper-responsibility .swiper-slide.swiper-slide-prev, .swiper-offside .swiper-slide.swiper-slide-prev{ opacity: 1; visibility: visible;}
.milestones-slider .swiper-slide,.swiper-ourlegacy .swiper-slide{position:relative;transform:translate(0,0);transition:.6s;z-index:9;overflow:hidden}
.category-lists-slider .swiper-button-prev,.full-img{left:0}
.category-lists-slider .swiper-button-next{right:0}
.milestonesarrow-button{position:absolute;bottom:-65px;left:48%;width:80px}
.milestones-shape{position:absolute;top:0;left:-25px;width:105%}
.milestones-shape img{animation:55s linear infinite spin}
@keyframes spin {
from{transform:rotate(0)}
to{transform:rotate(-360deg)}
}
@keyframes scale-display {
0%{opacity:.2;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);scale:.8}
100%{opacity:1;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0);scale:1}
}
.hand-img,.popover-box{position:absolute}
.hand-left{bottom:30px;left:-20px}
.hand-right{top:30px;right:-20px}
.animeslide-slide.swiper-slide-active .full-body,.selected-svg .full-body{stroke-dasharray:168;stroke-dashoffset:168;animation:4s linear forwards dash}
.lefthandanimation{animation:1s linear forwards linedraw}
@keyframes linedraw {
0%{stroke-dashoffset:0;fill:transparent}
40%{stroke-dashoffset:1560;fill:transparent;visibility:visible;opacity:1}
80%{stroke-dashoffset:3120;fill:transparent;visibility:visible;opacity:1}
100%{stroke-dashoffset:3120;fill:#636466;visibility:visible;opacity:1}
}
.aboutTheDCMShriramGroup{min-height:627px}
.about-dcm-animation .icon1{width:100%;position:absolute;bottom:40px;left:0;right:0;opacity:.5}
.about-dcm-animation .icon2{position:absolute;top:12%;left:0}
.about-dcm-animation .icon3{position:absolute;top:3%;right:20px}
.about-dcm-animation .icon4{position:absolute;top:20%;right:20px}
.about-dcm-animation .icon5{position:absolute;bottom:10%;right:20px}
.about-dcm-animation .icon6{position:absolute;bottom:0;right:15%}
.swiper-button-next,.swiper-button-prev{height:28px;width:28px;border-radius:50%;overflow:hidden;background:url(../images/homepage/arrow-gray.svg) no-repeat}
.swiper-button-prev{left:-30px}
.swiper-button-next{right:-30px;transform:rotate(180deg)}
.swiper-button-next:hover,.swiper-button-prev:hover{background-image:url(../images/homepage/arrow-blue.svg)}
.BuildingaBetterWord .article,.bgb-wrap img,.custom-select,.custom-select.select .select__arrow,.swiper-button-next:after,.swiper-button-prev:after{display:none}
.swiper-button-prev:hover{transform:rotate(180deg) translateX(0px)}
.swiper-button-next:hover{transform:rotate(0) translateX(0px)}
.more-about-us{background-size:cover;padding:80px 0 160px!important}
.swiper-container.swiper-horizontal{padding:15px 0}
.more-about-us .swiper-slide{position:relative;z-index:9}
.more-about-us .swiper-slide:after{position:absolute;border-radius:100%;bottom:-5px;left:50%;transform:translate(-50%,-50%)}
.more-about-us figure{position:relative;transition:.6s;overflow:hidden;box-shadow:0 0 10px 0 #00000026;border-radius:20px;background-color:#fff}
.more-about-us .swiper-slide:hover .swiper-wrapper,.more-about-us .swiper-slide:hover figure,.swiper-offside .swiper-slide:hover .swiper-wrapper-inner,.swiper-responsibility .swiper-slide:hover .swiper-wrapper-inner{transform:translate(0,-15px)}
.more-about-us .swiper-slide figure,.swiper-offside .swiper-slide figure{height:100%;margin-bottom:0;position:relative;background:#f1f1f1;border-radius:12px;overflow:hidden}
.more-about-us .swiper-slide figcaption{padding:20px 20px 30px;background:#f1f1f1;min-height:auto}
.tag-page{background:#0000004d;border-radius:35px;font-weight:600;line-height:14px;padding:5px 10px;position:absolute;top:25px;right:25px;text-transform:uppercase;z-index:99;transition:.6s}
figure:hover .tag-page{background-color:#0095da;right:30px}
.swiper-aboutus{margin-top:40px}
.ourlegacy-intro,.swiper-aboutus .swiper-wrapper{padding-top:40px}
.swiper-aboutus .swiper-slide .swiper-wrapper-inner,.swiper-chemistrypeople .swiper-slide .swiper-wrapper-inner .figure-img,.swiper-offside .swiper-slide .swiper-wrapper-inner,.swiper-ourlegacy .swiper-slide .swiper-wrapper-inner .figure-img,.swiper-responsibility .swiper-slide .swiper-wrapper-inner{transform:translate(0,0);transition:.6s}
.overlay-text,.swiper-responsibility .swiper-slide .hover-figcaption{-webkit-transition:.5s cubic-bezier(.46,.695,0,.98);-moz-transition:.5s cubic-bezier(.46,.695,0,.98);-o-transition:.5s cubic-bezier(.46,.695,0,.98)}
.swiper-aboutus .swiper-wrapper-inner,.swiper-chemistrypeople .swiper-wrapper-inner,.swiper-ourlegacy .swiper-wrapper-inner,.swiper-responsibility .swiper-wrapper-inner{position:relative;display:inherit}
.swiper-wrapper-inner{position:relative;display:flex;height:100%}
.home-intro-section{position:relative;padding:80px 0 160px!important;background-color:#fff}
.swiper-offside{width:120%;overflow:hidden;}
.swiper-offside .swiper-slide{position:relative;transform:translate(0,0);z-index:9}
.swiper-offside .swiper-slide:after{position:absolute;border-radius:100%;bottom:-20px;left:50%;transform:translate(-50%,-50%)}
.swiper-offside .swiper-slide figcaption{padding:20px 20px 30px;background:#f1f1f1;min-height:155px}
.swiper-offside .swiper-slide figcaption p{color:#121212;font-size:22px;line-height:30px;font-weight:700}
.swiper-chemistrypeople .swiper-button-next,.swiper-chemistrypeople .swiper-button-prev,.swiper-offside .swiper-button-next,.swiper-offside .swiper-button-prev,.swiper-responsibility .swiper-button-next,.swiper-responsibility .swiper-button-prev{bottom:0;top:auto}
.swiper-offside .innerswiper-button{position:absolute;left:50%;bottom:-75px}
.swiper-chemistrylife .swiper-button-next,.swiper-chemistrypeople .swiper-button-next,.swiper-offside .swiper-button-next,.swiper-responsibility .swiper-button-next{right:-40px}
.swiper-chemistrylife .swiper-button-prev,.swiper-chemistrypeople .swiper-button-prev,.swiper-offside .swiper-button-prev,.swiper-responsibility .swiper-button-prev{left:-40px}
.swiper-offside .swiper-slide .swiper-wrapper-inner a{cursor:auto}
.swiper-chemistrypeople,.swiper-responsibility{width:120%; overflow: hidden;}
.swiper-responsibility.swiper-container{padding-top:40px;margin-top:40px}
.ourlegacy-section,.rooted-responsibility-section{position:relative;padding:80px 0 160px!important}
.swiper-chemistrypeople .swiper-slide,.swiper-responsibility .swiper-slide{position:relative;z-index:9;overflow:hidden}
.swiper-responsibility .swiper-slide figure{height:auto;margin-bottom:0;position:relative;background:#f1f1f1;border-radius:12px;overflow:hidden}
.swiper-responsibility .swiper-slide figcaption{padding:20px 20px 50px;background:0 0;position:absolute;bottom:0;width:100%;height:110px}
.swiper-chemistrypeople .swiper-slide figcaption p,.swiper-ourlegacy .swiper-slide figcaption p,.swiper-responsibility .swiper-slide figcaption p{color:#fff;font-size:16px;line-height:24px;font-weight:400}
.swiper-responsibility .swiper-slide figcaption h3{font-size:22px;line-height:26px;color:#fff;margin-bottom:20px}
.swiper-chemistrylife .innerswiper-button,.swiper-chemistrypeople .innerswiper-button,.swiper-ourlegacy .innerswiper-button,.swiper-responsibility .innerswiper-button{position:absolute;left:50%;bottom:-55px}
.swiper-chemistrypeople figure .figure-img img,.swiper-ourlegacy figure .figure-img img,.swiper-responsibility figure .figure-img img{width:100%;border-radius:20px}
.swiper-chemistrypeople figure .figure-img,.swiper-ourlegacy figure .figure-img,.swiper-responsibility figure .figure-img{border-radius:20px;position:relative}
.overlay-text{position:absolute;background:rgba(0,0,0,.5);width:100%;height:100%;transition:.5s cubic-bezier(.46,.695,0,.98);overflow:hidden}
.swiper-responsibility .swiper-slide .hover-figcaption{transform:translateY(0);opacity:1;transition:.5s cubic-bezier(.46,.695,0,.98)}
.swiper-responsibility .swiper-slide:hover .hover-figcaption{transform:translateY(0);opacity:1;background-color:rgba(0,111,68,.7);border-radius:20px;height:225px}
.swiper-responsibility .swiper-slide .hover-figcaption .hover-textwrap{visibility:hidden;opacity:0;display:none;-webkit-transition:.5s cubic-bezier(.46,.695,0,.98);-moz-transition:.5s cubic-bezier(.46,.695,0,.98);-o-transition:.5s cubic-bezier(.46,.695,0,.98);transition:.5s cubic-bezier(.46,.695,0,.98)}
.swiper-responsibility .swiper-slide:hover figcaption h3{margin-bottom:5px}
.swiper-responsibility .swiper-slide:hover .hover-figcaption .hover-textwrap{visibility:visible;opacity:1;display:block}
.swiper-chemistrypeople.swiper-container.swiper-horizontal{padding-bottom:0;margin-top:40px}
.chemistry-people-section{position:relative;padding:80px 0!important;background-color:#fff}
.swiper-chemistrypeople .swiper-slide:hover .swiper-wrapper-inner .figure-img,.swiper-ourlegacy .swiper-slide:hover .swiper-wrapper-inner .figure-img{transform:translate(0,0)}
.swiper-chemistrypeople .swiper-slide figure,.swiper-ourlegacy .swiper-slide figure{height:auto;margin-bottom:0;position:relative;background:#f1f1f1;border-radius:20px;overflow:hidden}
.swiper-chemistrypeople .swiper-slide figcaption{padding:60px 25px;background:linear-gradient(90deg,rgba(0,149,218,.9) 0,rgba(0,111,68,.9) 100%);position:absolute;bottom:0;right:0;width:340px;height:100%;border-top-right-radius:20px;border-bottom-right-radius:20px;opacity:0;visibility:hidden;transform:translate3d(100px,0,0);-webkit-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out}
.swiper-chemistrypeople .swiper-slide figcaption h3,.swiper-ourlegacy .swiper-slide figcaption h3{color:#fff;font-size:22px;line-height:26px;margin-bottom:0}
.divider-shape{padding-bottom:20px}
.swiper-chemistrypeople .swiper-slide.swiper-slide-active figcaption{opacity:1;visibility:visible;transform:translate3d(0,0,0)}
.title-graphic-ourlegacy svg{position:relative;bottom:0}
.ourlegacy-section .title{justify-content:start;text-align:left;margin-bottom:2rem}
.ourlegacy-section .title-in{text-align:left}
.swiper-ourlegacy.swiper-container.swiper-horizontal{padding-bottom:0}
.swiper-ourlegacy .swiper-slide figcaption{padding:20px 20px 40px;background:linear-gradient(90deg,rgba(0,149,218,.5) 0,rgba(0,111,68,.5) 100%);position:absolute;bottom:0;left:0;width:100%;height:auto;border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.swiper-ourlegacy{width:100%;height:100%;position:relative}
.title-graphic-ourlegacy{position:absolute;top:50px}
.ourlegacy-intro h3{color:#121212;font-size:22px;line-height:1.25;margin-bottom:30px}
.ourlegacy-intro p{color:#121212;font-size:16px;line-height:24px}
.beyondgreenbuilding-section{background-repeat:no-repeat;background-size:cover;width:100%;position:relative}
.beyondgreenbuilding-container{position:relative;padding-top:10%}
.full-img,.img-container img{width:100%;height:100%;position:absolute;top:0}
.full-img img{width:100%;height:100%}
.lenis.lenis-smooth{scroll-behavior:auto}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.img-container{width:100%;overflow:hidden}
.img-container img{left:50%;transform:translateX(-50%) scale(1.4);transform-origin:50% 50%}
.full-wrapper-inner{height:100vh}
.swiper-homebanner,.video-js{height:100%;width:100%}
.container-innerwrap{width:100%;height:100%;display:flex;gap:80px;flex-direction:row-reverse}
.menu-wrap{position:relative;width:100%}
.menuwrap-left{width:70%;display:flex;flex-direction:column;gap:40px}
.menuwrap-left .left-text{opacity:.2;font-weight:600;color:#fff;font-size:30px;line-height:1.25}
.menuwrap-right{width:30%}
.menuwrap-right .right-img{opacity:0;position:absolute;right:0;width:auto;z-index:1;padding:40px 30px;border-radius:20px;background:rgba(255,255,255,.2);height:auto;align-items:flex-start;justify-content:left;display:flex;flex-wrap:wrap;flex-direction:row;text-align:left;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-user-select:none;user-select:none}
.menuwrap-right .right-img::after{content:"";background:#ffffff0d;filter:blur(1px);width:100%;height:100%;position:absolute;top:0;left:0;border-radius:20px}
.swiper-homebanner{padding:0!important}
.homebanner-section{width:100%;height:100vh;padding-top:102px}
.swiper-homebanner .swiper-slide{overflow:hidden;position:relative}
.swiper-pagination-bullet{background:0 0;border:1px solid #fff;opacity:1;width:10px;height:10px}
.swiper-pagination-bullet-active{background:#fff}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,35px)}
.homebanner-caption-inner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center}
.homebanner-caption{position:relative;top:0;left:0;z-index:1;max-width:60%}
.homebanner-caption h1,.homebanner-caption h2{font-size:60px;line-height:70px;color:#fff;font-weight:800;margin-bottom:25px;transition-delay:3s}
.homebanner-caption p{font-size:21px;line-height:26px;color:#fff;font-weight:400;margin-bottom:25px;transition-delay:3s;max-width:65%}
.homebanner-caption-inner::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(270deg,rgba(255,255,255,0) 0,rgba(0,0,0,.3) 30%,rgba(0,149,218,.20211834733893552) 60%)}
.dots::after,.dots::before{content:"";left:25px;transition:.8s cubic-bezier(.335,.01,.03,1.05)}
.swiper-homebanner .swiper-slide:first-child .homebanner-caption p{max-width:80%}
.animeslide-slide.swiper-slide-active [data-animate]{opacity:1;transform:none}
.animeslide-slide.swiper-slide-active .homebanner-caption h1,.animeslide-slide.swiper-slide-active .homebanner-caption h2,.chemistry-life-section.is-active .swiper-chemistrylife .popover1{transition-delay:.6s}
.animeslide-slide.swiper-slide-active .homebanner-caption p{transition-delay:.8s}
.animeslide-slide.swiper-slide-active .banner-btn,.chemistry-life-section.is-active .swiper-chemistrylife .popover2{transition-delay:1s}
[data-animate]{opacity:0;transition:.8s ease-out}
[data-animate=bottom]{transform:translate3d(0,35px,0)}
.banner-element{position:absolute;bottom:30px;right:30px}
.dots,.slidergraphic-img{bottom:0;left:0;position:relative}
@keyframes dash {
to{stroke-dashoffset:0}
}
.BuildingaBetterWord .article-block{width:600px;margin:auto;overflow:hidden;padding:20px 10px;box-shadow:0 10px 14px -13px rgba(0,0,0,.2) inset;background:#fff;border-bottom:1px solid #f2f2f2}
.BuildingaBetterWord .show,.BuildingaBetterWord .shown,.custom-select-wrapper{display:block}
@-webkit-keyframes show-block {
from{opacity:0;transform:translateY(-100%)}
to{opacity:1;transform:translateY(0)}
}
@keyframes show-block {
from{opacity:0;transform:translateY(-100%)}
to{opacity:1;transform:translateY(0)}
}
.BuildingaBetterWord .tabs-block{display:flex;align-items:center;border:1px solid #f2f2f2;border-radius:100px;width:600px;height:38px;margin:30px auto;position:relative}
.BuildingaBetterWord .tabs-block li{text-align:center;flex:auto;font-size:18px;font-weight:400;color:#1bb1a5;position:relative;z-index:2;cursor:pointer;transition:.3s cubic-bezier(.86,0,.33,.26)}
.BuildingaBetterWord .tabs-block li.active{color:#fff;pointer-events:none;text-shadow:0 1px rgba(0,0,0,.3)}
.BuildingaBetterWord .tabs-block .label{position:absolute;left:0;top:-2px;background:#1bb1a5;box-shadow:0 2px 5px -1px rgba(0,0,0,.3);height:40px;transition:.5s}
.chemistry-life-section{position:relative;padding:80px 0 160px!important;width:100%;background-position:center;background-size:cover}
.dots,.slidergraphic-img img{width:auto}
.swiper-box-inner{position:relative;height:450px;display:flex;align-items:end}
.swiper-chemistrylife .swiper-slide:first-child .slidergraphic-img{left:1px;bottom:-9px}
.swiper-chemistrylife .swiper-slide:nth-child(2) .slidergraphic-img{bottom:2px}
.swiper-chemistrylife .swiper-slide:nth-child(3) .slidergraphic-img{bottom:-2px;left:-1px}
.swiper-chemistrylife .swiper-slide:nth-child(4) .slidergraphic-img{bottom:13px;left:-3px}
.swiper-chemistrylife .swiper-slide:nth-child(5) .slidergraphic-img{bottom:10px;left:-5px}
.swiper-chemistrylife .swiper-slide:nth-child(6) .slidergraphic-img{bottom:14px;left:-6px}
.swiper-chemistrylife .swiper-slide:nth-child(7) .slidergraphic-img{bottom:-12px;left:-7px}
.swiper-chemistrylife .swiper-slide:nth-child(8) .slidergraphic-img{bottom:21px;left:-9px}
.swiper-chemistrylife .swiper-slide{width:max-content}
.chemistry-life-section .title p{background:linear-gradient(270deg,#006f44 .54%,#0095da 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-flex}
.swiper-chemistrylife{margin-top:80px}
.dots{height:auto;border-radius:100%}
.dots::after,.dots::before,.popover-content{position:absolute;opacity:0;visibility:hidden}
.dots img{animation:2s ease-out infinite zoom-in-zoom-out;position:relative;z-index:1}
@keyframes zoom-in-zoom-out {
0%,100%{transform:scale(1,1)}
50%{transform:scale(1.2,1.2)}
}
.swiper-chemistrylife .swiper-slide:first-child .popover-box.popover1{left:75%;bottom:29%}
.swiper-chemistrylife .swiper-slide:first-child .popover-box.popover2{left:78%;bottom:25%}
.swiper-chemistrylife .swiper-slide:nth-child(2) .popover-box{left:30%;bottom:20%}
.swiper-chemistrylife .swiper-slide:nth-child(3) .popover-box{left:55%;bottom:29%}
.swiper-chemistrylife .swiper-slide:nth-child(4) .popover-box{left:50%;bottom:25%}
.swiper-chemistrylife .swiper-slide:nth-child(5) .popover-box{left:52%;bottom:30%}
.swiper-chemistrylife .swiper-slide:nth-child(6) .popover-box{left:60%;bottom:7%}
.swiper-chemistrylife .swiper-slide:nth-child(7) .popover-box{left:42%;bottom:15%}
.swiper-chemistrylife .swiper-slide:nth-child(8) .popover-box{left:28%;bottom:38%}
.popover-content{left:40px;top:0;width:300px;transition:.6s cubic-bezier(.335,.01,.03,1.08);background-color:rgba(239,242,246,.8);padding:10px}
.custom-select-trigger,.search-input{width:100%;background-color:transparent;color:#ccc}
.popover-content h3{font-size:20px;line-height:24px}
.popover-content p{font-size:16px;line-height:24px}
.popover-visible{opacity:1;top:-175px;visibility:visible}
.dots::before{bottom:25px;width:1px;height:0;border-left:1px dashed #000}
.trigger-active.dots::before{height:220px;opacity:1;visibility:visible}
.dots::after{top:-195px;width:20px;height:1px;border-bottom:1px dashed #000}
.trigger-active.dots::after{width:40px;opacity:1;visibility:visible;transition-delay:.5s}
.chemistry-life-section .swiper-chemistrylife .popover-box{opacity:0;visibility:hidden;transition:.8s cubic-bezier(.335,.01,.03,1.05);transform:scale(0)}
.chemistry-life-section.is-active .swiper-chemistrylife .popover-box{opacity:1;visibility:visible;transform:scale(1)}
.chemistry-life-section.is-active .swiper-chemistrylife .popover3{transition-delay:1.5s}
.chemistry-life-section.is-active .swiper-chemistrylife .popover4{transition-delay:2s}
.swiper-chemistrylife .swiper-slide:first-child,.swiper-chemistrylife .swiper-slide:nth-child(2),.swiper-chemistrylife .swiper-slide:nth-child(3){opacity:0;visibility:hidden;transition:.8s cubic-bezier(.335,.01,.03,1.15);transform:scale(.9)}
.chemistry-life-section.is-active .swiper-chemistrylife .swiper-slide:first-child{opacity:1;visibility:visible;transform:scale(1);transition-delay:.3s}
.chemistry-life-section.is-active .swiper-chemistrylife .swiper-slide:nth-child(2){opacity:1;visibility:visible;transform:scale(1);transition-delay:.8s}
.chemistry-life-section.is-active .swiper-chemistrylife .swiper-slide:nth-child(3){opacity:1;visibility:visible;transform:scale(1);transition-delay:1.3s}
.dot-blue{animation:3s linear infinite animate-pulse-blue;box-shadow:0 0 1px 1px #0095da}
.dot-green{animation:3s linear infinite animate-pulse-green;box-shadow:0 0 1px 1px #006f44}
.buildingabetterworld-section{height:auto;max-height:630px}
.buildingabetterworld-section .tab-outer{margin:30px auto;max-width:840px}
#application_Tab.nav-tabs{display:flex;flex-wrap:nowrap;justify-content:center;margin:0 -8px}
#application_Tab.nav-tabs .nav-link{margin-right:14px;background:rgba(255,255,255,.3);border-radius:10px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);text-align:center;border:none;font-size:18px;line-height:1;color:#fff;font-weight:500;padding:15px;transition:.6s;width:100%}
#application_Tab.nav-tabs .nav-item{flex:0 0 33.33%;max-width:33.33%;padding:0 8px}
#application_Tab.nav-tabs .nav-item:last-child .nav-link{margin-right:0!important}
#application_Tab.nav-tabs .nav-link.active{background:#fff;color:#0095da;font-weight:700}
.application_list{display:flex;flex-wrap:wrap;margin-bottom:40px;justify-content:center}
.application_list a{border:2px solid #fff;border-radius:10px;margin-right:8px;font-size:16px;line-height:1.5;padding:10px 20px;display:inline-flex;margin-bottom:8px;font-weight:400;color:#fff}
.buildingabetterworld-section .tab-pane.active .application_list,.buildingabetterworld-section .tab-pane.show .application_list{opacity:0;transform:translateY(50%);animation:1s ease-in-out forwards slideUp}
@keyframes slideUp {
to{opacity:1;transform:translateY(0)}
}
.read-more{font-size:16px;line-height:1.25;font-weight:600}
@keyframes animate-pulse-blue {
0%{box-shadow:0 0 0 0 rgba(0,149,218,.2)}
100%{box-shadow:0 0 0 15px rgba(0,149,218,.05)}
}
@keyframes animate-pulse-green {
0%{box-shadow:0 0 0 0 rgba(0,111,68,.2)}
100%{box-shadow:0 0 0 15px rgba(0,111,68,.05)}
}
.search-dropdown-container{max-width:460px;margin:0 auto}
.search-dropdown-container h3{margin-bottom:0;font-size:16px;line-height:1.25;color:#fff;font-weight:300}
.search-input{padding:10px;border:none;font-size:16px;outline:0}
.divider{border-top:1px solid #eee;margin:15px 0}
.custom-select-wrapper{position:relative;user-select:none}
.custom-select-trigger{padding:0 0 10px;font-size:16px;border-radius:5px;display:flex;justify-content:space-between;align-items:center}
.custom-select-trigger span{color:#fff;font-size:18px}
.arrow{width:10px;height:10px;border-left:2px solid #ccc;border-bottom:2px solid #ccc;transform:rotate(-45deg);transition:transform .3s}
.custom-select-wrapper.open .arrow{transform:rotate(135deg)}
.custom-options{position:relative;top:calc(100% + 5px);left:0;width:100%;background-color:#fff;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.3s;z-index:99;max-height:200px;overflow-y:auto}
.custom-select-wrapper.open .custom-options{opacity:1;visibility:visible;transform:translateY(0)}
.custom-option{padding:10px;font-size:16px;color:#333;transition:background-color .3s}
.custom-option.selected,.custom-option:hover{background-color:#f5f6f7}
.testimonials-section{margin-top:30px}
.testimonials-content{padding:0 20px 0 30px;position:relative}
.testimonials-content p{position:relative;z-index:1;font-weight:400}
.modal-header{border:none}
.modal-header .btn-close{position:absolute;top:15px;right:15px;opacity:1}
.modal-header .btn-close:focus{box-shadow:none;outline:0;border:none}
.mask-graphic{position:absolute;bottom:10%;right:0;text-align:right}
.mask-graphic img{max-width:85%}
.modal-body::-webkit-scrollbar{height:8px;width:8px}
.modal-body::-webkit-scrollbar-track{border-radius:5px;background-color:#dfe9eb}
.modal-body::-webkit-scrollbar-track:hover{background-color:#b8c0c2}
.modal-body::-webkit-scrollbar-track:active{background-color:#b8c0c2}
.modal-body::-webkit-scrollbar-thumb{border-radius:5px;background-color:#636466}
.modal-body::-webkit-scrollbar-thumb:hover{background-color:#636466}
.modal-body::-webkit-scrollbar-thumb:active{background-color:#636466}
.btn-wrap{text-align:center;display:flex;align-items:center;justify-content:center;margin-top:70px}
.beyondgreenbuilding-section .title-graphic.title-graphic-anm{max-width:60%}
.bootstrap-select .dropdown-toggle{background-color:transparent;border-radius:25px}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner{font-size:16px;color:#fff}
.bootstrap-select .dropdown-toggle:focus{outline:0!important;box-shadow:none}
.bootstrap-select .dropdown-toggle::after{top:20px;right:12px;border:none;background-image:url(../images/common-images/menu-right-arrow-white.svg)}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:70%}
.bootstrap-select .dropdown-menu{height:265px;width:95%}

.swiper-aboutus .swiper-button-next, .swiper-aboutus .swiper-button-prev {
    display: block ; /* Force arrows to be always visible */
    opacity: 1; /* Ensure full visibility */
  
}



@media (max-width:480px) {
.custom-option,.custom-select-trigger,.search-input{font-size:14px;padding:8px}
.arrow{width:8px;height:8px}
}
@media (max-width:1600px) {
.milestones-slider{bottom:217px;right:140px;width:500px}
.milestones-slider .swiper-slide{width:120px}
.milestonesarrow-button{left:45%}
.swiper-homebanner .swiper-slide picture img{width:100%;height:100vh;object-fit:cover}

}
@media (min-width:1366px) and (max-width:1600px) {
    /* .swiper-offside {width: 100%;margin-left: 8%;} 
    .swiper-responsibility {width: 100%;margin-left: 8%;}*/
}
@media (max-width:1680px) {
.milestones-slider{bottom:217px;right:140px;width:500px}
.milestones-slider .swiper-slide{width:120px}
.milestonesarrow-button{left:47%}
}
@media (max-width:1536px) {
.milestones-slider{bottom:220px;right:110px;width:450px}
.milestones-slider .swiper-slide{width:110px}
.milestonesarrow-button{left:46%}
}
@media (max-width:1440px) {
.milestones-slider{bottom:220px;right:90px;width:420px}
.milestones-slider .swiper-slide{width:100px}
.milestonesarrow-button{left:47%}
.testimonials-content{max-height:750px}
.swiper-homebanner .swiper-slide .homebanner-caption p{max-width:80%}
.swiper-homebanner .swiper-slide:first-child .homebanner-caption p{max-width:100%}
}
@media (max-width:1366px) {
.milestonesarrow-button{left:47%}
.hand-img img{height:150px}
.testimonials-content{max-height:650px}
.swiper-homebanner .swiper-slide .homebanner-caption p{max-width:80%}
.swiper-homebanner .swiper-slide:first-child .homebanner-caption p{max-width:100%}


}
@media (max-width:1280px) {
.milestones-slider{bottom:220px;right:50px;width:390px}
}
@media (max-width:992px) {
.hand-img{display:none}
.milestones-slider-inner{display:flex;align-items:center;justify-content:center}
.thumb-content{margin-left:0;margin-top:15%}
.milestones-slider{bottom:auto;top:-17px;width:70%}
.milestones-line-wrap{top:0}
.product-img__item{width:95%;margin:0 auto}
.milestones-caption{padding:0 50px}
.milestones-caption h3{font-size:20px;line-height:24px}
.milestones-shape{top:0;left:0}
.swiper-chemistrylife .swiper-slide{width:fit-content}
.swiper-chemistrylife .swiper-slide:first-child .popover-box.popover1{left:35%;bottom:20%}
.swiper-chemistrylife .swiper-slide:first-child .popover-box.popover2{left:75%;bottom:20%}
.homebanner-caption,.swiper-homebanner .swiper-slide .homebanner-caption p,.swiper-homebanner .swiper-slide:first-child .homebanner-caption p{max-width:100%}
.banner-element{bottom:90px}
}
@media (max-width:820px) {
.testimonials-modal .modal-dialog{max-width:90%}
.testimonials-modal .modal-content{padding-bottom:25px}
.ourlegacy-intro,.swiper-aboutus .swiper-wrapper{padding-top:0}
.more-about-us .swiper-wrapper{justify-content:normal}
.swiper-chemistrypeople{width:100%}
.swiper-chemistrypeople figure .figure-img,.swiper-chemistrypeople figure .figure-img img{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:20px}
.swiper-chemistrypeople .swiper-slide figcaption{position:relative;width:100%;border-radius:0 0 20px 20px;transform:translate3d(0,10px,0)}
.menuwrap-left .left-text{opacity:1}
.menuwrap-right{display:none}
.container-innerwrap{justify-content:center}
.beyondgreenbuilding-section,.full-wrapper-inner{height:100%}
.buildingabetterworld-section{max-height:700px}
.swiper-chemistrylife .swiper-slide:first-child .popover-box.popover1{left:70%;bottom:28%}
.milestones-line-wrap{left:20px}
.milestonesarrow-button{left:48%}
.bgb-wrap{text-align:center}
.bgb-wrap img{display:block;margin:0 auto 20px}
}
@media (max-width:767px) {
.bgb-wrap img,.swiper-responsibility .swiper-slide figcaption h3{margin-bottom:10px}
.more-about-us{padding:80px 0!important}
.rooted-responsibility-section{padding:80px 0 120px!important}
.ourlegacy-section{padding:80px 0 60px!important}
.beyondgreenbuilding-section .title-in{margin-bottom:20px}
.beyondgreenbuilding-container,.ourlegacy-intro,.swiper-aboutus .swiper-wrapper{padding-top:0}
.bgb-wrap img{max-width:120px}
.homebanner-section{height:75vh}
.swiper-homebanner .swiper-slide picture img{height:100%}
.more-about-us .swiper-wrapper{justify-content:normal}
.heading2,h2{font-size:2.125rem}
.chemistry-life-section.is-active .swiper-chemistrylife .swiper-slide:first-child .slidergraphic-img img{height:260px}
.chemistry-life-section .innerswiper-button,.dots::after,.dots::before,.swiper-homebanner .swiper-button-next,.swiper-homebanner .swiper-button-prev,.swiper-homebanner .swiper-slide .homebanner-caption p br{display:none}
.menuwrap-right,.swiper-chemistrypeople,.swiper-homebanner .swiper-slide img,.swiper-offside,.swiper-responsibility{width:100%}
.swiper-homebanner .swiper-slide picture{display:flex;height:100%}
.banner-element img{height:55px}
.banner-element{bottom:0;right:10px;max-width:50%}
.homebanner-caption h1,.homebanner-caption h2{font-size:32px;line-height:32px;margin-bottom:15px}
.animeslide-slide .homebanner-caption p{font-size:16px;line-height:24px}
.milestones-slider{width:300px;top:-12px;right:0}
.milestones-slider .product-slider__item.swiper-slide-active {opacity:1;visibility:visible;}
.milestones-slider .product-slider__item.swiper-slide-active .category-button {color: #0095da;}
.milestones-slider .product-slider__item.swiper-slide-active .category-button .dot-span {background-color: #0095da;}
.milestones-slider .swiper-slide{width:95px}
.milestones-line-wrap{left:10px}
.milestonesarrow-button{left:40%;display:none}
.milestones-container .btn-wrap,.swiper-aboutus,.swiper-chemistrypeople.swiper-container.swiper-horizontal{margin-top:0}
.swiper-chemistrylife .swiper-slide{width:max-content!important}
.swiper-box-inner{height:210px}
.dots img{height:20px;width:20px}
.swiper-chemistrylife .swiper-slide:first-child .popover-box.popover1{bottom:60%;left:40%}
.swiper-chemistrylife .swiper-slide:first-child .popover-box.popover2{bottom:12%}
.swiper-chemistrylife .swiper-slide:nth-child(2) .popover-box{bottom:20%}
.swiper-chemistrylife .swiper-slide:nth-child(3) .popover-box{bottom:35%}
.swiper-chemistrylife .swiper-slide:nth-child(4) .popover-box{left:55%;bottom:60%}
.swiper-chemistrylife .swiper-slide:nth-child(8) .popover-box{bottom:50%}
.swiper-chemistrylife .swiper-slide:first-child .popover-box.popover1 .popover-content{left:calc(100% - 255px)}
.swiper-chemistrylife .swiper-slide:first-child .popover-box.popover2 .popover-content{left:calc(100% - 0px)}
.swiper-chemistrylife .swiper-slide:nth-child(2) .popover-box.popover2 .popover-content{left:calc(100% - 75px)}
.swiper-chemistrylife .swiper-slide:nth-child(3) .popover-box.popover3 .popover-content{left:calc(100% - 100px)}
.swiper-chemistrylife .swiper-slide:nth-child(4) .popover-box.popover4 .popover-content{left:calc(100% - 120px)}
.swiper-chemistrylife .swiper-slide:nth-child(5) .popover-box.popover5 .popover-content{left:calc(100% - 200px)}
.swiper-chemistrylife .swiper-slide:nth-child(6) .popover-box.popover6 .popover-content,.swiper-chemistrylife .swiper-slide:nth-child(7) .popover-box.popover7 .popover-content,.swiper-chemistrylife .swiper-slide:nth-child(8) .popover-box.popover8 .popover-content{left:calc(100% - 150px)}
.swiper-chemistrylife .swiper-slide:nth-child(5) .slidergraphic-img{left:-15%}
.swiper-chemistrylife .swiper-slide:nth-child(5) .popover-box{left:40%;bottom:55%}
.swiper-homebanner .swiper-horizontal>.swiper-pagination-bullets,.swiper-homebanner .swiper-pagination-bullets.swiper-pagination-horizontal{text-align:left;left:15px}
.container-innerwrap{flex-wrap:wrap}
.menuwrap-left{width:100%;gap:15px}
.menuwrap-left .left-text{opacity:1;font-size:18px;line-height:24px}
.swiper-chemistrypeople .swiper-slide figcaption{position:relative;width:100%;border-radius:0 0 20px 20px;transform:translate3d(0,10px,0)}
.swiper-chemistrypeople figure .figure-img,.swiper-chemistrypeople figure .figure-img img{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:20px}
.swiper-button-next{right:25px;background-color:#fff}
.swiper-button-prev{left:25px;background-color:#fff}
.swiper-ourlegacy{margin-top:30px}
.buildingabetterworld-section{max-height:100%}
.custom-options{position:absolute}
#application_Tab.nav-tabs .nav-link{font-size:14px;padding:12px 8px}
.application_list a{font-size:14px;padding:9px 13px}
.testimonials-content{padding:0;max-height:inherit;margin-top:20px}
.product-img__item img{width:350px;height:350px}
.milestones-caption{padding:0 35px}
.beyondgreenbuilding-section .title-graphic.title-graphic-anm,.homebanner-caption,.swiper-homebanner .swiper-slide .homebanner-caption p,.swiper-homebanner .swiper-slide:first-child .homebanner-caption p{max-width:100%}
.swiper-responsibility.swiper-container{padding-top:0;margin-top:0}
.slidergraphic-img img{height:300px}
.swiper-chemistrylife .swiper-slide:first-child .slidergraphic-img{left:-30%}
.thumb-content{margin-top:20%}
.more-about-us .swiper-slide figcaption{min-height:auto}
.popover-content h3{font-size:18px;line-height:22px}
.popover-content p{font-size:15px;line-height:23px}
.ourlegacy-section .title{align-items:center;justify-content:center}
.chemistry-people-section .text-left{text-align:center!important}
.more-about-us .title{align-items:center;justify-content:center!important}
.swiper-responsibility figure .figure-img{border-radius:0}
.swiper-responsibility .swiper-slide figcaption{position:relative;padding:20px}
.common-slideupcaption .swiper-slide:hover .hover-figcaption,.swiper-responsibility .swiper-slide figcaption{height:auto;background-color:#006f44}
.swiper-responsibility .swiper-slide .hover-figcaption .hover-textwrap{visibility:visible;opacity:1;display:block}
.common-slideupcaption .swiper-slide figcaption p{color:#fff}
.swiper-responsibility .swiper-slide .hover-figcaption .arrow-line{position:relative;bottom:0}
}
@media (max-width:1439px) and (min-width:1263px) and (-webkit-device-pixel-ratio:1.5) {
.beyondgreenbuilding-container{padding-top:5%}
.menuwrap-left{gap:25px}
.swiper-aboutus{margin-top:0}
}
@media only screen and (max-width:393px) {
.swiper-chemistrylife .swiper-slide:nth-child(2) .swiper-box-inner,.swiper-chemistrylife .swiper-slide:nth-child(3) .swiper-box-inner,.swiper-chemistrylife .swiper-slide:nth-child(4) .swiper-box-inner,.swiper-chemistrylife .swiper-slide:nth-child(6) .swiper-box-inner,.swiper-chemistrylife .swiper-slide:nth-child(7) .swiper-box-inner{left:100px}
.swiper-chemistrylife .swiper-slide:nth-child(5) .swiper-box-inner,.swiper-chemistrylife .swiper-slide:nth-child(8) .swiper-box-inner{left:80px}
}
.parallax-background img{width:100%;width:100%;height:100vh;object-fit:cover}
@media (max-width:767px) {
.buildingabetterworld-section .parallax-background{position:absolute}
.beyondgreenbuilding-section .parallax-background{position:absolute}
.beyondgreenbuilding-section .parallax-background img{height:100%}
}