/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/*!
 * Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2023 Fonticons, Inc.
 */
/* Extracted from Bootstrap, Font Awesome and theme styles for this page, including responsive and interaction states. */
:root{--bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13,110,253; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 25,135,84; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-body-color-rgb: 33,37,41; --bs-body-bg-rgb: 255,255,255; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd;}
*, ::after, ::before{box-sizing: border-box;}
@media (prefers-reduced-motion: no-preference) {:root{scroll-behavior: smooth;}}
body{margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent;}
 h1, h2{margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2;}
 h1{font-size: calc(1.375rem + 1.5vw);}
@media (min-width: 1200px) { h1{font-size: 2.5rem;}}
 h2{font-size: calc(1.325rem + 0.9vw);}
@media (min-width: 1200px) { h2{font-size: 2rem;}}
p{margin-top: 0px; margin-bottom: 1rem;}
 ul{padding-left: 2rem;}
 ul{margin-top: 0px; margin-bottom: 1rem;}
 ul ul{margin-bottom: 0px;}
a{color: var(--bs-link-color); text-decoration: underline;}
a:hover{color: var(--bs-link-hover-color);}
figure{margin: 0px 0px 1rem;}
img{vertical-align: middle;}
button{border-radius: 0px;}
button:focus:not(:focus-visible){outline: 0px;}
button{margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit;}
button{text-transform: none;}
[type="button"], button{appearance: button;}
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled){cursor: pointer;}
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field{padding: 0px;}
::-webkit-inner-spin-button{height: auto;}
::-webkit-search-decoration{appearance: none;}
::-webkit-color-swatch-wrapper{padding: 0px;}
::-webkit-file-upload-button{font: inherit; appearance: button;}
::file-selector-button{font: inherit; appearance: button;}
summary{display: list-item; cursor: pointer;}
[hidden]{display: none !important;}
.container{--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto;}
@media (min-width: 576px) {.container{max-width: 540px;}}
@media (min-width: 768px) {.container{max-width: 720px;}}
@media (min-width: 992px) {.container{max-width: 960px;}}
@media (min-width: 1200px) {.container{max-width: 1140px;}}
@media (min-width: 1400px) {.container{max-width: 1347px;}}
.row{--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x));}
.row > *{flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y);}
.col-12{flex: 0 0 auto; width: 100%;}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
.col-md-6{flex: 0 0 auto; width: 50%;}
.col-md-12{flex: 0 0 auto; width: 100%;}
}
@media (min-width: 992px) {
.col-lg-3{flex: 0 0 auto; width: 25%;}
.col-lg-4{flex: 0 0 auto; width: 33.3333%;}
.col-lg-6{flex: 0 0 auto; width: 50%;}
.col-lg-8{flex: 0 0 auto; width: 66.6667%;}
}
@media (min-width: 1200px) {
.col-xl-3{flex: 0 0 auto; width: 25%;}
.col-xl-4{flex: 0 0 auto; width: 33.3333%;}
.col-xl-6{flex: 0 0 auto; width: 50%;}
.col-xl-8{flex: 0 0 auto; width: 66.6667%;}
}
@media (min-width: 1400px) {
}
.form-control[type="file"]:not(:disabled):not([readonly]){cursor: pointer;}
@media (prefers-reduced-motion: reduce) {
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color: rgb(221, 224, 227);}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color: rgb(221, 224, 227);}
.form-control-color:not(:disabled):not([readonly]){cursor: pointer;}
.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid{z-index: 3;}
.input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid{z-index: 4;}
.dropdown{position: relative;}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}
.tab-content > .active{display: block;}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}
@media (min-width: 576px) {
}
.active > .page-link{z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color);}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}
@media (min-width: 576px) {
}
@media (max-width: 575.98px) {
}
@media (max-width: 767.98px) {
}
@media (max-width: 991.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 1399.98px) {
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}
 .visually-hidden-focusable:not(:focus):not(:focus-within){position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important;}
