/*--------------------------------------------------------------------- File Name: style.css ---------------------------------------------------------------------*/


/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;
 2) font-family: 'Poppins', sans-serif;
 ----------------------------------------*****/


/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/

* {
     box-sizing: border-box !important;
     transition: ease all 0.5s;
}

html {
     scroll-behavior: smooth;
}

body {
     color: #666666;
     font-size: 14px;
     font-family: Poppins;
     line-height: 1.80857;
     font-weight: normal;
     overflow-x: hidden;
}

a {
     color: #1f1f1f;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0
}

h1 {
     font-size: 24px
}

h2 {
     font-size: 22px
}

h3 {
     font-size: 18px
}

h4 {
     font-size: 16px
}

h5 {
     font-size: 14px
}

h6 {
     font-size: 13px
}

*,
*::after,
*::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: #212121;
     text-decoration: none!important;
     opacity: 1
}

button:focus {
     outline: none;
}

ul,
li,
ol {
     margin: 0px;
     padding: 0px;
     list-style: none;
}

p {
     margin: 20px;
     font-weight: 300;
     font-size: 15px;
     line-height: 24px;
}

a {
     color: #222222;
     text-decoration: none;
     outline: none !important;
}

a,
.btn {
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

img {
     max-width: 100%;
     height: auto;
}

 :focus {
     outline: 0;
}

.paddind_bottom_0 {
     padding-bottom: 0 !important;
}

.btn-custom {
     margin-top: 20px;
     background-color: transparent !important;
     border: 2px solid #ddd;
     padding: 12px 40px;
     font-size: 16px;
}

.lead {
     font-size: 18px;
     line-height: 30px;
     color: #767676;
     margin: 0;
     padding: 0;
}

.form-control:focus {
     border-color: #ffffff !important;
     box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}

.navbar-form input {
     border: none !important;
}

.badge {
     font-weight: 500;
}

blockquote {
     margin: 20px 0 20px;
     padding: 30px;
}

button {
     border: 0;
     margin: 0;
     padding: 0;
     cursor: pointer;
}

.full {
     float: left;
     width: 100%;
}

.layout_padding {
     padding-top: 90px;
     padding-bottom: 90px;
}

.header_section{
	width: 100%;
	float: left;
	background-image: url(../images/noxum-hero-banner.png);
	height: auto;
	padding: 20px 0px;
	background-size: 100%;
	background-repeat: no-repeat;
}

.padding_0{ width: 100%; float: left; }

.mens_taital{ width: 100%; float: left; color: #908d92; font-size: 14pt; }
.mens_taital_2 {
    width: 100%;
    float: left;
    color: #908d92;
    font-size: 14pt;
    margin-top: 150px;
}
.page_no {
    width: 28%;
    /* margin: 0 auto; */
    text-align: center;
    color: #ffffff;
    border: 2px solid #8d8791;
    border-radius: 30px;
    margin-top: 150px;
    padding-bottom: 10px;
    display: inline-block;
    padding-top: 12px;
    margin-left: 30px;
}
.bg-light {
    background-color: transparent !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-size: 16pt;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #db5660;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.9rem;
    padding-left: 1.6rem;
}

	
.last{ padding-left: 30px !important; }
.banner_text{
	width: 100%;
	float: left;
	font-size: 30pt;
	color: #db5660;
}

.mens_text{
	width: 100%;
	float: left;
	font-size: 39pt;
	color: #fdfcfc;
	line-height: 40px;
}
.lorem_text{
	width: 100%;
	float: left;
	font-size: 13pt;
	color: #fefefe;
	margin-left: 0px;
}

.buy_bt{ 
	width: 32%;
	height: 50px;
	color: #ffffff;
	background-color: #ff4e5b;
	color: #ffffff;
	font-size: 16pt;
 }

 .more_bt{
	width: 32%;
	height: 50px;
	color: #ffffff;
	background-color: #ffffff;
	color: #ff4e5b;
	font-size: 16pt;
	margin-left: 25px;
 }

.banner_taital{
	width: 100%;
	float: left;
	margin-top: 85px;
}

body{
    width:100%;
    height:100%;
}
.carousel-inner,.carousel,.carousel-item,.container,.fill {
    height:100%;
    width:100%;
    background-position:center center;
    background-size:cover;
}
.slide-wrapper{display:inline;}
.slide-wrapper .container{padding:0;}


/*------------------------------ vertical bootstrap slider----------------------------*/

.carousel-inner> .carousel-item.carousel-item-next ,
.carousel-inner > .carousel-item.active.carousel-item-right{ 
    transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0);  top: 0;
    
}
.carousel-inner > .carousel-item.carousel-item-prev ,
.carousel-inner > .carousel-item.active.carousel-item-left{ 
    transform: translate3d(0,-100%, 0); -webkit-transform: translate3d(0,-100%, 0);  -moz-transform: translate3d(0,-100%, 0);-ms-transform: translate3d(0,-100%, 0); -o-transform: translate3d(0,-100%, 0); top: 0;
    
}
.carousel-inner > .carousel-item.next.carousel-item-left ,
.carousel-inner > .carousel-item.carousel-item-prev.carousel-item-right ,
.carousel-inner > .carousel-item.active{
    transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);; -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); top:0;
    
}

