:root {
    --primary: #128FDD;
	--primary-800: #09598C;
    --primary-900: #064771;
    --neutral-50:  #F8FAFC;
    --neutral-100: #F1F5F9;
    --neutral-200: #E2E8F0;
    --neutral-300: #CBD5E1;
    --neutral-400: #94A3B8;
    --neutral-500: #64748B;
    --neutral-600: #475569;
    --neutral-700: #334155;
    --neutral-800: #1E293B;
    --neutral-900: #0F172A;
	--white-color: #ffffff;
    --libro-primary: #F6A613;
    --libro-secondary: #EB641A;
    --libro-tertiary: #e4094a;
    --bisnes-primary: #0076b8;
	--bisnes-secondary: #f1a000;
    --success: #00b67a;
    --primary-rgb: 18, 143, 221;
    --primary-800-rgb: 9, 89, 140;
    --primary-900-rgb: 6, 71, 113;
    --success-rgb: 0, 182, 122;
    --libro-primary-rgb: 246, 166, 19;
    --libro-secondary-rgb: 235, 100, 26;
    --libro-tertiary-rgb: 228, 9, 74;
    --bisnes-primary-rgb: 0, 118, 184;
	--bisnes-secondary-rgb: 241, 160, 0;
    --transition: .4s all ease-in-out;
    --bs-body-color: var(--neutral-700);
    --bs-secondary-color: var(--neutral-500);
    --bs-body-bg: var(--neutral-100);
    --bs-light: var(--neutral-50);
    --bs-border-color: var(--neutral-200);
    --bs-link-color: var(--primary-500);
    --bs-link-hover-color: var(--primary-800);
    --bs-primary: var(--primary);
    --bs-success: var(--success);
    --bs-primary-rgb: var(--primary-rgb);
    --bs-dark-rgb: var(--primary-900-rgb);
    --bs-success-rgb: var(--success-rgb);
}
*::-moz-selection { background: var(--primary-900); color: var(--white-color); text-shadow: none; }
::-moz-selection { background: var(--primary-900); color: var(--white-color); text-shadow: none; }
::selection { background: var(--primary-900); color: var(--white-color); text-shadow: none; }
body {font-family: "Jost", sans-serif;font-optical-sizing: auto; font-weight: normal; font-style: normal;
    background: var(--neutral-100); color: var(--neutral-500);}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {color: var(--neutral-800); line-height: 1.2;}
