/* =Import Required styles
========================================================================================*/
@import url(normalize.css);

:root {

	/* Site global colours */
	--primary: #f1624b;
	/* Primary color */
	--secondary: #d6c7b8;
	/* Secondary color */
	--tertiary: #222222;
	/* Tertiary color */
	--quaternary: #fbfbfb;
	/* Quaternary color */
	--dark: #505050;
	/* Body text color */
	--black: #000000;
	/* Black color */
	--white: #ffffff;
	/* White color */
	--light: #f1f1f1;
	/* Blockquote background or lighter */
	--gray: #dddddd;
	/* Gray color */

	/* Color Shades */
	--light400: #e6e6e6;
	--light300: #cecece;
	--light200: #b4b4b4;

	--primary400: #d73522;
	--primary600: #fb3621;

	--secondary400: #0030df;
	--secondary600: #1145ff;

	/* Heading and body font sizes */
	--body-font: 18px;
	--body-lineheight: 1.6;
	--h1: 40px;
	--h2: 40px;
	--h3: 38px;
	--h4: 30px;
	--h5: 24px;
	--h6: 16px;

	--wrap: 1440px;
	--wrapspace: 30px;


	/* Site global fonts */
	--font-primary: 'Poppins', Arial, Helvetica, sans-serif;
	/* For heading font */
	--font-secondary: 'Poppins', Arial, Helvetica, sans-serif;
	/* For body font */

	--headerHeight: 107px;
	--appHeight: 100vh;
}

/* =Box Sizing 
========================================================================================*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

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

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
select,
input[type="button"],
input[type="submit"],
button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* =Deafult Tag & General Classes
========================================================================================*/
html,
body {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	font-smoothing: antialiased;
	/* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

body {
	font: var(--body-font)/var(--body-lineheight) var(--font-secondary);
	color: var(--dark);
	padding-top: calc(var(--headerHeight));
	font-weight: 400;
}

body.overlay {
	overflow: hidden;
}



img {
	vertical-align: top;
	border: 0;
}

a,
input[type="button"],
input[type="submit"],
button,
table th,
table td {
	-webkit-transition: background-color 350ms cubic-bezier(0, .34, .74, .99), color 350ms cubic-bezier(0, .34, .74, .99);
	transition: background-color 350ms cubic-bezier(0, .34, .74, .99), color 350ms cubic-bezier(0, .34, .74, .99);
}

.allanim,
#mainmenu li a:after {
	-webkit-transition: all 350ms cubic-bezier(0, .34, .74, .99);
	transition: all 350ms cubic-bezier(0, .34, .74, .99);
}

a {
	color: var(--primary);
	text-decoration: none;
}

a:hover {
	/* text-decoration: underline; */
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	a:active {
		background-color: transparent;
	}
}

code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;
}

strong {
	font-weight: bold;
}

small,
.small {
	font-size: 85%;
}

sub,
sup {
	font-size: 80%
}

p {
	margin: 0 0 20px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-primary);
	line-height: 1.3;
	margin: 0 0 10px;
	font-weight: 300;
}

h1,
h2 {
	font-size: var(--h2);
}

h3 {
	font-size: var(--h3);
}

h4 {
	font-size: var(--h4);
}

h5 {
	font-size: var(--h5);
}

h6 {
	font-size: var(--h6);
}

ul li {
	line-height: 24px;
}

.cf:after,
.wrap:after {
	content: "";
	display: table;
	clear: both;
}

.nodisplay {
	display: none;
}

.nodisplay_strict {
	display: none !important;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

:focus {
	outline: none;
}

.text_cont p {
	padding: 0 0 10px 0;
}

.nopad p,
p.nopad {
	padding: 0;
}

.cols {
	margin-left: -20px;
	margin-right: -20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.cols .col {
	padding-left: 20px;
	padding-right: 20px;
}

.cols1 .col {
	width: 100%
}

.cols2 .col {
	width: 50%
}

.cols3 .col {
	width: 33.333333333333%;
}

.cols4 .col {
	width: 25%;
}

/* =Blockquote & highlight
========================================================================================*/
blockquote {
	border-left: solid 6px var(--light);
	margin-left: 0;
	padding-left: 15px;
}

blockquote small {
	font-size: 85%;
	display: block;
	color: var(--gray);
	padding: 5px 0 0 0;
	font-style: italic;
}

.highlight,
mark {
	background: #fffd64;
}

/* =Text Size, color & Custom list style
========================================================================================*/
.text-bigger {
	font-size: 22px;
}

.text-big {
	font-size: 20px;
}

.text-small {
	font-size: 12px;
}

.text-muted {
	color: var(--gray);
}

.text-primary {
	color: var(--primary);
}

.text-secondary {
	color: var(--secondary);
}

.bg-muted {
	background: #777;
}

.bg-primary {
	background: var(--primary);
}

.bg-secondary {
	background: var(--secondary);
}

.text-lc {
	text-transform: lowercase;
}

.text-uc {
	text-transform: uppercase;
}

.has-show {
	display: block !important;
}

.has-hide {
	display: none !important;
}

.has-error {
	padding: 4px 12px 0;
	display: block;
	color: var(--primary);
	font-size: 14px;
}

input.has-error {
	border: solid 1px var(--primary) !important;
}

.tall-space {
	margin: 45px 0;
}

.medium-space {
	margin: 20px 0;
}

.custom-arrow-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.custom-arrow-list li {
	position: relative;
	padding-left: 20px;
}

.custom-arrow-list li:before {
	content: '';
	border: solid 2px var(--gray);
	border-left: 0;
	border-top: 0;
	position: absolute;
	left: 1px;
	top: 9px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 7px;
	height: 7px;
}

/* =Divider Width
========================================================================================*/
hr {
	border: 0;
	border-bottom: solid 1px var(--light);
	margin: 20px 0;
	position: relative;
	width: 100%;
}

hr:before {
	background: var(--gray);
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	position: absolute;
	width: 40px;
}

.dashed-border {
	border-bottom-style: dashed
}

.dotted-border {
	border-bottom-style: dotted;
}

.double-border {
	border-bottom-style: double;
	border-bottom-width: 3px;
}

.double-border:before {
	height: 3px;
}

/* =Drop Caps
========================================================================================*/
p.drop-caps:first-child:first-letter {
	float: left;
	font-size: 75px;
	line-height: 60px;
	padding: 4px;
	margin-right: 5px;
	margin-top: 5px;
	font-family: Georgia;
}

p.drop-caps.secundary:first-child:first-letter {
	background-color: var(--primary);
	color: var(--white);
	padding: 6px;
	margin-right: 11px;
	border-radius: 4px;
}

/* =Image Caps
========================================================================================*/
.image-block {
	padding: 25px 0;
}

.image-block:after {
	display: table;
	clear: both;
	content: '';
}

.image-block figure {
	width: 33.33333%;
	float: left;
	position: relative;
	border: solid 1px var(--light);
	padding: 5px;
	background: var(--white);
	margin: 0 20px 10px 0;
}

.image-block figure img {
	width: 100%;
	height: auto;
}

.image-block.right-align figure {
	float: right;
	margin: 0 0 10px 20px;
}

.image-block figcaption {
	display: block;
	font-weight: 700;
	position: absolute;
	left: 5px;
	right: 5px;
	bottom: 5px;
	margin: 0 auto;
	background: rgba(0, 0, 0, 0.40);
	padding: 13px 10px;
	color: var(--white);
	text-align: center;
	line-height: 1.25;
}

.image-block h3 {
	margin-bottom: 20px;
}

/* =Section Caps
========================================================================================*/
.section-block {
	padding: 25px 0;
	background: var(--white);
}

/* =Layout Width
========================================================================================*/
#wrapper {}

.wrap {
	max-width: calc(var(--wrap) + (var(--wrapspace) * 2));
	width: 100%;
	margin: 0 auto;
	padding-left: var(--wrapspace);
	padding-right: var(--wrapspace);
}

#primary {
	float: left;
	width: 700px;
}

#sidebar {
	float: right;
	width: 200px;
}

