@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Special+Elite&family=Stack+Sans+Notch:wght@200..700&display=swap');

@font-face {
	font-family: "socialico";
	src: url("fonts/Socialico/Socialico.eot");
	src: url("fonts/Socialico/Socialico.eot?#iefix") format("embedded-opentype"), url("fonts/Socialico/Socialico.woff2") format("woff2"), url("fonts/Socialico/Socialico.woff") format("woff"), url("fonts/Socialico/Socialico.ttf") format("truetype"), url("fonts/Socialico/Socialico.svg#lobster_1.4regular") format("svg");
}

@font-face {
	font-family: "Formula1";
	src: url("fonts/Formula1/formula1-display-regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Arial";
	src: url("fonts/Arial/arial.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Sprintura Demo";
	src: url("public/styles/fonts/SprinturaDemo/SprinturaDemo.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Myriad Pro";
	src: url("public/styles/fonts/Myriad/MyriadProRegular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

/* root colors */
/* element-class: var(--value-value); */
:root {
	--bg-color: #ffffff;
	--c1-color: #292929;
	--c2-color: #292928;
	--c3-color: #292929;
	--accent: #b6410f;
	--bg: linear-gradient(to right, var(--accent3), var(--accent4));
	--card-height: 300px;
	--card-width: calc(var(--card-height) / 1.5);
	--loader: #fcfdfc;

	--g1-based: #D09215;
	--g1-child: linear-gradient(180deg, rgba(208, 146, 21, 1) 0%, rgba(229, 126, 14, 1) 35%, rgba(102, 225, 80, 1) 82%, rgba(102, 225, 80, 1) 100%);
}

/* Themes */
/* .dark-theme {
    --bg-color: #f0fffd;
    --bg2-color: #e0e0e0;
    --text-color: #060606;
} */

.suspension-contain {
	max-height: 980px;
	overflow: hidden;
	position: relative;
}

html.suspended {
	background: rgba(0, 0, 0, 0.6);
}

body {
	max-width: 100%;
	min-width: 1200px;
	margin: 0 auto;
	text-align: center;
	font-family: 'Lato', sans-serif
}

/* images Style */
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	font-style: italic;
	background-repeat: no-repeat;
	background-size: cover;
}

a {
	color: inherit;
	text-decoration: none
}

a:hover {
	text-decoration: none;
	color: inherit;
}

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

.row {
	/* max-width: 1200px; */
	margin: 0 auto
}

/*floats*/
.fl {
	float: left;
}

.fr {
	float: right;
}

/*typography*/
.text-primary {
	color: #B11414;
}

.text-bold {
	font-weight: 700;
}

.text-uppercase {
	text-transform: uppercase
}

.text-center {
	text-align: center !important;
}

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

/*button*/
.button {
	font-size: 15px;
	font-weight: 400;
	color: #000;
	display: inline-block;
	padding: 10px 30px;
	background: #fff;
	border: 1px solid transparent;
	transition: all 0.5s ease;
}

.button:hover {
	background: #ddd;
	border-color: #ddd;
	color: #ddd;
	color: #fff;
}

/* downdown css */
/* .dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	min-width: 290px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
	z-index: 1;

	background: #000;
	color: #000 !important;
	text-align: left;
}

.dropdown.show .dropdown-content {
    display: block;
}

.dropdown-toggle {
    cursor: pointer;
} */

/*clearings*/
.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.clearfix {
	display: block;
}

/*cookie*/
.cc-animate.cc-revoke.cc-bottom {
	font-size: 14px;
	padding: 5px 10px;
	position: fixed;
	display: block !important;
	transform: none !important;
	bottom: 0 !important;
	left: 20px !important;
}

/*call to action*/
.cta {
	display: none;
}

/*contact form messages*/
form .messages p {
	display: none;
	font-family: Arial !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	font-size: 16px !important;
}

form .loading {
	display: none;
}

form .alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

form .alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

form .alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

form [type="submit"] {
	margin: 0px auto
}

/*contact form*/
.ctc-form {
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.ctc-form label {
	width: 100%;

	font-family: "Arial", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.6;
}

.ctc-form input[type="text"],
.ctc-form textarea {
	font-family: Arial;
	font-size: 16px;
	color: #ffffff;
	height: 60px;
	display: block;
	width: 100%;
	border: 1px solid #FFFFFF;
	background: transparent;
	border-radius: 1px;
	padding: 5px 10px;
	box-sizing: border-box;
	margin: 0 auto 8px;
}

.ctc-form ::placeholder {
	font-size: 16px;
	font-family: "Myriad Pro", sans-serif;
	font-weight: 400;
	color: #8F8F8F;
}

.ctc-form textarea {
	height: 150px;
	padding-top: 10px;
	margin: 0 0 23px 0;
}

.ctc-form button {
	display: block;

	padding: 16px 52px;
	border-radius: 2px;
	margin: 0;
	transition: .5s;
	cursor: pointer;
	border: none;
	white-space: nowrap;
	transition: .5s;

	background: var(--g1-based);
	background: var(--g1-child);

	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #000000;
	letter-spacing: .5px;
}

.ctc-form button:hover {
	transform: scale(1.07);
}

.ctc-form .recap {
	display: inline-block;
}

.ctc-form .g-recaptcha div {
	margin: 0 auto 10px;
}

.ctc-form .ctc-hide {
	display: none;
}

/*gallery*/
#content .gallery-container {
	text-align: center;
}

#content .gallery {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#content .gallery li {
	display: inline-block;
}

#content .thumbnail {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	display: block;
	line-height: .42857;
	margin-bottom: 20px;
	padding: 4px;
	transition: border 0.5s ease-in-out 0s;
}

#content .thumbnail:hover {
	transform: scale(1.02);
}

#content .page_navigation {
	display: inline-block;
}

#content .page_link,
#content .previous_link,
#content .next_link,
#content .first_link,
#content .last_link,
#content .ellipse {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #0275d8;
	display: inline-block;
	line-height: 1.25;
	margin-left: -1px;
	padding: 0.5rem 0.75rem;
	position: relative;
}

#content .page_navigation>a:hover,
.page_navigation>a.active_page {
	background-color: #eceeef;
	border-color: #ddd;
	color: #014c8c;
	text-decoration: none;
}

h1 {
	font-size: 100px;
	font-weight: 100;
	color: #000;
}

/* =============== header css =============== */
#header {
	background: transparent;
	position: relative;
}

#header .row {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#header .row .inner-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;

	width: 100%;
	max-width: 1852px;

	padding: 0 10px 0 62px;
}

#header nav a#pull {
	display: none
}

#header nav ul {
	margin: 0;
	padding: 0;
}

#header nav ul li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

#header nav ul li a {
	padding: 27px 23px 14px 23px;
	display: inline-block;

	font-family: "Formula1", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 1px;
	color: #FFFFFF;
}

#header nav ul li.active-menu a,
#header nav ul li a:hover {
	color: #FFFFFF;
	background: url(../images/common/nav-bg.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

#header nav ul li.active-menu a {
	font-weight: 900;
	font-family: "Montserrat", sans-serif;
}

