@charset "utf-8";
/* CSS Document */

/* =================================== CSS VARIABLES =================================== */
:root {
    /* Layout */
    --main-width: 1920px;
    --container-max-width: 1472px; 
    --container-padding: 15px; 
    
    /* Colors - Primary */
    --primary: #C09755; 
    --white: #FFFFFF; 
    --black: #000000; 
    
    /* Colors - Text */ 
    --text-primary: #2C2E35; 
    --text-secondary: #757575; 
    --text-white: #FFFFFF; 
    --text-muted: rgba(255, 255, 255, 0.7); 
    
    /* Colors - Backgrounds */ 
    --bg-dark: rgba(0, 0, 0, 0.6); 
    --bg-light: #F5F5F5; 
    --bg-lighter: #F7F7F7; 
    --bg-card: #F7F7F7; 
    
    /* Colors - Borders */ 
    --border-color: #E2E2E2; 
    --border-dark: rgba(44, 46, 53, 0.2);
    --border-light: rgba(255, 255, 255, 0.2); 
    
    /* Typography */ 
    --font-body: 'Manrope', sans-serif; 
    --font-heading: 'Manrope', sans-serif;
    --font-special: 'Perpetua', serif; 
    --font-alt: 'Montserrat', sans-serif;

    /* Journey Section */
    --fz164: 8.542vw;
    --fz96: 5vw;
    --fz20: 1.042vw;

    /* Tile Listing Page */
    --tile-listing-accent-rgb: 192, 151, 85;
    --tile-listing-border-opacity: 0.2;
}

/* =================================== UTILITY CLASSES =================================== */
.text-segment-regular { font-weight: 400;}
.text-segment-bold { font-weight: 700;}
.text-highlight { font-weight: 700;}

/*============ Default Css Start ============*/

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

html,
body { 
	min-height:100%; 
}

body {	
	font-family: 'Manrope';
	font-size:18px;
	color:#2C2E35;
	font-weight: 400;
	margin:0;
	padding:0;
	/* background-image: url(../images/back.png); */
	width: 100%;
	height: 100%;
	background-repeat: repeat;
	background-size: cover;
	background-position: center center; 
	background-color: #FFFFFF;
}
li, ul, ol { 
	list-style:none; 
	margin:0;
	padding:0;
}
a, a img {
	text-decoration:none;
	border:0;
	outline:none !important;
}
a,
a:hover { color: inherit; }
a, button, input[type=submit] {
	outline:none;
	-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;
}
a:hover,
a:focus {
	text-decoration:none;
	outline:none;
}
:focus {
	outline:none;
}
img,
svg {
	max-width:100%;
}


input, textarea { 
	outline:none !important; 
}
::-webkit-input-placeholder {
	color:inherit; 
	opacity:1;
}
::-moz-placeholder {
	color:inherit;
	opacity:1;
}
:-ms-input-placeholder {
	color:inherit; 
	opacity:1;
}
:-moz-placeholder {
	color:inherit;
	opacity:1;
}

#wrapper {
	position:relative;
	width:100%;
	min-height:100%;
	overflow: hidden;
}

#sub-page_wrapper {
	position:relative;
	width:100%;
	min-height:100%;
	overflow: hidden;
}

/*============ Default Css End ============*/

/*============ Bootstrap Class Overwriter CSS Code Start ============*/

@media (min-width:375px) {
	.container {
		width: 100%;
		max-width: 100%;
	}
}
@media (min-width:576px) {
	.container {
		width: 100%;
		max-width: 100%;
	}
}
@media (min-width: 768px) {
	.container {
		width:100%;
		max-width: 750px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 100%;
		max-width: 970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1170px;
		max-width: 1170px;
	}
}
@media (min-width: 1600px) {
	.container {
		width: 1502px;
		max-width: 1502px;
	}
}




h1,
h2,
h3,
h4,
h5,
h6
{ margin: 0; padding: 0;}
p,
ul,
ul li {margin: 0; padding: 0;}

.container{margin:0 auto; padding: 0 15px;}
/*.row { margin-right: -25px;margin-left: -25px; }
.row div[class*="col-"] { padding-right: 25px;padding-left: 25px; }*/

/*============ Bootstrap Class Overwriter CSS Code End ============*/

/*============ Common Style Start ============*/


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

@media (min-width: 992px) {
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}


/* header start  */
body:after {position: fixed;top: 0;left: 0; width: 100%;height: 100%;content: '';opacity: 0;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s; z-index: 140;pointer-events: none;}

.wrapper_main {position: relative; overflow: hidden;}
.header_main {width: 100%; z-index: 100; top: 0; position: fixed; left: 0; transition: all ease-in-out 0.4s; background: rgba(0, 0, 0, 0.6);}
.navigation_bar { padding: 24px 0;}
.header_main .navigation_wrap { width: 100%; position: relative;}

.nav_bar {display: flex; justify-content: center; align-items: center; gap: 90px;}