.one-column {
	width: auto !important;
	float: none !important;
}


/* =Common-Page (common classes for all pages)
========================================================================================*/
#header {
	background: var(--white);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 111;
	transition: all 250ms cubic-bezier(0, .34, .74, .99);
}

#header.sticky {
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
}

.header-row {
	display: flex;
	align-items: center;
}

#logo {
	width: 160px;
	position: relative;
	transition: all 250ms cubic-bezier(0, .34, .74, .99);
}

#header.sticky #logo {
	width: 120px;
}

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

#mainmenu {
	font-size: 16px;
	margin-left: auto;
}

#mainmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	font-weight: 400;
}

#mainmenu li {
	line-height: 30px;
}

#mainmenu .open-main-menu>ul>li {
	margin: 0 20px;
}

#mainmenu ul>li>a,
#mainmenu ul>li>ul>li>a {
	text-decoration: none;
	padding: 0;
	display: block;
	color: var(--black);
	position: relative;
	padding: 30px 15px;
	transition: all 250ms cubic-bezier(0, .34, .74, .99);
	padding-left: 30px;
	position: relative;
	font-weight: 500;
}

#mainmenu li a img,
#mainmenu li>img {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	color: currentColor;
	width: 18px;
	height: 18px;
	object-fit: contain;
	filter: brightness(0) saturate(100%) invert(46%) sepia(65%) saturate(723%) hue-rotate(322deg) brightness(97%) contrast(95%);
}

#mainmenu li a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 0;
	background: var(--primary);
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: all 250ms ease-in;
	z-index: -1;
}

#header.sticky #mainmenu .open-main-menu>ul>li>a {
	padding: 15px 15px 15px 30px;
}

#header.sticky #mainmenu .open-main-menu>ul>li.has-menu>a {
	padding-right: 20px;
}

#header #mainmenu li a:hover:after,
#header #mainmenu li.active a:after {
	height: 5px;
}

#header.sticky #mainmenu li.active a:after {
	/* background: var(--primary); */
	/* color: var(--white); */
	/* height: 100%; */

}

#mainmenu ul li:not(.active) a:hover,
#mainmenu>ul>li.active>a {
	color: var(--primary);
}

.button.contact-us-btn {
	font-size: 16px;
	padding: 14px 30px;
	margin-left: 15px;
	transition: all 350ms ease-out;
}


.dropdown {
	position: absolute;
	left: 0;
	top: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 270px;
	background: #fff;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
	border-radius: 0 0 8px 8px;
	opacity: 0;
	visibility: hidden;
	transition: all 350ms ease;
}

li.has-menu {
	position: relative;
}

#mainmenu li.has-menu>a {
	padding-right: 20px;
}

li.has-menu>a:before {
	content: '';
	background: url('../images/arrow-down.svg') no-repeat center right;
	width: 10px;
	height: 10px;
	background-size: contain;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

#mainmenu li.has-menu:hover .dropdown {
	opacity: 1;
	visibility: visible;
}

#mainmenu li.has-menu:hover a:after {
	height: 5px;
}

#mainmenu li.has-menu:hover>a {
	color: var(--primary);
}

#mainmenu li.has-menu:hover a:before {
	transform: translateY(-50%) rotate(180deg);
}


#mainmenu .dropdown li {
	width: 100%;
}

#mainmenu .dropdown li {
	padding: 10px 15px;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding-left: 55px;
	line-height: normal;
	position: relative;
}

#mainmenu .dropdown li>a {
	padding: 0;
	width: 100%;
	/* border-bottom: 1px solid #ddd; */
	/* padding-left: 55px; */
	/* line-height: normal; */
}


#mainmenu .dropdown li span {
	display: block;
	font-size: 12px;
	color: #999;
	font-weight: 500;
}

#mainmenu .dropdown li span a {
	font-size: 12px;
	color: var(--primary);
	font-weight: 500;
}

#mainmenu .dropdown li span a:hover {
	color: #000;
}

#mainmenu .dropdown li>img {
	left: 20px;
}

#mainmenu .dropdown li a:after {
	display: none;
}

#mainmenu .dropdown li:last-child a {
	border-bottom: 0;
}


#header.sticky .button.contact-us-btn {
	padding: 10px 30px;
}

@media (min-width: 1024px) {
	#header.sticky #mainmenu li.active a {
		/* color: var(--white); */
	}
}

/* Header Sticky Style */

#footer {
	/* background: #202020; */
	font-size: 16px;
	color: var(--white);
	font-weight: 400;
	background: url('../images/footer-bg.jpg') no-repeat center top;
	background-size: cover;
}

.bottom-footer {
	background-color: #282828;
	padding: 20px 0;
	text-align: center;
}

.bottom-footer p {
	margin: 0;
	color: #B7BBC1;
	font-size: 15px;
}

.bottom-footer a {
	color: var(--white);
}

.bottom-footer a:hover {
	color: var(--secondary);
}

.footer-row {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	/* grid-template-columns: 300px auto 300px 280px; */
	grid-gap: 40px;
}

.fmenu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	grid-gap: 5px;
}

.fmenu li {
	margin-right: 0;
	margin: 0;
}

.fmenu li:last-child {
	margin-right: 0;
}

.fmenu li a {
	position: relative;
	color: #999;
	font-size: 16px;
	padding-left: 0;
	display: inline-flex;
	transition: all .4s ease;
	line-height: 1.8;
}

.fmenu li a:hover,
.fmenu li.active a {
	text-decoration: none;
	color: var(--tertiary);
}



address {
	font-style: normal;
	line-height: 28px;
	margin-bottom: 25px;
	color: #999;
	font-size: 16px;
}

address strong {
	font-size: 18px;
	font-weight: 600;
	color: var(--black);
}

.address .fmenu li {
	display: flex;
}

.address .fmenu li a {
	padding-left: 0;
}

.address .fmenu li:not(:last-child) {
	margin-bottom: 10px;
}

.address .fmenu li span {
	margin-right: 5px;
	min-width: 20px;
	display: inline-flex;
	align-items: center;
	color: #B7BBC1;
}


.address .fmenu {
	grid-gap: 0;
}

.copyright {
	margin: 0 0 0 auto;
}

.footer-box h6 {
	position: relative;
	color: var(--primary);
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 500;
	line-height: 35px;
	padding-left: 20px;
}

.footer-box h6::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 3px;
	height: 21px;
	background-color: var(--primary);
}

.footer-box .socials-heading {
	line-height: 1.7;
	display: block;
	margin-bottom: 10px;
	font-weight: 600;
}

.footer-social {
	display: flex;
	align-items: center;
	grid-gap: 10px;
	margin-bottom: 0;
	list-style: none;
	padding: 10px 0;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.footer-social:last-child {
	margin-bottom: 0;
}

.footer-social li a {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	background-color: transparent;
	text-align: center;
	font-size: 18px;
	line-height: 50px;
	color: var(--primary);
	transition: all .4s ease;
	position: relative;
	border-radius: 50%;
}

.footer-social li a:hover {
	color: var(--black);
}


.footer-box:not(.address) .fmenu li a:before {
	position: absolute;
	left: 0;
	bottom: 3px;
	width: 0;
	height: 1px;
	background-color: var(--primary);
	content: "";
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.footer-box:not(.address) .fmenu li a:hover:before {
	width: 100%;
}

.footer-box .footer-social li a:hover {
	background: var(--primary);
	border-color: var(--secondary);
}

.logo-box figure:not(:last-child) {
	margin-bottom: 40px;
}

.logo-box {
	margin-bottom: 20px;
}

.logo-box figure a {
	display: inline-flex;
}

.logo-box figure img {
	width: 150px;
	height: auto;
}

.address .contact-footer li {
	margin-bottom: 20px;
	position: relative;
	padding-left: 30px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	align-items: center;
	color: #999;
}

.address .contact-footer li span {
	position: absolute;
	top: 4px;
	left: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	text-align: center;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--primary);
	margin: 0;
}

.address .contact-footer li span i {
	font-size: 18px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	display: block;
}

.address .contact-footer li a {
	font-size: 16px;
	color: #999;
	margin-bottom: 0;
	font-family: var(--font-primary);
	font-weight: 400;
}

.address .contact-footer li a:hover {
	color: var(--primary);
}





/* =Default Banner (common banner for all pages)
========================================================================================*/
.default-banner {
	background-color: var(--gray);
	color: var(--white);
	text-align: center;
	position: relative;
	z-index: 1;
}

.default-banner:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--black);
	opacity: 0.6;
	z-index: -1;
	backdrop-filter: blur(20px);
}

