@import url(https://fonts.googleapis.com/css2?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&display=swap);

.common-btn-block:hover,
.nav-sec .login {
	background-color: var(--themeDarkBrown)
}

.slide,
.slide img {
	backface-visibility: hidden
}

iframe,
img {
	max-width: 100%
}

*,
.nav-sec ul {
	padding: 0;
	margin: 0
}

.nav-sec .login a,
.nav-sec ul li a {
	color: var(--themeWhite);
	font-weight: 500
}

.slide,
.slide.active {
	opacity: 0;
	transform: translateY(-50%)
}

:root {
	--themeColorBlue: #01114B;
	--themeWhite: #ffffff;
	--headerLeftbgGrayColor: #F6F6F6;
	--themeDarkBrown: #91694B;
	--themeBlack: #000000;
	--leftBottomSocialHeadColor: #474747;
	--bodyTextColor: #797979;
	--footerBrownBorderColor: #B19478;
	--headerBrownBorderColor: #A27859;
	--rightPanelBgColor: #B79F87;
	--leftPanelLinkColor: #926949;
	--exploreArrowBgColor: #CAB39D;
	--poppins: "Poppins", sans-serif;
	--loginIcon: url(images/login-icon.svg);
	--slidercenter-w: 367px;
	--slidernear-w: 230px;
	--sliderfar-w: 220px;
	--slidermini-w: 238px;
    --sliderlast-w: 200px;
	--ribbonBackgroundColor: #FFF4ED
}

html {
	overflow-x: hidden
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

img {
	height: auto
}

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

body.home .container-fluid {
    padding: 0 40px
}

.right-footer-sec ul li a:hover,
.slide-info a:hover,
a:hover {
	color: var(--themeDarkBrown)
}

.common-btn-block svg,
.nav-sec .login a svg path,
a,
a:hover {
	transition: .3s ease-in-out
}

.main-header,
.nav-sec ul li a,
.nav-sec ul li a::after {
	transition: .5s ease-in-out
}

body {
	font-family: var(--poppins);
	color: var(--bodyTextColor);
	line-height: 26px
}

.common-heading h2 {
	font-weight: 500;
	font-size: 30px;
	line-height: 150%;
	color: var(--themeColorBlue)
}

@media (min-width:1440px) {
	.container {
		max-width: 1420px
	}
}

.main-body-wrapper,
.main-header {
	position: relative;
	background: linear-gradient(to right, #f6f6f6 50%, #b79f87 50%)
}

.logo {
	background-color: var(--headerLeftbgGrayColor);
	padding: 23px 0
}

.nav-sec ul li ul li a:hover,
.nav-sec ul li ul li.current-menu-item a {
	background-color: var(--themeDarkBrown);
	color: var(--themeWhite)
}

.main-header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999
}

.nav-bar,
.nav-sec ul li,
.nav-sec ul li a,
.right-footer-sec ul li {
	position: relative
}

.main-header::after {
	content: '';
	position: absolute;
	right: -80%;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--themeDarkBrown)
}

.nav-bar {
	background-color: var(--rightPanelBgColor);
	border-bottom: 1px var(--headerBrownBorderColor) solid;
	z-index: 9;
	padding-left: 25px
}

.nav-sec ul {
	display: flex;
	justify-content: end;
	align-items: center;
	list-style-type: none;
	gap: 70px
}

.nav-sec ul li ul li a::after,
.toggle-menu {
	display: none
}

.nav-sec ul li a {
	line-height: 100%;
	padding: 43px 0 41px;
	display: inline-block
}

.nav-sec ul li a::after {
	content: '';
	width: 0;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: var(--themeColorBlue)
}

.nav-sec ul li a:hover,
.nav-sec ul li.active a,
.nav-sec ul li.current-menu-item a {
	color: var(--themeColorBlue);
	transition: .3s ease-in-out
}

.nav-sec ul li a:hover::after,
.nav-sec ul li.active a::after,
.nav-sec ul li.current-menu-item a::after,
.right-footer-sec ul li a:hover::before {
	width: 100%;
	transition: .3s ease-in-out
}

.nav-sec .login {
	border-radius: 0 0 0 12px;
	padding: 37px 0
}

.nav-sec .login a svg,
.nav-sec .login img {
	margin-right: 8px
}

.left-panel-links ul li:not(:last-of-type),
.right-footer-sec ul li:not(:last-of-type) {
	border-right: 1px var(--bodyTextColor) solid;
	margin-right: 15px;
	padding-right: 15px
}

.nav-sec .login a {
	padding-left: 12px
}

.left-panel h1,
.left-panel-links a:hover,
.nav-sec .login a:hover,
.nav-sec ul li ul li a,
.show_links_list li a.active,
.social-wrapper .item a:hover {
	color: var(--themeColorBlue)
}

.common-btn-block,
.common-btn-block:hover,
.social-wrapper .item a i {
	color: var(--themeWhite);
	transition: .3s ease-in-out
}

.nav-sec ul li ul {
	position: absolute;
	flex-direction: column;
	gap: 0;
	top: 100%;
	background-color: var(--themeWhite);
	width: 200px;
	align-items: start;
	border-radius: 8px;
	display: none;
	overflow: hidden
}

.nav-sec ul li:hover ul,
.slide.active .slide-info {
	display: block
}

.nav-sec ul li .arw-nav {
	background: url(images/arrow.svg) center right no-repeat;
	width: 12px;
	height: 7px;
	position: absolute;
	right: -18px;
	cursor: pointer;
	top: 50px
}

.common-btn-block,
.right-footer-sec ul li a::before,
.social-wrapper .item a i {
	background-color: var(--themeColorBlue)
}

.nav-sec ul li ul li {
	width: 100%
}

.nav-sec ul li ul li a {
	padding: 12px 15px;
	width: 100%
}

.main-body-wrapper {
	padding-top: 100px
}

.left-panel {
	padding: 20px 32px 20px 0;
	position: fixed;
	/* width: 474px; */
    width: 100%;
    max-width: 580px;
	overflow-y: auto;
	z-index: 999;
	height: calc(100vh - 136px);
	scrollbar-width: none;
	font-size: 15px
}

.ribbon-text-scroll {
	overflow: hidden;
	position: relative
}

.left-top-sec {
	margin-bottom: 150px
}

.left-panel h1 {
	font-weight: 500;
	font-size: 26px;
	line-height: 150%;
	margin-bottom: 30px
}

.common-btn-block,
.right-head h3 {
	font-weight: 500;
	line-height: 100%
}

.right-panel-show-links {
	margin-bottom: 20px
}

.right-panel-show-links ul.show_links_list {
	flex-wrap: wrap;
	gap: 10px !important
}

.right-panel-show-links ul li a {
	font-size: 22px;
	font-weight: 500;
	color: var(--leftPanelLinkColor);
	transition: .5s ease-in-out;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px
}

.right-panel-show-links ul li a:hover {
	color: var(--themeColorBlue);
	transition: .5s ease-in-out
}

.common-btn-block {
	display: block;
	font-size: 16px;
	padding: 14px 20px;
	border-radius: 8px;
	text-align: center
}

.common-btn-block:hover svg {
	transform: translateX(5px);
	transition: .3s ease-in-out
}

.left-panel .common-btn-block {
	margin: 22px 0
}

.social-wrapper .item p {
	color: var(--leftBottomSocialHeadColor)
}

.left-panel-links a,
.social-wrapper .item a {
	color: var(--bodyTextColor)
}

.social-wrapper .item a i {
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 13px
}

.social-wrapper .item a i:hover {
	background-color: var(--headerBrownBorderColor);
	transition: .3s ease-in-out
}

.social-wrapper .item a+a i {
	margin-left: 7px
}

.left-panel-links {
	font-size: 12px;
	padding-top: 30px;
	margin-top: 20px;
	border-top: 1px var(--bodyTextColor) solid
}

.left-panel-links ul li {
	line-height: 14px
}

.left-bottom-sec {
	position: fixed;
	width: 100%;
    max-width: 620px;
	bottom: 20px;
	background: var(--headerLeftbgGrayColor)
}

.right-panel {
	background-color: var(--rightPanelBgColor);
	padding: 25px 0 24px 80px;
	min-height: calc(100vh - 100px)
}

.ribbon-text-scroll p {
	white-space: nowrap;
	animation: 19s linear infinite marquee;
	will-change: transform;
	display: inline-block;
	padding-left: 100%
}

.ribbon-text-scroll {
	background-color: var(--ribbonBackgroundColor);
	color: var(--themeBlack);
	padding: 17px 0 17px 40px;
	left: 0;
	width: calc(100vw - 474px)
}

.slide img,
.slider {
	width: 100%;
	height: 100%
}

@keyframes marquee {
	from {
		transform: translateX(0)
	}

	to {
		transform: translateX(-100%)
	}
}

.right-head h3 {
	font-size: 24px;
	color: var(--themeColorBlue)
}

.slide-info,
.slide-info a {
	color: var(--themeWhite)
}

.right-head a span {
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--exploreArrowBgColor);
	border-radius: 50%;
	margin-left: 10px;
	transition: .5s ease-in-out
}