#header .hdRight {
	text-align: right;
}

#header .hdRight p {
	line-height: 1;
	margin: 0;
	color: #fff;
}

#header .hdRightBot {
	padding-top: 20px;
	border-top: 1px solid #222222;
	margin-top: 15px;
}

#header .hdSocial a {
	font-family: "socialico";
	font-size: 35px;
	color: #007FFF;
}

#header .hdSocial a:hover {
	color: #FFFFFF;
}

#header .hdPhone {
	font-size: 22px;
	vertical-align: top;
}

#header .hdPhone img {
	vertical-align: bottom;
}

#header .hdEmail {
	font-size: 16px;
}

#header .hdInfo,
.hdPhone {
	display: inline-block;
}

#header .hdInfo {
	border-left: 1px solid #222222;
	margin-left: 15px;
	padding-left: 15px;
	text-align: center;
}

#header .l-container {
	padding: 27px 0 0 0;
}

#header .l-container img {
	transition: .5s;
}

#header .l-container img:hover {
	transform: scale(1.07);
	cursor: pointer;
}

#header .r-container {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	flex-direction: column;
	gap: 55px;
}

#header .r-container .nav-info {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row;
	gap: 78px;
}

#header .r-container .nav-info .info-call {
	padding: 10px 0 0 0;
}

#header .r-container .nav-info .info-call img {
	margin: 0 5px;
}

#header .r-container .nav-info .info-call a {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #FFFFFF;
	letter-spacing: 1px;
}

#header .r-container .nav-info .info-call a .span-1 {
	font-family: "Formula1", sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	letter-spacing: 0;
}

#header .r-container .info-icons {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row;
	width: 100%;
	gap: 25px;
}

/* dropdown */
#header nav ul li ul.dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #000;
	list-style: none;
	padding: 0;
	margin: 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	z-index: 999;
}

#header nav ul li ul.dropdown-menu li a {
	padding: 10px 20px;
	white-space: nowrap;
	color: #fff;
	text-align: left;
}

#header nav ul li:hover>ul.dropdown-menu {
	display: block;
}

#header nav ul li a:hover {
	color: #ffffff;
}

/* =============== header css =============== */

/* banner */
#banner {
	background: url(../images/common/banner-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	width: 100%;
}

#banner .row {
	min-height: 1039px;
	max-width: 1688px;
	width: 100%;

	padding: 330px 10px 20px 10px;
	text-align: left;

	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: 20px;
}

#banner .text {
	display: inline-block;
	vertical-align: top;
	width: 462px;
	height: 462px;
	margin: 108px 0 0;
	padding: 10px;
	text-align: center;
	border-radius: 50%;
	box-sizing: border-box;
	background: rgb(0, 45, 78, 0.8);
	margin-right: -120px;
}

#banner .text .bnBox {
	width: 100%;
	height: 100%;
	padding: 20% 2% 0;
	border-radius: 50%;
	border-width: 2px;
	border-style: solid;
	box-sizing: border-box;
	border-color: rgb(255, 255, 255, 0.8);
}

#banner .text h2 {
	padding: 0 0 20px;
	font-size: 40px;
	font-weight: 900;
}

#banner .text p {
	font-size: 18px;
	line-height: 122%;
	font-weight: bold;
}

#banner .text p .button {
	margin: 10px 0 0;
}

#banner h1 {
	font-family: "Special Elite", sans-serif;
	font-size: 42px;
	font-weight: 400;
	color: #708093;
	line-height: 1.4;

	max-width: 655px;
	width: 100%;
}

#banner p {
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.8;

	max-width: 397px;
	width: 100%;
	margin: 0 0 0 6px;
}

#banner .btn {
	padding: 16px 56px;
	border-radius: 2px;
	margin: 15px 0 0 6px;
	transition: .5s;
	cursor: pointer;

	background: var(--g1-based);
	background: var(--g1-child);

}

#banner .btn a {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #000000;
	letter-spacing: .5px
}

#banner .btn:hover {
	transform: scale(1.07);
}

/* end */

/* ================= Home 1  Section CSS ================= */
#home-1 {
	background: url(../images/common/h-1-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	width: 100%;
}

#home-1 .row {
	min-height: 913px;
	width: 100%;
	max-width: 1504px;
	padding: 40px 30px 30px 10px;

	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	gap: 20px;
}

#home-1 .t-container {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

#home-1 .t-container .inner-txt {
	width: 100%;
	max-width: 618px;
	text-align: left;

	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: 5px;
}

#home-1 .t-container .inner-txt h1 {
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	font-style: italic;
	font-size: 17px;
	color: #444444;
	line-height: 1.4;
	padding: 0 0 15px 0;
}

#home-1 .t-container .inner-txt h2 {
	font-weight: 400;
	font-family: "Special Elite", sans-serif;
	font-size: 54px;
	color: #707F92;
	line-height: 1.4;

	width: 100%;
	max-width: 600px;
}

#home-1 .t-container .inner-txt h3 {
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	font-style: italic;
	font-size: 13px;
	color: #CCCCCC;

	width: 100%;
	max-width: 607px;
	margin: -11px 0 15px 0;
}

#home-1 .t-container .inner-txt p {
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 1.8;

	width: 100%;
	max-width: 607px;
}

#home-1 .t-container .inner-txt .btn {
	padding: 16px 56px;
	border-radius: 2px;
	margin: 15px 0 0 0;
	transition: all .3s ease-in-out;
	cursor: pointer;

	background: var(--g1-based);
	background: var(--g1-child);
}

#home-1 .t-container .inner-txt .btn a {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #000000;
	letter-spacing: .5px
}

#home-1 .t-container .inner-txt .btn:hover {
	transform: scale(1.07);
}

#home-1 .b-container {
	width: 100%;
	text-align: left;

	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-direction: row;
	gap: 10px;
}

#home-1 .b-container .l-content {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	gap: 27px;
	padding: 0 0 75px 0;
}

#home-1 .b-container .l-content h2 {
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	font-style: italic;
	font-size: 17px;
	color: #444444;
}

#home-1 .b-container .l-content h1 {
	font-weight: 400;
	font-family: "Special Elite", sans-serif;
	font-size: 54px;
	color: #708093;
}

#home-1 .b-container .r-content {
	width: 100%;
	max-width: 607px;

	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-direction: column;
	gap: 30px;
	padding: 0 0 100px 0;
}

#home-1 .b-container .r-content p {
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	width: 100%;
	line-height: 1.8;
}

.arrow-container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row;

	gap: 10px;
	width: 100%;
	padding: 0 50px 0 0;
}

/* ================= Home 1  Section CSS ================= */

/* ================= Home 2  Section CSS ================= */
#home-2 {
	background-color: #111111;

	width: 100%;
}

#home-2 .row {
	min-height: 692px;
	width: 100%;
	max-width: 1920px;

	display: flex;
	align-items: center;
	justify-content: space-between;
}

#home-2 .card-container {
	display: flex;
	align-items: center;
	justify-content: start;
	flex-direction: row;
	width: 100%;
	column-gap: 100px;
	row-gap: 30px;
}