.default-banner-row {
	padding: 80px 0;
	backdrop-filter: blur(10px);
}

.default-banner-box h1,
.default-banner-box h2 {
	font-weight: 700;
	margin: 0;
}


/* = On scroll animations
========================================================================================*/
.ani-element {
	opacity: 0;
	position: relative;
	transition: opacity 600ms cubic-bezier(0.15, 0.3, 0.2, 0.9), transform 600ms cubic-bezier(0.15, 0.3, 0.2, 0.9), top 600ms cubic-bezier(0.15, 0.3, 0.2, 0.9);
}

.ani-element.show {
	opacity: 1;
}

.ani-element.up {
	transform: translateY(48px);
}

.ani-element.up.show {
	transform: translateY(0);
}

.ani-element.down {
	transform: translateY(-48px);
}

.ani-element.down.show {
	transform: translateY(0);
}

.ani-element.left {
	transform: translateX(48px);
}

.ani-element.left.show {
	transform: translateX(0);
}

.ani-element.right {
	transform: translateX(-48px);
}

.ani-element.right.show {
	transform: translateX(0);
}

/* Delays */
.delay-1 {
	-webkit-transition-delay: 30ms;
	-o-transition-delay: 30ms;
	transition-delay: 30ms;
}

.delay-2 {
	-webkit-transition-delay: 60ms;
	-o-transition-delay: 60ms;
	transition-delay: 60ms;
}

.delay-3 {
	-webkit-transition-delay: 90ms;
	-o-transition-delay: 90ms;
	transition-delay: 90ms;
}

.delay-4 {
	-webkit-transition-delay: 120ms;
	-o-transition-delay: 120ms;
	transition-delay: 120ms;
}

.delay-5 {
	-webkit-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}

.delay-6 {
	-webkit-transition-delay: 180ms;
	-o-transition-delay: 180ms;
	transition-delay: 180ms;
}

.delay-7 {
	-webkit-transition-delay: 210ms;
	-o-transition-delay: 210ms;
	transition-delay: 210ms;
}

.delay-8 {
	-webkit-transition-delay: 240ms;
	-o-transition-delay: 240ms;
	transition-delay: 240ms;
}

.delay-9 {
	-webkit-transition-delay: 270ms;
	-o-transition-delay: 270ms;
	transition-delay: 270ms;
}

