:root{
--new_green:#43ab32;
--new_blue:#00c8da;
	--new_orange:#f7aa0c;
	--new_choco:#78270f;
	--white:#ffffff;
}
@font-face {
    font-family: "Cera Pro Black";
    src: url("../fonts/cera pro medium.otf");
}
@font-face {
    font-family: "TASAExplorer-Bold-BF64892795eea29";
    src: url("../fonts/TASAExplorer-Bold-BF64892795eea29.otf");
}
@font-face {
    font-family: "sersant";
    src: url("../fonts/sersant.otf");
}
.heading_fnt{
  font-family: "TASAExplorer-Bold-BF64892795eea29";
}

html,body{
  font-family: "Cera Pro Black";
}
.sec_head{
  font-family: "TASAExplorer-Bold-BF64892795eea29" !important;
	background-color:var(--new_yellow);
}
.new_yellow_head{
    background-color: var(--new_orange);
    width: fit-content;
     padding: 0rem .65rem;
    color: white;
	text-transform:uppercase;
}
@media(min-width:1200px){
.new_yellow_head { 
  /*  font-size: 2.8rem; */
}
}
.cust_new_btn_catalogue{
background-color:transparent;
	border-radius:0 !important; 
	position:relative;
	border-right: 0;
	 z-index:1;
	color:var(--new_blue);
	
}

.btn_new,
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
p{
 font-family: "Cera Pro Black";
}
.btn_new {
 font-family: "Cera Pro Black" !important;
}
.orange_bg_skew,
.index_blog_col .cust_btn{
position:relative;
}
.orange_bg_skew::before,
.index_blog_col .cust_btn::before,
.read_more_skew_btn::before,
.cust_new_btn_catalogue::before{
         position: absolute;
    top: -.15rem;
    transform: skewX(-38deg);
    content: '';
    height: calc(100% + .25rem);
    z-index: -1;
    width: 6rem;
    right: -17px;
    border: 2px solid var(--new_blue);
    border-bottom: 0;
    border-left: 0; 
}
.orange_bg_skew::after,
.index_blog_col .cust_btn::after,
.read_more_skew_btn::after,
.cust_new_btn_catalogue::after {
    position: absolute;
    left: 0;
    transform: skewX(0);
    content: '';
    height: calc(100% + .25rem);
    z-index: -1;
    width: 100%;
     top: -.15rem;
    border: 2px solid var(--new_blue);
     border-right: 0; 
}
.orange_bg_skew::before,
.orange_bg_skew::after{
	 border: 0px solid var(--new_orange) !important;
  background-color:  var(--new_orange)
}
 
.orange_bg_skew::before, .blue_bg_skew::after {
    border: 0 solid var(--new_orange);
    background-color: var(--new_orange);
}

.orange_bg_skew::before {
   /* position: absolute;
    top: -.15rem;
    transform: skewX(-38deg);
    content: '';
    height: calc(100% + .24rem);
    z-index: -1;
    width: 6rem;
    right: -23px;
    border: 2px solid var(--new_blue);
    border-bottom: 0;
    border-left: 0;*/
	
	    position: absolute;
    top: -.15rem;
    transform: skewX(-38deg);
    content: '';
    height: calc(100% + .25rem);
    z-index: -1;
    width: 6rem;
    right: -32px;
    border: 2px solid var(--new_blue);
    border-bottom: 0;
    border-left: 0;
	
}
.index_blog_col .cust_btn:hover,
.index_blog_col .cust_btn:hover::before,
.index_blog_col .cust_btn:hover::after,
.cust_new_btn_catalogue:hover,
.cust_new_btn_catalogue:hover::before,
.cust_new_btn_catalogue:hover::after{
   color:var(--white) !important;
    background-color:  var(--new_blue) !important; 
} 
.cust_btn_green{
background-color:var(--new_green);
	 color:var(--white);
	transition:.3s;
}
.cust_btn_green:active,
.cust_btn_green:hover{
background-color:var(--new_blue) !important;
	 color:var(--white) !important;
}
.swiper-button-next, .swiper-button-prev {  
    color:  var(--new_orange) !important; 
}
.benefits_list_new {
list-style: none;
}

.benefits_list_new li {
	position:relative;
}
/*
.home_content p::before,
.benefits_list_new li::before {
	position: absolute;
    content: '';
    top: 7px; left: -24px;
    --hw: .7rem;
   
    height: var(--hw);
    width: var(--hw);
    background-color: var(--new_orange);
}*/
 