#home-2 .card-container .card {
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;

	width: 100%;
	max-width: 477px;
	min-height: 692px;
	padding: 42px 30px 52px 39px;
	cursor: grab;
	transition: all .5s ease-in-out;

	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
}

#home-2 .card-container .card:nth-of-type(1) {
	background: url(../images/common/1-1.png);
}

#home-2 .card-container .card:nth-of-type(2) {
	background: url(../images/common/1-5.png);
}

#home-2 .card-container .card:nth-of-type(3) {
	background: url(../images/common/1-3.png);
}

#home-2 .card-container .card:nth-of-type(4) {
	background: url(../images/common/1-4.png);
}

#home-2 .card-container .card .t-content {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#home-2 .card-container .card .t-content h3 {
	font-size: 54px;
	color: transparent;
	font-family: "Exo 2", sans-serif;
	font-weight: 700;
	-webkit-text-stroke: 1px #617080;
	/* text-stroke: 1px #617080; */
}

#home-2 .card-container .card .b-content {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: 15px;
}

#home-2 .card-container .card .b-content h2 {
	font-weight: 400;
	font-family: "Special Elite", sans-serif;
	font-size: 18px;
	color: #60707F;
	width: 100%;
	text-align: left;
}

#home-2 .card-container .card .b-content .btn {
	width: 100%;
	text-align: left;
}

#home-2 .card-container .card .b-content .btn a img {
	padding: 0 0 0 10px;
}

#home-2 .card-container .card .b-content .btn a {
	font-weight: 400;
	font-family: "Sprintura Demo", sans-serif;
	font-size: 14px;
	color: #60707F;
}

#home-2 .card-container .card .b-content .content-h {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease-in-out;
}

#home-2 .card-container .card .b-content .content-h p {
	font-weight: 400;
	font-family: "Arial", sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	width: 100%;
	line-height: 1.8;
	max-width: 347px;
	text-align: left;
	padding: 5px 0 15px 0;
}

#home-2 .card-container .card:hover .b-content .content-h {
	opacity: 1;
	visibility: visible;
	max-height: 100%;
}

#home-2 .card-container .card:hover .t-content h3 {
	-webkit-text-stroke: 1px #ffffff;
	/* text-stroke: 1px #ffffff; */
}

#home-2 .card-container .card:hover {
	border-top: 19px solid #66E150;
}

#home-2 .card-container .card:hover .b-content .inner-hide {
	display: block;
}

/* ================= Home 2  Section CSS ================= */

/* ================= Home 3  Section CSS ================= */
#home-3 {
	background: url(../images/common/h3-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #111111;

	width: 100%;
}

#home-3 .row {
	min-height: 1171px;
	width: 100%;
	max-width: 1482px;
	padding: 108px 18px 145px 10px;

	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
}

#home-3 .t-container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	gap: 20px;

	text-align: left;
	width: 100%;
}

#home-3 .t-container .l-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	width: 100%;
	max-width: 618px;
}

#home-3 .t-container .l-content .t-img {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#home-3 .t-container .l-content .b-img {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#home-3 .t-container .l-content .b-img img {
	margin: -100px 0 0 0;
}

#home-3 .t-container .l-content .t-img img,
#home-3 .t-container .l-content .b-img img {
	transition: all 0.3s ease-in-out;
	cursor: grab;
}

#home-3 .t-container .l-content .t-img img:hover,
#home-3 .t-container .l-content .b-img img:hover {
	transform: scale(1.07);
}

#home-3 .t-container .r-content {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	gap: 30px;

	width: 100%;
	max-width: 754px;
	padding: 24px 0 0 0;
}

#home-3 .t-container .r-content h1 {
	font-size: 54px;
	font-weight: 400;
	font-family: "Special Elite", sans-serif;
	color: #5F707F;
	line-height: 1.2;
}

#home-3 .t-container .r-content p {
	font-size: 15px;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
	color: #FFFFFF;
	line-height: 2;
	width: 100%;
	max-width: 749px;
}

#home-3 .t-container .r-content .btn {
	padding: 12px 42px;
	border-radius: 2px;
	margin: 5px 0 0 0;
	transition: .5s;
	cursor: pointer;

	background: var(--g1-based);
	background: var(--g1-child);

}

#home-3 .t-container .r-content .btn a {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #111111;
	letter-spacing: .5px;
}

#home-3 .t-container .r-content .btn a .span-1 {
	font-family: "Arial", sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #111111;
	letter-spacing: 0px;
}

#home-3 .t-container .r-content .btn a img {
	margin: 0 5px 0 15px;
}

#home-3 .t-container .r-content .btn:hover {
	transform: scale(1.07);
}

#home-3 .b-container {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

#home-3 .b-container .info-txt {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: 28px;

	width: 100%;
	max-width: 710px;
	text-align: left;
	padding: 0 0 0 14px;
}

#home-3 .b-container .info-txt h1 {
	font-size: 54px;
	font-weight: 400;
	font-family: "Special Elite", sans-serif;
	color: #5F707F;
	line-height: 1.2;
}

#home-3 .b-container .info-txt p {
	font-size: 15px;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
	color: #FFFFFF;
	line-height: 2;
	width: 100%;
	max-width: 657px;
}

#home-3 .b-container .info-txt .btn, #home-4 .b-container .btn {
	padding: 12px 56px;
	border-radius: 2px;
	margin: 12px 0 0 0;
	transition: .5s;
	cursor: pointer;

	background: var(--g1-based);
	background: var(--g1-child);

}

#home-4 .b-container .btn {    display: block;
    width: 220px;
    margin: auto;}

#home-3 .b-container .info-txt .btn a {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #000000;
	letter-spacing: .5px;
}

#home-3 .b-container .info-txt .btn:hover {
	transform: scale(1.07);
}

/* ================= Home 3  Section CSS ================= */

/* ================= Home 4  Section CSS ================= */
#home-4 {
	background: url(../images/common/h-4-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #4A545F;

	width: 100%;
}

#home-4 .row {
	min-height: 661px;
	width: 100%;
	max-width: 1616px;
	padding: 39px 10px 20px 69px;

	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
}

#home-4 .t-container {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: 10px;
	text-align: left;
}

#home-4 .t-container h2 {
	font-family: "Montserrat", sans-serif;
	font-size: 17px;
	font-weight: 700;
	font-style: italic;
	color: #FFFFFF;
}

#home-4 .t-container h1 {
	font-family: "Special Elite", sans-serif;
	font-size: 54px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.2;
	width: 100%;
	max-width: 868px;
}

#home-4 .b-container {
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

#home-4 .b-container .review-slider {
	width: 100%;
	max-width: 1013px;
}

#home-4 .swiper {
	width: 100%;
	/* height: 410px; */
	margin: 40px auto;
	border-radius: 0;
	overflow: hidden;
	position: relative;
}

#home-4 .swiper-slide {
	width: 100%;
	height: 450px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin: 100px 0 0 0;
	padding: 42px 5px 20px 34px;
	text-align: left;

	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: 15px;
}

