:root{--navy:#0b3a6e;--blue:#0a72b1;--red:#e0245e;--ink:#444;--soft:#f7f9fc} html{scroll-behavior:smooth} body{font-family:'Roboto',sans-serif;color:var(--ink);overflow-x:hidden} h1,h2,h3,h4,h5{font-family:'Roboto',serif;font-weight:700} img{max-width:100%} a{transition:.25s} .carousel-indicators{display: none;} /* ---------- Navbar ---------- */ .navbar-brand{padding: 2px 0;} .brand-logo{max-height: 75px;object-fit:contain} .site-nav{background:#fff;transition:box-shadow .3s,padding .3s;padding:.5rem 0; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);} .site-nav.scrolled{box-shadow:0 4px 18px rgba(0,0,0,.12)} .site-nav li.nav-item { margin: 0px 3px; } .site-nav li.nav-item.dropdown .dropdown-menu{ max-height: 80vh; overflow-y: scroll; } .site-nav .nav-link{font-size:1rem;font-weight:400;color:var(--navy);padding:.6rem .85rem;position:relative} .site-nav .nav-link::after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.2rem;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s} .site-nav .nav-link:hover,.site-nav .nav-link.active{color:var(--red);} .site-nav .nav-link:hover::after,.site-nav .nav-link.active::after{transform:scaleX(1)} .site-nav .dropdown-toggle::after{position:static;display:inline-block;background:none;height:auto;transform:none;border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent;margin-left:.4em;vertical-align:.15em} .dropdown-menu{border:0;border-radius:0 0 6px 6px;box-shadow:0 10px 25px rgba(0,0,0,.12);font-size:.85rem} .dropdown-item{padding:.55rem 1.2rem;transition:.2s} .dropdown-item:hover{background:var(--navy);color:#fff;padding-left:1.5rem} @media(min-width:1200px){.site-nav .dropdown:hover>.dropdown-menu{display:block}} .policy-card .title-area:hover{background:#ed2258;color:#fff;} /* ---------- Shared ---------- */ .btn-bls{background:var(--blue);color:#fff;border:0;border-radius:4px;font-size:.78rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase;padding:.6rem 1.2rem;transition:.25s} .btn-bls:hover{background:#ed2258;color:#fff;transform:translateY(-2px);box-shadow:0 6px 14px rgba(11,58,110,.3)} .sec-title{font-size:1.05rem;text-transform:uppercase;color:var(--navy);margin:0} .line-title, .sec-title{color:var(--navy); font-size: 1.5rem; font-weight: 500; margin-bottom: 1rem} .line-title::before{content:"";display:inline-block;width:70px;height:2px;background:var(--red);vertical-align:middle;margin-right:14px} .bg-cover{background-size:cover;background-position:center} .page-banner{position:relative;height:450px;background:#d2b48c} .page-banner img{width:100%;height:100%; background-size: cover;} .crumb{position:absolute;bottom:0;left:max(1rem,calc((100% - 1140px)/2 + .75rem));background:#fff;padding:.55rem 1rem;font-size:.85rem} .crumb a{text-decoration:none;color:#222}.crumb a:hover{color:var(--red)}.crumb .cur{color:var(--red)} /* ---------- Hero carousel ---------- */ .hero .carousel-item{height:78vh;min-height:440px;position:relative} .hero .carousel-item>img{width:100%;height:100%;object-fit:cover} .hero .carousel-item::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.05))} .hero .caption{position:absolute;z-index:2;top:50%;transform:translateY(-50%);left:0;right:0;color:#fff} .hero h1.title{font-size:64px; text-transform:uppercase;line-height:1.1; margin-bottom:1rem} .hero h1.subtitle{font-size:24px;line-height:1.1} .hero .caption>*{opacity:0} .hero .active .caption>*{animation:capIn .8s ease forwards} .hero .active .caption>*:nth-child(2){animation-delay:.2s}.hero .active .caption>*:nth-child(3){animation-delay:.4s} @keyframes capIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}} /* ---------- Expanding ---------- */ .expand{ animation: gradient 12s ease infinite; background: linear-gradient(90deg, #003262, #0a7ab7); background-size: 300% 300%; padding: 0; } .expand .line-title{color:#fff; font-size: 24px; font-weight: 500; margin-bottom: .5rem} .expand h6{font-size:18px; font-weight:500; color:#fff;} .expand p{font-size:18px;text-align:justify;line-height:1.7; color:#fff } .expand .img{min-height:380px;overflow:hidden} .expand .img img{width:100%;height:100%;object-fit:cover;transition:transform .8s} .expand .img:hover img{transform:scale(1.05)} /* ---------- Product range (left/right synced carousel) ---------- */ .range{background:var(--soft);position:relative} .range .line-title{color:var(--navy); font-size: 1.5rem; font-weight: 500; margin-bottom: 1rem} .range .pr-text{padding:20px 0 20px 50px;color:var(--navy);display:flex;flex-direction:column;justify-content:center;min-height:430px} .range .pr-text h3{font-family:'Roboto',sans-serif;font-size:1.7rem;text-transform:uppercase;color:#444;margin:1.4rem 0 .8rem} .range .pr-text p{color:#444;font-size:1rem} .pr-text,.pr-media>img{transition:opacity .25s ease,transform .25s ease} .is-changing{opacity:0} .pr-media{position:relative;min-height:430px} .pr-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .pr-tag{position:absolute;z-index:3;bottom:0;left:-261px;width:261px;height:162px;padding:1.2rem 1.1rem;color:#fff;text-decoration:none;background:linear-gradient(90deg,#0b3a6e,#0a72b1);font-family:'Roboto Slab',serif;text-transform:uppercase;display:flex;flex-direction:column;justify-content:space-between} .pr-tag b{font-size:.8rem;display:flex;justify-content:space-between;align-items:center} .pr-tag b i{font-size:1.6rem;transition:transform .3s}.pr-tag:hover b i{transform:translateX(8px)} .pr-next{position:absolute;z-index:3;left:0;bottom:-17px;width:270px;height:162px;border:0;padding:0;overflow:hidden;background:#555;cursor:pointer} .pr-next img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.55;transition:.4s} .pr-next i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;transition:transform .3s} .pr-next:hover img{opacity:.8;transform:scale(1.08)}.pr-next:hover i{transform:translateX(6px)} @media(max-width:991px){ .range .pr-text{padding:2.5rem 1.2rem 1.5rem;min-height:0} .pr-media{min-height:300px} .pr-tag{left:0;width:60%;height:100px;bottom:0} .pr-next{left:auto;right:0;width:40%;height:100px;bottom:0} } /* ---------- Facts ---------- */ .facts{ justify-content: center; background: url(../images/fact-bg.jpg) 50% center / cover no-repeat; padding: 150px 0px; } .facts .box{background:#fff;box-shadow:0 8px 30px rgba(0,60,120,.15);padding:2rem;border-radius:4px} @media(min-width:768px){.facts .col-md-4+.col-md-4{border-left:1px solid #ddd}} .facts i{font-size:3rem;color:var(--blue);transition:transform .4s}.facts .fact:hover i{transform:scale(1.15) rotate(-5deg)} .facts .num{font-size:24px;font-weight:700;color:#48484a;line-height:1.1} .facts .lbl{font-weight:700;color:#48484a;font-size:21px; max-width:150px} /* ---------- Power cables ---------- */ .prod-sec{padding:2.5rem 0} .cable{border-bottom:18px solid;border-image:linear-gradient(90deg,#0a72b1,#0b3a6e) 1;box-shadow:0 0 0 1px #eee} .cable-img{position:relative;min-height:340px;height:100%;overflow:hidden;background:#e9edf1} .cable-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease,transform .6s ease} .cable-img img.fade{opacity:0;transform:scale(1.04)} .cable-list{display:flex;flex-direction:column} .cable-item{flex:1;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;text-decoration:none;color:#333;background:#fff;border-bottom:1px solid #0a72b1;transition:background .25s,color .25s,padding .25s} .cable-item:last-child{border-bottom:0} .cable-item h3{font-size:1.6rem;text-transform:uppercase;color:var(--blue);margin:0;transition:color .25s} .cable-item p{margin:0;font-size:.95rem} .cable-item i{font-size:2rem;transition:transform .3s} .cable-item.active{background:var(--blue);color:#fff;padding-left:1.4rem} .cable-item.active h3{color:#fff}.cable-item.active i{transform:translateX(6px)} /* ---------- HDPE cards ---------- */ .pcard{position:relative;display:flex;align-items:flex-end;min-height:300px;overflow:hidden;text-decoration:none;border-bottom:20px solid;border-image:linear-gradient(90deg,#0b3a6e,#0a72b1) 1} .pcard>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s} .pcard:hover>img{transform:scale(1.07)} .pcard .in{position:relative;width:100%;padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem} .pcard h3{font-size:1.8rem;text-transform:uppercase;margin-bottom:.3rem}.pcard p{margin:0} .pcard i{font-size:2.2rem;transition:transform .3s}.pcard:hover i{transform:translateX(8px)} .pcard.dark{color:#fff}.pcard.dark::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 35%,rgba(0,0,0,.7))}.pcard.dark .in{z-index:2} .pcard.light{color:#222}.pcard.light h3{color:var(--navy)} /* */ section.prod-sec{padding:50px 0; background: url('../images/bg_products.jpg') 50% center / cover no-repeat fixed} .ps-100{padding-left:100px}.pe-100{padding-right:100px} .client-logo { margin: 20px; max-width: 120px; } /* ---------- Quality ---------- */ .quality{background:var(--navy);color:#fff;padding:3.5rem 0} .quality p{font-size: 18px;text-align:justify;line-height:1.7} .quality .line-title{color:#fff; text-transform:uppercase;} .quality .img{border-radius:4px;overflow:hidden}.quality .img img{width:100%;transition:transform .6s}.quality .img:hover img{transform:scale(1.04)} /* ---------- Clients ---------- */ .clients{position:relative;padding:4rem 0;background:#5c6c7a} .clients .line-title{text-transform:uppercase;} .clients>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .clients .panel{position:relative;background:rgba(255,255,255,.8);padding:2rem;border-radius:4px} .client{height:70px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--navy);font-size:1rem;border-radius:6px;transition:.3s;filter:grayscale(.5)} .client:hover{background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.12);transform:translateY(-3px);filter:none} /* ---------- News ---------- */ .news{background:linear-gradient(90deg,#0b3a6e,#1b7fd0);color:#fff;padding:50px 0 100px ;min-height:140px} .news .line-title{color:#fff} /* ---------- Global presence ---------- */ .global-presence .line-title{color: #414042; text-transform:uppercase;} /* ---------- About page ---------- */ section.page-banner.about{background: url('../images/about_us_bnr.jpg') center / cover no-repeat; height: 450px; position: relative; width: 100%;} .about-txt{ padding: 50px 0;} .about-txt p{text-align:justify;line-height:1.65;margin-bottom:1rem; font-size: 18px; color: #414042;} .about-title{font-size:2.5rem;text-transform:uppercase;color:#414042; font-weight: 700;} .vision{padding: 30px 0 50px;} .vision h3, .values h2{font-size: 40px; color: var(--navy);} .vision p{font-size: 18px; color: #414042;} .heritage{background:#003a7a;color:#fff;padding:3rem 0} .heritage h2, .leaders h2{font-size: 40px;} .heritage p{line-height:1.9; font-size: 18px;} .values .v{text-align:center;padding:1.5rem 1.5rem;transition:.3s}.values .v:hover{background:var(--soft);transform:translateY(-4px)} .values i{color: var(--navy);} .values .v h4{color:var(--navy);text-transform:uppercase;font-size:2rem} .values .v p{color:#414042;font-size:18px;} .both-border{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .value-divider { border-top: 1px solid #ccc; margin: 20px auto; width: 90%; } .leaders{background:#f1f2f2;padding:3rem 0} .leader h4{ color: #002147; font-family: Roboto Slab, serif; font-size: 2rem; font-weight: 700; text-transform: uppercase; } .leaders p{text-align:justify;line-height:1.6; font-size:18px;} /* ---------- certificate page ---------- */ section.page-banner.certificate{background: url('../images/certificate-banner.jpg') center / cover no-repeat; height: 450px; position: relative; width: 100%;} .certificate .certificate-group{ display: flex; gap: 20px; } .certificate-pdf{ margin-top: 50px; } .certificate-card{ border-radius: 6px; box-shadow: 0 2px 10px #00000014; display: block; overflow: hidden; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease; } .certificate-card:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0, 50, 98, 0.18); } .certificate-pdf-thumb { background: #fff; height: 180px; display: flex; align-items: center; justify-content: center; } .certificate-pdf-thumb i { font-size: 64px; color: #d32f2f; } .certificate-pdf-title-bar { background: #003262; color: #fff; font-size: 14px; font-weight: 500; padding: 14px 16px; min-height: 78px; display: flex; align-items: center; } .certificate-card:hover .certificate-pdf-title-bar{ background-color: #d32f2f; } /* ---------- product page ---------- */ section.page-banner.products{background: url('../images/events_bnr.jpg') center / cover no-repeat; height: 450px; position: relative; width: 100%;} section.page-banner.services{background: #003b7a; height: 100px; position: relative; width: 100%;} section.page-banner.contactus{background: url('../images/contact-banner.jpg') center / cover no-repeat; height: 450px; position: relative; width: 100%;} section.service{ padding: 50px 0; } section.service .sec-title{ font-size: 2.5rem; font-weight: 600; position: relative; text-transform: uppercase; color: #414042; } section.service h3{ color:#003262; font-size: 1.8rem; font-weight: 600; text-transform: uppercase; } section.service .ico{min-width: 180px;} section.service p{ font-size: 18px; font-weight: 400; text-align: justify; } .news-list{list-style:none;padding:0;margin:0} .news-list li{padding:.5rem 0;font-size:18px} .news-card{ background-color: #f2f2f2; border: 1px solid #f2f2f2; border-radius: 0; height: 100%; transition: .3s ease-in-out; } .news-card:hover{ transform: translateY(-3px); box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1); } .news-card .news-img, .news-card .news-img img{ height: 250px; max-width: 100%; } .news-card .news-description{ padding: 1rem; font-size: 18px; text-align: left; } .news-card .news-description h5{font-size: 20px; font-weight: 600; line-height: 30px; margin-bottom: 10px;} .gallary .news-img, .gallary .news-img img{ height: auto; width: 100%; } /* ---------- Contact page ---------- */ .info h4{color:var(--navy);text-transform:uppercase;margin:1.2rem 0 .4rem}.info a{color:inherit;text-decoration:none}.info a:hover{color:var(--blue)} .map-wrap{height:100%;min-height:340px;border-radius:6px;overflow:hidden}.map-wrap iframe{width:100%;height:100%;border:0} .form-control{padding:.7rem .9rem;border-radius:6px}.form-control:focus{border-color:var(--blue);box-shadow:0 0 0 .2rem rgba(10,114,177,.15)} /* ---------- Footer ---------- */ .site-footer{background: url('../images/background-footer.png') repeat,linear-gradient(90deg,#0a7ab7,#003262); color: #fff; padding: 30px 0;} .site-footer h5{font-family:'Roboto',sans-serif;font-size:1.375rem; margin-bottom: 15px;} .site-footer a{color:#fff;text-decoration:none;display:block;margin:.4rem 0;transition:.2s; font-size: 1rem} .site-footer a:hover{padding-left:6px;text-decoration:underline} @media(min-width:992px){.site-footer .col-lg-3+.col-lg-3{border-left:1px solid rgba(255,255,255,.3);padding-left:1.5rem}.site-footer .addr h5{text-align:center}} .site-footer .bottom{border-top:1px solid rgba(255,255,255,.25);margin-top:1.5rem;padding-top:.8rem;font-size:.78rem} .site-footer .bottom a{display:inline;margin:0}.site-footer .bottom a:hover{padding:0} @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}} .site-footer .copyright a{color:#fff;text-decoration:none;margin:.4rem 0;transition:.2s; font-size: 0.8rem} .carousel-control{ display: flex; position: absolute; height: 50px; width: 90px; right: 5%; bottom: 10%; gap: 10px; } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: inline; padding: 0; color: #fff; text-align: center; background: 0 0; border-radius: 50%; opacity: .5; right: 0; width: 40px; height: 40px; transition: opacity .15s ease; } .carousel-control-next { background-color: #a0982a; } .carousel-control-prev { background-color: #1e3b5a; } .carousel-control-prev-icon, .carousel-control-next-icon { width: 20px; position: relative; top: 3px; } section.page-banner.board-of-directors{background: url('../images/investor-banner.jpg') center / cover no-repeat; height:260px; position: relative; width: 100%;} section.page-banner.board-of-directors:before{ content: ""; background: #0032628c; content: ""; inset: 0; position: absolute;} /* ---------- Section title ---------- */ .section-title { border-left: 5px solid var(--red); padding-left: 20px; color: var(--navy); font-weight: 700; font-size: 30px; text-transform: uppercase; line-height: 1; margin: 30px 0; } /* ---------- Director cards ---------- */ .directors-wrap { border: 1px solid #eee; border-radius: 25px; padding: 35px; margin-bottom: 30px; } .director-card { height: 100%; min-height: 210px; background: #fff; border: 1px solid #f0f0f0; border-radius: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, .08); padding: 30px 15px; text-align: center; display: flex; flex-direction: column; align-items: center; } .director-card h5 { color: var(--navy); font-weight: 700; font-size: 19px; margin-bottom: 6px; } .director-card p { color: var(--muted); font-size: 16px; margin-bottom: 0; } .btn-know { margin-top: auto; background: var(--navy); color: #fff; font-weight: 600; border-radius: 50px; padding: 12px 32px; border: 0; } .btn-know:hover, .btn-know:focus { background: var(--red); color: #fff; } /* ---------- Modal ---------- */ .director-modal .modal-content { border: 0; border-radius: 14px; overflow: hidden; } .director-modal .modal-header { background: var(--navy); color: #fff; border-bottom: 4px solid var(--red); padding: 20px 25px; } .director-modal .modal-title { font-weight: 700; font-size: 22px; line-height: 1.2; } .director-modal .designation { font-size: 15px; opacity: .85; display: block; font-weight: 400; margin-top: 4px; } .director-modal .modal-body { padding: 25px; font-size: 16px; line-height: 1.7; } .director-modal .modal-footer { border-top: 1px solid #eee; } /* ---------- Containers & cards ---------- */ .panel{border:1px solid #e6e9ee;border-radius:12px;background:#fdfdfd;padding:2rem;} .person-card{ background:#fff;border:1px solid #eef0f3;border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,.06); text-align:center;padding:1.6rem 1rem;height:100%; } .person-card h5{color:var(--navy);font-weight:700;font-size:1.05rem;margin-bottom:.4rem;} .person-card .role{font-size:.9rem;color:#555;margin-bottom:0;} .person-card .sub-role{font-size:.85rem;color:#888;margin-bottom:0;} .board-card{min-height:178px;display:flex;flex-direction:column;justify-content:space-between;} .committee-card{padding:1.5rem 1rem;} .committee-card h5{font-size:1.2rem;} .btn-know{ background:var(--navy);color:#fff;border:0;border-radius:50px; padding:.5rem 1.8rem;font-weight:700;font-size:.95rem;margin-top:1.4rem; } .btn-know:hover,.btn-know:focus{background:var(--red);color:#fff;} .committee-title { border-left: 4px solid var(--red); padding-left: .9rem; color: var(--navy); font-weight: 700; font-size: 1.05rem; text-transform: uppercase; } .section-sub { font-weight: 700; color: #1b2a3a; font-size: 1.3rem; } /* Section headings */ .sec-title { color: var(--navy); font-weight: 700; font-size: 1.5rem; } /* Report cards */ .investor-relations .report-card { text-align: center; padding: 2rem 1rem; border-right: 1px solid #ddd; height: 100%; } .report-col:last-child .report-card { border-right: 0; } @media (max-width: 767px) { .report-card { border-right: 0; border-bottom: 1px solid #eee; } } .investor-relations .report-card img { height:150px; } .investor-relations .report-card h3 { font-size: 1.1rem; color: var(--navy); font-weight: 700; line-height: 1.3; } .investor-relations .report-card a { color:#fff; text-decoration: none; } .investor-relations .report-card a:hover { color: var(--pink); } /* Accordion */ .investor-relations .accordion-item { border: 0; border-bottom: 1px solid #ddd; border-radius: 0; } .investor-relations .accordion-button { color: var(--navy); font-weight: 700; font-size: 1.5rem; padding: 1rem 0; background: transparent; box-shadow: none; } .investor-relations .accordion-button:not(.collapsed) { color: var(--navy); background: transparent; box-shadow: none; } .investor-relations .accordion-button:focus { box-shadow: none; } .investor-relations .accordion-body { padding: 0 0 1.5rem; } section.page-banner.investor_main{background: url('../images/investor-banner.jpg') center / cover no-repeat; height:450px; position: relative;width: 100%;} /* ---------- Director cards ---------- */ .directors-wrap { border: 1px solid #eee; border-radius: 25px; padding: 35px; margin-bottom: 30px; } .director-card { height: 100%; min-height: 210px; background: #fff; border: 1px solid #f0f0f0; border-radius: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, .08); padding: 30px 15px; text-align: center; display: flex; flex-direction: column; align-items: center; } .director-card h5 { color: var(--navy); font-weight: 700; font-size: 19px; margin-bottom: 6px; } .director-card p { color: var(--muted); font-size: 16px; margin-bottom: 0; } .btn-know { margin-top: auto; background: var(--navy); color: #fff; font-weight: 600; border-radius: 50px; padding: 12px 32px; border: 0; } .btn-know:hover, .btn-know:focus { background: var(--red); color: #fff; } /* Cards */ .policy-wrap { border: 1px solid #e6ebf2; border-radius: 14px; padding: 1.8rem; background: #fff; } .policy-card { height: 100%; display: flex; flex-direction: column; border-radius: 8px; overflow: hidden; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.12); transition: transform .2s ease, box-shadow .2s ease; } .policy-card:hover { transform: translateY(-4px); box-shadow: 0 8px 18px rgba(0,49,95,.22); } .policy-card .icon-area { flex: 1; min-height: 135px; display: flex; align-items: center; justify-content: center; } .policy-card .icon-area i { font-size: 4rem; color: #d62828; } .policy-card .title-area { background: #00315f; color: #fff; padding: 1rem 1.1rem .8rem; font-size: .95rem; display: flex; flex-direction: column; } /* ---------- Modal ---------- */ .director-modal .modal-content { border: 0; border-radius: 14px; overflow: hidden; } .director-modal .modal-header { background: var(--navy); color: #fff; border-bottom: 4px solid var(--red); padding: 20px 25px; } .director-modal .modal-title { font-weight: 700; font-size: 22px; line-height: 1.2; } .director-modal .designation { font-size: 15px; opacity: .85; display: block; font-weight: 400; margin-top: 4px; } .director-modal .modal-body { padding: 25px; font-size: 16px; line-height: 1.7; } .director-modal .modal-footer { border-top: 1px solid #eee; } /* ---------- Panels & report cards ---------- */ .panel { border: 1px solid #e6eaf0; border-radius: 14px; padding: 34px; box-shadow: 0 2px 6px rgba(0, 0, 0, .04); margin-bottom: 70px; } .financial-reports .report-card { border: 1px dashed #3a6fb0; border-radius: 14px; padding: 38px 26px 34px; text-align: center; height: 100%; background: #fff; } .financial-reports .report-card h6 { font-weight: 700; font-size: 1.05rem; line-height: 1.7; margin-bottom: 20px; } .financial-reports .btn-know { background: var(--navy); color: #fff; font-weight: 700; font-size: .95rem; padding: 12px 32px; border-radius: 50px; border: 0; } .financial-reports .btn-know:hover, .financial-reports .btn-know:focus { background: var(--red); color: #fff; } /* ---------- Group company accordion ---------- */ .group-acc .accordion-item { border: 1px solid #e6eaf0; border-radius: 0; } .group-acc .accordion-button { background: var(--sky); color: var(--navy); font-weight: 700; padding: 20px 26px; box-shadow: none; } .group-acc .accordion-button:not(.collapsed) { background: var(--sky); color: var(--navy); } /* chevron up when open, down when closed */ .group-acc .accordion-button::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230b2f63' stroke-width='1.2'%3E%3Cpath d='M2 11l6-6 6 6'/%3E%3C/svg%3E"); transform: rotate(0deg); } .group-acc .accordion-button.collapsed::after { transform: rotate(180deg); } .group-acc .accordion-body { padding: 24px 28px 28px; } .group-acc .report-card { padding: 30px 20px 26px; } .group-acc .report-card h6 { font-size: 1rem; } /* ---------- Headings ---------- */ .page-title { border-left: 4px solid var(--red); padding-left: 22px; color: var(--navy); font-weight: 700; text-transform: uppercase; margin: 28px 0 34px; } .section-heading { font-family: Georgia, "Times New Roman", serif; color: var(--navy); font-weight: 700; text-align: center; margin-bottom: 28px; } /* Page title */ /* .page-title { border-left: 4px solid var(--pink); padding-left: 1.5rem; margin: 1.9rem 0 1.5rem; color: var(--navy); font-weight: 700; text-transform: uppercase; font-size: 2rem; line-height: 1.1; max-width: 900px; } */ /* Tabs */ .gov-tabs { border-bottom: 1px solid #e3e6ea; } .gov-tabs .nav-link { color: #666; font-weight: 700; font-size: 1.05rem; border: 0; border-radius: 4px 4px 0 0; padding: .85rem 1.5rem; } .gov-tabs .nav-link.active { background: #062f63; color: #fff; } .section-title-Corporate { color: var(--navy); font-family: Georgia, "Times New Roman", serif; font-weight: 700; text-transform: uppercase; font-size: 1.5rem; padding: 1.5rem 0 .75rem; border-bottom: 1px solid #e3e6ea; margin-bottom: 1.25rem; } /* Report table */ .report-card { border: 1px solid #eef0f3; border-radius: 22px; padding: 2.2rem; background: #fff; box-shadow: 0 1px 6px rgba(0,0,0,.04); } .report-table { margin: 0; } .report-table thead th { background:#062f63; color: #fff; text-align: center; font-size: .9rem; padding: .95rem .5rem; border-color: #fff; vertical-align: middle; } .report-table tbody td { text-align: center; padding: .7rem .5rem; color: #333; } .report-table tbody tr:nth-child(even) td { background: #f8f9fa; } .report-table .empty { color: #aaa; } .report-table a { color: var(--navy); font-weight: 600; text-decoration: none; } .report-table a:hover { color: var(--pink); text-decoration: underline; } /* Card holding all the links */ .doc-list { border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 2px 8px rgba(11, 42, 91, 0.06); overflow: hidden; background: #fff; } /* Each row is a single link */ .doc-link { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem 1.9rem; color: var(--brand-navy); font-size: 1.15rem; font-weight: 700; text-decoration: none; border-bottom: 1px solid #e9edf3; transition: background-color .2s ease; } .doc-link:last-child { border-bottom: 0; } .doc-link:hover, .doc-link:focus-visible { background-color: #f5f8fc; color: #0b2a5b; } /* Round chevron button on the right */ .doc-link .arrow { width: 40px; height: 40px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #eef2f7; color: #0b2a5b; font-size: 1rem; transition: background-color .2s ease, color .2s ease; } .doc-link:hover .arrow { background: #0b2a5b; color: #fff; } @media (max-width: 576px) { .page-title { font-size: 1.4rem; } .doc-link { padding: 1.1rem 1.1rem; font-size: 1rem; } } /* -----------------------------NEW--------------------------------------- */ section.page-banner.products-in{background: url('../images/pipe_coating.jpg') center / cover no-repeat; height: 450px; position: relative; width: 100%;} section.page-banner.products-in1{background: url('../images/potical_fibre_cables_inner_banner.jpg') center / cover no-repeat; height: 450px; position: relative; width: 100%;} section.page-banner.products-in2{background: url('../images/HFFR_Inner_compound_bnr.jpg') center / cover no-repeat; height: 450px; position: relative; width: 100%;} section.page-banner.products-in3{background: url('../images/pvc_compound.jpg') center / cover no-repeat; height: 450px; position: relative; width: 100%;} /* List wrapper */ .policy-list { margin: 0; padding: 0; list-style: none; } /* Each row: title on the left, download icon on the right */ .policy-link { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 0; color: var(--text-dark); font-size: 1.15rem; font-weight: 700; text-decoration: none; border-bottom: 1px solid #dee2e6; transition: color .2s ease; } .policy-link:hover, .policy-link:focus-visible { color: #0d6efd; } .policy-link i { font-size: 1.3rem; flex-shrink: 0; } @media (max-width: 576px) { .policy-link { font-size: 1rem; padding: .9rem 0; } } /* ---------- Document row ---------- */ .doc-row { display: flex; align-items: center; justify-content: space-between; padding: 1.1rem 0; border-bottom: 1px solid #dee2e6; } .doc-row h2 { margin: 0; font-size: 1.5rem; font-weight: 700; } .doc-row a { color: #c0243f; font-size: 2rem; line-height: 1; } /* ---------- Video sections ---------- */ .video-title { font-size: 1.8rem; font-weight: 700; color: var(--brand-navy); text-transform: uppercase; margin-bottom: 1rem; } .video-box { width: 100%; border-radius: 10px; background: #000; } /* ---------- Disclaimer modal ---------- */ #disclaimerModal .modal-content { border: 0; border-radius: 10px; } #disclaimerModal .modal-body { padding: 2rem 2.5rem 1rem; font-size: 1.2rem; line-height: 1.55; } #disclaimerModal .modal-footer { border-top: 0; justify-content: flex-end; padding: 0 2.5rem 2rem; } #disclaimerModal .btn-choice { background: #0b2a5b; border: 0; color: #fff; font-size: 1.15rem; padding: .7rem 1.5rem; border-radius: 6px; } #disclaimerModal .btn-choice:hover { background: #085a9c; } @media (max-width: 576px) { #disclaimerModal .modal-body { padding: 1.25rem; font-size: 1rem; } #disclaimerModal .modal-footer { padding: 0 1.25rem 1.25rem; } } section.page-banner.about{background: url(../images/bls_careers.jpg) center / cover no-repeat;} /* -----------------------------NEW--------------------------------------- */ section.page-banner.products-in{background: url('../images/pipe_coating.jpg') center / cover no-repeat; height: 450px; position: relative; width: 100%;} section.page-banner.products-in1{background: url('../images/potical_fibre_cables_inner_banner.jpg') center / cover no-repeat; height: 450px; position: relative; width: 100%;} section.page-banner.products-in2{background: url('../images/HFFR_Inner_compound_bnr.jpg') center / cover no-repeat; height: 450px; position: relative; width: 100%;} section.page-banner.products-in3{background: url('../images/pvc_compound.jpg') center / cover no-repeat; height: 450px; position: relative; width: 100%;} section.page-banner.investor{background: url('../images/investor-bg.jpg') center / cover no-repeat; height: 450px; position: relative; width: 100%;} /* ---------------------------- Investor Relations --------------------------- */ /* ================= Investor Relations page ================= */ .page-banner.investor{height:235px;background:#1d3f6e} .inv-page{padding:2.5rem 0 3rem} .inv-intro{text-align:justify;line-height:1.6;margin:.4rem 0 2rem} /* collapsible section headers (they are