/*------------------------------- vertical carousel indicators ------------------------------*/
.carousel-indicators{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    height:20px;
    right:-84px; 
    left:auto;
    width:auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.carousel-indicators li{
    display:block; margin-bottom:5px; border:1px solid #00a199; 
    margin-bottom: 5px;}
    
}
.carousel-indicators li.active{
    margin-bottom:5px; background:#00a199;
    
}

.collection_section{ width: 100%; float: left; padding-bottom: 0px; }
.new_text{
	width: 100%;
	float: left;
	font-size: 24pt;
	color: #0c0116;
}

.consectetur_text{
	width: 100%;
	float: left;
	font-size: 14pt;
	color: #0c0116;
	font-weight: 400;
	margin-left: 0px;
    padding-bottom: 30px;
}

.collection_section_2{
	width: 100%;
	float: left;
}

.about-img {
    width: 100%;
    float: left;
    background-color: #ffffff;
    height: auto;
    margin-left: 64px;
    box-shadow: 0px 0px 10px 0px;
    position: relative;
    z-index: 1;
}
.new_bt{
	width: 18%;
	float: left;
	background-color: #000;
	font-size: 14pt;
	text-align: center;
	color: #ffffff;
	height: 50px;
	margin-left: -60px;
}

.service_visual{
	width: 100%;
	float: left;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	margin: 0px;
}

.sport_text {
    width: 24%;
    text-align: center;
    padding-top: 30px;
    font-size: 16pt;
    color: #0c0116;
    border-bottom: 1px solid#000;
    margin: 0 auto;
}
.dolar_text{
	width: 100%;
	float: left;
	text-align:center;
	color: #000;
	font-size: 20pt;
}
.star_icon{ width: 25%; margin: 0 auto; text-align: center; }
.star_icon ul{ margin: 0px; padding: 0px;} 
.star_icon li{ float:left; padding-right:10px; padding-bottom: 25px;}

.about-img2{
	width: 100%;
	float: left;
	background-image: none;
	height: auto;
	box-shadow: 0px 0px 10px 0px;
	margin-left: -50px;
    margin-top: 74px;
}


.hero_visual{ width: 100%; float: left; padding-top: 30px; }

.custom_visual{
	width: 100%;
	float: left;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 40px;
	margin: 0px
}

.seemore_bt{
	width: 32%;
	height: 50px;
	color: #ffffff;
	background-color: #ff4e5b;
	color: #ffffff;
	font-size: 16pt;	
	margin-top: 35px;
    margin-bottom: 90px;
}

.collectipn_section_3{ width: 100%; float: left; padding-top: 0px;}
.process_panel {
    width: 100%;
    float: left;
    background-color: #eae7e7;
    height: auto;
    padding-top: 70px;
    background-size: 100%;
    padding-bottom: 70px;
}
.process_visual{ width: 100%; float: left; text-align: center; }

.collection_text{ 
    width: 100%; 
    float: left; 
    color: #ffffff; 
    text-align: center; 
    font-weight: bold; 
    font-size: 40px; 
    background-color: #db5660;
    padding: 30px 0px;  
}

.sale_text{
	width: 100%;
	float: left;
	font-size: 45pt;
	color: #ed2540;
	line-height: 75px;
}

.number_text{
	width: 100%;
	float: left;
	font-size: 45pt;
	color: #ed2540;
	line-height: 75px;

}

.seemore{
	width: 50%;
	height: 50px;
	color: #ffffff;
	background-color: #ff4e5b;
	color: #ffffff;
	font-size: 16pt;	
	margin-top: 35px;
}

.gallery_section{
	width: 100%;
	float: left;
	background-color: #ff4e5b;
	height: auto;

}

