/* 
Theme Name: Monitfin
Theme URI: https://monitfin.co.uk
Description: Monitfin custom theme
Author: Vibes Art
Author URI: https://vibesart.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: nex-experience
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: Investments, banks, UK, Italu
*/

/*
    Add your custom styles here
*/
@font-face {
  font-family: 'Satoshi-Light';
  src: url('assets/Fonts/Satoshi-Light.woff2') format('woff2'),
       url('assets/Fonts/Satoshi-Light.woff') format('woff'),
       url('assets/Fonts/Satoshi-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-LightItalic';
  src: url('assets/Fonts/Satoshi-LightItalic.woff2') format('woff2'),
       url('assets/Fonts/Satoshi-LightItalic.woff') format('woff'),
       url('assets/Fonts/Satoshi-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Regular';
  src: url('assets/Fonts//Satoshi-Regular.woff2') format('woff2'),
       url('assets/Fonts//Satoshi-Regular.woff') format('woff'),
       url('assets/Fonts//Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-Italic';
  src: url('assets/Fonts//Satoshi-Italic.woff2') format('woff2'),
       url('assets/Fonts//Satoshi-Italic.woff') format('woff'),
       url('assets/Fonts//Satoshi-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Bold';
  src: url('assets/Fonts/Satoshi-Bold.woff2') format('woff2'),
       url('assets/Fonts/Satoshi-Bold.woff') format('woff'),
       url('assets/Fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-BoldItalic';
  src: url('assets/Fonts/Satoshi-BoldItalic.woff2') format('woff2'),
       url('assets/Fonts/Satoshi-BoldItalic.woff') format('woff'),
       url('assets/Fonts/Satoshi-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
:root {
  --white: #fff;
  --green: #245f60;
  --dark-green: #144B4C;
  --red:#fa2b52;
  --purple:#33173e;
}

html, body{
font-family: 'Satoshi-Regular', sans-serif;
font-weight: 300;
font-size: 1.1rem;
}
strong{
  font-family: 'Satoshi-Bold', sans-serif;
	font-weight: 800;
  
}
h1,h2,h3,h4,h5{
	font-family: "DM Sans", sans-serif!important;
	font-weight: 200;
	color: #fff !important;
	text-transform: uppercase;
}
.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark p{
	color: #33173e !important;
}
h1{
	font-size:calc(34.3038px + 2.40506vw);
}
h2{
	font-size:2.3rem;
}
h4{
 font-weight: 800;
	text-transform:none;
}
h6{
  font-size: 1.33rem;
}
@media (max-width:767px){
	h1{
	font-size:3rem;
}
}
p,li{
  text-align: justify;
}
header li{
  text-align: ;
}
@media (max-width:767px){
  header li{
  text-align: left;
}
}
header{
	z-index:9;
	position:absolute;
	margin:24px;
	border-radius: 44px;
	background: rgba(255,255,255,0.2);
	backdrop-filter: blur(50px);
}
header ul a, header p, header .login a{
	font-family: 'Satoshi-Regular', sans-serif!important;
	font-size: .8rem;
	text-transform: uppercase;
	color: #fff !important;
	transition: ease all 0.6s;
	transform: translate(0,0);
}
header ul a:hover, header .login a:hover{
	background: var(--purple)!important;
	transform: translate(0,-3px) !important;
}
header a svg{
	fill:#fff;
}
header .login a{
	padding: 13px 20px;
}
header .login svg, .nav-mbl svg{
	width:16px;
	margin-right: 8px;
}



header .logo img{
	position: relative;
	z-index: 999999999;
}
.elementor-button{
	background: var(--red)!important;
	border-radius: 44px;
	padding: 12px 24px;
	border:1px solid var(--red)!important;
	color:var(--white)!important;
	backdrop-filter: blur(6px);
	font-family:  'Satoshi-Regular', sans-serif!important;
	font-weight: 900;
	margin-top:2vh;
  text-transform: uppercase;
}
header .elementor-button, .newsletter .elementor-button{
	margin-top:0;
}
.elementor-button span{
	font-weight: 900;
}
.burg {
  background: transparent !important;
  cursor: pointer;
  display: flex;
  padding: 0;
  width: 44px;
  height: 44px;
  position: relative;
  border: 0 !important;
	z-index: 9999999;
}
button.burg:hover, button.burg:active, button.burg:focus {
  background: transparent;
  border: 0 !important;
  outline: none;
  box-shadow: 0 0 0;
}
.line {
  fill: none;
  stroke: var(--white);
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.opened .line {
  stroke: #fff;
  }
.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.ov-h{
	overflow: hidden;
}
.nav-mbl {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 3;
  width: 0;
  height: 0;
  background: var(--purple);
  transition: ease all 0.4s;
  border-radius: 50%;
  opacity: 0;
  text-align: left;
   padding-left: 48px;
}
.nav-mbl.open {
  width: 100vw;
  height: 100vh;
  border-radius: 0;
  padding-top: 100px;
  opacity: 1;
  margin:-24px;
}
.nav-mbl ul {
  text-align: left;
list-style: none;
padding-top: 44px;
display: none;
padding-left: 0;
}
.nav-mbl.open ul {
  display: block;
}
.nav-mbl ul li {

  padding-bottom:8px;

}
.nav-mbl a {
  color: #fff;
  font-size: 1.3rem;

  text-transform: uppercase;

font-weight: 200;
}
.nav-mbl ul.sub-menu{
	padding:8px 24px;
}
.nav-mbl ul.sub-menu a{
	font-size: 1.1rem;
}
.nav-mbl hr{
	margin: 24px 48px 24px 0;
  color: rgba(255,255,255,0.3);
  border-style: none none solid none;
}
.secondary .elementor-button{
	background: rgba(255,255,255,0.6)!important;
	border-radius: 44px;
	padding: 12px 24px;
	border:1px solid var(--green)!important;
	color:var(--green)!important;
	backdrop-filter: blur(6px);
	font-family: 'haboro-contrast-normal', sans-serif!important;
}
.n-row{
	padding-top:10vh;
	padding-bottom:10vh;
		padding-left:4vw;
	padding-right:4vw;
}
@media (max-width:767px){
	.n-row{
		padding-left:6vw;
	padding-right:6vw;
}
}
.bg-green{
	background: var(--dark-green);
}
.bg-green p{
	color: var(--white);
}
.bg-yellow{
	background: var(--white);
}
.bg-yellow h1, .bg-yellow h2, .bg-yellow h3, .bg-yellow h4, .bg-yellow h5{
	color: var(--dark-green)!important;
}
.bg-yellow p{
	color: var(--dark-green);
}
.bg-yellow.grad{
	background: linear-gradient(#E2BB8D,var(--white));
}
.animated-gradient {
  position: relative;
  background: linear-gradient(45deg, #FA2B52 0%, #33173E 50%);
  background-size: 200% 200%;
  animation: gradient-wave 20s ease alternate infinite;
  overflow: hidden;
}

@keyframes gradient-wave {
  0%, 100% { background-position: 0% 50%; }
  25% { background-position: 100% 50%; }
  50% { background-position: 100% 100%; }
  75% { background-position: 0% 100%; }
}
.intro{
		padding-top:30vh;
	padding-bottom:20vh;
}
.intro p{
	color: #fff !important;
	padding-top:4vh;
}
.intro p em{
	font-size: 1.1rem;
}
.page-title{
	padding:26vh 4vw 10vh;
	background: linear-gradient(45deg, #FA2B52 0%, #33173E 50%);
  background-size: 200% 200%;
  animation: gradient-wave 12s ease alternate infinite;
}
.page-title p{
	color: #F3E9CA !important;
	padding-top:4vh;
}
.box-thin{
	border:1px solid rgba(255,255,255,.4);
	border-radius:4px;
	padding:32px;
	backdrop-filter: blur(50px);
	box-shadow: 0px 0px 4px rgba(255,255,255,.4);
}
.box-thin h3{
	min-height: 120px;
}
.box-thin .elementor-image-box-description a{
	background: #fa2b52;
	color: #fff;
	font-size: .8rem;
	letter-spacing: 1px;
	display: table;
	padding:8px 12px;
	border-radius: 44px;
}
.box-light{
	background: #FCF7E8;
	border-radius:44px;
	padding:32px;
}
.box-light h2,.box-light p,.box-light h4{
	color:var(--dark-green)!important;
}
.box-light-card{
	background: #F9F4DD;
	border-radius:44px;
	padding:18px;
}
.box-light-card .cover img{
    border-radius: 24px;
}
.box-light-card .icon img{
  margin-top:-80px;
  border:1px solid var(--white);
  border-radius: 50%;
}
.box-light-card .elementor-button{
  margin-top:4vh;
	 margin-bottom:4vh;
}
.newsletter{
	padding-top:2vh;
	padding-bottom:2vh;
	border-top:1px solid var(--white);
	border-bottom:1px solid var(--white);
}
footer a{
  color: #fff;
}