/* #home-4 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
} */
/* Navigation arrows */
#home-4 .swiper-button-prev,
#home-4 .swiper-button-next {
	background: transparent;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	transition: all 0.3s ease;
	z-index: 999;
	color: #fff;
	border: 3px solid #ffffff;
}

#home-4 .swiper-button-next {
	position: absolute;
	top: 30px;
	right: 0;
}

#home-4 .swiper-button-prev {
	position: absolute;
	top: 30px;
	left: 930px;
}

#home-4 .swiper-button-next:hover,
#home-4 .swiper-button-prev:hover {
	background: rgba(0, 0, 0, 0.7);
}

#home-4 .swiper-button-next::after,
#home-4 .swiper-button-prev::after {
	font-size: 18px;
	font-weight: bold;
}

/* Pagination dots */
#home-4 .swiper-pagination-bullet {
	background: #fff;
	opacity: 0.7;
}

#home-4 .swiper-pagination-bullet-active {
	background: #007aff;
	opacity: 1;
}

#home-4 .swiper .t-info p {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 1.8;
}

#home-4 .swiper .t-info img { width: 80px;}

#home-4 .swiper .swiper-slide:nth-child(1) .t-info p {
	width: 100%;
	max-width: 417px;
}

#home-4 .swiper .swiper-slide:nth-child(2) .t-info p {
	width: 100%;
	max-width: 445px;
}

#home-4 .swiper .swiper-slide:nth-child(3) .t-info p {
	width: 100%;
	max-width: 417px;
}


#home-4 .swiper .img-star {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: 25px;
}

#home-4 .swiper .img-star .r-star {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
}

#home-4 .swiper .img-star .r-star p {
	font-size: 19px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	color: #FFFFFF;
	letter-spacing: .5px;
}

/* ================= Home 4  Section CSS ================= */

/* ================= Home 5  Section CSS ================= */
#home-5 {
	background: url(../images/common/h-5-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #111111;


	width: 100%;
}

#home-5 .row {
	width: 100%;
	max-width: 1503px;
	padding: 58px 10px 20px 10px;
	min-height: 1272px;

	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	gap: 42px;
}

#home-5 h1 {
	font-size: 54px;
	font-family: "Special Elite", sans-serif;
	color: #707F92;
	font-weight: 400;
	width: 100%;
	text-align: center;
	padding: 0 0 8px 0;
}

#home-5 .gallery-slider-tabs {
	width: 100%;
}

/* Main gallery */
#home-5 .gallerySwiperMain {
	width: 100%;
	height: 714px;
	--swiper-navigation-color: #fff;
	--swiper-pagination-color: #fff;
}

#home-5 .gallerySwiperMain .swiper-slide {
	background-size: cover;
	background-position: center;
}

#home-5 .gallerySwiperMain img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Thumbnail gallery */
#home-5 .holder {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#home-5 .gallerySwiperThumbs {
	height: 186px;
	box-sizing: border-box;
	padding: 20px 30px;
	width: 60%;
	margin: -260px 0 0 0;
	z-index: 999999;
}

#home-5 .gallerySwiperThumbs .swiper-slide {
	width: 100%;
	height: 100%;
	opacity: 1;
	cursor: pointer;
	/* height: 148px; */
}

#home-5 .gallerySwiperThumbs .swiper-slide-thumb-active {
	opacity: 1;
	/* height: 100%; */
	transform: scale(1.2);
}

#home-5 .gallerySwiperThumbs img {
	width: 100%;
	height: 148px;
	object-fit: cover;
	display: block;
	border: 3px solid #ffffff;
}

/* Navigation arrows */
#home-5 .swiper-button-prev,
#home-5 .swiper-button-next {
	background: transparent;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	transition: all 0.3s ease;
	z-index: 999;
	color: #fff;
	border: 4px solid #ffffff;
}

#home-5 .swiper-button-next {
	position: absolute;
	top: 590px;
	right: 260px;
}

#home-5 .swiper-button-prev {
	position: absolute;
	top: 590px;
	left: 260px;
}

#home-5 .swiper-button-next::after,
#home-5 .swiper-button-prev::after {
	font-size: 18px;
	font-weight: bold;
}

#home-5 .swiper-button-next:hover,
#home-5 .swiper-button-prev:hover {
	background: rgba(0, 0, 0, 0.7);
}

#home-5 .b-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 185px;
}

#home-5 .b-content h2 {
	font-family: "Special Elite", sans-serif;
	font-size: 43px;
	font-weight: 400;
	color: #707F92;
}

#home-5 .b-content .btn {
	padding: 16px 27px;
	border-radius: 2px;
	margin: 12px 0 0 0;
	transition: .5s;
	cursor: pointer;

	background: var(--g1-based);
	background: var(--g1-child);

}

#home-5 .b-content .btn a {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #000000;
	letter-spacing: .5px;
}

#home-5 .b-content .btn:hover {
	transform: scale(1.07);
}

/* ================= Home 5  Section CSS ================= */

/* ================= Footer  Section CSS ================= */
#footer {
	background: url(../images/common/footer-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #111111;

	width: 100%;
}

#footer .row {
	min-height: 1291px;
	width: 100%;
	max-width: 1615px;
	padding: 10px 10px 45px 36px;

	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	gap: 22px;
}

#footer .top-form {
	width: 100%;
	max-width: 1502px;
	padding: 82px 68px 78px 68px;
	margin: 0 0 0 12px;

	background: url(../images/common/footer-form-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#footer .top-form h1 {
	font-family: "Special Elite", sans-serif;
	font-size: 54px;
	font-weight: 400;
	color: #FFFFFF;
}

#footer .top-form p {
	font-family: "Arial", sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.8;

	width: 100%;
	max-width: 721px;
	padding: 0 0 10px 0;
}

#footer .top-form .f-flex {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: 10px;
}

#footer .top-form .f2-flex {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row-reverse;
	gap: 10px;
}

#footer .top-form .f2-flex .r-box {
	text-align: left;
}

#footer .top-form .f2-flex .l-box {
	width: 100%;
	max-width: 540px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: row;
	gap: 20px;
}

/* mid content */
#footer .m-container {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-direction: row;
	gap: 10px;

	width: 100%;
}

#footer .m-container .l-content {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	gap: 34px;
	text-align: left;
	width: 100%;
	max-width: 549px;
	padding: 0 0 10px 0;
}

#footer .m-container .l-content .contact-info {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	gap: 25px;
	width: 100%;
	max-width: 435px;
}

#footer .m-container .l-content .contact-info .info {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	gap: 18px;
}

#footer .m-container .l-content .contact-info .info:nth-child(1) a {
	font-size: 27px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	color: #FFFFFF;
}

#footer .m-container .l-content .contact-info .info:nth-child(2) a {
	font-size: 20px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #FFFFFF;
}

#footer .m-container .l-content .contact-info .info:nth-child(3) a {
	font-size: 19px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #FFFFFF;
	width: 100%;
	line-height: 1.6;
}

#footer .m-container .m-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	max-width: 310px;
}

#footer .m-container .m-content h2 {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #FFFFFF;
}

#footer .m-container .m-content .txt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	gap: 20px;
	width: 100%;
}

