body{font-family: 'Fira Sans Extra Condensed', sans-serif!important;}

@font-face {
  font-family: ballantines;
  src: url(../fonts/ballantines_script_ef_bold.ttf);
}

.banner{ width: 100%; background-size: cover!important; background-position: center!important; }
.banner2{ width: 100%;  background-size: cover!important; background-position: center!important;  position:relative;}
.banner2:before { content: ""; display: block; position: absolute; width: 100%; background: #000; height: 100%; bottom: 0; top: 0; opacity: 0.4;}


.banner3{ width: 100%; min-height: 100vh; background-size: cover!important; background-position: center!important; position:relative;}
a.brand img {width: 70%;}

.banner3:before { content: ""; display: block; position: absolute; width: 100%; background: #000; height: 100%; bottom: 0; top: 0; opacity: 0.4;}

h1, h2, h3, h4, h5{font-family: 'Oswald', sans-serif!important;}

.about h1 {color: #fff; font-size: 40px; padding-top: 17%; font-family: ballantines!important;}
.about h2 {font-size: 40px; font-family: ballantines!important;}
.about { color: #fff; padding-bottom: 50px;}  
.about p { font-weight: 300; width: 90%;}

.divider { width: 20%; height: 2px; background: #fff; margin: 20px 0px; }
.divider2 { width: 20%; height: 2px; background: #e91e63; margin: 20px 0px; }


footer { background: rgb(0 0 0 / 77%); padding: 10px;  width: 100%; bottom: 0; }
.foot ul { padding: 0px; margin: 0px; }  
.foot ul li { display: inline-block; margin-right: 15px;}  
.foot ul li a { color: #fff;}  

.foot ul li a:hover { color: #fb0004; }
.copy { color: #fff; font-size: 14px; font-weight: 300; text-align: right; }
.copy a{color:#fff;}

.about span a { color: #fff; }  
.about span { font-size: 20px; }


.products{padding:60px 0px; color:#fff; position: relative;}
.inner_banner { background: #f39643; padding: 30px; text-align: center; }
ul.menu { padding: 0px; margin: 0px; }
.inner_banner h1 { text-transform: uppercase; letter-spacing: 4px; font-size: 45px; }
.products h1 { text-transform: uppercase; color: #fff; font-size: 40px; padding-top: 7%; }
.prod_dis img { width: 100%; height: 220px; object-fit: cover; border-radius: 8px; } 
.prod_dis { text-align: center; margin-bottom: 20px; background: #fff; border-radius: 10px; transition: all 0.8s;}
.all_pro{margin-top:30px;}
.pro_name {color: #000; padding: 10px 0px;}
.prod_dis:hover { box-shadow: 0px 0px 9px 7px #dfbf22; }

.eny_box{padding:30px 0px 50px;}

.w{width: 100%; }
.box {height: 38px; padding-left: 10px; background: #ffffff99; color: #000; border: 0px; border-radius: 3px; }
.f_group { margin-bottom: 12px; }

.enq{background: rgb(96 16 145 / 64%);}
.ads_box a { color: #fff; }
.ads_box{padding:30px;}
.enquiry_form {padding-right: 40px;}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: scale(.7) !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

#myAccordion .card-body {padding: 22px;}
.accordion-item { margin-bottom: 10px; }

.accordion-item:last-of-type .accordion-button.collapsed {border-radius: 0px;}
.accordion-item:last-of-type, .accordion-item:first-of-type, .accordion-item:first-of-type .accordion-button{border-radius:0px;}

.accordion-item .table>:not(caption)>*>* { padding: 3px;}
.color1 { background: #b05aef!important; color: #fff!important; }


@media screen and (min-device-width: 200px) and (max-device-width: 768px) { 
.header .opened-menu span {background: #ffffff;}
.about p { font-weight: 300; width: 100%; }
.about h1 {padding-top: 27%;}
.foot { text-align: center; }
.copy {text-align: center;}
.enquiry_form { padding-right: 0px; }
.header .navbar { max-width: 100%; height: auto; display: block; padding-top: 110px!important; }

}