@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: 'PalatinoLinotype';
  src: url('/assets/fonts/PalatinoLinoType/PalatinoLinotypeRegular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

*{
	box-sizing: border-box;
}

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

	--palatino-font: 'PalatinoLinotype';
}
/* 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: var(--palatino-font);
	background-color: var(--primary-color);
}

/* 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: 20px auto;
	background-color: var(--c2-color);
	padding: 10px 20px;
	border-radius: 4px;

	font-family: var(--palatino-font);
	font-size: 18px;
	color: var(--c3-color);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	transition: .5s;
}
form [type="submit"]:hover {
	transform: scale(1.07);
}

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

.ctc-form input[type="text"],
.ctc-form textarea {
	font-family: var(--palatino-font);
	font-size: 16px;
	color: #000;
	height: 45px;
	display: block;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 5px 10px;
	box-sizing: border-box;
	margin: 0 auto 8px
}

.ctc-form textarea {
	height: 120px;
	padding-top: 10px;
}

.ctc-form button {
	display: block;
}

.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 {
	background: #172440;
}
#header .row {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	max-width: 1800px;
	padding: 15px 10px;
}

#header nav a#pull {
	display: none
}

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

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

#header nav ul li a {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--c3-color);
	padding: 8px 25px;
	display: inline-block;
	border-radius: 4px;
}

#header nav ul li.active-menu a,
#header nav ul li a:hover {
	color: var(--primary-color);
	background: var(--c2-color);
}

#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: var(--palatino-font);
	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;
}

/* end */

/* banner */
#banner {
	background: url(../images/common/bn-wrapper.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#banner .row {
	min-height: 904px;
	text-align: center;
	width: 100%;
	max-width: 1540px;
	padding: 20px 10px;

	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 20px;
}
#banner .content-info {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 20px;
}
#banner .content-info h1 {
	font-family: var(--palatino-font);
	font-size: 80px;
	color: var(--c2-color);
	text-transform: uppercase;
	font-weight: 400;
}

#banner .content-info p {
	font-family: var(--palatino-font);
	font-size: 25px;
	color: var(--c3-color);
	font-weight: 400;
}
#banner .content-info .info-txt {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: 15px;
}
#banner .content-info .info-txt a {
	font-family: var(--palatino-font);
	font-size: 25px;
	color: var(--c3-color);
	font-weight: 400;
}

#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;
}

/* end */

/* ============= Chat bot css ============= */
/* ── VMV LAW CHATBOT ─────────────────────────────────── */
#vmv-chat-launcher {
	position: fixed;
	bottom: 28px;
	right: 28px;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: linear-gradient(145deg, #8b1a1a, #c0392b);
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 24px rgba(139,26,26,0.55);
	transition: transform 0.25s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.25s;
	z-index: 9999;
	animation: vmvLauncherPop 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.8s both;
}

@keyframes vmvLauncherPop {
	from { transform: scale(0); opacity: 0; }
	to   { transform: scale(1); opacity: 1; }
}

#vmv-chat-launcher:hover {
	transform: scale(1.1);
	box-shadow: 0 10px 32px rgba(139,26,26,0.7), 0 0 0 8px rgba(139,26,26,0.1);
}

#vmv-chat-launcher:active { transform: scale(0.95); }

#vmv-chat-launcher::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: linear-gradient(145deg, #8b1a1a, #c0392b);
	animation: vmvRing 3s ease-out infinite;
	z-index: -1;
}

@keyframes vmvRing {
	0%   { transform: scale(1); opacity: 0.45; }
	100% { transform: scale(1.85); opacity: 0; }
}

.vmv-launcher-icon, .vmv-launcher-close {
	position: absolute;
	transition: all 0.3s cubic-bezier(0.34,1.56,0.64,1);
	color: #f5e6c8;
	font-size: 22px;
	line-height: 1;
}

.vmv-launcher-close {
	opacity: 0;
	transform: rotate(-90deg) scale(0.4);
	font-size: 18px;
}

#vmv-chat-launcher.vmv-open .vmv-launcher-icon {
	opacity: 0;
	transform: rotate(90deg) scale(0.4);
}

#vmv-chat-launcher.vmv-open .vmv-launcher-close {
	opacity: 1;
	transform: rotate(0deg) scale(1);
}

