:root {--bs-light:#f4fafd; --bs-light-rgb:244, 250, 253; --bs-pagination-active-border-color:var(--vv-primary)!important; --bs-pagination-active-bg:var(--vv-primary)!important; --bs-link-color-rgb:var(--bs-emphasis-color-rgb); --bs-link-hover-color-rgb:var(--vv-primary-rgb) ; --bs-border-radius:6px; --border-radius:6px; --bs-link-color:var(--vv-primary); --usercolor:var(--vv-primary); --fc-button-active-bg-color:#0380FE; --vv-primary:#3BA9FF; --vv-primary-rgb:59, 169, 255; --vv-accent-cyan-rgb:42, 210, 255; --vv-accent-emerald-rgb:30, 185, 129; --vv-accent-amber-rgb:245, 158, 11; --vv-radius:6px; --vv-radius-lg:10px; --vv-surface:var(--bs-body-bg); --vv-soft:var(--bs-light); --vv-border:rgba(var(--bs-emphasis-color-rgb), 0.08); --vv-border-strong:rgba(var(--bs-emphasis-color-rgb), 0.14); --vv-muted:rgba(var(--bs-emphasis-color-rgb), 0.66); --vv-shadow-sm:0 10px 28px rgba(var(--bs-emphasis-color-rgb), 0.07); --vv-shadow-md:0 18px 44px rgba(var(--bs-emphasis-color-rgb), 0.11); --vv-shadow-lg:0 26px 70px rgba(var(--bs-emphasis-color-rgb), 0.14); --vv-section-y:100px; --vv-section-y-sm:72px;}
body {font-family:"Ubuntu", sans-serif; overflow-x:hidden!important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:"Ubuntu", sans-serif; line-height:1.5; font-weight:600; color:var(--bs-emphasis-color);}
::-moz-selection {background:rgba(108, 117, 125, 0.9); color:#fff}
::selection {background:rgba(108, 117, 125, 0.9); color:#fff}
.pera-title {font-size:15px}
a {text-decoration:none!important; color:var(--vv-primary);}
a:hover {color:#000;}
.bg-overlay {background-color:rgba(60, 72, 88, 0.7); position:absolute; top:0; right:0; left:0; bottom:0; width:100%; height:100%}
.bg-overlay-white {background-color:rgba(255, 255, 255, 0.8)!important}
.back-to-top {cursor:pointer; width:50px; height:50px; line-height:50px; z-index:99; position:fixed; bottom:20px; right:20px; display:block; opacity:0; visibility:hidden; transform:translateY(30px); color:#53b8e5; background-color:var(--bs-light)!important; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-box-shadow:0px 0px 15px rgba(var(--bs-emphasis-color-rgb), 0.2); box-shadow:0px 0px 15px rgba(var(--bs-emphasis-color-rgb), 0.2);}
.back-to-top:hover {background-color:var(--vv-primary); color:#fff}
.back-to-top.bt-progress {opacity:1; visibility:visible; transform:translateY(0);}
.back-to-top .icons {-webkit-transition:all .5s ease; transition:all .5s ease; stroke-width:2; height:14px; width:14px}
.back-to-top .progress-circle {position:absolute; inset:0; display:block; overflow:visible}
.back-to-top svg path {fill:none}
.back-to-top svg.progress-circle path {stroke:var(--vv-primary); stroke-width:4; stroke-linecap:round; -webkit-transition:stroke-dashoffset .1s linear; transition:stroke-dashoffset .1s linear}
.back-to-top .topicon {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.btn.btn-icon {height:40px; width:40px; line-height:40px; padding:0}
.btn-soft-primary {background-color:rgba(0, 123, 255, 0.3)!important; border:1px solid rgba(0, 123, 255, 0.3)!important}
.mt-70 {margin-top:70px}
.width-max {max-width:500px}
.font-36 {font-size:36px!important}
.para-desc-600 {max-width:600px}
.zThemes-layout {background:url(../images/bg-img.jpg) fixed repeat}
.zThemes-layout .zThemesbox {background:#fff; -webkit-box-shadow:0 0 3px rgba(60, 72, 88, 0.15); box-shadow:0 0 3px rgba(60, 72, 88, 0.15); max-width:1170px; margin:0 auto}
.zThemes-layout .boxed-home {max-width:1170px; margin:0 auto}
.text-primary {color:var(--vv-primary)!important}
.bg-primary {background-color:var(--vv-primary)!important}
.rounded-top {border-top-left-radius:var(--bs-border-radius)!important; border-top-right-radius:var(--bs-border-radius)!important}
.fea.icon-md {height:26px; width:26px}
.font-14 {font-size:14px}
.font-weight-600 {font-weight:600}
.sticky-sidebar {position:-webkit-sticky; position:sticky; top:110px}
.row > * {position:relative}
.btn {-webkit-transition:none; transition:none; -webkit-box-shadow:none!important; box-shadow:none!important; outline:none; text-decoration:none;}
.btn.btn-primary {background-color:var(--vv-primary); border:1px solid var(--vv-primary); color:#fff; -webkit-box-shadow:0 16px 16px -8px rgba(22, 28, 45, 0.16); box-shadow:0 16px 16px -8px rgba(22, 28, 45, 0.16)}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:active, .btn.btn-primary.active {background-color:#0074f0; border:1px solid #0074f0; color:#fff!important}
.vv-section {padding-top:var(--vv-section-y); padding-bottom:var(--vv-section-y); position:relative}
.vv-section-soft {background:var(--vv-soft)}
.vv-section-head {max-width:760px; margin-left:auto; margin-right:auto; text-align:center}
.vv-kicker, .section-kicker {display:inline-flex; align-items:center; justify-content:center; color:var(--vv-primary); font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase}
.vv-kicker:before, .vv-kicker:after, .section-kicker:before, .section-kicker:after {content:""; width:36px; height:1px; background:rgba(var(--bs-emphasis-color-rgb), 0.25); margin:0 12px}
.vv-card, .vv-panel, .vv-article, .service-card, .counter-box, .blog-card, .project-card, .blog-side-panel, .blog-article {background:var(--vv-surface); border:1px solid var(--vv-border)!important; border-radius:var(--vv-radius-lg)!important; box-shadow:var(--vv-shadow-sm)!important}
.vv-card, .service-card, .counter-box, .blog-card, .project-card {transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.vv-card:hover, .service-card:hover, .counter-box:hover, .blog-card:hover, .project-card:hover {transform:translateY(-4px); border-color:rgba(var(--vv-primary-rgb), 0.28)!important; box-shadow:var(--vv-shadow-md)!important}
.vv-panel, .blog-side-panel {padding:1.25rem}
.vv-article, .blog-article {padding:clamp(1.25rem, 3vw, 2.5rem)}
.vv-icon-box {width:54px; height:54px; display:inline-flex; align-items:center; justify-content:center; border-radius:var(--vv-radius-lg); background:rgba(var(--vv-primary-rgb), 0.1); color:var(--vv-primary)}
.vv-chip, .blog-tag, .project-tag {display:inline-flex; align-items:center; gap:.25rem; border:1px solid var(--vv-border)!important; border-radius:999px!important; background:rgba(var(--bs-body-bg-rgb), 0.86)!important; color:var(--bs-emphasis-color)!important}
.vv-chip:hover, .blog-tag:hover, .project-tag:hover {border-color:rgba(var(--vv-primary-rgb), 0.32)!important; color:var(--vv-primary)!important; background:rgba(var(--vv-primary-rgb), 0.08)!important}
.vv-btn, .btn {display:inline-flex; align-items:center; justify-content:center; gap:.25rem; border-radius:var(--vv-radius)!important; font-weight:600}
.vv-btn-primary {background:var(--vv-primary)!important; border-color:var(--vv-primary)!important; color:#fff!important}
.vv-form, .contact-form {background:var(--vv-surface); border:1px solid var(--vv-border); border-radius:var(--vv-radius-lg); box-shadow:var(--vv-shadow-md); padding:clamp(1.25rem, 3vw, 2rem)}
.vv-form .form-control, .vv-form .form-select, .contact-form .form-control, .contact-form .form-select {border:1px solid var(--vv-border)!important; background:var(--bs-light-bg-subtle)!important; border-radius:var(--vv-radius)!important}
.vv-form .form-control:focus, .vv-form .form-select:focus, .contact-form .form-control:focus, .contact-form .form-select:focus {border-color:rgba(var(--vv-primary-rgb), 0.55)!important; box-shadow:0 0 0 .18rem rgba(var(--vv-primary-rgb), 0.12)!important}
.vv-hero-tags {display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1rem}
.vv-hero-tags a {font-size:14px}
.vv-card .card-header, .project-card .card-header {background:linear-gradient(180deg, rgba(var(--vv-primary-rgb), 0.08), transparent); border-bottom:1px solid var(--vv-border)!important}
.counter-box h2 {font-size:clamp(1.7rem, 4vw, 2.5rem); color:var(--vv-primary)}
.contact-captcha {height:58px; max-width:100%; object-fit:cover}
.contact-hero {padding-top:170px; padding-bottom:72px; overflow:hidden}
.contact-hero:before {content:""; position:absolute; inset:auto -10% -45% -10%; height:70%; background:radial-gradient(ellipse at center, rgba(var(--vv-primary-rgb), 0.18), transparent 64%); pointer-events:none}
.contact-lead {font-size:1.08rem; line-height:1.75; max-width:780px}
.contact-location {background:rgba(var(--bs-body-bg-rgb), 0.78); backdrop-filter:blur(10px)}
.contact-section {margin-top:1rem}
.contact-sidebar {position:sticky; top:110px}
.contact-intro-panel {background:linear-gradient(180deg, rgba(var(--vv-primary-rgb), 0.1), var(--vv-surface))}
.contact-step-list {display:grid; gap:1rem}
.contact-step {position:relative; padding-left:4.5rem; min-height:116px}
.contact-step-num {position:absolute; left:1.25rem; top:1.25rem; width:42px; height:42px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#fff; background:var(--vv-primary); box-shadow:0 10px 24px rgba(var(--vv-primary-rgb), 0.28)}
.contact-step-num svg {--icon-fill-opacity:.16; stroke:#fff}
.contact-services-mini {display:grid; grid-template-columns:1fr; gap:.65rem}
.contact-service-mini {display:flex; align-items:center; gap:.7rem; padding:.85rem 1rem; border:1px solid var(--vv-border); border-radius:var(--vv-radius-lg); background:rgba(var(--bs-body-bg-rgb), 0.74); box-shadow:var(--vv-shadow-sm); font-size:14px; font-weight:600}
.contact-service-mini svg {color:var(--vv-primary)}
.contact-form-premium {position:relative; overflow:hidden}
.contact-form-premium:before {content:""; position:absolute; left:0; right:0; top:0; height:5px; background:linear-gradient(90deg, var(--vv-primary), rgba(var(--vv-primary-rgb), 0.25), var(--vv-primary))}
.contact-form-head {padding-bottom:1.25rem; border-bottom:1px solid var(--vv-border)}
.contact-form textarea.form-control {min-height:190px!important}
.contact-captcha-row {padding:1rem 1rem 0; margin:0 0 1rem; border:1px solid var(--vv-border); border-radius:var(--vv-radius-lg); background:rgba(var(--bs-light-rgb), 0.36)}
.contact-submit {padding-top:1rem; border-top:1px solid var(--vv-border)}
@media (max-width:991px) {.contact-hero {padding-top:130px; padding-bottom:56px}
.contact-section {margin-top:1rem; padding-top:var(--vv-section-y-sm)}
.contact-sidebar {position:relative; top:auto}
}
@media (max-width:575px) {.contact-step {padding-left:1.25rem; padding-top:4.25rem}
.contact-captcha {height:54px; width:100%}
.contact-submit .btn {width:100%}
}
@-webkit-keyframes sk-bounce {0%, 100% {-webkit-transform:scale(0); transform:scale(0)}
50% {-webkit-transform:scale(1); transform:scale(1)}
}
@keyframes sk-bounce {0%, 100% {-webkit-transform:scale(0); transform:scale(0)}
50% {-webkit-transform:scale(1); transform:scale(1)}
}
.navbar-custom {z-index:999; padding:20px 0; background-color:transparent; border:0; -webkit-transition:none; transition:none}
.navbar-custom .logo {float:left; font-weight:700; font-size:22px; padding:0; letter-spacing:1px}
.navbar-custom .navigation .nav-item .nav-link {display:inline-flex; align-items:center; justify-content:center; gap:.25rem; white-space:nowrap; border-radius:3px; font-size:13px; background-color:transparent!important; margin:0 6px; letter-spacing:.5px; line-height:28px; text-transform:uppercase; transition:none; -webkit-transition:none;}
.navbar-custom .navigation .nav-item .nav-link svg {flex:0 0 auto}
.navbar-custom .navigation .nav-item .nav-link:hover, .navbar-custom .navigation .nav-item .nav-link:focus, .navbar-custom .navigation .nav-item .nav-link.active {background-color:rgba(var(--bs-secondary-rgb), 0.2) !important;}
.navbar-custom .navigation .dropdown {position:relative;}
.navbar-custom .navigation .dropdown .dropdown-menu {-webkit-box-shadow:0 10px 25px rgba(60, 72, 88, 0.15); box-shadow:0 10px 25px rgba(60, 72, 88, 0.15); top:100%; z-index:1000; padding:16px 0; list-style:none; min-width:180px; font-weight:500; border:none; opacity:1; margin-top:0; background-color:#fff}
.navbar-custom .navigation .dropdown .dropdown-item {padding:10px; ; display:block; clear:both; font-size:12px; text-transform:uppercase; letter-spacing:.04em; font-weight:700; color:#343a40}
.navbar-custom .navigation .dropdown .dropdown-item:hover, .navbar-custom .navigation .dropdown .dropdown-item:focus {background-color:transparent; color:var(--vv-primary)}
.navbar-custom .navigation .navbar-nav-link .nav-item .nav-link {color:#fff}
.navbar-custom .navbar-toggler {font-size:30px; padding:0; border:none}
.navbar-custom .navbar-toggler .lines {display:block}
.navbar-custom .navbar-toggler .closes {display:none}
.navbar-custom .navbar-toggler[aria-expanded="true"] .lines {display:none}
.navbar-custom .navbar-toggler[aria-expanded="true"] .closes {display:block}
.navbar-custom .nav-social {display:flex; align-items:center; justify-content:flex-end; gap:.5rem; margin-left:18px; white-space:nowrap}
.navbar-custom .nav-social .list-inline-item {display:inline-flex; margin:0!important}
.navbar-custom .nav-social a {display:inline-flex; align-items:center; justify-content:center}
.navbar-custom .nav-social svg {--icon-size:32px!important; width:32px!important; height:32px!important}
.navbar-custom .navbar-brand {color:#fff!important}
.nav-sticky.navbar-custom {margin-top:0; padding:20px 0; background-color:rgba(var(--bs-body-bg-rgb), 0.8); -webkit-box-shadow:0 10px 33px rgba(var(--bs-emphasis-color-rgb), 0.1); box-shadow:0 10px 33px rgba(var(--bs-emphasis-color-rgb), 0.1)}
.navbar-custom .navbar-nav .dropdown:hover .dropdown-menu, .navbar-custom .navbar-nav .dropdown:focus .dropdown-menu {display:block}
button:not(:disabled) {outline:none; border:0}
:root {--bs-body-font-size:19px;}
@media (max-width:768px) {.navbar-custom .container {width:90%}
:root {--bs-body-font-size:18px}
:root {--vv-section-y:72px; --vv-section-y-sm:56px}
}
@media (max-width:991px) {.navbar-custom .logo {color:#343a40!important}
#navbar-navlist {padding-top:24px}
}
@media (max-width:991px) {.navbar-custom .nav-social {display:flex; justify-content:flex-start; margin-left:0; margin-top:16px!important}
}
.bg-half-120 {padding:150px 0; background-size:cover; -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center; position:relative; background-position:center center}
.title-heading {line-height:26px}
.title-heading .heading {letter-spacing:-.5px; line-height:1.2}
.pb-60 {padding-bottom:60px}
.py--50 {padding-top:50px; padding-bottom:50px}
.alert.alert-pills {border-radius:30px; display:inline-block; background:#fff}
.alert {padding:8px 15px; border-radius:6px; font-size:14px}
.badge.badge-pill {border-radius:12px}
.alert.alert-pills .content {font-weight:600}
.title-heading img {height:200px; border:5px solid #dee2e6}
.shadow {-webkit-box-shadow:0 0 3px rgba(60, 72, 88, 0.15)!important; box-shadow:0 0 3px rgba(60, 72, 88, 0.15)!important}
.card .card-body {padding:1.5rem}
.avatar.avatar-large {height:140px; width:140px}
.fea.icon-sm {height:16px; width:16px}
.public-profile {margin-top:-110px}
.about-details {border-radius:10px; position:relative; overflow:hidden; -webkit-box-shadow:0 0 3px rgba(60, 72, 88, 0.15)!important; box-shadow:0 0 3px rgba(60, 72, 88, 0.15)!important; padding:18px}
.media-body .title {font-weight:600; font-size:18px}
.bor-bottom {padding:0; border:.5px dashed #d4dae1}
.feature-widget {padding:30px 45px; background-color:#fff; -webkit-transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1); transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-box-shadow:-.0625rem 0 .625rem 0 rgba(0, 0, 0, 0.07), .3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04)!important; box-shadow:-.0625rem 0 .625rem 0 rgba(0, 0, 0, 0.07), .3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04)!important}
.feature-widget .fea.icon-md {height:38px; width:38px}
.services-texts .title {font-size:20px}
.feature-widget:hover {-webkit-box-shadow:0 10px 25px 10px rgba(0, 0, 0, 0.1); box-shadow:0 10px 25px 10px rgba(0, 0, 0, 0.1)}
.feature-widget:hover .services-texts .title {color:#1B1D1F}
.feature-widget:hover .services-icon {color:var(--vv-primary)}
.work-container .work-image {-webkit-transform:scale(1.08) translateZ(0); transform:scale(1.08) translateZ(0)}
.work-container .work-image:hover {-webkit-box-shadow:0 0 3px rgba(60, 72, 88, 0.15); box-shadow:0 0 3px rgba(60, 72, 88, 0.15); -webkit-transform:scale(1.08) translateZ(0); transform:scale(1.08) translateZ(0)}
.filter-box {display:none}
.filter-box.show {display:block}
.work-container.work-modern .overlay-work {top:0; right:0; bottom:0; left:0; opacity:0; z-index:1; background-color:var(--vv-primary); position:absolute}
.work-container.work-modern .content {z-index:1; bottom:5%; left:5%}
.work-container.work-modern .content .title:hover {color:#fff!important}
.work-container.work-modern .tag {font-size:15px!important}
.work-container.work-modern .icons {right:0; left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:2; opacity:0}
.work-container.work-modern img, .work-container.work-modern .overlay-work, .work-container.work-modern .content, .work-container.work-modern .client, .work-container.work-modern .read_more, .work-container.work-modern .icons, .work-container.work-modern .icons .work-icon {-webkit-transition:all .5s ease; transition:all .5s ease}
.work-container.work-modern .overlay-work, .work-container.work-modern .content, .work-container.work-modern .client, .work-container.work-modern .read_more, .work-container.work-modern .icons {position:absolute}
.work-container.work-modern:hover img {-webkit-transform:scale(1.13) translateZ(0); transform:scale(1.13) translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden; transition:-webkit-transform .28s ease; -webkit-transition:-webkit-transform .28s ease; transition:transform .28s ease; transition:transform .28s ease, -webkit-transform .28s ease; transition:transform .28s ease, -webkit-transform .28s ease}
.work-container.work-modern .content, .work-container.work-modern .client {opacity:0}
.work-container .content .title, .work-container.work-modern .content .title {font-size:18px; -webkit-transition:all .5s ease; transition:all .5s ease}
.work-container.work-modern .client, .work-container.work-modern .read_more {z-index:1; right:5%; top:5%}
.work-container.work-modern .read_more {height:30px; width:30px; line-height:30px}
.work-container.work-modern .icons .work-icon {height:45px; width:45px; line-height:45px}
.work-container.work-modern .icons .work-icon:hover {background:#fff!important; color:var(--vv-primary)}
.work-container.work-modern:hover .overlay-work {opacity:.85}
.work-container.work-modern:hover .icons {opacity:1}
.work-container.work-modern:hover .content, .work-container.work-modern:hover .client {opacity:1}
.work-details ul li b {max-width:90px; width:100%; display:inline-block}
.container-filter li a {font-size:13px; padding:0 15px; margin:5px 3px; font-weight:700; letter-spacing:.8px; cursor:pointer; line-height:34px; -webkit-transition:all .5s ease; transition:all .5s ease}
.container-filter li a:hover, .container-filter li a.active {color:var(--vv-primary)!important; border-color:var(--vv-primary)!important}
.work-details {padding:1.5rem; border:1px solid #dee2e6}
.highlight-selected {position:relative; z-index:1}
.client-review {padding:30px}
.avatar {border-radius:50%; height:3rem; width:3rem; -ms-flex-negative:0; flex-shrink:0}
.avatar.avatar-xl {width:5rem; height:5rem; -webkit-box-shadow:-.0625rem 0 .625rem 0 rgba(0, 0, 0, 0.07), .3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04)!important; box-shadow:-.0625rem 0 .625rem 0 rgba(0, 0, 0, 0.07), .3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04)!important}
.flickity-prev-next-button {padding:0; background:#fff; width:2.5rem; height:2.5rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-shadow:-.0625rem 0 .625rem 0 rgba(0, 0, 0, 0.07), .3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04)!important; box-shadow:-.0625rem 0 .625rem 0 rgba(0, 0, 0, 0.07), .3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04)!important}
.flickity-prev-next-button .flickity-button-icon {position:absolute; left:27%; top:29%; width:17px!important; height:17px!important}
.flickity-button:focus, .flickity-button:active {outline:none; -webkit-box-shadow:0 0 40px rgba(95, 125, 149, 0.1); box-shadow:0 0 40px rgba(95, 125, 149, 0.1); opacity:1}
.clt-section .clt-title {font-size:18px; font-weight:700; color:#1B1D1F}
.tns-nav {text-align:center}
.tns-nav button {-webkit-transition:all .5s ease; transition:all .5s ease; background:rgba(0, 123, 255, 0.7); border-radius:3px; width:8px; height:5px; margin:5px}
.tns-nav button.tns-nav-active {background:var(--vv-primary)!important}
.main-timeline:after {content:""; display:block; clear:both}
.main-timeline .timeline {width:80%; float:left}
.main-timeline .timeline-content {color:#1B1D1F; background:rgb(var(--bs-body-bg-rgb)); background:linear-gradient(270deg, rgba(var(--bs-body-bg-rgb), 1) 0%, rgba(var(--bs-tertiary-bg-rgb), 1) 44%, rgba(var(--bs-tertiary-bg-rgb), 1) 100%); padding:15px 20px 15px 150px; margin:0 0 60px; border-radius:20px 0 0; display:block; position:relative;}
.main-timeline .timeline-content:hover {text-decoration:none}
.main-timeline .timeline-content.tcback {background:linear-gradient(90deg, rgba(var(--bs-body-bg-rgb), 1) 0%, rgba(var(--bs-tertiary-bg-rgb), 1) 44%, rgba(var(--bs-tertiary-bg-rgb), 1) 100%);}
.main-timeline .timeline-icon {line-height:100px; text-align:center; height:80px; width:80px; line-height:73px; position:absolute; bottom:-42px; left:20px;}
.main-timeline .title {font-size:20px; text-transform:capitalize; margin:0 0 5px}
.main-timeline .description {font-size:14px; letter-spacing:1px; margin:0}
.main-timeline .timeline:nth-child(even) {margin:-60px 0 60px; float:right}
.main-timeline .timeline:nth-child(even) .timeline-content {padding:20px 170px 20px 20px; margin:60px 0 0; border-radius:0 0 20px 0}
.main-timeline .timeline:nth-child(even) .timeline-icon {left:auto; right:20px; bottom:auto; top:-42px}
@media screen and (max-width:767px) {.main-timeline .timeline, .main-timeline .timeline:nth-child(even) {width:100%; margin:0 0 15px;}
.main-timeline .timeline-content, .main-timeline .timeline:nth-child(even) .timeline-content {padding:60px 15px 15px; margin:40px 0 0;}
.main-timeline .timeline-icon, .main-timeline .timeline:nth-child(even) .timeline-icon {font-size:30px; line-height:60px; height:80px; width:80px; right:15px; left:auto; top:-40px}
.skill-badge {top:30%}
}
.hero-area {min-height:100vh; height:100vh; display:flex; align-items:center; background-color:var(--bs-body-bg); background-image:linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0) 0%, rgba(var(--bs-body-bg-rgb), 0.72) 72%, rgba(var(--bs-body-bg-rgb), 1) 100%), linear-gradient(135deg, rgba(var(--vv-primary-rgb), 0.22) 0%, rgba(var(--vv-accent-cyan-rgb), 0.1) 32%, transparent 58%), linear-gradient(55deg, transparent 38%, rgba(var(--vv-accent-emerald-rgb), 0.12) 62%, rgba(var(--vv-accent-amber-rgb), 0.12) 100%);}
.services-section .service-grid {position:relative}
.services-section .service-item {position:relative}
.services-section .service-item:not(:last-child):after {content:""; position:absolute; top:34px; right:-1px; width:1px; height:calc(100% - 34px); background:linear-gradient(180deg, transparent, rgba(var(--bs-emphasis-color-rgb), 0.18), transparent)}
.section-divider {position:relative; height:0; z-index:2}
.section-divider .container {position:relative; height:0}
.section-divider .container:before {content:""; position:absolute; left:12px; right:12px; top:0; height:1px; background:linear-gradient(90deg, transparent, rgba(var(--bs-emphasis-color-rgb), 0.18), transparent)}
.about-section {padding-top:70px}
@media (max-width:991px) {.services-section .service-item:nth-child(2n):after {display:none}
}
@media only screen and (max-width:768px) {.hero-area {height:auto; min-height:auto; display:block; padding-top:120px!important;}
.services-section .service-item:after {display:none}
.about-section {padding-top:50px}
}
@media screen and (max-width:567px) {.main-timeline .title {font-size:18px}
}
.blur {-webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);}
.cta-full .container-fluid {max-width:100%}
.cta-full .padding-less.img {background:scroll center no-repeat; background-size:cover; position:absolute; height:100%}
.cta-full .cta-full-img-box {padding:100px 10%}
.nav-pills .nav-link.active {background-color:var(--vv-primary); color:#fff!important; border-color:var(--vv-primary)!important; -webkit-box-shadow:0 0 3px rgba(60, 72, 88, 0.15); box-shadow:0 0 3px rgba(60, 72, 88, 0.15)}
.nav-pills .nav-link {color:#1B1D1F!important; margin:auto 15px; border:1px solid #e9ecef}
@media (max-width:768px) {.cta-full .padding-less {position:relative!important; height:300px!important}
}
@media (max-width:767px) {.cta-full .cta-full-img-box {padding:60px 10%}
}
.card-body .skill-icon {width:80px; height:80px; line-height:80px; -webkit-transition:all .5s ease; transition:all .5s ease}
.skill-icon {background-color:var(--bs-body-bg);}
.skill-border {border:2px solid var(--bs-body-bg);}
.skill-icon:hover {background-color:var(--bs-light);}
.skill-icon:hover svg, .svgcard:hover svg, .timeline:hover svg {transform:scale(1.1);}
.card-body .skill-icon img {width:48px}
.skill-card {box-shadow:none!important; border:0!important}
.skill-card .card-body {padding:.35rem!important}
.skill-card .skill-icon {display:inline-flex!important; align-items:center; justify-content:center; border:1px solid transparent; background:rgba(var(--bs-body-bg-rgb), 0.58); box-shadow:none}
.skill-card:hover .skill-icon {border-color:rgba(var(--vv-primary-rgb), 0.2); background:rgba(var(--vv-primary-rgb), 0.08)}
.skill-card .badge {border:0!important; background:transparent!important; box-shadow:none!important; font-size:12px; line-height:1.25; padding:.35rem .2rem; white-space:normal}
.shadow-lg {-webkit-box-shadow:-.0625rem 0 .625rem 0 rgba(0, 0, 0, 0.07), .3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04)!important; box-shadow:-.0625rem 0 .625rem 0 rgba(0, 0, 0, 0.07), .3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04)!important}
.skill-badge {cursor:pointer; width:36px; background-color:rgba(0, 123, 254, 0.08); height:18px; position:absolute; right:15%; top:13%; display:-webkit-box; display:-ms-flexbox; display:flex; color:var(--vv-primary); -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-shadow:0 0 20px 0 rgba(243, 246, 247, 0.05); box-shadow:0 0 20px 0 rgba(243, 246, 247, 0.05)}
.skill-badge-name {background-color:rgba(0, 123, 254, 0.08); display:block; color:var(--vv-primary);}
@media (max-width:320px) and (min-width:767px) {.skill-badge {position:absolute; right:10px; top:13px}
}
@media (min-width:767px) and (max-width:768px) {.skill-badge {position:absolute; right:87px; top:13px}
}
@media (min-width:768px) and (max-width:992px) {.cta-full .padding-less.img {display:none}
}
.education-badge {width:100px!important; height:25px}
.margin-50 {margin-right:50px}
.blog-post .content .title {font-weight:600; font-size:20px; -webkit-transition:all .5s ease; transition:all .5s ease}
.blog-post .content .title:hover {color:var(--vv-primary)!important}
.blog-post .content .post-meta .date, .blog-post .content .readmore {font-size:16px; -webkit-transition:all .5s ease; transition:all .5s ease}
.blog-post .content .post-meta .date:hover, .blog-post .content .readmore:hover {color:var(--vv-primary)!important}
.owl-carousel button.owl-dot {background:0 0; color:inherit; border:none; padding:0!important; outline:none}
.owl-theme .owl-dots .owl-dot span {-webkit-transition:all .5s ease; transition:all .5s ease; background:rgba(0, 123, 255, 0.7); border-radius:3px; width:8px; height:5px}
.owl-theme .owl-dots .owl-dot:hover span {background:var(--vv-primary)!important}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top:15px}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots.clickable .owl-dot:hover span {width:15px; display:inline-block; position:relative; background:var(--vv-primary)!important}
.bg-half {padding:160px 0; background-size:cover; -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center; position:relative; background-position:center center}
.pagination .page-item .page-link {border:1px solid #dee2e6; padding:10px 15px; font-size:14px}
.pagination .page-item .page-link:hover {border-color:rgba(0, 123, 255, 0.9); background-color:rgba(0, 123, 255, 0.9); color:#fff}
.pagination .page-item .page-link:focus {-webkit-box-shadow:none; box-shadow:none}
.pagination .page-item:first-child .page-link {border-top-left-radius:10px; border-bottom-left-radius:10px}
.pagination .page-item:last-child .page-link {border-top-right-radius:10px; border-bottom-right-radius:10px}
.pagination .page-item.active .page-link {color:#fff; background:var(--vv-primary)!important; border-color:var(--vv-primary); cursor:not-allowed}
.page-next-level .page-next {position:relative; z-index:99}
.page-next-level .title {font-size:28px; letter-spacing:1px}
.avatar.avatar-md-sm {height:70px; width:70px}
.form-group .icons {position:absolute; top:36px; left:18px}
.form-group {position:relative; width:100%; margin-bottom:30px}
.form-group .form-control {outline:none; -webkit-box-shadow:none; box-shadow:none; width:100%; height:43px; font-size:14px; border-radius:3px; ; padding:6px 20px}
.border {border:1px solid #e9ecef!important}
.contact-detail .content .title {font-weight:600}
.form-group textarea {height:192px!important}
.error {margin:8px 0; display:none; color:#d6374a}
#ajaxsuccess {font-size:16px; width:100%; display:none; clear:both; margin:8px 0}
.error_message {padding:10px; margin-bottom:20px; text-align:center; border:2px solid #d6374a; color:#d6374a; border-radius:5px; font-size:14px}
.contact-loader {display:none}
#success_page {text-align:center; margin-bottom:50px}
#success_page h3 {color:#25b865}
.footer {padding:0px 0 60px 0; position:relative; background:var(--bs-light); color:var(--bs-light-text-emphasis);}
.footer .footer-logo {font-size:30px; font-weight:600}
.footer-shape {margin-top:60px; margin-bottom:-1px;}
.para-desc {max-width:700px}
.list-inline-item:not(:last-child) {margin-right:0; margin-bottom:0}
.text-imp {color:var(--vv-primary)!important; font-size:1rem!important;}
.social-icon li a {color:var(--vv-primary); text-align:center; font-size:20px; -webkit-transition:all .4s ease; transition:all .4s ease}
.social-icon li a:hover {background-color:var(--vv-primary); border-color:var(--vv-primary)!important; color:#fff!important}
.footer.footer-bar {padding:25px 0}
.section {padding-top:var(--vv-section-y); padding-bottom:var(--vv-section-y); position:relative}
.bg-primary, .btn.btn-primary, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .badge-primary, .nav-pills .nav-link.active, .pagination li a:hover, .pagination .active a, .pagination .page-item.active .page-link, .social-icon li a:hover, .back-to-top:hover, .section-title .titles .title.title-line:after, .section-title .titles .title.title-line:before, .bg-modern.bg-animation-right:after, .service-wrapper:hover:after, .portfolioFilter li a:hover, .portfolioFilter li a.active, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots.clickable .owl-dot:hover span, .owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-controls.clickable .owl-page:hover span, .tns-nav button.tns-nav-active, .sidebar .widget .tagcloud > a:hover {background-color:var(--vv-primary)!important}
.tns-nav button {background:rgba(0, 123, 255, 0.7)}
.skill-badge {background-color:rgba(0, 123, 254, 0.08)}
.btn-soft-primary {background-color:rgba(0, 123, 255, 0.3)!important; border:1px solid rgba(0, 123, 255, 0.3)!important}
.btn-primary, .btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .nav-pills .nav-link.active, .container-filter li a:hover, .container-filter li a.active, .pagination li a:hover, .pagination .active a, .social-icon li a:hover, .section-title .titles span:before, .section-title .titles span:after, .owl-theme .owl-controls .owl-page span {border-color:var(--vv-primary)!important}
a.text-primary:hover, a.text-primary:focus {color:#2ebfff!important}
.work-container.work-modern .overlay-work {background-image:linear-gradient(var(--vv-primary) 100%, #000)}
.btn-primary, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active {box-shadow:0 3px 5px 0 rgba(45, 132, 251, 0.3)}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus {background-color:#2ebfff!important; border-color:#2ebfff!important}
.logo svg {height:60px; -webkit-transition:all .4s ease; transition:all .4s ease;}
.nav-sticky .logo svg {height:40px;}
.contact-form .form-control {background-color:var(--bs-light-bg-subtle)!important;}
.fa-2x {font-size:2rem;}
.icon-md {line-height:66px;}
.text-bg-info .toast {background:var(--vv-primary);}
.text-bg-info .toast-body {color:#fff;}
.top-0 {top:80px!important}
.iconspin {animation-name:spin; animation-duration:700ms; animation-iteration-count:infinite; animation-timing-function:linear}
.form-control:focus, button:focus {-webkit-box-shadow:none; box-shadow:none!important;}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus, button:focus {border-color:var(--bs-danger)!important;}
.form-control.is-valid, .was-validated .form-control:valid {border-color:var(--bs-success)!important;}
.footer-shape > path {fill:var(--bs-light);}
.bg-revrs {background-color:var(--bs-light)}
.logo svg .c {fill:#1b1d1f;}
.logo svg .d {fill:var(--vv-primary);}
[data-bs-theme="dark"] {--bs-secondary-color:#fff; --bs-light:#2b3035; --bs-light-rgb:0, 0, 0; --vv-accent-cyan-rgb:42, 185, 255; --vv-accent-emerald-rgb:25, 135, 97; --vv-accent-amber-rgb:194, 125, 10;}
[data-bs-theme="dark"] .navbar-custom .navigation .nav-item .nav-link, [data-bs-theme="dark"] .main-timeline .timeline-content {color:#fff;}
[data-bs-theme="dark"] .nav-sticky.navbar-custom .navigation .nav-item .nav-link, [data-bs-theme="dark"] .titles .title {color:var(--bs-emphasis-color);}
[data-bs-theme="dark"] .logo svg .c {fill:#fff!important;}
[data-bs-theme="dark"] a:hover {color:#fff;}
pre {display:block; padding:8.5px; margin:0 0 9px; font-size:12px; line-height:1.2; word-break:break-all; word-wrap:break-word; color:#ccc; background-color:#333; border:1px solid #333; border-radius:2px;}
.theme-switch-wrapper {display:flex; align-items:center}
.theme-switch-wrapper em {margin-left:10px; color:#fff}
.theme-switch {display:inline-block; position:relative; margin-bottom:0; line-height:26px!important; font-size:26px!important;}
.theme-switch input {display:none}
.slidersw {cursor:pointer; display:block;}
@media (max-width:768px) {.navbar-nav {text-align:center;}
.theme-switch {border-radius:var(--bs-border-radius) !important;}
}
.border-tertiary {--bs-border-opacity:1; border-color:rgba(var(--bs-emphasis-color-rgb), var(--bs-border-opacity)) !important;}
.explore-feature .badge.bg-white {background-color:var(--bs-body-bg)!important; color:var(--bs-emphasis-color)!important;}
svg.default {width:var(--icon-size, 1em); height:var(--icon-size, 1em); fill:var(--icon-fill, var(--bs-emphasis-color)); fill-opacity:var(--icon-fill-opacity, 0.1); stroke:var(--icon-stroke, var(--bs-emphasis-color))}
svg.light {fill:#fff; fill-opacity:.1; stroke:#fff}
svg.default.special-icon {--icon-fill-opacity:1; --icon-stroke:none}
@-ms-keyframes spin {from {-ms-transform:rotate(0deg)}
to {-ms-transform:rotate(360deg)}
}
@-moz-keyframes spin {from {-moz-transform:rotate(0deg)}
to {-moz-transform:rotate(360deg)}
}
@-webkit-keyframes spin {from {-webkit-transform:rotate(0deg)}
to {-webkit-transform:rotate(360deg)}
}
@keyframes spin {from {transform:rotate(0deg)}
to {transform:rotate(360deg)}
}
.card.shadow-sm {box-shadow:var(--vv-shadow-sm)!important}
.navbar-custom .nav-social svg.default, .nav-sticky.navbar-custom .nav-social svg.default {--icon-size:32px!important; width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important}
.navbar-custom .nav-social a, .nav-sticky.navbar-custom .nav-social a {width:40px; height:40px}
@media (max-width:1400px) {.navbar-custom:not(.nav-sticky) .navigation .nav-item .nav-link {font-size:0!important; margin:0 5px}
.navbar-custom .navigation .nav-item .nav-link svg {font-size:initial}
}
@media (min-width:992px) {.navbar-custom:not(.nav-sticky) .navigation .nav-item .nav-link {font-size:0!important; margin:0 5px}
.navbar-custom:not(.nav-sticky) .navigation .nav-item .nav-link svg {--icon-size:24px}
}
@media (max-width:1200px) {.navbar-custom:not(.nav-sticky) .navigation .nav-item .nav-link {font-size:0!important; margin:0 4px}
.navbar-custom .navigation .nav-item .nav-link svg {font-size:initial}
}
@media (max-width:991px) {.navbar-custom .navigation .nav-item .nav-link {font-size:13px!important; justify-content:flex-start; margin:3px 0}
}
.cardhover:hover {cursor:pointer; --bs-bg-opacity:1; background-color:rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; border-color:var(--bs-body-color);}
.blog-card-media {position:relative; aspect-ratio:16/9; overflow:hidden; background:var(--bs-tertiary-bg)}
.blog-card-media img {width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s ease}
.blog-card:hover .blog-card-media img {transform:scale(1.04)}
.blog-date-badge {position:absolute; left:16px; top:16px; background:rgba(var(--bs-body-bg-rgb), 0.92); color:var(--bs-emphasis-color); border:1px solid rgba(var(--bs-emphasis-color-rgb), 0.08); border-radius:999px; padding:6px 12px; font-size:13px; font-weight:700}
.blog-card .card-body, .project-card .card-body {padding:1.35rem}
.blog-card .readmore, .project-card .work-icon {color:var(--vv-primary)!important}
.blog-article-head {max-width:820px}
.blog-article-image {width:100%; max-height:520px; object-fit:cover}
.blog-article-body {font-size:1.04rem; line-height:1.8}
.blog-article-body img {max-width:100%; height:auto; border-radius:var(--bs-border-radius)}
.blog-share .btn {display:inline-flex; align-items:center; gap:.25rem}