/*
Theme Name: Rheem-MEA
Theme URI: Amamr Bhanushali
Description: Bootstrap theme for wordpress
Author: Oyun
Author URI:
Version: 1.0
Tags: responsive, white, bootstrap, corporate, rheem
*/

@import url(fonts/font.css);
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@300;400;500;600&family=Poppins:wght@200;300;400;500;600;700;800&display=swap');

@-ms-viewport {
	width: device-width
}

@font-face {
	font-family: RheemSansLight;
	src: url(fonts/RheemSans-Light.eot);
	src: url(fonts/RheemSans-Light?) format("embedded-opentype"), url(fonts/RheemSans-Light.woff2) format("woff2"), url(fonts/RheemSans-Light.woff) format("woff"), url(fonts/RheemSans-Light.ttf) format("truetype"), url(fonts/RheemSans-Light.svg) format("svg");
	font-weight: 300;
}

@font-face {
	font-family: RheemSansRoman;
	src: url(fonts/RheemSans-Roman.eot);
	src: url(fonts/RheemSans-Roman.eot?) format("embedded-opentype"), url(fonts/RheemSans-Roman.woff2) format("woff2"), url(fonts/RheemSans-Roman.woff) format("woff"), url(fonts/RheemSans-Roman.ttf) format("truetype"), url(fonts/RheemSans-Roman.svg) format("svg")
}

@font-face {
	font-family: RheemSansBold;
	src: url(fonts/RheemSans-Bold.eot);
	src: url(fonts/RheemSans-Bold.eot?) format("embedded-opentype"), url(fonts/RheemSans-Bold.woff2) format("woff2"), url(fonts/RheemSans-Bold.woff) format("woff"), url(fonts/RheemSans-Bold.ttf) format("truetype"), url(fonts/RheemSans-Bold.svg) format("svg")
}

:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #e70033;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--fontLight: "RheemSansLight", Helvetica, Arial, sans-serif;
	--fontRegular: "RheemSansRoman", Helvetica, Arial, sans-serif;
	--fontBold: "RheemSansBold", Helvetica, Arial, sans-serif;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--f10: 0.71428571rem;
	--f11: 0.7857142857rem;
	--f12: 0.85714285rem;
	--f13: 0.92857142rem;
	--f14: 1rem;
	--f15: 1.071428571rem;
	--f16: 1.1428571rem;
	--f17: 1.21428571rem;
	--f18: 1.28571428rem;
	--f19: 1.35714285rem;
	--f20: 1.42857142rem;
	--f21: 1.5rem;
	--f22: 1.57142857rem;
	--f23: 1.64285714rem;
	--f24: 1.71428571rem;
	--f25: 1.78571428rem;
	--f26: 1.85714285rem;
	--f27: 1.92857142rem;
	--f28: 2rem;
	--f29: 2.071428571rem;
	--f30: 2.1428571rem;
	--f31: 2.21428571rem;
	--f32: 2.28571428rem;
	--f33: 2.35714285rem;
	--f34: 2.42857142rem;
	--f35: 2.5rem;
	--f36: 2.57142857rem;
	--f37: 2.64285714rem;
	--f38: 2.71428571rem;
	--f39: 2.78571428rem;
	--f40: 2.85714285rem;
	--f41: 2.92857142rem;
	--f42: 3rem;
	--f43: 3.071428571rem;
	--f44: 3.1428571rem;
	--f45: 3.21428571rem;
	--f46: 3.28571428rem;
	--f47: 3.35714285rem;
	--f48: 3.42857142rem;
	--f49: 3.5rem;
}

.rheem label input[type=checkbox]~i.fa.fa-square-o {
	color: #c8c8c8;
	display: inline
}

.rheem label input[type=checkbox]~i.fa.fa-check-square-o {
	display: none
}

.rheem .fa-2x {
	font-size: 22px
}

[v-cloak] {
	display: none
}

body {
	font-family: RheemSans-Roman, Sans-Serif;
	font-weight: 300;
	font-size: 14px;
	color: #686868;
	line-height: 175%;
	overflow-x: hidden;
}

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

html,
body {
	font-size: 14px;
	min-height: 100%;
	font-family: var(--fontRegular);
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	min-height: 100vh;
	background: #FCFCFC;
}

body {
	background: #000;
	color: #fff;
	font-size: 14px;
	overflow-x: hidden;
}

p {
	margin-top: 0;
	margin-bottom: 1.5rem;
}

svg {
	display: block;
	overflow: visible;
}

ul {
	list-style-type: none;
}

a {
	text-decoration: none;
}


h2,
h3,
h4,
h6 {
	font-weight: 500;
	margin-bottom: 20px;
	font-family: var(--fontLight);
	line-height: 1.2;
	color: #4a4a4a
}

h2 {
	font-size: 32px
}

h3 {
	font-size: 26px;
	font-family: var(--fontBold)
}

h4 {
	font-family: var(--fontBold);
	font-size: 21px
}

h6 {
	font-family: var(--fontBold);
	font-size: 16px
}

body,
html {}

body {
	color: #63666a;
	font-size: 14px;
	font-family: var(--fontRegular);
	line-height: 21px;
	background-color: #fcfcfc;
	max-width: 100%;
	width: 100%;
	width: 100vw;
	overflow-x: hidden;
}

a,
button,
input[type="button"],
input[type="submit"],
input[type="search"],
input[type="clear"],
.anm,
.btn.more:after,
.slide-arrow,
.gallery-item:after,
.newsletter .form-group button:after,
.navbar-toggler-icon,
.navbar-toggler-icon:before,
.navbar-toggler-icon:after {
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
}

.f10 {
	font-size: var(--f10) !important;
}

.f11 {
	font-size: var(--f11) !important;
}

.f12 {
	font-size: var(--f12) !important;
}

.f13 {
	font-size: var(--f13) !important;
}

.f14 {
	font-size: var(--f14) !important;
}

.f15 {
	font-size: var(--f15) !important;
}

.f16 {
	font-size: var(--f16) !important;
}

.f17 {
	font-size: var(--f17) !important;
}

.f18 {
	font-size: var(--f18) !important;
}

.f19 {
	font-size: var(--f19) !important;
}

.f20 {
	font-size: var(--f20) !important;
}

.f21 {
	font-size: var(--f21) !important;
}

.f22 {
	font-size: var(--f22) !important;
}

.f23 {
	font-size: var(--f23) !important;
}

.f24 {
	font-size: var(--f24) !important;
}

.f25 {
	font-size: var(--f25) !important;
}

.f26 {
	font-size: var(--f26) !important;
}

.f27 {
	font-size: var(--f27) !important;
}

.f28 {
	font-size: var(--f28) !important;
}

.f29 {
	font-size: var(--f29) !important;
}

.f30 {
	font-size: var(--f30) !important;
}

.f31 {
	font-size: var(--f31) !important;
}

.f32 {
	font-size: var(--f32) !important;
}

.f33 {
	font-size: var(--f33) !important;
}

.f34 {
	font-size: var(--f34) !important;
}

.f35 {
	font-size: var(--f35) !important;
}

.f36 {
	font-size: var(--f36) !important;
}

.f37 {
	font-size: var(--f37) !important;
}

.f38 {
	font-size: var(--f38) !important;
}

.f39 {
	font-size: var(--f39) !important;
}

.f40 {
	font-size: var(--f40) !important;
}

.f41 {
	font-size: var(--f41) !important;
}

.f42 {
	font-size: var(--f42) !important;
}

.f43 {
	font-size: var(--f43) !important;
}

.f44 {
	font-size: var(--f44) !important;
}

.f45 {
	font-size: var(--f45) !important;
}

.f46 {
	font-size: var(--f46) !important;
}

.f47 {
	font-size: var(--f47) !important;
}

.f48 {
	font-size: var(--f48) !important;
}

.f49 {
	font-size: var(--f49) !important;
}

header {
	position: sticky;
	top: 0px;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, .89);
	width: 100%;
	z-index: 1000;
	display: flex;
	padding: var(--f10) var(--f28);
	align-items: center;
}

section {
	position: relative;
	width: 100%;
}

header .container {
	margin: 0 auto;
	display: flex;
	position: relative;
}

.container {
	max-width: 1380px;
	margin: 0 auto;
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
}

.screen-reader-text {
	display: none;
}


.container,
.container-fluid {
	padding: 0 20px;
}

.header-wrap {
	background-color: #f8f9fa;
	border-bottom: 1px #E9E9E9 solid;
}

/* .row{
	margin: 0;
	padding: 15px;
} */
.red-text {
	color: #E4002B;
}

a:hover {
	text-decoration: none;
	color: #5a5a5a;
}

.form-group {
	margin-bottom: 15px;
}

.navbar {
	padding: 15px 0 0 0;
	position: relative;
}

.navbar.nav-down {
	padding: 15px 0 0 0;
	position: sticky;
}

footer {
	background-color: #E7E8E8;
	padding-top: 15px;
	font-size: 12px;
}

footer ul {
	list-style: none;
}