.vmv-badge {
	position: absolute;
	top: 1px; right: 1px;
	width: 17px; height: 17px;
	border-radius: 50%;
	background: #c0392b;
	border: 2px solid #fff;
	font-size: 9px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-family: var(--palatino-font);
	animation: vmvBadgePop 0.3s cubic-bezier(0.34,1.56,0.64,1) 1.4s both;
}

@keyframes vmvBadgePop {
	from { transform: scale(0); }
	to   { transform: scale(1); }
}

.vmv-badge.vmv-hidden { display: none; }

/* Chat window */
#vmv-chat-window {
	position: fixed;
	bottom: 100px;
	right: 28px;
	width: min(400px, calc(100vw - 36px));
	height: min(580px, calc(100vh - 120px));
	display: flex;
	flex-direction: column;
	border-radius: 16px;
	overflow: hidden;
	background: #fdfaf5;
	box-shadow:
		0 2px 0 #8b1a1a,
		0 20px 60px rgba(0,0,0,0.22),
		0 0 0 1px rgba(139,26,26,0.15);
	z-index: 9998;
	transform-origin: bottom right;
	transform: scale(0.88) translateY(16px);
	opacity: 0;
	pointer-events: none;
	transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1), opacity 0.25s ease;
	font-family: var(--palatino-font);
}

#vmv-chat-window.vmv-open {
	transform: scale(1) translateY(0);
	opacity: 1;
	pointer-events: all;
}

/* Header */
.vmv-header {
	background: linear-gradient(135deg, #b18d4f, #b18d4f);
	padding: 14px 16px;
	display: flex;
	align-items: center;
	gap: 11px;
	flex-shrink: 0;
	position: relative;
	border-bottom: 3px solid #c0972b;
}

.vmv-header-logo {
	width: 40px; height: 40px;
	border-radius: 8px;
	background: linear-gradient(145deg, #c0972b, #e8c56a);
	display: flex; align-items: center; justify-content: center;
	font-size: 20px;
	flex-shrink: 0;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
	color: #6b1414;
	font-weight: 900;
	font-family: var(--palatino-font);
	letter-spacing: -1px;
}

.chat-img {
    background-color:#172440;
    	width: 60px; height: 60px;

	border: 3px solid #c0972b;
	display: flex; align-items: center; justify-content: center;
	font-size: 26px;
	box-shadow: 0 4px 16px rgba(139,26,26,0.35);
	color: #c0972b;
	font-weight: 900;
	font-family: var(--palatino-font);
	letter-spacing: -1px;
    
}

.vmv-header-info h2 {
	font-size: 14px;
	font-weight: 700;
	color: #f5e6c8;
	letter-spacing: 0.04em;
	font-family: var(--palatino-font);
}

.vmv-header-info p {
	font-size: 10px;
	color: #c0972b;
	margin-top: 2px;
	font-style: italic;
	letter-spacing: 0.02em;
}

.vmv-header-actions {
	margin-left: auto;
	display: flex;
	gap: 6px;
}

.vmv-icon-btn {
	width: 30px; height: 30px;
	border-radius: 8px;
	border: 1px solid rgba(192,151,43,0.3);
	background: rgba(255,255,255,0.08);
	/*color: #c0972b;*/
	cursor: pointer;
	display: flex; align-items: center; justify-content: center;
	transition: all 0.2s;
	font-size: 12px;
}

.vmv-icon-btn:hover {
	background: rgba(255,255,255,0.15);
	border-color: #c0972b;
	color: #f5e6c8;
}

.vmv-status {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 10px;
	color: white;
	margin-top: 3px;
}

.vmv-dot {
	width: 5px; height: 5px;
	border-radius: 50%;
	background: #00ff00;
	box-shadow: 0 0 5px #5cb85c;
	animation: vmvPulse 2s infinite;
}

@keyframes vmvPulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.3; }
}

/* Messages */
.vmv-messages {
	flex: 1;
	overflow-y: auto;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	scroll-behavior: smooth;
	background: #fdfaf5;
}