h1, .h1 {font-size: clamp(2.125rem, -0.0733rem + 5.5vw, 4.4375rem);}
h2, .h2 {font-size: clamp(1.875rem, 0.7133rem + 2.8846vw, 3.75rem);}
h3, .h3 {font-size: clamp(1.75rem, 0.3353rem + 2.1661vw, 3rem);}
h4, .h4 {font-size: clamp(1.5rem, 0.5569rem + 1.444vw, 1.875rem);}
h5, .h5 {font-size: clamp(1.125rem, 1.2rem + 0.722vw, 1.5rem);}
h6, .h6 {font-size: clamp(1rem, 0.769rem + 0.6813vw, 1.25rem);}
.bg-white {background: var(--white-color);}
.bg-gray {background: var(--neutral-100);}
.bg-primary-800 {background: var(--primary-800);}
.bg-primary-900 {background: var(--primary-900);}
.text-n-6 {color: var(--neutral-600);}
a {text-decoration: none; cursor: pointer !important; transition: var(--transition);}
.secondary-tooltip {--bs-tooltip-bg: var(--primary-900); --bs-tooltip-color: var(--white-color);}
.primary-tooltip {--bs-tooltip-bg: var(--primary); --bs-tooltip-color: var(--white-color);}
.bis-text-primary {color: var(--bisnes-primary);}
.bis-text-secondary {color: var(--bisnes-secondary);}
.bis-bg-primary {background-color: rgba(var(--bisnes-primary-rgb),var(--bs-bg-opacity)) !important;}
.bis-bg-secondary {background-color: rgba(var(--bisnes-secondary-rgb),var(--bs-bg-opacity)) !important;}
.hover-bis-bg-primary-opacity:hover {background-color: rgba(var(--bisnes-primary-rgb), 1) !important;}
.hover-bis-bg-secondary-opacity:hover {background-color: rgba(var(--bisnes-secondary-rgb), 1) !important;}
.lib-bg-primary {background-color: rgba(var(--libro-primary-rgb),var(--bs-bg-opacity)) !important;}
.lib-bg-secondary {background-color: rgba(var(--libro-secondary-rgb),var(--bs-bg-opacity)) !important;}
.lib-bg-tertiary {background-color: rgba(var(--libro-tertiary-rgb),var(--bs-bg-opacity)) !important;}
.hover-lib-bg-primary-opacity:hover {background-color: rgba(var(--libro-primary-rgb), 1) !important;}
.hover-lib-bg-secondary-opacity:hover {background-color: rgba(var(--libro-secondary-rgb), 1) !important;}
.hover-lib-bg-tertiary-opacity:hover {background-color: rgba(var(--libro-tertiary-rgb), 1) !important;}
.lib-text-primary {color: var(--libro-primary);}
.lib-text-secondary {color: var(--libro-secondary);}
.lib-text-tertiary {color: var(--libro-tertiary);}
.hover-text-white:hover {color: var(--white-color) !important;}
.bg-opacity-10 { --bs-bg-opacity: .1; }
.bg-opacity-25 { --bs-bg-opacity: .25; }
.bg-opacity-50 { --bs-bg-opacity: .5; }
.bg-opacity-75 { --bs-bg-opacity: .75; }
.bg-opacity-100 { --bs-bg-opacity: 1; }
.hover-opacity-100:hover {--bs-bg-opacity: 1;}
.ms-n15p {margin-left: -15%;}
.mt-n15p {margin-top: -15%;}
.mb-n15p {margin-bottom: -15%;}
.me-n15p {margin-right: -15%;}
.mb-15p {margin-bottom: 15%;}
.me-15p {margin-right: 15%;}
.mb-10x {margin-bottom: 10px;}
.me-10x {margin-right: 10px;}
.h-40p {height: 40px;}
.w-40p {width: 40px;}
.h-60p {height: 60px;}
.w-60p {width: 60px;}
.h-180p {height: 180px;}
.w-180p {width: 180px;}
.btn-primary {
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-bg: var(--primary-800);
    --bs-btn-hover-border-color: var(--primary-800);
    --bs-btn-active-bg: var(--primary-800);
    --bs-btn-active-border-color: var(--primary-800);
    --bs-btn-disabled-bg: var(--primary);
    --bs-btn-disabled-border-color: var(--primary);
    transition: var(--transition);
}
.btn-outline-primary {
    --bs-btn-color: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-bg: var(--primary);
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-active-bg: var(--primary);
    --bs-btn-active-border-color: var(--primary);
    --bs-btn-disabled-color: var(--primary);
    --bs-btn-disabled-border-color: var(--primary);
}
.btn-link-primary {
    background-color: rgba(var(--primary-rgb), 1);
    transition: var(--transition);
    color: var(--white-color);
    font-size: 16px;
}
.btn-link-primary:hover {
    background-color: rgba(var(--primary-rgb), 1);
}
.top-bar {background: var(--primary); color: var(--white-color);}
.top-bar a {color: var(--white-color);}
.top-bar a:hover {opacity: .7;}
nav.navbar .logo {height: 50px;}
nav.navbar .navbar-nav .nav-link {
    color: var(--neutral-800);
    font-weight: 500;
    font-size: 16px;
}
nav.navbar .navbar-nav .nav-link.active {
    color: var(--primary);
}
nav.navbar .navbar-nav .nav-link:hover {
    color: var(--primary);
}
.yk-hero {
    background: rgba(var(--primary-rgb), .06);
}
.yk-hero .square-shape {
    z-index: -1;
}
.clip-path-one {clip-path: polygon(0 0, 75% 0%, 100% 23%, 100% 100%, 0 100%, 0% 50%);}