.delay-10 {
	-webkit-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.delay-11 {
	-webkit-transition-delay: 330ms;
	-o-transition-delay: 330ms;
	transition-delay: 330ms;
}

.delay-12 {
	-webkit-transition-delay: 360ms;
	-o-transition-delay: 360ms;
	transition-delay: 360ms;
}

.delay-13 {
	-webkit-transition-delay: 390ms;
	-o-transition-delay: 390ms;
	transition-delay: 390ms;
}

.delay-14 {
	-webkit-transition-delay: 420ms;
	-o-transition-delay: 420ms;
	transition-delay: 420ms;
}

.delay-15 {
	-webkit-transition-delay: 450ms;
	-o-transition-delay: 450ms;
	transition-delay: 450ms;
}

.delay-16 {
	-webkit-transition-delay: 480ms;
	-o-transition-delay: 480ms;
	transition-delay: 480ms;
}

.delay-17 {
	-webkit-transition-delay: 510ms;
	-o-transition-delay: 510ms;
	transition-delay: 510ms;
}

.delay-18 {
	-webkit-transition-delay: 540ms;
	-o-transition-delay: 540ms;
	transition-delay: 540ms;
}

.delay-19 {
	-webkit-transition-delay: 570ms;
	-o-transition-delay: 570ms;
	transition-delay: 570ms;
}

.delay-20 {
	-webkit-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.delay-21 {
	-webkit-transition-delay: 630ms;
	-o-transition-delay: 630ms;
	transition-delay: 630ms;
}

.delay-22 {
	-webkit-transition-delay: 660ms;
	-o-transition-delay: 660ms;
	transition-delay: 660ms;
}

.delay-23 {
	-webkit-transition-delay: 690ms;
	-o-transition-delay: 690ms;
	transition-delay: 690ms;
}

.delay-24 {
	-webkit-transition-delay: 720ms;
	-o-transition-delay: 720ms;
	transition-delay: 720ms;
}

.delay-25 {
	-webkit-transition-delay: 750ms;
	-o-transition-delay: 750ms;
	transition-delay: 750ms;
}

.delay-26 {
	-webkit-transition-delay: 780ms;
	-o-transition-delay: 780ms;
	transition-delay: 780ms;
}


/* =Home-Page (only homepage used classes)
========================================================================================*/
.sprites {
	background-image: url(../images/bgi/sprites.svg);
}

.sp-after:after {
	background-image: url(../images/bgi/sprites.svg);
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-left: 10px;
	content: '';
	vertical-align: middle;
}

.sp-before:before {
	background-image: url(../images/bgi/sprites.svg);
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	content: '';
	vertical-align: middle;
}

/* =Form Style
========================================================================================*/
button,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
textarea,
select,
input[type="submit"],
input[type="button"] {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	vertical-align: middle;
}

button,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
textarea,
input[type="submit"],
input[type="button"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}

button,
input {
	line-height: normal;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
textarea,
select {
	background: #f1f3ff;
	padding: 4px 25px;
	height: 50px;
	line-height: 1.55;
	border: 0;
	color: var(--dark);
	width: 100%;
	font-family: var(--font-secondary);
	-moz-transition: border-color 200ms ease-in;
	-webkit-transition: border-color 200ms ease-in;
	transition: border-color 200ms ease-in;
	font-size: 14px;
	font-weight: 400;
	border-radius: 8px;
}

input[type="text"].input-lg,
input[type="password"].input-lg,
input[type="email"].input-lg,
input[type="tel"].input-lg,
input[type="search"].input-lg,
input[type="url"].input-lg {
	height: 58px;
}

input[type="text"].input-sm,
input[type="password"].input-sm,
input[type="email"].input-sm,
input[type="tel"].input-sm,
input[type="search"].input-sm,
input[type="url"].input-sm {
	height: 38px;
}

textarea {
	width: 100%;
	height: 120px;
	overflow: auto;
	resize: vertical;
	padding: 15px 25px;
	font-family: var(--font-secondary)
}

select {
	padding: 12px 42px 12px 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	position: relative;
	z-index: 1;
	background: none;
	line-height: 1.25;
	border-radius: 0;
}

select::-ms-expand {
	display: none;
}

.custom-select {
	display: block;
	margin: 0;
	position: relative;
	background: var(--white);
}

.custom-select:after {
	content: '';
	border-top: solid 6px var(--gray);
	border-right: solid 6px transparent;
	border-left: solid 6px transparent;
	position: absolute;
	right: 18px;
	top: 50%;
	margin-top: -3px;
	pointer-events: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
	border: 0;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="button"],
input[type="submit"],
button {
	background: var(--primary);
	color: var(--white);
	border: 0;
	cursor: pointer;
	width: auto;
	overflow: visible;
	padding: 13px 45px;
	vertical-align: middle;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.25;
	font-family: var(--font-secondary);
	font-weight: bold;
}

input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
	background: var(--primary400);
	color: var(--white);
}

input[type="checkbox"],
input[type="radio"] {
	margin: 4px 8px 0;
	vertical-align: top;
}

::-webkit-input-placeholder {
	opacity: 0.5;
}

::-moz-placeholder {
	opacity: 0.5;
}

:-ms-input-placeholder {
	opacity: 0.5;
}

:-moz-placeholder {
	opacity: 0.5;
}

.checkbox,
.radio {
	position: relative;
	float: left;
	margin-right: 20px;
	cursor: pointer;
}

.form-block .form-group .checkbox label,
.form-block .form-group .radio label {
	padding: 0;
	padding-left: 26px;
	display: block;
	line-height: 1.1;
}

.checkbox input,
.radio input {
	top: 0;
	left: 0;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
	position: absolute;
}

.checkbox .input-helper,
.radio .input-helper {
	position: absolute;
	left: 0;
	top: 0;
	height: 18px;
	width: 18px;
}

.checkbox input:checked+.input-helper:before,
.radio input:checked+.input-helper:before {
	border-color: var(--primary);
}

.checkbox input:disabled+.input-helper,
.radio input:disabled+.input-helper,
.checkbox input:disabled~span,
.radio input:disabled~span {
	opacity: 0.45;
}

.checkbox .input-helper:before,
.radio .input-helper:before,
.checkbox .input-helper:after,
.radio .input-helper:after {
	position: absolute;
	content: "";
	transition: all 200ms;
}

.checkbox .input-helper:before,
.radio .input-helper:before {
	left: 0;
	border: 1px solid var(--light300);
}

.checkbox input {
	width: 18px;
	height: 18px;
	margin: 0;
}

.checkbox input:checked+.input-helper:before {
	background-color: var(--primary);
}

.checkbox input:checked+.input-helper:before {
	background-color: var(--primary);
}

.checkbox input:checked+.input-helper:after {
	transform: scale(1);
	opacity: 1;
}

.checkbox .input-helper:before {
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 2px;
	color: var(--white);
}

.checkbox .input-helper:after {
	content: '\2713';
	font-size: 13px;
	left: 2px;
	top: 2px;
	font-weight: 600;
	color: var(--white);
	transform: scale(0);
	opacity: 0;
	line-height: 1;
}

.radio input {
	width: 18px;
	height: 18px;
	margin: 0;
}

.radio input:checked+.input-helper:after {
	transform: scale(1);
}

.radio .input-helper:before {
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.radio .input-helper:after {
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	background: var(--primary);
	border-radius: 50%;
	top: 5px;
	left: 5px;
	transform: scale(0);
}


/* =BreadCrumbs
========================================================================================*/
.breadcrumbs {
	padding: 10px 0;
	background: var(--light);
	border-bottom: solid 1px var(--light400);
	font-size: 14px;
	color: var(--gray);
}

.breadcrumbs ul {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0;
}

.breadcrumbs li {
	display: inline-block;
	margin: 0 0 0 20px;
	position: relative;
}

.breadcrumbs li:before {
	content: '';
	border-left: solid 4px var(--gray);
	border-bottom: solid 4px transparent;
	border-top: solid 4px transparent;
	width: 0;
	height: 0;
	display: inline-block;
	position: absolute;
	left: -14px;
	top: 50%;
	margin-top: -4px;
}

.breadcrumbs li a {
	color: var(--gray);
	text-decoration: none;
}

.breadcrumbs li a:hover {
	color: var(--primary);
}

/* =Form list
========================================================================================*/
.form-block {
	margin: 10px 0;
}

.form-group {
	padding: 10px 0
}

.form-group:after {
	clear: both;
	content: '';
	display: table;
}

.formlist .form-group ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.forgot-link {
	float: right;
}

.form-block .form-group label {
	display: inline-block;
	padding: 0 0 5px;
}

.form-inline .form-group label {
	float: left;
	width: 30%;
	padding: 10px 10px 10px 0;
	line-height: 1.5
}

.form-inline .form-group .field-box {
	width: 70%;
	float: left;
}

/* =Common button CSS
========================================================================================*/
.button {
	/* background-color: var(--primary);
	text-transform: uppercase;
	font-size: 16px;
	color: var(--white);
	display: inline-block;
	line-height: 1.2;
	padding: 13px 30px;
	vertical-align: bottom;
	font-weight: 600;
	text-align: center;
	display: table; */

	color: var(--white);
	font-weight: 600;
	font-size: 18px;
	font-family: var(--font-secondary);
	background-color: var(--primary);
	padding: 18px 40px;
	display: inline-flex;
	align-items: center;
	position: relative;
	z-index: 9;
	overflow: hidden;
	border-radius: 50px;
}

.button:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	z-index: -1;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right top;
	transform-origin: right top;
	background: var(--tertiary);
	border-radius: inherit;
	transition: transform 500ms cubic-bezier(.86, 0, .07, 1) 0s, -webkit-transform 500ms 0s;
}

.button .btn-icon {
	display: inline-block;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	font-size: 18px;
	margin-left: 10px;
}

.button:hover:before {
	background-color: var(--tertiary);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
}

.button:hover {
	color: var(--white);
}

.button.btn-lg,
input[type="submit"].btn-lg,
input[type="button"].btn-lg,
button.btn-lg {
	padding: 16px 35px;
	font-size: 18px;
}

.button.btn-sm,
input[type="submit"].btn-sm,
input[type="button"].btn-sm,
button.btn-sm {
	padding: 10px 25px;
	font-size: 14px;
}

.button.btn-xs,
input[type="submit"].btn-xs,
input[type="button"].btn-xs,
button.btn-xs {
	padding: 8px 20px;
	font-size: 12px;
}

.button.btn-lightgray,
input[type="submit"].btn-lightgray,
input[type="button"].btn-lightgray,
button.btn-lightgray {
	background: var(--light200);
	color: var(--white);
}

.button.btn-lightgray:hover,
input[type="submit"].btn-lightgray:hover,
input[type="button"].btn-lightgray:hover,
button.btn-lightgray:hover {
	background: var(--gray);
}

.button.btn-secondary,
input[type="submit"].btn-secondary,
input[type="button"].btn-secondary,
button.btn-secondary {
	background: var(--white);
	color: var(--primary);
}

.button.btn-secondary:hover,
input[type="submit"].btn-secondary:hover,
input[type="button"].btn-secondary:hover,
button.btn-secondary:hover {
	background: var(--secondary);
	color: var(--white);
}

.button.btn-outline,
input[type="submit"].btn-outline,
input[type="button"].btn-outline,
button.btn-outline {
	background: var(--white);
	border: solid 2px var(--primary);
	color: var(--primary);
}

.button.btn-outline:hover,
input[type="submit"].btn-outline:hover,
input[type="button"].btn-outline:hover,
button.btn-outline:hover {
	background: var(--primary);
	color: var(--white);
}

.button.btn-lg.btn-outline,
input[type="submit"].btn-lg.btn-outline,
input[type="button"].btn-lg.btn-outline {
	padding: 14px 35px;
}

.button.btn-outline,
input[type="submit"].btn-outline,
input[type="button"].btn-outline {
	padding: 11px 30px;
}

.button.btn-sm.btn-outline,
input[type="submit"].btn-sm.btn-outline,
input[type="button"].btn-sm.btn-outline {
	padding: 8px 25px;
}

.button.btn-xs.btn-outline,
input[type="submit"].btn-xs.btn-outline,
input[type="button"].btn-xs.btn-outline {
	padding: 6px 20px;
}

.button.btn-block {
	display: block;
}

/* .buttonset .button { margin: 10px 7px; text-align: center; width: 160px; padding-left:10px !important; padding-right:10px !important; } */
.buttonset .col {
	width: auto !important;
}

.buttonset .button {
	margin: 5px 0 10px;
}

/* =Table CSS
========================================================================================*/
table {
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ddd;
}

table {
	width: 100%;
	margin-bottom: 30px;
}

table th,
table td {
	padding: 14px 15px;
	line-height: 1.32;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

table th {
	background: #ececec;
	font-weight: 700;
	padding: 17px 15px;
	font-size: 16px;
}

table tr:hover td {
	background: #fbfbfb;
}

table tr.selected td {
	background: #fbfbfb;
}

table thead th {
	vertical-align: middle;
}

table caption+thead tr:first-child th,
table caption+thead tr:first-child td,
table colgroup+thead tr:first-child th,
table colgroup+thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
	border-top: 0;
}

/* =tabnav CSS
========================================================================================*/
.tabnav {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border: solid 1px #e9edee;
	display: flex;
	flex-wrap: wrap;
}

.tabnav li {
	position: relative;
	margin: 0;
	width: 25%;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
}

.tabnav li:first-child {
	margin: 0;
}

.tabnav li h2 {
	margin: 0;
	font-size: 15px;
}

.tabnav li a {
	display: block;
	padding: 16px 5px;
	text-decoration: none;
	color: #505061;
	line-height: 1.25;
	background: #e9edee;
	margin-bottom: -1px;
	border-left: solid 1px #dde1e2;
}

.tabnav li:first-child a {
	border-left: 0;
}

.tabnav li.active a,
.tabnav li a:hover {
	background-color: #fff;
	color: var(--primary)
}

.tabnav li.active a:after {
	display: block;
}

.tab-container {
	padding: 20px;
	border: solid 1px #e9edee;
	border-top: 0;
}

.tabcontent .quicklist li,
.tabcontent .quicklist {
	margin: 0;
}

.tabcontent {
	display: none;
}

.tabcontent p {
	color: #666;
	margin: 20px 0 0;
}

.tabcontent p:first-child {
	margin-top: 0;
}

.tabcontent p a,
.accordion-data p a {
	color: #7f97ae;
	text-decoration: underline;
}

.tabcontent p a:hover,
.accordion-data p a:hover {
	color: #00305d
}

.tabcontent h4 {
	margin: 0 0 15px;
}

/* =Accordian CSS
========================================================================================*/
.accordion-databox .accordion-row {}

.accordion-databox .accordion-row:first-child {
	border-top: 0;
}

.accordion-databox .accordion-row h5 {
	cursor: pointer;
	margin: 0;
	background: #f3f3f3;
	color: #555;
	position: relative;
	padding: 16px 54px 16px 16px;
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 7px;
	text-transform: uppercase;
}

.accordion-databox .accordion-row h5:before {
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	width: 54px;
	height: 100%;
	z-index: 1;
	background: rgba(0, 0, 0, 0.08);
}

.accordion-databox .accordion-row h5:after {
	content: '';
	position: absolute;
	right: 18px;
	top: 50%;
	margin-top: -4px;
	border-top: solid 8px #818181;
	border-left: solid 8px transparent;
	border-right: solid 8px transparent;
	z-index: 2
}

.accordion-databox .accordion-row h5.open {
	color: #272c2f;
}

.accordion-databox .accordion-row h5.open:after {
	border-top: 0;
	border-bottom: solid 8px #272c2f;
}

.accordion-data {
	display: none;
	padding: 15px 0;
}

.accordion-data p {
	padding: 0 6px;
	margin: 20px 0 0;
}

.accordion-data p:first-child {
	margin-top: 0;
}

/* =Alertbox CSS
========================================================================================*/
.alert {
	padding: 16px 16px 16px 55px;
	margin: 20px 0;
	color: #454545;
	position: relative;
}

.alert:before {
	position: absolute;
	content: '';
	left: 15px;
	top: 15px;
	width: 24px;
	height: 24px;
	background: url(../images/bgi/sprites.svg) no-repeat 0 0;
}

.alert-notification {
	background-color: #fff0f4;
	border: solid 1px #db524c;
	color: #db524c;
}

.alert-notification:before {
	background-position: 0 0;
}

.alert-info {
	background-color: #e8f6ff;
	border: solid 1px #0082d5;
	color: #0082d5;
}

.alert-info:before {
	background-position: -26px 0;
}

.alert-warning {
	background-color: #fef4ec;
	border: solid 1px #ff9948;
	color: #ff9948;
}

.alert-warning:before {
	background-position: -52px 0;
}

.alert-success {
	background-color: #edfff6;
	border: solid 1px #04be5b;
	color: #04be5b;
}

.alert-success:before {
	background-position: -79px 0;
}

.alert-normal {
	background-color: #efefef;
	border: solid 1px #999;
	padding-left: 16px;
	color: #555;
}

.alert-normal:before {
	display: none;
}

/* =Default page CSS
========================================================================================*/
.heading-listblock {
	padding: 20px 0;
}

.heading-listblock p,
.heading-listblock blockquote {
	margin: 0 0 35px;
}

.heading-listblock p:last-child {
	margin-bottom: 0;
}

.heading-listblock .paragraph-block p {
	margin: 0 0 20px;
}

.list-block ul,
.list-block ol {
	padding-left: 22px;
	margin-left: -5px;
}

.list-block ul li,
.list-block ol li {
	margin: 5px 0;
}

.list-block ul.custom-arrow-list {
	margin: 0;
	padding: 0;
}


/* =Homepage CSS 
========================================================================================*/


/* Banner Design */
.hero-section .swiper-pagination {
	max-width: 1520px;
	padding: 0 40px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.hero-slider {
	width: 100%;
	height: calc(100vh - var(--headerHeight));
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 0;
	/* padding-top: calc(var(--headerHeight)); */
	background: #fda594;
}

.banner-content {
	padding-left: 80px;
}

/* 
@media (max-width: 991px) {
	.hero-slider {
		height: 600px;
	}
}

@media (max-width: 767px) {
	.hero-slider {
		height: 500px;
	}
} */

.hero-slider .swiper-slide {
	overflow: hidden;
	color: #fff;
}

.hero-slider .swiper-container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.hero-slider .slide-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
}

.hero-slider .slide-inner::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;

	/* background: radial-gradient(circle, rgba(241, 75, 75, 0) 0%, rgba(0, 0, 0, 1) 100%); */
	z-index: -1;
	/* mix-blend-mode: multiply; */
	/* opacity: 0.4; */
	/* display: none; */
	display: none;
}

.hero-slider .slide-inner::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgb(241, 98, 75);
	background: radial-gradient(circle, rgba(241, 98, 75, 0) 0%, rgba(241, 98, 75, 1) 100%);
	z-index: -1;
	mix-blend-mode: multiply;
	opacity: 0.5;
	display: none;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
	background: transparent;
	width: 55px;
	height: 55px;
	line-height: 53px;
	margin-top: -30px;
	text-align: center;
	border: 2px solid var(--white);
	border-radius: 55px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
}

