h2.d-flex{gap:15px;}
h2.d-flex .cursive{position: relative;top: -7px;}
 
.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%;right: -4%;}
.icon-line-art-02{width: 22vw;top: 70%;left: -8%;}
.icon-line-art-03{width: 13vw;top:0%;right: -5%;}

span.chars-01{padding-bottom:10px}

section.home-sec-hero{color: var(--color-02);padding-top: 100px;height:100vh;display:flex;align-items: flex-start;}
section.home-sec-hero h1{letter-spacing:-2px;;max-width: 40vw;position: absolute;top: 50%;left: 60px;transform:translateY(-50%);z-index: 9;display: flex;flex-direction: column;justify-content: flex-start;}
section.home-sec-hero .hero_title{max-width: 460px;position: absolute;top: 30%;left: 60px;transform:translateY(-50%);z-index: 9;display: flex;justify-content: space-between;}
section.home-sec-hero .hero_title h1{font-size:var(--rfs-64)}
section.home-sec-hero .hero_subtitle{max-width: 460px;position: absolute;bottom: 20%;right: 60px;transform:translateY(-50%);z-index: 9;display: flex;justify-content: space-between;flex-direction: column;align-items: flex-start;}
section.home-sec-hero .hero_subtitle h2{font-size:var(--rfs-30);margin-bottom: 10px;}
section.home-sec-hero .hero_subtitle a{}