#footer .m-container .m-content .txt h3 {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;

	width: 100%;
	text-align: left;
}

#footer .m-container .r-content {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	flex-direction: column;
	gap: 20px;
	text-align: right;
}

#footer .m-container .r-content .info-icons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 38px;
	padding: 0 0 14px 0;
}

#footer .m-container .r-content h2 {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 19px;
	color: #FFFFFF;
}

#footer .b-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 48px 0 0 0;

	width: 100%;
}

#footer .b-container .f-nav nav ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: 40px;
}

#footer .b-container .f-nav nav ul li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

#footer .b-container .f-nav nav ul li a {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 1.8px;
}

#footer .b-container .copy-year-info {
	text-align: right;
}

#footer .b-container .copy-year-info p {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	color: #FFFFFF;
}

/* dropdown */
#footer .f-nav nav ul li ul.dropdown-menu {
	display: none;
	position: absolute;
	top: -60px;
	left: 0px;
	background: #000;
	list-style: none;
	padding: 10px;
	margin: 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	z-index: 999;
}

#footer .f-nav nav ul li ul.dropdown-menu li a {
	padding: 10px 0px;
	white-space: nowrap;
	color: #fff;
	text-align: left;
}

#footer .f-nav nav ul li:hover>ul.dropdown-menu {
	display: block;
}

#footer .f-nav nav ul li a:hover {
	color: #ffffff;
}

/* ================= Footer  Section CSS ================= */

/* ================= inner page CSS ================= */
.inner h1 {
	font-family: "Special Elite", sans-serif;
	font-size: 54px;
	font-weight: 400;
	color: #000000;
}

.inner h2 {
	font-family: "Special Elite", sans-serif;
	font-size: 25px;
	font-weight: 400;
	color: #000000;
}

.inner h3 {
	font-family: "Special Elite", sans-serif;
	font-size: 40px;
	font-weight: 400;
	color: #000000;

	margin-top: 20px;
}

.inner p {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #000000;
	line-height: 1.8;
}

.inner #content {
	width: 100%;
	background-color: #f8faff;
}

.inner #content .row {
	width: 100%;
	max-width: 1500px;
	min-height: 600px;
	padding: 50px 10px;

	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	gap: 30px;
	/* border: 1px solid #000; */
}

/* contact us css */
.inner .contact-content {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	gap: 20px;

	width: 100%;
}

.inner .contact-content .form-inner,
.inner .contact-content .maps {
	width: 100%;
}

.inner .contact-content .ctc-form label {
	color: #000000;
	line-height: 1.6;
	text-align: left;
	width: 100%;
}

.inner .contact-content .ctc-form input[type="text"],
.inner .contact-content .ctc-form textarea {
	border: 1px solid #303030;
	color: #000;
	border-radius: 4px;
}

.inner .contact-content .ctc-form button {
	margin: 20px auto;
}

.inner #footer .row {
	min-height: 10px;
}

.inner .contact-content .maps iframe {
	box-shadow: 0px 0px 25px 4px rgba(0, 0, 0, 0.27);
	-webkit-box-shadow: 0px 0px 25px 4px rgba(0, 0, 0, 0.27);
	-moz-box-shadow: 0px 0px 25px 4px rgba(0, 0, 0, 0.27);
}

/* contact us css */

/* Review Inner page css */
.inner .reviews-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 20px;
}

.inner .reviews-content .r-container {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: row;
	gap: 20px;
}

.inner .reviews-content .r-container .r-box {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 20px;
	width: 100%;

	padding: 20px 10px;
	border: 1px solid #dddddd;
	border-radius: 8px;

	box-shadow: 0px 0px 25px 4px rgba(0, 0, 0, 0.27);
	-webkit-box-shadow: 0px 0px 25px 4px rgba(0, 0, 0, 0.27);
	-moz-box-shadow: 0px 0px 25px 4px rgba(0, 0, 0, 0.27);
}

/* Review Inner page css */

/* Remote CSS */
.inner .remote-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 20px;
}

.inner .remote-content .remote-box {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
	flex-direction: row;
	gap: 20px;
}

.inner .remote-content .remote-box .r-box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 10px;

	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 15px 10px;

	box-shadow: 0px 0px 25px 4px rgba(0, 0, 0, 0.27);
	-webkit-box-shadow: 0px 0px 25px 4px rgba(0, 0, 0, 0.27);
	-moz-box-shadow: 0px 0px 25px 4px rgba(0, 0, 0, 0.27);

}

.inner .remote-content .remote-box a {
	width: 50%;
}

.inner .remote-content .bot-card-container {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
	flex-direction: column;
	gap: 20px;
}
.inner .remote-content .bot-card-container .bot-card {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-direction: row;
	gap: 20px;

	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 25px 10px;

	box-shadow: 0px 0px 25px 4px rgba(0, 0, 0, 0.27);
	-webkit-box-shadow: 0px 0px 25px 4px rgba(0, 0, 0, 0.27);
	-moz-box-shadow: 0px 0px 25px 4px rgba(0, 0, 0, 0.27);
}
.inner .remote-content .bot-card-container .bot-card .bot-l-c, 
.inner .remote-content .bot-card-container .bot-card .bot-r-c {
	width: 50%;

	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 15px;
}
.inner .remote-content .bot-card-container .bot-card .btn {
	padding: 15px 25px;
	border: 1px solid #000000;
	max-width: 300px;
	width: 100%;
	transition: .5s;
	cursor: pointer;
}
.inner .remote-content .bot-card-container .bot-card .btn:hover {
	transform: scale(1.07);
}
.inner .remote-content .bot-card-container .bot-card .btn a{
	font-size: 18px;
	font-family: "Special Elite", sans-serif;
	color: #000000;
	font-weight: 400;
}

/* Remote CSS */

/* Gallery css */
.inner .gallery-container img.img-responsive {
	width: 100%;
	max-width: 250px;
}

/* window CSS */
.inner #window-content .gallery-grid-2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.inner #window-content .gallery-grid-2 img {
  width: 100%;
  cursor: pointer;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.inner #window-content .gallery-grid-2 img:hover {
  transform: scale(1.05);
}

.inner #window-content .hidden {
	display: none;
}
/* See More button */
.inner #window-content .see-more {
	margin: 30px auto 0;
	display: block;
	padding: 15px 30px;
	cursor: pointer;

	font-size: 18px;
	font-family: "Special Elite", sans-serif;
	color: #000000;
	font-weight: 400;
}

/* Lightbox */
.inner #window-content .lightbox {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.inner #window-content .lightbox img {
  max-width: 90%;
  max-height: 90%;
}

.inner #window-content .lightbox .close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
}


/* pop up light box */
.popup {
	background: white;
	border-radius: 15px;
	padding: 40px;
	max-width: 500px;
	width: 90%;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
	transform: scale(0.7);
	transition: transform 0.3s ease;
	position: relative;
}

.popup-overlay.active .popup {
	transform: scale(1);
}

/* Close Button */
.close-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	background: #f44336;
	color: white;
	border: none;
	border-radius: 50%;
	font-size: 20px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background 0.3s ease;
}

.close-btn:hover {
	background: #d32f2f;
}

