@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');


@import url('../css/owl.carousel.min.css');
@import url('../css/font-awesome.min.css');
@import url('../css/simple-line-icons.css');
@import url('../css/fancybox.min.css'); 
@import url('../css/aos.css'); 


@font-face {
  font-family: 'Georgia';
  src: url('../fonts/georgia.ttf'); 
  font-weight:400;
  font-display: swap; 
}
@font-face {
  font-family: 'Georgia';
  src: url('../fonts/georgiab.ttf'); 
  font-weight:700;
  font-display: swap; 
}


/*::-webkit-scrollbar {
	width: 10px;
	border-radius: 100px
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 10px #1a1a1a;
	border-radius: 100px
}

::-webkit-scrollbar-thumb {
	background-color: #1a1a1a;
	border-radius: 100px
}*/


/*header css*/
.hidden_header{height:131px;}
header{position:fixed; z-index:99; left:0; top:0; right:0; background:#fff; border-bottom:#eee solid 2px;}
header .d-flex{align-items:center;}
.header-shrink{border-color:#ddd; -webkit-backdrop-filter:blur(6.5px); backdrop-filter:blur(6.5px); transition:all 0.3s ease-in-out;}
header .btn{margin-top:0; padding:10px 20px; font-size:15px; background:none; border-color:#b8862f; color:#b8862f;}
.top_bar{background:#090909; transition:all 0.3s ease-in-out; position:relative;}
.top_bar ul{margin:0px; padding:0; display:flex; justify-content:flex-end;}
.top_bar ul li{margin:.6rem 0px; padding:0rem 15px; display:inline-flex; align-items:center; color:#fff; font-size:14px; border-right:#d3d3d3 solid 1px;}
.top_bar ul li:first-child{border-right:none; margin-right:auto; padding:0;}
.top_bar ul li:last-child{border-right:none; padding-right:0;}
.top_bar ul li i{margin-right:10px; color:#dfa237;}

/*menu dropdown*/
.navbar-expand-lg{padding:0; width:60%; margin-left:auto; margin-right:1rem;}
.dropdown:hover > .dropdown-menu{visibility:visible; opacity:1; z-index:1; transform:translateY(0%); transition-delay:0s, 0s, 0.3s;}
.dropdown > .dropdown-toggle:active{pointer-events:none;}
.dropdown-menu li:last-child a{border-bottom:none;}
.navbar-light .navbar-nav .nav-link .fa{font-size:15px;}
.dropdown-item img{width:18px; margin-right:10px;}
.navbar-nav .dropdown-menu .dropdown .dropdown-menu{left:100%; top:0;}
.navbar-light .navbar-nav .nav-link:after{content:''; position:absolute; width:0; height:2px; bottom:25%; left:0px; right:0; margin:auto; background-color:#b8862f; border:none; transition:width 0.3s ease;}
.navbar-light .navbar-nav .nav-link:hover:after{width:80%;}

/*-- banner --*/
.banner{position:relative; padding:0 0 3px;}
.banner_text{position:relative; display:flex; align-items:flex-start; justify-content:center; flex-direction:column; height:100%; width:91%; margin-left:auto; font-size:21px;}
.banner_heading{font-family:Georgia; font-size:70px; color:#1c1b18; line-height:1; font-weight:700; margin-bottom:2rem; position:relative;}
.banner_heading:before{content:''; position:absolute; left:0; bottom:-5px; width:70px; height:2px; background:#b8862f;}
.banner_text p{width:65%; line-height:1.5;}
.banner_text .btn+.btn{background:none; border-color:#b8862f; color:#b8862f; margin-left:1rem;}
.banner_text .btn+.btn:hover{background:#b8862f; color:#fff;}
/*-- //banner --*/

section{padding:3.5rem 0;}
.heading_main{margin-bottom:3rem; text-align:center; position:relative;}
.heading_main .heading{margin-bottom:1rem;}
.heading{font-family:Georgia; font-size:40px; color:#0f172a; margin-bottom:1.5rem; line-height:normal; font-weight:700;}
.heading_main p{font-size:17px; color:rgb(71 85 105); padding:0 20%;}
.head{font-size:14px; color:#b8862f; font-weight:600; text-transform:uppercase; letter-spacing:3px; margin-bottom:.5rem; line-height:normal; display:inline-block;}

.global_bg{background:#0b0d0d; padding:2rem 0;}
.global{position:relative; padding-left:70px; color:#d7d1c7; font-size:14px;}
.global img{position:absolute; left:0; top:7px; width:60px;}
.global h4{font-family:Georgia; color:#fff; font-size:19px; font-weight:400; margin-bottom:5px;}
.global_bg .col-xl-3{position:relative; padding-left:20px; padding-right:20px;}
.global_bg .col-xl-3:first-child{padding-left:7px;}
.global_bg .col-xl-3:last-child:before{display:none;}
.global_bg .col-xl-3:before{content:''; position:absolute; top:0; bottom:0; right:0; background:linear-gradient(#0a0a0a, #e9a93a, #0a0a0a); width:1px;}

.core_bg .col-xl-3{width:16.666%;}
.core{border-radius:8px; overflow:hidden; border:#ddd solid 1px; box-shadow:0 1px 10px rgb(0 0 0 / 17%); text-align:center;}
.core h4{font-size:16px; padding:15px; margin-bottom:0;}

.about_img{position:relative;}
.about{display:flex; align-items:flex-start; justify-content:center; flex-direction:column; height:100%; padding-right:1rem;}
.about ul{margin:0rem 0; padding:0;}
.about ul li{margin:12px 0; padding:0 0 0 30px; list-style:none; position:relative;}
.about ul li:before{content:''; position:absolute; left:0; top:5px; width:16px; height:16px; background:url(../images/circle-check-icon.png); background-size:100%;}

.counter_bg{background:#0a0a0a; padding:2rem 0;}
.counter_main{font-size:17px; color:#fff; text-align:center;}
.counter_main span{font-family:Georgia; font-size:52px; color:#b8862f; font-weight:800; line-height:normal;}
.counter_main p{margin-bottom:0; margin-top:.5rem; line-height:normal;}
.counter_bg .col-xl-3{position:relative;}
.counter_bg .col-xl-3:last-child:before{display:none;}
.counter_bg .col-xl-3:before{content:''; position:absolute; top:0; bottom:0; right:0; background:linear-gradient(#0a0a0a, #e9a93a, #0a0a0a); width:1px;}

/*-- footer --*/ 
footer{background:#080808; font-size:14px; color:#c9c9c9; font-weight:400; padding-top:3rem;}
.f_logo{margin-bottom:1rem; margin-top:.5rem;}
.f_logo img{height:40px;}
.f_heading{color:#fff; font-size:20px; font-weight:600; margin-bottom:20px;}
.footer-grids ul{margin:0px; padding:0;}
.footer-grids ul li{list-style-type:none; margin-bottom:10px;}
.footer-grids ul li a{color:#c9c9c9; position:relative; padding-left:20px;}
.footer-grids ul li a:before{content:''; position:absolute; left:0; top:6px; width:7px; height:7px; background:#dfa237; border-radius:50%;}
.footer-grids ul li a:hover{color:#b8862f;}
.footer-grids ul li:last-child{margin-bottom:0;}
.footer-grids p{position:relative; margin-bottom:15px; padding-left:30px;}
.footer-grids p a{color:#c9c9c9;}
.footer-grids p i{font-size:16px; position:absolute; left:0; top:4px; color:#dfa237;}
.copyright{margin-top:2.5rem; border-top:#545454 solid 1px; padding:20px 0; text-align:center;}
.copyright a{color:#c9c9c9;}
.social-icon{margin-top:1.5rem;}
.social-icon a{margin:0 5px 0 0; font-size:17px; width:37px; height:37px; color:#fff; display:inline-flex; align-items:center; justify-content:center; border:#c9c9c9 solid 1px; border-radius:50%;}
.social-icon a:hover{color:#fff; background:#b8862f; border-color:#b8862f;}

.footer-grids form .form-control{background:none; color:#fff; border-color:#4a4a4a;}
.footer-grids form .btn{width:100%; justify-content:center; padding-top:10px; padding-bottom:10px; margin-top:7px;}

.footer-grids .col-xl-3{width:17%; position:relative; padding-left:1.5rem;}
.footer-grids .col-xl-3:nth-of-type(4){width:20%;}
.footer-grids .col-xl-3:first-child{width:23%; padding-right:1.5rem; padding-left:.8rem;}
.footer-grids .col-xl-3:last-child{width:23%;}
.footer-grids .col-xl-3:before{content:''; position:absolute; top:0; bottom:0; right:0; background:linear-gradient(#080808, #545454, #080808); width:1px;}
.footer-grids .col-xl-3:last-child:before{display:none;}
.whatsapp{width:50px; height:50px; display:flex; align-items:center; justify-content:center; background:#2bb140; font-size:25px; border-radius:50%; position:fixed; bottom:65px; right:10px; z-index:999;}
.whatsapp a{color:#fff;}
/*-- //footer --*/

/*-- move top --*/
#toTop{bottom:15px; right:15px; display:none; width:40px; height:40px; overflow:hidden; position:fixed; text-decoration:none; z-index:9999; font-size:0; color:transparent; background:#b8862f; border-radius:25px; opacity:1;}
#toTop:hover{ opacity:.9;}
#toTop:after{color:#fff; content:'\f106'; font-size:20px; line-height:38px; font-family:'FontAwesome'; text-align:center; display:block; position:absolute; top:0; right:0; bottom:0; left:0; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
/*-- //move top --*/

.delivery_bg{}
.delivery_box{box-shadow:0 1px 10px rgb(0 0 0 / 17%); border-radius:8px; padding:20px;}
.delivery{font-size:15px; position:relative; padding-left:70px; line-height:1.4;}
.delivery img{width:60px; margin-bottom:1rem; position:absolute; left:0px; top:5px;}
.delivery h6{font-size:17px; margin-bottom:5px;}
.delivery p{margin-bottom:0;}
.delivery_box .col-xl-3{position:relative;}
.delivery_box .col-xl-3:last-child:before{display:none;}
.delivery_box .col-xl-3:before{content:''; position:absolute; top:0; bottom:0; right:0; background:linear-gradient(#fff, #cbcbcb, #fff); width:1px;}

/*inner page css*/
.inner-banner{background-image:url(../images/inner-banner.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding:0;}
.inner-page-layer{background:rgb(0, 0, 0, 50%); min-height:350px; display:flex; align-items:center; color:#fff; font-size:18px;}
.inner-banner .heading{color:#fff; font-size:55px;}
.b_head{width:50%; border-left:#fff solid 3px; padding-left:20px;}

.business_bg{padding-top:0;}
.business{background:#fff; box-shadow:0 1px 10px rgb(0 0 0 / 17%); border-radius:8px; padding:20px 15px 10px; text-align:center;}
.business img{height:70px; margin-bottom:1rem;}

.faq_bg{background:#f7f7f6;}
.faq_bg .accordion-item{margin-bottom:1rem; background-color:#fff; border:none; border-radius:15px; box-shadow:0 3px 8px rgb(0 0 0 / 8%);}
.faq_bg .accordion-item:first-of-type .accordion-button, .faq_bg .accordion-item:last-of-type .accordion-button.collapsed{border-radius:15px;}
.faq_bg .accordion-button{background:#fff; box-shadow:none; border-radius:15px; color:#0f172a; font-size:20px; font-weight:600; padding-top:1.4rem; padding-bottom:1.4rem;}
.faq_bg .accordion-body{padding-top:.5rem; padding-bottom:.5rem;}

.contact_bg{background:#fff;}
.address{background:#fff; border:#e9eaed solid 1px; padding:20px; border-radius:10px; display:flex; margin-bottom:2rem; transition:all 0.3s ease-in-out;}
.address:hover{box-shadow:#dbdbdb 0 5px 20px 0;}
.address .icon{background:#b8862f; width:55px; height:55px; border-radius:10px; padding:10px; font-size:30px; display:flex; align-items:center; justify-content:center;}
.address .icon i{color:#fff; font-size:19px;}
.address .icon svg{color:#fff; width:22px;}
.address .ad_text{padding-left:15px; font-size:16px; color:#323232; font-weight:400; width:88%;}
.address .ad_text h6{margin-bottom:5px; color:#0f172a; font-size:16px; font-weight:600;}
.address .ad_text p{margin-bottom:0px; line-height:1.6;}
.contact_form{margin-left:2rem; background:linear-gradient(145deg,#ffffffe6,#f9fafbf2); box-shadow:#dbdbdb 0 5px 20px 0; padding:25px; border-radius:10px;}
.contact_form .heading{font-size:25px;}
.contact_form .btn{width:100%; justify-content:center;}
.contact_bg .social-icon a{background:rgb(137 137 137 / 20%); color:#a50f15;}

.support_bg .delivery{box-shadow:0 1px 10px rgb(0 0 0 / 17%); border-radius:8px; padding:20px 20px 20px 95px;}
.support_bg .delivery img{left:20px; top:20px;}

.category_bg{background:#f7f7f6;}
.category{background:#fff; border-radius:15px; overflow:hidden; margin-bottom:2rem; font-size:15px;}
.category a{display:flex;}
.category figure{width:30%; margin-bottom:0;}
.category figure img{height:100%; object-fit:cover;}
.cat_text{width:70%; padding:20px;}
.cat_text ul{margin:0; padding:0; display:flex;}
.cat_text ul li{margin:0 1rem 0 0; padding:0 1rem 0 0; list-style:none; font-weight:500; position:relative;}
.cat_text ul li span{font-weight:300;}
.cat_text ul li:before{content:''; position:absolute; top:0; bottom:0; right:0; background:linear-gradient(#fff, #e9a93a, #fff); width:1px;}
.cat_text ul li:last-child:before{display:none;}

.product{background:#e6e6e6; padding:25px 25px; margin-top:1.5rem; border-radius:10px; min-height:435px;}
.product figure{border-radius:10px; margin-bottom:2rem; overflow:hidden;}
.product img{transition-duration:.3s;}
.product h4{font-size:18px;}
.product:hover img{transform:scale(1.08);}
.view{display:inline-flex; align-items:center; margin-top:.5rem; color:#b8862f; font-weight:500; position:relative; padding-bottom:5px;}
.view svg{width:20px; margin-left:5px; transition-duration:.3s;}
.view:hover svg{margin-left:15px;}
.view:after{content:''; position:absolute; width:0; height:1px; bottom:0; left:0px; background-color:#b8862f; border:none; transition:width 0.3s ease;}
.view:hover:after{width:100%;}

.detail_bg{padding-top:1.5rem;}
.detail_bg .breadcrumb{margin-bottom:2rem;}
.detail_bg .breadcrumb-item a, .detail_bg .breadcrumb-item+.breadcrumb-item::before{color:#1c1b18;}
.detail_bg .breadcrumb-item.active{color:#5a5954;}
.product_image ul{margin:0 -5px; padding:0; display:flex; flex-wrap:wrap;}
.product_image ul li:first-child{width:100%; margin-top:0;}
.product_image ul li{margin:10px 0; padding:0 5px; list-style:none; width:25%;}
.product_image ul li img{border-radius:10px; width:100%; border:#e5e5e5 solid 1px;}
.product_detail{margin-left:1.5rem;}
.product_detail .heading{font-size:30px;}
.product_detail ul{margin:2rem 0; padding:0;}
.product_detail ul li{margin:15px 0; padding:0 0 0 30px; list-style:none; position:relative;}
.product_detail ul li:before{content:''; position:absolute; left:0; top:5px; width:17px; height:17px; background:url(../images/circle-check.png); background-size:100%;}
.product_detail .btn{width:100%; justify-content:center;}

.detail_bg .carousel-item img{border-radius:8px; border:#e3e3e3 solid 1px;}
#proCarousel .carousel-indicators{bottom:0; position:relative; margin:15px -5px 0;}
#proCarousel .carousel-indicators>li{width:18%; height:auto;}
#proCarousel .carousel-indicators li img{display:inline-block; border-radius:8px;}
#proCarousel .carousel-indicators>li a.active{border-color:#b8862f;}
#proCarousel .carousel-indicators [data-bs-target]{margin-left:0; margin-right:0; height:auto; width:auto; background:none; border:#eee3fd solid 1px; padding:5px; border-radius:8px; display:block; text-indent:inherit;}
#proCarousel .carousel-indicators [data-bs-target]:before{display:none;}

.pop-drawer{position:fixed; top:0; right:-150%; width:700px; height:100%; background:#fff; box-shadow:-4px 0 15px rgba(0,0,0,0.15); transition:right 0.4s ease; z-index:1001; overflow:auto;}
.pop-drawer.open{right:0;}
.pop-header{display:flex; justify-content:space-between; padding:15px 25px 5px;}
.pop-body{padding:15px 25px;}
.close-btn{background:none; border:none; font-size:18px; cursor:pointer;}
.overlay{position:fixed; inset:0; background:rgba(0,0,0,0.6); opacity:0; visibility:hidden; transition:0.3s; z-index:1000;}
.overlay.show{opacity:1; visibility:visible;}
.pop-body .btn{width:100%; justify-content:center;}

.sustainability_bg{background:#f7f7f6;}
.strengths_bg .business img{height:50px;}
.global_row{display:flex; flex-wrap:wrap;}
.global_main{width:40%; background:#0b0d0d; padding:25px;}
.global_row .about_img{width:69%; margin-right:-9%;}
.global_row .about_img img{width:100%; height:100%;}
.global_row .global{margin-bottom:1.5rem; padding-left:60px; padding-bottom:20px; position:relative;}
.global_row .global h4{font-size:16px; color:#b8862f;}
.global_row .global img{width:50px;}

.global_row .global:before{content:''; position:absolute;  bottom:0; left:0; right:0; background:linear-gradient(to right, #0b0d0d, #b8862f, #0b0d0d); height:1px;}
.global_row .global:last-child{padding-bottom:0; margin-bottom:0;}
.global_row .global:last-child:before{display:none;}

.about_video{display:flex;}
.about_video .video_card{width:62%;}
.about_video img{width:38%; padding-left:10px;}
.about_video .video_wrapper{border-radius:5px; height:323px;}
.about_video .video_wrapper img{width:100%; padding-left:0;}


.video_card{background:transparent; display:flex; flex-direction:column;}
.video_wrapper{position:relative; border-radius:1rem; overflow:hidden; aspect-ratio:16/9; box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1); cursor:pointer; background:#090909; margin-bottom:0; height:280px;}
.video-thumb{width:100%; height:100%; object-fit:cover; transition:transform 0.3s ease; opacity:0.8;}
.video_wrapper:hover .video-thumb{transform:scale(1.05); opacity:0.6;}
.play-btn{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:50px; height:50px; background:rgba(255, 255, 255, 0.2); backdrop-filter:blur(4px);border-radius:50%; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,0.5); transition:all 0.3s; z-index:5; pointer-events:none;}
.play-btn::after{content:''; border-style:solid; border-width:10px 0 10px 18px; border-color:transparent transparent transparent white; margin-left:4px;}
.video_wrapper:hover .play-btn{background:rgba(255, 255, 255, 0.4); transform:translate(-50%, -50%) scale(1.1);}
.youtube-iframe{width:100%; height:100%; position:absolute; top:0; left:0; border:none; z-index:10;}