.product_card {
    width: 100%;
    float: left;
    background-color: #ffffff;
    height: auto;
    padding: 20px 20px 20px 0px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.best_text{
	width: 100%;
	float: left;
	font-size: 14pt;
	color: #000;
	text-align: center;
    margin-left: 0px;
}
.product_icon{
	width: 100%;
	float: left;
	text-align: center;
	min-height: 220px;
}

.star_text{
	width: 100%;
	float: left;
}
.left_part {
    width: 60%;
    float: left;
    padding-left: 15px;
    padding-top: 15px;
}
.left_part ul{ margin: 0px; padding: 0px; }
.left_part li{ float: left; padding-left: 10px; }
.right_part{ width: 40%; float: left; }
.product_price{ 
	width: 100%; 
	float: left; 
	font-size: 22pt; 
	color: #0f0d10; 
	text-align: right;
}

.buy_now_bt{
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
.buy_text{
	width: 32%;
	height: 50px;
	color: #ffffff;
	background-color: #131111;
	color: #ffffff;
	font-size: 16pt;	
	margin-top: 35px;
}

.contact_section{
	width: 100%;
	float: left;
}
.email_box {
    width: 85%;
    float: right;
    background-color: #14120e;
    height: auto;
    padding: 20px 20px;
    opacity: 0.80;
}
.form-group {
    margin-bottom: 2rem;
}

.email-bt {
    border: 1px solid #000;
    color: #000000;
    width: 100%;
    height: 55px;
    font-size: 22px;
    padding: 20px;
}

.massage-bt {
    border: 1px solid #000;
    color: #000000;
    width: 100%;
    height: 200px;
    font-size: 22px;
    padding: 70px 20px 10px 20px;
}

.send_btn {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.main_bt {
    background: #ff4e5b;
    border: none;
    width: 170px;
    height: 58px;
    font-size: 26px;
    color: #ffffff;
}
.ram{
	width: 100%; 
	float: left;
}

a:hover {
    color: #fff;
}

.shop_banner{
	width: 100%;
	float: left;
	background-image: none;
	height: auto;
	padding: 70px;
}

.our_shop {
    width: 100%;
    float: left;
    padding-top: 205px;
    padding-bottom: 205px;
}
.out_shop_bt {
    width: 40%;
    margin: 0 auto;
    background-color: #ffffff;
    color: #131111;
    text-align: center;
    font-size: 20pt;
    display: block;
}

.section_footer {
    width: 100%;
    float: left;
    background-color: #272222;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

.mail_section {
    width: 100%;
    float: left;
}
.footer-logo {
    float: left;
    font-size: 12pt;
    color: #fdfefe;
}

.mail_section li {
    float: left;
    font-size: 12pt;
    color: #fdfefe;
    padding-right: 35px;
}
.footer_section_2 {
    width: 100%;
    float: left;
    padding-top: 20px;
}
.shop_text {
    width: 100%;
    float: left;
    font-size: 28px;
    color: #ebebeb;
}
.dummy_text {
    width: 100%;
    float: left;
    font-size: 12pt;
    color: #ffffff;
    margin-left: 0px;
    margin-top: 55px;
    line-height: 25px;
}
.image-icon {
    width: 100%;
    float: left;
    padding-top: 6px;
}
.pet_text {
    font-size: 12pt;
    color: #ffffff;
    padding-left: 16px;
    display: flex;
    top: -26px;
    position: relative;
    padding-left: 20px;
}
.adderess_text {
    width: 100%;
    float: left;
    font-size: 28px;
    color: #ebebeb;
}

.copyright {
    width: 100%;
    float: left;
    font-size: 12pt;
    color: #ffffff;
    text-align: center;
    padding: 10px 0px;
    background-color: #ff4e5b;
    font-family: Poppins;
}

.copyright a{ color: #ffffff; }
.copyright a:hover{ color: #000; }

.map_text {
    padding-left: 15px;
}

.delivery_text{
	width: 100%;
	float: left;
	font-size: 17px;
	color: #ffffff;
}

.enter_email{
    border: 1px solid #000;
    color: #000000;
    width: 100%;
    height: 44px;
    font-size: 14px;
    padding: 20px;
}

.subscribr_bt {
    width: 80%;
    float: right;
    background-color: #ff4e5b;
    font-size: 13pt;
    height: 50px;
    color: #ffffff;
}


.about_main {
    width: 100%;
    float: left;
        padding-bottom: 30px;
}

.header_main {
    width: 100%;
    height: auto;
    background: #0c0116;
}

/* Noxum Print brand refresh */
:root {
    --noxum-ink: #010306;
    --noxum-blue: #061f40;
    --noxum-lime: #a8d635;
    --noxum-green: #55ae42;
    --noxum-deep-green: #305d25;
    --noxum-paper: #f4f7f2;
    --noxum-white: #ffffff;
    --noxum-shadow: 0 18px 45px rgba(6, 31, 64, 0.14);
}

body {
    background: var(--noxum-paper);
    color: var(--noxum-blue);
}

.header_section,
.header_main {
    background: linear-gradient(135deg, #ffffff 0%, #f4f7f2 54%, rgba(168, 214, 53, 0.18) 100%) !important;
    position: relative;
    overflow: hidden;
    min-height: 96px;
}

.header_section::before {
    content: "";
    position: absolute;
    right: -140px;
    top: -110px;
    width: 520px;
    height: 520px;
    background: linear-gradient(135deg, var(--noxum-lime), var(--noxum-green));
    border-radius: 36px;
    transform: rotate(32deg);
    opacity: 0.16;
}

.header_section::after {
    content: "";
    position: absolute;
    right: 9%;
    bottom: 26px;
    width: 210px;
    height: 120px;
    background: repeating-linear-gradient(160deg, transparent 0 14px, rgba(6, 31, 64, 0.9) 15px 21px);
    opacity: 0.12;
    border-radius: 18px;
}

.header_section > * {
    position: relative;
    z-index: 1;
}

.logo a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--noxum-blue) !important;
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
}

.logo a::after {
    content: "Noxum Print";
}

.logo img {
    width: 78px;
    height: 78px;
    object-fit: contain;
    object-position: center;
}

.section_footer .mail_section img[src$="noxum-logo.png"] {
    width: 150px;
    max-height: 76px;
    object-fit: contain;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--noxum-blue);
    font-size: 14pt;
    font-weight: 600;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--noxum-green);
}

.navbar-light .navbar-toggler {
    border-color: rgba(6, 31, 64, 0.2);
}

.banner_text {
    color: var(--noxum-green);
    font-weight: 700;
}

.mens_text {
    color: var(--noxum-blue);
    font-weight: 700;
    line-height: 1;
}

.lorem_text,
.mens_taital,
.mens_taital_2 {
    color: #3b4658;
}

.page_no {
    color: var(--noxum-blue);
    border-color: rgba(6, 31, 64, 0.25);
    background: rgba(255, 255, 255, 0.7);
}

.buy_bt,
.more_bt,
.seemore_bt,
.seemore,
.buy_text,
.main_bt,
.subscribr_bt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    border-radius: 8px;
    font-weight: 700;
    text-align: center;
    box-shadow: 0 10px 24px rgba(85, 174, 66, 0.22);
}

.buy_bt,
.seemore_bt,
.seemore,
.main_bt,
.subscribr_bt {
    background: linear-gradient(135deg, var(--noxum-lime), var(--noxum-green));
    color: var(--noxum-ink) !important;
}

.more_bt,
.buy_text {
    background: var(--noxum-blue);
    color: var(--noxum-white) !important;
}

.hero_art {
    background: var(--noxum-white);
    border: 1px solid rgba(6, 31, 64, 0.08);
    border-radius: 10px;
    box-shadow: var(--noxum-shadow);
    overflow: hidden;
    padding: 10px;
    margin-top: 30px;
}

.hero_art img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    border-radius: 8px;
}

.hero_card_art img {
    object-fit: contain;
    background: var(--noxum-paper);
}

.new_text {
    color: var(--noxum-blue);
    font-weight: 700;
}

.new_text::after {
    content: "";
    display: block;
    width: 68px;
    height: 4px;
    margin-top: 14px;
    background: var(--noxum-lime);
    border-radius: 999px;
}

.consectetur_text {
    color: #48556b;
}

.about-img,
.about-img2,
.product_card {
    border: 1px solid rgba(6, 31, 64, 0.08);
    border-radius: 8px;
    box-shadow: var(--noxum-shadow);
    overflow: hidden;
}

.about-img2 {
    background-image: linear-gradient(135deg, rgba(168, 214, 53, 0.1), rgba(85, 174, 66, 0.16));
}

.new_bt {
    background: var(--noxum-blue);
    color: var(--noxum-white);
    border-radius: 0 0 8px 0;
}

.sport_text {
    color: var(--noxum-blue);
    border-bottom-color: var(--noxum-lime);
    width: auto;
    display: table;
    font-weight: 700;
}

.dolar_text,
.dolar_text strong,
.product_price,
.product_price span {
    color: var(--noxum-green) !important;
    font-weight: 700;
}

.star_icon,
.left_part {
    display: none;
}

.right_part {
    width: 100%;
    float: left;
    padding-right: 15px;
}

.process_panel {
    background: linear-gradient(135deg, var(--noxum-white), rgba(168, 214, 53, 0.18));
    border: 1px solid rgba(6, 31, 64, 0.08);
    border-radius: 8px;
    box-shadow: var(--noxum-shadow);
}

.process_visual img {
    max-height: 420px;
    object-fit: cover;
    border-radius: 8px;
}

.sale_text,
.number_text {
    color: var(--noxum-green);
}

.sale_text span,
.number_text span {
    color: var(--noxum-blue);
}

.gallery_section {
    background: linear-gradient(135deg, var(--noxum-blue), #0d3d75);
}

.best_text {
    color: var(--noxum-blue);
    font-weight: 700;
}

.product_icon {
    min-height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.product_icon img,
.service_visual img,
.custom_visual img {
    max-height: 220px;
    max-width: 260px;
    object-fit: contain;
}

.product_icon img[src$=".jpeg"] {
    width: 100%;
    height: 210px;
    object-fit: cover;
    border-radius: 8px;
}

.collection_text {
    background: linear-gradient(135deg, var(--noxum-green), var(--noxum-lime));
    color: var(--noxum-ink);
    font-weight: 700;
}

.email_box {
    background: rgba(6, 31, 64, 0.94);
    border-radius: 8px;
    opacity: 1;
}

.email-bt,
.massage-bt,
.enter_email {
    border: 1px solid rgba(6, 31, 64, 0.14);
    border-radius: 8px;
    color: var(--noxum-blue);
}

.shop_banner {
    background-image: linear-gradient(rgba(6, 31, 64, 0.2), rgba(6, 31, 64, 0.2));
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    min-height: 540px;
}

.out_shop_bt {
    width: auto;
    min-width: 260px;
    padding: 14px 22px;
    border-radius: 8px;
    background: var(--noxum-white);
    color: var(--noxum-blue) !important;
    font-weight: 700;
}

.section_footer {
    background: var(--noxum-blue);
}

.copyright {
    background: var(--noxum-green);
    color: var(--noxum-ink);
}

.copyright a:hover {
    color: var(--noxum-blue);
}

@media only screen and (max-width: 767px) {
    .header_section::before,
    .header_section::after {
        opacity: 0.08;
    }

    .logo {
        text-align: center;
        margin-bottom: 12px;
    }

    .navbar-nav {
        background: rgba(255, 255, 255, 0.92);
        border-radius: 8px;
        padding: 10px;
    }

    .hero_art img {
        height: 250px;
    }

    .about-img,
    .about-img2 {
        margin-left: 0;
    }

    .seemore_bt,
    .buy_text,
    .buy_bt,
    .more_bt {
        width: 100%;
        margin-left: 0;
        margin-top: 12px;
    }

    .shop_banner {
        min-height: 360px;
        margin-top: 20px;
    }
}

/* Original hero composition adapted to Noxum Print */
.header_section {
    background-color: var(--noxum-blue) !important;
    background-image: url(../images/noxum-hero-banner.png) !important;
    background-size: 100% !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    min-height: clamp(720px, 43vw, 890px);
    padding: 20px 0 0;
    overflow: hidden;
}

.header_main {
    background: var(--noxum-blue) !important;
}

.header_section.header_main {
    background-image: none !important;
    min-height: auto;
    padding: 20px 0;
}

.header_section::before {
    display: none;
}

.header_section::after {
    display: none;
}

.header_section > * {
    position: relative;
    z-index: 2;
}

.header_section .container:first-child {
    max-width: 1120px;
    height: auto;
}

.header_section > .container,
.banner_section,
.banner_section > .container-fluid,
.slide-wrapper > .container-fluid {
    height: auto !important;
}

.header_section .logo {
    text-align: center;
}

.header_section .logo a {
    color: var(--noxum-white) !important;
}

.header_section .logo img {
    background: transparent;
    filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.28));
}

.navbar-light .navbar-nav .nav-link {
    color: var(--noxum-white);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--noxum-lime);
}

