@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto+Slab:wght@100;200;300;400;500;600&display=swap"); * { margin: 0px; padding: 0px } ::-webkit-scrollbar { width: 8px } ::-webkit-scrollbar-track { background: #fff } ::-webkit-scrollbar-thumb { background: #088b6b } ::-webkit-scrollbar-thumb:hover { background: #088b6b } body { padding: 0px; margin: 0px; font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 500 } h1, h2, h3, h4, h5 { padding: 0px; margin: 0px; font-family: "Montserrat", sans-serif } .logo-area{ height:100% !important;} p { padding: 0px; margin: 0px } section { clear: both } .mainhomebg { background: url("../images/home-bg-main.jpg") top center no-repeat } .logo-area { height:100% !important; } @-webkit-keyframes movebounce { 0% { transform: translateY(0) } 50% { transform: translateY(20px) } to { transform: translateY(0) } } @keyframes movebounce { 0% { transform: translateY(0) } 50% { transform: translateY(20px) } to { transform: translateY(0) } } .scroll-top { background: #4c5a67; display: inline-block; height: 44px; width: 44px; line-height: 44px; text-align: center; border-radius: 50%; position: fixed; bottom: 10px; right: 10px; overflow: hidden; white-space: nowrap; z-index: 8; color: #fff; cursor: pointer } .sticky { position: fixed; top: 0; width: 100%; background: #fff; z-index: 20; -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1); padding: 0px } .sticky .logo-area { height:100% !important;  } .menu { padding-top: 30px } .menu ul { margin: 0px; padding: 0px; list-style: none; float: right } .menu ul li { float: left; font-family: "Montserrat", sans-serif; padding: 0px 0px 0px 0px; margin: 0px 2px; position: relative; line-height: 60px } .menu ul li i { font-size: 12px; padding-left: 5px } .menu ul li a { color: #000; text-decoration: none; padding: 10px 13px; transition: 0.3s; text-transform: none; letter-spacing: 0.3px } .menu ul li a:hover { color: #fff; background: #088b6b; border-radius: 0px } .menu ul li:last-child { padding-right: 0px } .dropdown { position: relative; display: inline-block } .dropdown-content { display: none; position: absolute; min-width: 200px; border-radius: 0px; padding-top: 10px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 99999; top: 60px; overflow: hidden } .dropdown-content li { color: black; text-decoration: none; display: block; width: 100%; background: #fff; padding: 2px 10px !important; margin: 0px !important } .dropdown-content li a { display: block; letter-spacing: 0.3px; line-height: 20px } .dropdown-content li a:hover { background: none !important; color: #088b6b !important; padding: 10px !important; margin: 0px !important; width: 100% } .dropdown-content li a span { display: block; font-size: 12px; font-weight: normal; text-transform: none } .dropdown:hover .dropdown-content { display: block !important } .sticky .dropdown-content { top: 60px } .mobile-menu-btn { background: #088b6b; padding: 6px 12px; color: #fff; top: 12px } .sidenav { height: 100%; width: 0; position: fixed; z-index: 9999; top: 0; left: 0; background-color: #323134; overflow-x: hidden; transition: 0.5s; padding-top: 50px; list-style-type: none } .sidenav a { padding: 10px 15px 10px 15px; text-decoration: none; font-size: 16px; color: #fff; display: block; transition: 0.3s; border-bottom: 1px solid #2b2b32; text-transform: capitalize } .sidenav ul { margin: 0px; padding: 0px } .sidenav li a i { float: right } .sidenav li ul { margin: 0px; padding: 0px } .sidenav li ul li { padding-left: 0px } .sidenav a:hover, .offcanvas a:focus { color: #088b6b } .sidenav .closebtn { border: medium none; position: absolute; top: -14px; right: 0px; font-size: 38px; margin-left: 50px; color: #088b6b } .droup-arrow { float: right; margin-right: 20px } .menuIcn { color: #088b6b; font-size: 24px; float: right; padding: 0px; display: none; border: 1px solid #088b6b; margin-left: 10px; margin-top: 3px; cursor: pointer; font-family: 'Font Awesome 5 Pro' } .slide-banner { width: 100%; float: none; overflow: hidden } .slide-banner .swiper { width: 100%; height: 100% } .slide-banner .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center } .slide-banner .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover } .slide-banner .swiper-button-next, .slide-banner .swiper-button-prev { color: #ffffff } .slide-social-icon { position: fixed; width: 50px; right: 0px; top: 440px; z-index: 10 } .slide-social-icon img { width: 50px; margin-bottom: 5px } .main-block-theme { background: #4c5a67 } .greybox-scroll { background: #4c5a67; padding: 30px 40px 20px 80px; position: relative; clear: both; width: 100%; float: left; border-radius: 0px; margin-top: 0px; z-index: 1; color: #fff; font-weight: 400 } .greybox-scroll img { width: 60px } .greybox-scroll .swiper-slide { padding-bottom: 30px } .greybox-scroll .swiper-slide span { font-weight: bold; color: #fff } .greybox-scroll .swiper-slide img { width: 70px } .greybox-scroll .swiper-pagination { bottom: -5px !important } .greybox-scroll .swiper-pagination-bullet { background: #fff !important } .greybox-scroll .swiper-pagination-bullet-active { background: #088b6b !important } .red-color { color: #088b6b } .about-block h1 { font-size: 40px; font-weight: 800; color: #088b6b } .about-block p { padding-bottom: 10px; font-weight: 400 } .about-block p span { font-weight: bold; color: #000 } .about-block .video-box { position: relative; overflow: hidden; padding-left: 40px } .about-block .video-box img { border-radius: 0px } .about-block .video-box .video-icon { position: absolute; width: 97%; padding: 136px 0px 0px 0px; text-align: center } .about-block .video-box .video-icon img { width: 80px } .sustain-main { background: #f6f6f6 } .sustain-main .sustainability-cnt { padding: 0px 0px 0px 30px } .sustain-main .sustainability-cnt h2 { font-size: 40px; color: #088b6b; font-weight: 800 } .sustain-main .sustainability-cnt h2 span { display: block } .sustain-main .sustainability-cnt p { padding-top: 20px; color: #000; font-weight: 400 } a.default-btn { text-decoration: none; display: inline-block } a.default-btn div { background: #4c5a67; padding: 12px 20px; color: #fff; border-radius: 2px; text-transform: uppercase } a.default-btn-red { text-decoration: none; display: inline-block } a.default-btn-red div { background: #088b6b; padding: 12px 20px; color: #fff; border-radius: 2px; text-transform: uppercase } .sus-padd-left { padding-left: 50px } .sus-small-img { position: absolute; left: 0px; width: 168px } .why-biac-bg { background: #088b6b } .why-biac h2 { font-size: 40px; font-weight: 800; color: #fff } .why-biac p { padding-top: 20px; font-weight: 400; color: #fff } .why-biac .padd-left-content { padding: 0px 50px } .whybiac-round { border-radius: 0px; width: 100%; overflow: hidden } .circle-logo-brandex { position: absolute; bottom: 0px; right: 60px; width: 220px } .animation-thumbs { -webkit-animation: movebounce 3s linear infinite; animation: movebounce 3s linear infinite } .heading-text h2 { font-size: 40px; color: #088b6b; font-weight: 800 } .latest-new .box-white { -webkit-box-shadow: 0px 0px 21px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 21px -3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 21px -3px rgba(0, 0, 0, 0.1); border-radius: 0px; background: #ffffff; margin-bottom: 30px } .latest-new .box-white .content-area { padding: 20px 30px; min-height: 140px } .latest-new .box-white .content-area h2 { font-size: 15px; padding-bottom: 15px; line-height: 22px } .latest-new .box-white .content-area h2 a { color: #000; text-decoration: none } .latest-new .box-white .content-area h2 a:hover { color: #088b6b } .latest-new .box-white .thumbimg { height: 200px; overflow: hidden } .latest-news { padding: 0px 50px } .latest-news .swiper-button-next { right: 0px; color: #000 } .latest-news .swiper-button-prev { left: 0px; color: #000 } .latest-news .swiper-button-next:after, .latest-news .swiper-button-prev:after { font-size: 26px; font-weight: bold } .client-scroll { padding: 0px 50px } .client-scroll .client-box { -webkit-box-shadow: 0px 0px 21px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 21px -3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 21px -3px rgba(0, 0, 0, 0.1); border-radius: 0px; background: #ffffff; margin-bottom: 30px; overflow: hidden; margin-top: 30px } .client-scroll .client-box img { width: 100% } .client-scroll .swiper-button-next { right: 0px; color: #000 } .client-scroll .swiper-button-prev { left: 0px; color: #000 } .client-scroll .swiper-button-next:after, .client-scroll .swiper-button-prev:after { font-size: 26px; font-weight: bold } .footermain { width: 100%; background: #4c5a67; float: right; overflow: hidden; padding: 30px } .footermain .footer-list .padd-left { padding-left: 40px } .footermain .footer-list h2 { font-size: 20px; color: #fff; padding-bottom: 10px; font-weight: 800 } .footermain .footer-list ul { list-style: none; margin: 0px; padding: 0px } .footermain .footer-list ul li { padding: 6px 0px } .footermain .footer-list ul li a { color: #adadae; text-decoration: none } .footermain .footer-list ul li a:hover { color: #088b6b } .copyrights .footer-icons img { width: 40px } .copyrights .copyright-text { color: #000; text-align: right } .copyrights .copyright-text span { display: block; color: #555555; font-size: 13px } .copyrights .copyright-text span a { text-decoration: none; color: #555555 } .copyrights .copyright-text span a:hover { color: #088b6b } .logo-icon-big { width: 250px; position: absolute; left: 10px } .mainslide { height: 320px; overflow: hidden; margin-top: 10px; background-size: 100% } .mainslide .shade-black { height: 320px; background: rgba(0, 0, 0, 0.6) } .mainslide .inner-div { width: 100%; height: 320px } .mainslide .inner-div .inner-block { display: table-cell; width: 100em; vertical-align: middle; text-align: center; height: 320px } .mainslide .inner-div .inner-block h1 { font-size: 30px; color: #fff } .mainslide .inner-div .inner-block h1 span { display: block; font-family: "Montserrat", sans-serif; font-size: 14px; letter-spacing: 1px; padding-top: 10px } .mainslide .inner-div .inner-block h1 span a { text-decoration: none; color: #fff } .inner-content h2 { font-size: 24px; padding-bottom: 20px } .inner-content p { padding-bottom: 20px } .inner-content p span { font-weight: 600 } .inner-content .box-white-abt { padding: 30px 30px; background: #fff; -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); border-radius: 5px; position: relative; padding-left: 96px; min-height: 230px } .inner-content .box-white-abt .icon-div { position: absolute; color: #088b6b; font-size: 50px; left: 26px; top: 20px } .inner-content .box-white-abt-2 { padding: 30px 40px; background: #fff; -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); border-radius: 5px; position: relative; min-height: 350px; text-align: center } .inner-content .box-white-abt-2 .icon-div { color: #088b6b; font-size: 50px } .inner-content .why-biac img { border-radius: 10px } .inner-content .radius-img { border-radius: 15px } .inner-content .swiper-wrapper { cursor: pointer } .inner-content .swiper-wrapper .active { border: 2px solid #088b6b } .inner-content .accordion-item { margin-bottom: 20px } .inner-content .accordion-item h2 { font-size: 20px } .inner-content .accordion-item h2 span { display: block; font-family: "Montserrat", sans-serif; font-size: 14px; color: #616163; padding-top: 5px } .inner-content .accordion-button { color: #088b6b !important; padding: 10px 0px; background: none; box-shadow: none; border-bottom: 1px solid rgba(0, 0, 0, 0.125) } .inner-content .accordion-button:not(.collapsed)::after { background-image: url("../images/arrow-down.svg") !important } .inner-content .accordion-item { border: 0px } .inner-content .accordion-item .accordion-body { padding: 20px 0px !important } .inner-content .slide-show-infra img { border-radius: 10px; overflow: hidden } .inner-content .video-icon { width: 180px; font-weight: bold; border: 2px solid #088b6b; padding: 10px 0px; text-align: center; text-transform: uppercase; border-radius: 10px; cursor: pointer } .inner-content .video-icon img { width: 30px } .inner-content .video-icon a { text-decoration: none; color: #088b6b } .inner-content .grey-box-small { background: #f6f6f6; padding: 10px; text-align: center; border-radius: 5px } .inner-content .grey-box-small .green-big-1 { color: #088b6b; font-size: 24px; font-weight: bold } .inner-content .grey-box-small .green-big-2 { font-size: 16px; color: #088b6b; font-weight: bold } .inner-content .grey-box-small .green-big-3 { font-size: 16px; color: #000; font-weight: bold; display: block } .inner-content .grey-box-small .green-big-4 { font-size: 12px; color: #000; font-weight: bold; display: block } .inner-content .subtext { font-weight: bold } .inner-content .subtext span { font-weight: normal } .inner-content .red-box { background: #f6f6f6; padding: 15px 20px; position: relative; border-radius: 5px; overflow: hidden; box-sizing: border-box } .inner-content .red-box p { padding-bottom: 0px; color: #000 } .inner-content .red-box .overlay { position: absolute; bottom: -40px; left: 0; right: 0; background-color: #088b6b; overflow: hidden; width: 100%; height: 0; transition: .5s ease; text-align: center; padding: 20px } .inner-content .red-box .overlay p { color: #fff !important; padding-top: 5px } .inner-content .red-box .overlay img { width: 50px; padding-top: 25% } .inner-content .red-box:hover .overlay { bottom: 0; height: 100% } .inner-content .media-kit .image-border { border-radius: 15px; border: 4px solid #f6f6f6 } .inner-content .download-btn img { width: 24px } .inner-content .download-btn a { border: 2px solid #088b6b; color: #088b6b; padding: 15px 20px; text-decoration: none; border-radius: 5px; font-size: 16px; background: #fff } .inner-content .breadcrumb h1 { font-size: 30px; color: #000 } .inner-content .breadcrumb h1 span { display: block; font-family: "Montserrat", sans-serif; font-size: 14px; letter-spacing: 1px; padding-top: 10px; color: #000 } .inner-content .breadcrumb h1 span a { text-decoration: none; color: #088b6b } .inner-content .red-bg-para { background: #088b6b; color: #fff; border-radius: 10px; padding: 15px 20px; margin-bottom: 20px } .inner-content .green-bg-para { background: #537d00; color: #fff; border-radius: 10px; padding: 15px 20px; margin-bottom: 20px } .inner-content .col-lg-5th { width: 20%; margin-bottom: 20px; float: left } .inner-content .goals-box { padding: 20px; border-radius: 5px; min-height: 340px; text-transform: uppercase } .inner-content .goals-box img { width: 120px; padding: 10px } .inner-content .goals-box h3 { color: #fff; font-size: 20px } .inner-content .goals-box p { font-size: 16px; color: #fff } .inner-content .goals-box-2 { padding: 20px; border-radius: 5px; min-height: 210px; text-transform: uppercase } .inner-content .goals-box-2 img { width: 120px; padding: 10px } .inner-content .goals-box-2 h3 { color: #fff; font-size: 20px } .inner-content .goals-box-2 p { font-size: 16px; color: #fff } .operation-heading h2 { font-size: 26px; color: #088b6b } .operation-heading h2 span { display: block; font-size: 16px; color: #000; padding-top: 10px; font-family: "Montserrat", sans-serif } .operation-content h3 { font-size: 22px; margin-bottom: 14px } .operation-content video { height: 360px; width: 100%; margin-top: 20px } .operation-content .grey-box { background: #f6f6f6; padding: 20px; text-align: center; height: 160px; margin-bottom: 10px } .operation-content .grey-box h3 { color: #088b6b; font-size: 20px; margin: 0px } .operation-content .grey-box p { padding: 0px } .contact-text .address { padding-left: 22px; position: relative } .contact-text .address i { position: absolute; left: 0px; top: 5px; font-size: 15px; color: #088b6b } .contact-grey { background: #f6f6f6; padding: 20px 30px; border-radius: 15px } .contact-grey input { font-size: 16px; background: transparent; border: 0px; border-bottom: 1px solid #088b6b; width: 100%; box-sizing: border-box; padding: 10px; font-weight: normal } .contact-grey input:focus { border: 0px; border-bottom: 1px solid #088b6b } .contact-grey select { font-size: 16px; background: transparent; border: 0px; border-bottom: 1px solid #088b6b; width: 100%; box-sizing: border-box; padding: 10px; font-weight: normal } .contact-grey textarea { font-size: 16px; background: transparent; border: 0px; border-bottom: 1px solid #088b6b; width: 100%; box-sizing: border-box; padding: 10px; font-weight: normal; resize: none } .contact-grey button { background: #088b6b; border: 0px; padding: 10px 20px; color: #fff; font-size: 16px; text-decoration: none; text-transform: uppercase; border-radius: 5px } .gallery-inner .gallery-shade { -webkit-box-shadow: 3px 6px 16px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 6px 16px 0px rgba(0, 0, 0, 0.1); box-shadow: 3px 6px 16px 0px rgba(0, 0, 0, 0.1); overflow: hidden; border-radius: 10px } .gallery-inner .gallery-shade .overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); overflow: hidden; width: 100%; height: 0; transition: .5s ease; text-align: center } .gallery-inner .gallery-shade .overlay img { width: 50px; padding-top: 25% } .gallery-inner .gallery-shade:hover .overlay { bottom: 0; height: 100% } .biac-list-new ul { list-style: none; margin: 0px; padding: 0px } .biac-list-new ul li { list-style: none; margin: 0px; padding: 0px; position: relative; padding-left: 30px; margin-bottom: 15px; font-weight: bold } .biac-list-new ul li span { display: block; font-weight: normal } .biac-list-new ul li .icon-div { width: 20px; height: 20px; position: absolute; left: 0px; top: 0px } @media only screen and (max-width: 1366px) { .goals-box-2 { min-height: 100% !important } } @media only screen and (max-width: 1200px) { .mainhomebg { background: #fff !important } .about-block h1 { font-size: 28px } .heading-text h2 { font-size: 28px } .menu ul li a { padding: 10px 10px } .sus-small-img { width: 130px } .sustainability-cnt { padding: 30px 10px 0px 30px } .logo-icon-big { width: 150px } .whybiac-round { width: 100% } .circle-logo-brandex { position: absolute; right: 20px; width: 130px } .sustainability-cnt h2 { color: #000; font-size: 28px } .sustainability-cnt p { color: #000 } .slide-social-icon { position: absolute; width: 40px; left: 16%; top: 130px } .slide-social-icon img { width: 40px; margin-bottom: 10px } } @media only screen and (max-width: 1000px) { .slide-social-icon { display: none } .slide-banner { width: 100%; float: left; overflow: hidden; border-radius: 0px; padding-top: 10px } .greybox-scroll { width: 100%; border-radius: 10px; margin-top: -31px } .hide-items { display: none } .logo-area { width: 100%; height: 100% } .sticky .logo-area { height: 100% } .about-block .video-box .video-icon img { width: 52px } .about-block .video-box .video-icon { padding: 25% 0px 0px 0px } .about-block h1 { padding-top: 15px } .sus-small-img { display: none } .sus-padd-left { padding: 0px } .logo-icon-big { display: none } .circle-logo-brandex { display: none } .why-biac .padd-left-content { padding: 30px 0px } .sticky .logo-area { height: auto; padding-bottom: 6px } .footermain { width: 100%; padding: 30px; box-sizing: border-box; border-radius: 0px } .copyrights .footer-icons img { width: 38px } .sustainability-cnt { padding: 0px } .menuIcn { color: #088b6b; border: 0px; display: inline; transition: all .5s ease } .box-white-abt { min-height: auto !important; height: 100% } .box-white-abt-2 { min-height: auto !important; height: 100% } .operation-content video { height: 240px } .operation-content .grey-box { height: 100% } .inner-content .col-lg-5th { width: 100% !important; margin-bottom: 20px } .inner-content .goals-box { min-height: 100% } .mobile-margin-top { margin-top: 15px } } @media only screen and (max-width: 640px) { .sticky { padding: 10px 0px } .logo-area { width: 200px } .greybox-scroll { width: 100%; border-radius: 10px; margin-top: 16px; padding: 0px 20px 20px 10px; box-sizing: border-box } .about-block .video-box { padding-left: 10px } .sustain-main .sustainability-cnt { padding: 0px 0px 0px 0px; text-align: left } .about-block h1 { font-size: 22px } .sustainability-cnt h2 { font-size: 22px } .why-biac h2 { font-size: 22px } .latest-news { padding: 0px 30px } .latest-new .box-white { margin-bottom: 0px } .client-scroll { padding: 0px 30px } .footermain { padding: 10px 0px } .footermain .footer-list { padding-top: 20px } .footermain .footer-list .padd-left { padding-left: 0px } .mobi-hide { display: none } .footer-icons { text-align: center } .copyright-text { text-align: center !important; padding-top: 10px } .copyrights { margin-bottom: 40px } .mobi-padd-top { padding-top: 15px } .whybiac-round { border-radius: 10px } .mobi-margin-top { margin-top: 25px } } @media only screen and (min-width: 1300px) { .menu ul li a{ font-size: 13px !important; } } /*# sourceMappingURL=style.css.map */