:root {--font-default: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto;--font-primary: "Poppins", sans-serif;}
:root {--color-default: #222222;--color-primary: #b156b3;--color-secondary: #a2cbea;--color-terciary:#f8e141;}
:root {scroll-behavior: smooth;}
body {font-family: var(--font-default);color: var(--color-default);}
a {color: var(--color-primary);text-decoration: none;}a:hover {color: #00b6a1;text-decoration: none;}
h1,h2,h3,h4,h5,h6 {font-family: var(--font-primary);}
section {padding: 60px 0;overflow: hidden;}.sections-bg {background-color: #f6f6f6;}
.section-header p {line-height: 1;font-size: 20px;align-items: center;display: inline-flex;color: #4d4d4d;} .section-header p .line {width: 63px;height: 1px;margin-left: 12px;margin-right: 12px;background-color: #4d4d4d;}
.section-header h3 {line-height: 1;}
.topbar {background: var(--color-primary);height: 40px;font-size: 14px;transition: all 0.5s;color: #fff;padding: 0;}.topbar .contact-info i {font-style: normal;color: #fff;line-height: 0;}
.topbar .contact-info i a,.topbar .contact-info i span {padding-left: 5px;color: #fff;}
@media (max-width: 575px) {
	.topbar .contact-info i a,.topbar .contact-info i span {font-size: 13px;}
}
.topbar .contact-info i a {line-height: 0;transition: 0.3s;}.topbar .contact-info i a:hover {color: #fff;text-decoration: underline;}.topbar .social-links a {color: rgba(255, 255, 255, 0.7);line-height: 0;transition: 0.3s;margin-left: 20px;}.topbar .social-links a:hover {color: #fff;}
.header {transition: all 0.5s;z-index: 997;height: 90px;background: #e5e5e5;}.header.sticked {position: fixed;top: 0;right: 0;left: 0;height: 70px;box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);}
.header .logo img {max-height: 50px;margin-right: 6px;}.header .logo h1 {font-size: 30px;margin: 0;font-weight: 600;letter-spacing: 0.8px;color: #fff;font-family: var(--font-primary);}
.header .logo h1 span {color: #f96f59;}.sticked-header-offset {margin-top: 70px;}section {scroll-margin-top: 70px;}
/*-- Desktop Navigation--*/
@media (min-width: 1280px) {
	.navbar {padding: 0;}
	.navbar ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}.navbar li {position: relative;}.navbar>ul>li {white-space: nowrap;padding: 10px 0 10px 28px;}
	.navbar a,.navbar a:focus {display: flex;align-items: center;justify-content: space-between;padding: 0 3px;font-family: var(--font-secondary);font-size: 16px;font-weight: 600;white-space: nowrap;transition: 0.3s;position: relative;}
	.navbar a i,.navbar a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;}
	.navbar a:hover:before,.navbar li:hover>a:before,.navbar .active:before {visibility: visible;width: 100%;}
	.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a {color: var(--color-secondary);}
	.navbar .dropdown ul {display: block;position: absolute;left: 28px;top: calc(100% + 30px);margin: 0;padding: 10px 0;z-index: 99;opacity: 0;visibility: hidden;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;border-radius: 4px;}
	.navbar .dropdown ul li {min-width: 200px;}.navbar .dropdown ul a {padding: 10px 20px;font-size: 15px;text-transform: none;font-weight: 600;color: #006a5d;}.navbar .dropdown ul a i {font-size: 12px;}
	.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a {color: var(--color-secondary);}.navbar .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}
	.navbar .dropdown .dropdown ul {top: 0;left: calc(100% - 30px);visibility: hidden;}.navbar .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: 100%;visibility: visible;}
}
@media (min-width: 1280px) and (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {left: -90%;}.navbar .dropdown .dropdown:hover>ul {left: -100%;}
}
@media (min-width: 1280px) {
.mobile-nav-show,.mobile-nav-hide {display: none;}
}
/*- Mobile Navigation--*/
@media (max-width: 1279px) {
  .navbar {position: fixed;top: 0;right: -100%;width: 100%;max-width: 400px;bottom: 0;transition: 0.3s;z-index: 9997;}.navbar ul {position: absolute;inset: 0;padding: 50px 0 10px 0;margin: 0;background: var(--color-primary);overflow-y: auto;transition: 0.3s;z-index: 9998;}
  .navbar a,.navbar a:focus {display: flex;align-items: center;justify-content: space-between;padding: 10px 20px;font-family: var(--font-primary);font-size: 15px;font-weight: 600;color: rgba(255, 255, 255, 0.7);white-space: nowrap;transition: 0.3s;}.navbar a i,
  .navbar a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;}
  .navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a {color: #fff;}
  .navbar .getstarted,.navbar .getstarted:focus {background: var(--color-primary);padding: 8px 20px;border-radius: 4px;margin: 15px;color: #fff;}
  .navbar .getstarted:hover,.navbar .getstarted:focus:hover {color: #fff;background: rgba(0, 131, 116, 0.8);}
  .navbar .dropdown ul,.navbar .dropdown .dropdown ul {position: static;display: none;padding: 10px 0;margin: 10px 20px;transition: all 0.5s ease-in-out;background-color: #007466;border: 1px solid #006459;}
  .navbar .dropdown>.dropdown-active,.navbar .dropdown .dropdown>.dropdown-active {display: block;}
  .mobile-nav-show {color: var(--color-default);font-size: 28px;cursor: pointer;line-height: 0;transition: 0.5s;z-index: 9999;margin-right: 10px;}
  .mobile-nav-hide {color: #fff;font-size: 32px;cursor: pointer;line-height: 0;transition: 0.5s;position: fixed;right: 20px;top: 20px;z-index: 9999;}
  .mobile-nav-active {overflow: hidden;}.mobile-nav-active .navbar {right: 0;}.mobile-nav-active .navbar:before {content: "";position: fixed;inset: 0;background: rgba(0, 0, 0, 0.5);z-index: 9996;}
}
/*- Disable aos animation delay on mobile devices--*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {transition-delay: 0 !important;}
}
.btn{font-family: var(--font-primary);font-weight: 500;font-size: 15px;letter-spacing: 1px;display: inline-block;padding: 14px 40px;border-radius: 0;transition: 0.3s;color:var(--color-default);background: var(--color-terciary);box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);}.btn:hover {border-color: rgba(255, 255, 255, 0.5);color:var(--color-default);background:var(--color-secondary);}
.hero {width: 100%;position: relative;}
@media (min-width: 1365px) {
	.hero {background-attachment: fixed;} .hero h1{font-size:90px;}
}
.hero h1{line-height:1;font-weight:700;} .hero h2 {font-size: 48px;font-weight: 700;margin-bottom: 20px;color: #fff;} .hero .btn-watch-video {font-size: 16px;transition: 0.5s;margin-left: 25px;color: #fff;font-weight: 600;}.hero .btn-watch-video i {color: rgba(255, 255, 255, 0.5);font-size: 32px;transition: 0.3s;line-height: 0;margin-right: 8px;}
.hero .btn-watch-video:hover i {color: #fff;}
@media (max-width: 640px) {
  .hero h2 {font-size: 36px;}.hero .btn-get-started,.hero .btn-watch-video {font-size: 14px;}
}
.hero .icon-box {padding: 30px;position: relative;overflow: hidden;background: var(--color-primary);color:#fff;box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.25);transition: all 0.3s ease-in-out;border-radius: 8px;z-index: 1;height: 100%;width: 100%;text-align: center;}
.hero .icon-box .title {font-weight: 700;margin-bottom: 15px;font-size: 24px;}.hero .icon-box .title a {color: #fff;transition: 0.3s;}.hero .icon-box .icon {margin-bottom: 20px;padding-top: 10px;display: inline-block;transition: all 0.3s ease-in-out;font-size: 48px;line-height: 1;color: var(--color-secondary);}
.hero .icon-box:hover {background: var(--color-secondary);color:var(--color-default);} .hero .icon-box:hover .title a,.hero .icon-box:hover .icon {color: #fff;}
.yellow{color:var(--color-terciary) !important;;}
.about{padding-top:120px;margin-top:-140px}
.numbers{background-color:var(--color-secondary);}
.number{display: flex;align-items: center;} .number h3{margin: 0 13px 0 0;font-size: 60px;} .number-text span {color: var(--color-terciary);font-size: 30px;font-weight: 700;line-height: 0;} 
.swiper-pagination {margin-top: 10px;position: relative;} .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #d1d1d7;opacity: 1;}
.swiper-pagination .swiper-pagination-bullet-active {background-color: var(--color-primary);}
.call-to-action h4 {font-weight: 700;margin-bottom: 20px;}.call-to-action p {margin-bottom: 20px;}
.services .service-box {color:#fff;margin-bottom: 24px;background-color: var(--color-primary);padding: 45px 40px 45px 40px;transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);} 
.services .service-box i{font-size:60px;position:relative;z-index:2;} .service-box .icon {position: relative;} .service-box .icon:before {position: absolute;content: "";height: 65px;width: 65px;background: var(--color-terciary);opacity: 0.5;border-radius: 50px;z-index: 1;top: 2px;left: 11px;}
.services .title{display: flex;line-height: 1;font-size: 36px; color:var(--color-default);border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.services .service-item:hover {background: var(--color-terciary);border-bottom-color:transparent;}
.services .service-item:hover h5, .services .service-item:hover .icon i{color:#fff;}.services .service-item .icon i {color: var(--color-default);font-size: 56px;transition: ease-in-out 0.3s;z-index: 2;position: relative;}
.services .service-item h5 {color: var(--color-default);font-weight: 700;text-transform: uppercase;margin: 0 0 20px 0;padding-bottom: 8px;/*font-size: 22px;*/position: relative;display: inline-block;transition: 0.3s;}
.services .service-item p {line-height: 24px;font-size: 14px;margin-bottom: 0;}.services .service-item .readmore {margin-top: 15px;display: inline-block;color: var(--color-primary);}.services .service-item:hover .icon:before {background: #00b6a1;}

.portfolio .portfolio-flters {padding: 0 0 20px 0;margin: 0 auto;list-style: none;text-align: center;}
.portfolio .portfolio-flters li {cursor: pointer;display: inline-block;padding: 0;font-size: 18px;font-weight: 500;margin: 0 10px;line-height: 1;transition: all 0.3s ease-in-out;}
.portfolio .portfolio-flters li:hover,.portfolio .portfolio-flters li.filter-active {color: var(--color-primary);}
.portfolio .portfolio-flters li:first-child {margin-left: 0;}
.portfolio .portfolio-flters li:last-child {margin-right: 0;}
@media (max-width: 575px) {
  .portfolio .portfolio-flters li {font-size: 14px;margin: 0 5px;}
}
.portfolio .portfolio-wrap {box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);border-radius: 10px;height: 100%;overflow: hidden;}
.portfolio .portfolio-wrap img {transition: 0.3s;position: relative;z-index: 1;}
.portfolio .portfolio-wrap .portfolio-info {padding: 25px 20px;background-color: #fff;position: relative;border-top: 1px solid #f3f3f3;z-index: 2;}
.portfolio .portfolio-wrap .portfolio-info h4 {font-size: 18px;font-weight: 600;padding-right: 50px;}
.portfolio .portfolio-wrap .portfolio-info h4 a {color: var(--color-default);transition: 0.3s;}
.portfolio .portfolio-wrap .portfolio-info h4 a:hover {color: var(--color-primary);}
.portfolio .portfolio-wrap .portfolio-info p {color: #6c757d;font-size: 14px;margin-bottom: 0;padding-right: 50px;}
.portfolio .portfolio-wrap:hover img {transform: scale(1.05);}

.contact {background-color: var(--color-primary)}
.contact input,.contact textarea {border-radius: 0;box-shadow: none;background-color:transparent;border: none; border-bottom: 1px #fff solid;padding: 12px 15px;color:#fff;}
.contact input:focus,.contact textarea:focus{border-color: var(--color-secondary);background-color:transparent;box-shadow: none;color:#fff;}
.contact input::placeholder,.contact textarea::placeholder {color:#ddd;}
.invalid-feedback{color:#222;}
.scroll-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: -15px;z-index: 99999;background: var(--color-secondary);width: 44px;height: 44px;border-radius: 50px;transition: all 0.4s;}
.scroll-top i {font-size: 24px;color: #fff;line-height: 0;}.scroll-top:hover {background: #222;color: #fff;}.scroll-top.active {visibility: visible;opacity: 1;bottom: 15px;}
.footer {font-size: 14px;background-color: var(--color-primary);padding: 30px 0;color: white;}
.footer .footer-info .logo {line-height: 0;margin-bottom: 25px;}.footer .footer-info .logo img {max-height: 40px;margin-right: 6px;}.footer .footer-info .logo span {font-size: 30px;font-weight: 700;letter-spacing: 1px;color: #fff;font-family: var(--font-primary);}
.footer .footer-info p {font-size: 14px;font-family: var(--font-primary);}
.footer .footer-contact p {line-height: 26px;}.footer .copyright {text-align: center;}.footer .credits {padding-top: 4px;text-align: center;font-size: 13px;}.footer .credits a {color: #fff;}
.social-links a {color: rgba(255, 255, 255, 0.7);line-height: 0;transition: 0.3s;margin-left: 20px;} .social-links a:hover {color: #fff;}
.text-stroke{color: transparent;-webkit-text-stroke: 2px #222;}

@media (min-width: 992px) {
	section {padding: 80px 0;}
	.gallery .swiper-wrapper {padding: 40px 0;}.gallery .swiper-slide-active {border: 6px solid var(--color-primary);padding: 4px;background: #fff;z-index: 1;transform: scale(1.2);}
	.services .service-box{padding: 45px 60px 45px 60px}
}