.circle-border::before {
    border-color: rgba(255, 255, 255, 0.15);
    inset-inline-start: 50%;
    height: calc(100% - 50px);
    width: calc(100% - 50px);
    translate: -50% -50%;
    border-style: solid;
    border-radius: 50%;
    position: absolute;
    border-width: 1px;
    content: "";
    top: 50%;
}
.radial-progress {
    max-width: 140px;
    height: auto;
    rotate: 0deg;
    width: 100%;
}
.radial-progress circle {
    stroke: var(--white-color);
    stroke-width: 6;
    fill: none;
}
.radial-progress circle.incomplete {
    opacity: 0.1;
}
.radial-progress circle.complete {
    stroke: var(--primary);
    stroke-dasharray: 219.9114857513;
    stroke-dashoffset: 219.9114857513;
    transition: stroke-dashoffset 1.25s ease-out;
    stroke-linecap: round;
}
.radial-progress text {
    fill: var(--white-color);
    translate: 0px 80px;
    text-anchor: middle;
    rotate: -90deg;
}


.animate__wobble__two {animation: wobble 2.4s ease-in-out infinite;}
.animation-item:hover .animate__bounce {animation: bounce 1.5s;}
.animation-item:hover .animate__wobble {animation: wobble 1.5s ease-in-out;}
.animation-item:hover .animate__heartBeat {animation: heartbeat 1.5s ease-in-out;}
.animation-item:hover .animate__flipInY {animation: flipInY 1.5s ease-in-out;}
.animation-item:hover .animate__swing {animation: swing 1.5s ease-in-out;}
@keyframes bounce {
    0%, 20%, 53%, 100% {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0);}
    40%, 43% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1);}
    70% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05);}
    80% {-webkit-transform: translateZ(0) scaleY(0.95); transform: translateZ(0) scaleY(0.95); -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
    90% {-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02);}
}
@keyframes wobble {
    0% {-webkit-transform: translateZ(0); transform: translateZ(0);}
    15% {-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg);}
    30% {-webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg);}
    45% {-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg);}
    60% {-webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg);}
    75% {-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg);}
    100% {-webkit-transform: translateZ(0); transform: translateZ(0);}
}
@keyframes heartbeat {
    0% {-webkit-transform: scale(1); transform: scale(1);}
    14% {-webkit-transform: scale(1.3); transform: scale(1.3);}
    28% {-webkit-transform: scale(1); transform: scale(1);}
    42% {-webkit-transform: scale(1.3); transform: scale(1.3);}
    70% {-webkit-transform: scale(1); transform: scale(1);}
}
@keyframes flipInY {
    0% {-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg);}
    40% {-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg);}
    60% {opacity: 1; -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg);}
    80% {-webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg);}
    100% {-webkit-transform: perspective(400px); transform: perspective(400px);}
}
@keyframes swing {
    20% {-webkit-transform: rotate(15deg); transform: rotate(15deg);}
    40% {-webkit-transform: rotate(-10deg); transform: rotate(-10deg);}
    60% {-webkit-transform: rotate(5deg); transform: rotate(5deg);}
    80% {-webkit-transform: rotate(-5deg); transform: rotate(-5deg);}
    100% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
}