.nav_bar .logo .header_logo {max-width: 450px;}
.header_logo a {display: flex; position: relative;}
.nav_bar .logo .header_logo a img {display: flex;}
.header_logo a { height: 55px;}
.navigation_bar .nav_bar ul {display: flex; position: relative; align-items: center; flex-shrink: 0;} 
.navigation_bar .nav_bar ul li {position: relative;}
.navigation_bar .nav_bar ul .menu-item-has-children::after{position: absolute; content: ''; top: 100%; height: 42px; width: 100%; left: 0;}
.navigation_bar .nav_bar ul li:hover .sub-menu {visibility: visible; opacity: 1; pointer-events: all;}
.navigation_bar .nav_bar .sub-menu {position: absolute; right: -40px; top: 100%; background: #FFFFFF; display: block; pointer-events: none; opacity: 0; margin-top: 40px; transition: all ease-in-out 600ms; visibility: hidden; text-align: center; padding: 32px 104px 33px 28px;  min-width: 277px; }
.navigation_bar .nav_bar .sub-menu::before{position: absolute; top: -20px; left: 0;
width: 100%; height: 20px; content: ''; display: block; pointer-events: none;}
.navigation_bar .nav_bar .sub-menu ul li::before {bottom: 7px; height: 2px;}
.navigation_bar .nav_bar .sub-menu ul {flex-direction: column;}
.navigation_bar .nav_bar ul li:hover .sub-menu {opacity: 1; pointer-events: all; visibility: visible; }
.navigation_bar .nav_bar ul .sub-menu li{transition: all ease-in-out 0.3s;} 

.navigation_bar .nav_bar ul .sub-menu li a {line-height: 2.1; color: #444444;  display: block; font-size: 18px; font-weight: 300; letter-spacing: 0.05em; text-transform: capitalize;} 
.navigation_bar .nav_bar ul li a {font-size: 16px; line-height: 1.32; font-weight: 500; transition: all ease-in-out 0.3s; position: relative; cursor: pointer; display: block; color: #FFFFFF; text-transform: capitalize; }
.navigation_bar .nav_bar ul li {position: relative; display: block;}
.navigation_bar .nav_bar ul li:not(:first-child) {margin-left: 54px;}
.navigation_bar .nav_bar ul .sub-menu ul li {margin: 0; display: flex;}
.language_wrap ul {display: flex; align-items: center;}
.language_wrap ul li:not(:first-child){margin-left: 12px;}
.language_wrap ul li a {font-size: 18px; font-weight: 400; line-height: 1.27;}
.language_wrap ul li img {display: flex;}
.mobile {display: none;}
.navigation_bar .nav_bar ul li::before{position: absolute; content: ''; width: 0; height: 5px; background-color: #8A0026; left: 0; bottom: -4px; transition: all ease-in-out 0.3s;} 
.navigation_bar .nav_bar ul li:hover::before{width: 100%;}


/* banner sec */
 
.menu-btn {position: relative; display: none;width:35px; height:24px; }
.menu-btn span {display: block; width:100%; height:3px; position:relative; top:10px; background:#FFF; border-radius:0px;}
.menu-btn span:before,
.menu-btn span:after { content:""; width:100%; height:3px; background:#FFF; border-radius:0px; position:absolute; left:0px; z-index:1;-webkit-transition-duration:.3s, .3s; transition-duration:.3s, .3s; -webkit-transition-delay:.15s, 0s; transition-delay:.15s, 0s;}
.menu-btn span:before { top:-10px;-webkit-transition-property:top, transform; transition-property:top, transform; }
.menu-btn span:after { bottom:-10px;-webkit-transition-property:bottom, transform; transition-property:bottom, transform; }
.menu-btn.active span { background:none !important;}
.menu-btn.active span:before,
.menu-btn.active span:after { -webkit-transition-delay:0s, .15s; transition-delay:0s, .2s;}
.menu-btn.active span:before { top:0px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.menu-btn.active span:after { bottom:0px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.menu-btn.active span:before, 
.menu-btn.active span:after{ background: #FFF;}

.mobile_menu {display: none;}


/* banner sec */
.banner-wrap {width: 100%; position: relative; height: 100vh;}
.banner-wrap .banner-bg {width: 100%; height: 100%; position: relative;}
.banner-wrap .banner-bg img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.banner-wrap .banner-bg .banner-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	/* base transform keeps horizontal centering and applies header shift */
	transform: translate(-50%, calc(-50% + var(--header-shift, 0px)));
	width: auto;
	max-width: 600px;
	text-align: center;
	z-index: 2;
	pointer-events: none;
}
.banner-wrap .banner-bg .banner-logo img {
	max-width: 600px;
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
/* banner sec */

/* Banner fade-in animations */
.banner-wrap .banner-bg { overflow: hidden; }
.banner-wrap .banner-bg > img { opacity: 0; transform: scale(1.03); transition: opacity 1400ms cubic-bezier(.22,.9,.38,1) 300ms, transform 1400ms cubic-bezier(.22,.9,.38,1) 300ms; will-change: opacity, transform; }
.banner-wrap .banner-bg.loaded > img { opacity: 1; transform: scale(1); }
.banner-wrap .banner-bg .banner-logo { opacity: 0; transform: translate(-50%, calc(-50% + var(--header-shift, 0px) + 12px)); transition: opacity 1000ms ease-out 1400ms, transform 1000ms ease-out 1400ms; }
.banner-wrap .banner-bg.loaded .banner-logo { opacity: 1; transform: translate(-50%, calc(-50% + var(--header-shift, 0px)));}

/* section 2 */
.counter-sec {padding: 96px 0 167px 0; background-color: #000000;}
.counter-sec .counter-grp {width: 100%; position: relative;}
.counter-sec .counter-grp .counter-title {text-align: center; margin-bottom: 135px;}
.counter-sec .counter-grp .counter-title h2 {font-weight: 400; font-size: 44px; line-height: 64px; text-align: center; color: #FFFFFF; margin-bottom: 16px;}
.counter-sec .counter-grp .counter-title strong {font-weight: 700;}
.counter-sec .counter-grp .counter-title p {font-weight: 400; font-size: 18px; line-height: 150%; text-align: center; color: #757575;}
.counter-wrap {position: relative; display: flex; justify-content: space-between; width: 100%; align-items: flex-start;}
.counter-wrap .counter-box {position: relative;}
.counter-wrap .counter-box::after {position: absolute; content: ''; width: 1px; height: 44px; background-color: #C09755; top: 50%; left: -44px; transform: translateY(-50%);}
.counter-wrap .counter-box:first-child::after {display: none;}
.counter-wrap .counter-box h3 {font-weight: 700; font-size: 32px; line-height: 100%; color: #FFFFFF;}
.counter-wrap .counter-box p {font-weight: 500; font-size: 16px; line-height: 100%; text-transform: uppercase; color: #C09755; margin-top: 16px;}

/* section 3 */
.tiles_adhesive {margin: 96px 0;}
.tiles_adhesive .tiles-grp {position: relative; width: 100%;}
.tiles_adhesive .tiles-grp .tiles-title {text-align: center; margin-bottom: 32px;}
.tiles_adhesive .tiles-grp .tiles-title h2 {font-weight: 400; font-size: 44px; line-height: 64px; text-align: center; color: #2C2E35; margin-bottom: 16px;}
.tiles_adhesive .tiles-grp .tiles-title h2 strong {font-weight: 700;}
.tiles_adhesive .tiles-grp .tiles-title p {font-weight: 400; font-size: 18px; line-height: 150%; text-align: center; color: #757575;}
.titel-video-sec {width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 64px;}
.titel-video-sec .video-box {position: relative; width: 55%; height: 450px; display: flex;}
.titel-video-sec .video-box video {width: 100%; height: auto; display: block;}
.titel-video-sec .video-box img {width: 100%; height: 100%; object-fit: cover; display: block;}
.titel-video-sec .text-box {width: 45%;}
.titel-video-sec .text-box ul {display: block; margin: 0; padding: 0;}
.titel-video-sec .text-box ul li {position: relative; display: block; margin: 0; padding: 0 0 0 10px;}
.titel-video-sec .text-box ul li::before {position: absolute; content: ''; width: 1px; height: 100%; background-color: #C09755; top: 0; left: 0; }
.titel-video-sec .text-box ul li:not(:first-child) {margin-top: 24px;}
.titel-video-sec .text-box ul li span {display: block; font-weight: 600; font-size: 18px; line-height: 150%; letter-spacing: 0%; margin-bottom: 4px; color: #2C2E35;}
.titel-video-sec .text-box ul li p {font-weight: 400; font-size: 16px; line-height: 150%; color: #757575;}

img { display: inline-block; max-width: 100%; height: auto; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; }


/* =================================== ABOUT PAGE STYLES =================================== */

/* About V2 Who We Are */
.about-v2-who-we-are { padding: 100px 0; background-color: var(--white); }
.about-v2-who-we-are__header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-bottom: 60px; position: relative; }
.about-v2-who-we-are__title { font-size: 96px; line-height: 1.1; font-weight: 700; color: var(--text-primary); max-width: 600px; flex: 1 1 400px; }
.about-v2-who-we-are__desc { font-size: 18px; line-height: 1.64; color: var(--text-secondary); max-width: 800px; flex: 1 1 500px; margin-top: 40px; }
.about-v2-who-we-are__image-wrapper { width: 100%; border-radius: 0; overflow: hidden; background-color: var(--bg-light); display: flex; justify-content: center; align-items: center; }
.about-v2-who-we-are__image-wrapper img { width: 100%; height: auto; max-height: 900px; object-fit: cover; }

/* About V2 Our Story */
.about-v2-our-story { background-color: var(--white); padding: 100px 0; }
.about-v2-our-story__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.about-v2-our-story__content { max-width: 600px; }
.about-v2-our-story__title { font-size: 44px; line-height: 60px; font-weight: 700; color: var(--text-primary); margin-bottom: 16px; }
.about-v2-our-story__text { font-size: 18px; line-height: 1.64; color: var(--text-secondary); }
.about-v2-our-story__image { position: relative; border-radius: 0; overflow: hidden; }
.about-v2-our-story__image img { width: 100%; height: auto; object-fit: cover; }

/* =================================== JOURNEY SECTION STYLES =================================== */

/* Journey Section */
.journy_wrap { padding: 40px 0 96px 0; }
.journy_wrap .journy_sec { max-width: 1800px; margin: 0 auto; padding: 0 60px; }
.journy_wrap .journy_sec .journy_heading { padding-bottom: 64px; }
.journy_wrap .journy_sec .journy_heading h2 { font-size: var(--fz164); text-transform: uppercase; font-family: 'Gilroy-ExtraBold'; line-height: 1; }
.journy_wrap .journy_sec .journy_heading h2 span { font-size: var(--fz96); display: block; }

.journy_scroll { display: flex; gap: 64px; width: 100%; position: relative; padding-left: calc(50% - 400px); padding-right: calc(50% - 400px); box-sizing: border-box; }
.journy_scroll .journy_grp { width: 800px; min-width: 800px; position: relative; }
.journy_scroll .journy_grp .journy_img { width: 100%; position: relative; }
.journy_scroll .journy_grp .journy_img::after { content: ''; display: block; padding: 62.5% 0 0 0; }
.journy_scroll .journy_grp .journy_img img { width: 100%; filter: grayscale(1); position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; transition: all ease-in-out 0.3s; }
.journy_scroll_pin { display: -ms-flexbox; display: flex; align-items: center; height: 100vh; position: relative; }

.journy_dtl { padding-top: 70px; text-align: center; opacity: 0; visibility: hidden; transition: all ease-in-out 0.5s; transform: translateY(50px); }
.journy_dtl h6 { font-size: 24px; color: var(--black); font-family: var(--font-body); font-weight: 700; padding-bottom: 24px; }
.journy_dtl p { font-size: 18px; color: var(--text-secondary); font-family: var(--font-body); font-weight: 400; line-height: 1.64; }

.line_scroll { position: relative; bottom: 0; right: 0; }
.line_scroll::before { position: absolute; border: 1px solid var(--border-color); width: 100%; content: ''; margin-top: 24px; }
.line_scroll::after { position: absolute; border: 1px solid var(--border-color); width: 100px; content: ''; margin-top: 24px; right: -64px; }
.journy_grp:last-child .line_scroll::after { display: none; }

.round_wrap { position: absolute; border: 1px solid var(--border-color); width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; left: 50%; background-color: var(--white); margin-top: 15px; transition: all ease-in-out 0.3s; }
.round_wrap::after { position: absolute; content: ''; width: 18px; height: 18px; background-color: var(--white); border-radius: 50%; }
.round_wrap::before { position: absolute; content: ''; width: 6px; height: 6px; background-color: var(--white); border-radius: 50%; z-index: 1; }

.journy_scroll .journy_grp.active .journy_dtl { opacity: 1; visibility: visible; transform: translateY(0); }
.journy_scroll .journy_grp.active .round_wrap { border-color: var(--black); }
.journy_scroll .journy_grp.active .round_wrap::before { background-color: var(--black); }
.journy_scroll .journy_grp .journy_img img:hover { filter: grayscale(0); }

.journy_slider { display: none; }
.journy_slider .swiper { width: 100%; }
.journy_slider .swiper-wrapper { display: flex; }
.journy_slider .swiper-slide { flex-shrink: 0; }
.similar_slider_navigation { display: flex; gap: 16px; margin-top: 32px; justify-content: center; }
.journy-slide-arrow { cursor: pointer; width: 44px; height: 44px; border: 1px solid var(--black); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.journy-slide-arrow:hover { background: var(--black); }
.journy-slide-arrow:hover svg polygon { fill: var(--white); }
.journy-slide-arrow i { display: flex; width: 15px; }
.journy-slide-arrow svg { width: 100%; height: auto; }

/* How We Do Section */
.how_do_wrap { padding-top: 96px; position: relative; }
.how_do_wrap .how_do { position: relative; max-width: 1800px; margin: 0 auto; padding: 0 60px; }
.how_do_wrap .how_do .how_heading { padding-bottom: 96px; text-align: center; }
.how_do_wrap .how_do .how_heading h2 { font-size: var(--fz164); text-transform: uppercase; font-family: 'Gilroy-ExtraBold'; line-height: 1; }
.how_do_wrap .how_do .how_heading span { display: block; font-size: 150px; font-family: 'Hurricane-Regular'; text-align: center; line-height: 1.2; }

.how_do_img { position: relative; }
.how_do_img .how_scroll { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; }
.how_do_img .how_scroll:first-child { position: relative; }
.how_do_img .how_scroll .floor_img { position: relative; height: 100vh; display: flex; }
.how_do_img .how_scroll .floor_img::after { position: absolute; content: ''; left: 0; bottom: 0; background: linear-gradient(to right, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 100%); width: 100%; height: 100%; }
.how_do_img .how_scroll .floor_img img { width: 100%; height: 100%; object-fit: cover; }

.floor_content { position: absolute; left: 30%; top: 50%; transform: translate(-50%, -50%); max-width: 900px; width: 100%; padding: 0 20px; }
.floor_content i { display: inline-flex; padding-bottom: 24px; }
.floor_content i img { display: flex; width: 90px; height: 90px; }
.floor_content h2 { font-size: 96px; color: var(--white); font-family: var(--font-body); font-weight: 800; text-transform: uppercase; padding-bottom: 24px; line-height: 1; }
.floor_content p { font-family: var(--font-body); font-weight: 500; font-size: 20px; line-height: 32px; color: var(--white); }

.round_dots { position: fixed; right: 60px; bottom: 50%; transform: translateY(50%); z-index: 100; }
.round_dots ul { display: flex; position: relative; margin: 0; padding: 0; flex-direction: column; align-items: center; }
.round_dots ul li:not(:last-child) { padding-bottom: 24px; }
.round_dots ul li span { position: relative; width: 6px; height: 6px; background-color: var(--white); border-radius: 50%; display: flex; justify-content: center; align-items: center; top: 0; right: 0; transition: all ease-in-out 0.3s; cursor: pointer; }
.round_dots ul li span::after { position: absolute; content: ''; width: 0; height: 0; border-radius: 50%; border: 1px solid var(--white); transition: all ease-in-out 0.3s; }
.round_dots ul li.active span { width: 10px; height: 10px; }
.round_dots ul li.active span::after { width: 24px; height: 24px; }

.scroller_ani:not(:first-child) { transform: translateY(100%); position: absolute; top: 0; width: 100%; }

/* =================================== SECTION 10: WHY CHOOSE =================================== */
.s10-why-choose { position: relative; min-height: 824px; height: auto; padding: 100px 0; background-image: url('../images/rectangle_1.png'); background-size: cover; background-position: center; display: flex; align-items: center; overflow-x: hidden;}
.s10-header { text-align: center; margin-bottom: 80px;}
.s10-header h2 { font-size: 44px; line-height: 1.2; color: var(--text-primary); margin: 0;}
.s10-text-manrope-reg { font-family: var(--font-heading); font-weight: 400;}
.s10-text-manrope-bold { font-family: var(--font-heading); font-weight: 700;}
.s10-main-layout { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; position: relative; max-width: 100%;}
.s10-column { display: flex; flex-direction: column; gap: 75px;}
.s10-col-left { align-items: flex-end;}
.s10-col-right { align-items: flex-start;}
.s10-feature-wrapper { display: flex; align-items: center; width: 100%;}
.s10-col-left .s10-feature-wrapper { justify-content: flex-end;}
.s10-col-left .s10-feature-wrapper:nth-child(2) { margin-right: 30px;}
.s10-col-right .s10-feature-wrapper:nth-child(2) { margin-left: 30px;}
.s10-feature-box { border: 2px solid var(--primary); border-radius: 100px; padding: 20px 40px; min-width: 470px; width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; background-color: transparent;}
.s10-col-left .s10-feature-box { text-align: left;}
.s10-col-right .s10-feature-box { text-align: right;}
.s10-feature-box p.s10-feature-title { font-family: var(--font-heading); font-weight: 700; font-size: 20px; line-height: 1.5; color: var(--text-primary); margin-bottom: 4px;}
.s10-feature-box p.s10-feature-desc { font-family: var(--font-heading); font-weight: 700; font-size: 16px; line-height: 1.5; color: var(--text-primary);}
.s10-feature-icon { position: absolute; width: 140px; height: 140px; border: 2px solid var(--primary); border-radius: 100px; background-color: var(--white); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.s10-feature-icon img { width: 60px; height: 60px; object-fit: contain;}
.s10-center-circle { display: flex; justify-content: center; align-items: center; padding: 0 40px;}
.s10-logo-container { width: 360px; height: 360px; background-color: var(--white); border-radius: 600px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 0px 120px rgba(0, 0, 0, 0.2);}
.s10-main-logo { width: 247px; height: auto;}

/* =================================== COLLECTION SECTION =================================== */
.collection-section { padding: 96px 0; min-height: auto; height: auto; overflow: hidden;}
.collection-header { text-align: center; margin-bottom: 64px; max-width: 1472px; margin-left: auto; margin-right: auto;}
.collection-header p:first-child { font-size: 18px; font-weight: 400; color: var(--text-secondary); margin-bottom: 16px;}
.collection-header h2 { font-size: 44px; font-weight: 400; color: var(--text-primary); line-height: 64px; margin-bottom: 16px;}
.collection-header p:last-child { font-size: 18px; color: var(--text-secondary);}
.collection-tabs { display: flex; max-width: 1200px; margin: 0 auto 64px; background: var(--white); border-radius: 10px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); min-height: 78px;}
.tab-item { flex: 1; display: flex; align-items: center; padding: 14px 20px; gap: 10px; position: relative; cursor: pointer; transition: background-color 0.3s ease;}
.tab-item:not(:last-child)::after { content: ""; position: absolute; right: 0; height: 78px; width: 1px; background-color: var(--border-color);}
.tab-item.active { background-color: var(--bg-lighter);}
.tab-item .icon-wrapper { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;}
.tab-item:nth-child(2) .icon-wrapper img { filter: brightness(0) saturate(100%) invert(58%) sepia(44%) saturate(428%) hue-rotate(358deg) brightness(92%) contrast(87%);}
.tab-item:nth-child(3) .icon-wrapper img { filter: brightness(0) saturate(100%) invert(58%) sepia(44%) saturate(428%) hue-rotate(358deg) brightness(92%) contrast(87%);}
.tab-item h3 { font-size: 24px; font-weight: 600; color: var(--text-primary); flex-grow: 1;}
.tab-item.active h3 { color: var(--primary);}
.tab-item .arrow-wrapper { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;}
.collection-content-wrapper { position: relative; width: 100%;}
.collection-content { display: none; gap: 44px; flex-wrap: wrap; align-items: stretch;}
.collection-content.active { display: flex;}
.featured-card { flex: 1; min-width: 300px; height: 568px; max-height: 568px; position: relative; border-radius: 0; overflow: visible; transition: opacity 0.3s ease;}
.featured-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0;}
.card-bg { width: 100%; height: 568px; object-fit: cover; object-position: center; display: block; position: absolute; top: 0; left: 0; border-radius: 0; clip-path: inset(0);}
.card-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px 20px; background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%); display: flex; justify-content: space-between; align-items: flex-end; z-index: 1;}
.card-text p:first-child { font-size: 20px; font-weight: 700; color: var(--white); margin-bottom: 4px;}
.card-text p:last-child { font-size: 16px; font-weight: 400; color: var(--white);}
.card-action img { width: 44px; height: 44px;}
.floating-image { position: absolute; left: -100px; top: 50%; transform: translateY(-50%); width: 200px; height: 200px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15); z-index: 2;}
.floating-image img { width: 210px; height: 210px; object-fit: cover; position: absolute; top: -5px; left: -5px;}
.category-list-wrapper { flex: 1; min-width: 300px;}
.category-list { list-style: none; display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.category-list li { padding: 20px 0; position: relative; cursor: pointer;}
.category-list li:not(:last-child)::after { content: ""; position: absolute; bottom: 0; left: 0; width: 30%; height: 1px; background-color: var(--border-color); opacity: 0.2; transition: width 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;}
.category-list li:hover::after { width: 100%; background-color: var(--primary); opacity: 1;}
.category-list li.active::after { width: 100%; background-color: var(--primary); opacity: 1;}
.list-content { display: flex; align-items: center; gap: 12px;}
.list-content img { width: 44px; height: 44px;}
.list-content h3 { font-size: 24px; font-weight: 400; color: var(--text-primary); transition: font-weight 0.3s ease;}
.category-list li:hover h3,
.category-list li.active h3 { font-weight: 600;}
.collection-content[data-content="adhesive"] .list-content img { filter: brightness(0); }

/* =================================== APPLICATION SECTION =================================== */
.application-section { padding-top: 96px; padding-bottom: 96px; height: auto; display: flex; align-items: center; background-color: var(--bg-lighter);}
.application-grid { display: flex; flex-direction: column; gap: 44px; align-items: center;}
.content-wrapper { display: flex; flex-direction: column; gap: 32px;}
.header-group h2 { font-family: var(--font-body); font-size: 44px; line-height: 64px; font-weight: 400; color: var(--text-primary); text-align: left;}
.application-list { display: flex; flex-direction: column; gap: 24px;}
.application-list .list-item { font-size: 30px; font-weight: 400; line-height: 41px; color: var(--text-primary); opacity: 0.5; cursor: pointer; transition: opacity 0.3s ease;}
.application-list .list-item:hover { opacity: 0.8;}
.application-list .list-item.active { opacity: 1;}
.image-showcase { position: relative; width: 100%; min-height: 721px; height: auto; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.image-showcase img { width: 100%; height: 100%; object-fit: cover; display: block; transition: opacity 0.3s ease;}

/* =================================== PORTFOLIO INTRO SECTION =================================== */
.portfolio-intro { padding-top: 96px; padding-bottom: 96px; min-height: auto;}
.portfolio-intro__wrapper { display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start;}
.portfolio-intro__content { flex: 1 1 300px; display: flex; flex-direction: column;}
.portfolio-intro__content h2 { max-width: 610px; font-size: 44px; font-weight: 500; line-height: 1.2; color: var(--text-primary); margin-bottom: 24px;}
.portfolio-intro__image-container { width: 100%; max-width: 500px; aspect-ratio: 1 / 1; background-color: var(--bg-lighter); overflow: hidden; display: flex; align-items: center; justify-content: center;}
.portfolio-intro__image-container img { width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease;}
.portfolio-intro__list { flex: 1 1 300px; display: flex; flex-direction: column;}
.portfolio-item { position: relative; padding-top: 24px; padding-bottom: 24px; cursor: pointer;}
.portfolio-item:first-child { padding-top: 0;}
.portfolio-item:not(:last-child)::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--border-dark);}
.portfolio-item__header { display: flex; justify-content: space-between; align-items: center;}
.portfolio-item h3 { font-size: 26px; font-weight: 400; line-height: 35.5px; color: var(--text-primary); transition: font-weight 0.3s ease;}
.portfolio-item.active h3 { font-weight: 600;}
.portfolio-item__content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, margin-top 0.4s ease;}
.portfolio-item.active .portfolio-item__content { max-height: 500px; margin-top: 24px;}
.portfolio-item p { font-size: 18px; font-weight: 400; line-height: 27px; color: var(--text-secondary); max-width: 732px; margin: 0;}
.portfolio-item__icon { width: 36px; height: 36px; background-color: var(--primary); border-radius: 50px; display: none; align-items: center; justify-content: center;}
.portfolio-item.active .portfolio-item__icon { display: flex;}
.portfolio-item__icon img { width: 10px; height: 10px;}

/* =================================== ABOUT PORTFOLIO INTRO SECTION =================================== */
.about-portfolio-intro { padding-top: 40px; padding-bottom: 96px; min-height: auto; background-color: #F7F7F7;}
.about-portfolio-intro__wrapper { display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start;}
.about-portfolio-intro__content { flex: 1 1 100px; display: flex; flex-direction: column;}
.about-portfolio-intro__content h2 { max-width: 700px; font-size: 44px; font-weight: 500; line-height: 1.2; color: var(--text-primary); margin-bottom: 24px;}
.about-portfolio-intro__image-container { width: 100%; max-width: 500px; aspect-ratio: 1 / 1; background-color: var(--bg-lighter); overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;}
.about-portfolio-intro__image-container img { width: 100%; height: 100%; object-fit: cover; transition: opacity 0.5s ease, transform 0.5s ease;}
.about-portfolio-intro__image-container img.is-fading { opacity: 0; transform: scale(1.03);}
.about-portfolio-intro__list { flex: 1 1 300px; display: flex; flex-direction: column;}
.about-portfolio-item { position: relative; padding-top: 24px; padding-bottom: 24px; cursor: pointer; opacity: 0.5; transition: opacity 0.5s ease;}
.about-portfolio-item.active { opacity: 1;}
.about-portfolio-item:first-child { padding-top: 0;}
.about-portfolio-item:not(:last-child)::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--border-dark);}
.about-portfolio-item__header { display: flex; justify-content: space-between; align-items: center;}
.about-portfolio-item h3 { font-size: 26px; font-weight: 400; line-height: 35.5px; color: var(--text-primary); transition: font-weight 0.3s ease, color 0.3s ease;}
.about-portfolio-item.active h3 { font-weight: 600;}
.about-portfolio-item__content { max-height: 0; overflow: hidden; transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), margin-top 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease; opacity: 0;}
.about-portfolio-item.active .about-portfolio-item__content { max-height: 500px; margin-top: 24px; opacity: 1;}
.about-portfolio-item p { font-size: 18px; font-weight: 400; line-height: 150%; color: #757575; max-width: 732px; margin: 0;}

/* =================================== VALUES SECTION =================================== */
.values-section { height: auto; display: flex; flex-direction: column; overflow-x: hidden;}
.values-header { margin-bottom: 64px; display: flex; flex-direction: column; gap: 16px; max-width: 100%;}
.values-header p { font-size: 18px; font-weight: 400; color: var(--text-secondary); text-transform: uppercase; margin: 0; line-height: 1.36;}
.values-header h2 { font-size: 44px; font-weight: 400; line-height: 1.2; color: var(--text-primary); margin: 0; max-width: 100%; word-wrap: break-word;}
.values-accordion { display: flex; flex-direction: row; min-height: 555px; height: auto; border-left: 1px solid var(--border-dark); max-width: 100%; overflow: hidden;}
.accordion-item { display: flex; position: relative; border-right: 1px solid var(--border-dark); transition: all 0.4s ease;}
.accordion-item:last-child { border-right: none;}
.accordion-trigger { padding: 0 32px; display: flex; flex-direction: row; justify-content: flex-start; gap: 20px; padding-top: 40px; padding-bottom: 40px; cursor: pointer; min-width: 60px; height: 100%;}
.accordion-item h3 { font-size: 36px; font-weight: 400; color: var(--text-primary); margin: 0; white-space: nowrap; transform: rotate(-180deg); transform-origin: center; writing-mode: vertical-rl; display: flex; align-items: center;}
.accordion-trigger .icon-wrapper { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;}
.accordion-trigger .icon-wrapper img { width: 40px; height: 40px;}
.accordion-item.is-active .accordion-trigger .icon-wrapper { display: none;}
.accordion-item.is-active { flex-grow: 1; background-color: transparent;}
.accordion-content { display: flex; flex-direction: row; width: 100%; align-items: stretch; opacity: 0; animation: fadeInContent 0.6s ease forwards;}
.accordion-content .icon-wrapper { margin-top: 40px; margin-left: auto; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; opacity: 0; animation: fadeIn 0.4s ease 0.3s forwards;}
.accordion-content .icon-wrapper img { width: 40px; height: 40px;}
.content-visual { width: 400px; min-height: 555px; background-color: var(--bg-light); flex-shrink: 0; overflow: hidden;}
.content-visual img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.1); animation: zoomIn 0.8s ease forwards;}
.content-text { display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 40px; padding-left: 34px; gap: 32px; max-width: 258px; opacity: 0; transform: translateY(20px); animation: slideUpFade 0.6s ease 0.2s forwards;}
.content-text p { font-size: 18px; line-height: 29.52px; color: var(--text-secondary); margin: 0;}
.view-more { font-size: 16px; font-weight: 600; color: var(--text-primary); text-decoration: underline; text-transform: uppercase; display: inline-block;}

/* Accordion Animation Keyframes */
@keyframes fadeInContent {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes zoomIn {
    from { transform: scale(1.1); }
    to { transform: scale(1); }
}

@keyframes slideUpFade {
    from { 
        opacity: 0; 
        transform: translateY(20px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* =================================== CONTACT SECTION =================================== */
.contact-section { padding-top: 96px; padding-bottom: 96px; min-height: auto; height: auto;}
.contact-section h2 { font-size: 44px; line-height: 64px; text-align: center; margin-bottom: 44px; color: var(--text-primary); font-weight: normal;}
.contact-grid { display: flex; flex-direction: row; gap: 44px; align-items: stretch; flex-wrap: wrap;}
.contact-info-stack { flex: 1; display: flex; flex-direction: column; gap: 24px; min-width: 300px;}
.info-card { background-color: var(--bg-card); border-radius: 12px; padding: 16px 24px; display: flex; flex-direction: column; gap: 12px; min-height: auto;}
.info-card p:first-child { font-size: 20px; font-weight: 700; line-height: 32px;}
.info-card p:not(:first-child) { font-size: 16px; font-weight: 400; line-height: 22px;}
.social-wrapper { display: flex; flex-direction: row; align-items: center; gap: 16px; margin-top: 20px; flex-wrap: wrap;}
.social-wrapper p { font-size: 20px; font-weight: 600; line-height: 27px;}
.social-buttons { display: flex; flex-direction: row; gap: 10px;}
.social-btn { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; background-color: var(--white); padding: 12px 12px 12px 24px; text-decoration: none; color: var(--text-primary); gap: 12px;}
.social-btn:hover { transform: translateY(-2px);}
.social-btn span { font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 25px;}
.icon-circle { width: 34px; height: 34px; background-color: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.icon-circle img { width: 12px; height: 12px;}
.contact-image-container { flex: 1; min-width: 300px; border-radius: 16px; overflow: hidden; min-height: 526px;}
.contact-image-container img,
.contact-image-container iframe { width: 100%; height: 100%; object-fit: cover; display: block;}

/* =================================== NEW FOOTER SECTION =================================== */
.footer-section-new { background-color: rgba(0, 0, 0, 0.85); background-image: url('../images/footer-bg.jpg'); background-size: cover; background-position: center; background-blend-mode: darken; color: var(--text-white); padding: 60px 0 20px; position: relative;}
.footer-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1.2fr; gap: 60px; margin-bottom: 40px;}

/* Footer Column - Logo */
.footer-col-logo { display: flex; flex-direction: column; gap: 24px;}
.footer-logo img { max-width: 200px; height: auto; }
.footer-info-block { display: flex; flex-direction: column; gap: 8px;}
.footer-info-block h4 { font-size: 14px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: var(--text-white); margin: 0;}
.footer-info-block p { font-size: 14px; font-weight: 400; line-height: 1.6; color: rgba(255, 255, 255, 0.8); margin: 0;}

/* Footer Column - Links */
.footer-col h3 { font-size: 24px; font-weight: 700; color: var(--text-white); margin: 0 0 20px 0; line-height: 1.2;}
.footer-links-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px;}
.footer-links-list li a { font-size: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.8); text-decoration: none; transition: color 0.3s ease, padding-left 0.3s ease; display: inline-block;}
.footer-links-list li a:hover { color: var(--primary); padding-left: 5px;}
.footer-links-list li a::before { content: '+'; margin-right: 8px; font-weight: 700;}

/* Footer Column - Map */
.footer-col-map { display: flex; flex-direction: column; gap: 16px;}
.footer-map { display: flex; flex-direction: column; gap: 12px;}
.footer-map iframe { width: 100%; height: 200px; border-radius: 8px; border: 2px solid rgba(255, 255, 255, 0.2);}
.view-map-link { font-size: 14px; color: var(--primary); text-decoration: none; font-weight: 600; transition: opacity 0.3s ease;}
.view-map-link:hover { opacity: 0.8;}

/* Footer Bottom */
.footer-bottom-new { display: flex; justify-content: space-between; align-items: center; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.2); flex-wrap: wrap; gap: 16px;}
.footer-bottom-new p { font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 0.7); margin: 0; line-height: 1.4;}

/* =================================== TILE LISTING PAGE - PRODUCT DETAIL =================================== */
.product-detail { min-height: 752px; height: auto; padding: 96px 0; display: flex; align-items: center;}
.product-grid { display: flex; gap: 44px; align-items: stretch; flex-wrap: wrap;}
.product-gallery { flex: 1; min-width: 300px; max-width: 628px; display: flex; gap: 24px;}
.thumbnail-list { display: flex; flex-direction: column; gap: 32px; width: 80px;}
.thumb-item { width: 80px; height: 80px; background-color: var(--bg-light); flex-shrink: 0;}
.main-image-display { flex: 1; background-color: var(--bg-light); min-height: 560px;}
.product-info { flex: 1; min-width: 300px; max-width: 628px; display: flex; flex-direction: column; justify-content: center;}
.product-info h2 { font-size: 32px; font-weight: 700; margin-bottom: 16px; color: var(--text-primary);}
.product-info .description { font-size: 18px; font-weight: 400; color: var(--text-secondary); line-height: 1.64; margin-bottom: 16px;}
.specs-container { position: relative; padding-top: 16px; display: flex; flex-direction: column; gap: 16px;}
.specs-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: var(--text-primary); opacity: var(--tile-listing-border-opacity);}
.specs-container p { font-size: 18px; font-weight: 400; color: var(--text-secondary);}
.text-style-bold { font-weight: 700; color: var(--text-primary);}
.export-badge { margin-top: 16px; background-color: rgba(var(--tile-listing-accent-rgb), 0.2); border-radius: 30px; padding: 14px 0; text-align: center;}
.export-badge p { font-size: 16px; font-weight: 700; color: var(--primary);}

/* =================================== TILE LISTING PAGE - GUARANTEES SECTION =================================== */
.guarantees-section { min-height: 636px; height: auto; padding: 96px 0; background-color: var(--white);}
.guarantees-section .section-header { text-align: center; margin-bottom: 64px;}
.guarantees-section .section-header h2 { font-size: 44px; font-weight: 400; color: var(--text-primary);}
.guarantees-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;}
.guarantee-card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding: 10px;}
.guarantee-card img { width: 80px; height: 80px; object-fit: contain;}
.guarantee-card p { font-size: 18px; font-weight: 600; color: var(--text-primary); line-height: 1.2;}

/* =================================== INNER BANNER (Merged from style-rakesh.css) =================================== */
.inner-banner-wrap{ width: 100%; display: block; position: relative;}
.inner-banner-wrap .img{ z-index: 10; background: var(--black); height: 650px; width: 100%; position: relative; display: block; overflow: hidden; }
.inner-banner-wrap .img img{ position: absolute; opacity: 0.5; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.inner-banner-wrap .banner-caption{ z-index: 15; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
.banner-text{ width: 100%; display: block; text-align: center;}
.banner-text h1{ line-height: 1.15; color: var(--white); font-size: 44px; font-weight: normal; }
.banner-text h1 span{ font-weight: bold;}
.banner-text p{ color: var(--white); line-height: 1.5; padding: 18px 0 0 0; }

.py-96{ padding-top: 96px; padding-bottom: 96px; }
.pt-96{ padding-top: 96px; }
.pb-96{ padding-bottom: 96px; }

/* =================================== CONTACT PAGE (Merged from style-rakesh.css) =================================== */
.contact-section-1{ display: block;}
.contact-section-1 .ct-title{ padding: 0 0 44px; }
.contact-section-1 .ct-title h2{ line-height: 1.15; display: block; width: 100%; text-align: center;}
.contact-section-1 .ct-title h2{ color: var(--text-primary); font-size: 44px; font-weight: normal; }
.contact-section-1 .ct-title h2 span{ font-weight: bold;}

.form-blk{ max-width: 1200px; margin: 0 auto; display: block; width: 100%;}
.frm-row{ margin: 0 -15px; display: flex; flex-wrap: wrap;}
.frm-row>*{ padding: 0 15px; }
.frm-row .col-md-6{ width: 50%; }
.frm-row .col-md-12{ width: 100%; }

.input-row{ padding: 0 0 24px; display: block; width: 100%;}
.input-row .input-title { color: var(--text-secondary); font-size: 18px; display: block; padding: 0 0 12px; width: 100%;}
.input-row .input-text{ color: var(--text-secondary); height: 58px; padding: 0 16px; border-radius: 8px; display: flex; align-items: flex-start; border: var(--border-color) solid 1px; font-size: 18px; font-family: var(--font-body); font-weight: 600; width: 100%; }
.input-row .nice-select{ color: var(--text-secondary); height: 58px; padding: 0 16px; border-radius: 8px; display: flex; align-items: center; border: var(--border-color) solid 1px; font-size: 18px; font-family: var(--font-body); font-weight: 600; width: 100%; float: none;}
.input-row .nice-select:after{ border-color: var(--black); border-width: 2px; width: 8px; right: 12px; height: 8px;}
.input-row .nice-select .list{ margin: 0; max-height: 160px; overflow: auto; display: block; width: 100%;}
.input-row textarea.input-text{ height: 200px; align-items: flex-start; padding-top: 10px; }
.input-row.submit-row{ padding: 28px 0 0 0; display: flex; align-items: center; justify-content: center; }

.input-row.submit-row button{ cursor: pointer; font-family: var(--font-body); position: relative; box-shadow: none; border: 0; background: none; outline: none; font-size: 16px; font-weight: 600; color: var(--black); transition: all 0.3s ease-in-out; text-transform: uppercase; display: flex; align-items: center; justify-content: center; }
.input-row.submit-row button:hover{ color: var(--white); background: var(--primary);}
.input-row.submit-row button::before,
.input-row.submit-row button::after{ width: 1px; top: -12px; bottom: -12px; content:''; background: var(--primary); position: absolute; left: 0; }
.input-row.submit-row button::before{ left: auto; right: 0; }
.input-row.submit-row button span{ height: 54px; min-width: 140px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; }
.input-row.submit-row button span::before,
.input-row.submit-row button span::after{ left: -12px; right: -12px; height: 1px; content:''; background: var(--primary); position: absolute; top: 0; }
.input-row.submit-row button span::before{ top: auto; bottom: 0; }

.map-section{ display: flex; align-items: center; width: 100%; }
.map-section iframe{ height: 600px; object-fit: cover; display: flex; align-items: center; width: 100%; }

.conatct-section-2{ padding: 64px 0;}
.ct-box-main{ max-width: 1200px; margin: 0 auto; display: block; width: 100%; }
.ct-box-main .row { row-gap: 44px; margin: 0 -15px; display: flex; flex-wrap: wrap;}
.ct-box-main .row>*{ padding: 0 15px; }
.ct-box-main .row .col-md-6{ width: 50%; }
.ct-box-main .row .col-md-12{ width: 100%; }
.ct-box-main .ct-box{ border-left: var(--primary) solid 3px; padding: 0 0 0 24px; }
.ct-box-main .ct-box h4{ display: block; padding: 0 0 12px; color: var(--text-primary); font-weight: bold; font-size: 20px; line-height: 1.6;}
.ct-box-main .ct-box p{ font-size: 16px; color: var(--text-primary);}
.ct-box-main .ct-box p a{ text-decoration: underline;}

/* =================================== MEDIA PAGE (Merged from style-rakesh.css) =================================== */
.media-section-1 .media-img{ max-width: 1000px; margin: 0 auto; display: flex; }
.media-section-1 .media-img img{ width: 100%; display: flex;}

.media-data-box{ padding: 64px 0 0 0; display: block; width: 100%; text-align: center;}
.media-data-box .date{ text-transform: uppercase; font-size: 18px; color: var(--primary); padding: 0 0 24px; }
.section-title h2{ font-size: 44px; line-height: 1.15; text-align: center; font-weight: normal; color: var(--text-primary); }
.section-title h2 span{ font-weight: bold;}
.media-data-box .text{ padding: 24px 0 0 0; }
.media-data-box .text p{ font-size: 18px; color: var(--text-secondary);}
.media-data-box .tag-row{ display: flex; align-items: center; justify-content: center; padding: 24px 0 0 0; gap: 24px; flex-wrap: wrap;}
.media-data-box .tag-row span{ background: var(--black); padding: 10px 32px; border-radius: 100px; min-height: 50px; font-size: 18px; color: var(--white); display: flex; align-items: center; }

.media-section-2{ background: var(--bg-light); }
.media-listing{ padding: 64px 0 0 0; }
.media-listing .row { row-gap: 44px; margin: 0 -15px; display: flex; flex-wrap: wrap;}
.media-listing .row>*{ padding: 0 15px; }
.media-listing .row .col-md-3{ width: 25%; }

.media-box{ display: block; width: 100%;}
.media-box .img{ aspect-ratio: 344/400; background: var(--black); position: relative; display: block; width: 100%;}
.media-box .img > img{ display: block; width: 100%; opacity: 0.6; position: absolute; left: 0; top: 0; object-fit: cover; height: 100%; }
.media-box .img .play-icon{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.media-box .img .play-icon a{ display: flex; align-items: center;}
.media-box .img .play-icon a img{ width: 64px; height: auto;}
.media-box h3{ padding: 16px 0 0 0; font-size: 20px; color: var(--text-primary); font-weight: bold; display: block; width: 100%;}

/* =================================== CTA SECTION (Merged from style-rakesh.css) =================================== */
.cta-outer-new{ position: relative; display: block; width: 100%; }
.cta-outer-new .img{ width: 100%; display: block; z-index: 1; position: absolute; left: 0; top: 0; height: 100%; background: var(--black); }
.cta-outer-new .img img{ width: 100%; display: block; z-index: 1; position: absolute; left: 0; top: 0; height: 100%; opacity: 0.2; object-fit: cover;}
.cta-outer-new .cta-outer-inner{ position: relative; z-index: 2; }
.cta-outer-new .cta-text{ display: block; width: 100%; text-align: center;}
.cta-outer-new .cta-text .section-title h2{ color: var(--white);}

.get-link{ padding: 64px 0 0 0; display: flex; align-items: center; justify-content: center;}
.get-link a{ cursor: pointer; font-family: var(--font-body); position: relative; box-shadow: none; border: 0; background: none; outline: none; font-size: 16px; font-weight: 600; color: var(--white); transition: all 0.3s ease-in-out; text-transform: uppercase; display: flex; align-items: center; justify-content: center; }
.get-link a:hover{ color: var(--black); background: var(--white);}
.get-link a::before,
.get-link a::after{ width: 1px; top: -12px; bottom: -12px; content:''; background: var(--white); position: absolute; left: 0; }
.get-link a::before{ left: auto; right: 0; }
.get-link a span{ height: 54px; min-width: 140px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; }
.get-link a span::before,
.get-link a span::after{ left: -12px; right: -12px; height: 1px; content:''; background: var(--white); position: absolute; top: 0; }
.get-link a span::before{ top: auto; bottom: 0; }

/* =================================== CATALOGUES PAGE (Merged from style-rakesh.css) =================================== */
.catalogues-listing{ display: block; width: 100%;}
.catalogues-listing .row { row-gap: 32px; margin: 0 -15px; display: flex; flex-wrap: wrap;}
.catalogues-listing .row>*{ padding: 0 15px; }
.catalogues-listing .row .col-md-3{ width: 25%; }
.catlog-box { display: block; width: 100%; position: relative;}
.catlog-box .img{ position: relative; width: 100%; display: flex; aspect-ratio: 344/400; overflow: hidden; }
.catlog-box .img img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.catlog-box h5{ display: block; padding: 16px 0; font-size: 20px; font-weight: bold; color: var(--text-primary); }
.catlog-box .dl-link{ display: flex; align-items: center; justify-content: center;}
.catlog-box .dl-link a{ min-height: 44px; display: flex; font-size: 16px; font-weight: 600; background: var(--primary); gap: 10px; align-items: center; justify-content: center; width: 100%; color: var(--white); }
.catlog-box .dl-link a i{ display: flex; align-items: center; }
.catlog-box .dl-link a i img{ width: 24px; height: auto;}
.catlog-box .dl-link a:hover{ background: var(--black); }

/* =================================== PRODUCTS PAGE (Merged from style-rakesh.css) =================================== */
.products-data-box{ display: block; width: 100%; text-align: center; }
.products-data-box .text-yellow{ text-transform: uppercase; font-size: 18px; color: var(--primary); padding: 0 0 24px; }
.products-data-box .text{ padding: 24px 0 0 0; }
.products-data-box .pro-img{ max-width: 1000px; margin: 0 auto; padding: 64px 0 0 0; display: flex; align-items: center; justify-content: center; }
.products-data-box .pro-img img{ width: 100%; height: auto;}

.section-title h2 + p{ padding: 24px 0 0 0; text-align: center; color: var(--text-secondary); font-size: 18px; }
.products-listing{ padding: 44px 0 0 0; }
.products-listing .row { row-gap: 32px; margin: 0 -15px; display: flex; flex-wrap: wrap;}
.products-listing .row>*{ padding: 0 15px; }
.products-listing .row .col-md-3{ width: 25%; }
.products-box .img { display: block; width: 100%; position: relative;}
.products-box .img a{ position: relative; width: 100%; display: flex; aspect-ratio: 344/400; overflow: hidden; }
.products-box .img img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.products-box h6{ display: block; padding: 16px 0 0; font-size: 20px; font-weight: bold; color: var(--text-primary); }

/* =================================== TILES / LISTING PAGE (Merged from style-rakesh.css) =================================== */
.tiles-section-1{ padding-bottom: 64px; }
.tiles-text{ width: 100%; display: block; text-align: center;}
.tiles-text h4{ display: block; width: 100%; padding: 0 0 24px; font-size: 32px; font-weight: normal; color: var(--text-primary); }
.tiles-text p{ font-size: 18px; line-height: 1.64; color: var(--text-secondary);}

.tiles-block-main{ display: block; width: 100%;}
.fliter-row-1{ width: 100%; display: block; align-items: center; }
.fliter-row-1 .row{ flex-wrap: wrap; display: flex; margin: 0 -15px; }
.fliter-row-1 .row>*{ padding: 0 15px; width: 25%; }
.fliter-box{ display: block; width: 100%; position: relative;}
.fliter-box > a{ position: relative; background: rgba(var(--tile-listing-accent-rgb), 0.1); padding: 16px 52px 16px 16px; border-radius: 12px; width: 100%; display: block;}
.fliter-box > a .text-1{ display: block; padding: 0 0 6px; font-size: 18px; font-weight: bold; color: var(--text-primary); }
.fliter-box > a .text-2{ font-size: 16px; color: var(--text-secondary); }
.fliter-box > a .arrow{ transition: all 0.3s ease-in-out; background: url(../images/down-arrow.svg) no-repeat center center; width: 22px; height: 22px; position: absolute; right: 24px; margin: -11px 0 0 0; top: 50%; }
.fliter-box .hide-box{ display: none; margin: 5px 0 0 0; box-shadow: rgba(0,0,0,0.2) 0 2px 6px; z-index: 10; position: absolute; left: 0; top: 100%; width: 100%; background: var(--white); border-radius: 12px; overflow: auto; max-height: 270px; }
.fliter-box .hide-box ul{ padding: 10px 0; display: block; width: 100%;}
.fliter-box .hide-box ul li{ display: block; width: 100%;}
.fliter-box .hide-box ul li a{ display: block; padding: 5px 20px; font-size: 16px; font-weight: normal; color: var(--black); }
.fliter-box .hide-box ul li.active a { font-weight: 600;}

.fliter-row-2{ padding: 64px 0 0 0; }
.fliter-row-sub{ gap: 10px; display: flex; align-items: center; }
.fliter-row-sub ul{ display: flex; align-items: center;}
.fliter-row-sub ul li span{ min-height: 44px; padding: 10px 24px; border: var(--text-secondary) solid 1px; color: var(--text-secondary); border-radius: 100px; display: flex; align-items: center; }
.clear-btn{ display: flex;}
.clear-btn a{ min-height: 44px; padding: 10px 24px; border: var(--primary) solid 1px; color: var(--white); font-size: 16px; font-weight: 600; background-color: var(--primary); border-radius: 100px; display: flex; gap: 4px; align-items: center;}
.clear-btn a i{ display: flex; align-items: center;}
.clear-btn a i img{ min-width: 24px; height: auto; }

.tiles-listing{ padding: 64px 0 0 0; }
.tiles-listing .row{ row-gap: 32px; flex-wrap: wrap; display: flex; margin: 0 -15px; }
.tiles-listing .row>*{ padding: 0 15px; width: 25%; }

.tiles-box{ display: block; width: 100%;}
.tiles-box .img{ display: block; width: 100%;}
.tiles-box .img a{ display: block; position: relative; width: 100%; aspect-ratio: 344/400; overflow: hidden; }
.tiles-box .img a img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.tiles-box .box-title{ justify-content: space-between; padding: 16px 0 0 0; display: flex; align-items: center;}
.tiles-box .box-title h5{ width: calc(100% - 50px); font-size: 20px; color: var(--text-primary); line-height: 1.5;}
.tiles-box .box-title .arrow-box{ display: flex;}
.tiles-box .box-title .arrow-box a { display: flex;}
.tiles-box .box-title .arrow-box a img{ width: 30px;}

.fliter-box > a.active .arrow{ transform: rotate(180deg); }

.contact-section-1 .form-blk form .error-msg{color: #f74d4d; font-size: 15px; display: block; padding: 5px 0 12px; width: 100%;}
.contact-section-1 .form-blk form .response-msg{font-size: 16px; display: block; padding: 25px 0 12px; width: 100%; font-weight: bold; text-align: center;}
.contact-section-1 .form-blk form .response-msg.error{color: #f74d4d;}
.contact-section-1 .form-blk form .response-msg.success{color: #4df752;}

.input-row .input-text::placeholder{opacity: 0.6; font-size: 16px;}


/* =================================== 404 PAGE =================================== */
.error-banner .img img {
  opacity: 0.35;
}

.error-section {
  background-color: #f7f7f7;
}

.error-content {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}

.error-code {
  font-size: 80px;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #c09755;
  margin-bottom: 16px;
}

.error-content h2 {
  font-size: 32px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 12px;
}

.error-message {
  font-size: 18px;
  color: var(--text-secondary);
  margin-bottom: 32px;
}

.error-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

.error-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 32px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid var(--primary);
}

.error-btn.primary {
  background-color: var(--primary);
  color: #ffffff;
}

.error-btn.primary:hover {
  background-color: #000000;
  border-color: #000000;
}

.error-btn.ghost {
  background-color: transparent;
  color: var(--primary);
}

.error-btn.ghost:hover {
  background-color: rgba(192, 151, 85, 0.08);
}

/* =================================== INNER PAGES RESPONSIVE (Merged from style-rakesh.css) =================================== */
@media (min-width: 1600px) and (max-width: 1799px){
	.tiles-text h4{ font-size: 28px;}
	.tiles-text p{ font-size: 16px;}
}

@media (min-width: 1440px) and (max-width: 1599px){
	.py-96{ padding-top: 84px; padding-bottom: 84px; }
	.pt-96{ padding-top: 84px; }
	.pb-96{ padding-bottom: 84px; }
	.inner-banner-wrap .img{ height: 600px; }
	.form-blk,
	.ct-box-main{ max-width: 1000px; }
	.ct-box-main .ct-box p { font-size: 14px;}
	.ct-box-main .ct-box h4{ font-size: 18px; line-height: 1.4;}
	.map-section iframe{ height: 500px; }
	.contact-section-1 .ct-title h2,
	.banner-text h1{ font-size: 38px;}
	.section-title h2 { font-size: 38px;}
	.catlog-box h5{ font-size: 16px; padding: 12px 0;}
	.products-data-box .text-yellow{ font-size: 16px; padding: 0 0 20px;}
	.products-data-box .text{ padding: 20px 0 0 0; }
	.products-box h6{ padding: 12px 0 0; font-size: 16px; }
	.products-data-box .text p{ font-size: 16px;}
	.products-data-box .pro-img{ padding: 48px 0 0 0; max-width: 900px; }
	.products-listing{ padding: 40px 0 0 0; }
	.tiles-text h4{ font-size: 24px;}
	.tiles-text p{ font-size: 16px;}
	.fliter-row-1 .row{ margin: 0 -10px; }
	.fliter-row-1 .row>*{ padding: 0 10px; }
	.fliter-row-2{ padding: 40px 0 0 0; }
	.tiles-box .box-title h5{ font-size: 16px;}
	.tiles-box .box-title .arrow-box a img{ width: 24px;}
	.tiles-listing .row{ margin: 0 -10px; }
	.tiles-listing .row>*{ padding: 0 10px;}
}

@media (min-width: 1400px) and (max-width: 1439px){
	.py-96{ padding-top: 84px; padding-bottom: 84px; }
	.pt-96{ padding-top: 84px; }
	.pb-96{ padding-bottom: 84px; }
	.inner-banner-wrap .img{ height: 600px; }
	.form-blk,
	.ct-box-main{ max-width: 1000px; }
	.ct-box-main .ct-box p { font-size: 14px;}
	.ct-box-main .ct-box h4{ font-size: 18px; line-height: 1.4;}
	.map-section iframe{ height: 500px; }
	.contact-section-1 .ct-title h2,
	.banner-text h1{ font-size: 38px;}
	.section-title h2 { font-size: 38px;}
	.catlog-box h5{ font-size: 16px; padding: 12px 0;}
	.products-data-box .text-yellow{ font-size: 16px; padding: 0 0 20px;}
	.products-data-box .text{ padding: 20px 0 0 0; }
	.products-box h6{ padding: 12px 0 0; font-size: 16px; }
	.products-data-box .text p{ font-size: 16px;}
	.products-data-box .pro-img{ padding: 48px 0 0 0; max-width: 900px; }
	.products-listing{ padding: 40px 0 0 0; }
	.tiles-text h4{ font-size: 24px;}
	.tiles-text p{ font-size: 16px;}
	.fliter-row-1 .row{ margin: 0 -10px; }
	.fliter-row-1 .row>*{ padding: 0 10px; }
	.fliter-row-2{ padding: 40px 0 0 0; }
	.tiles-box .box-title h5{ font-size: 16px;}
	.tiles-box .box-title .arrow-box a img{ width: 24px;}
	.tiles-listing .row{ margin: 0 -10px; }
	.tiles-listing .row>*{ padding: 0 10px;}
}

@media (min-width: 1300px) and (max-width: 1399px){
	.py-96{ padding-top: 80px; padding-bottom: 80px; }
	.pt-96{ padding-top: 80px; }
	.pb-96{ padding-bottom: 80px; }
	.inner-banner-wrap .img{ height: 520px; }
	.form-blk,
	.ct-box-main{ max-width: 1000px; }
	.ct-box-main .ct-box p { font-size: 14px;}
	.ct-box-main .ct-box h4{ font-size: 18px; line-height: 1.4;}
	.map-section iframe{ height: 450px; }
	.contact-section-1 .ct-title h2,
	.banner-text h1{ font-size: 38px;}
	.ct-box-main .row{ row-gap: 36px;}
	.section-title h2 { font-size: 38px;}
	.media-data-box{ padding: 48px 0 0 0; }
	.media-data-box .text p,
	.media-data-box .date{ font-size: 16px;}
	.media-listing{ padding: 48px 0 0 0; }
	.media-box .img .play-icon a img{ width: 48px;}
	.media-box h3{ font-size: 18px;}
	.catlog-box h5{ font-size: 16px; padding: 12px 0;}
	.products-data-box .text-yellow{ font-size: 16px; padding: 0 0 20px;}
	.products-data-box .text{ padding: 20px 0 0 0; }
	.products-box h6{ padding: 12px 0 0; font-size: 16px; }
	.products-data-box .text p{ font-size: 16px;}
	.products-data-box .pro-img{ padding: 48px 0 0 0; max-width: 900px; }
	.products-listing{ padding: 40px 0 0 0; }
	.tiles-text h4{ font-size: 24px;}
	.tiles-text p{ font-size: 16px;}
	.fliter-row-1 .row{ margin: 0 -10px; }
	.fliter-row-1 .row>*{ padding: 0 10px; }
	.fliter-row-2{ padding: 40px 0 0 0; }
	.tiles-box .box-title h5{ font-size: 16px;}
	.tiles-box .box-title .arrow-box a img{ width: 24px;}
	.tiles-listing .row{ margin: 0 -10px; }
	.tiles-listing .row>*{ padding: 0 10px;}
}

@media (min-width: 1200px) and (max-width: 1299px){
	.py-96{ padding-top: 64px; padding-bottom: 64px; }
	.pt-96{ padding-top: 64px; }
	.pb-96{ padding-bottom: 64px;}
	.inner-banner-wrap .img{ height: 500px; }
	.contact-section-1 .ct-title h2,
	.banner-text h1{ font-size: 38px;}
	.ct-box-main .row{ row-gap: 36px;}
	.form-blk,
	.ct-box-main{ max-width: 1000px; }
	.input-row .input-title{ font-size: 16px;}
	.input-row .input-text,
	.input-row .nice-select{ height: 48px; font-size: 16px; }
	.map-section iframe{ height: 400px; }
	.ct-box-main .ct-box p { font-size: 14px;}
	.ct-box-main .ct-box h4{ font-size: 18px; line-height: 1.4;}
	.section-title h2 { font-size: 38px;}
	.media-data-box{ padding: 48px 0 0 0; }
	.media-data-box .text p,
	.media-data-box .date{ font-size: 16px;}
	.media-data-box .date{ padding: 0 0 20px; }
	.media-data-box .tag-row,
	.media-data-box .text{ padding: 20px 0 0 0; }
	.media-box .img .play-icon a img{ width: 48px;}
	.media-box h3{ font-size: 18px;}
	.media-listing{ padding: 48px 0 0 0; }
	.catlog-box h5{ font-size: 16px; padding: 12px 0;}
	.products-data-box .text-yellow{ font-size: 16px; padding: 0 0 20px;}
	.products-data-box .text{ padding: 20px 0 0 0; }
	.products-box h6{ padding: 12px 0 0; font-size: 16px; }
	.products-data-box .text p{ font-size: 16px;}
	.products-data-box .pro-img{ padding: 48px 0 0 0; max-width: 900px; }
	.products-listing{ padding: 40px 0 0 0; }
	.tiles-text h4{ font-size: 24px;}
	.tiles-text p{ font-size: 16px;}
	.fliter-row-1 .row{ margin: 0 -10px; }
	.fliter-row-1 .row>*{ padding: 0 10px; }
	.fliter-row-2{ padding: 40px 0 0 0; }
	.tiles-box .box-title h5{ font-size: 16px;}
	.tiles-box .box-title .arrow-box a img{ width: 24px;}
	.tiles-listing .row{ row-gap: 30px; margin: 0 -10px; }
	.tiles-listing .row>*{ padding: 0 10px;}
}

@media (min-width: 992px) and (max-width: 1199px){
	.py-96{ padding-top: 64px; padding-bottom: 64px; }
	.pt-96{ padding-top: 64px; }
	.pb-96{ padding-bottom: 64px;}
	.inner-banner-wrap .img{ height: 500px; }
	.contact-section-1 .ct-title h2,
	.banner-text h1{ font-size: 38px;}
	.ct-box-main .row{ row-gap: 36px;}
	.form-blk,
	.ct-box-main{ max-width: 1000px; }
	.input-row .input-title{ font-size: 16px;}
	.input-row .input-text,
	.input-row .nice-select{ height: 48px; font-size: 16px; }
	.map-section iframe{ height: 400px; }
	.ct-box-main .ct-box p { font-size: 14px;}
	.ct-box-main .ct-box h4{ font-size: 18px; line-height: 1.4;}
	.section-title h2 { font-size: 38px;}
	.media-data-box{ padding: 48px 0 0 0; }
	.media-data-box .text p,
	.media-data-box .date{ font-size: 16px;}
	.media-data-box .date{ padding: 0 0 20px; }
	.media-data-box .tag-row,
	.media-data-box .text{ padding: 20px 0 0 0; }
	.media-box .img .play-icon a img{ width: 48px;}
	.media-box h3{ font-size: 18px;}
	.media-listing{ padding: 48px 0 0 0; }
	.catlog-box h5{ font-size: 16px; padding: 12px 0;}
	.products-data-box .text-yellow{ font-size: 16px; padding: 0 0 20px;}
	.products-data-box .text{ padding: 20px 0 0 0; }
	.products-box h6{ padding: 12px 0 0; font-size: 16px; }
	.products-data-box .text p{ font-size: 16px;}
	.products-data-box .pro-img{ padding: 48px 0 0 0; max-width: 900px; }
	.products-listing{ padding: 40px 0 0 0; }
	.tiles-text h4{ padding: 0 0 20px; font-size: 24px;}
	.tiles-text p{ font-size: 16px;}
	.fliter-row-1 .row{ margin: 0 -10px; }
	.fliter-row-1 .row>*{ padding: 0 10px; }
	.fliter-row-2{ padding: 40px 0 0 0; }
	.tiles-box .box-title h5{ font-size: 16px;}
	.tiles-box .box-title .arrow-box a img{ width: 24px;}
	.tiles-listing .row{ row-gap: 30px; margin: 0 -10px; }
	.tiles-listing .row>*{ padding: 0 10px;}
	.fliter-box > a{ padding: 12px 40px 12px 12px; }
	.fliter-box > a .arrow{ right: 10px;}
	.fliter-box > a .text-1{ font-size: 16px;}
	.fliter-box > a .text-2{ font-size: 14px;}
}

@media (max-width: 991px){
	.py-96{ padding-top: 64px; padding-bottom: 64px; }
	.pt-96{ padding-top: 64px; }
	.pb-96{ padding-bottom: 64px;}
	.media-box .img .play-icon a img{ width: 48px;}
	.media-box h3{ font-size: 18px;}
	.media-listing{ padding: 48px 0 0 0; }
}

@media (min-width: 768px) and (max-width: 991px){
	.inner-banner-wrap .img{ height: 450px; }
	.contact-section-1 .ct-title h2,
	.banner-text h1{ font-size: 34px;}
	.ct-box-main .row{ row-gap: 36px;}
	.form-blk,
	.ct-box-main{ max-width: 1000px; }
	.input-row .input-title{ font-size: 16px;}
	.input-row .input-text,
	.input-row .nice-select{ height: 48px; font-size: 16px; }
	.map-section iframe{ height: 400px; }
	.ct-box-main .ct-box p { font-size: 14px;}
	.ct-box-main .ct-box h4{ font-size: 18px; line-height: 1.4;}
	.section-title h2 { font-size: 34px;}
	.media-data-box{ padding: 48px 0 0 0; }
	.media-data-box .text p,
	.media-data-box .date{ font-size: 16px;}
	.media-data-box .date{ padding: 0 0 20px; }
	.media-data-box .tag-row,
	.media-data-box .text{ padding: 20px 0 0 0; }
	.media-listing .row .col-md-3{ width: 50%; }
	.catalogues-listing .row .col-md-3{ width: 33.33333%;}
	.catlog-box h5{ font-size: 16px; padding: 12px 0;}
	.products-data-box .text-yellow{ font-size: 16px; padding: 0 0 20px;}
	.products-data-box .text{ padding: 20px 0 0 0; }
	.products-box h6{ padding: 12px 0 0; font-size: 16px; }
	.products-data-box .text p{ font-size: 16px;}
	.products-data-box .pro-img{ padding: 48px 0 0 0; max-width: 900px; }
	.products-listing{ padding: 40px 0 0 0; }
	.products-listing .row .col-md-3 { padding: 0 5px; width: 33.3333%;}
	.products-listing .row{ margin: 0 -5px; }
	.tiles-text h4{ padding: 0 0 20px; font-size: 20px;}
	.tiles-text p{ font-size: 16px;}
	.fliter-row-1 .row{ row-gap: 20px; margin: 0 -10px; }
	.fliter-row-1 .row>*{ width: 50%; padding: 0 10px; }
	.fliter-row-2{ padding: 40px 0 0 0; }
	.tiles-box .box-title h5{ font-size: 16px;}
	.tiles-box .box-title .arrow-box a img{ width: 24px;}
	.tiles-listing .row{ row-gap: 30px; margin: 0 -10px; }
	.tiles-listing .row>*{ width: 33.3333%; padding: 0 10px;}
	.fliter-box > a{ padding: 12px 40px 12px 12px; }
	.fliter-box > a .arrow{ right: 10px;}
	.fliter-box > a .text-1{ font-size: 16px;}
	.fliter-box > a .text-2{ font-size: 14px;}
}

@media (max-width: 767px){
	.py-96{ padding-top: 48px; padding-bottom: 48px; }
	.pt-96{ padding-top: 48px; }
	.pb-96{ padding-bottom: 48px;}
	.inner-banner-wrap .img{ height: 450px; }
	.contact-section-1 .ct-title h2,
	.banner-text h1{ font-size: 30px;}
	.ct-box-main .row{ row-gap: 36px;}
	.banner-text p{ font-size: 16px;}
	.form-blk,
	.ct-box-main{ max-width: 1000px; }
	.input-row .input-title{ font-size: 16px;}
	.input-row .input-text,
	.input-row .nice-select{ height: 48px; font-size: 16px; }
	.map-section iframe{ height: 400px; }
	.ct-box-main .ct-box p { font-size: 14px;}
	.ct-box-main .ct-box h4{ font-size: 18px; line-height: 1.4;}
	.conatct-section-2{ padding: 48px 0; }
	.ct-box-main .row{ row-gap: 20px; }
	.ct-box-main .ct-box{ padding: 0 0 0 20px; border-width: 2px; }
	.ct-box-main .row .col-md-6,
	.frm-row .col-md-6{ width: 100%;}
	.contact-section-1 .ct-title{ padding: 0 0 30px; }
	.input-row.submit-row{ padding: 20px 0 0 0; }
	.section-title h2 { font-size: 30px;}
	.media-data-box{ padding: 48px 0 0 0; }
	.media-data-box .text p,
	.media-data-box .date{ font-size: 16px;}
	.media-data-box .date{ padding: 0 0 20px; }
	.media-data-box .tag-row,
	.media-data-box .text{ padding: 20px 0 0 0; }
	.media-data-box .tag-row{ gap: 16px;}
	.media-data-box .tag-row span { font-size: 16px; min-height: 42px;}
	.media-listing .row{ margin: 0 -5px; row-gap: 20px; }
	.media-listing .row .col-md-3{ width: 50%; padding: 0 5px; }
	.media-box h3{ padding: 10px 0 0 0; font-size: 16px; font-weight: 600;}
	.media-listing{ padding: 32px 0 0 0; }
	.cta-outer-new .cta-text .section-title h2 { font-size: 24px;}
	.get-link{ padding: 48px 0 0 0; }
	.catalogues-listing .row{ margin: 0 -5px; }
	.catalogues-listing .row .col-md-3{ padding: 0 5px; width: 50%;}
	.catlog-box h5{ font-size: 14px; padding: 10px 0;}
	.products-data-box .text-yellow{ font-size: 16px; padding: 0 0 20px;}
	.products-data-box .text{ padding: 20px 0 0 0; }
	.products-box h6{ padding: 12px 0 0; font-size: 14px; font-weight: 600; }
	.products-data-box .text p{ font-size: 16px;}
	.products-data-box .pro-img{ padding: 48px 0 0 0; max-width: 900px; }
	.products-listing{ padding: 40px 0 0 0; }
	.products-listing .row .col-md-3 { padding: 0 5px; width: 50%;}
	.products-listing .row{ margin: 0 -5px; }
	.tiles-text h4{ padding: 0 0 20px; font-size: 20px;}
	.tiles-text p{ font-size: 14px;}
	.fliter-row-1 .row{ row-gap: 10px; margin: 0 -5px; }
	.fliter-row-1 .row>*{ width: 50%; padding: 0 5px; }
	.fliter-row-2{ padding: 32px 0 0 0; }
	.tiles-box .box-title h5{ font-size: 14px;}
	.tiles-box .box-title{ padding: 10px 0 0 0; }
	.tiles-box .box-title .arrow-box a img{ width: 20px;}
	.tiles-listing .row{ row-gap: 24px; margin: 0 -5px; }
	.tiles-listing .row>*{ width: 50%; padding: 0 5px;}
	.fliter-box > a{ padding: 12px 32px 12px 12px; }
	.fliter-box > a .arrow{ right: 5px;}
	.fliter-box > a .text-1{ font-size: 14px;}
	.fliter-box > a .text-2{ font-size: 13px;}
	.tiles-section-1{ padding: 0 0 40px; }
	.fliter-box .hide-box ul li a{ font-size: 15px;}
	.fliter-row-sub ul li span{ font-size: 14px; padding: 5px 20px; min-height: 36px;}
	.clear-btn a{ font-size: 14px; padding: 5px 12px 5px 16px; min-height: 36px;}
	.clear-btn a i img{ min-width: 20px; width: 20px;}
}