.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}

@media (max-width: 767px) {

	.hero-slider .swiper-button-prev,
	.hero-slider .swiper-button-next {
		display: none;
	}
}

.hero-slider .swiper-button-prev {
	left: 25px;
	transform: translateX(50px);
}

.hero-slider .swiper-button-prev:before {
	font-family: "Font Awesome 5 Free";
	content: "\f060";
	font-size: 15px;
	color: var(--white);
	font-style: normal;
	display: inline-block;
	vertical-align: middle;
	font-weight: 900;
}

.hero-slider .swiper-button-next {
	right: 25px;
	transform: translateX(-50px);
}

.hero-slider .swiper-button-next:before {
	font-family: "Font Awesome 5 Free";
	content: "\f061";
	font-size: 15px;
	color: var(--white);
	font-style: normal;
	display: inline-block;
	vertical-align: middle;
	font-weight: 900;
}

.hero-slider .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	text-align: left;
	line-height: 12px;
	font-size: 12px;
	color: #000;
	opacity: 0.3;
	background: #fff;
	transition: all .2s ease;
}

.hero-slider .swiper-pagination-bullet-active {
	opacity: 1;
}

.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
	bottom: 30px;
}


.swiper-pagination {
	text-align: left;
}

.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 50px;
	max-width: 1420px;
	padding: 0 30px;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
}