/* Popup Content */
#p .popup-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999999;
  justify-content: center;
  align-items: center;
}

#p .popup-card {
  background-color: #fff;
  width: 100%;
  max-width: 800px;
  border-radius: 15px;
  padding: 0px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  position: relative;
  max-height: 80vh;
  overflow-y: auto;
  animation: fadeIn 0.3s ease-out;
}

#p .popup-card img {
	width: 100%;
	max-height: 80vh;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

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

#p .close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #fff;
  transition: color 0.2s;
}

#p .close-btn:hover {
  color: #333;
}

#bookingModal {
  transition: all ease-in-out 0.5s;
}

.close {
  color: #fff;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
/* Popup Container */
/* ================= inner page CSS ================= */

/* content */
#content .row {
	padding: 0;
}

#services-section {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/common/services-wrapper.jpg);
}

#services-1 {}

#services-1 .row {
	margin: -200px auto -120px;
}

#services-1 dd {
	text-align: center;
	max-width: 280px;
	margin: 0 auto;
}

#services-1 dd p {
	font-size: 14px;
	color: #000;
}

#services-1 h3 {
	font-size: 25px;
	position: relative;
	padding-bottom: 20px;
	color: rgb(0, 0, 0);
	margin-bottom: 15px;
}

#services-1 h3:before,
#content-1 h3:before,
#gallery-section h2:before,
#footer-section h2:before {
	width: 100px;
	height: 5px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	content: "";
	background: #2391FF;
	border-radius: 30px;
}

#services-1 dl {
	display: inline-block;
	vertical-align: top;
	width: calc(33.33% - 3px);
	padding-top: 90px;
}

#services-1 dl:nth-of-type(2) {
	padding-top: 0;
}

#services-1 dt {
	margin-bottom: 20px;
}

#services-1 dt img {
	border-radius: 50%;
	box-shadow: 0 -5px 10px grey;
	border: 5px solid #fff;
}

#services-1 .button {
	margin-top: -60px;
}

#services-1 .parag p {
	padding: 20px;
}


/* content bottom */
#services-section .row {
	padding: 13px 0 13px;
}

#services-section h2 {
	font-size: 25px;
}

#services-section p {
	font-size: 15px;
	line-height: 150%;
	font-weight: 300;
	padding: 8px 0;
}

#services-section .logo {
	padding: 20px 0;
	background: url(../images/common/data-border.png) no-repeat center bottom;
}

#services-section .logo img {
	max-width: 286px;
}

#services-section .text {
	width: 462px;
	height: 462px;
	padding: 10px;
	text-align: center;
	border-radius: 50%;
	border-width: 2px;
	box-sizing: border-box;
	background: rgb(0, 45, 78, 0.8);
}

#services-section .text .bnBox {
	width: 100%;
	height: 100%;
	padding: 5% 5% 0;
	border-radius: 50%;
	border-width: 2px;
	border-style: solid;
	box-sizing: border-box;
	border-color: rgb(255, 255, 255, 0.8);
}

#content-1 {
	padding: 180px 0 50px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background: url(../images/common/cn-wrapper.jpg);
}

#content-1 h3 {
	font-size: 25px;
	font-weight: 700;
	color: #000;
	position: relative;
	padding-bottom: 20px;
}

#content-1 .parag {
	max-width: 630px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 80px;
}

#content-1 .cn1imgBox {
	position: relative;
}

#content-1 .cn1imgBox img {
	width: 100%;
}

#content-1 .cn1imgBox h4 {
	font-size: 38px;
	font-weight: 900;
	color: #2391FF;
	line-height: 1;
	margin-bottom: 0;
	position: absolute;
	bottom: 20px;
	right: 20px;
	text-align: right;
}

#content-1 .cn1imgBox h4 span {
	display: block;
	color: #fff;
}

#gallery-section {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/common/gallery-wrapper.jpg);
}

#gallery-section .gal-text {
	padding-bottom: 20px;
	position: relative;
}

#gallery-section .row {
	padding: 50px 0 105px;
	color: #000;
}

#gallery-section .galBox {
	max-width: 930px;
	margin: 30px auto 0;
}

#gallery-section .galRightTop {
	margin-bottom: 8px;
}

#gallery-section .galRightTop img:first-of-type {
	margin-right: 8px;
}

#feeds-section {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/common/feeds-wrapper.png);
}

#feeds-section .row {
	padding: 0;
}

#feeds-section .text {
	display: inline-block;
	vertical-align: top;
	width: 580px;
	min-height: 396px;
	padding: 10px 4% 0;
	box-sizing: border-box;
	background: rgb(28, 62, 147, 0.8);
}

#feeds-section p {
	font-size: 20px;
	line-height: 125%;
	font-weight: lighter;
	max-width: 458px;
	margin: auto;
}

#feeds-section .rates {
	font-size: 60px;
	line-height: 120%;
	color: #FF7F00;
}

#feeds-section .user {
	padding: 20px 0 0;
	font-size: 35px;
	line-height: 120%;
}

#feeds-section .user small {
	display: block;
	padding: 0 0 5px;
	line-height: 0;
}

#feeds-section .user small img {
	width: 100%;
	max-width: 100px;
	border-radius: 50%;
}

/* end */

/* footer */
#footer-section h2 {
	font-size: 51px;
	font-weight: 100;
	padding: 50px 0 20px;
	position: relative;
}

#footer-section .final {
	padding-top: 10px;
	float: right;
}

#footer-section .final p {
	max-width: 280px;
	margin: 30px auto;
	text-align: center;
	line-height: 180%;
}

#footer-section .final span {
	color: #007FFF;
	font-size: 14px;
	font-weight: normal;
	display: block;
}

#footer-section .final strong {
	font-size: 15px;
	font-weight: normal;
}

#footer-section .final small {
	font-size: 25px;
	font-weight: bold;
}

#footer-section .copy-right p {
	font-size: 13px;
	font-weight: lighter;
	max-width: 739px;
	margin: auto;
	word-spacing: 2px;
	letter-spacing: 2px;
}

#footer-section .sub {
	text-align: left;
}

#footer-section .social-media a {
	max-width: 162px;
}

#footer-section .ctc-form .MesBox {
	height: 82px
}

#footer-section .MesBox input[type="text"] {
	padding: 10px 130px 70px 10px;
}

#footer-section .fot-logo img {
	position: absolute;
	top: 230px;
	left: 390px;
}

#footer-section {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/common/ft-wrapper.jpg);
	height: 638px;
}

#footer-section .row {
	min-height: 549px;
}

#footer-section nav {
	padding: 32px 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255, 255, 255, 0.2);
	display: inline-block;
	margin-top: 40px;
}

#footer-section nav ul li {
	border-left: 1px solid #FFF;
	padding: 0 10px;
	letter-spacing: 2px;
	font-size: 15px;
}

#footer-section nav ul li:nth-child(1) {
	border: none;
}

#About,
#Services,
#Gallery,
#Testimonials,
#Contact {
	color: #000000;
}

/* end */
.silver img {
	display: inline-block;
	vertical-align: middle;
	max-width: 50px;
}