.banner_section {
    padding-top: 26px;
}

.banner_taital {
    margin-top: 78px;
}

.banner_text {
    color: var(--noxum-lime);
    font-size: 30pt;
    font-weight: 500;
}

.mens_text {
    color: var(--noxum-white);
    font-size: 39pt;
    line-height: 44px;
}

.lorem_text {
    color: var(--noxum-white);
    max-width: 690px;
}

.mens_taital,
.mens_taital_2 {
    color: rgba(255, 255, 255, 0.52);
}

.page_no {
    color: var(--noxum-white);
    border-color: rgba(255, 255, 255, 0.52);
    background: transparent;
    font-weight: 700;
}

.buy_bt,
.more_bt {
    border-radius: 0;
    box-shadow: none;
    font-size: 16pt;
}

.buy_bt {
    background: var(--noxum-lime);
    color: var(--noxum-ink) !important;
}

.more_bt {
    background: var(--noxum-white);
    color: var(--noxum-green) !important;
}

.hero_art {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 28px;
    overflow: visible;
}

.hero_art picture {
    display: block;
}

.hero_art img {
    width: 62%;
    max-width: none;
    height: auto;
    object-fit: contain;
    border-radius: 0;
}

.hero_logo_art img {
    transform: translate(80px, 12px);
    transform-origin: center;
}

