html {scroll-behavior: smooth;}
a {text-decoration: underline;}
.nav-item a {text-decoration: none;}
.sticky {position: fixed;top: -2px;width: 100%;background-color: white;z-index: 99;box-shadow: 2px 2px 10px lightgrey;transition: top .4s ease-in-out;}
.stick {top: -115px;}
.rc{font-family: 'Roboto Condensed', sans-serif;}
.j-big{font-size: 3rem;}
.evblu{color: #0051c6 !important;}
#hero, #demo{margin-top: 100px;} 
.evsched{color:black !important; font-weight: bold; margin: 0 15px;border-radius: 30px;padding: 8px 20px !important;border: 1px solid #fd7d42;
	background: linear-gradient(0deg, rgba(253,129,64,1) 0%, rgba(250,209,38,1) 48%);}
.evsched:hover{background: linear-gradient(0deg,rgba(250,209,38,1) 0%, rgba(253,129,64,1) 130%);text-decoration: none;}
.evsched.j{font-size: 20px}
.fact{background: #0051c6;color: white; padding: 10px 25px; font-size: 25px; font-weight: bold; border-radius: 25px; box-shadow: 6px 5px #e5e5e5;}
.hero-content p{font-size: 25px;}
.content{font-size: 21px;}
.htw{background-color: #e8f1ff; padding: 5px 20px; border-radius: 50px; border: 2px solid white;}
.demo-btn a{background: #31bf95;color: white;padding: 12px 25px;border-radius: 35px; font-size: 20px; font-weight: bold;}
#questions h1{color: red; font-weight: bold}
.blucard h1{color: #ffbf40; font-weight: bold}
.ev-box{border-radius: 25px; padding: 0 15px 30px;}
.ev-box img{position: relative; top: -50px}
.h-box-l{border-bottom-right-radius: 25px; border-top-right-radius: 25px; height: 100%;}
.dynamic h1{font-size: 75px}
#about{background-color: #e8f1ff;}
#about img{border-radius: 20px;}
#weslash2{background-color: #dce9fb;}
.slashbox{border-radius: 15px; border:15px solid #aed3ff; padding: 25px 5px; background-color: white;}
.slashbox ul{font-size: 21px; list-style-image: url('../images/tick1.png')}
#weslash2 ul{font-size: 21px; list-style-image: url('../images/tick2.png')}
#weslash2 ul li{padding-bottom: 5px;}
.jjspl{position: absolute; width: 100%; margin: 0 -15px }
.lapman{position: absolute;right: -22px;z-index: 1;bottom: 0;}
#happypractice-in{background-image:url('../images/bgdum.jpg'); background-position: right; background-repeat: no-repeat; background-size: contain;}
.blucard{background-color: #0051c6;border-radius: 15px; text-align: center; padding: 30px 15px 0}
.blucard img{position: relative; bottom: -23px;}
.shadebox{padding: 30px; box-shadow: 0px 6px 65px -23px grey; border-radius: 25px; background-color: white}
.kur{position: absolute; top: -70px; right: 30px;}
#kuruvi{background-image: url('../images/halfcircle.jpg'); background-repeat: no-repeat; background-size: contain;}
#sixlogos{background-image: url('../images/sixbg.jpg'); background-repeat: no-repeat; background-size: cover;}
#footer{background-image: url('../images/handfone.jpg'); background-repeat: no-repeat; background-position: bottom right;}
.demo{border-bottom: 3px solid #0051c6;}
.mist{background: linear-gradient(0deg, rgba(0,116,255,1) 0%, rgba(0,155,255,1) 100%);; padding: 10px 30px; border-radius: 50px;}
.download{background: white;text-align: center;font-weight: bold;padding: 10px 25px;border-radius: 25px;}
.nav-link{font-size: 20px; padding: 8px 18px !important;}
.pricing ul li{font-size: 25px; padding-top: 10px;}
.j-bold {font-size: 28px;}
.highlighted{background: #e5f3eb; transition: all .2s ease; outline: 3px solid #10bb74; outline-offset: -3px;}
.unhighlight{background: unset; outline: unset; transition: all .2s ease;}
.hero-content p{background: #0051c614; border-radius: 18px; padding: 25px; font-weight: bold;}
#accordion .card {box-shadow: 0px 5px 15px -1px lightgrey; margin-bottom: 20px; border: none;}
.j-faq .num {background: #31bf95; width: 35px; height: 35px; display: inline-block; border-radius: 10px; color: white; margin-right: 15px; text-align: center; padding-top: 2px;}
.j-faq .card-header{padding: 0 25px;}
.j-faq .btn.btn-link{display: block; width: 100%; padding: 25px 0; text-align: left; font-size: 21px;}
.j-faq .card-body{text-align: justify; font-size: 21px;}
.j-faq .card{border-bottom: 1px solid lightgray !important; margin-bottom: 15px;}
#thankyou{margin-top: 150px}
.clicktotop{position: fixed; bottom:-80px; right: 0px; transition: all .5s ease; opacity: .8;}
.iubenda-tp-btn{opacity: 0 !important;}
/* .twitterEmbed{height: 500px; overflow: auto;} */
.borderbox{border: 1px solid lightgray; padding: 15px; margin-bottom: 15px; border-radius: 10px;}
.training_steps{margin-bottom: 15px; background-color: #0051c61a; padding: 15px;}
/** Contact Page **/
.m-heading, .a-tag a, .icon-head{color: #0051c6;}
.contact-icons{width: 150px;}
.insidepadding{padding-left: 100px; padding-right: 100px;}
.btn-section{ width: 70%; margin: 0 auto;}
#profit_loss_summary{text-align: center;}
#profit_loss_summary .sticky_row_bottom{background-color: gold; font-weight: bold; font-size: 25px;}
#profit_loss_summary .sticky_row_top{font-size: 18px;}
.iubenda-like-disclaimer{	padding: 4px 8px 3px !important; 	font-family: -apple-system, sans-serif !important; 	font-size: 11px; 	text-decoration: none; 	color: black; 	border: 1px solid #d9d9d9;	border-radius: 3px;width: 116px; height: 25px;}
.show_on_monday{display: none;}
#articles{background-color: aliceblue;}
.j-article{background-color: aliceblue;}
#articles .card:hover{box-shadow: 0px 5px 15px -1px lightgrey; transform: translateY(-5px); transition: all .2s ease; background-color: aliceblue;}
/* Testimonial Slider Styles */
#testi.testimonial-slider {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 6px 30px rgba(0,0,0,0.1);
  padding: 40px 30px;
  position: relative;
}

#testi .slides .slide {
  display: none;
}

#testi .slides .slide.active {
  display: block;
  animation: fadeIn 0.5s ease-in-out;
}

#testi .title {
  font-size: 2.2rem;
  font-weight: bold;
  color: #222;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
}

#testi .subtitle {
  font-size: 1.1rem;
  font-weight: normal;
  color: #777;
  margin-bottom: 15px;
  text-align: center;
}

#testi .testimonial {
  font-size: 1.6rem;
  color: #444;
  margin: 20px 0;
  line-height: 1.5;
}

#testi .author {
    font-weight: lighter;
    color: #555;
    font-size: 2.2rem;
    margin-bottom: 50px;
    font-style: italic;
    text-align: right;
}

#testi .navigation {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  column-gap: 10px;
}

#testi .bottom-controls {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

#testi .bottom-controls.top {
  top: 15px;
}

#testi .bottom-controls.bottom {
  bottom: 15px;
}

#testi .dot {
  height: 12px;
  width: 12px;
  background-color: #bbb;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#testi .dot.active {
  background-color: #333;
}

#testi .arrow {
  font-size: 22px;
  color: #333;
  cursor: pointer;
  padding: 6px 10px;
  background: rgba(255,255,255,0.8);
  border-radius: 50%;
  transition: background 0.3s ease;
  user-select: none;
  position: relative;
  bottom: -10px;
}

#testi .arrow:hover {
  background: rgba(0,0,0,0.1);
}

@keyframes fadeIn {
  from {opacity: 0; transform: translateY(10px);}
  to {opacity: 1; transform: translateY(0);}
}
/* Testimonial Slider Styles */


@media (max-width: 1199px) {
	#happypractice-in{background-image: unset !important;}
}
@media (max-width: 991px) {
	h1{font-size: 35px;}
	h3{font-size: 24px;}
	#footer{background-size: 20%}
	#menu .container{max-width: 100%;}
}

@media (max-width: 870px) and (min-width: 768px) {
	.nav-link{font-size: 15px; padding: 8px 10px !important;}
}

@media (max-width: 768px) {
	.insidepadding{padding-left: 10px; padding-right: 10px;}
	.insidepadding img{margin: 0 auto; display: block;}
	.insidepadding{text-align: center;}
	.btn-section { width: 100%; }
}

@media (max-width: 767px) {
	h1{font-size: 30px;}
	h2{font-size: 28px;}
	h3{font-size: 22px;}
	.jjspl{position: unset; margin: 0}
	.nav-item{padding: 10px 0; border-bottom: 2px solid lightgrey; text-align: center}
	.nav-item:nth-child(4){border-bottom: 0px !important}
	.nav-link.evsched{display: inline-block; margin: 5px 0;}
	.navbar-nav{margin-top: 15px;}
	.htw{border-radius: 0px;}
	.demo-btn a{font-size: 19px;}
	#weslash2{padding-left: 0; padding-right: 0}
}

@media (max-width: 575px) {
	.dynamic h1{font-size: 60px;}
	.navbar-brand img{width: 175px;}
	#menu .container{padding: 0}
	.vid-icon{padding-bottom: 10px;}
	.shadebox{padding: 30px 15px;}
	#footer{background-image: unset;}
}

/** Contact Page **/