.media a,
.social-media a {
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center top;
	transition: all 0.3s ease-in-out 0s;
}

.social-media a {
	font-size: 35px;
	line-height: 120%;
	font-family: "socialico";
}

.social-media a:hover {
	color: #007FFF;
}

.media a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.media a:nth-of-type(1) {
	background-image: url(../images/common/facebook.jpg);
}

.media a:nth-of-type(2) {
	background-image: url(../images/common/twitter.jpg);
}

.media a:nth-of-type(3) {
	background-image: url(../images/common/youtube.jpg);
}

.media a:nth-of-type(4) {
	background-image: url(../images/common/rss.jpg);
}

.media a:hover {
	background-position: center -40px;
}

.remote-page #content { background: #111111 !important; color: #fff;}
.remote-page #content .flex { display: flex; flex-wrap: wrap; gap: 38px;}
.remote-page #content .flex .item { background: #000; width: 100%; max-width: 525px; padding: 20px; border: 1px solid #fff; border-radius: 30px; transition: all .3s ease-in-out; }
.remote-page #content .flex .item:hover { scale: 1.05; }
.remote-page #content .row { width: 100%; max-width: 1680px; display: block;}
.remote-page #content h1 { font-size: 42px; color: #707F92; }
.remote-page #content .title-2 { margin: 60px 0 68px; line-height: 146%; }
.remote-page #content .title { margin: 160px 0 68px; line-height: 146%; }
.remote-page #content .subtitle { margin: 23px 0 52px;}
.remote-page #content p { font-size: 20px; color: #fff; font-weight: 500; font-family: 'Montserrat';}
.remote-page #content .flex .item p { font-size: 16px;}
.remote-page #content .item .img-wrapper, .remote-page #content .item .img-wrapper-cover { background: #fff; width: 100%; max-width: 488px; height: 352px; padding: 20px; border-radius: 20px; margin-bottom: 33px;}
.remote-page #content .item .img-wrapper-cover { padding: 0 !important; background: unset;}
.remote-page #content .item .img-wrapper img { height: 100%;}
.remote-page #content .item .prdct-name { color: #708093 !important; font-weight: 700 !important; font-size: 20px !important;}
.remote-page #content .item .price { margin: 55px 0 30px; }
.remote-page #content .item .desc { width: 100%; max-width: 380px; margin: auto;}
.img-wrapper-cover img { width: 100%; height: 352px; object-fit: cover; border-radius: 20px; }
.remote-page #content .flex .no-border { border: unset;}

.inner #content .btn {
	padding: 16px 56px;
	border-radius: 2px;
	margin: 15px 0 0 6px;
	transition: .5s;
	cursor: pointer;

	max-width: 250px;
	width: 100%;
	margin: 0 auto 20px;
	background: var(--g1-based);
	background: var(--g1-child);

}

.inner #content .btn a {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #000000;
	letter-spacing: .5px
}

.inner #content .btn:hover {
	transform: scale(1.07);
}




.google-rev-btn { width: 100%; max-width: 300px; padding: 20px; background: #fff; transition: all 0.3s ease-in-out;}
.google-rev-btn:hover {scale: 1.05; }

/** Responsive
-------------------------------------------------------*/

@media screen and (max-width: 1920px) {}

@media screen and (max-width: 1724px) {
	#header .row .inner-row {
		padding: 0 10px 0 10px;
	}
}

@media screen and (max-width: 1668px) {
	#header .r-container .nav-info {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
		gap: 10px;
	}

	.remote-page #content .flex { justify-content: center;}
}

@media screen and (max-width: 1600px) {
	#footer .row {
		padding: 10px 10px 45px 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	#footer .top-form {
		margin: 0;
	}
}

@media screen and (max-width: 1598px) {
	#header .r-container .nav-info {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		flex-direction: column;
	}

	#home-2 .card-container {
		column-gap: 50px;
	}
}

@media screen and (max-width: 1400px) {
	#home-5 .swiper-button-next {
		position: absolute;
		top: 50%;
		right: 20px;
	}

	#home-5 .b-content {
		gap: 60px;
	}

	#home-5 .swiper-button-prev {
		position: absolute;
		top: 50%;
		left: 20px;
	}

	#home-5 .gallerySwiperThumbs {
		height: 200px;
		padding: 20px 0;
		width: 100%;
		margin: 10px 0;
	}

	#home-5 .gallerySwiperMain {
		height: 500px;
	}

	#home-5 .gallerySwiperThumbs .swiper-slide-thumb-active img {
		border: 4px solid #66E150;
	}

	#home-5 .gallerySwiperThumbs .swiper-slide-thumb-active {
		transform: scale(1);
	}
}

@media screen and (max-width: 1309px) {
	#header .row .inner-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column-reverse;
	}

	#header .r-container {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: column;
		gap: 20px;
		width: 100%;
	}

	#header .r-container .nav-info {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	#header .r-container .info-icons {
		justify-content: center;
		gap: 20px;
	}

	#banner .row {
		padding: 485px 10px 50px 10px;
		min-height: 800px;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		text-align: center;
	}

	#banner {
		background-position: left center;
	}
	#home-2 .card-container {
		column-gap: 30px;
	}
}


