h2.d-flex{gap:15px;}
h2.d-flex .cursive{position: relative;top: -7px;}
.container-fluid{padding:60px;border-radius: 20px;}
 
 
.bg-gradient-01{background: linear-gradient(180deg, rgb(14 6 40 / 0%) 0%, rgb(14 6 40 / 80%) 10%, rgb(14 6 40 / 80%) 80%, rgb(14 6 40 / 80%) 100%);}
.bg-gradient-02{background: linear-gradient(180deg, rgba(14, 6, 40, 0.8) 7%, rgba(14, 6, 40, 1) 100%);}

h2 .row_column{width:130%;gap: 15px;display: flex;flex-direction: row;align-items: center;}
/*h2 em{opacity: 0.4;font-weight: 900;}*/
span.typed-cursor{opacity:.1;}

#rotating-text {line-height: 1.2;width: 250px;height: var(--rfs-64);position: relative;top: -1px;overflow: hidden;display: block;}
#rotating-text .text-item {position: absolute;opacity: 0;width: 100%;}

.type_text{/*height: var(--rfs-54);*/position:relative;display: flex;}
.type_text:before{content:"";width: 60px;height: 60px;border-radius: 100px;position:absolute;top: -40px;right: -26px;z-index: 1;}
.type_text:after{content:"";width: 6px;height: 80%;border-radius: 100px;position:absolute;top:0px;right: 1px;}


.icon-line-art-01,
.icon-line-art-02,
.icon-line-art-03{position:absolute;}

.icon-line-art-01{width: 13vw;top:40%;left: -4%;}
.icon-line-art-02{width: 22vw;top:40%;left: -8%;}
.icon-line-art-03{width: 13vw;top:0%;right: -5%;}


section.home-sec-hero{color: var(--color-01);padding-top: 150px;height:100vh;display:flex;align-items: flex-start;}
section.home-sec-hero h1{position: absolute;top: 50%;left: 50%;width: 90%;z-index: 9;transform: translate(-50%,-50%);display: flex;justify-content: space-between;}
section.home-sec-hero .hero-banner{width:100%;height: 78vh;overflow: hidden;position:relative;background: linear-gradient(360deg, #717373, #828483);}
section.home-sec-hero .hero-banner img{max-width: max-content;height: 100%;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%) scale(1.1);}
section.home-sec-hero .hero-banner .hb-image{background: url("hero-banner.jpg") no-repeat center center;background-size: cover;width:100%;height: 100%;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%) scale(1.1);}

section.home-sec-01{padding-bottom:60px;}
section.home-sec-01 ul.stats_box{margin: 0px;padding: 0px;list-style-type: none;gap: 4vw;display: flex;justify-content: flex-end;}
section.home-sec-01 ul.stats_box li{max-width: 200px;padding: 20px 30px;border-bottom: 1px solid var(--color-13);border-right: 1px solid var(--color-13);}
section.home-sec-01 ul.stats_box li h3{color:var(--color-11);font-size: var(--rfs-48);}
section.home-sec-01 ul.stats_box li p{}


section.home-sec-02{color:var(--color-01);background: var(--color-03);position:relative;}
section.home-sec-02 .supermarquee ul {margin: 0px 15px;padding: 0px;list-style-type: none;gap: 20px;display: flex;}
section.home-sec-02 .supermarquee ul li{font-size:var(--rfs-54);padding: 10px 0px;} 