@media (min-width: 767px) {
	.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 30px;

	}
}

/*--------------------------------------------------------------
	  #hero-style
  --------------------------------------------------------------*/






.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {
	max-width: none;
	display: inline-flex;
	background: rgba(0, 0, 0, 0.2);
	padding: 10px 30px;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 8px;
	overflow: hidden;
}

.hero-style .slide-title h2 {
	font-size: 35px;
	text-transform: capitalize;
	font-weight: 500;
	color: var(--white);
	transition: all .4s ease;
	font-family: var(--font-primary);
	margin: 0;
	/* text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2); */
}

/* .hero-style .slide-text p {
	opacity: 1;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.25;
	letter-spacing: normal;
	color: var(--white);
	margin: 0;
	transition: all .4s ease;
} */

.hero-style .slide-btns>a:first-child {
	margin-right: 10px;
}

.section-row {
	padding: 120px 0;
	overflow: clip;
}

/* About section */
.about-section {
	background-image: url(../images/background/about-bg-home2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;

}

.about-section .img-box .inner-column {
	position: relative;
	margin-right: 70px;
}

.about-section .img-box .inner-column .image-box .image {
	margin-bottom: 0;
	border-radius: 150px 0 0 0;
	overflow: hidden;
}

.overlay-anim {
	overflow: hidden;
	position: relative;
}

.overlay-anim:before {
	background: rgba(255, 255, 255, .3);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	opacity: 1;
	z-index: 9;
	pointer-events: none;
}

.overlay-anim:hover:before {
	height: 100%;
	opacity: 0;
	-webkit-transition: all 400ms linear;
	transition: all 400ms linear;
}

.about-row {
	display: flex;
	flex-wrap: wrap;
}

.about-row>div {
	flex: 0 0 auto;
	width: 50%;
	padding: 0 15px;
}

.about-row .image-box figure.image {
	height: 640px;
}


.about-row .image-box figure.image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom center;
}


/* img {
	display: inline-block;
	max-width: 100%;
	height: auto;
} */

figure {
	margin: 0;
}

.exp-box {
	position: absolute;
	bottom: -33px;
	right: -54px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 25px;
	background: var(--white);
	-webkit-box-shadow: 30px 30px 60px 0 rgba(17, 17, 17, .05);
	box-shadow: 30px 30px 60px 0 rgba(17, 17, 17, .05);
	width: 187px;
	-webkit-animation: bounce-y 10s infinite linear;
	animation: bounce-y 10s infinite linear;
	padding: 30px;
}

.exp-box .title {
	font-size: 40px;
	font-weight: 700;
	line-height: 50px;
	text-transform: uppercase;
	color: var(--primary);
}

.exp-box .text {
	font-size: 20px;
	line-height: normal;
	color: var(--dark);
	font-family: var(--font-primary);
}

@keyframes bounce-y {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.sec-title-two {
	position: relative;
	margin-bottom: 29px;
}

.sec-title-two .sub-title {
	position: relative;
	font-size: 16px;
	font-weight: 500;
	color: var(--primary);
	text-transform: uppercase;
	line-height: 24px;
	font-family: var(--text-font);
	display: inline-block;
	margin-bottom: 16px;
	padding-left: 25px;
}

.sec-title-two .sub-title::before {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 15px;
	height: 1px;
	background-color: var(--primary);
}

.sec-title-two h2 {
	position: relative;
	display: block;
	color: var(--tertiary);
	font-weight: 600;
	margin-bottom: 0;
	z-index: 2;
	line-height: 1.3;
}

.sec-title-two h2+p {
	margin-top: 30px;
}

.about-block-two .inner-box {
	position: relative;
	border-radius: 10px;
	border: 1px solid var(--Effect, #F94A29);
	background: var(--white);
	-webkit-box-shadow: 15px 15px 60px 0 rgba(17, 17, 17, .07);
	box-shadow: 15px 15px 60px 0 rgba(17, 17, 17, .07);
	padding: 30px 30px 30px 123px;
	max-width: 320px;
}

.about-block-two .inner-box img {
	position: absolute;
	top: 50%;
	left: 30px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	display: inline-block;
	max-width: 48px;
	transform: translateY(-50%) rotate(-30deg);
}

.about-block-two .inner-box .title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	/* line-height: 22px; */
	text-transform: capitalize;
	margin-bottom: 0;
}

.about-block-two .inner-box .title span {
	display: block;
	font-weight: 300;
	color: var(--primary);
}

.about-block-two .inner-box .title::before {
	background-color: var(--primary);
	content: "";
	height: 70px;
	left: -21px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}

.about-block-two .inner-box:hover img {
	-webkit-transform: translateY(-50%) rotate(-360deg);
	transform: translateY(-50%) rotate(-360deg);
}

.inner-column .button {
	margin-top: 50px;
}

/* Company Logo */
.company-logo-box {
	display: flex;
	align-items: center;
	padding: 20px;
	justify-content: center;
	filter: grayscale(100);
	transition: all 350ms cubic-bezier(0, .34, .74, .99);
}

.company-logo-box:hover {
	filter: none;
	background: #f6f6f6;
}

.company-logo-slider {
	width: 100%;
	overflow: hidden;
}

.company-logo-box img {
	height: 32px;
	object-fit: contain;
	width: auto;
	width: 100%;
	mix-blend-mode: multiply;
}

.company-logos {
	position: relative;
}

.company-logos:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background: linear-gradient(90deg, rgba(241, 75, 75, 0) 0%, rgba(255, 255, 255, 1) 75%);
	width: 200px;
	z-index: 5;
	pointer-events: none;
	display: none;
}

.company-logos:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: linear-gradient(270deg, rgba(241, 75, 75, 0) 0%, rgba(255, 255, 255, 1) 75%);
	width: 200px;
	z-index: 5;
	pointer-events: none;
	display: none;
}

.sec-title {
	position: relative;
	margin-bottom: 53px;
	color: var(--black);
}

.sec-title h2 {
	position: relative;
	display: block;
	margin-bottom: 0;
	font-weight: 600;
	line-height: 1.2;
	z-index: 2;
	padding-left: 20px;

}

.sec-title h2 span {
	color: var(--primary);
	display: block;
}

.sec-title h2::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 3px;
	height: 100%;
	background-color: var(--primary);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.sec-title h2+p {
	margin-top: 30px;
	max-width: 1000px;
	margin-bottom: 0;
}

.sec-title.white {
	color: var(--white);
}

.our-strangth-section {
	background: var(--primary);
	/* background: #fef2e8; */
	width: 100%;
	overflow: hidden;
}

.our-strangth-section .sec-title h2 {
	color: var(--white);
}

.our-strangth-section .sec-title h2 span {
	color: var(--white);
}

.our-strangth-section .sec-title h2::before {
	background: var(--white);
}



.certification-boxes {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 30px;
	z-index: 2;
	position: relative;
}

.certification-boxes a {
	padding: 5px;
	border: 1px solid var(--gray);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	overflow: hidden;
}

.certification-boxes a img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	object-position: top center;
	border-radius: 16px;
}

.counter-row {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	position: relative;
	z-index: 1;
	grid-gap: 20px;
}