.d-inline-block{display: inline-block !important;}
.d-flex{display: flex !important;}
.justify-content-between{justify-content: space-between !important;}
.align-items-center{align-items: center !important;}
.text-end{text-align: right !important;}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
.d-lg-none{display: none !important;}
.justify-content-lg-center{justify-content: center !important;}
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}
@media (min-width: 1200px) {
}
@media print {
}
*{margin: 0px; border: 0px; outline: none;}
html, body{height: 100%; font-size: 18px; font-weight: 400; font-family: Roboto, sans-serif; color: rgb(94, 111, 146); vertical-align: baseline; line-height: 30px; direction: ltr;}
p{margin: 0px 0px 15px;}
img{max-width: 100%; height: auto;}
h1, h2{margin-top: 0px; font-family: Poppins, sans-serif; color: rgb(14, 52, 64); font-style: normal; transition: 0.5s ease-out;}
h1{font-size: 120px; line-height: 132px; font-weight: 500;}
h2{font-size: 48px; line-height: 60px; font-weight: 500;}
button{cursor: pointer; transition: 0.5s ease-out;}
a{text-decoration: none; transition: 0.5s ease-out;}
a:focus{text-decoration: none; outline: none;}
a:focus{color: rgb(42, 185, 126); text-decoration: none; transition: 0.5s ease-out;}
a, button{color: rgb(42, 185, 126); outline: none medium; transition: 0.5s ease-out;}
a:hover, button:hover{color: rgb(255, 103, 49); transition: 0.5s ease-out;}
button:focus{outline: 0px;}
ul{list-style: outside none none; margin: 0px; padding: 0px;}
::selection{background: rgb(42, 185, 126); text-shadow: none; color: rgb(255, 255, 255);}
.background-black{background-color: rgb(27, 37, 56);}
.page-bg{background-color: rgb(28, 35, 37);}
.theme-btn{display: inline-flex; background-color: rgb(254, 219, 92); color: rgb(28, 35, 37); padding: 18px 48px; text-align: center; font-weight: 500; font-family: Poppins, sans-serif; text-transform: capitalize; position: relative; z-index: 1; transition: 0.5s ease-out; font-size: 16px; -webkit-box-align: center; align-items: center; gap: 10px; border-radius: 50px; overflow: hidden; flex-shrink: 0;}
@media only screen and (min-width: 0px) and (max-width: 767px) {.theme-btn{padding: 15px 34px; gap: 30px; font-size: 16px; line-height: normal;}}
.theme-btn::before{position: absolute; width: 200%; height: 0%; left: 0px; background-color: rgb(42, 185, 126); content: ""; z-index: -1; transition: 0.5s ease-out;}
.theme-btn:hover{color: rgb(28, 35, 37);}
.theme-btn:hover::before{height: 350%; transition: 500ms linear; background-color: transparent;}
.theme-btn:focus{color: rgb(255, 255, 255);}
.theme-btn.simple-btn{padding: 15px 36px;}
body{overflow-wrap: break-word; overflow-x: hidden;}
 ul{margin-top: 0px; margin-bottom: 25px;}
