/*1. Animate css, 2. Smartmenus css, 3. Slick css, 4. Reset css, 5. Core css, 6. custom css*/

/* =================animate css starts here================= */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInUp {
	from { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); }
	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes fadeInUp {
	from { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); }
	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

/* =================animate css ends here================= */
:root { --light-color: #90EE90; --red-color: #f1582b; }

/* =================smartmenus css start here================= */
.navbar-nav.sm-collapsible .sub-arrow { position: absolute; top: 50%; right: 0; margin: -0.7em 0.5em 0 0; border: 1px solid rgba(0, 0, 0, .1); border-radius: .25rem; padding: 0; width: 2em; height: 1.4em; font-size: 1.25rem; line-height: 1.2em; text-align: center; }
.navbar-nav.sm-collapsible .sub-arrow::before { content: '+'; }
.navbar-nav.sm-collapsible .show > a > .sub-arrow::before { content: '-'; }
.navbar-dark .navbar-nav.sm-collapsible .nav-link .sub-arrow { border-color: rgba(255, 255, 255, .1); }
.navbar-nav.sm-collapsible .has-submenu { padding-right: 3em; }
.navbar-nav.sm-collapsible .nav-link, .navbar-nav.sm-collapsible .dropdown-item { position: relative; }
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; border-top: .3em solid; border-right: .3em solid transparent; border-left: .3em solid transparent; }
.fixed-bottom .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow, .fixed-bottom .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-toggle::after { border-top: 0; border-bottom: .3em solid; }

/*.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow, .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after { position: absolute; top: 50%; right: 0; width: 0; height: 0; margin-top: -.3em; margin-right: 1em; border-top: .3em solid transparent; border-bottom: .3em solid transparent; border-left: .3em solid; }*/
.navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu { padding-right: 2em; }
.navbar-nav .scroll-up, .navbar-nav .scroll-down { position: absolute; display: none; visibility: hidden; height: 20px; overflow: hidden; text-align: center; }
.navbar-nav .scroll-up-arrow, .navbar-nav .scroll-down-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-top: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid; border-left: 7px solid transparent; }
.navbar-nav .scroll-down-arrow { top: 6px; border-top: 7px solid; border-right: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid transparent; }
.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu { margin: .5em; }
.navbar-nav:not([data-sm-skip]) .dropdown-item { white-space: normal; }
.navbar-nav:not(.sm-collapsible) .sm-nowrap > li > .dropdown-item { white-space: nowrap; }

/* =================smartmenus css ends here================= */

/* =================Swiper css ends here================= */
.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 }
.swiper-vertical>.swiper-wrapper { flex-direction: column }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box }
.swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0) }
.swiper-pointer-events { touch-action: pan-y }
.swiper-pointer-events.swiper-vertical { touch-action: pan-x }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform }
.swiper-slide-invisible-blank { visibility: hidden }
.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto }
.swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height }
.swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden }
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px }
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 }
.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15) }
.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none }
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none }
.swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start }
.swiper-horizontal.swiper-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory }
.swiper-vertical.swiper-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory }
.swiper-centered>.swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999 }
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before) }
.swiper-centered.swiper-horizontal>.swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after) }
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before) }
.swiper-centered.swiper-vertical>.swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after) }
.swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center }
.swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0) }
.swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none }
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size) }
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size) }
:root { --swiper-navigation-size: 44px }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; transition: all .3s ease-in; width: 44px; height: 44px; margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); background-color: rgb(36 20 0); border-radius: 50%; box-shadow: 0px 3px 6px rgba(0, 0, 0, .16); }
.swiper-button-next:hover, .swiper-button-prev:hover { background-color: #e16a00; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .5; cursor: no-drop; pointer-events: none }
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none }
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important }
.swiper-button-next:after, .swiper-button-prev:after { content: ''; width: 44px; height: 44px; background-image: url(../images/swipper-arrow.svg); position: absolute; background-size: 18px; background-repeat: no-repeat; background-position: center; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: -50px; right: auto }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { transform: rotate(180deg); }
.arrow-mustard .swiper-button-next, .arrow-mustard .swiper-button-prev { background-color: var(--light-mustard); }
.arrow-mustard .swiper-button-next:after, .arrow-mustard .swiper-button-prev:after { filter: brightness(0) invert(1); }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: -50px; left: auto }
.swiper-button-lock { display: none }
.swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10 }
.swiper-pagination.swiper-pagination-hidden { opacity: 0 }
.swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) }
.swiper-pagination-bullet { width: 30px; height: 8px; display: inline-block; border-radius: 0; background: #000; opacity: var(--swiper-pagination-bullet-inactive-opacity, .2) }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }
.swiper-pagination-bullet:only-child { display: none !important }
.swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: #000; }
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0) }
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform, .2s top }
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) }
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap }
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s left }
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s right }
.swiper-pagination-progressbar { background: #241400; position: relative; max-width: 500px; margin: 0 auto; border-radius: 2px; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: -2px; width: 100%; height: 9px; transform: scale(0); transform-origin: left top; background-color: #e16a00; border-radius: 8px; }
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top }
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 5px; left: 0; margin-top: 30px; }
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 }
.swiper-pagination-lock { display: none }
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) }
.swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important }
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% }
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 }
.swiper-scrollbar-cursor-drag { cursor: move }
.swiper-scrollbar-lock { display: none }
.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain }
.swiper-slide-zoomed { cursor: move }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent }
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear }
.swiper-lazy-preloader-white { --swiper-preloader-color: #fff }
.swiper-lazy-preloader-black { --swiper-preloader-color: #000 }
@keyframes swiper-preloader-spin {
	0% { transform: rotate(0deg) }
	100% { transform: rotate(360deg) }
}
.swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }
.swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto }
.swiper-grid>.swiper-wrapper { flex-wrap: wrap }
.swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column }
.swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out }
.swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity }
.swiper-fade .swiper-slide .swiper-slide { pointer-events: none }
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-cube { overflow: visible }
.swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% }
.swiper-cube .swiper-slide .swiper-slide { pointer-events: none }
.swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 }
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible }
.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0 }
.swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) }
.swiper-flip { overflow: visible }
.swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 }
.swiper-flip .swiper-slide .swiper-slide { pointer-events: none }
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height }
.swiper-cards { overflow: visible }
.swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden }
.arrow-inside .swiper-button-next, .arrow-inside .swiper-rtl .swiper-button-prev { right: 0; }
.arrow-inside .swiper-button-prev, .arrow-inside .swiper-rtl .swiper-button-next { right: auto; left: 0; }
.arrow-white .swiper-button-next, .arrow-white .swiper-button-prev { background-color: #fff; }
.arrow-white .swiper-button-next:after, .arrow-white .swiper-button-prev:after { filter: brightness(0) invert(0); background-image: url(../images/arrow-right.svg); }

/* ================= Swiper css end here=================  */

/* =================slick css end here=================  */

/* =================reset css starts here=================  */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin: 0; padding: 0; outline: none; border: 0 }
a { text-decoration: none; border: 0; outline: 0; }
ul { list-style: none; }
a:focus, input:focus, textarea:focus, *:focus { outline: 0 !important; }