.home_content p::before,
.benefits_list_new li::before {
	    position: absolute;
    content: '';
    --hw: 1.2rem;
    height: var(--hw);
    width: var(--hw);
    top: 0.5rem;
     
	    left: -30px;
    background-size: contain;
    background-image: url(https://inoxcva.com/landing-page/assets/img/x-logo.webp);
    background-repeat: no-repeat;
}

.swiper .home_content p::before {
	  display:none;
}

.home_content p::before {
    
    top: 4px;
     left: 0px;
    
} 
.copyright,
.faq .accordion-header {
    background: var(--new_blue);
}
.blue_bg {
    background-color: var(--new_blue);
}
@media (min-width: 768px) {
    .banner_box {
        margin-top: 7.5rem;
    }
}
@media (max-width: 330px) {
	.header_logo_main  .cust_btn_green{
		    font-size: .8rem;
	}
}
/*.new_table tr:not(:last-child),*/
.new_table tr {
    border-top: 2px solid var(--new_orange);
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid var(--new_orange);
}
.new_table tr:last-child
{
  /*  border-color: transparent;*/
}
.new_table{
    border-collapse: collapse;

}
.desktop_tbl td,.desktop_tbl  th:not(:nth-child(1)) {
    white-space: nowrap;
}
.mobile_tbl  th  {
   /* white-space: nowrap;*/
}
.desktop_tbl td, .mobile_tbl td{
    white-space: break-spaces;
}
table{
/*margin:0 !important*/
}
td:not(:nth-child(1)), th:not(:nth-child(1)) {
  text-align:center;
}
.red_theme_font{
	color:var(--new_blue);
}

.index_blog_col .sec_heading_blog {
	color:var(--new_orange);
}
.home_content p, .index_blog_col img {
    margin-bottom: 1rem;
}
.index_blog_col a {
    margin-top: 1rem !important;
}
.index_blog_col .cust_btn { 
    background-color: transparent;
    color: var(--new_blue);
}
.other_product_box { 
    border: 1px solid var(--new_blue); 
}
.home_content p{
position:relative;
	/*padding-left:1.5rem;*/
} 
.bottom_line { 
    background-color: var(--new_orange);
}
button{
border:0;
}
button:active{
border:0;
}
.banner_box {
    background-image: none !important; 
}
.g-recaptcha_inquire {
    transform: scale(.8);
    transform-origin: left center;
}
@media (max-width:320px){
.g-recaptcha_inquire {
    transform: scale(.6);
    transform-origin: left center;
}
}

form.inquire-form {
    border: 6px solid var(--form-border);
    border-radius: .25rem;
    background-color: var(--form-bg);
}
.var_btn_box .choco_btn{
background-color:var(--new_choco);
	transition:.3s;
	color:var(--white);
	width:6rem;
}
.var_btn_box button:focus,
.var_btn_box button:active,
.choco_btn:hover{
background-color:var(--new_blue) !important;
}
  .inquire-form input { 
    height: 2rem;
}
.other_product_box .heading_othr_blogs  {
    width: fit-content;
}
@media(max-width:575px){
.heading_box img {
    height: 2rem !important;
}
	.header_logo_main .cust_btn_green{
	    padding: .25rem .5rem !important;
    font-size: .7rem;

	}
	.about_box p {
    text-align: justify; 
}
}
@media(max-width:767px){
	.inner_tabs_ul {
    justify-content: center;
    border: 0;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
    .banner_box {
		margin-top: 5rem;}
}
.table_new_pro_acc .accordion-button{
    background-color: var(--new_orange);
	     justify-content: center  !important;
    border: 1px solid var(--new_orange) !important;
    border-radius: .5rem !important;
	text-align:center;
	    font-family: 'Cera Pro Black' !important;
	    font-weight: 800 !important;
} 
.accordion-button:not(.collapsed){
 background-color: var(--new_green) !important;
	 color: var(--white) !important;
}
  .cust_new_btn_catalogue::before { 
    border-bottom: 2px solid var(--new_blue); 
}

@media (min-width:351px) and (max-width:575px){
    .logo_img {
        height: 2rem;
    }
	    .header_logo_main .cust_btn_green {
          padding: .25rem .5rem !important;
    font-size: .7rem;

    }
}
   .index_blog_col .cust_btn::before { 
    z-index: 0; 
}

 .index_blog_col .cust_new_btn_catalogue {
display: inline-block; 
} 
.point,
.point li:last-child p {
    margin: 0;
}
.nav-tabs .active.orange_bg_skew::after,
.nav-tabs .active.orange_bg_skew::before, 
.nav-tabs .active.blue_bg_skew::after{
    border: 0 solid var(--theme-blue);
    background-color: var(--theme-blue);
}
.all-kegs .nav-link { 
    width: 9rem;
}
.big_tbl.desktop_tbl td, .big_tbl.desktop_tbl th:not(:nth-child(1)) {
    white-space: pre-line;
}
.orange_bg_skew::before{
z-index:-1;
}
.heading_othr_blogs  *{
    z-index: 1;
    position: relative;
}
.nav-tabs .heading_othr_blogs:hover::after,
.nav-tabs .heading_othr_blogs:hover::before{
 border: 0 solid var(--theme-blue);color:white;
    background-color: var(--theme-blue);
}
@media (min-width:767px){
.banner_2_logos{
position:absolute;
	top:0;
	left:0rem;
}
}
.footer_address svg{
height:1.4rem;
}
.footer_add_p{
      font-family: mont-regular;
    font-size: .9rem;
    line-height: 1.7;
}

.offcanvas_keg li a
{
font-family: "Mont-Bold";
}

@media (max-width:400px){
	.form-select.all-dropdown.drp{
	font-size:.85rem;
	}
	.header_phone svg {
    height: 1rem;
}
	    .navbar-toggler {
        font-size: .9rem;
        padding: .3rem .5rem;
    }
}
}

@media (min-width:992px) and (max-width:1199px){
.logo_img {
    height: 3rem;
}

}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 0rem;
    right: auto;
}
.swiper-button-next, .swiper-button-prev {
    transform: scale(.5);
}
@media (min-width:576px){
	.swiper-button-next, .swiper-button-prev {
    transform: scale(.9);
}
.swiper-button-prev  {
    left: -3rem;
    right: auto;
}
.swiper-button-next {
    right: -3rem;
    left: auto;
}
}

.blog_categories ul {
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}
.blog_categories ul li a{
       border: 1px solid #7f7f7f;
    border-radius: 50rem;
    padding: 5px 15px;
    font-size: .9rem;
	transition:.3s;
    color: black;
}
.blog_categories ul li
{
    margin: 0 1rem 1rem 0;
}
.blog_categories ul li a:hover{
       border: 1px solid var(--theme-blue) ;
      background-color: var(--theme-blue) ;
    color: var(--white) ;
}
/*************** ADD ON 09-06-2025  *****************/
.kegForm{
	    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}
/*************** ADD ON 09-06-2025  *****************/