.right-head a:hover span {
	transform: rotate(-45deg);
	transition: .5s ease-in-out
}

.floor-wrraper {
	padding-bottom: 60px
}

.slider-wrap {
	height: 467px;
	margin-top: 40px;
	padding-bottom: 40px;
	position: relative;
}

.slider {
	position: relative;
	perspective: 1000px
}

.slide,
.slide-counter,
.slide-info {
	position: absolute
}

.slide {
	top: 50%;
	left: 0;
	will-change: transform;
	transform: translateY(-50%) translateZ(0);
	transition: transform .6s, opacity .6s;
	height: 466px;
	opacity: 0
}

.slide.active {
	width: var(--slidercenter-w);
	opacity: 1;
	z-index: 6;
	transform: translateY(-50%) scale(1)
}

.slide.near-right {
	width: var(--slidernear-w);
	z-index: 5;
	opacity: 1;
	transform: translateX(calc(var(--slidercenter-w) - 28px)) translateY(-50%) scale(.85)
}

.slide.far-right {
	width: var(--sliderfar-w);
	z-index: 4;
	opacity: 1;
	transform: translateX(calc(var(--slidercenter-w) + var(--slidernear-w) - 80px)) translateY(-50%) scale(.7)
}

/* Current extra-right position ends around here */
.slide.extra-right {
    width: var(--slidermini-w); /* 238px */
    z-index: 3;
    opacity: 1;
    transform: translateX(calc(var(--slidercenter-w) + var(--slidernear-w) + var(--sliderfar-w) - 167px)) translateY(-50%) scale(.55);
}