section.home-sec-hero .hero-banner{width:100%;height: 84vh;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("https://www.bochfernsh.in/clients/sunmarkstainless/assets/index/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);line-height: 1;padding: 20px 0px 35px 40px;position: relative;} 
section.home-sec-02 .supermarquee ul li:before{content:"";width: 15px;height: 15px;background: var(--color-11);position: absolute;top: 50%;left: 0px;border-radius: 10px;transform: translateY(-50%);}

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 .fixed_video a{display: block;width: 100%;height: 56%;position: relative;}

section.home-sec-video video{top: 0;left: 0;position: absolute;z-index: -6;display: none;}


section.home-sec-03{position:relative;padding-top: 60px;}
section.home-sec-03 .ss_product{color: var(--color-04);text-decoration: none;padding: 20px 20px 40px 20px;position: relative;display: block;transition:all 500ms ease-in-out;}
section.home-sec-03 .ss_product:before{content:"";width: 80%;height:50%;background:url("../products/dots-pattern.png") no-repeat top right;background-size: contain;filter:grayscale(100);position:absolute;top:0px;right: 0px;transition:all 500ms ease-in-out;}
section.home-sec-03 .ss_product .sp_thumb{background: #DBDBDB;display: block;position: relative;z-index: 9;transition:all 500ms ease-in-out;}
section.home-sec-03 .ss_product .sp_thumb img{transition:all 500ms ease-in-out;}
section.home-sec-03 .ss_product .sp_text{padding: 20px 10px;display: block;min-height: 120px;overflow: hidden;position: relative;z-index: 9;transition:all 500ms ease-in-out;}
section.home-sec-03 .ss_product .sp_text:before{content:"";width: 0%;height: 2px;background: var(--color-11);position:absolute;bottom: 0px;right: 0px;transition:all 500ms ease-in-out;}
section.home-sec-03 .ss_product .sp_text:after{content:"";width: 2px;height: 0%;background: var(--color-11);position:absolute;bottom: 0px;right: 0px;transition:all 500ms ease-in-out;}
section.home-sec-03 .ss_product .sp_text h3{font-size: var(--rfs-24);font-weight:500;margin-bottom: 15px;position: relative;transition:all 500ms ease-in-out;}
section.home-sec-03 .ss_product .sp_text h3:after{content:"";display: inline-block;width: 18px;height: 18px;background:url("../templates/img/btn-arrow-link.png") no-repeat center center;background-size: contain;position: relative;bottom: -1px;right: -6px;transform: scale(0);z-index: 1;transition:all 300ms ease-in-out;}
section.home-sec-03 .ss_product .sp_text p{position: relative;top: 100px;transition:all 500ms ease-in-out;}

section.home-sec-03 .ss_product:hover{transition:all 500ms ease-in-out;}
section.home-sec-03 .ss_product:hover:before{filter:grayscale(0);transition:all 500ms ease-in-out;}
section.home-sec-03 .ss_product:hover .sp_text{transition:all 500ms ease-in-out;}
section.home-sec-03 .ss_product:hover .sp_text:before{width: 100%;transition:all 500ms ease-in-out;}
section.home-sec-03 .ss_product:hover .sp_text:after{height: calc(100% - 15px);transition:all 500ms ease-in-out;}
section.home-sec-03 .ss_product:hover .sp_text h3{color:var(--color-11);transition:all 500ms ease-in-out;}
section.home-sec-03 .ss_product:hover .sp_text h3:after{transform: scale(1);transition:all 500ms ease-in-out;}
section.home-sec-03 .ss_product:hover .sp_text p{top: 0px;transition:all 500ms ease-in-out;}

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-05{}
section.home-sec-05 ul{margin: 0px;padding: 0px;list-style-type: none;}
section.home-sec-05 ul li{font-size: var(--rfs-21);font-weight: 400;padding: 10px 0px;position: relative;}
section.home-sec-05 ul li span{}
section.home-sec-05 ul li span.bullet{padding-left:30px;position:relative;}
section.home-sec-05 ul li span.bullet:before {content: "";width: 10px;height: 10px;background: var(--color-11);border-radius: 100px;position: absolute;top: calc(50% - 5px);left: 0px;}
section.home-sec-05 ul li:nth-child(1){}
section.home-sec-05 ul li:nth-child(2){padding-left: 20%;}
section.home-sec-05 ul li:nth-child(3){padding-left: 40%;}
section.home-sec-05 ul li:nth-child(4){padding-left: 60%;}
section.home-sec-05 ul li:nth-child(5){padding-left: 80%;}



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 0px !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);}


section.home-sec-musuem{padding: 80px 0px 120px 0px;}
section.home-sec-musuem .musuem-box{color: #ffffff;position: relative;padding-left: 5%;margin-left: 4%;}
section.home-sec-musuem .musuem-box:before{content:"";position:absolute;bottom:0;left:0;width:100%;height: 86%;background:var(--color-11);}
section.home-sec-musuem .musuem-box:after{content:"";position:absolute;bottom: 13%;left: -4%;width: 100%;height: 84%;border: 2px solid var(--color-02);z-index: -1;}
section.home-sec-musuem .musuem-box h2{color: #ffffff;font-size: var(--rfs-48);text-transform: uppercase;margin-top: 20%;margin-bottom: 20px;position:relative;;z-index: -1;}
section.home-sec-musuem .musuem-box h2 span{}
section.home-sec-musuem .musuem-box .row{position:relative;z-index:9;}

section.home-sec-07{padding-top:70px;}

/*

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 screen and (max-width: 990.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{text-align: center;color: var(--color-03);max-width: 60%;height: 60%;top: 46%;left:0px;right: 0px;margin: auto;display: flex;flex-direction: column;align-items: center;}
	
	section.home-sec-01{padding-bottom: 0px;}
	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-03 .ss_product .sp_text{padding-bottom:0px;}
	section.home-sec-03 .ss_product .sp_text p{top:0px;}
	
	section.home-sec-04 .slider-nav{margin-left:50px;}

	section.home-sec-04 .product-box{display: flex;flex-direction: column;margin: 0px;}
	section.home-sec-04 .product-box .pb-text{max-width:100%;}
	
	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 .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{font-size:14px;}
	
	
	section.home-sec-05{}
	section.home-sec-05 ul{}
	section.home-sec-05 ul li{font-size: 16px;}
	section.home-sec-05 ul li span{}
	section.home-sec-05 ul li span.bullet{padding-left: 15px;}
	section.home-sec-05 ul li span.bullet:before{top: calc(50% - 3px);width: 7px;height: 7px;}
	
	section.home-sec-05 ul li:nth-child(1),
	section.home-sec-05 ul li:nth-child(2),
	section.home-sec-05 ul li:nth-child(3),
	section.home-sec-05 ul li:nth-child(4),
	section.home-sec-05 ul li:nth-child(5),
	section.home-sec-05 ul li:nth-child(6){padding-left: 10px;}
	

	section.home-sec-musuem{padding: 0px 0px 30px 0px;}
	section.home-sec-musuem .musuem-box{}
	section.home-sec-musuem .musuem-box:before{height: 97%;}
	section.home-sec-musuem .musuem-box:after{height: 97%;bottom: 3%;}
	section.home-sec-musuem .musuem-box .museum-logo{width: 120px;margin-top: 50px;margin-bottom: 10px;}
	section.home-sec-musuem .musuem-box h2{margin-top: 10px;}
	section.home-sec-musuem .musuem-box p{max-width: 90%;}
	section.home-sec-musuem .musuem-box .btn-explore.white{margin-bottom:30px}
	
	section.home-sec-07{padding-top:30px;padding-bottom:30px;}
	
}


/* `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)
{ 


}
 