.card-achive {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}


.our-strangth-row .col {
	display: flex;
	flex-direction: column;
}

.card-achive span {
	display: flex;
	font-family: var(--font-primary);
	font-size: 50px;
	color: var(--white);
	font-weight: 500;
	margin: 0;
}

.our-strangth-section .sec-title h2+p {
	color: var(--white);
	opacity: 0.8;
}

.card-achive span p {
	margin: 0;
}

.card-achive>p {
	color: var(--white);
	margin: 0;
	font-size: 18px;
	font-weight: 400;
}

.our-strangth-section .col:last-child {
	padding-left: 100px;
}

/* Product */
.product-section {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

.product-inner-box {
	position: relative;
	width: 100%;
	overflow: hidden;
	display: block;
	height: 100%;
	border-radius: 16px;
}

.product-slider .swiper-slide {
	height: auto;
}

.product-slider {
	overflow: hidden;
}

.product-inner-box .image-box {
	position: relative;
	height: 100%;
}

.product-inner-box .image-box figure.overlay-anim {
	height: 100%;
	overflow: hidden;
	aspect-ratio: 558/583;
}

.product-inner-box .image-box .image-2 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(.8);
	transform: translate(-50%, -50%) scale(.8);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	margin-bottom: 0;
	width: 80px;
}

.product-inner-box .content-box {
	position: absolute;
	bottom: 0;
	left: 0;
	background: var(--primary);
	max-width: 435px;
	padding: 20px 30px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	border-radius: 0 20px 0 0;
}

.product-inner-box .content-box span {
	position: relative;
	font-weight: 300;
	color: var(--white);
	line-height: normal;
	display: inline-block;
	margin-bottom: 0;
	font-family: var(--text-font);
	padding-left: 0;
}

.product-inner-box .content-box span::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 2px;
	height: 18px;
	background-color: var(--white);
	display: none;
}

.product-inner-box .content-box .title {
	font-size: 22px;
	font-weight: 500;
	line-height: normal;
	color: var(--white);
	margin-bottom: 0;
}

.product-inner-box:hover .image-box .image-2 {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}

.product-inner-box:hover .content-box {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.product-inner-box .image-box figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Ratio 600x1200 */
.ratio-600x1200 {
	aspect-ratio: 1 / 2 !important;
	/* Equivalent to 600x1200 */
}

/* Ratio 1200x600 */
.ratio-1200x600 {
	aspect-ratio: 2 / 1 !important;
	/* Equivalent to 1200x600 */
}

/* Ratio 600x600 */
.ratio-600x600 {
	aspect-ratio: 1 / 1 !important;
	/* Equivalent to 600x600 */
}

.content-box a {
	color: var(--white);
	font-family: var(--font-primary);
}


/* JOrney Slider */
.group-of-company-section {
	overflow: hidden;
	background: var(--quaternary);
	background: #fef2e8;
}

.jorney-row {
	/* width: 100%; */
	position: relative;
	/* padding: 0 100px;
	z-index: 1; */
	margin-top: 30px;
}

.jorney-row .journey-slider {
	overflow: visible;
}

.jorney-row .journey-year {
	position: relative;
	padding-bottom: 15px;
}

.jorney-row .journey-year:before {
	content: '';
	position: absolute;
	right: 35px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 1px dashed #555770;
	width: calc(100% - 242px);
}

.jorney-row .journey-year h2 {
	font-size: 50px;
	width: 172px;
	/* -webkit-text-stroke: 1px #25245d; */
	color: transparent;
	text-align: center;
	margin-bottom: 0;
	color: var(--primary);
	font-weight: 600;
}

.jorney-row .journey-year>span {
	position: absolute;
	right: 35px;
	top: 5px;
	width: calc(100% - 242px);
	text-align: center;
}

.jorney-row .journey-year>span img {
	width: 42px;
	height: 30px;
	-o-object-fit: contain;
	object-fit: contain;
}

.jorney-row .journey-info-box {
	width: 100%;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	position: relative;
	display: flex;
}

.jorney-row .journey-info-box .journey-img {
	min-width: 172px;
	padding-top: 40px;
	position: relative;
}

.jorney-row .journey-info-box .journey-img::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: 1px;
	height: 40px;
	margin: 0 auto;
	top: 0;
	background: #b5b5b5;
}

.jorney-row .journey-info-box .journey-img figure {
	width: 160px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px;
}

.jorney-row .journey-info-box .journey-img figure img {
	width: 100%;
	height: 60px;
	object-fit: contain;
}

.jorney-row .journey-info-box .journey-img::after {
	content: '';
	position: absolute;
	top: 0;
	width: 200vw;
	height: 1px;
	z-index: -1;
	background-color: #b5b5b5;
	left: -50vw;
}

.jorney-row .journey-info-box .journey-details {
	padding: 40px 20px 0;
	max-width: 300px;
	width: 100%;
	padding-left: 20px;
}


.jorney-row .journey-info-box .journey-details h4 {
	position: relative;
	padding-left: 0;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px;
	font-family: var(--font-secondary);
	text-transform: capitalize;
}


.jorney-row .journey-info-box .journey-details p {
	margin-bottom: 0;
	font-size: 16px;
}

.journey-slider .swiper-slide:last-child .journey-box .journey-year:before {
	display: none;
}

.journey-slider .swiper-slide:last-child .journey-box .journey-year span {
	display: none;
}

.sec-title.center {
	text-align: center;
}

.sec-title.center h2 {
	padding: 0;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.sec-title.center h2::before {
	border-bottom: 0;
	height: 6px;
	width: 100px;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: none;
	bottom: 0;
	top: auto;
}

.sec-title.center h2+p {
	margin: 0 auto;
}

.technology-section {
	overflow: hidden;
	background: var(--quaternary);
}

.bottom-fixed {
	position: fixed;
	right: 30px;
	bottom: 30px;
	display: flex;
	grid-gap: 8px;
	z-index: 999;
}

.bottom-fixed a {
	display: flex;
	transition: all 350ms ease-in-out;
	position: relative;
	color: var(--black);
	width: 45px;
}

.bottom-fixed a img {
	width: 100%;
}


.bottom-fixed a span {
	position: absolute;
	right: calc(100% + 8px);
	top: 50%;
	transform: translateY(-50%);
	background: var(--white);
	white-space: nowrap;
	padding: 4px 8px;
	font-size: 12px;
	border-radius: 7px;
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.1));
	transition: all 350ms ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.bottom-fixed a span:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #fff;
	border-right: 0;
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.bottom-fixed .contact-bottom span {
	bottom: calc(100% + 8px);
	right: 0;
	left: auto;
	top: auto;
	transform: none;
}

.bottom-fixed .contact-bottom span:after {
	right: 27px;
	left: auto;
	bottom: -8px;
	transform: rotate(90deg) translateY(-50%);
	top: auto;
}

@media (hover : hover) {
	.bottom-fixed a:hover span {
		opacity: 1;
		visibility: visible;
	}
}

.full-view {
	display: flex;
}

.video-responsive {
	position: relative;
	padding-top: 40%;
	display: block;
	overflow: hidden;
}

