/* width */ ::-webkit-scrollbar { width: 6px;} /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1;} /* Handle */ ::-webkit-scrollbar-thumb { background:var(--color-11);} /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555;} *, *::before, *::after { box-sizing: border-box; } * {margin: 0px;padding: 0px;} html {scroll-behavior: smooth;} :root{ --color-01:#FFFFFF; --color-02:#000000; --color-03:#262626; --color-04:#666666; --color-05:#CCCCCC; --color-06:#EFEFEF; --color-07:#BFC0C3; --color-08:#0f0f0f; --color-09:#E9FFFD; --color-10:#F1FFFE; --color-11:#E23E2F; --color-12:#363636; --color-13:#D9D9D9; --rfs-82: clamp(2.5rem, 6vw, 82px); --rfs-72: clamp(2.25rem, 4vw, 72px); --rfs-64: clamp(2rem, 4.5vw, 64px); --rfs-54: clamp(1.75rem, 4vw, 54px); --rfs-48: clamp(1.5rem, 3.5vw, 48px); --rfs-42: clamp(1.35rem, 3vw, 42px); --rfs-36: clamp(1.25rem, 3vw, 36px); --rfs-30: clamp(1.125rem, 2.5vw, 30px); --rfs-24: clamp(1rem, 2vw, 24px); --rfs-21: clamp(0.875rem, 1.75vw, 21px); --rfs-18: clamp(0.875rem, 1.5vw, 18px); } ::-ms-input-placeholder {color:var(--color-07);} ::placeholder {color: var(--color-07);} div#html5lightbox-watermark, div#html5-watermark {display: none !important;} body {color: var(--color-02);font-size: 16px;font-weight: 400;} h1, h2{margin-bottom:40px;} h1, h2, h3, h4, h5 {font-weight:400;line-height: 1;} h5.title{font-size: 15px;position: relative;} h5.title .text{padding: 10px 15px 10px 25px;display:block;} h5.title .text{padding: 12px 15px 12px 20px;display:block;} h5.title .text:before {content: "";width:10px;height:10px;background: var(--color-11);border-radius: 100px;position: absolute;top: 15px;left: 0px;} .posts{ border-bottom: 0.5px solid rgba(0, 0, 0, 0.606); padding: 30px 0; } .title_line{border-top: 1px solid var(--color-13);border-bottom: 1px solid var(--color-13);width:0%;height: 100%;position: absolute;top: 0;left: 0;} p {line-height: 1.4;} strong{font-weight: 700;} .overflow-hidden{overflow:hidden;} .cursive {font-family: "CENSCBK", serif;font-weight: 400;font-style: italic;padding: 15px 0px;display:inline-block;text-transform: none;position:relative;z-index:1} .cursive .after{position: absolute;top: 15%;left: 0;width: 100%;height: 68%;z-index: -2;background: var(--color-11);} .cursive .after_01{position: absolute;top: 15%;left: 0;width: 0%;height: 68%;z-index: -2;} .cursive .after_02{position: absolute;top: 15%;left: 0;width: 0%;height: 68%;z-index: -2;} .cursive.red, .cursive.white, .cursive.black{padding:0px 10px 0px 5px;margin:0px 8px;} .cursive.red:after, .cursive.red .after_01{background: var(--color-11);} .cursive.red .after_02{background: var(--color-11);} .cursive.white:after, .cursive.white .after_01{background: var(--color-01);} .cursive.white .after_02{background: var(--color-01);} .cursive.black:after, .cursive.black .after_01{background: var(--color-02);} .cursive.black .after_02{background: var(--color-02);} h1 .spib:nth-child(2), h2 .spib:nth-child(2), h3 .spib:nth-child(2), h4 .spib:nth-child(2), h5 .spib:nth-child(2){/* padding-top: 10px; */} span.spib, span.spib strong {gap: 15px;/* display:flex; */padding-bottom: 12px;overflow: hidden;} .rfs-p {padding-left:60px;padding-right:60px;position: relative;} /* Define font sizes using clamp */ .rfs-82 {font-size: var(--rfs-82);} .rfs-72 {font-size: var(--rfs-72);} .rfs-64 {font-size: var(--rfs-64);} .rfs-54 {font-size: var(--rfs-54);} .rfs-48 {font-size: var(--rfs-48);} .rfs-42 {font-size: var(--rfs-42);} .rfs-36 {font-size: var(--rfs-36);} .rfs-30 {font-size: var(--rfs-30);} .rfs-24 {font-size: var(--rfs-24);} .rfs-21 {font-size: var(--rfs-21);} .rfs-18 {font-size: var(--rfs-18);} .weight-300{font-weight:300;} .weight-500{font-weight:500;} .weight-700{font-weight:700;} .color-01{color:var(--color-01);} .color-02{color:var(--color-02);} .color-03{color:var(--color-03);} .color-04{color:var(--color-04);} .color-05{color:var(--color-05);} .color-06{color:var(--color-06);} .color-07{color:var(--color-07);} .color-08{color:var(--color-08);} .color-09{color:var(--color-09);} .color-10{color:var(--color-10);} .color-11{color:var(--color-11);} .color-12{color:var(--color-12);} .color-13{color:var(--color-13);} .bg-01{background:var(--color-01);} .bg-02{background:var(--color-02);} .bg-03{background:var(--color-03);} .bg-04{background:var(--color-04);} .bg-05{background:var(--color-05);} .bg-06{background:var(--color-06);} .bg-07{background:var(--color-07);} .bg-08{background:var(--color-08);} .bg-09{background:var(--color-09);} .bg-10{background:var(--color-10);} .bg-11{background:var(--color-11);} .bg-12{background:var(--color-12);} .bg-13{background:var(--color-13);} .sc_1312 > div {background: linear-gradient(to left, var(--color-13) 50%, var(--color-12) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;padding-bottom: 7px;z-index: 9;} .sc_1311 > div {background: linear-gradient(to left, var(--color-13) 50%, var(--color-11) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;padding-bottom: 7px;z-index: 9;} .sc_0201 > div {background: linear-gradient(to left, var(--color-02) 50%, var(--color-01) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;padding-bottom: 7px;z-index: 9;} .z-index-1 {z-index: 1;} .z-index-2 {z-index: 2;} .z-index-3 {z-index: 3;} .z-index-4 {z-index: 4;} .z-index-5 {z-index: 5;} .z-index-6 {z-index: 6;} .z-index-7 {z-index: 7;} .z-index-8 {z-index: 8;} .z-index-9 {z-index: 9;} .z-index-10 {z-index: 10;} .z-index-99 {z-index: 99;} .z-index-999 {z-index: 999;} .z-index-9999{z-index: 9999;} .loader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:var(--color-01);z-index: 99999;display: flex;align-items: center;} #clickAnimation_wrp{position: fixed;top:0;left: 0;z-index: -1;width:100%;height:100%;opacity: 0;background:var(--color-01);display: flex;align-items: center;} #clickAnimation_wrp.current {z-index:999;opacity:1;} #scrollsmoother-container{overflow-y:hidden;} #scroll-container{margin-left: -1px;} .ScrollSmoother-wrapper{z-index:9;} .overlays, .overlays_01, .overlays_02, .overlays_03, .overlays_04{position:absolute;top:0;right:0;width:100%;height:100%;z-index:99;} .btn-scrollTop {text-decoration: none;position: fixed;bottom: -100px;right: 10px;z-index: 99999;text-align: center;transition: all 500ms ease-in-out 0s;} .btn-scrollTop span.top_icon {display: block;width: 40px;filter: drop-shadow(2px 4px 0px black);} .btn-scrollTop span.txt {display: block;color: var(--color-12);font-size: 11px;background: var(--color-01);padding: 3px 2px 4px 4px;text-transform: uppercase;text-decoration: none;font-weight: bold;line-height: 1;letter-spacing: 1px;text-align: center;position: relative;top: 0px;z-index: 2;border: 1px solid;} .btn-scrollTop span.txt:before{content:"Top";text-decoration: none;} .btn-scrollTop:hover, .btn-scrollTop:hover span.txt {color: #000000;text-decoration: none;} .btn-scrollTop.active {bottom: 10px;transition: all 500ms ease-in-out 0s;} /***********************/ /* Header */ /***********************/ header{background: var(--color-01);position:fixed;left:0;width:100%;z-index:99;transition: all 500ms ease-in-out;} header nav{padding-left: 60px !important;padding-right: 60px !important;padding-top: 0px !important;padding-bottom: 0px !important;} header nav:after{content:"";position:absolute;bottom:0px;left:0px;right: 0px;margin: auto;width: calc(100% - 120px);height:1px;background: var(--color-13);} header nav .navbar-brand{margin:0px !important;padding: 10px 0px !important;} header nav .navbar-brand img{width: 120px !important;} header ul{} header ul li{display: flex;align-items: center;} header ul li a{font-size: clamp(0.75rem, 1vw, 15px) !important;padding: 15px 0px !important;text-transform: uppercase;} header ul li a .nv-text{font-weight: 500;text-transform: uppercase;padding: 12px 15px;display:inline-block;} header ul.navbar-nav.mx-auto li a{padding: 30px 15px !important;position:relative;transition:all 300ms ease-in-out;} header ul.navbar-nav.mx-auto li a:before{content:"";position:absolute;top: 0;left:0;width:100%;height:0px;z-index:-1;background: linear-gradient(180deg, #00000014 0%, #ffffff00 100%);transition:all 300ms ease-in-out;} header ul.navbar-nav.mx-auto li a:after{content:"";position:absolute;top:0;left:0;right:0;margin:auto;width:0%;height:2px;background:var(--color-11);transition:all 300ms ease-in-out;} header ul.navbar-nav.mx-auto li a:hover:before, header ul.navbar-nav.mx-auto li a.active:before{height:100%;transition:all 300ms ease-in-out;} header ul.navbar-nav.mx-auto li a:hover:after, header ul.navbar-nav.mx-auto li a.active:after{width:100%;transition:all 300ms ease-in-out;} header ul.navbar-nav.mx-auto li a:hover, header ul.navbar-nav.mx-auto li a.active{color: var(--color-02) !important;} header ul li:nth-last-child(1){padding: 0px 20px;border-right: 1px solid var(--color-13);border-left: 1px solid var(--color-13);} header.stickyheader{transition: all 500ms ease-in-out;} .scroller-bar{color: var(--color-01);text-align: center;font-size:15px;padding: 6px 0px;} .scroller-bar p{margin-bottom:0px;} .scroller-bar .supermarquee ul {margin: 0px;padding: 0px;list-style-type: none;display: flex;} .scroller-bar .supermarquee ul li{color:#D1E2D7;font-family: "Instrument Sans", sans-serif;line-height:1;/*border-right:1px solid #cccccc;*/} .scroller-bar .supermarquee ul li span{display: inline-block;padding: 1px 15px 1px 20px;position: relative;} .scroller-bar .supermarquee ul li span:before{content: "";width: 8px;height: 8px;background:var(--color-01);border-radius:100px;position: absolute;top: 5px;left: 0px;} .supermarquee {overflow: hidden;white-space: nowrap;position: relative;width: 100%;} .marquee-wrap {display: flex;width: max-content;animation: marquee-scroll 45s linear infinite;} .supermarquee:hover .marquee-wrap {animation-play-state: paused;} @keyframes marquee-scroll { from {transform: translateX(0);} to {transform: translateX(-50%);} } /***********************/ /* Footer */ /***********************/ .btn-explore.white{color: var(--color-01);font-weight: 700;text-decoration:none;padding: 2px 30px 4px 0px;position:relative;display: inline-flex;transition:all 300ms ease-in-out;} .btn-explore.white:before{content:"";width:100%;height: 1px;background: var(--color-01);position:absolute;bottom:0;right: 0;z-index: 1;transition:all 300ms ease-in-out;} .btn-explore.white:after{content:"";width:0%;height: 2px;background: var(--color-02);position:absolute;bottom:0;left:0;z-index:9;transition:all 300ms ease-in-out;} .btn-explore.white .bd-txt{transition:all 300ms ease-in-out;} .btn-explore.white .bd-arrow{width: 17px;height: 18px;background:url("../img/arrow-btn-red.png") no-repeat center center;background-size: contain;position: absolute;bottom: 6px;right: 0px;filter: brightness(100);transition:all 300ms ease-in-out;} .btn-explore.white:hover{color: var(--color-02);transition:all 300ms ease-in-out;} .btn-explore.white:hover:before{width: 0%;transition:all 300ms ease-in-out;} .btn-explore.white:hover:after{width: 100%;transition:all 300ms ease-in-out;} .btn-explore.white:hover .bd-arrow{filter: brightness(0) grayscale(100);transition:all 300ms ease-in-out;} .btn-explore.red{color: var(--color-11);font-weight: 600;text-decoration:none;padding: 2px 19px 4px 0px !important;position:relative;display: inline-flex;transition:all 300ms ease-in-out;} .btn-explore.red:before{content:"";width:100%;height: 1px;background: var(--color-11);position:absolute;bottom:0;right: 0;z-index: 1;transition:all 300ms ease-in-out;} .btn-explore.red:after{content:"";width:0%;height: 2px;background: var(--color-02);position:absolute;bottom:0;left:0;z-index:9;transition:all 300ms ease-in-out;} .btn-explore.red .bd-txt{transition:all 300ms ease-in-out;} .btn-explore.red .bd-arrow{width: 14px;height: 14px;background:url("../img/btn-arrow-link.png") no-repeat center center;background-size: contain;position: absolute;bottom: 6px;right: 0px;/* filter: brightness(100); */transition:all 300ms ease-in-out;} .btn-explore.red:hover{color: var(--color-02);transition:all 300ms ease-in-out;} .btn-explore.red:hover:before{width: 0%;transition:all 300ms ease-in-out;} .btn-explore.red:hover:after{width: 100%;transition:all 300ms ease-in-out;} .btn-explore.red:hover .bd-arrow{filter: brightness(0);transition:all 300ms ease-in-out;} .btn-request-a-quote{color: var(--color-11);font-weight: 600;text-decoration:none;padding: 2px 19px 4px 0px !important;position:relative;display: inline-flex;transition:all 300ms ease-in-out;} .btn-request-a-quote:before{content:"";width:100%;height: 1px;background: var(--color-11);position:absolute;bottom:0;right: 0;z-index: 1;transition:all 300ms ease-in-out;} .btn-request-a-quote:after{content:"";width:0%;height: 2px;background: var(--color-11);position:absolute;bottom:0;left:0;z-index:9;transition:all 300ms ease-in-out;} .btn-request-a-quote .bd-txt{transition:all 300ms ease-in-out;} .btn-request-a-quote .bd-arrow{width: 14px;height: 14px;background:url("../img/btn-arrow-link.png") no-repeat center center;background-size: contain;position: absolute;bottom: 6px;right: 0px;transition:all 300ms ease-in-out;} .btn-request-a-quote:hover{color: var(--color-02);transition:all 300ms ease-in-out;} .btn-request-a-quote:hover:before{width: 0%;transition:all 300ms ease-in-out;} .btn-request-a-quote:hover:after{width: 100%;transition:all 300ms ease-in-out;} .btn-request-a-quote:hover .bd-arrow{filter: brightness(1);transition:all 300ms ease-in-out;} .btn-guest-login{color: var(--color-11);font-weight: 600;text-decoration:none;padding: 2px 19px 4px 0px !important;position:relative;display: inline-flex;transition:all 300ms ease-in-out;} .btn-guest-login:before{content:"";width:100%;height: 1px;background: var(--color-11);position:absolute;bottom:0;right: 0;z-index: 1;transition:all 300ms ease-in-out;} .btn-guest-login:after{content:"";width:0%;height: 2px;background: var(--color-11);position:absolute;bottom:0;left:0;z-index:9;transition:all 300ms ease-in-out;} .btn-guest-login .bd-txt{transition:all 300ms ease-in-out;} .btn-guest-login .bd-arrow{width: 14px;height: 14px;background:url("../img/btn-arrow-link.png") no-repeat center center;background-size: contain;position: absolute;bottom: 6px;right: 0px;transition:all 300ms ease-in-out;} .btn-guest-login:hover{color: var(--color-02);transition:all 300ms ease-in-out;} .btn-guest-login:hover:before{width: 0%;transition:all 300ms ease-in-out;} .btn-guest-login:hover:after{width: 100%;transition:all 300ms ease-in-out;} .btn-guest-login:hover .bd-arrow{filter: brightness(1);transition:all 300ms ease-in-out;} .btn-read-more{color: var(--color-11);font-weight: 600;text-decoration:none;padding: 2px 19px 4px 0px !important;position:relative;display: inline-flex;transition:all 300ms ease-in-out;} .btn-read-more:before{content:"";width:100%;height: 1px;background: var(--color-11);position:absolute;bottom:0;right: 0;z-index: 1;transition:all 300ms ease-in-out;} .btn-read-more:after{content:"";width:0%;height: 2px;background: var(--color-02);position:absolute;bottom:0;left:0;z-index:9;transition:all 300ms ease-in-out;} .btn-read-more .bd-txt{transition:all 300ms ease-in-out;} .btn-read-more .bd-arrow{width: 14px;height: 14px;background:url("../img/btn-arrow-link.png") no-repeat center center;background-size: contain;position: absolute;bottom: 6px;right: 0px;transition:all 300ms ease-in-out;} .btn-read-more:hover{color: var(--color-02);transition:all 300ms ease-in-out;} .btn-read-more:hover:before{width: 0%;transition:all 300ms ease-in-out;} .btn-read-more:hover:after{width: 100%;transition:all 300ms ease-in-out;} .btn-read-more:hover .bd-arrow{filter: brightness(0);transition:all 300ms ease-in-out;} .btn-download{color:var(--color-11);text-decoration:none;padding: 2px 30px 2px 0px;position:relative;display: inline-flex;transition:all 300ms ease-in-out;} .btn-download:before{content:"";width:100%;height:1px;background: var(--color-11);position:absolute;bottom:0;left:0;transition:all 300ms ease-in-out;} .btn-download:after{content:"";width:0%;height:1px;background: var(--color-02);position:absolute;bottom:0;left:0;z-index:9;transition:all 300ms ease-in-out;} .btn-download .bd-txt{transition:all 300ms ease-in-out;} .btn-download .bd-arrow{width: 17px;height: 18px;background:url("../img/arrow-download-red.png") no-repeat center center;background-size: contain;position: absolute;bottom: 6px;right: 0px;transition:all 300ms ease-in-out;} .btn-download:hover{color:var(--color-02);transition:all 300ms ease-in-out;} .btn-download:hover:before{transition:all 300ms ease-in-out;} .btn-download:hover:after{width:100%;transition:all 300ms ease-in-out;} .btn-download:hover .bd-arrow{filter:brightness(0);transition:all 300ms ease-in-out;} .btn-download-brochure{color: var(--color-01);text-decoration:none;padding: 2px 0px 2px 0px;position:relative;gap: 15px;display: inline-flex;justify-content: center;flex-direction: row;align-items: center;transition: all 100ms ease-in-out;} .btn-download-brochure .bd-txt{position: relative;transition:all 300ms ease-in-out;} .btn-download-brochure .bd-txt:before{content:"";width:100%;height:1px;background: var(--color-01);position:absolute;bottom:0;left:0;transition:all 300ms ease-in-out;} .btn-download-brochure .bd-txt:after{content:"";width:0%;height: 2px;background: var(--color-01);position:absolute;bottom:0;left:0;z-index:9;transition:all 300ms ease-in-out;} .btn-download-brochure .bd-arrow{width: 63px;height: 78px;background:url("../img/download-pdf.png") no-repeat center center;background-size: contain;filter: drop-shadow(0px 0px 0px black);transition:all 300ms ease-in-out;} .btn-download-brochure:hover{/* color: var(--color-05); */transition: all 100ms ease-in-out;} .btn-download-brochure:hover .bd-txt:before{transition:all 300ms ease-in-out;} .btn-download-brochure:hover .bd-txt:after{width:100%;transition:all 300ms ease-in-out;} .btn-download-brochure:hover .bd-arrow{filter: drop-shadow(3px 3px 0px black);transition:all 300ms ease-in-out;} .btn-call-now{color: var(--color-01);font-weight: 500;text-decoration:none;padding: 2px 0px 2px 0px;position:relative;gap: 10px;display: inline-flex;justify-content: center;flex-direction: row;align-items: center;transition: all 100ms ease-in-out;} .btn-call-now:before{content:"";width:100%;height:1px;background: var(--color-01);position:absolute;bottom:0;left:0;transition:all 300ms ease-in-out;} .btn-call-now:after{content:"";width:0%;height: 2px;background: var(--color-11);position:absolute;bottom:0;left:0;z-index:9;transition:all 300ms ease-in-out;} .btn-call-now .bd-txt{position: relative;transition:all 300ms ease-in-out;} .btn-call-now .bd-arrow{width: 20px;height: 14px;background:url("../img/arrow-btn-red.png") no-repeat center center;background-size: contain;filter: brightness(100);transition:all 300ms ease-in-out;} .btn-call-now:hover{color: var(--color-11);transition: all 100ms ease-in-out;} .btn-call-now:hover:before{transition:all 300ms ease-in-out;} .btn-call-now:hover:after{width:100%;transition:all 300ms ease-in-out;} .btn-call-now:hover .bd-arrow{filter: drop-shadow(1px 2px 0px black);transition:all 300ms ease-in-out;} .btn-contact{color: var(--color-01);font-weight: 600;text-decoration:none;padding: 10px 40px 12px 15px !important;background: var(--color-11);position: fixed;bottom: 40px;right: 30px;z-index: 9999;display: inline-flex;transition:all 300ms ease-in-out;} .btn-contact:before{content:"";width:100%;height: 1px;background: var(--color-11);position:absolute;bottom:0;right: 0;z-index: 1;transition:all 300ms ease-in-out;} .btn-contact:after{content:"";width:0%;height: 100%;background: var(--color-02);position:absolute;bottom:0;left:0;z-index:9;transition:all 300ms ease-in-out;} .btn-contact .bd-txt{position: relative;z-index: 18;transition:all 300ms ease-in-out;} .btn-contact .bd-arrow{width: 14px;height: 14px;background:url("../img/btn-arrow-link.png") no-repeat center center;background-size: contain;position: absolute;bottom: 15px;right: 17px;z-index: 20;filter: brightness(100);transition:all 300ms ease-in-out;} .btn-contact:hover{color: var(--color-01);transition:all 300ms ease-in-out;} .btn-contact:hover:before{width: 0%;transition:all 300ms ease-in-out;} .btn-contact:hover:after{width: 100%;transition:all 300ms ease-in-out;} .btn-contact:hover .bd-arrow{filter: brightness(100);transition:all 300ms ease-in-out;} .home-sec-mumbai{width: 100vw;height: 680px;display: block;} .row_gaps{row-gap:50px} /***********************/ /* Footer */ /***********************/ section.home-sec-download{background: linear-gradient(90deg, #1C1C1D -11.08%, #E23E2F 114.76%);} section.home-sec-download h2{margin-bottom:0px;} footer{color: var(--color-01);background: var(--color-03);padding-top: 40px;padding-bottom: 20px;z-index:99;overflow:hidden;} footer .container-fluid{padding-bottom: 20px;padding-top: 20px;border: none;} footer .footer-gline{opacity: .4;position:absolute;top:0px;} footer h4{color:var(--color-01);font-size: 14px;font-weight: 100;text-transform: capitalize;margin-bottom: 0px;} footer a{color: var(--color-01);} footer a:hover{color: var(--color-01);text-decoration:none;} footer nav {} footer .footer_logo{width: 150px;margin-bottom: 20px;} footer h3{color: var(--color-01);font-size:var(--rfs-48);margin-bottom: 15px;} footer p{font-weight:300;} footer .top-footer{position: relative;border: none;} footer .sub-footer{/* padding: 30px 0px 30px 0px; */} footer .sub-footer .container-fluid{} footer .sub-footer p{color: var(--color-05);font-size: 14px;font-weight: 500;margin-bottom: 0px;} footer .sub-footer, footer .sub-footer li, footer .sub-footer a{color: var(--color-05);text-decoration: none;position: relative;z-index: 9;} footer .sub-footer{ border-top: 1px solid #424242; } footer .sub-footer .logo{max-width: 220px;margin-top: 50px;} ul.privacy_list{color: var(--color-01);padding:0;list-style:none;margin: auto;display: flex;justify-content: flex-end;flex-wrap: wrap;} ul.privacy_list li{padding: 0px 10px;} ul.fmenu-links{background: var(--color-11);padding: 0px;margin: 0px 0px 0px 0px;border-top: 1px solid #cd3325;list-style-type: none;display: flex;justify-content: space-around;} ul.fmenu-links li{position: relative;width: 100%;} ul.fmenu-links li a{color: var(--color-01);font-family: "Bricolage Grotesque", serif;font-size: 15px;font-weight: 600;letter-spacing: 1px;text-align: center;text-transform: uppercase;padding: 30px 10px;transition: all 300ms ease-in-out;} ul.fmenu-links li a:after{content:"";position:absolute;bottom: 0px;left:0px;width:100%;height: 0%;background: linear-gradient(0deg, #681b14, transparent);transition: all 300ms ease-in-out;} ul.fmenu-links li a span.menu-text{position:relative;z-index:9;} ul.fmenu-links li a:hover, ul.fmenu-links li a:focus, ul.fmenu-links li a:active{color: var(--color-01);transition: all 300ms ease-in-out;} ul.fmenu-links li.active a:after, ul.fmenu-links li a:hover:after{height:100%;transition:all 300ms ease-in-out;} ul.address-links{padding: 0px;margin: 0px 0px 0px 0px;list-style-type: none;height: 220px;display: inline-flex;flex-direction: column;justify-content: space-between;} ul.address-links li{text-align:left;position: relative;} ul.address-links li a{color: var(--color-01);font-size: 15px;font-weight: 300;letter-spacing: 1px;text-align: left;padding: 3px 0px;display: inline-block;position: relative;transition: all 300ms ease-in-out;} ul.address-links li a:after{content:"";width: 0%;height: 1px;background: var(--color-01);position: absolute;bottom: 0px;left: 0px;transition:all 500ms ease-in-out;} ul.address-links li a:hover, ul.address-links li a:focus, ul.address-links li a:active{color: var(--color-01);transition: all 300ms ease-in-out;} ul.address-links li a:hover:after{width:100%;transition:all 500ms ease-in-out;} .footer-content {position: relative;z-index: 9;padding: 5px 0px;} .footer-content h5{color: var(--color-01);font-size: 18px;font-weight: 600;letter-spacing: 0px;margin-bottom: 10px;} .footer-content p{color: var(--color-01);font-size: 14px;margin-bottom: 0px;} footer ul.split-links{padding: 0px;margin: 0px;list-style-type: none;gap: 30px;display: flex;align-items: center;justify-content: space-between;} footer ul.split-links li{width: 50%;} footer ul.split-links li a{font-family: "Bricolage Grotesque", serif;font-size: 24px;text-transform: uppercase;text-decoration: none;position: relative;padding: 30px;display: flex;align-items: center;} footer ul.split-links li a .cursive{color: var(--color-11);font-size: 130%;padding:0px;} footer ul.split-links li a .sl-icon{width: 50px;height: 50px;background: var(--color-01);position: relative;z-index: 9;} footer ul.split-links li a .sl-icon img{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} footer ul.split-links li a .sl-text{width:100%;position: relative;z-index: 9;} footer ul.split-links li a:before{content:"";width: 0%;height:100%;position: absolute;top: 0px;opacity:1;z-index: 1;transition:all 500ms ease-in-out;} footer ul.split-links li:nth-child(1) a:before{background: linear-gradient(90deg, #000000 0%, var(--color-11) 100%);left:inherit;right:0px;} footer ul.split-links li:nth-child(2) a:before{background: linear-gradient(90deg, var(--color-11) 0%, #000000 100%);left:0px;right:inherit;} footer ul.split-links li a:after{content:"";width:100%;height:100%;position: absolute;top: 0px;left: 0px;opacity: .4;z-index: -1;} footer ul.split-links li:nth-child(1) a:after{background: linear-gradient(90deg, #000000 0%, #1E1E1E 100%);} footer ul.split-links li:nth-child(2) a:after{background: linear-gradient(90deg, #1E1E1E 0%, #000000 100%);} footer ul.split-links li:nth-child(1) a .sl-icon img{} footer ul.split-links li:nth-child(1) a{gap:60px;} footer ul.split-links li:nth-child(1) a .sl-icon img{max-width:120px;} footer ul.split-links li:nth-child(2) a{gap: 20px;} footer ul.split-links li:nth-child(1) a:hover:before{width:100%;right:0px;transition:all 500ms ease-in-out;} footer ul.split-links li:nth-child(2) a:hover:before{width:100%;left:0px;transition:all 500ms ease-in-out;} .quick-wrp{gap: 30px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;} .quick-wrp > div{} .quick-wrp h4{color: var(--color-03);font-size: 24px;font-weight: 500;text-transform: capitalize;position: relative;} .quick-wrp h4 span{font-size: 16px;position:absolute;top: 6px;left: 0px;display: none;} ul.sunmark-details{margin:0px;padding:0px;list-style-type:none;gap:30px;display:flex;flex-direction: column;} ul.sunmark-details li{} ul.sunmark-details li ol{margin:0px;padding:0px;list-style-type:none;} ul.sunmark-details li ol li{} ul.sunmark-details li ol li a{text-decoration:none;padding: 4px 0px;display: block;} /***********************/ /* Footer */ /***********************/ /*** kms_item ***/ .kinetic_magnetic_square {cursor: none;position: relative;display: grid;justify-content: end;grid-template-columns: repeat(15, 15px);grid-template-rows: repeat(11, 10px);grid-gap: 2rem;/*cursor: url("https://i.ibb.co/6bycCv7/Ellipse-4.png") 120 120, default;*/} .kinetic_magnetic_square .custom-cursor {position: absolute;top: 0;left: 0;width: 160px;height: 160px;border: 2px solid #FECE00;border-radius: 50%;pointer-events: none;transform: translate(-50%, -50%);transition: background-color 0.2s ease;mix-blend-mode: difference;z-index: 1000;opacity:0;} .kinetic_magnetic_square .kms_item {background-color: #ffffff;border-radius:0px 7px 0px 0px;} /*** kms_item ***/ /***********************/ /* Social Media */ /***********************/ ul.social_media_footer {margin: 0px 0px 0px 0px;padding: 0px;list-style-type: none;gap: 15px;display: flex;/* justify-content: flex-end; */position: relative;top: -10px;} ul.social_media_footer>li {display: block;} ul.social_media_footer>li {transition: all 500ms ease-in-out;} ul.social_media_footer>li>a {font-size: 14px;font-weight: 500;letter-spacing: 0px;text-decoration: none;/* width: 40px; *//* height: 40px; *//* border: 1px solid var(--color-01); */border-radius: 100px;position: relative;display: flex;justify-content: center;align-items: center;transition: all 500ms ease-in-out;} ul.social_media_footer>li>a:before{content:"";width:100%;height:1px;background: var(--color-01);position:absolute;bottom:0;left:0;transition:all 300ms ease-in-out;} ul.social_media_footer>li>a:after{content:"";width:0%;height: 2px;background: var(--color-11);position:absolute;bottom:0;left:0;z-index:9;transition:all 300ms ease-in-out;} ul.social_media_footer>li>a img{} ul.social_media_footer > li > a .menu-text{} ul.social_media_footer > li > a .menu-icon{display: none;transition: all 500ms ease-in-out;} ul.social_media_footer > li > a .menu-icon img{width: 20px;margin-bottom: 2px;} ul.social_media_footer li a:hover{color: var(--color-11);transition: all 500ms ease-in-out;} ul.social_media_footer li a:hover:before{transition:all 300ms ease-in-out;} ul.social_media_footer li a:hover:after{width:100%;transition:all 300ms ease-in-out;} ul.social_media_footer li a:hover .menu-icon{transition: all 500ms ease-in-out;} a.fb:hover {color: #fff;background: #3b5998 !important;transition: all 500ms ease-in-out;} a.tw:hover {color: #fff;background: #38A1F3 !important;transition: all 500ms ease-in-out;} a.dr:hover {color: #fff;background: #eb4b89 !important;transition: all 500ms ease-in-out;} a.in:hover {color: #fff;background: #0077B5 !important;transition: all 500ms ease-in-out;} a.insta:hover {color: #fff;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);transition: all 500ms ease-in-out;} a.vi:hover {color: #fff;background: #00adef !important;transition: all 500ms ease-in-out;} a.yt:hover {color: #fff;background: #d82423 !important;transition: all 500ms ease-in-out;} /***********************/ /* Social Media */ /***********************/ /* Custom Cursor */ .custom-cursor {width: 100px;height: 100px;border-radius: 50%;background: rgba(255, 255, 255, 0.2);position: absolute;pointer-events: none;transform: translate(-50%, -50%);transition: transform 0.1s ease-out;} /* Default Path Styles */ svg path {transition: fill 0.3s ease, transform 0.3s ease;fill: gray;transform: scale(1); /* Default scale */} /* Paths Within 100px Radius */ svg path.active {fill: white !important;transform: scale(1.1);} /* Other Paths */ svg path.inactive {fill: gray !important;transform: scale(0.7);} svg#animatedSVG {max-width: 100%;max-height: 100%;height: auto;} /***********************/ /* B&F Credits */ /***********************/ .flip-container2{-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-ms-transform:perspective(1000px);-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d}.flip-container2:hover .back2,.flip-container2.hover .back2{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}.flip-container2:hover .front2,.flip-container2.hover .front2{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-container2,.front2,.back2{position:relative;top: 0px;float: left;}.flipper{-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-ms-transition:0.6s;-moz-transition:0.6s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:relative;/* top: -7px; */width: 30px;height: 30px;}.text-muted{color:#fff}.front2,.back2{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-moz-transition:0.6s;-moz-transform-style:preserve-3d;-o-transition:0.6s;-o-transform-style:preserve-3d;-ms-transition:0.6s;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:absolute;top:0;right:0}.front2{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);;z-index:2}.back2{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}.txt-flipper{} /***********************/ /* B&F Credits */ /***********************/ .pro-gline{position: relative;} .pro-gline svg{position: absolute;top:10px;left: 50%;transform: translateX(-50%);} body.index .pro-gline, body.investor-relation .pro-gline{height: 150px;} body.about .abt-gline{height: 300px;} body.quality .pro-gline, body.certificates .pro-gline, body.track-your-tc .pro-gline{height:110px;} .container-fluid {padding: 60px;border-radius: 20px;} .mw-300{max-width:300px;} .mw-350{max-width:350px;} .mw-400{max-width:400px;} .mw-450{max-width:450px;} .mw-500{max-width:500px;} .mw-550{max-width:550px;} .mw-580{max-width:580px;} .mw-600{max-width:600px;} .mw-650{max-width:650px;} .mw-700{max-width:700px;} .mw-750{max-width:750px;} .mw-800{max-width:800px;} .mw-850{max-width:850px;} .mw-900{max-width:900px;} .page-title{text-align:left;padding-top: 110px;} .page-title h5{} .page-title h1{margin-bottom:0px;} .page-title .para-max{text-align: left;display:inline-block;max-width:260px;} .page-title .para-max p{} section.sustainability-sec-slider{padding-bottom:60px;position:relative;} section.sustainability-sec-slider .icon-line-art-03{width: 13vw;position:absolute;top:0%;right: -5%;} /*section.sustainability-sec-slider:after{content:"";width:100%;height: 450px;background:var(--color-01);position:absolute;bottom:0px;z-index:0;}*/ section.sustainability-sec-slider .slider-sustainability{margin-bottom: 60px;position:relative;z-index:9;} section.sustainability-sec-slider .ss-box{padding: 30px;gap: 30px;display: flex;flex-direction: column;position:relative} section.sustainability-sec-slider .ss-box:before{content:"";width:100%;height:100%;background:url("thumb-dots-pattern.png") no-repeat top right;position:absolute;top:0;left:0;} section.sustainability-sec-slider .ss-box .ssb-thumb{position:relative;z-index:9;} section.sustainability-sec-slider .ss-box .ssb-thumb img{} section.sustainability-sec-slider .ss-box .ssb-text{position:relative;z-index:9;} section.sustainability-sec-slider .ss-box .ssb-text h3{font-size: var(--rfs-24);margin-bottom: 20px;} section.sustainability-sec-slider .ss-box .ssb-text p{max-width: 400px;} section.sustainability-sec-slider ul.slick-dots{background: #D9D9D9;margin: 50px 0px 0px 0px;padding: 0px;list-style-type: none;display: flex;flex-direction: row;align-items: flex-start;flex-wrap: nowrap;justify-content: flex-end;} section.sustainability-sec-slider ul.slick-dots li{position: relative;width: 33%;height: 3px;} section.sustainability-sec-slider ul.slick-dots li button:before{content:"";position:absolute;top:0;right:0;width: 0%;height:100%;background: var(--color-11);z-index:5;transition:all 400ms ease-in-out;} section.sustainability-sec-slider ul.slick-dots li button{font-size: 0px;width: 100%;background: #D9D9D9;height: 3px;margin: 0px;border: none;outline:none;box-shadow:none;position: absolute;left: 0;z-index:1;transition:all 400ms ease-in-out;} section.sustainability-sec-slider ul.slick-dots li.slick-active{} section.sustainability-sec-slider ul.slick-dots li.slick-active{} section.sustainability-sec-slider ul.slick-dots li.slick-active button:before{width:100%;left:0;right:inherit;} section.sustainability-sec-slider button.slick-prev.slick-arrow, section.sustainability-sec-slider button.slick-next.slick-arrow{font-size:0px;background: rgba(0,0,0,0.0);border: none;border-radius: 5px;width:50px;height:50px;position:absolute;top: 100%;transform: translateY(-50%);z-index:9;} section.sustainability-sec-slider button.slick-prev.slick-arrow{left: -110px;} section.sustainability-sec-slider button.slick-next.slick-arrow{left: -55px;} section.sustainability-sec-slider button.slick-prev.slick-arrow:before, section.sustainability-sec-slider button.slick-next.slick-arrow:before{content:"";position:absolute;top:0;left:0;width:15px;height:15px;border-top: 2px solid var(--color-11);border-right: 2px solid var(--color-11);} section.sustainability-sec-slider button.slick-prev.slick-arrow:before{transform: rotate(-135deg) translate(-26px, 3px);} section.sustainability-sec-slider button.slick-next.slick-arrow:before{transform: rotate(45deg) translate(22px, 1px);} /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-width : 120px) and (max-width :768px) { .rfs-p{padding:0px 10px;} .container-fluid{padding:30px 20px !important;} :root{ --rfs-82: 30px; --rfs-72: 30px; --rfs-64: 30px; --rfs-54: 30px; --rfs-48: 30px; --rfs-42: 36px; --rfs-36: 30px; --rfs-30: 24px; --rfs-24: 21px; --rfs-21: 18px; --rfs-18: 15px; } h1, h2{margin-bottom:20px;} header{/* padding-left:15px; *//* padding-right:15px; */} header ul li {border-top: 1px solid var(--color-13);} header ul li a{padding:0px !important;font-size:18px;} header ul li .btn-explore.red{padding: 12px 19px 12px 0px !important;} header ul li .btn-explore.red .bd-arrow{bottom: 12px;} button.navbar-toggler {border-radius: 0px;border: none;border-left: 1px solid var(--color-13);position: absolute;top: 0;right: 0px;width: 79px;height: 79px;} button.navbar-toggler:hover, button.navbar-toggler:focus, button.navbar-toggler:active{box-shadow:none;border: none;border-left: 1px solid var(--color-13);} /*div#navbarNav {border-top: 1px solid var(--color-13);position: relative;top: 5px;}*/ div#navbarNav {top: 5px;position: relative;} .scroller-bar{font-size:12px;} footer p{font-size:14px;margin-bottom:0px;} footer .sub-footer .container{padding-top:0px;} footer .footer_logo{width: 100px;margin-bottom:0px;} ul.sunmark-details li:nth-child(2) p br{display:none;} ul.social_media_footer {margin-top: 15px;justify-content: flex-start;} svg#animatedSVG{display:none;} .page-title{} .page-title h5{margin-bottom:20px;} .page-title h1{margin-bottom:30px;} .page-title .container-fluid{padding-top:0px !important;padding-bottom:0px !important;} section.sustainability-sec-slider{padding-bottom:0px} section.sustainability-sec-slider h2{font-size:24px;} section.sustainability-sec-slider .container-fluid{padding-bottom:0px !important;} section.sustainability-sec-slider .slider-sustainability{margin-bottom: 0px;} section.sustainability-sec-slider:after{height: 365px;} section.sustainability-sec-slider .ss-box{gap: 10px;max-width:350px;padding: 10px 30px 30px 30px;} section.sustainability-sec-slider .ss-box:before{background-size:contain;height:140px;} section.sustainability-sec-slider .ss-box .ssb-text h3{margin-bottom: 15px;font-size:21px;} section.sustainability-sec-slider ul.slick-dots{margin-top:0px} .btn-download-brochure .bd-arrow{width:30px;height:40px;} ul.sunmark-details li ol{padding-bottom: 10px;gap: 15px;display:flex;border-bottom: 1px solid #3b3b3b;justify-content: space-between;} .kinetic_magnetic_square{margin-top:20px;grid-gap: 1rem;overflow: hidden;} section.home-sec-download h2{margin-bottom:20px;} } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-width : 120px) and (max-width : 990px) { header nav{padding: 5px 30px 5px 30px !important;display: flex;justify-content: flex-end;} header nav:after{width: calc(100% - 20px);} } /* Large screens ----------- */ @media only screen and (min-width : 991px) and (max-width : 1440px) { .cfp{padding:50px 30px;} .rfs-82 {font-size: var(--rfs-82);} .rfs-72 {font-size: var(--rfs-72);} .rfs-64 {font-size: var(--rfs-42);} .rfs-54 {font-size: var(--rfs-42);} .rfs-48 {font-size: var(--rfs-36);} .rfs-42 {font-size: var(--rfs-36);} .rfs-36 {font-size: var(--rfs-30);} .rfs-30 {font-size: var(--rfs-30);} .rfs-24 {font-size: var(--rfs-24);} .rfs-21 {font-size: var(--rfs-21);} .rfs-18 {font-size: var(--rfs-18);} footer h3 {font-size: var(--rfs-36);} } @media screen and (min-width: 1280px) and (max-width: 1366px) { .container{max-width:1280px;} body{font-size:16px;} } @media screen and (min-width: 1441px) and (max-width: 1799px) { .container{max-width: 1440px;} } /* Large screens ----------- */ @media only screen and (min-width : 1660px) { .container{max-width: 1440px;} } /* Large screens ----------- */ @media only screen and (min-width : 1800px) { .container{max-width: 1440px;} }