.vmv-messages::-webkit-scrollbar { width: 4px; }
.vmv-messages::-webkit-scrollbar-thumb { background: #d4bfa0; border-radius: 4px; }

.vmv-msg {
	display: flex;
	gap: 8px;
	align-items: flex-end;
	animation: vmvMsgIn 0.3s cubic-bezier(0.16,1,0.3,1) both;
}

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

.vmv-msg.vmv-user { flex-direction: row-reverse; }

.vmv-msg-av {
	width: 28px; height: 28px;
	border-radius: 50%;
	flex-shrink: 0;
	display: flex; align-items: center; justify-content: center;
	font-size: 12px;
	font-weight: 700;
	font-family: var(--palatino-font);
}

.vmv-msg.vmv-bot .vmv-msg-av {
	background: linear-gradient(145deg, #6b1414, #8b1a1a);
	color: #c0972b;
	box-shadow: 0 2px 6px rgba(139,26,26,0.3);
}

.vmv-msg.vmv-user .vmv-msg-av {
	background: #e8dcc8;
	color: #6b1414;
	border: 1px solid #c9b89a;
}

.vmv-bubble {
	max-width: 76%;
	padding: 10px 14px;
	border-radius: 14px;
	line-height: 1.65;
	font-size: 13px;
	font-family: var(--palatino-font);
}

.vmv-msg.vmv-bot .vmv-bubble {
	background: #fff;
	border: 1px solid #e0d0b8;
	border-bottom-left-radius: 4px;
	color: #2c1a0e;
	box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

.vmv-msg.vmv-user .vmv-bubble {
	background: linear-gradient(135deg, #7a1515, #8b1a1a);
	border: 1px solid #a82020;
	border-bottom-right-radius: 4px;
	color: #f5e6c8;
}

.vmv-time {
	font-size: 10px;
	color: #a89880;
	margin-top: 3px;
	font-family: var(--palatino-font);
}

.vmv-msg.vmv-bot  .vmv-time { text-align: left; }
.vmv-msg.vmv-user .vmv-time { text-align: right; }

/* Welcome screen */
.vmv-welcome {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 10px 8px 4px;
	gap: 10px;
}

/*.vmv-welcome-seal {*/
/*	width: 60px; height: 60px;*/
/*	border-radius: 50%;*/
/*	background: linear-gradient(145deg, #6b1414, #8b1a1a);*/
/*	border: 3px solid #c0972b;*/
/*	display: flex; align-items: center; justify-content: center;*/
/*	font-size: 26px;*/
/*	box-shadow: 0 4px 16px rgba(139,26,26,0.35);*/
/*	color: #c0972b;*/
/*	font-weight: 900;*/
/*	font-family: var(--palatino-font);*/
/*	letter-spacing: -1px;*/
/*}*/

.vmv-welcome h3 {
	font-family: var(--palatino-font);
	font-size: 16px;
	font-weight: 700;
	color: #3a1a0a;
	line-height: 1.3;
}

.vmv-welcome p {
	font-size: 12px;
	color: #7a6050;
	max-width: 290px;
	line-height: 1.65;
	font-style: italic;
}

.vmv-disclaimer {
	font-size: 12px;
	color: #000000;
	background: #f5ede0;
	border: 1px solid #ddd0ba;
	border-radius: 8px;
	padding: 7px 10px;
	line-height: 1.5;
	max-width: 300px;
	text-align: left;
}

.vmv-disclaimer strong {
	color: #8b1a1a;
	display: block;
	margin-bottom: 2px;
}

.vmv-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
	margin-top: 4px;
}

.vmv-chip {
	padding: 6px 12px;
	border-radius: 20px;
	border: 1px solid #c9b89a;
	background: #fff;
	color: #6b1414;
	font-family: var(--palatino-font);
	font-size: 11px;
	cursor: pointer;
	transition: all 0.2s;
}

.vmv-chip:hover {
	background: #8b1a1a;
	border-color: #8b1a1a;
	color: #f5e6c8;
	transform: translateY(-1px);
	box-shadow: 0 3px 10px rgba(139,26,26,0.25);
}

/* Typing */
.vmv-typing { display: flex; gap: 8px; align-items: flex-end; }

.vmv-typing-bubble {
	background: #fff;
	border: 1px solid #e0d0b8;
	border-radius: 14px;
	border-bottom-left-radius: 4px;
	padding: 12px 16px;
	display: flex; gap: 5px; align-items: center;
	box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

.vmv-typing-dot {
	width: 5px; height: 5px;
	border-radius: 50%;
	background: #8b1a1a;
	animation: vmvBounce 1.2s infinite;
}

.vmv-typing-dot:nth-child(2) { animation-delay: 0.15s; }
.vmv-typing-dot:nth-child(3) { animation-delay: 0.3s; }

@keyframes vmvBounce {
	0%, 60%, 100% { transform: translateY(0); opacity: 0.35; }
	30% { transform: translateY(-5px); opacity: 1; }
}

/* Input */
.vmv-input-area {
	padding: 10px 12px;
	border-top: 1px solid #e0d0b8;
	display: flex;
	gap: 8px;
	align-items: flex-end;
	background: #fdfaf5;
}

.vmv-input-wrap {
	flex: 1;
	background: #fff;
	border: 1px solid #c9b89a;
	border-radius: 10px;
	display: flex;
	align-items: flex-end;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.vmv-input-wrap:focus-within {
	border-color: #8b1a1a;
	box-shadow: 0 0 0 3px rgba(139,26,26,0.1);
}

.vmv-input-area textarea {
	flex: 1;
	background: transparent;
	border: none;
	outline: none;
	color: #2c1a0e;
	font-family: var(--palatino-font);
	font-size: 13px;
	padding: 9px 12px;
	resize: none;
	max-height: 90px;
	line-height: 1.5;
	min-height: 38px;
}

.vmv-input-area textarea::placeholder { color: #b0998a; font-style: italic; }

.vmv-send {
	width: 38px; height: 38px;
	border-radius: 10px;
	border: none;
	background: linear-gradient(145deg, #8b1a1a, #c0392b);
	color: #f5e6c8;
	cursor: pointer;
	display: flex; align-items: center; justify-content: center;
	font-size: 14px;
	transition: all 0.2s;
	flex-shrink: 0;
	box-shadow: 0 3px 10px rgba(139,26,26,0.4);
}

.vmv-send:hover  { transform: scale(1.07); box-shadow: 0 5px 16px rgba(139,26,26,0.5); }
.vmv-send:active { transform: scale(0.96); }
.vmv-send:disabled { opacity: 0.4; cursor: not-allowed; transform: none; }

.vmv-footer {
	text-align: center;
	font-size: 10px;
	color: #a89880;
	padding: 0 12px 8px;
	font-family: var(--palatino-font);
}
/* ============= Chat bot css ============= */

/* ============= inner pages css ============= */
.inner #content {
	width: 100%;
}
.inner #content .row {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;

	min-height: 500px;
	padding: 120px 10px 40px 10px;
}
.inner #content .row h1 {
	font-family: var(--palatino-font);
	font-size: 55px;
	color: var(--c2-color);
	text-transform: uppercase;
	font-weight: 400;
	padding: 0 0 20px 0;
}
.inner #content .row p {
	font-family: var(--palatino-font);
	font-size: 22px;
	color: var(--c3-color);
	font-weight: 400;
}
.inner label {
	color: var(--c3-color);
}
.inner #header {
	border-bottom: 1px solid var(--c2-color);
}

.inner .info-txt {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 15px;

	padding: 0 0 30px 0;
}
.inner .info-txt a {
	font-family: var(--palatino-font);
	font-size: 25px;
	color: var(--c3-color);
	font-weight: 400;
}
/* ============= inner pages 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: var(--palatino-font);
}

.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;
}


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

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

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


@media screen and (max-width: 956px) {
#vmv-chat-launcher {
		position: fixed;
		bottom: 111px;
		right: 10px;
	}
}

@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:2px solid var(--c2-color); }
  	#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: var(--c3-color); 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 nav ul li.active-menu a,
	#header nav ul li a:hover {
		color: var(--c2-color);
		background: none;
	}
	#banner .row {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 20px;

		padding: 50px 10px;
	}
}

@media screen and (max-width: 800px){
	#banner .content-info h1 {
		font-size: 50px;
	}
	.inner #content .row {
		min-height: 500px;
		padding: 50px 10px;
	}
}

@media screen and (max-width: 500px){
	#banner .content-info h1 {
		font-size: 28px;
	}
	#banner .content-info p {
		font-size: 20px;
	}
	#banner .content-info .info-txt a {
		font-size: 20px;
	}
	.inner #content .row h1 {
		font-size: 28px;
		padding: 0 0 10px 0;
	}
	.inner #content .row p {
		font-size: 20px;
	}
	.inner .info-txt a {
		font-size: 20px;
	}
}