html {scroll-behavior: smooth;scroll-padding-top: 85px;}
.nav-link {font-size: 0.9rem;font-weight: 400;}
.gradient-primary {background-image: linear-gradient(120deg, #30BDB4 10%, #00126B 100%)}
.navbar-clone {border-bottom: 1px solid #efefef;}

/* background colors */
.bg-primary {background-color: #30BDB4 !important;}
.bg-h-light {background-color: #E9FCFB !important;}
.bg-6b0 {background-color: #5EB6B0 !important;}

/* border radius */
.br10px {border-radius: 0.5rem !important; }
.br12px {border-radius: 0.6rem !important; }
.br15px {border-radius: 0.75rem !important; }

/* text formate */
.text-balance {text-wrap: balance !important;}

/* width */
.w-fit-content {width: fit-content;}

/* glass design */
.card.blog-glass {border: 0px solid transparent; border-radius: 24px; overflow: hidden;}
.blog-glass .card-img img{position: relative;z-index: 0;width:100%;height:500px;object-fit: cover; transition: transform 0.3s ease; }
.blog-glass .card-body {position: absolute;border: 1px solid red;width: 100%;bottom: 0;background-color: transparent;border-radius: 0 0 24px 24px;background: rgba(255, 255, 255, 0.36);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);border: 1px solid rgba(255, 255, 255, 0.25);transition: background 0.3s ease, border-radius 0.3s ease, height 0.3s ease, box-shadow 0.3s ease;}
.blog-glass .card-body:hover {display: flex;flex-direction: column;justify-content: center;height: 100%;background: rgba(255, 255, 255, 0.70);}
.blog-glass .card-body:hover :is(h3, p) {display: block;-webkit-box-orient: horizontal;overflow: unset;}
.inner-content {display: flex;flex-direction: column;justify-content: center;height: 96px;}
.card.glass-box {background-color: transparent;background: rgba(255, 255, 255, 0.36);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);border: 1px solid rgba(255, 255, 255, 0.25);color: #ffffff;height: 100%;}

.card.blog-glass-1 {border: 1px solid rgba(164,174,198,.2); overflow: hidden;}
.blog-glass-1 .card-img img{position: relative;z-index: 0;width:100%;height:225px;object-fit: cover; transition: transform 0.3s ease;  object-position: top; }

/* line clamp */
.line-clamp {display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.line-clamp.one {-webkit-line-clamp: 1;line-clamp: 1;}
.line-clamp.two {-webkit-line-clamp: 2;line-clamp: 2;}

.form-check-input:checked {background-color: #30BDB4;border-color: #30BDB4;}
.pricing.card {border-radius: 1.2rem;border: 2px solid #505050;}
.pricing-state .nav-link.active{background-image: linear-gradient(120deg, #00126B 10%, #30BDB4 100%);color: white;}
.pricing-state .nav-link:hover{background-image: linear-gradient(120deg, #00126B 10%, #30BDB4 100%);color: white;}

.blog-glass .card-body:hover button, .blog-glass .card-body:hover a {display: none;}

.custom-padding{padding-left: 20px;padding-right: 20px;padding-top: 10px;padding-bottom: 10px;}

label.input-error {width: 100%;margin-top: .25rem;font-size: 14px;color: #ff5c75;font-weight: 400;}
.form-switch .form-check-input,
.form-switch .form-check-input:checked,
.form-switch .form-check-input:focus,
.form-switch .form-check-input:active {width: 4.5em;position: relative;background-image: linear-gradient(120deg, #30BDB4 10%, #00126B 100%);border-radius: 20px;border: 0;width: 75px;height: 35px;}
.form-switch .form-check-input:after {content: "";position: absolute;left: 5px;top: 5px;display: block;width: 25px;height: 25px;background-color: #FFFFFF;background-position: left center;border-radius: 2em;transition: background-position .15s ease-in-out;}
.form-switch .form-check-input:checked:after {left: auto;right: 5px;}

#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #f3f4f7;z-index: 9999;}
.loader {width: 80px;height: 30px;position: absolute;left: 50%;top: 50%;margin: -40px 0 0 -40px;}
.heart-rate {width: 150px;height: 73px;position: relative;margin: 20px auto;}
.heart-rate .fade-in {position: absolute;width: 100%;height: 100%;background-color: #f3f4f7;top: 0;right: 0;animation: heartRateIn 2.5s linear infinite;}
.heart-rate .fade-out {position: absolute;width: 120%;height: 100%;top: 0;left: -120%;animation: heartRateOut 2.5s linear infinite;background: #f3f4f7;background: -moz-linear-gradient(left, #f3f4f7 0%, #f3f4f7 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-linear-gradient(left, #f3f4f7 0%, #f3f4f7 50%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, #f3f4f7 0%, #f3f4f7 50%, rgba(255, 255, 255, 0) 100%);background: -ms-linear-gradient(left, #f3f4f7 0%, #f3f4f7 50%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to right, #f3f4f7 0%, #f3f4f7 80%, rgba(255, 255, 255, 0) 100%);}
@keyframes heartRateIn {0% {width: 100%;}50% {width: 0;}100% {width: 0;}}
@keyframes heartRateOut {0% {left: -120%;}30% {left: -120%;}100% {left: 0;}}

.page-item:hover:not(.offset):not(.active) .page-link {color: var(--bs-primary);}
.page-link:hover,.page-link:focus{background-color: #d2daff;}