ul{list-style: disc; padding-left: 20px;}
.scrollup-wrapper{position: fixed; right: 40px; bottom: 20px; z-index: 9999;}
.scrollup-btn{display: flex; place-content: center; -webkit-box-pack: center; font-size: 26px; color: rgb(255, 255, 255); text-decoration: none; width: 50px; height: 50px; background-color: rgb(42, 185, 126); border-radius: 50px; border: 2px solid; -webkit-box-align: center; align-items: center; cursor: pointer;}
.scrollup-btn i{margin-top: -3px; display: block;}
.header-area.style-1 .header-menu-area{position: absolute; background-color: transparent;}
@media (max-width: 991px) {.header-area.style-1 .header-menu-area{position: unset;}}
.header-area.style-1 .header-menu-area .main-menu-wrapper{display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(42, 185, 126); border-radius: 12px; width: 100%;}
@media (max-width: 991px) {.header-area.style-1 .header-menu-area .main-menu-wrapper{background-color: transparent; border: 0px;}}
@media (max-width: 991px) {.header-area.style-1 .header-menu-area .main-menu-wrapper .main-menu{display: none !important;}}
.header-area.style-1 .header-menu-area .header-menu-wrapper .inner-wrapper{padding: 0px;}
@media (max-width: 991px) {.header-area.style-1 .header-menu-area .header-menu-wrapper .inner-wrapper{display: flex; padding: 0px;}}
.header-area.style-1 .header-menu-area .header-menu-wrapper.sticky_menu{left: 0px; right: 0px; top: 0px; position: fixed; z-index: 9999; box-shadow: rgba(0, 0, 0, 0.05) 0px 7px 24px 0px; background: rgb(255, 255, 255); margin-top: 0px; transition: 0.5s ease-out;}
@media (max-width: 991px) {.header-area.style-1 .header-menu-area .header-menu-wrapper.sticky_menu{margin: 0px; border-radius: 0px; padding: 0px 35px; transition: none;}}
@media only screen and (min-width: 0px) and (max-width: 767px) {.header-area.style-1 .header-menu-area .header-menu-wrapper.sticky_menu{padding: 0px 16px;}}
.header-area.style-1 .header-menu-area .header-menu-wrapper.sticky_menu .inner-wrapper{display: flex; padding: 0px 12px;}
@media (max-width: 991px) {.header-area.style-1 .header-menu-area .header-menu-wrapper.sticky_menu .inner-wrapper{padding: 0px;}}
.header-area.style-1 .header-menu-area .header-menu-wrapper.sticky_menu .main-menu-wrapper{background-color: transparent; -webkit-box-pack: end; justify-content: end; gap: 8px;}
.header-area.style-1 .header-menu-area .header-menu-wrapper.sticky_menu .logo-wrapper{display: block;}
.header-area.style-1 .header-menu-area .header-menu-wrapper.sticky_menu .logo{height: 100%;}
@media (max-width: 991px) {.header-area.style-1 .header-menu-area .header-menu-wrapper.sticky_menu .logo{height: 80px;}}
.header-area.style-1 .header-menu-area .header-menu-wrapper.sticky_menu .logo::before{display: none;}
.header-area.style-1 .header-menu-area .header-menu-wrapper.sticky_menu .logo .standard-logo{display: none;}
.header-area.style-1 .header-menu-area .header-menu-wrapper.sticky_menu .logo .sticky-logo{display: block;}
.header-area.style-1 .header-menu-area .header-menu-wrapper.sticky_menu .logo .sticky-logo img{transition: 0.5s ease-out;}
.header-area.style-1 .header-menu-area .header-menu-wrapper.sticky_menu .main-menu ul li a{color: rgb(57, 61, 72); padding: 35px 30px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; transition: none;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.header-area.style-1 .header-menu-area .header-menu-wrapper.sticky_menu .main-menu ul li a{padding: 35px 16px;}}
.header-area.style-1 .header-menu-area .header-menu-wrapper.sticky_menu .main-menu ul li ul li a{padding: 10px 20px;}
@media (max-width: 991px) {.header-area.style-1 .header-menu-area .header-menu-wrapper .logo .standard-logo{display: none;}}
.header-top{background-color: rgb(14, 52, 64);}
@media (max-width: 991px) {.header-top{display: none;}}
.header-top .header-top-info{display: flex; gap: 0px 24px;}
.header-top .header-contact-info{display: flex; -webkit-box-align: center; align-items: center; gap: 0px 24px; padding: 6px 0px; flex-wrap: wrap;}
.header-top .header-contact-info span{display: flex; -webkit-box-align: center; align-items: center; gap: 24px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; font-family: Roboto, sans-serif;}
.header-top .header-contact-info span:first-child::before{display: none;}
.header-top .header-contact-info span::before{background-color: rgb(102, 116, 144); width: 1px; display: inline-flex; height: 12px; content: "";}
@media only screen and (min-width: 0px) and (max-width: 767px) {.header-top .header-contact-info span::before{display: none;}}
.header-top .header-contact-info span.contact-info-item{gap: 0px 10px !important;}
.header-top .social-profile{display: flex; -webkit-box-align: center; align-items: center; gap: 25px; -webkit-box-pack: end; justify-content: flex-end;}
.header-top .social-profile a{font-size: 18px; color: rgb(255, 255, 255); transition: 0.3s; transform: scale(1);}
.header-top .social-profile a:hover{transition: 0.5s ease-out; transform: scale(1.4); color: rgb(42, 185, 126);}
.header-top-bottom-area{padding: 30px 0px;}
.header-top-bottom-area.has-nav-menu{padding-bottom: 60px;}
@media (max-width: 991px) {.header-top-bottom-area{display: none;}}
.header-top-bottom-area .header-top-bottom-wrapper{display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 40px;}
.header-top-bottom-area .header-btn{display: flex; -webkit-box-align: center; align-items: center; gap: 30px; margin: 0px;}
@media (max-width: 1199px) {.header-top-bottom-area .header-btn{gap: 8px;}}
@media (max-width: 1199px) {.header-top-bottom-area .header-btn{gap: 8px;}}
.header-top-bottom-area .header-btn .cta-btn{display: flex; gap: 13px;}
.header-top-bottom-area .header-btn .cta-btn .icon{width: 60px; height: 60px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; color: rgb(42, 185, 126); font-size: 20px; border-radius: 50%; border: 2px solid rgb(254, 219, 92);}
.header-top-bottom-area .header-btn .cta-btn .btn-content{display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;}
.header-top-bottom-area .header-btn .cta-btn .btn-content .title{font-size: 16px; color: rgb(94, 111, 146);}
.header-top-bottom-area .header-btn .cta-btn .btn-content .sub-title{font-size: 18px; color: rgb(28, 35, 37); font-family: Poppins, sans-serif; font-weight: 500;}
@media (max-width: 1199px) {.header-top-bottom-area .header-btn .cta-btn .btn-content .sub-title{font-size: 16px;}}
.header-top-bottom-area .header-btn .cta-btn .btn-content .sub-title a{color: rgb(28, 35, 37);}
.header-top-bottom-area .header-btn .cta-btn .btn-content .sub-title a:hover{color: rgb(42, 185, 126);}
.header-top-bottom-area .header-btn .btn-wrapper{margin-left: 20px;}
.header-menu-area{width: 100%; z-index: 999; transition: 0.4s; background-color: rgb(255, 255, 255);}
.header-menu-area .header-menu-wrapper{display: flex; -webkit-box-pack: justify; justify-content: space-between; gap: 24px; margin-top: -30px;}
@media (max-width: 991px) {.header-menu-area .header-menu-wrapper{margin-top: 0px;}}
.header-menu-area .header-menu-wrapper .logo-wrapper{display: none;}
@media (max-width: 991px) {.header-menu-area .header-menu-wrapper .logo-wrapper{display: block;}}
.header-menu-area .logo{position: relative; z-index: 999; height: 120px; display: flex; -webkit-box-align: center; align-items: center;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.header-menu-area .logo{height: 100px;}}
@media only screen and (min-width: 0px) and (max-width: 767px) {.header-menu-area .logo{height: 80px;}}
.main-menu ul{margin: 0px; padding: 0px; position: relative; display: inline-flex; list-style: none; line-height: initial;}
.main-menu ul li{display: inline-block; padding: 0px; position: relative;}
.main-menu ul li ul.submenu li.active > a{position: relative; z-index: 2; background-color: rgb(254, 219, 92); color: rgb(28, 35, 37) !important;}
.main-menu ul li a{display: flex; -webkit-box-align: center; align-items: center; height: 100%; padding: 17px 48px 16px; text-decoration: none; text-transform: capitalize; position: relative; color: rgb(255, 255, 255); font-family: Poppins, sans-serif; font-size: 18px; font-weight: 500; border-right: 1px solid rgba(255, 255, 255, 0.36); overflow: hidden; transition: none;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.main-menu ul li a{padding: 18px 28px;}}
.main-menu ul li:hover > ul{visibility: visible; transition: 300ms; opacity: 1; transform: scaleY(1);}
.main-menu ul ul{background-color: rgb(255, 255, 255); left: 0px; opacity: 0; position: absolute; text-align: left; top: 100%; visibility: hidden; z-index: 99999; transition: 300ms; box-shadow: rgba(8, 0, 42, 0.08) 0px 10px 20px 0px; transform-origin: center top; transform: scaleY(0); -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;}
.main-menu ul ul li{float: none; width: 210px;}
.main-menu ul ul li a{line-height: 120%; padding: 10px 20px; color: rgb(14, 52, 64); border-bottom: 1px solid rgb(245, 245, 245); margin-left: 0px; font-size: 16px; transition: 0.5s ease-out;}
.main-menu ul ul li a:hover{background-color: rgb(254, 219, 92); transition: 0.5s ease-out;}
.main-menu ul ul li:last-child a{border-bottom: 0px;}
.main-menu > ul > li.active{position: relative;}
.main-menu > ul > li.active > a::after{position: absolute; content: ""; height: 2px; width: 53px; background-color: rgb(254, 219, 92); bottom: 0px; left: 50%; transform: translateX(-50%);}
.header-btn{margin-left: 26px; display: flex; -webkit-box-align: center; align-items: center; gap: 24px;}
@media only screen and (max-width: 1399px) {.header-btn{display: none;}}
@media only screen and (max-width: 1199px) {.header-btn{display: none;}}
.menu-sidebar-area{position: fixed; right: -485px; top: 0px; width: 465px; height: 100%; background-color: rgb(255, 255, 255); overflow-y: scroll; transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: 9999;}
@media (max-width: 560px) {.menu-sidebar-area{width: 375px;}}
.menu-sidebar-area .menu-sidebar-logo{display: inline-block; width: 180px;}
.menu-sidebar-area .menu-sidebar-wrapper{position: relative; padding: 40px;}
.menu-sidebar-area.active{right: 0px;}
.menu-sidebar-area .menu-sidebar-close{position: absolute; top: 35px; right: 45px;}
.menu-sidebar-area .menu-sidebar-close .menu-sidebar-close-btn{display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 16px; height: 45px; width: 45px; background-color: rgb(42, 185, 126); color: rgb(255, 255, 255); border-radius: 50%;}
.menu-sidebar-area .menu-sidebar-close .menu-sidebar-close-btn:hover{background-color: rgb(42, 185, 126);}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget{display: inline-block; margin-top: 20px; width: 100%;}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .menu-sidebar-title{margin-bottom: 5px;}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info{display: flex; -webkit-box-align: center; align-items: center; gap: 0px 24px; padding: 6px 0px; flex-flow: column wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal;}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span{display: flex; -webkit-box-align: center; align-items: center; gap: 13px; color: rgb(14, 52, 64); font-size: 16px; font-weight: 400; font-family: Roboto, sans-serif; width: 100%;}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span a{display: flex; -webkit-box-align: center; align-items: center; gap: 10px; color: rgb(14, 52, 64); font-size: 16px; font-weight: 400; font-family: Roboto, sans-serif;}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span a:hover{color: rgb(42, 185, 126);}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile{margin-top: 20px; border-top: 1px solid rgb(223, 226, 233); width: 100%; padding-top: 20px;}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile a{color: rgb(14, 52, 64); font-size: 22px;}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile a:hover{color: rgb(42, 185, 126);}
.body-overlay{background-color: rgba(0, 0, 0, 0.6); height: 100%; width: 100%; position: fixed; top: 0px; z-index: 999; left: 0px; opacity: 0; visibility: hidden; transition: 0.5s ease-out;}
.body-overlay.active{opacity: 1; visibility: visible;}
.body-overlay:hover{cursor: pointer;}
@media only screen and (min-width: 0px) and (max-width: 767px) {
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
.page-breadcrumb-area{padding: 127px 0px; position: relative; z-index: 2; background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: rgb(42, 185, 126);}
@media (max-width: 991px) {.page-breadcrumb-area{padding: 100px 0px;}}
@media (max-width: 767px) {.page-breadcrumb-area{padding: 80px 0px;}}
.page-overlay{background-color: rgb(14, 52, 64); height: 100%; left: 0px; position: absolute; right: 0px; top: 0px; width: 100%; z-index: -1; opacity: 0.6;}
 .page-heading .page-title{font-family: Poppins, sans-serif; font-size: 72px; text-align: center; color: rgb(255, 255, 255); margin-bottom: 20px; text-transform: capitalize; line-height: 84px; font-weight: 500;}
@media (max-width: 375px) { .page-heading .page-title{font-size: 32px; line-height: 42px;}}
@media only screen and (min-width: 0px) and (max-width: 767px) { .page-heading .page-title{font-size: 42px; line-height: 52px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) { .page-heading .page-title{font-size: 60px; line-height: 72px;}}
.breadcrumb-wrapper{padding: 0px 100px;}
@media (max-width: 1199px) {.breadcrumb-wrapper{padding: 0px;}}
.breadcrumb-list{text-align: center;}
.breadcrumb-list ul{margin-bottom: 0px; padding-left: 0px; display: inline-flex; gap: 0px 12px;}
@media (max-width: 375px) {.breadcrumb-list ul{-webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;}}
.breadcrumb-list ul li{list-style: none; display: inline-flex; gap: 0px 12px; -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255);}
.breadcrumb-list ul li.active{color: rgb(254, 219, 92);}
.breadcrumb-list ul li.active a{color: rgb(254, 219, 92);}
.breadcrumb-list ul li a{font-family: Roboto, sans-serif; font-size: 16px; text-align: center; color: rgb(255, 255, 255); text-transform: capitalize; line-height: 30px; font-weight: 400; margin-bottom: 0px; transition: 0.5s ease-out;}
.breadcrumb-list ul li a:hover{transition: 0.5s ease-out; color: rgb(254, 219, 92);}
.breadcrumb-list ul li::before{content: ""; display: inline-block; width: 7px; height: 7px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: rotate(45deg);}
.breadcrumb-list ul li:first-child::before{display: none;}
@media (max-width: 375px) {.breadcrumb-list ul li:first-child::before{display: block !important;}}
@media only screen and (min-width: 0px) and (max-width: 767px) {
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
.widget{background-color: rgb(233, 245, 246); padding: 36px; border-radius: 8px; margin-bottom: 48px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.widget{padding: 20px;}}
@media only screen and (min-width: 0px) and (max-width: 576px) {.widget{padding: 20px;}}
.widget:last-child{margin-bottom: 40px;}
@media only screen and (min-width: 0px) and (max-width: 767px) {.widget{padding: 30px;}}
.widget_service_promotion{padding: 44px 40px; background-color: rgb(28, 35, 37); position: relative; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.widget_service_promotion{padding: 30px;}}
.widget_service_promotion .overlay{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(14, 52, 64); opacity: 0.8;}
.widget_service_promotion .widget-subtitle{position: relative; z-index: 0;}
.widget_service_promotion .widget-subtitle p{color: rgb(255, 255, 255); font-family: Poppins, sans-serif; font-size: 18px; font-weight: 500; margin: 0px 0px 16px;}
.widget_service_promotion .promotion-card{position: relative; z-index: 0; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 70px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.widget_service_promotion .promotion-card{gap: 30px;}}
@media only screen and (min-width: 0px) and (max-width: 767px) {.widget_service_promotion .promotion-card{gap: 30px;}}
.widget_service_promotion .promotion-card p{color: rgb(179, 208, 218); font-size: 18px; font-weight: 400; margin-top: 16px;}
.widget_service_promotion .promotion-card .secondary-btn{display: flex; -webkit-box-align: center; align-items: center; gap: 18px; -webkit-box-pack: start; justify-content: start;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.widget_service_promotion .promotion-card .secondary-btn{gap: 12px;}}
@media only screen and (min-width: 0px) and (max-width: 767px) {.widget_service_promotion .promotion-card .secondary-btn{gap: 12px;}}
.widget_service_promotion .promotion-card .secondary-btn .icon{width: 60px; height: 60px; border-radius: 50px; background: rgb(254, 219, 92); display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0;}
.widget_service_promotion .promotion-card .secondary-btn .icon i{color: rgb(28, 35, 37);}
.widget_service_promotion .promotion-card .secondary-btn .btn-text{display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: start; justify-content: start;}
.widget_service_promotion .promotion-card .secondary-btn .btn-text p{margin: 0px; text-align: start; color: rgb(255, 255, 255); font-family: Roboto, sans-serif; font-size: 18px; line-height: 30px; font-weight: 500;}
@media only screen and (min-width: 0px) and (max-width: 767px) {.widget_service_promotion{padding: 44px 25px;}}
.service-details-wrapper{padding-top: 120px; padding-bottom: 105px;}
@media (max-width: 991px) {.service-details-wrapper{padding: 100px 0px;}}
@media (max-width: 767px) {.service-details-wrapper{padding: 70px 0px;}}
.service-details-wrapper .details-main{padding-left: 25px;}
@media (max-width: 1199px) {.service-details-wrapper .details-main{padding-left: 0px;}}
.service-details-wrapper .details-main img{border-radius: 12px;}
.service-details-wrapper .details-main .service-feature-img{margin-bottom: 44px;}
@media (max-width: 767px) {.service-details-wrapper .details-main .service-feature-img{margin-bottom: 30px;}}
.footer{position: relative; z-index: 2; overflow: hidden; background-color: rgb(14, 46, 56);}
.footer .footer-sec{padding-top: 90px;}
@media only screen and (min-width: 0px) and (max-width: 767px) {.footer .footer-sec{padding-top: 80px;}}
.footer .widget-menu-wrapper{padding-right: 60px; padding-left: 30px;}
@media only screen and (min-width: 0px) and (max-width: 767px) {.footer .widget-menu-wrapper{padding: 0px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.footer .widget-menu-wrapper{padding-left: 0px;}}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.footer .widget-menu-wrapper{padding-left: 20px; padding-right: 20px;}}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.footer .widget-menu-wrapper{padding-left: 50px; padding-right: 50px;}}
.footer-widget-title{font-family: Poppins, sans-serif; font-size: 21px; line-height: 26px; color: rgb(255, 255, 255); position: relative; margin-bottom: 26px; font-weight: 500;}
.footer-widget{margin-bottom: 30px;}
@media (max-width: 991px) {.footer-widget{margin-bottom: 50px;}}
.footer-widget ul{padding-left: 0px;}
.footer-widget .footer-logo{margin-bottom: 30px; display: inline-block;}
.footer-widget p{color: rgb(171, 178, 193);}
.footer-widget .subscribe-form-wrapper p{margin-bottom: 35px;}
.footer-widget .footer-widget-info{padding-right: 30px;}
@media (max-width: 1199px) {.footer-widget .footer-widget-info{padding-right: 0px;}}
.footer-widget .footer-widget-info .social-profile{gap: 20px; margin-top: 30px;}
.footer-widget.widget_nav_menu ul{margin-top: -5px; padding-left: 0px; margin-bottom: 0px;}
.footer-widget.widget_nav_menu li{position: relative; display: inline-block; width: 100%; padding-bottom: 10px;}
.footer-widget.widget_nav_menu li:last-child{padding-top: 0px; padding-bottom: 0px;}
 .footer-widget.widget_nav_menu li span{color: rgb(171, 178, 193); text-transform: capitalize; font-size: 18px; transition: 0.5s ease-out; position: relative;}
@media only screen and (max-width: 767px) {
}
.footer-widget .footer-widget-contact .footer-contact ul{list-style: none;}
.footer-widget .footer-widget-contact .footer-contact ul li{margin-bottom: 16px; display: flex; -webkit-box-align: center; align-items: center; line-height: 24px; gap: 20px;}
.footer-widget .footer-widget-contact .footer-contact ul li:first-child{-webkit-box-align: start; align-items: flex-start;}
.footer-widget .footer-widget-contact .footer-contact ul li:first-child .contact-icon{margin-top: 5px;}
.footer-widget .footer-widget-contact .footer-contact ul li:last-child{margin-bottom: 0px;}
.footer-widget .footer-widget-contact .footer-contact ul li .contact-icon{color: rgb(255, 255, 255); border-radius: 50px; float: left; display: flex; -webkit-box-align: center; align-items: center; flex-shrink: 0;}
.footer-widget .footer-widget-contact .footer-contact ul li .contact-text{color: rgb(171, 178, 193); font-size: 18px; line-height: 24px; overflow: hidden;}
.footer-widget .footer-widget-contact .footer-contact ul li .contact-text a:hover span{color: rgb(42, 185, 126); transition: 0.5s ease-out;}
.footer-widget .footer-widget-contact .footer-contact ul li .contact-text span, .footer-widget .footer-widget-contact .footer-contact ul li .contact-text a{color: rgb(171, 178, 193); font-size: 18px; line-height: 24px; display: inline-block; width: 100%; margin-bottom: 0px; transition: 0.5s ease-out;}
.footer-bottom-menu ul{list-style: none; display: flex; gap: 0px 40px; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; margin-bottom: 0px; padding-left: 0px; flex-wrap: wrap;}
@media (max-width: 991px) {.footer-bottom-menu ul{-webkit-box-pack: start; justify-content: flex-start;}}
@media only screen and (min-width: 0px) and (max-width: 767px) {.footer-bottom-menu ul{gap: 12px;}}
.footer-bottom-menu ul li a{font-size: 18px; text-transform: capitalize; color: rgb(171, 178, 193); font-family: Roboto, sans-serif; transition: 0.5s ease-out;}
.footer-bottom-menu ul li a:hover{transition: 0.5s ease-out; color: rgb(42, 185, 126);}
.footer-bottom-wrapper{display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 20px 40px; flex-wrap: wrap-reverse;}
.footer-bottom-menu-wrapper{display: flex; -webkit-box-align: center; align-items: center; gap: 10px 40px; flex-wrap: wrap-reverse; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: justify; justify-content: space-between;}
.footer-bottom-area{padding: 57px 0px;}
@media (max-width: 991px) {.footer-bottom-area{padding: 30px 0px;}}
.footer-bottom-area .copyright-text p{color: rgb(171, 178, 193); margin-bottom: 0px; font-family: Roboto, sans-serif; font-size: 18px;}
.footer-bottom-area .copyright-text p a{color: rgb(171, 178, 193); font-weight: 400; font-family: Roboto, sans-serif; font-size: 18px;}
.footer-bottom-area .copyright-text p a:hover{color: rgb(42, 185, 126);}
.subscribe-form-widget{position: relative;}
.social-profile{display: flex; -webkit-box-align: center; align-items: center; gap: 20px;}
.social-profile a{color: rgb(255, 255, 255); font-size: 24px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: 0.5s ease-out;}
.social-profile a:hover{transition: 0.5s ease-out; color: rgb(42, 185, 126);}