.hero_card_art img {
    background: transparent;
    transform: translate(80px, 12px);
}

.carousel-indicators li {
    border-color: var(--noxum-green);
}

.carousel-indicators li.active {
    background: var(--noxum-green);
}

@media only screen and (max-width: 767px) {
    .header_section {
        background-color: var(--noxum-blue) !important;
        background-image: none !important;
        min-height: auto;
        padding: 18px 0 34px;
    }

    .header_section::before {
        display: block;
        right: -260px;
        top: 76px;
        width: 420px;
        height: 250px;
        background:
            radial-gradient(rgba(6, 31, 64, 0.14) 1.5px, transparent 1.5px) 0 0 / 14px 14px,
            var(--noxum-white);
        border-radius: 50% 0 0 52%;
        opacity: 1;
    }

    .header_section::after {
        display: block;
        left: -14%;
        right: auto;
        bottom: 0;
        width: 128%;
        height: 170px;
        background: var(--noxum-slate);
        border-radius: 58% 42% 0 0 / 72% 72% 0 0;
        opacity: 1;
        transform: translateY(58%);
        z-index: 0;
    }

    .header_section .container:first-child {
        max-width: 100%;
        padding: 0 22px;
    }

    .header_section .container:first-child .row {
        display: block;
    }

    .header_section .container:first-child .col-sm-3,
    .header_section .container:first-child .col-sm-9 {
        max-width: 100%;
    }

    .header_section .logo {
        margin-bottom: 16px;
    }

    .header_section .logo a {
        justify-content: center;
    }

    .header_section .logo a::after {
        display: inline;
        color: var(--noxum-white);
    }

    .header_section .logo img {
        width: 74px;
        height: 74px;
    }

    .banner_section {
        padding-top: 20px;
    }

    .banner_section .row {
        display: block;
    }

    .banner_section .col-sm-5,
    .banner_section .padding_0 {
        max-width: 100%;
        width: 100%;
    }

    .banner_section .padding_0 {
        display: none !important;
    }

    .navbar-nav {
        background: rgba(6, 31, 64, 0.96);
    }

    .navbar-light .navbar-nav .nav-link {
        color: var(--noxum-white) !important;
    }

    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: var(--noxum-lime) !important;
    }

    .navbar-light .navbar-toggler {
        background: var(--noxum-white);
    }

    .carousel-indicators {
        display: none;
    }

    .banner_taital {
        display: block !important;
        margin-top: 36px;
        padding: 0 18px;
    }

    .lorem_text {
        color: var(--noxum-white);
    }

    .hero_art img {
        width: 68%;
        max-width: 320px;
        height: auto;
    }

    .hero_logo_art img,
    .hero_card_art img {
        transform: none;
    }
}