/* Pull extra-right-2 back so it doesn't overflow */
.slide.extra-right-2 {
    width: var(--sliderlast-w);
    z-index: 2;
    opacity: 0.6;
    transform: translateX(calc(var(--slidercenter-w) + var(--slidernear-w) + var(--sliderfar-w) + var(--sliderlast-w) - 250px)) translateY(-50%) scale(.40);
}

.slide img {
	object-fit: cover;
	object-position: center;
	transform: translateZ(0);
	filter: grayscale(100%)
}

.slide.active img {
	filter: grayscale(0%)
}

.slide-info {
	left: 0;
	bottom: 0;
	z-index: 9;
	width: 100%;
	padding: 100px 20px 40px;
	text-align: center;
	display: none;
	margin: 0 auto;
	background: linear-gradient(0deg, rgb(21 21 21 / .8) 31.58%, #fff0 97.17%)
}

.drag-bar,
.global-progress {
	width: 100%;
	height: 2px;
	background: var(--footerBrownBorderColor);
	position: absolute
}

.slide-info h3 {
	font-size: 22px;
	font-weight: 400
}

.slide-counter {
	right: 0;
	bottom: 0;
	font-size: 18px;
	color: var(--themeColorBlue);
	letter-spacing: 1px
}

.global-progress {
	bottom: 78px;
	max-width: 100%;
	display: none !important
}

.global-progress .slider-progress-bar {
	height: 100%;
	width: 0%;
	background: var(--themeColorBlue)
}

.drag-bar {
	bottom: -20px
}

.drag-progress {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 5px;
	background: var(--themeColorBlue);
	cursor: grab;
	border-radius: 4px
}

.right-footer-sec {
	font-size: 14px;
	padding-top: 26px;
	color: var(--themeColorBlue);
	position: fixed;
	bottom: 0;
	max-width: 842px;
	background-color: var(--rightPanelBgColor);
	z-index: 99;
	padding-bottom: 25px;
	width: 100%
}

.right-footer-sec::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(100vw - 474px);
	height: 100%;
	background: var(--rightPanelBgColor);
	z-index: -1
}

.right-footer-sec ul li a {
	display: inline-block;
	color: var(--themeColorBlue)
}

@media (min-width:1080.98px) {
	.global-progress {
		max-width: 842px
	}

	nav.nav-sec {
		display: flex;
		justify-content: end;
		align-items: center;
		gap: 45px
	}

	.ribbon-left-panel,
	footer {
		display: none
	}
}

.main-footer {
	padding: 34px 0 0
}

.floating-icon {
	position: fixed;
	right: 20px;
	bottom: 80px;
	z-index: 99
}

.wpcf7-not-valid-tip {
	font-size: 12px !important
}