.disabled{pointer-events:none;opacity:.5}
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");*{padding:0;margin:0;box-sizing:border-box;-webkit-font-smotthing:antialiased;font-family:"Poppins",sans-serif}
html,body{scroll-behavior:smooth;overflow-x:hidden}
#logo img{filter:saturate(0);height:150px;width:150px;object-fit:scale-down}
.ready-build{padding-bottom:23px}
.navbar-toggler:focus,.navbar-toggler,.navbar-toggler:active,.navbar-toggler .navbar-toggler-icon:focus,.navbar-toggler-icon{outline:none !important;box-shadow:none !important;border:0 !important}
::-webkit-scrollbar{width:9px}
::-webkit-scrollbar-track{background:#f1f1f1}
::-webkit-scrollbar-thumb{background:#1c7ee0}
::-webkit-scrollbar-thumb:hover{background:#555}
h1,h2,h3,h4,h5,h6,p,a,ul,li{padding:0;margin:0;list-style:none;text-decoration:none}
.bg-color{background-color:#3775b9}
header.fixed{position:absolute;width:100%;top:0;z-index:1}
header hr{padding:0;margin:0;opacity:.7;color:#f5f5f552}
nav .flex{display:flex;align-items:center;justify-content:space-between;margin:0 auto;position:relative;width:100%}
nav .flex a{text-transform:uppercase;display:block;padding:15px;color:#fff}
.flex a.active{border-bottom:1px solid red;font-size:20px}
.offcanvas{background-color:#000000f1}
.offcanvas a{color:#fff}
body{padding-right:0 !important}
section.all_banner{height:100vh;position:relative;overflow:hidden}
section.all_banner img{height:100%;object-fit:cover}
section.all_banner .card-img-overlay{top:auto;bottom:20%}
section.all_banner h1{text-transform:uppercase}
section.vision .icon-box{border:1px solid #000;display:flex;justify-content:center;align-items:center;padding:30px;width:100px;height:80px}
section.value{background-color:#3775b9}
section.value p{font-weight:lighter;font-size:14px}
section.value .line{opacity:1;color:#fff;width:30px}
section.value .card{background:transparent;border:1px solid #fff;color:#fff;position:relative;border-radius:0}
section.value .card .heading{position:absolute;background-color:#3775b9;top:-25px;padding-left:20px;left:30px;padding-right:20px;text-transform:uppercase}
section.value .card .heading h5{font-weight:bold}
section.value .card p{padding-left:20px}
section.objective{background-image:url("../../../../../content/dam/tatasteelltdaemprogram/readybuild/images/banner-2.webp");background-position:center;background-size:cover;background-repeat:no-repeat;padding:200px 0}
section.objective .line{opacity:1;color:#fff;width:30px}
section.objective .card{background:transparent;border:1px solid;color:#fff;position:relative;border-radius:0}
section.objective .card .heading{position:absolute;background-color:#665e4a;top:-15px;padding-left:20px;left:30px;padding-right:20px;text-transform:uppercase}
section.objective .card .heading-2{position:absolute;background-color:#66624c;top:-15px;padding-left:20px;left:30px;padding-right:20px;text-transform:uppercase}
.line{width:40px;height:2px;opacity:1;color:red}
section.brand p{margin-bottom:35px;font-size:14px;font-weight:light}
section.brand img{margin:0 auto}
section.build p{font-size:14px}
section.build .card{background-color:#f7f7f7;border-radius:0}
section.build h4{color:#3775b9}
section.video .card-img-overlay{width:100%;justify-content:center;display:inline-flex;height:100%;align-items:center}
section.video .content{padding-top:50px;transform:translateX(-120px)}
section.video .content h2{color:#3775b9;background-color:#fff;font-size:35px;padding:5px}
section.video .content h3{color:#3775b9;background-color:#fff;font-size:50px;padding:5px;transform:translateX(-60px)}
section.video .content h4{color:#3775b9;background-color:#fff;font-size:50px;padding:5px}
section.video .content h5{color:#3775b9;background-color:#fff;font-size:50px;padding:5px;transform:translateX(30px)}
section.video p{font-size:14px}
section.video .btn{background-color:#3775b9 !important;border-radius:0;transition:all .6s ease-in-out}
section.video .btn:hover{background-color:#5e9cdf !important}
section.partners{background-color:#f9f9f9}
section.partners p{font-size:14px}
section.partners img{object-fit:contain;transition:all .5s ease-in-out}
section.partners button{background-color:transparent;border:0}
section.partners .controls{text-align:end;margin-top:4rem}
section.partners .controls .line-s{position:relative;display:inline-flex}
section.partners .controls .controls-btn{display:inline-flex;gap:40px}
section.partners .controls-btn::before{content:" ";display:block;width:2px;height:200%;background-color:#afafaf;position:absolute;left:49%;top:-10px;transform:translateX(-50%)}
section.partners .img-box{text-align:center}
section.leader .glide__slides{transition:all 1s ease}
section.leader .content{position:absolute;top:0;left:10%;opacity:0}
section.leader .content2{position:absolute;top:0;left:10%;opacity:0}
section.leader .content3{position:absolute;top:0;left:10%;opacity:0}
section.leader .content4{position:absolute;top:0;left:10%;opacity:0}
section.leader .content5{position:absolute;top:0;left:0;opacity:0}
section.leader .glide__slide p{font-size:14px}
section.leader .glide__slide h3{color:#3775b9}
section.leader .img-box{height:650px;display:flex;align-items:end;justify-content:center;transition:all 1s ease}
section.leader .controls{position:absolute;top:252px;right:50px;z-index:100}
section.leader .controls .line-s{position:relative;display:inline-flex}
section.leader .controls .controls-btn{display:inline-flex;gap:40px}
section.leader button{background:transparent;border:0}
section.leader .controls-btn::before{content:" ";display:block;width:2px;height:200%;background-color:#afafaf;position:absolute;left:49%;top:-10px;transform:translateX(-50%)}
section.leader .img-box img{transition:all 1s ease;height:300px;object-fit:cover}
section.leader .glide__slide--active .img-box img{height:100%;transition:all 1s ease;position:relative;z-index:100}
section.leader .glide__slide--active .content{opacity:1;left:15.5%;transition:all 1s ease .5s}
section.leader .glide__slide--active .content2{opacity:1;left:23.2%;transition:all 1s ease .5s}
section.leader .glide__slide--active .content3{opacity:1;left:30.9%;transition:all 1s ease .5s}
section.leader .glide__slide--active .content4{opacity:1;left:38.6%;transition:all 1s ease .5s}
section.leader .glide__slide--active .content5{opacity:1;left:46.3%;transition:all 1s ease .5s}
section.leader .glide__slide--active .small-content{opacity:0}
.bg1{background-color:#3d7edb}
.bg2{background-color:#103457}
.bg3{background-color:#58595b}
.color{color:#1f1f1f}
.color1{color:#3d7edb}
.font{font-family:"Poppins",sans-serif}
section.contact-us .nav-pills .nav-link{border-right:4px solid #1f1f1f;border-radius:0;font-weight:700;font-size:1.5rem;padding:0 28px;transition:all .5s ease}
section.contact-us .nav-pills .nav-link:hover{color:#3d7edb}
section.contact-us .nav-pills .nav-link.active{background-color:transparent;color:#3d7edb}
section.contact-us .tab-content{clip-path:polygon(100% 0,100% 77%,91% 100%,0 100%,0 0);padding:2rem 2rem 3.5rem;color:white;position:relative}
section.contact-us .tab-content .triangle img{position:absolute;top:0}
section.contact-us .tab-content .triangle2 img{position:absolute;left:332px;top:0}
section.contact-us .tab-content .triangle3 img{position:absolute;left:650px;top:0}
section.contact-us .tab-content .triangle4 img{position:absolute;left:922px;top:0}
section.contact-us .address{font-size:17px;width:75%;display:inline-block}
section.contact-us .contact_box{border-right:1px solid white}
section.contact-us .form_bg{background-color:#103457;padding:2rem;clip-path:polygon(100% 0,100% 70%,94% 100%,0 100%,0 0)}
section.contact-us .form-control,section.contact-us .form-select{padding:.65rem .75rem;color:#737373;border:1px solid transparent}
section.contact-us .form_bg .form_grp{margin-bottom:31px}
section.contact-us .form_bg .submit_btn{border:1px solid transparent;padding:8px 39px;font-size:20px}
.form-control:focus,.form-select:focus{box-shadow:none;border:1px solid transparent}
section.map .map_box{background-color:white;box-shadow:0 0 10px #5e5e5e80;padding:2rem;padding-right:1.5rem;margin-top:-462px}
section.map .scroll_bar{overflow:hidden;overflow-y:scroll;height:70vh}
section.map .scroll_bar::-webkit-scrollbar-track{border-right:2px solid white;border-left:2px solid white}
section.map .scroll_bar::-webkit-scrollbar{width:9px;background-color:#ccc;border-radius:10px}
section.map .scroll_bar::-webkit-scrollbar-thumb{background-color:#3d7edb;border-radius:10px}
section.knowledge .card{padding:1rem;clip-path:polygon(100% 0,100% 77%,80% 100%,0 100%,0 0)}
section.knowledge .card .btn1{color:white;font-weight:500;position:relative;display:inline-block}
section.knowledge .card .btn1::after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:white;transform-origin:bottom right;transition:transform .25s ease-out}
section.knowledge .card .btn1:hover::after{transform:scaleX(1);transform-origin:bottom left}
.bottom_line{width:100%;height:1px;background-color:#58595b42}
section.faq .accordion-button{padding:0;padding-bottom:1rem;background-color:transparent;border-bottom:1px solid transparent !important;font-size:14px}
section.faq .accordion-button:focus{box-shadow:none;background-color:transparent}
section.faq .accordion-button:not(.collapsed){border-bottom:1px solid #7070706e !important;color:#1f1f1f}
section.faq .accordion-body{padding-left:0;font-size:14px}
section.faq .accordion-button::after{background-image:url(../../../../../content/dam/tatasteelltdaemprogram/readybuild/images/add.webp);background-size:14px;margin-left:68px;background-position:center}
section.faq .accordion-button:not(.collapsed)::after{transform:none}
section.projects p{font-size:14px !important}
.main-box{opacity:1;color:red}
section.projects .card-content .size{display:flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:100%;background-color:#fff;border:1px solid red;padding:10px;margin-bottom:40px}
section.projects .dot{display:block;width:5px;height:5px;border-radius:100%;background-color:red}
section.projects .img-box img{clip-path:polygon(100% 0,100% 63%,70% 100%,0 100%,0 0);height:250px !important;width:100%;object-fit:cover;transition:height .8s ease}
section.projects{padding-left:100px;margin-top:-30px;margin-bottom:100px}
section.projects .card-title{font-size:20px}
section.projects .glide__track{height:65vh}
section.projects .glide__slide p,.glide__slide .btn-1{opacity:0 !important;pointer-events:none !important;transition:opacity .5s ease .8s}
section.projects .glide__slide--active .img-box img{height:550px !important}
section.projects .glide__slide--active p,.glide__slide--active .btn-1{opacity:1 !important;pointer-events:all !important}
section.projects .controls{position:absolute;right:40%;bottom:100px;display:flex;gap:100px}
section.projects .controls-btn{display:flex;gap:30px}
section.projects .controls-btn button{background-color:transparent;border:0}
section.projects .controls-btn::before{content:" ";display:block;width:2px;height:200%;background-color:#afafaf;position:absolute;left:20%;top:-10px;transform:translateX(-50%)}
section.product .size{margin-top:150px}
section.product p{font-size:14px}
section.product .padding{padding:50px 0}
section.product .clip{clip-path:polygon(0 0,100% 0,100% 74%,89% 100%,0 100%,0 50%)}
section.product .img{position:absolute;top:-70px;z-index:100;max-width:85%;left:40px}
section.services{margin-top:150px}
section.services .box{background-color:#3775b9;max-width:96%;height:690px;width:100%;margin:0 auto;position:absolute;left:49px;clip-path:polygon(0 0,100% 0,100% 74%,89% 100%,0 100%,0 50%)}
section.services .size{max-width:75%;margin:0 auto;color:#fff;transform:translateY(-100px)}
section.services .size img{max-width:80%}
section.services .size p{line-height:1.7}
section.video-service{background-color:#f9f9f9}
section.video-service .up{position:relative;top:-100px}
section.video-service .card{border-radius:0}
footer{border-top:5px solid #1968b3}
footer .top-footer{background-color:#1d1f22}
footer .social{display:flex;justify-content:center;align-items:center;gap:13px}
footer .social a i{border:1px solid white;border-radius:50px;padding:13px 15px;font-size:18px}
footer .bottom-footer{background-color:#070808}
footer .bottom-footer ul{display:flex;justify-content:center;align-items:center;gap:65px}
footer .bottom-footer ul li{border-right:1px solid white;padding-right:50px}
@media screen and (max-width:1600px){section.projects .card-title{font-size:24px}
section.projects .card-title{font-size:16px}
section.projects{padding-left:70px}
.clip{transform:translateX(-2px)}
}
@media only screen and (max-width:1500px){section.all_banner h1{font-size:45px}
section.leader .glide__slide--active .content{left:9.2%}
section.leader .glide__slide--active .content2{left:18.3%}
section.leader .glide__slide--active .content3{left:27.5%}
section.leader .glide__slide--active .content4{left:36.6%}
section.leader .glide__slide--active .content5{left:45.7%}
section.projects .controls{right:30%;bottom:100px}
section.projects{padding-left:100px;padding-right:0;margin-top:-30px}
}
@media only screen and (max-width:1399px){section.all_banner h1{font-size:35px}
section.video .content{padding-top:30px;transform:translateX(-50px)}
section.video .content h2{font-size:35px}
section.video .content h3{font-size:40px}
section.video .content h4{font-size:40px}
section.video .content h5{font-size:40px}
section.services .box{max-width:90%}
}
@media only screen and (max-width:1199px){section.leader .glide__slide--active .content{left:39.2%}
section.leader .glide__slide--active .content2{left:47%}
section.leader .glide__slide--active .content3{left:54.5%}
section.leader .glide__slide--active .content4{left:62%}
section.leader .glide__slide--active .content5{left:70.7%}
section.projects .controls{right:20%;bottom:100px}
section.projects{padding-left:70px;padding-right:0;margin-top:-30px}
section.product .padding{padding:40px 18px}
section.product .img{left:25px;top:-50px}
section.product .size{margin-top:100px}
section.services .box{height:1250px}
}
@media screen and (max-width:1050px){section.projects .controls{right:15%;bottom:100px}
section.projects{padding-left:50px;padding-right:0;margin-top:-30px}
section.product .img{max-width:90%}
section.services .box{height:auto;background-color:transparent}
section.services .container-fluid{background-color:#3775b9;max-width:90%}
section.services .size img{max-width:60%}
}
@media only screen and (max-width:1024px){section.all_banner h1{font-size:28px}
section.all_banner p{font-size:16px}
section.vision .icon-box{width:80px;height:60px}
section.objective{padding:150px 0}
section.video .content{transform:translateX(0)}
section.video .content h2{font-size:25px;transform:translateX(0)}
section.video .content h3{font-size:30px;transform:translateX(0)}
section.video .content h4{font-size:30px;transform:translateX(0)}
section.video .content h5{font-size:30px;transform:translateX(0)}
section.contact-us .nav-pills .nav-link{font-size:16px;padding:0 12px}
section.contact-us .contact_1{border-right:0}
section.contact-us .tab-content{clip-path:polygon(100% 0,100% 80%,85% 100%,0 100%,0 0)}
section.contact-us .contact_text{width:100% !important}
section.contact-us .tab-content .triangle2 img{left:220px}
section.contact-us .tab-content .triangle3 img{left:410px}
section.contact-us .tab-content .triangle4 img{left:580px}
footer .bottom-footer ul{gap:24px}
footer .bottom-footer ul li{padding-right:24px;font-size:13px}
}
@media only screen and (max-width:991px){section.map .scroll_bar{height:40vh}
section.map .map_box{margin-top:-399px}
section.faq .accordion-button::after{margin-left:auto}
footer .footer_list{flex-wrap:wrap;gap:20px}
footer .social a i{padding:10px 11px !important;font-size:11px}
section.projects .glide__track{height:100%}
section.projects{padding-left:50px;padding-right:50px;margin-top:-30px}
section.projects .glide__slide p,.glide__slide .btn-1{opacity:1 !important;pointer-events:all !important;transition:opacity .5s ease .8s}
section.projects .img-box img{clip-path:polygon(100% 0,100% 63%,70% 100%,0 100%,0 0);height:400px !important;width:100%;object-fit:cover;transition:height .8s ease}
section.projects .glide__slide--active .img-box img{height:400px !important;margin-top:0}
section.projects .controls{right:4%;bottom:auto;top:-80px;gap:30px}
section.projects.controls-btn::before{left:31%}
section.projects .card-title{font-size:22px}
section.contact-us .form_bg .form_grp{margin-bottom:29px}
section.contact-us .form_bg{clip-path:polygon(100% 0,100% 80%,88% 100%,0 100%,0 0)}
}
@media only screen and (max-width:992px){section.leader .glide__slide h3{font-size:20px;margin-top:15px}
section.leader .img-box{height:460px;justify-content:flex-start}
section.leader .img-box img{width:100%;height:100%;object-fit:cover}
section.leader .content{position:static;opacity:1}
section.leader .content2{position:static;opacity:1}
section.leader .content3{opacity:1;position:static}
section.leader .content4{opacity:1;position:static}
section.leader .content5{position:static;opacity:1}
section.leader .glide__slide--active .small-content{opacity:0}
section.leader .small-content{opacity:0}
section.leader .controls{top:-70px;right:57px}
section.map .scroll_bar{height:40vh}
section.map .map_box{margin-top:-399px}
section.faq .accordion-button::after{margin-left:auto}
footer .footer_list{flex-wrap:wrap;gap:20px}
footer .social a i{padding:10px 11px !important;font-size:11px}
section.projects .controls-btn::before{left:31%}
}
@media screen and (max-width:767px){section.product .img{position:static;max-width:55%;transform:translateY(-50px)}
section.product .img{position:static;max-width:55%;transform:translateY(-50px)}
section.product .clip{margin-top:-45px}
section.contact-us .contact_box{border-right:0}
section.projects .controls-btn-2{visibility:hidden}
.clip{transform:translateX(0)}
section.contact-us .form_bg{clip-path:polygon(100% 0,100% 85%,83% 100%,0 100%,0 0)}
}
@media screen and (max-width:730px){section.projects .img-box img{clip-path:polygon(100% 0,100% 100%,70% 100%,0 100%,0 0);height:400px !important;width:100%;object-fit:cover;transition:height .8s ease}
section.projects .glide__slide--active .img-box img{height:400px !important;margin-top:0;object-fit:contain;transition:all .8s ease}
section.projects .controls{right:29%;bottom:100px;top:auto;bottom:-49px;gap:30px}
section.projects .card-title{font-size:22px}
section.projects{padding-left:28px;padding-right:28px !important}
}
@media only screen and (max-width:600px){section.contact-us .tab-content .pill_text{width:100% !important}
section.contact-us .address{width:100%;font-size:16px}
section.contact-us .nav-pills .nav-link{font-size:13px;padding:0 5px;margin-bottom:10px;border-right:3px solid #1f1f1f}
section.contact-us .tab-content{clip-path:polygon(100% 0,100% 90%,85% 100%,0 100%,0 0);padding:1rem 1rem 3rem}
section.contact-us .nav-pills .dealer{padding-left:0}
section.map .map_box{margin-top:23px !important;width:346px;margin:0 auto;padding:1.5rem}
section.map .scroll_bar{height:70vh}
section.map iframe{width:100% !important}
footer .bottom-footer ul{gap:0;column-gap:18px;flex-wrap:wrap;row-gap:15px}
footer .bottom-footer ul li{padding-right:18px}
section.projects .controls{bottom:-54px}
section.services .size img{max-width:100%}
section.services .size{max-width:100%}
section.video-service .up{position:relative;top:0}
section.video-service .img-v{height:300px;object-fit:cover}
}
@media only screen and (max-width:500px){section.all_banner{height:70vh;position:relative;overflow:hidden}
section.all_banner h1{font-size:22px;line-height:1.5}
section.all_banner p{font-size:16px;line-height:1.4}
section.objective{padding:100px 0}
section.leader .img-box{margin-top:30px;height:450px;justify-content:flex-start}
section.leader .controls{top:-32px;right:6px}
section.projects .controls{right:23%}
section.contact-us .form_bg{clip-path:polygon(100% 0,100% 89%,81% 100%,0 100%,0 0)}
}
.root.container.responsivegrid,.container.responsivegrid{max-width:100%;padding:0 !important}