section.home-sec-video{text-align: center;position: relative;z-index: 9999;}
section.home-sec-video .fixed_video{overflow: hidden;width: 30%;margin: auto;text-align: center;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
section.home-sec-video video{object-fit: cover;}

section.home-sec-03{position:relative;padding-top: 60px;}

section.home-sec-04{padding-bottom:60px;position:relative;}
section.home-sec-04 .slider-nav{margin-left:120px;}
section.home-sec-04 .product-box{color: var(--color-02);background: var(--color-13);padding: 20px;width: 100%;max-width: 770px;margin-left: 30px;display: flex;justify-content: space-between;align-items: center;position:relative;transition:all 300ms ease-in-out;}
section.home-sec-04 .product-box:before{content:"";width: 0%;height:100%;background: var(--color-03);position:absolute;top:0;right:0;z-index:1;transition:all 300ms ease-in-out;}
section.home-sec-04 .product-box .pb-thumb{width: 160px;position:relative;z-index:9;}
section.home-sec-04 .product-box .pb-thumb img{}
section.home-sec-04 .product-box .pb-text{max-width: 70%;opacity:.3;position:relative;z-index:9;transition:all 300ms ease-in-out;}
section.home-sec-04 .product-box .pb-text h3{font-size:var(--rfs-36);margin-bottom: 30px;}
section.home-sec-04 .product-box .pb-text table{font-size: 16px;border: none;}
section.home-sec-04 .product-box .pb-text table tr{}
section.home-sec-04 .product-box .pb-text table th{width:180px;}
section.home-sec-04 .product-box .pb-text table th,
section.home-sec-04 .product-box .pb-text table td{color:var(--color-02);background: transparent;border-color: var(--color-04);padding-left: 0px;transition:all 300ms ease-in-out;}

section.home-sec-04  .slider-for{border-left:1px solid var(--color-13);}

section.home-sec-04 .slick-current.slick-active{}
section.home-sec-04 .slick-current.slick-active .product-box,
section.home-sec-04 .slick-current.slick-active .product-box .pb-text table th,
section.home-sec-04 .slick-current.slick-active .product-box .pb-text table td{color: var(--color-01);transition:all 300ms ease-in-out;}
section.home-sec-04 .slick-current.slick-active .product-box:before{width:100%;right:inherit;left:0;transition:all 500ms ease-in-out;}
section.home-sec-04 .slick-current.slick-active .product-box .pb-text{opacity:1;transition:all 300ms ease-in-out;}

section.home-sec-04 .slider-nav{}
section.home-sec-04 .slider-nav h4{position:relative;padding:5px 0px 5px 20px;opacity:.5;transition:all 300ms ease-in-out;}
section.home-sec-04 .slider-nav h4:before{content:"";width:10px;height:10px;background:var(--color-11);position:absolute;top:15px;left:0px;border-radius:100px;transform:scale(0);transition:all 300ms ease-in-out;}

section.home-sec-04 .slider-nav .slick-current.slick-active h4{opacity:1;transition:all 300ms ease-in-out;}
section.home-sec-04 .slider-nav .slick-current.slick-active h4:before{transform:scale(1);transition:all 300ms ease-in-out;}


section.home-sec-04 ul.slick-dots{margin: auto;padding: 10px 0px 30px 0px;list-style-type: none;gap: 10px;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: center;align-content: center;}
section.home-sec-04 ul.slick-dots li{position: relative;line-height: 1;display: flex;align-items: flex-start;}
section.home-sec-04 ul.slick-dots li button{font-size: 0px;border: 1px solid #D9D9D9;border-radius: 100px;width:10px;height:10px;margin: 0px;border: none;outline:none;box-shadow:none;transition:all 400ms ease-in-out;}
section.home-sec-04 ul.slick-dots li.slick-active{}
section.home-sec-04 ul.slick-dots li.slick-active{}
section.home-sec-04 ul.slick-dots li.slick-active button{background: var(--color-11);}


section.home-sec-06{padding-bottom:60px;position:relative;}
section.home-sec-06:after{content:"";width:100%;height: 450px;background:var(--color-01);position:absolute;bottom:0px;z-index:0;}
section.home-sec-06 .slider-sustainability{margin-bottom: 60px;position:relative;z-index:9;}
section.home-sec-06 .ss-box{padding: 30px;gap: 30px;display: flex;flex-direction: column;position:relative}
section.home-sec-06 .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.home-sec-06 .ss-box .ssb-thumb{position:relative;z-index:9;}
section.home-sec-06 .ss-box .ssb-thumb img{}
section.home-sec-06 .ss-box .ssb-text{position:relative;z-index:9;}
section.home-sec-06 .ss-box .ssb-text h3{font-size: var(--rfs-24);margin-bottom: 20px;}
section.home-sec-06 .ss-box .ssb-text p{max-width: 400px;}


section.home-sec-06 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.home-sec-06 ul.slick-dots li{position: relative;width: 33%;height: 3px;}
section.home-sec-06 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.home-sec-06 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.home-sec-06 ul.slick-dots li.slick-active{}
section.home-sec-06 ul.slick-dots li.slick-active{}
section.home-sec-06 ul.slick-dots li.slick-active button:before{width:100%;left:0;right:inherit;}


section.home-sec-download{background: linear-gradient(90deg, #1C1C1D -11.08%, #E23E2F 114.76%);}
section.home-sec-download h2{margin-bottom:0px;}


section.home-sec-faqs{padding-top:50px;/* padding-bottom:50px; */}
section.home-sec-faqs #accordionExample{}
section.home-sec-faqs #accordionExample .accordion-item{background: #ffffff;border-radius: 0px;border: none;border-bottom: 1px solid #B3B3B3;outline: none;position: relative;z-index: 4;}
section.home-sec-faqs #accordionExample .accordion-item:after{content:"";width: 90%;height: 10px;background: #000000;opacity: .3;filter: blur(10px);border-radius: 100%;position: absolute;bottom: -10px;left: 0;right: 0;margin: auto;z-index: -2;display: none;}
section.home-sec-faqs #accordionExample .accordion-header {background: #fff;}
section.home-sec-faqs #accordionExample .accordion-header button.accordion-button {padding: 10px 15% 10px 0 !important;background: transparent !important;border-radius: 0px !important;border: none !important;outline: none;box-shadow: none !important;}

section.home-sec-faqs #accordionExample .accordion-collapse{border:none !important;}
section.home-sec-faqs #accordionExample .accordion-body{border:none !Important;background: #fff;padding: 0px;}
section.home-sec-faqs #accordionExample .accordion-body p{}


section.home-sec-faqs #accordionExample .accordion-item:nth-last-child(1){border-bottom:none !important;}
section.home-sec-faqs #accordionExample .accordion-header button.accordion-button:before {content:"";width: 13px;height: 1px;background: var(--color-02);right: 19px;position: absolute;transform: rotate(90deg);z-index:1;}
section.home-sec-faqs #accordionExample .accordion-header button.accordion-button:after {width: 13px;height: 1px;background: var(--color-02);right: 19px;position: absolute;}

section.home-sec-faqs #accordionExample .accordion-header button.accordion-button:not(.collapsed){color:var(--color-11);}
section.home-sec-faqs #accordionExample .accordion-header button.accordion-button:not(.collapsed):before{background:var(--color-11);height:2px;transform: rotate(0deg);}



button.slick-prev.slick-arrow,
button.slick-next.slick-arrow{font-size:0px;background: rgba(0,0,0,0.0);/* border: 1px solid rgb(255 255 255 / 31%); */border: none;border-radius: 5px;width:50px;height:50px;position:absolute;top: 100%;transform: translateY(-50%);z-index:9;}

button.slick-prev.slick-arrow{left: -110px;}
button.slick-next.slick-arrow{left: -55px;}

button.slick-prev.slick-arrow:before,
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);}


button.slick-prev.slick-arrow:before{transform: rotate(-135deg) translate(-26px, 3px);}
button.slick-next.slick-arrow:before{transform: rotate(45deg) translate(22px, 1px);}



/*

button.slick-prev.slick-arrow,
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: 45%;transform: translateY(-50%);z-index:9;}

button.slick-prev.slick-arrow{left: 30px;}
button.slick-next.slick-arrow{right: 30px;}

button.slick-prev.slick-arrow:before,
button.slick-next.slick-arrow:before{content:"";position:absolute;top:0;left:0;width:15px;height:15px;border-top: 1px solid var(--color-11);border-right: 1px solid var(--color-11);}


button.slick-prev.slick-arrow:before{transform: rotate(-135deg) translate(-26px, 3px);}
button.slick-next.slick-arrow:before{transform: rotate(45deg) translate(20px, 1px);}


ul.slick-dots{margin:0px auto;padding:0px;list-style-type:none;gap: 10px;display: flex;align-items: center;justify-content: center;}
ul.slick-dots li{}

ul.slick-dots li button{font-size:0px;width: 10px;height: 10px;border: none;border-radius: 100px;transition: all 300ms ease-in-out;}
ul.slick-dots li.slick-active{}
ul.slick-dots li.slick-active button{background: var(--color-11);transition: all 300ms ease-in-out;}

*/
 

/* `md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px)
{ 


	.icon-line-art-01{width: 150px;top:40%;left: -22%;}
	.icon-line-art-02{width: 150px;top:40%;left: -8%;}
	.icon-line-art-03{width: 150px;top:0%;right: -5%;}
	
	.btn-download.mt-5{margin-top:10px !important;margin-bottom:30px !important;}

	section.home-sec-hero h1{color: var(--color-03);height: 60%;display: flex;flex-direction: column;align-items: center;}
	
	section.home-sec-01{padding-bottom:30px;}
	section.home-sec-01 h2 br{display:none;}
	
	section.home-sec-01 ul.stats_box{display: flex;flex-direction: column;margin-left:40px;}
	section.home-sec-01 ul.stats_box li{max-width:100%;padding: 10px 0px 20px 0px;}
	section.home-sec-01 ul.stats_box li p{margin-bottom:0px;}
	section.home-sec-01 ul.stats_box li p br{display:none;}

	section.home-sec-03{padding-top:40px;}
	section.home-sec-04 .slider-nav{margin-left:50px;}

	section.home-sec-04 .product-box{color:var(--color-01);display: flex;flex-direction: column;margin: 0px;}
	section.home-sec-04 .product-box .pb-text{max-width:100%;opacity:1;}
	
	section.home-sec-video video{height:250px;}
	
	section.home-sec-04{padding-bottom: 20px;}
	section.home-sec-04 .slick-list.draggable {height: auto !important;}
	section.home-sec-04 .product-box .pb-text h3{font-size:var(--rfs-54);}
	section.home-sec-04 .product-box .pb-thumb {width: 100%;height: 200px;position: relative;z-index: 9;}
	section.home-sec-04 .product-box .pb-thumb img {width: 130px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(90deg);}

	section.home-sec-04 .slider-for {background: #262626;border-left: 0;}
	section.home-sec-04 .product-box:before{width:100%;}
	
	section.home-sec-04 .product-box .pb-text table th,
	section.home-sec-04 .product-box .pb-text table td,
	section.home-sec-04 .slick-current.slick-active .product-box,
	section.home-sec-04 .slick-current.slick-active .product-box .pb-text table th,
	section.home-sec-04 .slick-current.slick-active .product-box .pb-text table td{color:var(--color-01);font-size:14px;}
	
	section.home-sec-06 .slider-sustainability{margin-bottom:20px;}
	section.home-sec-06:after{height: 365px;}
	section.home-sec-06 .ss-box{max-width:350px;}
	section.home-sec-06 .ss-box:before{background-size:contain;height:140px;}
	section.home-sec-06 .ss-box .ssb-text h3{font-size:21px;}
	section.home-sec-06 ul.slick-dots{margin-top:0px}

	
	
}


/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px)
{ 

}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px)
{ 

}

/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px)
{ 


}
 