/* inner bannner */
.inner-banner { position: relative; padding: 300px 0 75px; color: var(--white-color); }
.inner-banner .bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-filter: brightness(0.4); filter: brightness(0.4); z-index: -1;}
.inner-banner .banner-content h3 { color: var(--white-color); font-size: 40px; line-height: 1.13; margin-bottom: 16px; }
.inner-banner .banner-content .breadcrumb{ padding: 10px 15px; -webkit-backdrop-filter: blur(30px) brightness(1.2); backdrop-filter: blur(30px) brightness(1.2); border-radius: 6px; overflow: hidden; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
.inner-banner .banner-content .breadcrumb-item::before{ color: var(--white-color); }
.inner-banner .banner-content .breadcrumb-item a img , .inner-banner .banner-content .breadcrumb-item a svg { width: 20px; margin-top: -4px; }
.inner-banner .banner-content .breadcrumb-item a:hover svg path{ fill: var(--theme-color); }
.inner-banner .banner-content .breadcrumb-item:hover a{ color: var(--theme-color); }
.inner-banner .banner-content .breadcrumb-item.active, .inner-banner .banner-content .breadcrumb-item.active::before { color: rgb(254 255 255 / 65%); }

/* About-us page */
.our_story{ padding: 75px 0 50px 0; }
.our_story .theme-heading .theme-title { margin-bottom: 16px; }
.our_story p{ max-width: 88%; margin: 0 auto; }

.vision_mission{ overflow: unset;}
.vision_mission_inr{ background-color: var(--info-bg); padding: 50px 60px; color: var(--white-color); z-index: 2; position: relative; margin-bottom: -150px;}
.vision_mission_inr .theme-title{ color: var(--white-color) }
.vision_mission_inr p{ color: #eae2e2; }
.vision_mission_inr .vision , .vision_mission_inr .mission { padding: 0 50px; }
.vision_mission_inr .vision { border-right: 1px solid rgba(255, 255, 255, 25%); }
.vision_mission_inr .vision-mission-title{margin-bottom: 20px; }
.vision_mission_inr .vision-mission-title > img{ height: 60px; width: auto; -o-object-fit: contain; object-fit: contain; }

.slogan{ padding: 200px 0 30px 0; color: white; background-color: rgba(0, 0, 0, 0.7); position: relative; }
.slogan::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/slogan-bg.webp); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; z-index: -1; }
.slogan-marquee .slick-slide span {font-size: 110px; line-height: 1.2; font-weight: 600; letter-spacing: 1px; -webkit-text-stroke: 1px #9b9b9b; -webkit-text-fill-color: transparent; color: transparent; }

.brand-philosophy{ background-color: var(--gray-bg); padding: 57px 0 85px 0; }
.brand-philosophy .theme-heading .theme-subtitle{ margin-bottom: 13px; }
.brand-philosophy .theme-heading .theme-title{ max-width: 525px; margin: 0 auto; }
.brand-philosophy .frame-content{margin:50px 0 0 0; position: relative; }
.brand-philosophy .frame-content::after{ content: ""; position: absolute; bottom: 100%; right: 50%; width: 1px; height: 74px; background-color: rgba(0, 0, 0, 0.25); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.brand-philosophy .brand-data .brand-text.left ,.brand-philosophy .brand-data .brand-text.right,.brand-philosophy .frame-content.center{ position: relative; }
.brand-philosophy .brand-data .brand-text.left::after { content: ""; position: absolute; top: 45%; left: 100%; width: 204px; height: 1px; background-color: rgba(0, 0, 0, 0.25); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.brand-philosophy .brand-data .brand-text.right::after { content: ""; position: absolute; top: 50%; right: 100%; width: 208px; height: 1px; background-color: rgba(0, 0, 0, 0.25); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.brand-philosophy .brand-data .brand-text ,.brand-philosophy .frame-content{ background-color: white; padding: 20px 25px; /* border-top-right-radius: 30px; */ -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.vertical-line { margin-top: -15px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1px; height: 73px; background-color: var(--secondary-color); z-index: 1; }
.brand-philosophy .brand-data .brand-text strong { color: var(--white-color); background-color: var(--theme-color); padding: 2px 4px; border-radius: 4px; }

/* CSR page */
.csr.csr-inner-secn{padding: 0 0 45px 0; overflow: unset;}
.csr.csr-inner-secn .csr-left{padding: 75px 0 0;}
.csr.csr-inner-secn .csr-left .theme-title{margin-bottom: 16px;white-space: pre-line;}
.csr.csr-inner-secn .csr-left > p{max-width: 95%;}
.csr.csr-inner-secn .csr-left p{max-width: 100%;}
.csr.csr-inner-secn .csr_img { position: sticky; top: 0; mix-blend-mode: multiply; }
.csr-list{margin-top: 30px; margin-right: 40px;}
.csr-list li{padding: 15px 0 15px 0;border-bottom: 1px solid rgb(0 0 0 / 8%);}
.csr-list li:last-child{border-width: 0;}
.csr-inner-secn .list-card{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;gap: 40px;width: 90%;}
.csr-inner-secn .list-card img{margin-top: 20px;width: 50px;}
.csr-inner-secn .list-card .list-content{padding: 15px 0 15px 0;width: calc(100% - 90px);}
.csr-inner-secn .list-card .list-content p{margin: 0;}
.csr-inner-secn .list-card .list-content p strong{display: block;margin-bottom: 8px;font-size: 110%;}
.csr-inner-secn .csr-img img{mix-blend-mode: multiply;-webkit-animation: slide-updown 4s cubic-bezier(0.24, 0.11, 0.58, 1) infinite alternate;animation: slide-updown 4s cubic-bezier(0.24, 0.11, 0.58, 1) infinite alternate;}
@-webkit-keyframes slide-updown{ 100%{-webkit-transform: translateY(-20px);transform: translateY(-20px);} }
@keyframes slide-updown{ 100%{-webkit-transform: translateY(-20px);transform: translateY(-20px);} }

/* Contact-us page */
.contact-details{ padding:75px 0 65px 0; background: var(--gray-bg); overflow: unset; }
.contact-details .contact_detail_inr .theme-heading .theme-subtitle{ margin-bottom: 13px; }
.contact-details .contact_detail_inr .contact_left{ margin-right: 60px; position: sticky; top: 30px; }
.contact-details .contact_detail_inr .contact_left .theme-heading .theme-title{ margin-bottom: 40px; }
.contact-details .contact_detail_inr .contact_left .contact-data{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 17px; font-weight: 500; }
.contact-details .contact_detail_inr .contact_left .contact-data .contact-title{ font-weight: 600; font-size: 14px; line-height: normal; margin-top: 4px; display: inline-block; text-transform: uppercase; letter-spacing: 1.1px;}
.contact-details .contact_detail_inr .contact_left .contact-data a{ color: var(--secondary-color); }
.contact-details .contact_detail_inr .contact_left .contact-data a:hover{ color: var(--theme-color); }
.contact-details .contact_detail_inr .contact_left .contact-data .social-media{ gap: 8px; }
.contact-details .contact_detail_inr .contact_left .contact-data .social-media .social-icon { border: 1px solid var(--theme-color); border-radius: 50%; height: 44px; width: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;background-color: var(--theme-color); }
.contact-details .contact_detail_inr .contact_left .contact-data .social-media .social-icon:hover{ background-color: var(--white-color); }
.contact-details .contact_detail_inr .contact_left .contact-data .social-media .social-icon:hover svg path{ fill: var(--theme-color); }
.contact-details .contact_detail_inr .contact_left .contact-data .social-icon img { max-width: 60%; max-height: 60%; }
.contact-details .contact_detail_inr .contact-right{padding: 40px; background: var(--white-color); -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.contact-details .contact_detail_inr .contact-right .theme-heading h2{ margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 28px; padding-bottom: 30px; }

.explore-inner-secn{padding: 75px 0;}
.explore-inner-secn .theme-heading{margin: 0 auto 33px auto;}
.explore-card{width: 100%;aspect-ratio: 673/396;overflow: hidden;position: relative;}
.explore-card img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s;}
.explore-card .explore-content{padding: 0px 30px 40px 30px;width: 100%;height: 50%;background: linear-gradient(0deg, #000, transparent);position: absolute;bottom: 0;left: 0;display: flex;align-items: flex-end;}
.explore-card .explore-content p{margin: 0;font-size: 28px;font-weight: 600;line-height: 1.163;color: #fff; max-width: 82%;}
.explore-card:hover img{transform: scale(1.05);}

.explore-inner-secn .slick-slider{margin:0 -15px;}
.explore-inner-secn .slick-slide{margin-right:15px;margin-left:15px;}
.explore-inner-secn .slick-prev, 
.explore-inner-secn .slick-next{display: flex !important;align-items: center;justify-content: center;position: absolute;top: 50%;padding: 0;width: 39px;height: 39px;background: var(--theme-color);border-radius: 50%;border: 1px solid transparent;opacity: 0;transition: 0.5s;cursor: pointer;z-index: 1;}
.explore-inner-secn .slick-prev{left: 35px;transform: translateX(-50%) translateY(-50%);}
.explore-inner-secn .slick-next{right: 35px;transform: translateX(50%) translateY(-50%);}
.explore-inner-secn .product-slider:hover .slick-prev,
.explore-inner-secn .product-slider:hover .slick-next{opacity: 1;pointer-events: auto;transform: translateX(0) translateY(-50%);}
.explore-inner-secn .slick-prev:hover,
.explore-inner-secn .slick-next:hover{background-color: var(--info-bg);opacity: 1;}

.products-inner-secn{padding: 75px 0;position: relative;z-index: 0;background: var(--info-bg);}
.products-inner-secn::before{content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: var(--info-bg) url(../images/product-bg.png);background-blend-mode: multiply;background-position: 35% 100%;background-repeat: no-repeat;background-size: cover;z-index: -1;}
.products-inner-secn .theme-heading .theme-subtitle{margin-bottom: 9px;color: rgb(255 255 255 / 80%);}
.products-inner-secn .theme-heading .theme-title{margin: 0px auto 33px;width: 90%;max-width: 980px;color: #fff;}
.products-list .products-card{padding: 10px 20px;width: 100%;height: 100%;min-height: 100px;background: rgb(255 255 255 / 5%);border: 1px solid rgb(255 255 255 / 25%);color: rgb(255 255 255 / 90%);text-align: center;display: flex;justify-content: center;align-items: center;transition: 0.5s;}
.products-list .products-card:hover{background: #fff;color: var(--info-bg);}

.products-facilities{padding: 75px 0;}
.products-facilities .facilities-content{width: 95%;}
.products-facilities .facilities-content .theme-heading .theme-subtitle{margin-bottom: 13px;}
.products-facilities .facilities-content .theme-heading .theme-title{margin-bottom: 27px;}

.safety-secn{padding: 75px 0;background: var(--gray-bg);}
.safety-secn .theme-heading .theme-title{margin: 0px auto 25px;}
.safety-secn p { font-size: 20px; margin: 0 auto 16px;}
.safety-secn-new > div{ padding-left: 50px; border-left: 1px solid #ccc; margin-left: 50px; }
.safety-secn-new img, .safety-secn-new svg{ width: 120px; opacity: .3; }