@media screen and (max-width: 1024px) {
	body {
		min-width: 320px
	}

	.row {
		width: 95%
	}

	#home-1 {
		background-position: right center;
	}

	#home-1 .row {
		min-height: 400px;
		padding: 40px 30px 40px 10px;
		gap: 50px;
	}

	#home-1 .b-container {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		gap: 10px;
	}

	#home-1 .b-container .l-content {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 20px;
		padding: 0;
	}

	#home-1 .t-container .inner-txt {
		max-width: 1024px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 15px;
	}

	#home-1 .b-container .r-content {
		padding: 0;
	}

	#home-2 .card-container {
		justify-content: center;
		flex-wrap: wrap;
	}

	#home-2 .card-container .card {
		min-height: 500px;
		padding: 15px 10px;
	}

	#home-2 .row {
		min-height: 200px;
	}

	#home-3 .row {
		min-height: 400px;
		padding: 40px 10px 40px 10px;
		gap: 20px;
	}

	#home-3 .t-container .l-content {
		flex-direction: row;
	}

	#home-3 .t-container .l-content .b-img img {
		margin: 0;
	}

	#home-3 .t-container .r-content {
		align-items: center;
		gap: 20px;
	}

	#home-3 .t-container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		gap: 20px;
		text-align: center;
	}

	#home-3 .b-container .info-txt {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 20px;
		width: 100%;
		max-width: 1024px;
		text-align: center;
		padding: 0;
	}


	#home-4 .row {
		min-height: 400px;
		padding: 40px 10px 40px 10px;
		display: flex;
		align-items: center;
		min-height: 200px;
	}

	#home-4 .t-container {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20px;
		text-align: center;
	}

	#home-4 .swiper-button-prev,
	#home-4 .swiper-button-next {
		display: none;
	}

	#home-4 .swiper-slide {
		height: 302px;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		margin: 0;
		padding: 30px 10px 20px 10px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 15px;
	}

	#home-4 .swiper {
		height: 100%;
	}

	#home-5 .row {
		padding: 50px 10px 40px 10px;
		min-height: 200px;
		gap: 30px;
	}

	#home-5 .b-content {
		gap: 20px;
	}

	#footer .top-form {
		padding: 35px 15px;
	}

	#footer .top-form .f2-flex {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-direction: column-reverse;
		gap: 15px;
	}

	#footer .top-form .f-flex {
		flex-direction: column;
		gap: 0px;
	}

	#footer .top-form .f2-flex .l-box {
		width: 100%;
		max-width: 1024px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 10px;
	}

	#footer .m-container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		gap: 20px;
	}

	#footer .m-container .l-content {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 20px;
		text-align: center;
		width: 100%;
		max-width: 1024px;
	}

	#footer .m-container .l-content .contact-info {
		align-items: center;
	}

	#footer .m-container .l-content .contact-info .info {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 10px;
	}

	#footer .m-container .r-content {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 15px;
		text-align: center;
	}

	#footer .b-container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		gap: 10px;
		padding: 20px 0 0 0;
	}

	#footer .b-container .copy-year-info {
		text-align: center;
	}

	/* contact inner page */
	.inner .contact-content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column-reverse;
		gap: 20px;
	}

	/* review inner page */
	.inner .reviews-content .r-container {
		flex-wrap: wrap;
	}

	/* remote css */
	.inner .remote-content .remote-box {
		flex-wrap: wrap;
	}

	.inner .remote-content .remote-box a {
		width: 100%;
	}
	.inner .remote-content .bot-card-container .bot-card {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		flex-wrap: wrap;
	}
	.inner .remote-content .bot-card-container .bot-card:nth-of-type(2) {
		flex-direction: column-reverse;
	}
	.inner .remote-content .bot-card-container .bot-card .bot-l-c, 
	.inner .remote-content .bot-card-container .bot-card .bot-r-c {
		width: 100%;
	}

	/* window tint css */
	#window-content {
		width: 100%;
	}
	.inner .juxtapose-embed {
		width: 100%;
		height: 900px !important;
		border: 0;
	}

	.inner #window-content .gallery-grid-2 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 956px) {
	#header {
		padding: 0;
		margin: 0
	}

	#header .row {
		width: 100%;
		max-width: 956px;
	}

	#header nav {
		display: block;
		height: auto;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99999;
		background: rgba(0, 0, 0, 0.7);
		backdrop-filter: blur(15.5px);
		-webkit-backdrop-filter: blur(15.5px);
		border-radius: 10px;
		border: 1px solid rgba(255, 255, 255, 0.18);
	}

	#header nav ul {
		width: 100%;
		display: none;
		height: auto;
		padding: 0 15px;
	}

	#header nav ul li {
		width: 100%;
		position: relative;
	}

	#header nav ul li:not(:last-child) {
		border-bottom: 5px solid #A2C046;
	}

	#header nav ul li a {
		display: block;
		float: none;
		padding: 10px 0;
	}

	#header nav a {
		text-align: left;
		width: 100%;
	}

	#header nav a strong {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 15px;
	}

	#header nav a#pull {
		display: block;
		color: #A2C046;
		background-color: #000;
		height: 30px;
		padding: 10px 0;
		width: 100%;
		position: relative;
		font-size: 20px;
	}

	#header nav a#pull:after {
		content: "";
		background: url('../images/nav-icon.png') no-repeat;
		width: 20px;
		height: 20px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}

	.cta {
		background: #035B96 url("../images/common/phonecall.png") no-repeat center center;
		border-bottom-left-radius: 40px;
		border-top: 2px solid #013f9a;
		border-top-left-radius: 40px;
		bottom: 1%;
		display: block;
		height: 80px;
		position: fixed;
		right: 0;
		text-decoration: none;
		text-indent: -9999em;
		width: 100px;
		z-index: 999;
	}

	#header .row .inner-row {
		padding: 50px 0 0 0;
	}

	#footer .b-container .f-nav {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	#home-2 .card-container {
		/* flex-wrap: wrap; */
		gap: 20px;
	}

	#home-2 .row {
		padding: 0px 10px 40px 10px;
	}

	#home-2 .card-container .card {
		min-height: 400px;
	}

	#home-5 .gallerySwiperMain {
		height: 400px;
	}
	.inner .juxtapose-embed {
		height: 600px !important;
	}

	.remote-page #content h1, .remote-page #content .title {
		margin: 50px 0;
		font-size: 40px; }
}

@media screen and (max-width: 700px) {
	#banner h1 {
		font-size: 32px;
	}

	#home-1 .t-container .inner-txt h2 {
		font-size: 32px;
	}

	#home-1 .b-container .l-content h1 {
		font-size: 32px;
	}

	#home-4 .t-container h1 {
		font-size: 32px;
	}

	#home-3 .t-container .r-content h1 {
		font-size: 32px;
	}

	#home-3 .b-container .info-txt h1 {
		font-size: 32px;
	}

	#home-5 h1 {
		font-size: 32px;
		padding: 0;
	}

	#home-5 .b-content h2 {
		font-size: 32px;
	}

	#footer .top-form h1 {
		font-size: 32px;
	}

	.inner h1 {
		font-size: 32px;
	}
	.inner h3 {
		font-size: 25px;
	}

	#home-5 .row {
		gap: 10px;
	}

	#home-3 .t-container .r-content .btn a {
		font-size: 16px;
	}

	#home-3 .t-container .r-content .btn {
		padding: 12px 20px;
		margin: 0;
	}

	#home-5 .swiper-button-next,
	#home-5 .swiper-button-prev {
		display: none;
	}

	.inner .juxtapose-embed {
		height: 400px !important;
	}
}

@media screen and (max-width: 500px) {
	#banner .row {
		padding: 415px 10px 50px 10px;
		min-height: 500px;
	}

	#home-5 .gallerySwiperMain {
		height: 300px;
	}

	#banner h1 {
		font-size: 28px;
	}

	#home-1 .t-container .inner-txt h2 {
		font-size: 28px;
	}

	#home-1 .b-container .l-content h1 {
		font-size: 28px;
	}

	#home-4 .t-container h1 {
		font-size: 28px;
	}

	#home-3 .t-container .r-content h1 {
		font-size: 28px;
	}

	#home-3 .b-container .info-txt h1 {
		font-size: 28px;
	}

	#home-5 h1 {
		font-size: 28px;
	}

	#home-5 .b-content h2 {
		font-size: 28px;
	}

	#footer .top-form h1 {
		font-size: 28px;
	}
	.inner .juxtapose-embed {
		height: 300px !important;
	}
	.inner #content .row {
		min-height: 400px;
		padding: 30px 10px;
		gap: 20px;
	}

	.inner #window-content .gallery-grid-2 {
		grid-template-columns: 1fr;
	}

	.remote-page #content h1, .remote-page #content .title { font-size: 30px; }
}

@media screen and (max-width: 400px) {
	#banner .row {
		padding: 370px 10px 50px 10px;
		min-height: 200px;
	}

	.fb-wrapper iframe { width: 350px; }
}