html, body{
	font-family: 'Manrope', Sans-Serif;
}
body{overflow-x: hidden;}
body.day{
	color: #374B60;
	background-color: #EFF5F9;
}

.bold{font-weight: bold;}
.fs14{
	font-size: 14px;
}


/*NAV*/
.day .dark{
	color: #001B36;
}
.day .dark-grey{
	color: #374B60;
}
.night .dark-grey{
	color: #B4BFC7;
}


.day .main-nav{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 0;
	height: 100px;
	width: 100%;
	z-index: 99;
	padding: 15px 15px;
}
.day .main-nav .nav-items{
	display: flex;
	align-items: center;
}
.day .main-nav .nav-items a{
	margin: 0 12px;
	color: #001B36;
	font-weight: bold;
}
.day .main-nav .nav-items a:hover{
	color: #2ABE98;
}
.day .main-nav .logo{
	width: 120px;
	transition: all 0.3s;
}

.day .navbar{
    height: 80px;
}
.day .navbar .logo{
	width: 90px;
	margin-left: 20px;
}


.day .dot-blur{
	background-color: #1C0B4B20;
	border-radius: 50%;
	filter: drop-shadow(0px 3.72018px 120px #1C0B4B);
}

/*HEADER*/
.day header{
	position: relative;
	padding-top: 200px;
	display: flex !important;
	align-items: center;
}
.day .main-title{
	font-size: 45px;
	font-weight: 800;
}
.day .header-image{
	display: none;
	position: absolute;
    top: 52%;
    transform: translateY(-50%);
    max-width: 1000px; 
    right: 0px
}
.day .btn.btn-wisclic {
	font-family: 'Manrope', Sans-Serif;
	border-radius: 15px;
	padding: 15px 25px !important;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
}
.day .btn.btn-wisclic.btn-sm {
	padding: 4px 10px !important;
		border-radius: 8px;

}
.day .btn.btn-wisclic.btn-tone{
	color: white;
	background-color: #2ABE98 ;
	font-weight: bold;
}
.day .btn.btn-wisclic.btn-tone:hover{
	background-color: #12746E ;
	border: solid 1px #12746E;
}
.day .btn.btn-wisclic.btn-white{
	color: #324151;
	background-color: white ;
	font-weight: bold;
	transition: all 0.3s;
}
.day .btn.btn-wisclic.btn-white:hover{
	transform: translate-Y(-4px);
}

.day .btn.btn-wisclic.btn-outline{
	color: #313131;
	border: solid 2px white;
	background-color: transparent ;
	font-weight: bold;
	transition: all 0.3s;
}
.day .btn.btn-wisclic.btn-outline:hover{
	transform: translate-Y(-4px);
	color: #324151;
	background-color: white ;
	font-weight: bold;
	transition: all 0.3s;
}

/*S1*/
.day .s1{
	position: relative;
	padding: 120px 0px 40px 0;
}
.day .tabs li a{
	font-weight: bold;
}
.day .tabs li a:hover{
	border-bottom-color: #2ABE98;
}
.day .tabs li.is-active a {
    border-bottom-color: #2ABE98;
    color: #2ABE98;
}


/*S2*/
.day .s2{
	position: relative;
	padding:  80px 0 0 0;
}
.day .gradient-text{
	background: linear-gradient(90deg, #755FFF 8.03%, #33DDB2 80.3%);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
.day .collapse-card{
	padding: 10px 25px;
}
.day .collapse-card.active{
	background: rgba(255, 255, 255, 0.12);
	border-radius: 16px;
	padding: 25px;
}
.day .collapse-card.active .collapse-title, .day .collapse-card .collapse-title:hover{
	opacity: 1
}
.day .collapse-card .collapse-title{
	opacity: 0.5;
	font-weight: bold;
	font-size: 25px;
}
.image-shadow{
	filter: drop-shadow(0px 3.72018px 50px rgba(3, 187, 170, 0.42));
}



.day .pricing-switch{
	background-color: rgba(145, 145, 145, 0.28);
	border-radius: 10px;
	padding: 14px 8px;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.pricing-switch .switch-indicator{
	background-color: white;
	position: absolute;
	border-radius: 10px;
	width: 160px;
	height: 80%;
	z-index: 0;
	transition: all 0.5s;
}
.pricing-switch .switch-indicator.left{
	transform: translateX(-80px);
}
.pricing-switch .switch-indicator.right{
	transform: translateX(80px);
}
.pricing-switch .switch-item{
	cursor: pointer;
	width: 160px;
	color: rgb(111, 111, 111);
	position: relative;
	z-index: 1;
}
.pricing-switch .switch-item.active{
	font-weight: 400;
	color: black;
}

.day .pricing-card.translucid-card{
	padding: 8px; 
	width: 340px;
	margin: auto;
	max-width: 100%;
	background: rgba(123, 138, 127, 0.22);
	border-radius: 20px;	
}
.pricing-card .discount-tag{
	background: #FF7088;
	border-radius: 20px;
	color: white;
	font-size: 12px;
	padding: 2px 15px;
}
.pricing-card ul{
	font-size: 14px;
}


.day .plan-switch{
	background-color: rgba(145, 145, 145, 0.28);
	border-radius: 10px;
	    width: 260px;
	    margin: auto;
	    max-width: 100%;
	padding: 14px 0px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.plan-switch .switch-indicator{
	background-color: white;
	position: absolute;
	border-radius: 10px;
	width: 85px;
	height: 80%;
	z-index: 0;
	transition: all 0.5s;
}
.plan-switch .switch-indicator.left{
	transform: translateX(-80px);
}
.plan-switch .switch-indicator.right{
	transform: translateX(80px);
}
.plan-switch .switch-item{
	text-align: center;
	cursor: pointer;
	width: 80px;
	color: rgb(111, 111, 111);
	position: relative;
	z-index: 1;
}
.plan-switch .switch-item.active{
	font-weight: 400;
	color: black;
}

.day .pro-card{
	background: rgba(255, 255, 255, 0.73);
	border-radius: 20px;
}


.contact-input input{
	border-radius: 10px;
	height: 54px;
	width: 350px;
	max-width: 100%;
}


/*fix collapse*/
.collapse:not(.show) {
    display: block !important;
}

.slide-leave-active{
	transition: 300ms ease-out !important;
}
.slide-leave-active{
	transition: 300ms ease-out !important;
}


.day .header-image{
	display: none;
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.day header{
		padding-top: 150px;
	}
	.day .main-title{
		font-size: 60px;
	}
	.fs60{
		font-size: 40px;
	}
	.fs24{
		font-size: 24px;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.day header{
		height: 100vh;
		min-height: 850px;
	}
	.day .header-image{
		display: block;
	    top: 52%;
	    transform: translateY(-50%);
	    width: 50%; 
	    right: 0px
	}
	.fs60{
		font-size: 60px;
	}
	
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	
}


/*fix collapse*/
.collapse:not(.show) {
    display: block !important;
}

.slide-leave-active{
	transition: 300ms ease-out !important;
}
.slide-leave-active{
	transition: 300ms ease-out !important;
}