/* =================reset css ends here================= */

/* =================core css starts here================= */
body { padding-top: 80px; font-size: 16px; line-height: 24px; font-weight: 400; font-family: "Poppins", sans-serif; color: #000; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.container { width: 100%; max-width: 1200px; }
a, input, button { display: inline-block; text-decoration: none; color: inherit; outline: none; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
a img { border: 0px none; }
a:hover { outline: none; color: #f00; text-decoration: none; }
a:active { outline: none; text-decoration: none; }
a:focus { outline: none; outline-offset: 0px; text-decoration: none; color: inherit; }
::-webkit-input-placeholder { color: #000; opacity: 0.5; }
::-moz-placeholder { color: #000; opacity: 0.5; }
:-moz-placeholder { color: #000; opacity: 0.5; }
:-ms-input-placeholder { color: #000; opacity: 0.5; }
.os-animation { opacity: 0; }
.os-animation.animated { opacity: 1; }
img { max-width: 100%; border: 0; height: auto; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; margin-bottom: 24px; line-height: 1.2; font-weight: 700; color: inherit; }
h1 { font-size: 58px; }
h2 { font-size: 48px; }
h3 { font-size: 40px; }
h4 { font-size: 30px; }
h5 { font-size: 26px; }
h6 { font-size: 22px; }
p { margin: 0px; padding: 0px; margin-bottom: 24px; font-size: 14px; line-height: 22px; }
strong { font-weight: 700; }
b { font-weight: 400; }
p:last-child { margin-bottom: 0; }
.btn { border-radius: 25px; font-weight: 600; padding: 12px 25px; min-width: 160px; font-size: 14px; line-height: 18px; box-shadow: none; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
.btn-default, .btn-default:focus { color: #000000; background: #90ee90; border: 0; }
.btn-default:hover, .btn-default:active { color: #000; background-color: #81ec81; border-color: #81ec81; }
.btn-primary, .btn-primary:focus { color: #000; background-color: #90ee90; border: solid 1px #90ee90; }
.btn-primary:hover, .btn-primary:active { color: #333; background-color: transparent; border-color: #333; }
.btn.btn-block { min-width: 100%; }
.btn+.btn { margin-left: 25px; }
ul:not([class]) { list-style: none; margin-bottom: 15px; text-align: left; line-height: 22px; }
ul:not([class]) > li { padding-left: 16px; position: relative; margin-bottom: 14px; }
ul:not([class]) > li:last-child { margin-bottom: 0; }
ul:not([class]) > li:before { content: ''; position: absolute; left: 2px; top: 10px; background: #000; height: 5px; width: 5px; border-radius: 50%; }
.grey-bg { background: #f5f5f5; }
.dark-bg { background: #000; }

/* =================core css ends here================= */

/* ================= Header Start ================= */
#header { color: #333; background: #fff; position: fixed; left: 0; top: 0; right: 0; padding: 0; z-index: 9999; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; display: flex; align-items: center; }
.fixed #header { background: #fff; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); }
.navbar { padding: 0; width: 100%; height: 80px; }
.navbar-brand { width: 190px; padding: 0; margin: 0; position: relative; z-index: 999; }
.navbar-expand-xl .navbar-nav .nav-item { margin: 0 15px; }
.navbar-expand-xl .navbar-nav .nav-link { font-size: 14px; line-height: 63px; font-weight: 500; color: #333; padding: 0; margin: 0; }
.navbar-expand-xl .navbar-nav .nav-item:hover .nav-link, .navbar-expand-xl .navbar-nav .nav-item.active .nav-link { color: #f00; }
.dropdown-toggle::after { display: none; }
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow { display: none; }
.nav-inside { width: 100%; padding: 0; }
.header-right { margin-left: 15px; }
.nav-inside-content { padding: 30px 0; }
@media only screen and (min-width:1200px) {
	.navbar-nav>li>.dropdown-menu { display: block !important; border: 1px solid #cbcbcb; top: 100% !important; margin-top: 10px !important; opacity: 0; visibility: hidden; background: #fff; color: #fff; border-radius: 4px !IMPORTANT; min-width: 250px; box-shadow: 0px 0px 12px 0px #0000001F; border: 0; border-radius: 0; transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; }
	.dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; margin-top: 0px !important; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
	.dropdown-item { color: #000000; padding: 5px 15px; font-weight: 400; font-size: 14px; }
	.dropdown-item:focus, .dropdown-item:hover { color: #333; background: #e3e3e3; }
	.navbar-expand-xl .navbar-nav .dropdown-menu li + li { border-top: 1px solid #e3e3e3; }
	.dropdown-submenu { position: relative; }
	.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: 0; display: none; position: absolute; min-width: 320px; }
	.dropdown-submenu:hover > .dropdown-menu { display: block; }
	.dropdown-submenu::after { content: ""; position: absolute; right: 10px; top: 12px; height: 12px; background-image: url(../images/down-arrow.png); width: 12px; background-size: 12px; transform: rotate(-90deg); }
}
.dropdown-submenu .dropdown-item { position: relative; }
.navbar-expand-xl .navbar-nav .nav-link.dropdown-toggle::after, .dropdown-submenu > .dropdown-item::after { display: inline-block; margin-left: 5px; filter: brightness(0); content: ""; border: none; height: 16px; background-image: url(../images/down-arrow.png); background-repeat: no-repeat; background-size: 14px; vertical-align: -3px; width: 16px; right: 10px; }
.dropdown-submenu > .dropdown-item::after { display: none; }
.navbar-toggler { width: 45px; height: 45px; border-radius: 0; cursor: pointer; text-decoration: none; padding: 0; border: 0; background: transparent; margin: 0; position: absolute; top: 0; right: 0; }
.navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus { background: transparent; }
.navbar-toggler:not([class="collapsed"]), .navbar-toggler:not([class="collapsed"]):focus, .navbar-toggler:not([class="collapsed"]):hover { background: transparent; }
.navbar-toggler.collapsed, .navbar-toggler.collapsed:focus, .navbar-toggler.collapsed:hover { background: transparent; }
.navbar-toggler .icon-bar { position: relative; display: inline-block; width: 22px; height: 4px; color: #243238; text-indent: -55px; margin-top: 0; background: transparent !important; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; vertical-align: middle; }
.navbar-toggler .icon-bar:before, .navbar-toggler .icon-bar:after { content: ''; width: 22px; height: 4px; background: #005983; position: absolute; left: 0; transition: all .2s ease-out; }
.navbar-toggler.collapsed .icon-bar { background: #005983 !important; }
.navbar-toggler.collapsed .icon-bar:before, .navbar-toggler.collapsed .icon-bar:after { background: #005983; }
.navbar-toggler.collapsed .icon-bar:before { top: -8px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
.navbar-toggler .icon-bar:before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.navbar-toggler.collapsed .icon-bar:after { bottom: -8px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
.navbar-toggler .icon-bar:after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }

/* Position second-level dropdowns */

/* ================= Header End ================= */
.hero-banner { position: relative; min-height: 500px; display: flex; align-items: center; }
.hero-bg-img::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: #00000042; }
.hero-bg-img { position: absolute; top: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; }
.hero-bg-img img { width: 100%; height: 100%; object-fit: cover; }
.hero-content h1 { color: #fff; font-size: 42px; font-weight: 700; text-align: center; line-height: 1.3; margin-bottom: 16px; }
.hero-content p { color: #fff; font-size: 20px; font-weight: 500; text-align: center; line-height: 1.3; margin-bottom: 20px; }
.swiper-slide-active .hero-content { transform: translateY(0); opacity: 1; }
.hero-content { position: relative; z-index: 2; color: #fff; transform: translateY(50px); opacity: 0; transition: all 0.8s ease-in-out; background: #90ee9061; padding: 20px; border-radius: 4px; }

/* ================= Inner-banner start ================= */
.banner_container { min-height: 220px; position: relative; padding: 60px 0px; display: flex; align-items: center; }
.banner_container h1, .banner_container h2 { font-size: 38px; margin-bottom: 0px; color: #fff; text-align: center; text-transform: uppercase; font-weight: 700; line-height: 44px; }
.banner_container p { margin-top: 12px; }
.banner_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; }
.banner_bg img { width: 100%; height: 100%; object-fit: cover; }
.banner_bg::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, .6); }
.breadcrumb { margin-bottom: 0; text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; margin: 0 auto; padding: 8px 12px; border-radius: 4px; }
.breadcrumb-item, .breadcrumb-item a { font-weight: 400; font-size: 14px; line-height: 16px; color: #fff; transition: all .3s ease-in; white-space: nowrap; display: block; }
.breadcrumb .breadcrumb-item:last-child { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.breadcrumb-item a .breadcrumb-item.active { color: #81ec81; }
.breadcrumb-item { font-weight: 500; text-transform: uppercase; }
.breadcrumb-item+.breadcrumb-item { padding-left: 20px; }
.breadcrumb-item+.breadcrumb-item::before { position: absolute; left: 6px; content: '>'; font-family: monospace; font-weight: 600; font-size: 14px; color: #fff; }
.breadcrumb-item { position: relative; }
.breadcrumb-item.active { color: #8ac908; }
.breadcrumb-item a:hover { color: #e16a00; }

/* ================= Inner-banner End ================= */

/*============================*/
.dark-bg .heading h3 { color: #fff; }
.heading h3 { color: #000; font-size: 28px; margin-bottom: 10px; color: var(--red-color); font-weight: 700; }
.heading p { font-size: 14px; font-weight: 400; color: var(--text-color); color: var(--dark-color); }
.about-img-list { display: flex; flex-wrap: wrap; width: calc(100% + 14px); margin-left: -7px; margin-bottom: -14px; }
.about-img-item { width: 50%; padding: 0px 7px; margin-bottom: 14px; }
.about-img-item:nth-child(1) .about-img, .about-img-item:nth-child(4) .about-img { width: 205px; height: 210px; }
.about-img-item:nth-child(1) .about-img { margin-left: auto; }
.about-img img { width: 100%; height: 100%; object-fit: cover; }
.about-img { border-radius: 6px; background: #fff; overflow: hidden; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border: 1px solid #d1d1d1; padding: 4px; }
.about-img-item:nth-child(2) .about-img, .about-img-item:nth-child(3) .about-img { max-width: 287px; height: 287px; }
.about-img-item:nth-child(3) { margin-top: -104px; }
.about-img-item:nth-child(1) { margin-top: -24px; position: relative; }
.heading { margin-bottom: 20px; }

/*============================*/
.gallery-list { display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px; }
.gallery-item { width: 25%; padding: 0px 5px; margin-bottom: 10px; }
.gallery-box { height: 210px; border-radius: 6px; overflow: hidden; display: block; }
.gallery-box img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; overflow: hidden; display: block; }
.clients-img { max-width: 180px; padding: 4px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border: 1px solid #d1d1d1; border-radius: 4px; }

/*.clients-wrapper .swiper-wrapper { gap: 20px; }*/
.clients-wrapper .swiper-slide { width: auto; }
.gallery-box { display: block; padding: 4px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border: 1px solid #d1d1d1; }

/*============================*/

/*============================*/
.faq-img { max-width: 480px; margin: 0 auto; }
.faq-img img { width: 100%; height: 100%; object-fit: cover; }
.faq-wrapper .nav-tabs { border-bottom: 1px solid #cbcbcb !IMPORTANT; margin-bottom: 30px; display: flex; flex-wrap: nowrap; }
.faq-wrapper .nav-link.active { background: var(--light-color) !IMPORTANT; border-radius: 0; }
.faq-wrapper .nav-link { color: #000; font-weight: 600; font-size: 14px; border-radius: 0; white-space: nowrap; }
.faq-wrapper .nav-link:hover { background: var(--light-color); border-radius: 0; color: #000; }
.faq-wrapper .accordion-button { padding: 12px 12px 12px 24px; border-radius: 0; border: 0; font-size: 14px; font-weight: 600; box-shadow: none !important; background: none; color: #000; }
.faq-wrapper .accordion-body { padding: 0; padding-left: 24px; font-size: 14px; padding-bottom: 12px; }
.faq-wrapper .accordion-item { border: 0; border-bottom: 1px solid #cbcbcb; }
.faq-wrapper .accordion { border-radius: 0 !IMPORTANT; }
.faq-wrapper .accordion-button::after { font-family: "Font Awesome 6 Free"; content: "\2b"; font-weight: 900; color: #000; background-image: none !important; transform: none !important; position: absolute; left: 0; font-size: 14px; top: 50%; transform: translateY(-50%) ! IMPORTANT; }
.faq-wrapper .accordion-button:not(.collapsed)::after { content: "\f068";    /* minus icon */ }

/*============================*/

/*============================*/
.form-wrapper { padding: 24px; border: 1px solid #d1d1d1; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 10px; }
.form-wrapper h4 { font-size: 18px; font-weight: 700; margin-bottom: 16px; }
.form-wrapper .nav-tabs { border: 0; margin-bottom: 20px; border: 1px solid #d1d1d1; border-radius: 50px; padding: 6px 8px; justify-content: space-between; }
.form-wrapper .nav-link.active, .form-wrapper .nav-link:hover { border: 0; background: var(--light-color); font-weight: 500; color: #000000; }
.form-wrapper .nav-link { border-radius: 20px; font-size: 14px; padding: 6px 6px; color: #000; min-width: 150px; }
.form-group label { font-size: 14px; margin-bottom: 5px; }
.form-group + .form-group { margin-top: 13px; }
.form-group { margin-bottom: 10px; }
.form-group .form-control { border: 1px solid #d1d1d1; border-radius: 4px; box-shadow: none !important; font-size: 14px; height: 40px; }
.bill-options input[type="radio"] { display: none; }
.bill-options { gap: 10px; }
.bill-options label { margin: 0 !important; }
.bill-box { border: 1px solid #d1d1d1; border-radius: 5px; padding: 6px 14px; cursor: pointer; user-select: none; transition: 0.2s; }
.bill-options input[type="radio"]:checked + .bill-box { background-color: var(--light-color); border-color: var(--light-color); }
.custom-check input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 15px; height: 15px; cursor: pointer; position: relative; border: 2px solid #d1d1d1; border-radius: 2px; vertical-align: middle; background: #fff; transition: 0.3s; position: absolute; left: 0; top: 5px; }
.custom-check input[type="checkbox"]::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; font-size: 9px; color: #000; left: 2px; top: -6.5px; opacity: 0; transition: 0.3s; }
.custom-check input[type="checkbox"]:checked { background-color: var(--light-color);    /* change color */ border-color: var(--light-color); }
.custom-check input[type="checkbox"]:checked::before { opacity: 1; }
.check-label { cursor: pointer; padding-left: 24px; position: relative; font-size: 12px !important; }
.get-quote-img { width: 100%; padding-bottom: 70%; position: relative; border-radius: 10px; overflow: hidden; }
.get-quote-img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.tab-content h5, .form-wrapper h5 { font-size: 14px; margin-bottom: 8px; font-weight: 600; }
.refer-by { border-bottom: 1px dashed #c5c5c5; padding-bottom: 10px; }
.service-right .form-wrapper { position: sticky; top: 90px; }

/*============================*/

/*============================*/
.blog-list { display: flex; flex-wrap: wrap; width: calc(100% + 24px); margin-left: -12px; margin-bottom: -24px; }
.blog-item { width: 33.33%; padding: 0px 12px; margin-bottom: 24px; }
.blog-box { position: relative; overflow: hidden; border-radius: 5px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border: 1px solid #d1d1d1; }
.blog-img { width: 100%; height: 240px; overflow: hidden; padding: 5px; border-radius: 5px; }
.blog-img img { width: 100%; height: 100%; object-fit: cover; transition: all .3s ease-in; border-radius: 5px 5px 0px 0px; }
.blog-date { position: absolute; top: 20px; left: 20px; text-align: center; background: var(--light-color); padding: 10px 14px; border-radius: 4px; }
.blog-date h5 { font-size: 22px; font-weight: 600; margin: 0; color: var(--dark-color); }
.blog-date h5 span { display: block; font-size: 20px; }
.blog-content { padding: 20px; }
.blog-content h4 { font-size: 18px; margin-bottom: 12px; font-weight: 600; }
.blog-cta { padding: 20px; margin-top: auto; }
.blog-cta a { color: #f0572a; font-size: 14px; }
.blog-cta a i { margin-left: 5px; font-size: 12px; }
.pagination-wrapper .pagination { display: flex; justify-content: center; padding: 1rem 0; list-style: none; margin-top: 24px; }
.pagination-wrapper .pagination li { margin: 0 5px; }
.pagination-wrapper .pagination li a, .pagination li span { display: inline-block; padding: 8px 12px; text-decoration: none; background-color: var(--light-color); color: #000; font-weight: 600; border-radius: 5px; transition: background-color 0.3s ease; }
.pagination-wrapper .pagination li a:hover { background-color: #81ec81; }
.pagination-wrapper .pagination li.active span { background-color: #000; color: #fff; }
.pagination-wrapper .pagination li.disabled span { background-color: #d3d3d3; cursor: not-allowed; }

/*============================*/
.blog-inner-wrapper { padding-right: 40px; position: relative; border-right: 2px dashed #d1d1d1; margin-right: 20px; margin-bottom: -20px; }
.blog-left-side-wrapper { position: sticky; top: 110px; z-index: 1000; }
.blog-inner-content h1 { font-size: 36px; font-weight: 500; color: var(--red-color); margin-bottom: 10px; margin-top: 20px; }
.blog-inner-content h2 { font-size: 30px; font-weight: 500; color: var(--red-color); margin-bottom: 10px; margin-top: 20px; }
.blog-inner-content h3 { font-size: 24px; font-weight: 500; color: var(--red-color); margin-bottom: 10px; margin-top: 20px; }
.blog-inner-content h4 { font-size: 22px; font-weight: 500; color: var(--red-color); margin-bottom: 10px; margin-top: 20px }
.blog-inner-content h5 { font-size: 20px; font-weight: 500; color: var(--red-color); margin-bottom: 10px; margin-top: 20px }
.blog-inner-content h6 { font-size: 18px; font-weight: 500; color: var(--red-color); margin-bottom: 10px; margin-top: 20px }
.blo-inner-content-list li + li { margin-top: 8px; }
.blo-inner-content-list { margin-top: 20px; }
.blo-inner-content-list li { color: #777; padding-left: 24px; position: relative; }
.blo-inner-content-list li::before { position: absolute; content: ''; width: 6px; height: 6px; background: #777; border-radius: 4px; top: 8px; left: 12px; }
.blog-inner-content p { margin-bottom: 0; }
.blog-inner-content p + p { margin-top: 12px; }
.blog-inner-content + .blog-inner-content { margin-top: 44px; }
.blog-inner-img { padding-bottom: 43%; position: relative; margin-bottom: 20px; border-radius: 6px; overflow: hidden; }
.blog-inner-img img { position: absolute; top: 0; left: 0; transition: all .3s ease-in; width: 100%; height: 100%; object-fit: cover; }
.blog-inner-img img:hover { filter: brightness(0.7); }
.blog-right-side-wrapper { position: sticky; top: 100px; z-index: 1000; }
.blog-right-side-wrapper h4 { font-size: 24px; font-weight: 600; padding-left: 14px; position: relative; line-height: 1; }
.recent-post-head h4 { font-size: 18px; font-weight: 500; color: #0a639d; margin-bottom: 20px; }
.recent-post-list li + li { margin-top: 20px; padding-top: 20px; border-top: 1px solid #d7d7d7; }
.recent-post-box {
	position: relative;
	padding-left: 96px;
	height: 100%;
	min-height: 60px;
}
.blog-right-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 100%;
	filter: brightness(0.5);
	border-radius: 4px;
	overflow: hidden;
}
.blog-right-date { font-size: 14px; color: var(--light-color); font-weight: 500; margin-bottom: 2px; line-height: 20px; }
.recent-post-box h5 {
	font-size: 18px;
	font-weight: 500;
	margin: 0;
}
.blog-right-img img { width: 100%; height: 100%; object-fit: cover; }
.blog-title-right { font-size: 14px; font-weight: 500; color: var(--red-color); display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; }
.recent-post-box h6 {
	margin-bottom: 4px;
	font-size: 20px;
}
.blog-posted-list { color: var(--light-color); }

/*============================*/
.office-card { background: #fff; border-radius: 6px; padding: 20px; border: 1px solid #d1d1d1; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; position: relative; overflow: hidden; transition: transform 0.35s ease, box-shadow 0.35s ease; height: 100%; display: flex; flex-flow: column; }
.office-card h5 { color: var(--red-color); margin-bottom: 10px; font-size: 16px; font-weight: 600; }
.office-card span { background: var(--light-color); padding: 2px 12px; border-radius: 20px; font-size: 12px; margin-bottom: 10px; display: inline-block; }
.office-num i { width: 30px; height: 30px; background: rgba(144, 238, 144, 0.3); display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 12px; }
.office-num { display: flex; align-items: center; gap: 6px; font-size: 14px; margin-top: auto; }
.form-panel { border: 1px solid #d1d1d1; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.contact-panel, .form-panel { border-radius: 4px; padding: 24px; height: 100%; }
.contact-panel { background: #000; color: #fff; box-shadow: 0 25px 50px rgba(4, 43, 29, 0.35); }
.contact-panel .eyebrow { color: rgba(255, 255, 255, 0.6); }
.contact-panel h3 { color: #fff; font-size: 32px; font-weight: 600; margin-bottom: 10px; }
.contact-list li { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.contact-list li:last-child { border-bottom: 0; }
.contact-list span { width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 255, 255, 0.15); display: inline-flex; align-items: center; justify-content: center; font-size: 18px; }
.contact-list a { color: #fff; font-weight: 600; }
.contact-list .label { margin-bottom: 4px; opacity: 0.7; }

/*============================*/
.service-wrapper { display: flex; flex-wrap: wrap; }
.service-left { width: calc(100% - 434px); padding-right: 50px; }
.service-right { width: 434px; }
.service-right .form-wrapper .nav-link { min-width: 110px; padding: 5px 10px; font-size: 12px; }
.service-right .form-group .form-control { height: 36px; }
.service-right .form-group label.bill-box { height: 36px; }
.service-content-wrapper { display: flex; }
.service-content-left { width: calc(100% - 250px); padding-right: 20px; }
.service-content-right { width: 250px; }
.service-content-list li { font-size: 14px; line-height: 20px; }
.service-content-list li strong { font-weight: 600; }
.service-content-list li + li { margin-top: 6px; }
.service-content-wrapper.type-2 { flex-direction: row-reverse; }
.service-content-wrapper.type-2 .service-content-left { padding-right: 0; padding-left: 20px; }
.service-content-wrapper + .service-content-wrapper { margin-top: 30px; }
.service-content-right img { width: 100%; height: 100%; object-fit: cover; }
.service-content-left h6 { font-size: 16px; font-weight: 600; margin-bottom: 9px; color: var(--red-color); }
.service-content-wrapper-type-2 .service-content-left { width: 100%; }
.service-content-wrapper-type-2 { flex-wrap: wrap; flex-direction: column-reverse; }
.service-content-wrapper-type-2 .service-content-right { width: 100%; margin-bottom: 20px; height: 300px; }
.service-content-wrapper.type-2.service-content-wrapper-type-2 .service-content-left { padding: 0; padding-bottom: 20px; }

/*============================*/

/*=====================================*/
.job-card-list { display: flex; flex-wrap: wrap; width: calc(100% + 24px); margin-left: -12px; margin-bottom: -24px; }
.job-card-item { width: 50%; margin-bottom: 24px; padding: 0px 12px; }
.job-card { background: #fff; padding: 20px; border-radius: 8px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border: 1px solid #d1d1d1; }
.job-info-head h3 { font-size: 18px; margin-bottom: 4px; font-weight: 500; }
.job-tags { display: flex; gap: 18px; margin-bottom: 10px; }
.job-tags span { font-size: 12px; border-radius: 20px; }
.job-tags span i { margin-right: 4px; }
.job-info-head { padding-right: 120px; position: relative; min-height: 60px; width: 100%; border-bottom: 1px dashed #c5c5c5; margin-bottom: 15px; }
.job-info-head-logo { position: absolute; top: 0; right: 0; width: 120px; }
.job-info-head-logo img { width: 100%; height: 100%; object-fit: contain; }
.job-info p { font-size: 14px; line-height: 21px; margin-bottom: 2px; }
.job-info-bttom { margin-top: auto; padding-top: 6px; }
.job-info-head h5 { font-size: 14px; color: var(--primary-color); margin: 0; font-weight: 500; }
.job-info-bttom span { font-size: 14px; color: #555; }
.job-info-bttom .btn { min-width: 120px; font-size: 12px; padding: 6px 12px; }
.text-content { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: 0.3s; }
.text-content.expanded { -webkit-line-clamp: unset;    /* show full text */ }
.read-toggle { font-size: 12px; }
.job-apply-modal .modal { z-index: 99999; }
.job-apply-modal .modal-title { font-size: 20px; font-weight: 500; color: var(--red-color); }
.job-apply-modal .btn-close { width: 30px !important; height: 30px !important; background: var(--light-color); opacity: 1; border-radius: 50%; padding: 0; color: #000; font-size: 14px; display: flex; align-items: center; justify-content: center; }
.modal-content { background: #f5f5f5; border-radius: 6px; }
.upload-box { width: 100%; padding: 16px; border: 2px dashed #b5b5b5; border-radius: 6px; text-align: center; cursor: pointer; transition: 0.3s; background: #fafafa; }
.upload-box:hover { border-color: var(--light-color); background: #f0fff4; }
.upload-box i { font-size: 30px; color: var(--light-color); margin-bottom: 6px; }
.upload-box p { margin: 0; font-weight: 400; }
.upload-box span { font-size: 13px; color: #777; }
.job-apply-modal .modal-title { font-size: 16px; }
.job-apply-modal .modal-header { padding: 20px 24px 10px; }
.job-apply-modal .modal-body { padding: 10px 24px; }
.job-apply-modal .modal-footer { padding: 10px 24px 20px; }

/*=====================================*/

/*============================*/
.service-list { display: flex; gap: 20px; max-width: 1400px; margin: 0 auto; align-items: stretch; }
.service_card { flex: 1; height: 440px; border-radius: 6px; overflow: hidden; position: relative; cursor: pointer; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.service_card:first-child { flex: 2; }
.service_card:first-child .service_card_description { opacity: 1; transform: translateY(0); }
.service_card.active { flex: 2; }
.service_card.active .service_card-description { opacity: 1; transform: translateY(0); }
.container:has(.service_card.active) .service_card:not(.active) { flex: 1; }
.service_card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%); z-index: 1; transition: opacity 0.6s ease; }
.service_card:hover::before { opacity: 0.5; }
.service_card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.service_card:hover img { transform: scale(1.1); }
.service_card:hover { flex: 2; }
.container:has(.service_card:hover) .service_card:not(:hover):not(.active) { flex: 1; }
.container:has(.service_card:hover) .service_card:not(:hover) .service_card-description { opacity: 0; transform: translateY(20px); }
.service_card_content { position: absolute; bottom: 30px; left: 30px; right: 30px; z-index: 2; color: white; }
.service_card_title { font-size: 20px; font-weight: 700; margin-bottom: 10px; opacity: 1; transition: all 0.6s ease; }
.service_card_description { font-size: 14px; line-height: 20px; transition: all 0.6s ease; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
.service_card:hover .service_card_description { opacity: 1; transform: translateY(0); }
@media (max-width:968px) {
	.service-list { flex-direction: column; }
	.service_card { height: 350px; }
	.service_card:hover { flex: 1; }
}
.stats-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; justify-items: center; text-align: center; padding-left: 300px; }
.stat-box { color: #fff; padding: 14px; width: 100%; }
.stat-box i { font-size: 40px; margin-bottom: 20px; }
.stat-number .counter { font-size: 34px; line-height: 1; margin-bottom: 10px; font-weight: 700; }
.stat-label { margin-top: 8px; font-size: 14px; font-weight: 600; }
.stats-truck-img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 30vw; display: flex; align-items: center; justify-content: center; }
.stats-truck-img img {    /* width: 100%; */
height: 100%; object-fit: contain; margin-left: auto; }
.stat-number { font-size: 40px; font-weight: 500; }

/*===============================*/
.ptc-content-wrapper h3 { font-size: 30px; font-weight: 500; color: var(--red-color); margin-bottom: 10px; }
.ptc-content-item + .ptc-content-item { margin-top: 20px; }
.ptc-content-item h5 { font-size: 18px; font-weight: 600; color: var(--red-color); margin-bottom: 10px; }
.ptc-content-item p { margin-bottom: 0; font-size: 14px; }
.ptc-content-list { margin-top: 10px; padding-left: 40px; }
.ptc-content-list li::before { position: absolute; content: ''; width: 6px; height: 6px; background: var(--red-color); border-radius: 5px; left: 0; top: 8px; }
.ptc-content-list li { position: relative; padding-left: 20px; font-size: 14px; }
.ptc-content-list li + li { margin-top: 8px; }
.ptc-content-list li strong { font-weight: 600; }

/*===============================*/

/* ================= Footer Start ================= */
#footer { background: #000000; color: #fff; position: relative; overflow: hidden; }
.footer-upper { padding-top: 60px; position: relative; z-index: 9; }
.footer-conent { padding-bottom: 54px; }
.footer-left { width: 33%; padding-right: 5%; }
.footer-logo { width: 190px; margin-bottom: 18px; }
.footer-logo img { width: 100%; }
.footer-left p { color: #ffffff; font-size: 14px; }
.footer-right { width: 67%; }
.footer-menu-box h6 { font-size: 18px; line-height: 25px; margin-bottom: 14px; color: var(--light-color); }
.footer-menu-list li+li { margin-top: 6px; }
.foorer-right-content { width: calc(100% + 30px); margin-left: -15px; justify-content: space-between; }
.footer-menu-box { padding: 0 15px; width: 30%; }
.footer-contact-list li { padding-left: 25px; position: relative; line-height: 20px; }
.footer-contact-list li+li { margin-top: 15px; }
.footer-contact-list li span { position: absolute; left: 0; top: 4px; left: 0; width: 36px; display: block; height: 25px; }
.footer-contact-list { padding-right: 12px; }
.social-media { padding: 0; gap: 10px; }
.social-media a { border-radius: 35.2962px; font-size: 16px; color: var(--text-color); }
.social-media a+a { margin-left: 15px; }
.social-media a:hover { box-shadow: none; }
.footer-lower { padding: 12px 0px; text-align: center; font-size: 14px; line-height: 24px; font-weight: 300; letter-spacing: .5px; position: relative; border-top: 1px solid #ffffff29; background: var(--light-color); }
.footer-menu-link { font-weight: normal; color: var(--text-color); font-size: 14px; }
.footer-contact-list li { color: #ffffff; font-weight: 400; font-size: 14px; }
.footer-shocket { display: flex; justify-content: space-between; flex-wrap: wrap; color: #000000; }
.copyright { font-size: 14px; font-weight: normal; }
.footer-shocket-list { display: flex; gap: 10px; }
.footer-shocket-list li { font-size: 14px; }
.footer-shocket-list li a:hover { color: var(--red-color); }
.footer-menu-list li { position: relative; padding-left: 20px; }
.footer-menu-link { color: #ffffff; }
.footer-menu-list li::before { position: absolute; content: ''; width: 12px; height: 12px; background: none; border-radius: 50%; left: 0; border: 1px solid #ffffffa3; top: 6px;    /* opacity: .5; */ }
.footer-menu-list li::after { width: 5px; height: 5px; background: #ffffffa3; left: 3.6px; position: absolute; content: ""; border-radius: 50%; top: 9.5px;    /* opacity: .5; */ }
.footer-contact-list li span img { width: 100%; height: 100%; object-fit: cover; }
.footer-menu-box:nth-child(3) { width: 40%; }

/* ================= Footer End ================= */

/* ================= Content Start ================= */
.content-container { padding: 60px 0; }

/* ================= Content End ================= */

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
	body { padding-top: 80px; }
	.navbar { width: 100%; height: 80px; }
	.navbar-toggler { width: 54px; height: 40px; height: 60px; order-radius: 0; cursor: pointer; text-decoration: none; padding: 0; border: 0; background: transparent; margin: 0; position: absolute; right: 0; top: 50%; z-index: 999; transform: translateY(-50%); }
	.navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus { background: transparent; }
	.navbar-toggler:not([class="collapsed"]), .navbar-toggler:not([class="collapsed"]):focus, .navbar-toggler:not([class="collapsed"]):hover { background: transparent; box-shadow: none !important; }
	.navbar-toggler.collapsed, .navbar-toggler.collapsed:focus, .navbar-toggler.collapsed:hover { background: transparent; }
	.home .navbar-toggler.collapsed, .home .navbar-toggler.collapsed:focus, .home .navbar-toggler.collapsed:hover { background: transparent; }
	.navbar-toggler .navbar-toggler-icon { position: relative; display: inline-block; width: 22px; height: 2.5px; color: #243238; border-radius: 5px; text-indent: -55px; margin-top: 0; background: transparent !important; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; vertical-align: middle; }
	.navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after { content: ''; width: 22px; height: 2.5px; background: #000; position: absolute; left: 0; transition: all .2s ease-out; border-radius: 5px; }
	.navbar-toggler.collapsed .navbar-toggler-icon { background: #000 !important; }
	.navbar-toggler.collapsed .navbar-toggler-icon:before, .navbar-toggler.collapsed .navbar-toggler-icon:after { background: #000; }
	.navbar-toggler.collapsed .navbar-toggler-icon:before { top: -7px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
	.navbar-toggler .navbar-toggler-icon:before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
	.navbar-toggler.collapsed .navbar-toggler-icon:after { bottom: -7px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
	.navbar-toggler .navbar-toggler-icon:after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
	.header-right { position: relative; z-index: 999; margin-right: 50px; }
	.navbar-collapse, .navbar-collapse.collapsing { position: fixed; top: 80px; left: 0; background: #fff; padding: 0; z-index: 99; margin: 0; border: 0; overflow-y: auto; bottom: 0; width: 100%; height: 0; display: block !important; transition: all .3s cubic-bezier(0.77, 0.2, 0.05, 1.0); }
	.navbar .collapse.show { height: calc(100vh - 80px); }
	.navbar-inside { height: calc(100vh - 80px); padding: 0 15px; display: flex; flex-flow: column; }
	.navbar-expand-xl .navbar-nav .nav-item { padding: 0; margin: 0; border-bottom: solid 1px #cecece; }
	.navbar-expand-xl .navbar-nav .nav-link { font-size: 14px; line-height: 30px; padding: 8px 0; position: relative; color: #333; font-weight: 500; }
	.navbar-nav.sm-collapsible .sub-arrow { border: 0; margin: 0; width: auto; font-size: 30px; line-height: 60px; top: 0; height: 60px; color: #000; width: 40px; }
	.dropdown-menu { background: transparent; border: 0; padding: 0; margin: 0 0 20px 0; }
	.dropdown-item { padding: 4px 20px 4px 20px; }
	.dropdown-item:focus, .dropdown-item:hover { color: #f00; background: transparent; }
	.content-container { padding: 50px 0; }
	.navbar-expand-xl .navbar-nav .nav-link.dropdown-toggle::after { right: 10px; position: absolute; top: 50%; transform: translateY(-50%); }
	.navbar-expand-xl .navbar-nav .nav-link.dropdown-toggle::after, .dropdown-submenu > .dropdown-item::after { display: inline-block; margin-left: 5px; filter: brightness(0); content: ""; border: none; height: 16px; background-image: url(../images/down-arrow.png); background-repeat: no-repeat; background-size: 14px; vertical-align: -3px; width: 16px; right: 10px; position: absolute; top: 50%; transform: translateY(-50%); }
	.dropdown-submenu > .dropdown-item::after { display: block; }
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
	.stats-list { padding: 0; }
	.stats-truck-img { display: none; }
	.blog-item { width: 50%; }
	.gallery-item { width: 33.33%; }
	.about-img-list { max-width: 600px; margin: 0 auto; margin-top: 20px; }
	.footer-left { width: 100%; max-width: 500px; margin: 0 auto; text-align: center; margin-bottom: 20px; }
	.social-media { justify-content: center; }
	.footer-logo { width: 250px; margin: 0 auto; margin-bottom: 10px; }
	.footer-right { width: 100%; }
	.hero-content h1 { font-size: 42px; line-height: 48px; }
	.heading h3 { font-size: 33px; }
	.faq-wrapper .nav-tabs { overflow-x: scroll; overflow-y: hidden; }
	.faq-wrapper .nav-tabs::-webkit-scrollbar { height: 0; }
	.service-left { width: 100%; padding: 0; }
	.service-right { width: 100%; margin-bottom: 24px; }
	.service-wrapper { flex-direction: column-reverse; }
	.header-right { text-align: center; padding: 0; margin: 0; padding-top: 20px; }
	.sticky-cta { background: #f5f5f5; padding: 12px 20px; text-align: center; position: sticky; bottom: 0; z-index: 999; }
	.sticky-cta .btn { padding: 9px 22px; font-weight: 500; }
	.sticky-cta p { margin-bottom: 8px; font-weight: 500; }
	.blog-inner-wrapper { padding: 0; margin: 0; border: 0; }
	.blog-right-side-wrapper { margin-top: 20px; }
	.blog-right-side-wrapper h4 { padding-left: 0; font-size: 20px; }
	.get-quote-slider { margin-bottom: 20px; }
	.job-card-item { width: 100%; }
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width:767.98px) {
	body { padding-top: 60px; }
	.navbar { height: 60px; }
	.navbar-collapse, .navbar-collapse.collapsing { top: 60px; }
	.navbar .collapse.show { height: calc(100vh - 60px); }
	.navbar-inside { height: calc(100vh - 60px); }
	.content-container { padding: 40px 0; }
	.footer-menu-box:nth-child(3) { width: 100%; margin-top: 20px; }
	.footer-menu-box { width: 50%; }
	.hero-content h1 { font-size: 36px; line-height: 42px; }
	.heading h3 { font-size: 27px; }
	.stat-number { font-size: 27px; }
	.stat-number .counter { font-size: 30px; }
	.footer-shocket-list { justify-content: center; width: 100%; margin-top: 10px; }
	.navbar-brand { max-width: 140px; }
	.gallery-box { height: 160px; }
	.footer-contact-list li { padding-left: 30px; }
	.footer-logo { max-width: 140px; }
	.banner_container { min-height: 250px; }
	.banner_container h1, .banner_container h2 { font-size: 40px; line-height: 48px; }
	.service-content-wrapper { flex-wrap: wrap; }
	.service-content-left { width: 100%; padding: 0; margin-bottom: 10px; }
	.service-content-right { width: 100%; }
	.form-wrapper { padding: 16px; }
	.service-content-wrapper.type-2 .service-content-left { padding: 0; }
	.blog-inner-content h1 { font-size: 33px; margin-top: 16px; }
	.blog-inner-content h2 { font-size: 27px; margin-top: 16px; }
	.blog-inner-content h3 { font-size: 22px; margin-top: 16px; }
	.blog-inner-content h4 { font-size: 20px; margin-top: 16px }
	.blog-inner-content h5 { font-size: 18px; margin-top: 16px }
	.blog-inner-content h6 { font-size: 16px; margin-top: 16px }
	.contact-panel h3 { font-size: 27px; }
	.faq-wrapper .nav-link { line-height: 17px; }
	.about-img-item { padding: 0; }
	.footer-menu-box h6 { font-size: 14px; font-weight: 600; margin-bottom: 6px; }
	.footer-menu-list li+li { margin-top: 3px; }
	.footer-menu-list li { padding-left: 18px; }
	.job-info-head { padding-right: 70px; margin-bottom: 10px; min-height: auto; padding-bottom: 10px; }
	.job-info-head-logo { width: 70px; }
	.job-card { padding: 14px; }
	.job-info-head h3 { font-size: 16px; }
	.job-info p { font-size: 12px; line-height: 18px; }
	.job-apply-modal .modal-title { font-size: 16px; }
	.job-apply-modal .modal-header { padding: 10px; }
	.job-apply-modal .modal-body { padding: 10px; }
	.job-apply-modal .modal-footer { padding: 10px; }
	.job-apply-modal .btn-close { width: 24px ! IMPORTANT; height: 24px ! IMPORTANT; font-size: 12px; }
	.ptc-content-wrapper h3 { font-size: 24px; }
	.ptc-content-item h5 { font-size: 16px; margin-bottom: 6px; }
	.ptc-content-list { padding-left: 0px; }
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width:575.98px) {
	.blog-item { width: 100%; }
	.gallery-item { width: 50%; }
	.hero-content h1 { font-size: 30px; line-height: 36px; margin-bottom: 10px; }
	.hero-content p { font-size: 16px; line-height: 1.2; margin-bottom: 10px; font-weight: 400; }
	.heading h3 { font-size: 22px; }
	.about-img-item:nth-child(3), .about-img-item:nth-child(4) { display: none; }
	.about-img-item:nth-child(2) .about-img, .about-img-item:nth-child(3) .about-img { margin-top: 100px; height: 200px; }
	.about-img-item { width: 60%; }
	.about-img-list { flex-wrap: nowrap; }
	.about-img-item:nth-child(2) { margin-left: -77px; margin-top: -40px; }
	.banner_container h1, .banner_container h2 { font-size: 27px; line-height: 34px; }
	.form-wrapper .nav-tabs { padding: 4px 5px; justify-content: space-between; gap: 5px; margin-bottom: 10px; }
	.banner_container { min-height: 180px; }
	.blog-inner-content h1 { font-size: 30px; margin-top: 16px; }
	.blog-inner-content h2 { font-size: 26px; margin-top: 16px; }
	.blog-inner-content h3 { font-size: 20px; margin-top: 16px; }
	.blog-inner-content h4 { font-size: 18px; margin-top: 16px }
	.blog-inner-content h5 { font-size: 16px; margin-top: 16px }
	.blog-inner-content h6 { font-size: 14px; margin-top: 16px }
	.sticky-cta p { font-size: 12px; margin-bottom: 3px; }
	.heading { margin-bottom: 20px; }
	.contact-panel h3 { font-size: 22px; margin-bottom: 6px; }
	.form-wrapper .nav-link { min-width: 76px; font-size: 10px; line-height: 16px; }
	.form-group label { font-size: 12px; margin-bottom: 2px; }
	.form-group .form-control { height: 36px; }
	.job-tags { flex-wrap: wrap; gap: 10px; }
	.job-info-bttom .btn { min-width: 100px; }
}
@media (max-width:375.98px) {
	.form-wrapper .nav-link { min-width: 60px; font-size: 9px; }
}