.video-responsive iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.inner-banner {

	position: relative;
	padding: 150px 0;
	text-align: center;
	z-index: 1;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.inner-banner::before {
	background: rgba(0, 0, 0, 0.50) none repeat scroll 0 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	content: "";
	z-index: -1;
	display: none;
}

.inner-banner h2 {
	margin: 0 0 10px;
	font-size: 50px;
	font-weight: 700;
	color: var(--white);
}

.inner-banner .breadcrumb a,
.inner-banner .breadcrumb span {
	display: inline-block;
	vertical-align: middle;
}

.inner-banner .breadcrumb a,
.inner-banner .breadcrumb span.page-title {
	color: var(--white);
	font-size: 16px;
}

.inner-banner .breadcrumb a:hover {
	color: var(--primary);
}

.inner-banner .breadcrumb span.page-title {
	color: var(--primary);
	font-weight: 600;
}

.inner-banner .breadcrumb span.sep {
	color: var(--white);
	margin-left: 7px;
	opacity: 0.3;
	margin-right: 7px;
}

/* Contact Us */
.section-row.contact-section {
	background: #fbfbfb;
	padding-bottom: 220px;
}

.contact-form-field {
	padding: 50px 80px;
}

.contact-section .cols .col {
	display: flex;
}

.contact-box {
	text-align: center;
	background-color: var(--white);
	padding: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	border-radius: 20px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.contact-box a {
	display: block;
	color: var(--dark);
	font-size: 16px;
}

.contact-box a:hover {
	color: var(--primary);
}

.contact-box p {
	margin: 0;
	font-size: 16px;
}

.contact-box p span {
	display: block;
	font-weight: 700;
	margin-bottom: 5px;
}

.contact-box figure {
	margin-bottom: 10px;
}

.contact-box h5 {
	font-weight: 500;
	margin-bottom: 10px;
	font-size: 20px;
}

.contact-box figure img {
	width: 50px;
	height: 50px;
}

.contact-form-box {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: -120px;
	position: relative;
	z-index: 10;
	background-color: white;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	border-radius: 20px;
	overflow: hidden;
}

.contact-form-section {
	padding-bottom: 100px;
}

/* About Us */
.net-work {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	grid-gap: 30px;
}

.net-work h6 span {
	display: block;
	font-size: 40px;
	color: var(--primary);
	font-weight: 700;
}

.net-work h6 {
	font-size: 18px;
	font-weight: 400;

}



.vision-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	/* background: #fef2e8; */
}

.vision-content {
	padding: 80px 80px 80px 30px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	min-height: 600px;
}

.vision-info {
	max-width: 640px;
	width: 100%;
}

.vision-info .sec-title {
	margin-bottom: 0;
}

.vision-img {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.vision-row:nth-child(even) .vision-content {
	order: 1;
	justify-content: flex-start;
	padding: 80px 30px 80px 80px;
}

.swiper-btn-row {
	display: flex;
	position: absolute;
	right: 0;
	bottom: 0;
	grid-gap: 10px;
}

.swiper-btn {
	position: static;
	transform: none;
	margin-top: 0;
	background: none;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 400;
	border: 1px solid var(--primary);
	transition: all 350ms ease-in-out;
}

.product-section .sec-title,
.arrow-abs .sec-title {
	padding-right: 130px;
	position: relative;
}

.group-of-company-row {
	display: flex;
	justify-content: center;
	align-items: center;
	grid-gap: 50px 100px;
	flex-wrap: wrap;
}

.group-of-company-row figure {
	padding: 0;
	display: flex;
	margin: 0;
}

.group-of-company-row figure img {
	width: 160px;
	height: 70px;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.company-section {
	background: #fef2e8;
}

.our-certificate-section .group-of-company-row {
	justify-content: center;
}

.our-certificate-section .sec-title h2 span,
.company-section .sec-title h2 span {
	display: inline;
}

/* Product List */
.product-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 40px;
}


.product-list .product-inner-box .content-box {
	position: static;
	max-width: 100%;
	border-radius: 0;
	background: transparent;
	color: var(--tertiary);
	padding: 20px 20px;
}

.product-list .product-inner-box .image-box {
	height: auto;
	border-radius: 16px;
	overflow: hidden;
}

.product-list .product-inner-box {
	background: #fff;
	padding: 20px;
	box-shadow: 0px 5px 60px 0px rgba(0, 0, 0, 0.1);
	border-radius: 16px;
	position: relative;
	z-index: 1;
}

.product-list .product-inner-box .image-box figure.overlay-anim {
	aspect-ratio: 550/550;
}

.product-list .product-inner-box .content-box .title {
	color: currentColor;
	transition: all 500ms ease;
}

.product-list .product-inner-box .content-box .title span {
	display: block;
	color: #999;
	font-size: 16px;
	font-weight: 500;
	transition: all 500ms ease;
}

.product-list .product-inner-box:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	transition: all 500ms ease;
	background: var(--primary);
	z-index: -1;
}

.product-list .product-inner-box:hover:after {
	top: 0;
	height: 100%;
}

.product-list .product-inner-box:hover .title {
	color: #fff;
}

.product-list .product-inner-box:hover .title span {
	color: #fff;
}

/* Tabs */
.custom-tab {
	display: flex;
	align-items: flex-start;
	grid-gap: 40px;
}

.sidebar {
	max-width: 350px;
	width: 100%;
	position: sticky;
	top: var(--headerHeight);
}

.custom-tab .tabnav {
	/* background: #fef2e8; */
	background: var(--floens-white2, #F2EEEA);

	padding: 30px 20px;
	border-radius: 16px;
	flex-direction: column;
	align-items: flex-start;

	border: 0;

	grid-gap: 15px;
}

.custom-tab .tabnav li {
	width: 100%;
	text-align: left;
	text-transform: none;
}

.custom-tab .tabnav li a {
	position: relative;
	display: block;
	padding: 19px 30px;
	font-size: 18px;
	line-height: 1;
	text-transform: capitalize;
	background-color: #fff;
	transition: all 500ms ease;
	z-index: 1;
	border: 0;
	border-radius: 8px;
	overflow: hidden;
}

.custom-tab .tabnav li a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	width: 4px;
	height: 10px;
	background-color: var(--primary);
}

.custom-tab .tabnav li a::after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background-color: var(--primary);
	transition: all 500ms ease;
}

.custom-tab .tabnav li a:hover:after {
	left: 0;
	width: 100%;
}

.custom-tab .tabnav li a:hover {
	color: #fff;
}

.custom-tab .tabnav li.active a {
	color: var(--floens-white, #ffffff);
	background-color: var(--primary);
}

.custom-tab .tab-container {
	width: 100%;
	border: 0;
	padding: 0;
}

.tab-content-box h4 {
	margin-bottom: 30px;
	width: 100%;
	font-weight: 500;
}

.tab-boxes {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 30px;
}

.product-box-style {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: #fff;
	padding: 20px 20px 10px;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0px 5px 60px 0px rgba(0, 0, 0, 0.1);
}

.product-box-style figure {
	width: 100%;
	display: flex;
	overflow: hidden;
	aspect-ratio: 400/300;
	border-radius: 8px;
}

.product-box-style figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.size-info {
	padding: 10px 0;
	color: #555;
	font-size: 18px;
	width: 100%;
}


.download-brochure {
	/* padding: 80px 0; */
	background: var(--primary);
	position: relative;
	z-index: 1;
}

.download-brochure .dots {
	position: absolute;
	left: 20px;
	top: 50px;
	width: 50px;
	height: 50px;
	object-fit: contain;
	z-index: -1;
}

.download-brochure .shape {
	position: absolute;
	right: 0;
	top: 0;
	width: 380px;
	height: 100%;
	object-fit: cover;
	z-index: -1;
	object-position: left center;
}

.download-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	grid-gap: 32px;
}

.download-row .sec-title {
	color: #fff;
	margin-bottom: 0;
	max-width: 800px;
}

.download-row .sec-title h2 span {
	color: #fff;
}

.download-row .sec-title h2::before {
	background: #fff;
}

.related-product-section {
	background: var(--quaternary);
}

.related-product-section .product-row {
	overflow: hidden;
}

.related-product-section .sec-title {
	padding-right: 130px;
	position: relative;
}

.swiper .swiper-pagination {
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	grid-gap: 8px;
}

.swiper .swiper-pagination .swiper-pagination-bullet {
	margin: 0;
	width: 10px;
	height: 10px;
	background: var(--secondary);
	opacity: 1;
}

.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--primary);
}