/* Noxum final landing overrides */
.noxum-section,
.noxum-workflow,
.noxum-gallery,
.noxum-contact {
    width: 100%;
    float: left;
}

.noxum-card-grid .col-md-4,
.noxum-category-row .col-md-4 {
    margin-bottom: 24px;
}

.noxum-service-card,
.noxum-category-card,
.noxum-steps > div > div {
    height: 100%;
    background: var(--noxum-white);
    border: 1px solid rgba(6, 31, 64, 0.08);
    border-radius: 8px;
    box-shadow: var(--noxum-shadow);
    overflow: hidden;
    padding: 18px;
}

.noxum-service-card img,
.noxum-category-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 6px;
    margin-bottom: 18px;
}

.noxum-service-card h3,
.noxum-category-card h3,
.noxum-steps h3 {
    color: var(--noxum-blue);
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px;
}

.noxum-service-card p,
.noxum-category-card p,
.noxum-steps p,
.product_desc {
    color: #48556b;
    font-size: 15px;
    line-height: 1.45;
}

.noxum-idea-section {
    padding: 72px 0;
}

.noxum-idea-panel {
    padding: 32px;
}

.noxum-word-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
    width: 100%;
    float: none;
}

.noxum-word-row span {
    float: none;
    background: linear-gradient(135deg, var(--noxum-lime), var(--noxum-green));
    color: var(--noxum-ink);
    border-radius: 999px;
    font-weight: 800;
    padding: 8px 14px;
}

.noxum-products .new_text,
.noxum-products .consectetur_text {
    color: var(--noxum-white);
}

.noxum-products .new_text::after {
    background: var(--noxum-lime);
}

.product_card {
    padding: 20px;
    border-radius: 8px;
}

.product_icon {
    min-height: 230px;
}

.product_icon img {
    width: 100%;
    height: 220px;
    max-width: none;
    max-height: none;
    object-fit: cover;
    border-radius: 8px;
}

.product_desc {
    width: 100%;
    float: left;
    text-align: center;
    min-height: 64px;
    margin: 0;
}

.noxum-workflow {
    background: var(--noxum-paper);
}

.noxum-steps {
    margin-top: 24px;
}