footer a {
	color: #5a5a5a;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

footer a:hover {
	color: #e62f46;
	text-decoration: none;
}

footer .container:first-child {
	padding-bottom: 10px;
}

footer .social-icons {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

footer .countries-list {
	display: inline-block;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

footer .countries-list li {
	padding: 10px 20px;
	color: #5a5a5a;
	float: left;
}

footer .countries-list li a {
	padding-left: 25px;
	display: block;
	min-height: 14px;
	line-height: 20px;
	background: url(images/sprite-1.png) no-repeat 0 -106px;
}

footer .countries-list li.canada a {
	background-position: 0 -149px;
}

footer .countries-list li.brazil a {
	background-position: 0 -191px;
}

footer .countries-list li.argentina a {
	background-position: 0 -232px;
}

footer .countries-list li.australia a {
	background-position: 0 -276px;
}

footer .countries-list li.new-zealand a {
	background-position: 0 -316px;
}

footer .countries-list li.singapore a {
	background-position: 0 -358px;
}

.wpcf7-checkbox {
	display: flex;
	gap: 1em;
}

.wpcf7-list-item {
	margin: 0 !important;
}

.social-icons {
	padding: 0 0 15px;
	display: flex;
	overflow: hidden;
}

.wpcf7-submit {
	background: var(--primary);
	color: #fff;
	padding: 10px 20px !important;
}

.social-icons span a {
	color: #5a5a5a;
	font-size: 14px;
	text-align: center;
	width: 40px;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	display: block;
	float: left;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border-left: 1px solid #f2f2f2;
}

.social-icons .fa {
	line-height: 3;
}

.social-icons span:first-child a {
	border-left: none;
}

.social-icons span:hover a {
	color: #fff;
	background-color: #E4002B;
	-webkit-border-radius: 03px;
	-moz-border-radius: 03px;
	border-radius: 03px;
}

.navbar-nav a {
	color: #63666A;
}

a {
	color: #7A99AC;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.social-icons .last a {
	border-right: 1px solid #f2f2f2;
}

.navbar-brand .middle-east {
	font-size: 20px;
	width: auto;
}

.middle-east {
	/*background: url(images/sprite-1.png) no-repeat 0 -37px;*/
	height: 46px;
	width: 112px;
	overflow: hidden;
	margin: 0;
	color: #E4002B;
	line-height: 46px;
	padding-left: 15px;
	padding-right: 15px;
	font-family: RheemSans-Bold;
	font-size: 14px;
	text-align: center;
}

.bg-mask {
	background: url(images/bg-mask.png) no-repeat;
	background-size: 100%;
	height: 145px;
	z-index: 99;
	width: 100%;
	position: absolute;
	bottom: -120px;
	text-align: center;
	padding: 35px;
}


.home-content {
	background: url(//media.rheem-mea.com/wp-content/uploads/sites/35/2024/01/world-map.png);
	background-size: cover;
	padding: 120px 0;
	margin-top: 10px;
	line-height: 30px;
}

.home-content p {
	font-size: 16px;
	text-align: justify;
}

.site-logo {
	margin-bottom: 15px;
	margin-left: 15px;
}

.navbar-nav li {
	float: left;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.navbar-nav>li.menu-item:hover,
.navbar-nav>li.current_page_item {
	background-color: #E4002B;
}

.navbar-nav>li.menu-item:hover>a {
	color: #fff;
}

.navbar-nav>li.current_page_item>a {
	color: #fff;
}

.navbar-nav li a {
	line-height: 46px;
	padding: 0 26px;
}

@media all and (min-width: 992px) and (max-width: 1280px) {
	.navbar-nav li a {
		line-height: 46px;
		padding: 0 18px;
	}
}

.navbar-nav li>a:hover {
	text-decoration: none;
	color: #fff;
}

.navbar-nav li:hover .sub-menu {
	display: block;
}

.sub-menu .menu-item {
	border: none;
	padding: 0;
	margin: 0;
	float: none;
	list-style: none;
}

.sub-menu .menu-item a {
	padding: 5px 15px;
	color: #696969;
	width: 100%;
	margin: 0;
	height: auto;
	display: inline-block;
}

.sub-menu .menu-item>a:hover {
	color: #E4002B;
}

.sub-menu .sub-menu .sub-menu>.menu-item>a:before {
	color: #E4002B;
	content: '> ';
	padding-right: 5px;
	font-weight: bold;
}

h1,
h2,
h3 {
	font-family: RheemSans-Bold, Sans-Serif;
	color: #E4002B;
	width: 100%;
}

h1 {
	font-size: 41px;
}

h2 {
	font-size: 28px;
}

b,
strong {
	font-weight: bold;
}

.breadcrumb {
	background-color: transparent;
	font-size: 12px;
	margin-bottom: 0;
}

.breadcrumb li {
	float: left;
	padding-right: 5px;
}

.breadcrumb li a:after {
	content: " >";
}

.breadcrumb li.current_item {
	color: #E4002B;
}

.page-title {
	background: url(images/Open-Smile-Divider@2x.png) no-repeat;
	background-size: 100% 50%;
	text-align: center;
	padding: 10px 0 70px;
	margin: 0;
	background-position-y: 40px;
}

.page-title h1 {
	max-width: 700px;
	margin: 0 auto;
	max-height: 60px;
	font-size: 41px;
	font-size: 3vh;
}

.page-title h2 {
	padding-top: 10px;
	font-size: 28px;
	font-size: 2vh;
}

.shadow-box {
	background: #ececec;
	text-align: center;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(179, 179, 179, 1);
	-moz-box-shadow: 0px 2px 10px 0px rgba(179, 179, 179, 1);
	box-shadow: 0px 2px 10px 0px rgba(179, 179, 179, 1);
	margin-bottom: 10px;
}

.btn-link {
	color: #1B365D;
}

.list-group-item {
	border: none;
	border-bottom: 2px solid rgba(0, 0, 0, .125);
}

.list-group-item:last-of-type {
	border-bottom: none;
}

.desktop-mobile {
	display: block;
}

.desktop-slider {
	display: block;
}

.mobile-slider {
	display: none;
}

.btn-grey {
	background: #efefef;
}

@media (min-width: 1200px) {
	.navbar {
		padding-right: 0;
	}

	.navbar-nav {
		margin: 10px 0 0px 0;
	}
}

@media (max-width: 992px) {
	.navbar-nav .menu-item a {
		font-size: 12px;
		padding: 0 6px;
	}
}

@media (min-width: 768px) {
	.navbar-nav {
		background: #ebebeb url(images/bg-nav.png) repeat-x;
		height: 46px;
		margin-bottom: -25px;
		/*position: relative;*/
	}

	.navbar-nav>.menu-item {
		border-right: 1px solid #E4E4E4;

	}

	.navbar-nav .middle-east {
		border-left: 1px solid #E4E4E4;
		border-right: 1px solid #E4E4E4;
	}

	.border-right {
		border-right: 1px solid #e4e4e4;
		padding-right: 30px;
	}

	.hidden-desktop {
		display: none;
	}

	.navbar-nav>.menu-item-has-children>a:after {
		content: ' ▼';
		font-size: 12px;
	}

	.navbar-nav>.menu-item-has-children {
		/*position: relative;*/
	}

	.navbar-nav>li.regular-dropdown {
		position: relative;
	}

	.sub-menu:before {
		clear: both;
	}

	.navbar-nav>.menu-item-has-children>.sub-menu {
		list-style: none;
		clear: both;
		display: none;
		padding: 0;
		position: absolute;
		z-index: 1001;
		width: 100%;
		height: auto;
		left: 0;
		margin-top: -1px;
		padding-top: 7px;
		background: #f8f9fa;
		-webkit-box-shadow: 10px 10px 10px -5px rgba(0, 0, 0, 0.56);
		-moz-box-shadow: 10px 10px 10px -5px rgba(0, 0, 0, 0.56);
		box-shadow: 10px 10px 10px -5px rgba(0, 0, 0, 0.56);
	}

	.navbar-nav>.menu-item-has-children.regular-dropdown>.sub-menu {
		/* position: relative; */
		background-color: #f8f9fa;
	}

	.navbar-nav>.menu-item-has-children>.sub-menu .air-conditioning,
	.navbar-nav>.menu-item-has-children>.sub-menu .water-heating {
		width: 100%;
		padding-bottom: 20px;
		border-top: 5px solid #e4002b;
		position: absolute;
	}

	.navbar-nav>.menu-item-has-children>.sub-menu .air-conditioning.active>a,
	.navbar-nav>.menu-item-has-children>.sub-menu .water-heating.active>a {
		background: #e4002b;
		color: #fff !important;
		z-index: 1004;
	}

	.navbar-nav>.menu-item-has-children>.sub-menu .air-conditioning>a,
	.navbar-nav>.menu-item-has-children>.sub-menu .water-heating>a {
		z-index: 1005;
	}

	.navbar-nav>.menu-item-has-children>.sub-menu .air-conditioning>.sub-menu,
	.navbar-nav>.menu-item-has-children>.sub-menu .water-heating>.sub-menu {
		display: none;
	}

	.navbar-nav>.menu-item-has-children>.sub-menu .air-conditioning.active>.sub-menu,
	.navbar-nav>.menu-item-has-children>.sub-menu .water-heating.active>.sub-menu {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		height: 660px;
		align-content: flex-start;
		padding-top: 20px;
		width: 100%;
	}


	.navbar-nav>.menu-item-has-children>.sub-menu .air-conditioning>a,
	.navbar-nav>.menu-item-has-children>.sub-menu .water-heating>a {
		text-transform: uppercase;
		color: #E4002B !important;
		font-weight: bold;
		text-align: center;
		padding: 10px 0 10px;
		line-height: 100% !important;
	}

	.navbar-nav>.menu-item-has-children>.sub-menu .sub-menu {
		margin: 0;
		padding: 0;
		display: inline-block;
	}

	.navbar-nav>.menu-item-has-children>.sub-menu .sub-menu .menu-item a {
		padding: 0;
		line-height: 20px;
		text-transform: uppercase;
		font-weight: 600;
		line-height: 18px;
	}

	.regular-dropdown>a,
	.products-dropdown>a {
		position: relative;
	}

	.regular-dropdown>a:after,
	.products-dropdown>a:after {
		display: none;
		position: absolute;
		top: 2px;
		left: 0;
		right: 0;
		z-index: 99999;
		content: '';
		text-align: center;
		color: #e4002b;
		margin: 0 auto;
		margin-top: 10px;
	}

	.regular-dropdown>a:active::after,
	.regular-dropdown:hover>a:after,
	.products-dropdown:hover>a:after,
	.products-dropdown>a:active::after {
		display: block;
	}

	.sub-menu .air-conditioning>a,
	.sub-menu .water-heating>a {
		width: 50%;
	}

	.sub-menu .water-heating>a {
		float: right;
	}

	.sub-menu .air-conditioning>.sub-menu>li,
	.sub-menu .water-heating>.sub-menu>li {

		/*float: left;*/
		width: 33.1%;
		background: url(http://cdn.globalimageserver.com/getimage.aspx?w=40&h=80&id=37103e24-bb89-4097-a5c5-1d18fc960119) no-repeat !important;
		background-position: 25px 6px !important;
		padding-left: 25px !important;
		min-height: 100px;
		background-size: 22px !important;
	}

	.sub-menu .air-conditioning>.sub-menu>li>a,
	.sub-menu .water-heating>.sub-menu>li>a {
		padding-left: 50px !important;
		line-height: 50px !important;
		color: #E4002B;
	}

	.sub-menu .water-heating>.sub-menu>li>a {
		line-height: 42px !important;
	}

	.products-dropdown>.sub-menu {
		min-height: 680px;
	}

	.sub-menu .air-conditioning>.sub-menu>li.ducted {
		background: url(//media.rheem-mea.com/blobazrheem/media/uploads/iat/sites/35/2017/10/ducted.png) no-repeat !important;
		background-size: 42px !important;
		background-position: 25px 6px !important;
	}

	.sub-menu .air-conditioning>.sub-menu>li.packaged {
		background: url(//media.rheem-mea.com/blobazrheem/media/uploads/iat/sites/35/2017/10/packaged-unit.png) no-repeat !important;
		background-size: 42px !important;
		background-position: 20px 10px !important;
	}

	.sub-menu .air-conditioning>.sub-menu>li.cassette {
		background: url(//media.rheem-mea.com/blobazrheem//media/uploads/iat/sites/35/2017/10/cassette.png) no-repeat !important;
		background-size: 42px !important;
		background-position: 20px 6px !important;
	}


	.sub-menu .air-conditioning>.sub-menu>li.floor-standing {
		background: url(//media.rheem-mea.com/blobazrheem/site/rheemmea/images/group/floor-standing.png) no-repeat !important;
		background-size: 42px !important;
		background-position: 20px 6px !important;
	}

	.sub-menu .air-conditioning>.sub-menu>li.vrf {
		background: url(//media.rheem-mea.com/blobazrheem/media/uploads/iat/sites/35/2023/10/SAVR-D.png) no-repeat !important;
		background-size: 30px !important;
		background-position: 20px 6px !important;
	}

	.sub-menu .air-conditioning>.sub-menu>li.wall-mount {
		background: url(//media.rheem-mea.com/blobazrheem/media/uploads/iat/sites/35/2017/10/wall-mount1.png) no-repeat !important;
		background-size: 42px !important;
		background-position: 20px 6px !important;
	}


	.sub-menu .air-conditioning>.sub-menu>li.universal {
		background: url(https://media.rheem-mea.com/blobazrheem/site/rheemmea/product-images/ac-residential/SMUL-SAGL/IDU/SMUL-018%2C24%2C36%2C48.png) no-repeat !important;
		background-size: 40px !important;
		background-position: 20px 6px !important;
	}


	.sub-menu .water-heating>.sub-menu>li.residential-electric {
		background: url(//media.rheem-mea.com/blobazrheem/media/uploads/iat/sites/35/2017/11/Rheem-Residential-Electric-WH-Grouping-MEA.png) no-repeat !important;
		background-size: 35px !important;
		background-position: 23px 5px !important;
		min-height: 240px;
	}

	.sub-menu .water-heating>.sub-menu>li.residential-gas {
		background: url(//media.rheem-mea.com/blobazrheem/media/uploads/iat/sites/35/2017/11/Rheem-Residential-Gas-WH-Grouping-MEA.png) no-repeat !important;
		background-size: 26px !important;
		background-position: 23px 0px !important;
		min-height: 225px;
	}

	.sub-menu .water-heating>.sub-menu>li.solar {
		background: url(//media.rheem-mea.com/blobazrheem/media/uploads/iat/sites/35/2017/11/Rheem-Solar-Water-Heater-Grouping-MEA.png) no-repeat !important;
		background-size: 36px !important;
    	background-position: 23px 11px !important;
		/*min-height: 225px;*/
	}

	.sub-menu .water-heating>.sub-menu>li.commercial-gas {
		background: url(//media.rheem-mea.com/blobazrheem/media/uploads/iat/sites/35/2017/11/Rheem-Commercial-Gas-WH-Grouping-MEA.png) no-repeat !important;
		background-size: 30px !important;
		background-position: 25px 0px !important;
		min-height: 225px;
	}

	.sub-menu .water-heating>.sub-menu>li.commercial-electric {
		background: url(//media.rheem-mea.com/blobazrheem/media/uploads/iat/sites/35/2017/11/Rheem-Commercial-Electric-WH-Grouping-MEA.png) no-repeat !important;
		background-size: 32px !important;
		background-position: 23px 0px !important;
		min-height: 225px;
	}

	.sub-menu .water-heating>.sub-menu>li.thermal-storage {
		background: url(//media.rheem-mea.com/blobazrheem/media/uploads/iat/sites/35/2017/11/Rheem-Thermal-Storage-WH-Grouping-MEA.png) no-repeat !important;
		background-size: 40px !important;
		background-position: 22px 5px !important;
		/*min-height: 225px;*/
	}

	.sub-menu .water-heating>.sub-menu>li.heat-pump {
		background: url(https://media.rheem-mea.com/blobazrheem//media/uploads/iat/sites/35/2023/03/heat-pump-group.png) no-repeat !important;
		background-size: 44px !important;
		background-position: 25px 15px !important;
		/* min-height: 125px; */
	}
	.sub-menu .water-heating>.sub-menu>li.menu-item-1533{
		background: url(https://media.rheem-mea.com/blobazrheem/wp-content/uploads/sites/35/2024/04/highbride-water-heater.png) no-repeat !important;
		background-size: 23px !important;
        background-position: 25px 1px !important;
		
	}

	.sub-menu .water-heating>.sub-menu>li.heat-pump>a {
		padding-left: 50px !important;
	}
}

@media (max-width: 768px) {
	.header .container {
		padding: 35px 0 0 0;
	}

	.nav-links.navbar-collapse {
		text-align: left;
	}

	.nav-links.collapse.show {
		max-height: calc(100vh - 132px);
		overflow-y: auto;
		overflow-x: hidden;
		text-align: left;
	}

	.navbar-nav .menu-item {
		border-bottom: 1px solid #E4E4E4;
		width: 100%;
	}

	.navbar-nav .middle-east {
		display: none;
	}

	.home-content {
		padding-top: 80px;
	}

	.nav-links ul {
		flex-wrap: wrap;
	}

	.navbar-nav .menu-item a {
		font-size: 14px;
		padding: 0 15px;
		width: 100%;
		display: block;
	}

	.sub-menu {
		padding-left: 0;
	}

	.sub-menu .menu-item {
		padding-left: 20px;
		border-bottom: none;
		border-top: 1px solid #e4e4e4;
	}

	.nav-links ul.sub-menu {
		background: #f8f9fa;
	}

	.border-right {
		border-bottom: 1px solid #e4e4e4;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}

	.page-title {
		padding-bottom: 55px;
		background-position-y: 30px;
	}

	#searchForm {
		width: 100%;
		top: -35px !important;
	}

	.header-wrap {
		margin-top: 35px;
	}

	.navbar-toggler {
		margin-right: 10px;
		margin-top: -15px;
	}

	.sub-menu .menu-item .menu-item .menu-item {
		display: none;
	}

	.sub-menu .air-conditioning>.sub-menu>li {
		background: none !important;
	}

	.navbar-nav>li.menu-item:hover,
	.navbar-nav>li.current_page_item {
		background-color: transparent;
	}

	.current-menu-item>a {
		color: #E4002B !important;
		font-weight: bold;
	}

}


@media (max-width: 524px) {

	.home-content {
		padding-top: 40px;
	}

	footer .countries-list li {
		width: 33%;
		text-align: left;
	}

}

@media (max-width: 420px) {

	.home-content {
		padding-top: 45px;
	}

	.site-logo img:first-child {
		width: 60px;
	}

	footer .countries-list li {
		width: 50%;
	}

}

.sub-menu .menu-item .menu-item .menu-item a {
	font-size: 12px;
	font-weight: normal !important;
	text-transform: none !important;
}

/*searchForm*/
#searchForm {
	position: absolute;
	top: 15px;
	right: 0;
}

#searchForm * {
	border-radius: 0;
	font-size: 13px;
}

/*pagination*/
.pagination {
	display: block;
	padding-bottom: 20px;
}

.pagination a {
	color: #E4002B;
}

/* news */
.news-article:not(:last-child) {
	border-bottom: 1px solid #E9E9E9;
	margin-bottom: 20px;
}

.news-article h6 {
	color: #E4002B;
	font-weight: bold;
}

#mainimagegallery .img-thumbnail:hover {
	cursor: pointer;
}


.sub-menu {
	z-index: 99;
}

.sub-menu .row {
	margin: 0;
}

.product-image-container .product-image {
	height: 200px;
	width: auto;
}

.product-item {
	margin-top: 25px;
}

.product-item h2 {
	padding-top: 10px;
}

#mainimagegallery img:hover {
	cursor: pointer;
}

.btn-rheem {
	padding: 5px 20px;
}

.sub-menu .menu-item.rheem-btn {
	background-color: #E4002B;
	border-color: #E4002B;
	margin: 10px 0 15px 0;
	border-radius: 5px;
}

.sub-menu .menu-item.rheem-btn>a {
	padding: 5px 20px !important;
	color: #fff;
	text-align: center;
	font-size: 1rem;
}

.sub-menu .menu-item.rheem-btn>a:before {
	content: '' !important;
}

.closed_smile {
	width: 100%;
	background-color: #ffffff;
}

img.air-water-graphic {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 375px;
	padding-top: 15px;
}

.tp-caption>strong {
	font-weight: 800 !important;
}

.EventPostImage {
	width: 19%;
	display: inline-block;
}

.eventItem {
	margin-bottom: 20px;
}

.EventPostImage>a>img {
	width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: text-bottom;
	padding-right: 10px;
}

.EventPostData {
	width: 80%;
	display: inline-block;
}

/* Responsive Structure ----------------------------------------------- */
/* RLW */
/* Maximum width of 479 pixels. */
@media screen and (max-width: 479px) {
	.desktop-slider {
		display: none;
	}

	.mobile-slider {
		display: block;
	}

	.tp-caption>strong {
		font-size: inherit !important;
		font-weight: 800 !important;
	}
}


/*  Amar CSS */
.logo-container {
	flex: 1;
	display: flex;
	align-items: center;
	padding: 6px 0;
	max-width: 117px;
	min-height: 78px;
}

.logo-container img {
	max-width: 100%;
}

.nav-btn {
	display: flex;
	align-items: center;
}

.nav-links {
	flex: 2;
	align-items: center;
	padding: 11px 0 4px;
}

.nav-links ul {
	margin: 0;
	display: flex;
	gap: 3px;
}

.log-sign {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
}

.logo {
	color: #fff;
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 0px;
}

.logo a {
	display: block;
}

.logo span {
	font-family: var(--fontLight);
	font-weight: 300;
}

.btn {
	display: inline-block;
	padding: .5rem 1.3rem;
	font-size: .8rem;
	border: 2px solid #fff;
	border-radius: 2rem;
	line-height: 1;
	margin: 0 .2rem;
	transition: .3s;
	text-transform: uppercase;
}

.btn.solid,
.btn.transparent:hover {
	background-color: var(--primary);
	color: #000000;
}

.btn.transparent,
.btn.solid:hover {
	background-color: transparent;
	color: #fff;
}


/*Primary Navigation*/
.nav-links>ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.nav-link {
	position: relative;
	padding: 0 0px;
}

.nav-link>a {
	padding: 10px var(--f15);
	line-height: 43px;
	min-width: 169px;
	font-family: var(--fontRegular);
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	color: #4a4a4a;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .5s;
	text-align: center;
	background: rgb(15, 15, 15);
	background: -moz-linear-gradient(0deg, rgba(15, 15, 15, 0.2) 0%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.7) 75%, rgba(15, 15, 15, 0.2) 100%);
	background: -webkit-linear-gradient(0deg, rgba(15, 15, 15, 0.2) 0%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.7) 75%, rgba(15, 15, 15, 0.2) 100%);
	background: linear-gradient(0deg, rgba(15, 15, 15, 0.2) 0%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.7) 75%, rgba(15, 15, 15, 0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f0f0f", endColorstr="#0f0f0f", GradientType=1);
}

.nav-link>a>i {
	margin-left: .2rem;
}

.nav-link>a:hover {
	color: var(--primary);
	text-decoration: none;
}

.nav-link>a span {
	display: block;
	border-bottom: 2px solid transparent;
	padding: 0 4px;
}

.nav-link.active>a:hover,
.nav-link.active>a {
	color: var(--primary);
	font-weight: 700;
}

.hamburger-menu-container {
	flex: 1;
	display: none;
	align-items: center;
	justify-content: flex-end;
}

.hamburger-menu {
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hamburger-menu div {
	width: 1.6rem;
	height: 3px;
	border-radius: 3px;
	background-color: #272727;
	position: relative;
	z-index: 1001;
	transition: .5s;
}

.hamburger-menu div:before,
.hamburger-menu div:after {
	content: '';
	position: absolute;
	width: inherit;
	height: inherit;
	background-color: #272727;
	border-radius: 3px;
	transition: .5s;
	left: 0%;
}

.hamburger-menu div:before {
	transform: translateY(-7px);
}

.hamburger-menu div:after {
	transform: translateY(7px);
}

#check {
	position: absolute;
	top: 50%;
	right: 1.5rem;
	transform: translateY(-50%);
	width: 2.5rem;
	height: 2.5rem;
	z-index: 90000;
	cursor: pointer;
	opacity: 0;
	display: none;
	z-index: 3;
}

#check:checked~.hamburger-menu-container .hamburger-menu div {
	background-color: transparent;
}

#check:checked~.hamburger-menu-container .hamburger-menu div:before {
	transform: translateY(0) rotate(-45deg);
}

#check:checked~.hamburger-menu-container .hamburger-menu div:after {
	transform: translateY(0) rotate(45deg);
}

@keyframes animation {
	from {
		opacity: 0;
		transform: translateY(15px);
	}

	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

@media (max-width: 992px) {
	.hamburger-menu-container {
		display: flex;
		position: absolute;
		top: 50%;
		right: 1.5rem;
		transform: translateY(-50%);
		width: 2.5rem;
		height: 2.5rem;
		z-index: 90000;
		cursor: pointer;
		z-index: 2;
		align-items: center;
		justify-content: center;
	}

	#check {
		display: block;
	}

	.nav-btn {
		position: fixed;
		height: calc(100vh - 4rem);
		top: 4rem;
		right: 0;
		width: 100%;
		max-width: 400px;
		background-color: #f8f9fa;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start !important;
		overflow-x: hidden;
		overflow-y: auto;
		transform: translateX(100%);
		transition: .65s;
		padding: 4rem 1.5rem 1rem;
	}

	#check:checked~.nav-btn {
		transform: translateX(0);
	}

	#check:checked~.nav-btn .nav-link,
	#check:checked~.nav-btn .log-sign {
		animation: animation .5s ease forwards var(--i);
	}

	.nav-links {
		flex: initial;
		width: 100%;
	}

	.nav-links>ul {
		flex-direction: column;
	}

	.nav-link {
		width: 100%;
		opacity: 0;
		transform: translateY(15px);
	}

	.nav-link>a {
		line-height: 1;
		padding: 1.6rem 2rem;
	}

	.nav-link:hover>a {
		transform: scale(1);
	}
}

.header {
	background: #f8f9fa;
	position: sticky;
	top: 0;
	transition: all 0.2s ease-in-out;
	width: 100%;
	transform: translateY(0%);
	padding: 14px 0;
}

.header.nav-down {
	position: sticky;
}

.search .form-control {
	border-radius: 0;
	border: 1px solid #ccc;
	padding: 5px 15px;
	text-align: center;
	font-size: var(--f20);
}

.search .search-btn {
	width: 58px;
	height: 100%;
	border-width: 0px;
	background: #efefef;
	display: flex;
	align-items: center;
	justify-content: center;
}


.nav-up {
	transform: translateY(-100%);
}

/*Slider*/
.slider-wrap {
	margin-top: 0;
	overflow: hidden;
}

.slider-wrap rs-module {
	max-width: 608px;
	margin: 0 auto;
}

.slider-wrap rs-module-wrap {
	max-width: 608px;
	margin: 0 auto;
}

.slider-wrap .slide-item {
	border-radius: 50%;
	overflow: hidden;
	background: #fff;
}

.slider-wrap .slide-item.brdr {
	border: 1.2vw solid var(--primary);
	margin: 0px;
}

.slider-wrap .slide-item.brdr img {
	max-width: calc(608px - 2.3vw);
	height: auto;
	opacity: 0;
}

.slider-wrap .slide-item img {
	opacity: 0;
}

.slider-wrap rs-slides {
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
}

.slider-wrap .container {
	padding: 5vw 20px 7vw;
	position: relative;
	z-index: 2;
}

.pulse {
	width: 300px;
	height: 300px;
	position: absolute;
	left: -200px;
	top: 20%;
	z-index: 1;
	background: #FCFCFC;
}

.pulsating-circle {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 110%;
	height: 110%;
	/* margin-top: -22px; */
	background: #FCFCFC;
	z-index: 0;
	border-radius: 50%;
	max-width: 110%;
	max-height: 110%;
	border-color: #cd1222;
	border-width: 3px;
	border-style: solid;
}

.big.pulsating-circle {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	height: 150%;
	/* margin-top: -22px; */
	background: #FCFCFC;
	z-index: 0;
	border-radius: 50%;
	max-width: 85%;
	max-height: 111.7%;
	border-color: #cd1222;
	border-width: 3px;
	border-style: solid;
}

.small.pulsating-circle {
	opacity: .5;
}

.pulsating-circle:before {
	content: "";
	position: relative;
	display: block;
	width: 150%;
	height: 150%;
	box-sizing: border-box;
	margin-left: -25%;
	margin-top: -25%;
	border-radius: 50%;
	background-color: transparent;
	opacity: 0.29;
	border-color: #cd1222;
	border-width: 1px;
	border-style: solid;
	z-index: 0;
}

.big.pulsating-circle:before {
	width: 120%;
	height: 120%;
	margin-left: -10%;
	margin-top: -10%;
}

/* .pulsating-circle:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 130%;
  height: 130%;
  margin-left: -15%;
  margin-top: -15%;
  background-color: transparent;
  border: 4px solid #CD1222;
  border-radius: 50%;z-index: 0;
  -webkit-animation: pulse-dot 1.55s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
		  animation: pulse-dot 1.55s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
} */

@-webkit-keyframes pulse-ring {
	0% {
		transform: scale(0.33);
	}

	70% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes pulse-ring {
	0% {
		transform: scale(0.33);
	}

	70% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes pulse-dot {
	0% {
		transform: scale(0.33);
	}

	70% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes pulse-dot {
	0% {
		transform: scale(0.33);
	}

	70% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.slider-wrap .owl-carousel {
	position: static;
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 20px;
	position: relative;
	z-index: 12;
}

.owl-theme .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	margin: 3px;
	background: transparent;
	border: 1px solid #9b906e;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: var(--primary);
	border: 1px solid var(--primary);
}

.banner_overlay {
	position: absolute;
	bottom: 10px;
	background: url("images/rheem-hero-overlay.png") center center no-repeat;
	background-size: 100% auto;
	width: 100%;
	height: 142px;
	z-index: 2;
}


.slider-wrap .caption {
	max-width: 620px;
}

.slider-wrap .caption h1 {
	font-family: var(--fontLight);
	font-size: 4.28571428571rem;
	font-weight: 300;
	line-height: 1.3;
	font-style: normal;
	text-align: left;
	color: #000000;
}

.slider-wrap .caption h1 sub {
	color: #CD1222;
	font-weight: 500;
	display: inline-block;
	position: relative;
	top: 0px;
}

.title span,
.slider-wrap .caption h1 span {
	display: inline-block;
	white-space: nowrap;
}

.slider-wrap .caption h3 {
	font-family: 'Manrope', sans-serif;
	font-size: var(--f30);
	font-weight: normal;
	font-style: normal;
	text-align: left;
	letter-spacing: 4px;
	color: #1f1f1f;
}

.slider-wrap .caption p {
	font-family: var(--fontLight);
	font-size: var(--f18);
	font-weight: 300;
	font-style: normal;
	text-align: left;
	color: #1f1f1f;
	max-width: 480px;
}

.slider-wrap .caption a {
	display: inline-block;
	margin-top: 1vw;
	border-radius: 8px;
	background: #cd1222;
	font-family: var(--fontRegular);
	font-size: var(--f18);
	font-weight: normal;
	font-style: normal;
	text-align: center;
	color: #ffffff;
	padding: 6px 16px 7px;
	line-height: 24px;
	min-width: 145px;
}

.slider-wrap .caption a:hover {
	text-decoration: none;
	background: #880c16;
}

/* .progress {
  transform: rotate(-90deg);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: transparent;
}
.circle-origin {
  fill: transparent;
  stroke: rgb(188, 17, 31);
  stroke-width: 15px;
  stroke-linecap: round;
  stroke-dasharray: 125.664px;
  stroke-dashoffset: 0px;
  width: 100%;
  height: 100%;
} */

.section {
	padding: 30px 0;
}

.savrd-section {
	padding-right: 0vw;
	position: relative;
}

.savrd-section .info {
	max-width: 313px;
	margin: 0 0 0 auto;
	position: absolute;
	right: 4vw;
}

.savrd-section img {
	max-width: 100%;
}

.savrd-section .pro-img {
	position: absolute;
	left: 24%;
	top: 8%;
	max-height: 84%;
}

.savrd-section .info h2 {
	font-family: var(--fontLight);
	font-size: var(--f30);
	font-weight: 300;
	line-height: 1.3;
	font-style: normal;
	text-align: left;
	color: #cd1222;
	margin: 0;
	padding: 0 0 0px;
}

.savrd-section .info p {
	margin: 0;
	padding: 0;
	font-family: var(--fontLight);
	font-size: var(--f18);
	font-weight: 300;
	line-height: 1.4;
	font-style: normal;
	text-align: left;
	color: #000000;
}

.savrd-section .info ul {
	list-style-type: none;
	margin: 0;
	padding: 20px 0;
}

.savrd-section .info ul li {
	font-family: var(--fontLight);
	font-size: var(--f18);
	font-weight: 300;
	line-height: 1.6;
	font-style: normal;
	text-align: left;
	color: #000000;
	padding: 2px 0 2px 48px;
	margin: 2px 0;
	background: url('images/rheem-savr-d-icon.png') left top no-repeat;
}

.savrd-section .info ul li:nth-child(2) {
	background-position: 0 -36px;
}

.savrd-section .info ul li:nth-child(3) {
	background-position: 0 -71px;
}

.savrd-section .info ul li:nth-child(4) {
	background-position: 0 -107px;
}

.savrd-slider .swiper-button-next,
.savrd-slider .swiper-button-prev {
	width: 20px;
	height: 32px;
}

.savrd-slider .swiper-button-next {
	right: 30px;
}

.savrd-slider .swiper-button-prev {
	left: 30px;
}

.savrd-slider .swiper-button-next:after,
.savrd-slider .swiper-button-prev:after {
	font-size: 20px;
	color: var(--primary);
}

.action {
	display: block;
	padding-top: 12px;
}

.action a {
	display: inline-block;
	border-radius: 8px;
	background: #cd1222;
	font-family: var(--fontRegular);
	font-size: var(--f18);
	font-weight: normal;
	font-style: normal;
	text-align: center;
	color: #ffffff;
	padding: 6px 16px 7px;
	line-height: 24px;
	min-width: 145px;
}

.action a.rounded {
	border-radius: 18px !important;
}

.action a:hover,
.action a.outline:hover {
	text-decoration: none;
	background: #880c16;
	color: #fff;
}

.action a.outline {
	border-color: #cd1222;
	border-width: 1.5px;
	border-style: solid;
	border-radius: 18px;
	background: transparent;
	color: #cd1222;
}

.about-rheem {
	padding: 40px 0;
}

.about-rheem .container {
	max-width: 1280px;
}

.about-info {
	max-width: 630px;
	margin: 0 auto;
}

.title {
	font-family: var(--fontLight);
	font-size: 4.8571428571rem;
	font-weight: 300;
	line-height: 1.2;
	font-style: normal;
	text-align: left;
	color: #000000;
	text-transform: uppercase;
}

.title sub {
	color: #CD1222;
	font-weight: 500;
	display: inline-block;
	position: relative;
	top: 0px;
}

.title b,
.title strong {
	font-family: RheemSansBold;
	font-weight: 400;
}

.about-info p {
	font-family: var(--fontRegular);
	font-size: var(--f18);
	font-weight: normal;
	font-style: normal;
	text-align: left;
	color: #4a4a4a;
}

.about-rheem .img-wrap {
	position: relative;
	display: flex;
	max-width: 560px;
}

.about-rheem .img-wrap:after {
	position: absolute;
	width: 178.5px;
	height: 178.5px;
	border-color: #cd1222;
	border-width: 8px;
	border-style: solid;
	z-index: 1;
	border-radius: 50%;
	content: "";
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.aboutus {
	background: url("//media.rheem-mea.com/wp-content/uploads/sites/35/2024/01/world-map.png") center top no-repeat;
}

.aboutus::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 900px;
	background: #fcfcfc;
	background: linear-gradient(180deg, #fcfcfc 0.00%, rgba(255, 255, 255, 0) 100.00%);
	z-index: 0;
	content: "";
	top: 0;
	left: 0;
}

.aboutus .container {
	z-index: 1;
}

.curcle-bg,
.curcle-bg.top {
	position: absolute;
	z-index: 0;
	width: 10vw;
	height: 20vw;
	overflow: hidden;
}

.o-3 {
	opacity: .35 !important;
}

main {
	max-width: 100vw;
	overflow-x: hidden;
	width: 100vw;
}

.curcle-bg.right {
	right: 0 !important;
	/* transform: translateX(50%); */
}

.curcle-bg:after {
	content: "";
	width: 20vw;
	height: 20vw;
	border: 1px solid #cd1222;
	border-radius: 50%;
	background: transparent;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.curcle-bg.top {
	top: 100% !important;
}

.about-content {
	max-width: 810px;
	margin: 0 auto;
	padding-bottom: 22vh;
	padding-top: 6vh;
	width: 44vw;
}

.new-green .about-content {
	max-width: 650px;
}

.about-content p {
	font-family: var(--fontRegular);
	font-size: var(--f18);
	font-weight: normal;
	font-style: normal;
	text-align: center;
	color: #4a4a4a;
	line-height: 1.4;
}

.about-img-left,
.about-img-right {
	position: absolute;
	z-index: 1;
}

.about-img-left {
	transform: translate(-40%, -30%);
	width: 823px;
	max-width: 42vw;
	position: absolute;
}

.new-green .about-img-left {
	transform: translate(-10%, 48%);
	width: auto;
	max-width: 30vw;
	position: absolute;
}

.new-green .about-img-left:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 30%;
	height: 30%;
	border: #c72e2c 8px solid;
	border-radius: 50%;
}

.about-img-right {
	/* border-radius: 50%;
  overflow: hidden; */
	right: -5%;
	top: 6vh;
	margin-left: -5%;
	max-width: 30vw;
}

.new-green .about-img-right {
	max-width: 42vw;
	right: -10%;
	top: -4vh;
}

.new-green .about-img-right:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 190px;
	height: 190px;
	border: #308142 8px solid;
	border-radius: 50%;
}

.about-img-right img {
	border: 1.4vw solid #cd1222;
	border-radius: 50%;
}

.new-green .about-img-right img {
	border: 0;
}

.zindex {
	z-index: 1;
	position: relative;
}

@-webkit-keyframes rotating

/* Safari and Chrome */
	{
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

.rotating {
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}

.we-work {
	border-color: #cd1222;
	border-width: 2px;
	border-style: solid;
	border-radius: 44px;
	max-width: 1008px;
	margin: 0 auto;
	padding: 4.5rem 3.5rem;
	display: flex;
	align-items: center;
	gap: 2rem;
}

.we-work .title {
	line-height: 1.1;
	max-width: 400px;
	width: 100%;
}

.we-work p {
	font-family: var(--fontLight);
	font-size: var(--f24);
	font-weight: 300;
	font-style: normal;
	text-align: left;
	color: #cd1222;
	line-height: 1.4;
	/* max-width: 50%; */
}

/*coverage*/
.coverage .container {
	max-width: 1180px;
	padding-top: 12rem;
	padding-bottom: 3rem;
}

p {
	font-family: var(--fontRegular);
	font-size: var(--f18);
	font-weight: normal;
	font-style: normal;
	text-align: left;
	color: #4a4a4a;
	line-height: 1.4;
}

.coverage img {
	opacity: 0;
}

/*News*/
.news-items {
	position: relative;
	padding: 0 6rem 9rem;
}

.news-items:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 500px;
	content: "";
	background: #ffffff;
	background: linear-gradient(360deg, #ffffff 20.00%, rgba(255, 255, 255, 0) 60.00%);
	z-index: 0;
}

.news-item {
	display: block;
	padding: 2rem 0;
	max-width: 460px;
	margin: 0 auto;
	text-align: center;
}

.news-items .title {
	font-family: var(--fontRegular);
	font-size: var(--f47);
	font-weight: bold;
	line-height: 1.4;
	font-style: normal;
	text-align: center;
	color: #cd1222;
	margin: 0;
	padding: 5rem 0 3rem;
}

.news-item .img-wrap {
	border-radius: 50%;
	max-width: 450px;
	margin: 0 auto 1.5rem;
	position: relative;
	overflow: hidden;
}

.news-item .img-wrap img {
	max-width: 27vw;
	max-height: 27vw;
	object-fit: cover;
	border-radius: 50%;
}

.news-item .img-wrap:after,
.news-item .img-wrap:before {
	transition: all ease-in-out 300ms;
	position: absolute;
	content: "";
	border-radius: 50%;
}

.news-item .img-wrap:after {
	left: 0%;
	top: 0%;
	background-color: transparent;
	border: 84px solid rgba(255, 255, 255, .2);
	width: 100%;
	height: 100%;
}

.news-item .img-wrap:before {
	left: 50%;
	top: 50%;
	width: 100px;
	height: 100px;
	background: #fff;
	border-radius: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
}

.news-item:hover .img-wrap:after {
	border: 1px solid rgba(255, 255, 255, .2);
}

.news-item:hover .img-wrap:before {
	width: 0px;
	height: 0px;
}

.news-item .action {
	padding-top: 10px;
}

.news-item .content h2 {
	font-family: var(--fontRegular);
	font-size: var(--f30);
	font-weight: bold;
	line-height: 1.4;
	font-style: normal;
	text-align: center;
	color: #cd1222;
	padding-bottom: 10px;
	margin: 0 auto;
	max-width: 398px;
}

.news-item .content p {
	font-weight: normal;
	font-style: normal;
	text-align: center;
	color: #4a4a4a;
	height: 68px;
	overflow: hidden;
	margin-bottom: 10px;
}

.contact-wrap {
	background: url("images/contact-us-images-01.jpg") center center no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 9rem 5vw 4rem;
}

.contact-wrap .contact-info {
	max-width: 758px;
	background: url("images/contact-icons.png") left top no-repeat;
	background-size: cover;
	padding: 9rem;
}

.contact-wrap .contact-info .content {
	background: rgba(252, 252, 252, 0.87);
	padding: 6rem 3rem 3rem 3rem;
	width: 505px;
	height: 505px;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.contact-wrap .contact-info .content h2 {
	overflow: hidden;
	font-weight: 400;
}

.contact-wrap .contact-info .content p {
	text-align: center;
	color: #000;
	max-width: 360px;
}

footer {
	background-color: #E7E8E8;
	padding-top: 15px;
	font-size: 12px;
}

footer .container:first-child {
	padding-bottom: 10px;
	max-width: 1017px !important;
}

.social-icons {
	padding: 0 0 15px;
	display: flex;
	overflow: hidden;
}

footer .social-icons {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

footer a {
	color: #5a5a5a;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.social-icons span a {
	color: #5a5a5a;
	font-size: 14px;
	text-align: center;
	width: 40px;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	display: block;
	float: left;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border-left: 1px solid #f2f2f2;
}

.social-icons span:first-child a {
	border-left: none;
}

.social-icons .fa {
	line-height: 3;
}

.social-icons span:hover a {
	color: #fff;
	background-color: #E4002B;
	-webkit-border-radius: 3px;
	-moz-border-radius: 03px;
	border-radius: 3px;
}

footer a:hover {
	color: #e62f46;
	text-decoration: none;
}

.copyright-wrap {
	text-align: center;
}

footer ul {
	list-style: none;
}

footer .countries-list {
	display: inline-block;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

footer .countries-list li {
	padding: 10px 20px;
	color: #5a5a5a;
	float: left;
}

footer .countries-list li a {
	padding-left: 25px;
	display: block;
	min-height: 14px;
	line-height: 20px;
	background: url("images/sprite-1.png") no-repeat 0 -106px;
}

footer .countries-list li.canada a {
	background-position: 0 -149px;
}

footer .countries-list li.brazil a {
	background-position: 0 -191px;
}

footer .countries-list li.argentina a {
	background-position: 0 -232px;
}

footer .countries-list li.australia a {
	background-position: 0 -276px;
}

footer .countries-list li.new-zealand a {
	background-position: 0 -316px;
}

footer .countries-list li.singapore a {
	background-position: 0 -358px;
}

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

.swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10vw;
	text-align: center;
	color: #fff;
	transition: 0.5s all;
	background: #fcfcfc;
	overflow: hidden;
}

.hero-slider .swiper-slide {
	background: #fcfcfc;
	border-radius: 50%;
}

.swiper-pagination,
.owl-carousel .owl-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 100% !important;
	left: 0;
	width: auto;
	margin-top: -15px;
}

.owl-carousel .owl-dots {
	position: relative;
	margin: 0;
}

/* button style */
.swiper-pagination-bullet,
.owl-carousel button.owl-dot {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 9px;
	height: 9px;
	margin: 0 9px;
	background: #cd1222;
	border: 1px solid #cd1222;
	border-radius: 50%;
	cursor: pointer;
	transition: 0.3s;
	opacity: 1 !important;
}

.swiper-pagination-bullet-active,
.owl-carousel button.owl-dot.active {
	background: transparent;
}

.hero-slider {
	padding-bottom: 30px;
}

.swiper-pagination-bullet span {
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* button circle */
.progress {
	transform: rotate(-90deg);
	height: auto;
	background: transparent;
}

.progress.main {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.circle-origin {
	fill: transparent;
	stroke: var(--primary);
	stroke-width: 1;
	stroke-linecap: round;
	stroke-dasharray: 125.664px;
	stroke-dashoffset: 125.664px;
}

.progress.main .circle-origin {
	stroke-dasharray: 2030.664px;
	stroke-dashoffset: 2030.664px;
	stroke-width: 20;
}

.swiper-pagination-bullet-active .circle-origin {
	animation: progress 5s;
}

.swiper-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active .circle-origin {
	animation: progressfull 5s;
}

@keyframes progress {
	0% {
		stroke-dashoffset: 125.664px;
	}

	90% {
		stroke-dashoffset: 0;
	}

	100% {
		stroke-dashoffset: -125.664px;
	}
}

@keyframes progressfull {
	0% {
		stroke-dashoffset: 2030.664px;
	}

	80% {
		stroke-dashoffset: 0;
	}

	100% {
		stroke-dashoffset: -2030.664px;
	}
}

.savrd-slider.swiper-fade .swiper-slide {
	background: #fcfcfc;
	font-size: 1vw;
}

.savrd-section {
	position: relative;
}

.savrd-section .info {
	font-size: 10px;
}

.opacity-0 {
	opacity: 0 !important;
}

.proterra-wrap,
.proterra-left-info,
.proterra-middle-info {
	max-height: 100%;
	height: 100%;
	justify-content: space-between;
}

.proterra-wrap img {
	max-height: 100%;
	height: 100%;
}

.proterra-wrap .left-info {
	position: absolute;
	left: 63%;
	bottom: 20%;
	font-size: var(--f30);
	font-weight: 300;
	font-style: normal;
	text-align: left;
	letter-spacing: .50px;
	color: #000000;
	width: 200px;
	min-height: 150px;
	font-family: var(--fontLight);
	line-height: 1.1;
	z-index: 2;
}

.proterra-wrap .left-info span,
.savrd-section .proterra-wrap .info p span {
	color: #CD1222;
}

.savrd-section .proterra-wrap .info {
	position: absolute;
	background: url("images/proterra-bg-images.png") repeat;
	padding: 25px 3vw;
	margin-left: -15%;
	border-bottom-left-radius: 50%;
	border-top-left-radius: 50%;
	height: 130%;
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	width: 100%;
	flex-direction: column;
	min-width: 28vw;
	margin-right: -15%;
}

.savrd-section .proterra-wrap .info p {
	font-family: var(--fontLight);
	font-size: 30px;
	font-weight: 300;
	font-style: normal;
	text-align: left;
	letter-spacing: .50px;
	color: #000000;
	max-width: 240px;
	line-height: 1.1;
	z-index: 1;
}

.last-img {
	position: relative;
	z-index: 2;
}

.proterra-middle-info {
	position: relative;
}

.proterra-middle-info:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 130%;
	left: -5%;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid var(--primary);
	border-radius: 50%;
	z-index: -1;
}

.gap-2 {
	gap: 1rem !important;
}

.proterra-info-mobile {
	display: none;
}

.we-work-info {
	max-width: 50%;
}
.news-slider .owl-nav{
	display: none !important;
}
.contact-wrap .contact-info .content h2{
	text-align: center;
}

@media all and (max-width:1700px) {
	.about-content{padding-bottom:17vh;}
	.coverage .container {padding-top: 8rem;}
}

@media all and (max-width:1600px) {
	.proterra-wrap .left-info {
		right: auto;
		left: 63%;
		bottom: 15%;
		font-size: var(--f25);
		max-width: 150px;
		width: 150px;
	}

	.savrd-section .proterra-wrap .info {
		padding: 25px 3vw;
		margin-left: -15%;
		border-bottom-left-radius: 50%;
		height: 110%;
		min-width: 26vw;
		margin-right: -15%;
	}

	.savrd-section .proterra-wrap .info p {
		font-size: var(--f26);
		max-width: 200px;
	}

	.proterra-middle-info:after {
		height: 105%;
		left: -3%;
		width: 60%;
	}

	.pulse {
		width: 170px;
		height: 170px;
		left: -150px;
	}
}

@media all and (max-width:1480px) {

	html,
	body {
		font-size: 13px;
	}

	.container {
		max-width: 1200px;
	}

	.header {
		padding: 6px 0;
	}

	.search .form-control {
		padding: 3px 15px;
		height: auto;
		font-size: var(--f17);
	}

	.logo-container {
		min-width: 100px;
		max-width: 102px;
	}

	.logo-container .logo {
		margin-right: 1vw;
	}

	.nav-links>ul {
		gap: 1px;
	}

	.nav-link>a {
		padding: 6px var(--f12);
		line-height: 40px;
		min-width: 138px;
		font-size: 18px;
	}

	.slider-wrap .caption h1 {
		font-size: 3.928571428571429rem;
	}

	.title {
		font-size: 3.928571428571429rem;
	}

	.slider-wrap {
		/* margin-top: 9vw; */
	}

	.slider-wrap .container {
		padding: 4vw 20px 6vw;
	}

	.slider-wrap rs-module-wrap {
		max-width: 530px;
		margin: 0 auto;
		width: 530px !important;
		height: 530px !important;
	}

	.slider-wrap rs-module {
		width: 530px !important;
		height: 530px !important;
	}

	.slider-wrap rs-carousel-wrap {
		width: 100% !important;
	}

	.slider-wrap .slide-item {
		width: 530px;
		height: 530px;
	}

	.hero-slider .item img {
		width: 100%;
		height: auto;
	}

	.progress.main .circle-origin {
		stroke-dasharray: 2030.664px;
		stroke-dashoffset: 2030.664px;
		stroke-width: 15;
		width: 100%;
		height: 100%;
		r: 48.2% !important;
		cx: 50% !important;
		cy: 50% !important;
	}

	.progress.main {
		max-width: 100%;
		max-height: 100%;
	}

	.about-info .title {
		font-size: 3.928571428571429rem;
		text-transform: uppercase;
	}

	.pulsating-circle {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: 84%;
		height: 100%;
		/* margin-top: -22px; */
		max-width: 100%;
		max-height: 608px;
		border-color: #cd1222;
		border-width: 3px;
		border-style: solid;
	}

	.big.pulsating-circle {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-52%);
		width: 100%;
		height: 110%;
		/* margin-top: -22px; */
		background: #FCFCFC;
		z-index: 0;
		border-radius: 50%;
		max-width: 88%;
		max-height: 608px;
		border-color: #cd1222;
		border-width: 3px;
		border-style: solid;
	}

	.pulsating-circle:before {
		content: "";
		position: relative;
		display: block;
		width: 150%;
		height: 150%;
		box-sizing: border-box;
		margin-left: -25%;
		margin-top: -25%;
		border-radius: 50%;
		background-color: transparent;
		opacity: 0.29;
		border-color: #cd1222;
		border-width: 1px;
		border-style: solid;
		z-index: 0;
	}

	.big.pulsating-circle:before {
		width: 115%;
		height: 115%;
		margin-left: -7%;
		margin-top: -7%;
	}

	.curcle-bg.top {
		top: 70% !important;
	}

	.pulse {
		width: 200px;
		height: 200px;
		left: -150px;
	}

	.about-info {
		max-width: 550px;
	}

	.savrd-section .info {
		right: 2vw;
		max-width: 263px;
		font-size: 10px;
	}

	.savrd-section .info ul {
		padding: 10px 0;
	}

	.savrd-section .info ul li {
		background-size: 30px auto;
	}

	.savrd-section .info ul li:nth-child(2) {
		background-position: 0 -32px;
	}

	.savrd-section .info ul li:nth-child(3) {
		background-position: 0 -64px;
	}

	.savrd-section .info ul li:nth-child(4) {
		background-position: 0 -97px;
	}

	.about-img-right {
		max-width: 26%;
		right: -5%;
	}

	.about-img-right img {
		border: 1.2vw solid #cd1222;
	}

	.about-img-left {
		transform: translate(-40%, -30%);
		width: 823px;
		max-width: 35%;
	}

	.about-content {
		width: 50vw;
	}

	.new-green .about-img-right {
		max-width: 37vw;
		right: -11%;
		top: -3vh;
	}

	.new-green .about-img-left {
		transform: translate(-14%, 48%);
		max-width: 25%;
	}

	.about-content {
		padding-bottom: 12vw;
	}

	.news-items .title {
		padding: 4rem 0 2rem;
		font-size: var(--f45);
	}

	.news-item {
		padding: 1rem 1vw;
	}

	.news-item .content h2 {
		font-size: var(--f26);
		line-height: 1.3;
		padding-bottom: 5px;
	}

	.news-item .content p {
		font-size: var(--f16);
		height: 60px;
	}

	.we-work {
		width: 70%;
		max-width: 1000px;
	}

	.we-work p {
		font-size: var(--f22);
		margin: 0;
	}

	.coverage .container {
		max-width: 1000px;
		padding-top: 14rem;
		padding-bottom: 10rem;
	}

	.aboutus {
		background: url(//media.rheem-mea.com/wp-content/uploads/sites/35/2024/01/world-map.png) center top no-repeat;
		background-size: 100% auto;
		background-position-y: 24%;
	}
}

@media (max-width: 1350px) {
	.big.pulsating-circle:before {
		width: 120%;
		height: 120%;
		margin-left: -10%;
		margin-top: -10%;
	}

	.proterra-wrap .left-info {
		right: auto;
		left: 63%;
		bottom: 10%;
		font-size: var(--f22);
		max-width: 130px;
		width: 130px;
		min-height: 120px;
	}

	.savrd-section .proterra-wrap .info p {
		font-size: var(--f22);
		max-width: 160px;
	}

	.news-item .img-wrap img {
		width: 100%;
	}
}

@media (max-width: 1280px) {

	html,
	body {
		font-size: 12px;
	}

	.container {
		max-width: 1100px;
	}

	.nav-link>a {
		padding: 6px var(--f12);
		line-height: 40px;
		min-width: 120px;
		font-size: 16px;
	}

	.slider-wrap .container {
		padding: 5vw 20px 8vw;
	}

	.contact-wrap .contact-info {
		max-width: 600px;
		padding: 7rem;
	}

	.contact-wrap {
		padding: 6rem 3vw 3rem;
	}

	.contact-wrap .contact-info .content {
		padding: 6rem 3rem 3rem 3rem;
		width: 385px;
		height: 385px;
	}

	.title, .about-info .title {
		font-size: 3.428571428571429rem;
	}

	.news-items .title {
		padding: 3rem 0 2rem;
		font-size: var(--f42);
	}

	.about-rheem .container {
		max-width: 1000px;
	}

	.about-rheem .container .row {
		padding-bottom: 3vw;
	}
	.coverage p{padding-right: 10%;}
	.slider-wrap rs-module-wrap {
		max-width: 460px;
		margin: 0 auto;
		width: 460px !important;
		height: 460px !important;
	}

	.slider-wrap rs-module {
		width: 460px !important;
		height: 460px !important;
	}

	.slider-wrap rs-carousel-wrap {
		width: 100% !important;
	}

	.slider-wrap .slide-item {
		width: 460px;
		height: 460px;
	}

	.slider-wrap .slide-item.brdr {
		border: 1vw solid var(--primary);
		margin: 0px;
	}

	.big.pulsating-circle {
		height: 115%;
	}
	.coverage .container {
		max-width: 1000px;
		padding-top: 10rem;
		padding-bottom: 2rem;
	}
	.about-content {
		padding-bottom: 9vw;
	}
}

@media (max-width: 1240px) {
	.aboutus {
		background: url(//media.rheem-mea.com/wp-content/uploads/sites/35/2024/01/world-map.png) center top no-repeat;
		background-size: 110% auto;
		background-position-y: 26%;
	}

	.slider-wrap .caption h1 {
		font-size: var(--f49);
	}

	.slider-wrap .caption h3 {
		font-size: var(--f26);
	}

	.slider-wrap .caption p {
		line-height: 1.2;
	}

	.pulse {
		width: 150px;
		height: 150px;
		left: -120px;
	}

	.pulsating-circle:before {
		width: 120%;
		height: 120%;
		margin-left: -10%;
		margin-top: -10%;
	}

	.savrd-section .info ul li {
		background-size: 24px auto;
		padding: 1px 0 1px 32px;
		line-height: 1.4;
	}

	.savrd-section .info ul li:nth-child(2) {
		background-position: 0 -26px;
	}

	.savrd-section .info ul li:nth-child(3) {
		background-position: 0 -52px;
	}

	.savrd-section .info ul li:nth-child(4) {
		background-position: 0 -78px;
	}

	.action a,
	.slider-wrap .caption a {
		font-size: var(--f17);
		padding: 4px 12px 6px;
		line-height: 20px;
		min-width: 110px;
	}

	.news-item .img-wrap:after {
		border: 4vw solid rgba(255, 255, 255, .2);
	}

	.news-item .content h2 {
		font-size: var(--f24);
		line-height: 1.2;
		padding-bottom: 5px;
	}

	.news-item .content p {
		font-size: var(--f15);
		height: 54px;
	}

	.swiper-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 0;
	}

	.hero-slider {
		padding-bottom: 20px;
	}
}

@media (max-width: 1120px) {
	.nav-link>a {
		min-width: 110px;
	}

	.about-rheem .img-wrap:after {
		width: 35%;
		height: 35%;
		border-color: #cd1222;
		border-width: .6vw;
		border-style: solid;
		transform: translate(-50%, -50%);
	}

	.new-green .about-img-left:after {
		width: 35%;
		height: 35%;
		border: #c72e2c .6vw solid;
	}

	.coverage .container {
		max-width: 685px;
	}

	.new-green .about-img-right:after {
		width: 35%;
		height: 35%;
		border: #308142 .6vw solid;
	}
}

@media (max-width: 1080px) {
	.aboutus {
		background: url(//media.rheem-mea.com/wp-content/uploads/sites/35/2024/01/world-map.png) center top no-repeat;
		background-size: 110% auto;
		background-position-y: 31%;
	}
}

@media (max-width: 992px) {

	body,
	html {
		font-size: 11px;
	}

	.logo-container {
		min-width: 60px;
		max-width: 80px;
	}

	.pulse,
	.big.pulsating-circle {
		display: none;
	}

	.slider-wrap .row .col-lg-5 {
		order: 2;
		align-items: center !important;
	}

	.slider-wrap .row .col-lg-7 {
		order: 1;
		padding-bottom: 5rem;
	}

	.slider-wrap .caption {
		margin: 0 auto;
		text-align: center;
	}

	.slider-wrap .caption h1,
	.slider-wrap .caption h3,
	.slider-wrap .caption p {
		text-align: center;
		margin: 0 auto;
	}

	.slider-wrap .caption h3 {
		margin-bottom: 8px;
	}

	.savrd-section .info {
		right: 2vw;
		max-width: 220px;
		font-size: 10px;
	}

	.savrd-section img {
		min-height: 260px;
		object-fit: cover;
	}

	.savrd-section .pro-img {
		position: absolute;
		left: 20px;
		top: 8%;
		max-height: 84%;
		min-height: 20px;
	}

	.savrd-section .info ul li {
		padding: 2px 0 2px 32px;
	}

	.savrd-section .pro-bg {
		left: -17%;
		position: relative;
		object-fit: cover;
	}

	.proterra-wrap,
	.proterra-left-info,
	.proterra-middle-info {
		max-height: 100%;
		height: 100%;
		justify-content: flex-start;
		min-width: 42%;
		text-align: left;
	}

	.proterra-wrap .left-info {
		left: 57%;
	}

	.savrd-section .proterra-wrap .info {
		padding: 25px 3vw;
		margin-left: -10%;
		border-bottom-left-radius: 50%;
		height: 110%;
		min-width: 28vw;
		margin-right: 0%;
		display: flex;
		align-items: flex-start;
		justify-content: center;
	}

	.savrd-section .proterra-wrap .info p {
		font-size: var(--f21);
	}

	.aboutus {
		background: url(//media.rheem-mea.com/wp-content/uploads/sites/35/2024/01/world-map.png) center top no-repeat;
		background-size: 110% auto;
		background-position-y: 31%;
	}

	.news-items {
		position: relative;
		padding: 0 2rem 6rem;
	}

	.news-item .img-wrap {
		max-width: 215px;
	}

	.coverage .container {
		max-width: 680px;
		padding-top: 3rem;
		padding-bottom: 6rem;
	}

	.proterra-middle-info img {
		min-height: 100%;
		object-fit: fill;
	}

	.slider-wrap rs-module-wrap {
		max-width: 460px;
		margin: 0 auto;
		width: 440px !important;
		height: 440px !important;
	}

	.slider-wrap rs-module {
		width: 440px !important;
		height: 440px !important;
	}

	.slider-wrap rs-carousel-wrap {
		width: 100% !important;
	}

	.slider-wrap .slide-item {
		width: 440px;
		height: 440px;
	}

	.slider-wrap .slide-item.brdr {
		border: 1vw solid var(--primary);
		margin: 0px;
	}

	.big.pulsating-circle {
		height: 112%;
	}
	.news-item .img-wrap:before {width: 50px;height: 50px;}
}

@media all and (max-width:992px) {
	.slider-wrap rs-module-wrap {
		max-width: 600px;
		margin: 0 auto;
		width: 600px !important;
		height: 600px !important;
	}

	.slider-wrap rs-module {
		width: 600px !important;
		height: 600px !important;
	}

	.slider-wrap rs-carousel-wrap {
		width: 100% !important;
	}

	.slider-wrap .slide-item {
		width: 600px;
		height: 600px;
	}

	.slider-wrap .slide-item.brdr {
		border: 1vw solid var(--primary);
		margin: 0px;
	}

	.big.pulsating-circle {
		height: 110%;
	}
	.about-content {
		padding-bottom: 8vw;padding-top: 2vh;
	}
}

@media (max-width: 900px) {
	.we-work {
		width: 90%;
		max-width: 1000px;
	}
}

@media (max-width: 805px) {

	.proterra-wrap,
	.proterra-left-info,
	.proterra-middle-info {
		min-width: 44%;
	}

	.proterra-middle-info {
		min-width: 35%;
	}

	.proterra-middle-info img {
		object-fit: cover;
		border-bottom-left-radius: 50%;
		border-top-left-radius: 50%;
	}

	.proterra-middle-info:after {
		height: 105%;
		left: -3%;
		width: 105%;
	}

	.savrd-section .proterra-wrap .info {
		height: 100%;
	}
}

@media (max-width: 768px) {

	body,
	html {
		font-size: 11px;
		text-align: center;
	}

	.news-item .img-wrap img {
		max-width: 100%;
		max-height: 100%;
	}

	.news-item .img-wrap:before {
		width: 30%;
		height: 30%;
	}

	.header {
		padding: 0px 0;
		position: static;
	}

	#searchForm .btn {
		border: 0;
		line-height: 1.5;
		margin: 0;
	}

	.nav-up {
		transform: translateY(0%);
	}

	.header.nav-down {
		position: static;
	}

	.slider-wrap {
		/* margin-top: 88px; */
	}

	.slider-wrap .caption p {
		margin-bottom: 20px;
	}

	.slider-wrap .caption h3 {
		margin: 12px auto;
	}

	.about-rheem .container {
		max-width: 420px;
	}

	.about-rheem .img-wrap {
		margin-bottom: 25px;
	}

	.about-info {
		padding-bottom: 30px;
	}

	.title,
	.about-info .title {
		text-align: center;
		font-size: var(--f48);
	}

	.about-info p,
	.about-content p,
	.slider-wrap .caption p,
	.coverage p,
	.news-item .content p {
		font-size: var(--f20);
	}

	.news-item .content p {
		height: auto;
	}

	.about-img-left,
	.about-img-right {
		display: none;
	}

	.about-content {
		width: 100%;
		max-width: 420px;
		padding-top: 2vh;
	}

	.we-work {
		flex-direction: column;
	}

	.we-work p,
	.we-work-info,
	.about-info p {
		text-align: center;
		max-width: 100%;
	}

	.we-work-info .action {
		text-align: center;
		max-width: 100%;
		justify-content: center;
	}

	.we-work .title {
		margin: 0;
	}

	.about-rheem {
		padding: 20px 0 0;
	}

	.aboutus {
		background: url(//media.rheem-mea.com/wp-content/uploads/sites/35/2024/01/world-map.png) center top no-repeat;
		background-size: 140% auto;
		background-position-y: 40%;
	}

	.coverage .title {
		text-align: left;
	}

	.coverage .container {
		max-width: 680px;
		padding-top: 3rem;
		padding-bottom: 8rem;
	}

	.about-content .icon svg {
		width: 48px;
		height: 68px;
	}

	.savrd-section .pro-bg {
		left: -25%;
	}

	.savrd-section .pro-img {
		left: 20px;
		top: 12%;
		max-height: 76%;
	}

	.site-logo img {
		max-width: 100px;
	}
}

@media (max-width: 750px) {
	.proterra-left-info {
		margin-right: 2%;
	}

	.proterra-wrap .left-info {
		left: 62%;
		max-width: 105px;
	}

	.we-work {
		padding: 2.5rem 2rem;
	}
}

@media (max-width: 660px) {
	.savrd-section img {
		min-height: 210px;
	}

	.savrd-section .info ul {
		padding: 5px 0;
	}

	.savrd-section .info h2 {
		font-size: var(--f24);
	}

	.savrd-section .info {
		max-width: 198px;
	}

	.savrd-section .info .action {
		padding-top: 6px;
	}

	.proterra-wrap .left-info {
		left: 62%;
		max-width: 105px;
		min-height: 90px;
	}

	.savrd-section .proterra-wrap .info {
		height: 100%;
		margin-left: -21%;
		padding: 25px 30px;
	}

	.slider-wrap rs-module-wrap {
		max-width: 450px;
		margin: 0 auto;
		width: 450px !important;
		height: 450px !important;
	}

	.slider-wrap rs-module {
		width: 450px !important;
		height: 450px !important;
	}

	.slider-wrap rs-carousel-wrap {
		width: 100% !important;
	}

	.slider-wrap .slide-item {
		width: 450px;
		height: 450px;
	}

	.slider-wrap .slide-item.brdr {
		border: 1vw solid var(--primary);
		margin: 0px;
	}
}

@media (max-width: 600px) {
	.contact-wrap .contact-info {
		max-width: 340px;
		padding: 5rem;
	}

	.contact-wrap .contact-info .content {
		padding: 3rem 2rem 2rem 2rem;
		width: 230px;
		height: 238px;
	}

	.title,
	.about-info .title {
		text-align: center;
		font-size: var(--f38);
	}

	.contact-wrap .contact-info .content .title {
		margin-bottom: 0px;
	}

	.contact-wrap .contact-info .content p {
		line-height: 1.2;
		margin-bottom: 1px;
		font-size: var(--f16);
	}

	.savrd-slider .swiper-button-next {
		right: 15px;
	}

	.savrd-slider .swiper-button-prev {
		left: 15px;
	}
}

@media (max-width: 565px) {
	.hero-slider {
		width: 100%;
	}

	.proterra-middle-info {
		display: none;
	}

	.savrd-section .proterra-wrap .info {
		height: 100%;
		margin-left: 5%;
		padding: 25px 30px;
		box-shadow: 0 0 10px rgba(15, 15, 15, 0.1);
		height: 120%;
	}

	.proterra-wrap {
		justify-content: space-between;
	}

	.proterra-left-info,
	.savrd-section .proterra-wrap .info {
		min-width: 47.5%;
	}

	.savrd-section .pro-bg {
		left: -51%;
	}

	.savrd-section .pro-img {
		left: 21%;
		max-height: 60%;
		top: 20%;
	}

	.savrd-section img {
		min-height: 186px;
	}

	.savrd-section .info ul {
		padding: 2px 0;
	}

	.savrd-section .info .action {
		padding-top: 0px;
	}

	.aboutus {
		background: url(//media.rheem-mea.com/wp-content/uploads/sites/35/2024/01/world-map.png) center top no-repeat;
		background-size: 140% auto;
		background-position-y: 42%;
	}

	.coverage .title,
	.coverage p {
		max-width: 260px;
	}

	.title,
	.about-info .title {
		text-align: center;
		font-size: var(--f42);
	}

	.coverage .container {
		max-width: 680px;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.about-info p, .about-content p, .slider-wrap .caption p, .coverage p, .news-item .content p {
		font-size: var(--f18);
	}
}

@media (max-width: 500px) {
	.aboutus {
		background: url(//media.rheem-mea.com/wp-content/uploads/sites/35/2024/01/world-map.png) center top no-repeat;
		background-size: 150% auto;
		background-position-y: 44%;
	}
	.about-content .icon img.rotating{width: 50px;}.we-work{border-radius: 14px;}
	.slider-wrap rs-module-wrap {
		max-width: 400px;
		margin: 0 auto;
		width: 400px !important;
		height: 400px !important;
	}

	.slider-wrap rs-module {
		width: 400px !important;
		height: 400px !important;
	}

	.slider-wrap rs-carousel-wrap {
		width: 100% !important;
	}

	.slider-wrap .slide-item {
		width: 400px;
		height: 400px;
	}
}

@media (max-width: 460px) {
	.proterra-info-mobile {
		display: block;
	}

	.savrd-section .proterra-wrap .info {
		display: none;
	}

	.proterra-left-info {
		width: 100%;
	}

	.proterra-wrap .left-info {
		left: 136px;
		max-width: 245px;
		min-height: 90px;
		width: calc(100% - 136px);
		font-size: var(--f18);
		bottom: 5px;
		line-height: 1;
	}

	.proterra-wrap .left-info p {
		line-height: 1;
	}

	.proterra-left-info .action {
		padding-top: 2px;
	}

	.savrd-section .pro-img {
		left: 20px;
		max-height: 60%;
		top: 20%;
	}

	.savrd-section .pro-bg {
		left: -66%;
	}

	.savrd-section .info h2 {
		font-size: var(--f22);
	}

	.news-items .title,
	.title,
	.about-info .title {
		font-size: var(--f36);
	}
}

@media (max-width: 420px) {
	.slider-wrap .caption h1 {
		font-size: var(--f36);
	}

	.slider-wrap .caption h3 {
		font-size: var(--f24);
		margin: 12px auto;
	}

	.aboutus {
		background: url(//media.rheem-mea.com/wp-content/uploads/sites/35/2024/01/world-map.png) center top no-repeat;
		background-size: 180% auto;
		background-position-y: 45%;
	}

	.slider-wrap rs-module-wrap {
		max-width: 300px;
		margin: 0 auto;
		width: 300px !important;
		height: 300px !important;
	}

	.slider-wrap rs-module {
		width: 300px !important;
		height: 300px !important;
	}

	.slider-wrap rs-carousel-wrap {
		width: 100% !important;
	}

	.slider-wrap .slide-item {
		width: 300px;
		height: 300px;
	}
}
@media (max-width: 360px) {
	.aboutus {
		background: url(//media.rheem-mea.com/wp-content/uploads/sites/35/2024/01/world-map.png) center top no-repeat;
		background-size: 180% auto;
		background-position-y: 44%;
	}
}

/* END CSS */