/* Blog Grid Section */
.blog-grid .blog-item .blog-title {
    padding: 0px; margin: 0px;
    line-height: 35px;
    font-weight: 700;
    font-size: 26px;
}
.blog-grid .blog-item .blog-title a {
    color: var(--neutral-800);
}
.blog-grid .blog-item:hover .blog-title a {
    color: var(--primary);
}
.blog-grid .blog-item .blog-date {
    color: var(--neutral-400);
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
}
.blog-grid .blog-item .blog-date i {
    color: var(--primary);
}
.blog-grid .blog-item .blog-content img {
    width: 100% !important;
    height: initial !important;
}
.blog-grid .blog-item .bmYoutubePlayer {
    border-radius: 10px;
    height: 370px;
    width: 100%;
}
.blog-grid .blog-item .bmYoutubePlayer iframe {
    height: 100%;
    width: 100%;
}
.blog-grid .blog-item .summary .bmYoutubePlayer {
    border-radius: 10px;
    height: 450px;
    width: 100%;
}
.blog-grid .blog-item .blog-content .blog-button a {
    color: var(--primary);
    text-transform: capitalize;
    background-color: unset;
    display: inline-block;
    position: relative;
    padding: 0 20px 0 0;
    font-size: 16px;
    font-weight: 600;
    z-index: 1;
}
.blog-grid .blog-item .blog-content .blog-button a:before {
    font-family: "Font Awesome 6 Pro";
    transition: all 0.3s;
    position: absolute;
    content: "\f061";
    right: -5px;
    opacity: 1;
}
.blog-grid .blog-item .blog-content .blog-button:hover a {
    color: var(--primary-800);
}
.blog-grid .blog-item .blog-content .blog-button:hover a:before {
    right: -10px;
    opacity: 1;
}
.blog-grid .blog-widget .recent-posts .widget-title h5 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: var(--neutral-800);
    position: relative;
    z-index: 1;
    padding-bottom: 12px;
    margin: 0;
}
  .blog-grid .blog-widget .recent-posts .widget-title h5:after {
    content: "";
    position: absolute;
    border: 0;
    width: 50px;
    height: 2px;
    background: var(--primary);
    z-index: 1;
    margin-left: 0;
    bottom: 0;
    left: 0;
}
.blog-grid .blog-widget .recent-posts .recent-post {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    overflow: hidden;
}
.blog-grid .blog-widget .recent-posts .recent-post .post-img {
    padding-right: 15px;
    overflow: hidden;
    width: 100px;
    float: left;
}
.blog-grid .blog-widget .recent-posts .recent-post .post-img img {
    border-radius: 1px;
}
.blog-grid .blog-widget .recent-posts .recent-post .post-desc {
    overflow: hidden;
    margin-top: -8px;
}
.blog-grid .blog-widget .recent-posts .recent-post .post-desc a {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: var(--neutral-800);
    margin-bottom: 5px;
}
.blog-grid .blog-widget .recent-posts .recent-post .post-desc a:hover {
    color: var(--primary);
}
.blog-grid .blog-widget .recent-posts .recent-post .post-desc .date-post {
    color: var(--neutral-400);
    display: block;
    font-size: 14px;
}
.blog-grid .blog-widget .recent-posts .recent-post .post-desc .date-post i {
    margin-right: 8px;
}
.blog-grid .blog-widget .recent-posts .recent-post .post-desc .date-post i:before {
    color: var(--primary);
    position: relative;
    font-size: 13px;
    top: 1px;
}
.blog-grid .blog-widget .widget-links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.blog-grid .blog-widget .widget-links a {
    background: rgba(var(--primary-rgb), .3);
    color: var(--primary);
    font-size: 12px;
    margin-right: 5px;
    font-weight: 300;
    border-radius: 50px;
    padding: 5px 10px;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 8px;
}
.blog-grid .blog-widget .widget-links a:hover {
    background: rgba(var(--primary-rgb), .6);
    color: var(--primary-900);
}
.yk-category-list .category-cloud a,
.yk-tag-list .tag-cloud a {
    background: rgba(var(--primary-rgb), .3);
    color: var(--primary);
    margin-right: 5px;
    font-weight: 300;
    border-radius: 50px;
    padding: 5px 10px;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 8px;
}
.yk-category-list .category-cloud a:hover,
.yk-tag-list .tag-cloud a:hover {
    background: rgba(var(--primary-rgb), .6);
    color: var(--primary-900);
}
footer .social-icons a {color: var(--white-color);}
footer .social-icons a:hover {opacity: .7;}
footer .list-unstyled li a {color: var(--white-color);}
footer .list-unstyled li a:hover {opacity: 0.7;}