.noxum-steps > div {
    margin-bottom: 20px;
}

.noxum-steps span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: var(--noxum-blue);
    color: var(--noxum-lime);
    border-radius: 999px;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 16px;
}

.noxum-gallery {
    background: var(--noxum-white);
}

.noxum-gallery img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: var(--noxum-shadow);
    margin-bottom: 24px;
}

.noxum-gallery .gallery_item {
    display: block;
    cursor: zoom-in;
    border-radius: 8px;
}

.noxum-gallery .gallery_item img {
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.noxum-gallery .gallery_item:hover img {
    transform: translateY(-3px);
    box-shadow: 0 22px 52px rgba(6, 31, 64, 0.2);
}

.noxum-lightbox {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    background: rgba(1, 3, 6, 0.88);
    padding: 28px;
}

.noxum-lightbox.is_open {
    display: flex;
}

.noxum-lightbox img {
    max-width: min(92vw, 1200px);
    max-height: 86vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
}

.noxum-lightbox button {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(244, 247, 242, 0.35);
    border-radius: 999px;
    background: rgba(6, 31, 64, 0.7);
    color: var(--noxum-white);
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

.noxum-lightbox-close {
    top: 20px;
    right: 20px;
}

.noxum-lightbox-prev {
    left: 20px;
}

.noxum-lightbox-next {
    right: 20px;
}

.noxum-contact {
    background: linear-gradient(135deg, var(--noxum-blue), #0d3d75);
}

.noxum-contact .new_text,
.noxum-contact .consectetur_text {
    color: var(--noxum-white);
}

.noxum-contact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.noxum-contact-actions .buy_bt,
.noxum-contact-actions .more_bt {
    width: auto;
    min-width: 210px;
    margin: 0;
    padding: 0 18px;
    border-radius: 12px;
}

.noxum-contact-actions .contact_messenger {
    background: var(--noxum-blue);
    color: var(--noxum-white) !important;
    border: 1px solid rgba(244, 247, 242, 0.22);
}

.section_footer .mail_section img[src$="noxum-logo-white.png"] {
    width: 150px;
    max-height: 76px;
    object-fit: contain;
}

/* Noxum contact, carousel and footer polish */
.header_section .hero_art {
    width: clamp(360px, 36vw, 560px);
    height: clamp(330px, 31vw, 480px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
}

.header_section .hero_art img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: center center;
}

.header_section .hero_art picture {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_section .hero_art_portrait img {
    width: auto;
    max-width: 82%;
    height: 100%;
    object-fit: contain;
}

.buy_bt,
.more_bt,
.subscribr_bt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    height: auto;
    line-height: 1.15;
    text-align: center;
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    padding: 10px 18px;
}

.noxum-contact {
    background: #f4f7f2;
    padding-top: 64px;
    padding-bottom: 64px;
}

.noxum-contact-card {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    align-items: center;
    gap: 42px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(6, 31, 64, 0.16);
    border-radius: 8px;
    box-shadow: 0 20px 50px rgba(6, 31, 64, 0.08);
    padding: 48px 52px;
}

.noxum-eyebrow {
    display: block;
    color: var(--noxum-blue);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.noxum-contact .new_text {
    color: var(--noxum-blue);
    padding-bottom: 10px;
}

.noxum-contact .new_text::after {
    display: none;
}

.noxum-contact .consectetur_text {
    color: #17315c;
    max-width: 720px;
    margin: 0;
    padding: 0;
    text-align: left;
}

.noxum-contact-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}

.noxum-contact-actions .buy_bt,
.noxum-contact-actions .more_bt {
    width: 100%;
    min-width: 0;
    margin: 0;
    font-weight: 800;
}

.section_footer {
    padding-bottom: 34px;
}

.section_footer .mail_section .row {
    align-items: center;
}

.section_footer .footer-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    float: none;
    text-decoration: none;
}

.section_footer .footer-logo img {
    flex: 0 0 auto;
}

.section_footer .map_text {
    width: auto;
    max-width: 100%;
    padding-left: 0;
    line-height: 1.25;
}

.section_footer .social_icon {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.section_footer .social_icon ul {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin: 0;
    padding: 0;
}

.section_footer .social_icon li {
    padding: 0;
}

.facebook_brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--noxum-white);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1;
    text-decoration: none;
    white-space: nowrap;
}

.facebook_brand:hover {
    color: var(--noxum-lime);
    text-decoration: none;
}

.facebook_brand img {
    flex: 0 0 auto;
}

.footer_quote {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer_quote .adderess_text {
    width: 100%;
    text-align: left;
}

.footer_quote .subscribr_bt {
    width: 100%;
    max-width: 230px;
    float: none;
    margin-left: 0;
    margin-right: 0;
    align-self: flex-start;
    padding-left: 18px;
    padding-right: 18px;
    white-space: nowrap;
    overflow-wrap: normal;
}

.footer_messenger {
    margin-top: 10px;
    background: #f4f7f2;
    color: var(--noxum-green);
}

.copyright {
    display: none;
}

/* Hero slider selector and footer layout */
.header_section .carousel-indicators {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    right: 22px;
    left: auto;
    top: 50%;
    bottom: auto;
    width: auto;
    margin: 0;
    transform: translateY(-50%);
    z-index: 5;
}

.header_section .carousel-indicators li {
    width: 12px;
    min-width: 12px;
    height: 12px;
    min-height: 12px;
    padding: 0;
    margin: 0;
    border: 2px solid rgba(244, 247, 242, 0.82);
    border-radius: 3px;
    background: rgba(6, 31, 64, 0.18);
    opacity: 1;
    cursor: pointer;
    transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.header_section .carousel-indicators li.active {
    width: 12px;
    min-width: 12px;
    height: 12px;
    min-height: 12px;
    background: var(--noxum-lime);
    border-color: var(--noxum-lime);
    transform: scale(1.18);
}

.section_footer {
    background: var(--noxum-blue);
    padding: 34px 0 42px;
}

.footer_brand_row {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    align-items: center;
    gap: 28px;
}

.footer_main_logo {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}

.footer_main_logo img {
    width: 112px;
    max-height: 112px;
    object-fit: contain;
}

.footer_contact_list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 28px;
}

.footer_contact_list .footer-logo,
.footer_contact_list .facebook_brand {
    justify-content: flex-start;
    min-width: 0;
}

.footer_content_grid {
    display: grid;
    grid-template-columns: minmax(220px, 1.25fr) minmax(210px, 1fr) minmax(160px, 0.8fr) minmax(210px, 1fr);
    align-items: start;
    gap: 44px;
    padding-top: 30px;
}

.footer_content_grid .dummy_text,
.footer_content_grid .shop_text,
.footer_content_grid .adderess_text,
.footer_content_grid .delivery_text,
.footer_content_grid .image-icon {
    float: none;
}

.footer_content_grid .dummy_text {
    margin: 0;
    max-width: 420px;
}

.footer_content_grid .shop_text,
.footer_content_grid .adderess_text {
    margin: 0 0 18px 0;
    line-height: 1.1;
}

.footer_content_grid .image-icon {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-top: 0;
}

.footer_content_grid .image-icon img {
    flex: 0 0 auto;
    margin-top: 4px;
}

.footer_content_grid .pet_text {
    position: static;
    display: inline;
    padding-left: 0;
    line-height: 1.5;
}

.footer_content_grid .delivery_text ul {
    margin: 0;
    padding: 0;
}

@media (min-width: 1400px) {
    .header_section {
        background-size: 100% auto !important;
        background-position: top center !important;
    }

    .header_section .carousel-indicators {
        right: clamp(22px, 2.6vw, 54px);
    }

    .banner_taital {
        margin-top: clamp(78px, 5.8vw, 130px);
    }

    .header_section .hero_art {
        width: clamp(520px, 34vw, 860px);
        height: clamp(430px, 31vw, 720px);
    }

    .banner_text {
        font-size: clamp(30pt, 2.5vw, 45pt);
    }

    .mens_text {
        font-size: clamp(39pt, 3.1vw, 58pt);
        line-height: 0.98;
    }

    .lorem_text {
        font-size: clamp(12pt, 1.05vw, 17pt);
    }
}

/* Unified Noxum buttons */
.buy_bt,
.seemore_bt,
.seemore,
.main_bt,
.subscribr_bt {
    border-radius: 12px;
    background: linear-gradient(135deg, var(--noxum-lime) 0%, var(--noxum-green) 100%);
    color: var(--noxum-ink) !important;
    box-shadow: 0 14px 30px rgba(85, 174, 66, 0.24);
}

.more_bt,
.buy_text {
    border-radius: 12px;
    background: linear-gradient(135deg, #ffffff 0%, #f4f7f2 100%);
    color: var(--noxum-blue) !important;
    box-shadow: 0 14px 30px rgba(6, 31, 64, 0.16);
}

.noxum-contact-actions .contact_messenger {
    border-radius: 12px;
    background: linear-gradient(135deg, #0d3d75 0%, var(--noxum-blue) 100%);
    color: var(--noxum-white) !important;
    box-shadow: 0 14px 30px rgba(6, 31, 64, 0.24);
}

.footer_messenger {
    border-radius: 12px;
    background: linear-gradient(135deg, #f4f7f2 0%, #ffffff 100%);
    color: var(--noxum-green) !important;
    box-shadow: 0 14px 30px rgba(6, 31, 64, 0.16);
}