@import 'https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap';
:root {
--base-color: #ffea00;
--medium-gray:#838383;
--light-gray: #cbcbcb;
--alt-font: "korolev-condensed", sans-serif;
--primary-font: 'Manrope', sans-serif;
--special-font: 'Playfair Display', serif;
--base-color: #f7d2ca;
--medium-gray:#727272;
--dark-gray:#2d2c2b;
--nero-gray:#1e1d1d;
--light-red: #c8b2ab;
 --base-color: #f96f4a;
--dark-gray: #1f242e;
--yellow: #ffeb7d;
--medium-gray: #717580;
--aluminium-grey: #6e727c;
--bg-maire-yellow:#131312;
--bg-light-yellow:#ebe3d6;
--darks-black: #151515;
}

 @media(hover:hover) and (pointer:fine) {
.custom-cursor .circle-cursor-outer {
border:1px solid transparent;
background:var(--base-color)
}
.custom-cursor .circle-cursor-inner {
background:var(--black)
}
.custom-cursor .circle-cursor-inner.cursor-link-hover {
background-color:var(--black);
width:10px;
height:10px;
margin-left:-5px;
margin-top:-5px
}
}
body {
	font-size:18px;
	line-height:34px
}
header .navbar-brand img {
	max-height:70px
}
.navbar .navbar-nav .nav-link {
	font-weight:600;
	padding:10px 25px;
	font-size:18px
}
.navbar .navbar-nav .nav-item:last-child .nav-link {
	padding-right:0
}
header .navbar-brand {
	padding:15px 0
}
header .container-fluid {
	padding-left:20px;
	padding-right:20px
}
.fs-220 {
	font-size:13.75rem;
	line-height:11.7rem
}
.fs-280 {
	font-size:17.5rem;
	line-height:17.5rem
}
.mb-50 {
	margin-bottom:50%
}
.small-icon li {
	margin:0 8px
}
.btn {
	font-family:var(--primary-font);
	font-weight:800
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:var(--black)!important;
text-overflow:ellipsis;
opacity:1
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:var(--black)!important;
text-overflow:ellipsis;
opacity:1
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:var(--black)!important;
text-overflow:ellipsis;
opacity:1
}
input, select, textarea, .form-control, .form-select {
	color:var(--black)!important
}
@media(min-width:1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width:1440px
}
}
@media(max-width:1199px) {
.fs-220 {
font-size:12.5rem;
line-height:12.5rem
}
.fs-280 {
font-size:15rem;
line-height:15rem
}
}
@media(max-width:991px) {
.navbar.bg-transparent {
background-color:transparent!important
}
.fs-220 {
font-size:10rem;
line-height:10rem
}
header .navbar-brand {
padding:30px 0
}
.fs-280 {
font-size:12rem;
line-height:12rem
}
.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner {
background-image:url(../../images/vertical-line-bg-small.svg)!important
}
[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav {
text-align:center
}
[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item {
border-bottom:0;
padding:0
}
[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .nav-link {
font-size:42px;
line-height:46px
}
}
@media(max-width:575px) {
header .navbar-brand {
padding:15px 0
}
header .navbar-brand img {
max-height:55px
}
.fs-220 {
font-size:5.625rem;
line-height:5.625rem
}
.fs-280 {
font-size:8rem;
line-height:8rem
}
}
.darks-black { color:var(--darks-black)!important}
.border-color-transparent-white-very-light {
	border-color:rgba(255, 255, 255, .2)!important
}
.border-color-transparent-dark-very-light {
	border-color:var(--extra-medium-gray)!important
}
.bg-gradient-deep-zuccini-green {
	background-image:linear-gradient(to right bottom, #19493e, #164339, #143e34, #113830, #0f332b)
}
.bg-gradient-aztec-green {
	background-image:linear-gradient(to right bottom, #313e3b, #2e3b38, #2c3835, #293532, #27322f)
}
.bg-gradient-tranquil-white {
	background-image:linear-gradient(to bottom, #ffffff, #f7f9f9, #f3f6f6, #eff3f3, #ecf1f1)
}
.bg-yellow {
	background-color:var(--yellow)
}
.bg-light-yellow{ background-color:var(--bg-light-yellow) !important}
.bg-tranquil {
	background-color:#f3f8f8
}

.bg-gradient-dark-transparent {
	background:-webkit-gradient(linear, left bottom, left top, color-stop(7%, #36332e), to(transparent));
	background:linear-gradient(to top, #262a29 0%, transparent 100%)
}
.video-icon-large .video-icon {
	width:70px;
	height:70px;
	font-size:18px
}
.video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-bfr {
	width:120px;
	height:120px
}
.video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-afr {
	width:90px;
	height:90px
}
.medium-icon li, .small-icon li {
	margin:0 3px
}
.review-star-icon i {
	letter-spacing:1px
}
.btn {
	font-family:var(--primary-font);
	text-transform:none;
	letter-spacing:0
}
.btn.btn-switch-text.btn-extra-large>span {
	padding:15px 38px;
	font-size:17px
}
.btn.btn-switch-text.btn-large>span {
	padding:13px 32px;
	font-size:15px
}
.btn.btn-switch-text.btn-medium>span {
	padding:12px 30px;
	font-size:14px
}
.btn.btn-base-color {
	color:var(--dark-gray)
}
.btn.btn-base-color:hover, .btn.btn-box-shadow.btn-base-color:hover {
	background-color:var(--base-color);
	color:var(--dark-gray)
}
.btn.btn-link {
	padding:0 0 2px
}
.tab-style-04 .nav-tabs .nav-item {
	padding:0;
	width:25%
}
.tab-style-04 .nav-tabs .nav-item .nav-link {
	color:var(--medium-gray)
}
.tab-style-04 .nav-tabs .nav-item .nav-link .tab-border {
	height:3px
}
.tab-style-04 .nav-tabs .nav-item .nav-link.active {
	font-weight:600;
	border:0;
	outline:0
}
.tab-style-04 .nav-tabs .nav-item .nav-link:focus-visible {
outline:none;
box-shadow:none
}
.accordion-style-04 .accordion-item .accordion-body {
	padding:0 35px 25px
}
.accordion-style-04 .accordion-item .accordion-collapse {
	margin-top:-1px
}
.progress-bar-style-02 .progress {
	height:10px
}
.page-title-extra-small h2 {
	font-size:3.75rem;
	line-height:3.75rem
}
.page-title-extra-small h1 {
	font-size:20px
}
.contact-form-style-03>div {
	border-radius:6px 0 6px 0
}
.newsletter-style-02 input {
	padding-right:100px!important
}
.bg-nero-gray {
	background-color:var(--nero-gray)
}
.bg-sliding-line {
	background-image:linear-gradient(135deg, transparent 45%, #d1b9b2 45%, #d1b9b2 55%, transparent 0);
	background-size:5px 5px
}
.bg-sliding-line-dark-gray {
	background-image:linear-gradient(135deg, transparent 45%, #464646 45%, #464646 55%, transparent 0);
	background-size:5px 5px
}
.bg-base-color-transparent {
	background-color:rgba(239, 211, 203, .6)
}
.border-color-light-red {
	border-color:var(--light-red)!important
}
.border-color-transparent-dark-very-light {
	border-color:rgba(35, 35, 35, .15)!important
}
.highlight-separator[data-shadow-animation] span {
	height:100px;
	z-index:-1
}
.highlight-separator[data-shadow-animation] span img {
	height:100px;
	width:auto
}
.highlight-separator-small .highlight-separator[data-shadow-animation] span {
	height:45px;
	bottom:-10px
}
.highlight-separator-small .highlight-separator[data-shadow-animation] span img {
	height:45px;
	width:100%
}
.btn.btn-hover-animation-switch {
	text-transform:none;
	font-family:var(--primary-font)
}
.blog-only-text .card-body:after {
	display:none
}
.mb-minus-50px {
	margin-bottom:-50px
}
.right-minus-40 {
	right:-40%
}
.page-title-extra-large h1 {
	font-size:4.8rem;
	line-height:4.8rem
}
.extra-very-small-screen {
	height:180px!important
}
.team-style-08 figure figcaption .social-icon a {
	background-color:var(--base-color)
}
.team-style-08 figure figcaption .social-icon a:hover {
	color:var(--dark-gray)
}
.team-style-08.skrollable {
	transition:none!important
}
footer .footer-logo img {
	max-height:85px
}
.newsletter-style-02 .btn {
	padding:10px 15px 9px
}
footer a:hover, .footer-navbar li a:hover {
	color:var(--dark-gray)
}
@media(max-width:1600px) {
.fs-140 {
font-size:8.125rem
}
}
@media(max-width:1199px) {
.fs-140 {
font-size:6.875rem
}
.lh-95 {
line-height:4.75rem
}
}
@media(max-width:991px) {
[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item {
border-bottom:0;
text-align:center;
padding:0
}
[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .nav-link {
font-size:36px;
line-height:40px
}
header .navbar-brand {
padding:22px 0
}
}
 @media(hover:hover) and (pointer:fine) {
.custom-cursor .circle-cursor-outer {
border:1px solid transparent
}
.custom-cursor .circle-cursor-inner {
width:10px;
height:10px;
background:#1f242e
}
}
.bg-maire-yellow {
	background-color:var(--bg-maire-yellow)
}