@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
*,
*:before,
*:after,
body,
html {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
}

html {
    scroll-padding-top: 10rem;
}

:root {
    --theme-red: #da2128;
    --white: #fff;
    --dark: #000;
    --theme-blue: #006cb7;
    --form-border: #d8e4ec;
    --form-bg: #f1f2f2;
    --bg-sec-light: #f6f6f6;
}

html {
    font-size: 100%;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

main {
    display: block;
}

@font-face {
    font-family: "Mont-Bold";
    src: url("../fonts/Mont-Bold.otf");
}

@font-face {
    font-family: "Mont-Regular";
    src: url("../fonts/Mont-Regular.otf");
}

@font-face {
    font-family: "Mont-SemiBold";
    src: url("../fonts/Mont-SemiBold.otf");
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Mont-Bold";
}

.copyright,
input,
textarea,
::placeholder,
label,
a,
button,
p {
    font-family: "Mont-Regular";
}
.inner_tabs_ul li button,
.cust_btn,
button {
    font-family: "Mont-Regular" !important;
}

.mob_num {
    font-family: "Mont-SemiBold";
}

.red_theme_font {
    color: var(--theme-red);
}
.text_blue{
color:#006cb7;
}

/* navbar menu responsive */

@media (min-width: 992px) {
    .offcanvas {
        visibility: visible;
        position: relative;
        background: none;
        border: none;
        justify-content: end;
        color: red;
    }
    .overflow-lg-hidden {
        overflow: hidden;
    }
}

@media (max-width: 992px) {
    .offcanvas {
        width: 90vw;
    }
    .offcanvas-start-lg {
        top: 0;
        left: 0;
        border-right: 1px solid rgba(0, 0, 0, .2);
        transform: translateX(-100%);
    }
    .how_video {
        height: 20rem !important;
    }
}

.loader {
    position: fixed;
    height: 100vh;
    width: 100vw;
    display: grid;
    place-content: center;
    z-index: 9999;
    inset: 0;
    background-color: rgba(255, 255, 255, 0.596);
}

header {
    z-index: 999;
}

.circle_loader {
    height: 5rem;
    width: 5rem;
    border-radius: 50rem;
    border: 5px solid red;
    border-bottom: 5px solid transparent;
    animation: sohel 1s linear infinite;
}

@keyframes sohel {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.header_trans {
    background-color: var(--white);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    /* animation: header_trans .85s linear; */
}

.header svg path {
    fill: #da2128 !important;
}

.header .red_theme_font {
    color: #da2128 !important;
}

@keyframes header_trans {
    0% {
        transform: translateY(-10rem)
    }
    100% {
        transform: translateY(0)
    }
}

.noscroll {
    overflow: hidden;
}

.scroll_header {
    padding: 1rem 0 !important;
}

header {
    transition: .3s;
}


/* navbar menu responsive END */
/*
.main_banner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}*/

img {
    /* width: 100%; */
}


/* scrollbar style  START*/

::-webkit-scrollbar {
    width: 5px;
}


/* Track */

::-webkit-scrollbar-track {
    border-radius: 5px;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #c3c3c3;
    border-radius: 10px;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #a3a3a3;
}


/* scrollbar style END */


/* dhow dropdown on hover START*/

@media (min-width:992px) {
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

@media (max-width:992px) {
    .mobile_dropdown_icon {
        position: absolute !important;
        top: 0;
        right: 0;
        height: 2rem;
        width: 2rem;
        background: var(--theme-sky-blue);
        display: grid;
        place-content: center;
    }
}


/* dhow dropdown on hover END */

.main_banner {
    z-index: -2;
}

.logo_img {
    height: 4rem;
}

a {
    text-decoration: none;
}

.header_phone svg {
    height: 1.5rem;
}

.main_banner {
    background-image: url(../img/banner1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.blog_banner {
    background-image: url(../img/blog-banner-new.jpg);
}

.main_banner {
  height: 8rem;
       padding-top: 8rem;
}

@media (max-width:767px) {
    .logo_img {
        height: 2rem;
    }
    header {
       /* background-color: var(--white);*/
    }
    footer .logo_img {
        height: 3rem;
    }
	#inquire_form{
	
		    width: 100%;
    margin: auto;
	}
}

@media (min-width:768px) {
    .main_banner {
         height: 20rem;
    margin: 0;
    padding-top: 11rem;
    }
    .form_box {
        margin-top: -8rem;
    }
}
@media (min-width: 992px)}
.main_banner {
  
    padding-top: 6rem;
}}
@media (min-width:1500px) {
    .main_banner {
        height: 22rem;
    }
    .form_box {
        margin-top: -28rem;
    }
}

section {
    padding: 3rem 0rem;
}

.sec_heading {
    position: relative;
}

.sec_heading::before {
    position: absolute;
    content: "";
    --hw: 1.2rem;
    height: var(--hw);
    width: var(--hw);
    top: .7rem;
    left: -2rem;
    background-image: url(../img/heading_arrow.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.blog-inner-page .sec_heading::before {
    --hw: 1rem;
    top: 0.28rem;
    left: -1.5rem;
}

.sec_heading_blog,
.sec_heading {
    color: var(--theme-red);
}

.sec_heading_blog span,
.sec_heading span {
    color: var(--theme-blue);
}

label.error {
    color: var(--theme-red);
    font-size: .8rem;
}
form.inquire-form {
    border: .85rem solid var(--form-border);
    border-radius: .25rem;
    background-color: var(--form-bg);
}

.inquire-form textarea:focus,
.inquire-form input:focus {
    background-color: transparent;
    box-shadow: none;
}

.inquire-form textarea,
.inquire-form input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #c1c2c2;
    border-radius: 0;
}

.bottom_line {
    height: 0.2rem;
    width: 3rem;
    background-color: var(--theme-red);
}

.cust_btn {
    background-color: var(--theme-red);
    color: var(--white);
}

.cust_btn:active,
.cust_btn:focus,
.cust_btn:hover {
    background-color: var(--theme-blue) !important;
    color: var(--white) !important;
}

.g-recaptcha_inquire {
    transform: scale(.8);
    transform-origin: center;
}


/* .man_img {
    height: 22rem;
    width: auto;
    margin-top: -4.5rem;
} */

@media (max-width:575px) {
    .sec_heading::before {
        --hw: 1rem;
        height: var(--hw);
        width: var(--hw);
        top: 0.5rem;
        left: -1.2rem;
    }
    /* .man_img {
        height: auto;
        width: 100%;
        margin-top: -4.5rem;
    } */
}

.brand_slider img {
    height: 2rem;
    width: auto;
    filter: grayscale(1);
}

.brand_slider .swiper-slide {
    display: flex;
    justify-content: center;
}

.bg-sec-light {
    background-color: var(--bg-sec-light);
}

.brand_slider .swiper-button-next:after,
.brand_slider .swiper-button-prev:after {
    filter: grayscale(1);
}

.qoute_sec {
    background-color: var(--theme-blue);
}

.qoute_2 {
    /* font-size: 4rem; */
}

.get_free {
    margin-top: -1.5rem;
}

.mab_sec {
    /* background-color: #252832; */
    background-image: url("../img/footer_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    /* margin-top: -10rem; */
}


/* @media (max-width:767px) {
    .mab_sec {
        height: auto;
        background-color: transparent;
        text-align: center;
    }
    .man_cont {
        background-color: #252832;
        position: relative;
        margin-top: -3rem;
        padding-top: 5rem !important;
    }
    .man_cont::after {
        position: absolute;
        inset: 0;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        height: 100%;
        width: 100vw;
        background-color: #252832;
        z-index: -1;
    }
    .man_img {
        height: 22rem;
        width: auto;
        margin-top: -4.5rem;
        position: relative;
        z-index: 9;
    }
} */

.man_img {
    margin: auto;
    width: auto;
}

@media (max-width:575px) {
    .man_img {
        height: 15rem;
    }
    .mab_sec {
        margin-top: -2rem;
    }
    .footer_cont .mob_num {
        font-size: 1rem;
    }
    footer .header_phone svg {
        height: 1.25rem;
    }
}

@media (min-width:576px) {
    .man_img {
        height: 23rem;
    }
    .mab_sec {
        margin-top: -3rem;
    }
}

@media (min-width:768px) {
    .mab_man {
        margin-top: -7rem !important;
    }
    .mab_sec {
        margin-top: -16.2rem;
    }
    .man_img {
        transform: translateY(10rem);
    }
}

@media (min-width: 992px) {
    .man_img {
        transform: translateY(6.9rem);
    }
}

@media (min-width:1199px) {
    .man_img {
        transform: translateY(7rem);
    }
}

@media (min-width:1200px) {
    .man_img {
        transform: translateY(5.5rem);
    }
}

@media (min-width:1400px) {
    .mab_man {
        margin-top: -10rem !important;
    }
    .man_img {
        height: 27rem;
        transform: translateY(2rem);
    }
    .mab_sec {
        margin-top: -17rem;
    }
}

.mab_sec .cust_btn {
    margin-bottom: -2.2rem;
}

.testi_img {
    height: 6rem;
    width: 6rem;
    overflow: hidden;
}

.testi_img img {
    width: 100%;
    height: auto;
}

.testi_box {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.testi_content {
    max-height: 12rem;
    height: 12rem;
    overflow-y: scroll;
}

.testi_content::-webkit-scrollbar-thumb {
    background-color: #d1d1d1;
}

.testi_content p {
    margin: 0;
}

.testimonials .swiper-pagination-bullet-active {
    background-color: var(--theme-red);
}

footer {
    background-image: url("../img/footer_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -1.15rem;
}

.social_links a svg {
    height: 1.7rem;
    fill: var(--white);
    transition: .3s;
}

.social_links a:hover svg {
    transform: translateY(-.25rem);
}

.faqs i {
    height: 1.85rem;
    width: 1.85rem;
    background: var(--theme-red);
    display: grid;
    place-content: center;
    color: var(--white);
    border-radius: 50rem;
}

.how_border {
    position: relative;
}

@media (min-width:576px) {
    .how_border::after {
        position: absolute;
        content: "";
        left: 50%;
        top: 50%;
        transform: translateX(-50%);
        height: 100%;
        width: 2px;
        border-left: 2px dashed #e6e7e8;
        z-index: -1;
    }
}
/*
.header_logo_main::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%) rotate(20deg);
    right: 0;
    height: 200vh;
    width: 200vw;
    background-color: var(--white);
    z-index: -1;
}*/

header {
  /*  overflow: hidden;*/
}

@media (max-width:991px) {
    .main_banner {
        background-image: url(../img/banner_mobile.jpg);
    }
}

.go_top {
    all: unset;
    position: fixed;
    bottom: -3vh;
    right: 2vh;
    box-shadow: 0 0 14px -5px rgb(0 0 0 / 50%);
    border-radius: 100%;
    --hw: 3rem;
    width: var(--hw);
    height: var(--hw);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 110vh;
    transition: margin-bottom .5s;
    z-index: 10;
    background: var(--white);
    color: var(--theme-red);
    font-size: 1.3rem;
}

.go_top_reveal {
    margin-bottom: 3rem;
}

.thank_you_main {
    height: 25rem;
    --overlay: rgb(255 255 255 / 74%);
    /* background: linear-gradient(0deg, var(--overlay), var(--overlay)), url(../img/about/banner.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #cceaff;
}

@media (min-width: 992px) {
    .thank_you_main {
        height: 90vh;
    }
    .thank_you_main .h1 {
        font-size: 5rem;
    }
}

.banner_tagline {
    font-size: 1.25rem;
}

.benefits_list .h5 {
    color: var(--theme-blue);
}

.copyright {
    background-color: var(--theme-blue);
}

.home_content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 20px;
    max-height: 61px;
}

.home_head {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index_blog_col {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    transition: .3s;
}
 

.all-dropdown {
    background-color: transparent !important;
    border: 0 !important;
}

.all-dropdown {
    color: var(--white);
    font-size: 1.2rem;
}

.all-dropdown>option {
    color: #000 !important;
}

  .all-dropdown {
    color: #212529;
}

.all-dropdown:focus,
.all-dropdown:hover {
    box-shadow: none;
    border: none;
}
.drp{
color: #212529;
}

/* select#languageSelect::before {
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     content: "\f107";
     position: absolute;
     top: 5px;
     right: 0;
     font-size: 1rem;
     color: red;
     height: 1rem;
     width: 1rem;
 }
select#languageSelect {
    background-image: none;
    position: relative;
}*/

.point li{
position:relative;
	list-style:none;
}
.point li::before {
    position: absolute;
    content: "";
    --hw: .8rem;
    height: var(--hw);
    width: var(--hw);
    top: 0.4rem;
    left: -1.2rem;
    background-image: url(https://www.inoxcva.com/landing-page/assets/img/heading_arrow.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.main_cat_box button,
.main_cat_box a,
 .nav-tabs .nav-link:hover,
 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: transparent ;
    border-color: transparent ;
}

.all-kegs .nav-link {
    color: #000;
}
/*
.all-kegs .nav-link:hover .cat_box {
    color: var(--theme-red);
}*/
 
      .inner_tabs_ul {
            border: 0;
            margin-bottom: 1rem;
        }

        .inner_tabs_ul li .nav-link {
            transition: .3s;
           /* border: 1px solid var(--theme-blue) !important;*/
            margin-right: 0.5rem;
            border-radius: .5rem !important;
        }

        .inner_tabs_ul li .nav-link:hover,
        .inner_tabs_ul li .nav-link.active {
            background-color: var(--theme-blue) !important;
            color: var(--white);
        }

 

.main_cat_box:hover {
    margin-top: -.2rem;
}
.banner-keg-three{
height:20rem
}
@media(min-width:768px) and (max-width:991px) {

.banner-keg-three{
height:16rem
}
}
@media(min-width:992px) and (max-width:1399px){
.banner-keg-three{
height:15rem
}
	#main_banner h1,
	#main_banner h1 span{
	/*font-size: 2.5rem;*/
	}
}

@media (max-width:767px){
.main_banner {
    height: auto !important;
    padding-top: 8rem;
}
}
@media (max-width:420px){
.banner-keg-three {
    height: auto !important;
    width: 100% !important;
}
}
.blog-inner-page img{
margin-bottom:1rem;
}
.kegs_mobile_accordion .accordion-button::after{
display:none;
}@media (max-width: 991px) {
    .position-relative>.tab-content>.tab-pane {
      display: block;
      opacity: 1;
    }
  }
  @media (min-width: 1400px)
{.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1380px;
}}
  @media (min-width: 1600px)
{.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1450px;
}}
.acc_tabs_box >div > ul li {
display:flex;
}
.acc_tabs_box >div > ul li div{
display:flex;
}
.acc_tabs_box >div > ul li >div{
width:100%;
}
.main_banner {
    height: 20rem;
    padding-top: 8rem;
}

@media (min-width: 768px) {
    .main_banner {
        height: 40rem;
        margin: 0;
        padding-top: 11rem;
    }
}

.sec_heading::before {
    --hw: 1.2rem;
    height: 18px;
    width: 30px;
    top: 0.5rem;
    left: -39px;
    background-image: url(https://inoxcva.com/landing-page/assets/img/x-logo.webp);
}

.point li::before {
    position: absolute;
    content: "";
    --hw: .8rem;
    height: 9px;
    width: 16px;
    top: 0.4rem;
    left: -1.2rem;
    background-image: url(https://www.inoxcva.com/landing-page/assets/img/heading_arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://inoxcva.com/landing-page/assets/img/x-logo.webp);

}

.qoute_sec {
    background-color: var(--theme-blue);
  /*  background: url(https://inoxcva.com/landing-page/assets/img/quote_bg.png);*/
	background: url(https://inoxcva.com/landing-page/assets/img1/shade.webp);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% 100%;
}

@media (max-width:767px) {
    .qoute_sec {
        background-size: cover;
    }
}

.faq_x_logo {
    height: 1rem;
}

.main_cat_box button {
    padding: 20px 2px;
}

@media(max-width:575px) {
    .sec_heading::before {
        --hw: 1.2rem;
        height: 14px;
        width: 20px;
        top: 0.3rem;
        left: -1.4rem;
        background-image: url(https://inoxcva.com/landing-page/assets/img/x-logo.webp);
    }
}

@media(min-width:1600px) {
    .banner_txt_bg_gred:before {
        position: absolute;
        content: '';
        top: 50%;
        transform: translateY(-50%);
        right: -5% !important;
        z-index: -1;
        width: 52vw !important;
        background: linear-gradient(131deg, #265a98 15%, #bc2b3c 100%);
        height: 120%;
    }
}

@media (min-width: 768px) {
    .main_banner {
        height: 36rem;
        margin: 0;
        padding-top: 10rem;
        margin-top: 3rem;
    }
}

.whatsapp_box {
    background-color: #075e54;
}

.mail_box {
    background-color: var(--theme-red);
}

.call_box {
    background-color: var(--theme-blue);
}

.header_social {
    position: fixed;
    z-index: 99999;
    right: -6.5rem;
    width: 9.5rem;

    /* top: calc(90vh - 0px); */
    top: 65%;
    transform: translateY(-50%);
}

.header_social div {
    transition: 0.3s;
    transform: translate(0%, 0px);
}

.header_social div i {
    font-size: 1.3rem;
}

.header_social div:hover {
    transition: 0.3s;
    transform: translate(-6.5rem, 0px);
}

::-webkit-scrollbar {
    width: 0;
}

@media (max-width: 767px) {
    .header_social {
        right: -7rem;
    }
}

.banner_txt_bg_gred:before {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 10%;
    z-index: -1;
    width: 250%;
    background: linear-gradient(131deg, #265a98 15%, #bc2b3c 100%);
    height: 120%;
}

header {
    background: white;
}

.main_banner {
    background-image: url('https://inoxcva.com/landing-page/assets/img/keg-banner-building-car-banner.webp');
}

.inoxcva_keg_logo {
    height: 2rem;
}

@media (min-width:768px) and (max-width: 991px) {
    .inoxcva_keg_logo {
        height: 1.5rem;
    }
}

@media (max-width:767px) {
    .banner_txt_bg_gred:before {

        right: 0;

        width: 110%;

    }
}

	.three_logo_img{
	height:5rem
	}
@media (max-width:575px) {
    .inoxcva_keg_logo {
        height: 1.2rem;
    }
	.three_logo_img{
	height:5rem
	}

}
	@media(max-width:320px){
		.vr_logo{
		width:100%;
			height:auto;
		}
	}
.accordion-button:focus {

    box-shadow: none;
}
	@media(min-width:768px) and (max-width:1199px){
	.three_logo_img {
    height: 4rem;
}
	}
	@media (max-width:320px){
		.banner_image_logo>div{
		width:100% !important;text-align:center;
		}
	
	}
	@media(max-width:320px){
		.vr_logo{
		width:100%;
			height:auto;
		}
	}

/*header.php css start*/
   .whatsapp_box {
        background-color: #075e54;
    }

    .mail_box {
        background-color: var(--theme-red);
    }

    .call_box {
        background-color: var(--theme-blue);
    }

    .header_social {
        position: fixed;
        z-index: 99999;
        right: -6.5rem;
        width: 9.5rem;

        /* top: calc(90vh - 0px); */
        top: 65%;
        transform: translateY(-50%);
    }

    .header_social div {
        transition: 0.3s;
        transform: translate(0%, 0px);
    }

    .header_social div i {
        font-size: 1.3rem;
    }

    .header_social div:hover {
        transition: 0.3s;
        transform: translate(-6.5rem, 0px);
    }

    ::-webkit-scrollbar {
        width: 0;
    }

    @media (max-width: 767px) {
        .header_social {
            right: -7rem;
        }
    }

    .banner_txt_bg_gred:before {
        position: absolute;
        content: '';
        top: 50%;
        transform: translateY(-50%);
        right: -5%;
        z-index: -1;
        width: 250%;
        background: linear-gradient(131deg, #265a98 15%, #bc2b3c 100%);
        height: 120%;
    }

    header {
        background: white;
    }

    .main_banner {
        background-image: url('https://inoxcva.com/landing-page/assets/img/keg-banner-building-car-banner.webp');
    }

    .inoxcva_keg_logo {
        height: 2rem;
    }

    @media (min-width:768px) and (max-width: 991px) {
        .inoxcva_keg_logo {
            height: 1.5rem;
        }
    }

    @media (max-width:767px) {
        .banner_txt_bg_gred:before {

            right: 0;

            width: 110%;

        }
    }

    .three_logo_img {
        height: 6rem
    }

    @media (max-width:575px) {
        .inoxcva_keg_logo {
            height: 1.2rem;
        }

        .three_logo_img {
            height: 5rem
        }

    }

    .accordion-button:focus {

        box-shadow: none;
    }

    .nav-item a {
        border-bottom: 2px solid transparent;
    }

    .nav-item a:hover {
        border-bottom: 2px solid var(--theme-red);
    }

    .banner_box {
        margin-top: 4rem;
    }

    @media (min-width:768px) {
        .banner_box {
            margin-top: 5rem;
        }
    }

    .inn_modal .modal-content {
        background-color: transparent;
        border: 0;
    }
/*
    .main_cat_box button:hover,
    .main_cat_box button,
    .main_cat_box a:hover,
    .main_cat_box a {
        border: 1px solid red !important;
        border-radius: 0.5rem !important;
    }

    .main_cat_box button {
        padding: 20px 2px;
    }*/

    @media (max-width: 991px) {
       .tab-content.accordion >.tab-pane {
            display: block;
            opacity: 1;
        } 
    }

    .accordion-button::after {
        display: none;
    }

    .kegs_mobile_accordion .main_cat_box button:not(.collapsed)/*,
    .main_cat_box button:hover,
    .main_cat_box button.active,*/
    .kegs_mobile_accordion .main_cat_box a:not(.collapsed)/*,
    .main_cat_box a:hover,
    .main_cat_box a.active*/ {
        background-color: #da2128 !important;
        color: white !important;
        overflow: hidden;
    }

    .main_cat_box:hover {
        margin-top: 0rem;
    }

    .inner_tbss button {
        padding: 15px;
        border-color: var(--theme-blue) !important;
    }

    .inner_tbss button:hover,
    .inner_tbss button.active {
        border-color: var(--theme-blue) !important;
        background-color: var(--theme-blue) !important;
        color: var(--white);
    }

    .inn_box_det p {
        margin-bottom: 0;
    }

    .inn_box_det {
        /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
        background-color: #dff2ff;
        padding: .6rem .8rem;
    }

    .text_red,
    .inn_box_main_head {
        color: var(--theme-red);
    }

    .inn_box_main {
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        border: 1px solid #e4e4e4;
        /* background-color: #f7f7f7; */
    }

    .inn_box_det .h6 {
        margin-bottom: 0.1rem;
    }

    .banner_box {
        background-image: url(https://inoxcva.com/landing-page/assets/img1/inoxcva-corny-kegs.webp);
        background-position: center left;
        background-repeat: no-repeat;
        background-size: cover;
    }

/*
    @media (min-width:769px) {
        .banner_box {
            height: 23.5rem;
        }
    }

    @media (min-width:992px) {

        .banner_box {
            height: 19rem;
        }
    }

    @media (min-width:1200px) {

        .banner_box {
            height: 27rem;
        }
    }

    @media (min-width:1366px) {

        .banner_box {
            height: 31rem;
        }
    }

    @media (min-width:1600px) {

        .banner_box {
            height: 35rem;
        }
    }

    @media (min-width:1600px) {

        .banner_box {
            height: 35rem;
        }
    }*/

    @media (min-width: 1921px) {

        .container-fluid,
        .container,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xl,
        .container-xxl {
            max-width: 1450px;
        }
    }

 

    @media (min-width:992px) {
       

        .banner_main_head {
            font-size: 3rem;
        }
    }

    @media (min-width:1200px) {
        
        .banner_main_head {
            font-size: 3.5rem;
        }
    }

    .banner_main_head {
        /* background: -webkit-linear-gradient(#eee, #333); */
        background: linear-gradient(131deg, #265a98 15%, #bc2b3c 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .tag_banner_line {
        font-size: 1rem;
    }
    footer { 
  margin-top: 0rem;
}
.sec_heading::before {
  --hw: 1.2rem;
  height: 18px;
  width: 30px;
  top: 0.5rem;
  left: -39px;
  background-image: url(https://inoxcva.com/landing-page/assets/img/x-logo.webp);
}   .tag_banner_line {
        padding-left: 2rem;
    }
@media (max-width:575px) {
    .sec_heading::before {
  --hw: 1rem;
  height: 15px;
  width: 27px;
  top: 7px;
  left: -31px;
  background-image: url(https://inoxcva.com/landing-page/assets/img/x-logo.webp);
}
	.btn_gred{
	    width: 100% !important;
		margin-top:0 !important;
	}
}
		@media(min-width:768px){
				.banner_txt_box{
		position:absolute;
			inset:0;
			height:100%;
			width:100%
		}
		 .tag_banner_line::before {
            position: absolute;
            left: 0;
            top: 6px;
         /*   transform: translateY(-50%);*/
            height: 3px;
            width: 1.5rem;
            content: '';
            background: linear-gradient(131deg, #265a98 15%, #bc2b3c 100%);
        }
		}
		@media (max-width:767px) {
			   .tag_banner_line {
        padding-left: 0rem;
    }
				@media (max-width:575px) {
					.container, .container-fluid{
					width:95%;margin:auto;
					}
					.banner_box {
    width: 100%;
}
    }
/*.banner_box {
    background-image: url(../../landing-page/assets/img1/inoxcv-kegs-banner-mobile.webp);
       background-position: center;
}*/
}
	
		.btn_gred{
	    background: linear-gradient(131deg, #265a98 15%, #bc2b3c 100%);
    color: white !important;
    width: fit-content;
    margin: auto;border:0px solid transparent !important;
		}
		.faq .sec_heading::before {
    left: auto;
    background-image: url(https://inoxcva.com/landing-page/assets/img/x-logo.webp);
    margin-left: -2.5rem;
}
	.faq .accordion-item{
    border-top: 0px solid #ccc;
    border-radius: 0.6rem;
}
.faq .accordion-button { 
    color: #ffffff;
    background-color: transparent;
    border-radius: 0.2rem;
    transition: var(--bs-accordion-transition);
    border: 0px solid transparent;
	    padding-right: 2.5rem;
}
	
		.faq button, .faq >h5>button {
    
    text-decoration: none;
    font-weight: bold;
    border: 0px solid;
    align-items: center;
 /*   height: 40px;*/
}
		
.faq .accordion-header {
    background: #003864;
    width: 100%;
    padding: 0rem;
    color: #f0f0f0;
    margin-bottom: 0rem;
    border-radius: 0.2rem;
}
	 
/*header.php css end*/

.faq_in_accordion button{
position:relative;
} 
 
.faq_in_accordion button::before{ 
	display:block!important;
    position: absolute !important;
    font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f068"; 
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;

}
.faq_in_accordion button.collapsed::before{  
	content: "\2b"; 
}
@media(min-width:768px) and (max-width:1199px){
.three_logo_img {
    height: 3rem;
}
}
@media(min-width:1200px) and (max-width:1400px){
.three_logo_img {
    height: 4.5rem;
}
}
@media(max-width:575px){
.three_logo_img {
    height: 3rem;
    width: auto;
}}
.read_more_other_prod{
	color:#000;
	transition:.3s;
}
.read_more_other_prod:hover{
	letter-spacing:.5px;
}
   .other_product_box {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 1px solid var(--theme-red);
    border-radius: 1rem;
}
.other_product_img img {
    aspect-ratio: 2 / 1;
    width: 90%;
    object-fit: contain;
    object-position: center;
}

.other_product_slider  .swiper-button-next,
.other_product_slider  .swiper-button-prev{
    transform: scale(.5);
}
.blog-inner-page .sec_heading::before {
    
    left: -2rem;
} 
html{    overflow-x: hidden;} 

}
@media (max-width: 575px) {
    .how_video {
        height: 11rem !important;
    }
}
@media (min-width: 768px) {
    .man_img {
        transform: translateY(6.8rem);
    }
}
@media (min-width: 1200px) and (max-width:1399px) {
    .man_img {
        transform: translateY(3.5rem);
    }
}
@media (min-width:1400px) {
    .man_img {
        transform: translateY(1.99rem);
    }
}

.dropdown-item:active{
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
}
li.dropdown:hover .dropdown-menu{
  animation: dropdown .15s linear ;
}

@keyframes dropdown {
    0% {
        transform: translateY(1rem);
    }
    100% {
      transform: translateY(0rem);
    }
}