@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Unbounded:wght@200..900&display=swap");
:root { --primary: #020202; --secondary: #444444; --border: #D8DDE1; --theme: #FA5E07; --theme-2: #F6B800; --smoke: #FFF7F3; --smoke-2: #ECF1F5; --black: #020202; --black-2: #4f5259; --white: #FFFFFF; --white-2: #A7ACB5; --action: #FA5E07; }
:root { --font_unbounded: "Unbounded", sans-serif; --font_poppins: "Poppins", sans-serif; --font_awesome: 'Font Awesome 6 pro'; }
* { margin: 0px; padding: 0px; }
body { font-family: var(--font_poppins); font-weight: 500; font-size: 16px; line-height: 26px; color: var(--secondary); }
html { scroll-behavior: smooth; }
h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; color: var(--primary); line-height: 1.14; font-family: var(--font_unbounded); font-weight: 600; }
ul, ol { padding: 0px; margin: 0px; }
a { text-decoration: none; transition: 0.3s; color: inherit; }
a:hover { color: var(--primary); }
button { background-color: transparent; border: 0px; }
p { padding: 0px; margin: 0px; }
strong { font-weight: 500; }
video, iframe, img { margin: 0px; padding: 0px; }
img { max-width: 100%; }
@media only screen and (max-width: 767px) {
  br { display: none; }
}
main { display: inline-block; width: 100%; }
h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 32px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
.t_parallax_image { overflow: hidden; }
@keyframes t-Bubble { 
  0% { scale: 1; }
  50% { scale: 1.5; }
  100% { scale: 1; }
}
@keyframes t-Zoom { 
  0% { scale: 1; }
  50% { scale: 0.5; }
  100% { scale: 1; }
}
@keyframes t-Zoom_2 { 
  0% { scale: 1; }
  50% { scale: 0.9; }
  100% { scale: 1; }
}
@keyframes t-slide-X { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(50px); }
  100% { transform: translateX(0px); }
}
@keyframes t-slide-Y { 
  0% { transform: translateY(0px); }
  50% { transform: translateY(50px); }
  100% { transform: translateY(0px); }
}
@keyframes t-reveal { 
  100% { opacity: 1; filter: blur(0px); }
}
@keyframes t-fadeUp { 
  0% { opacity: 0; transform: translateY(50px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes t-spinner { 
  100% { transform: rotateZ(360deg); }
}
@keyframes t-spin-y { 
  100% { transform: rotateY(360deg); }
}
@keyframes t-characters { 
  0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); }
  25%, 50% { opacity: 1; transform: rotateY(0deg); }
}
@keyframes t-sheen { 
  50% { transform: translateY(-20px); color: var(--primary); }
}
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: rgb(214, 214, 214); }
::-webkit-scrollbar-thumb { background: rgb(136, 136, 136); }
::-webkit-scrollbar-thumb:hover { background: rgb(85, 85, 85); }
.ui-pos-rel { position: relative; }
.ui-pos-abs { position: absolute; }
.ui-ov-hidden { overflow: hidden; }
.ui-container-1350 { max-width: 1350px; }
.ui-container-1410 { max-width: 1410px; }
.ui-container-1550 { max-width: 1550px; }
.ui-container-1670 { max-width: 1670px; }
.ui-container-1710 { max-width: 1710px; }
.ui-container-1800 { max-width: 1800px; }
.ui-container-1830 { max-width: 1830px; }
.ui-container-1890 { max-width: 1890px; }
.ui-bg-primary { background-color: var(--primary); }
.ui-bg-white { background-color: var(--white); }
.ui-bg-smoke { background-color: var(--smoke); }
.ui-bg-black { background-color: var(--black); }
.dark .ui-bg-black { background-color: rgb(23, 23, 23); }
.ui-bg-light-gray { background-color: rgb(240, 240, 240); }
.dark .ui-bg-light-gray { background-color: rgb(33, 33, 33); }
.ui-bg-light { background-color: rgb(248, 242, 239); }
.dark .ui-bg-light { background-color: rgb(17, 17, 17); --primary: #F8F2EF; }
.ui-color-white { color: var(--white); }
.ui-color-primary { color: var(--primary); }
.ui-color-theme { color: var(--theme); }
.text-gray { color: rgb(85, 85, 85); }
.dark .text-gray { color: rgb(153, 153, 153); }
.ui-light { color: rgb(248, 242, 239); }
.agency-body-border { border-right: 1px solid rgba(17, 17, 17, 0.2); border-left: 1px solid rgba(17, 17, 17, 0.2); }
.dark .agency-body-border { border-color: rgba(255, 255, 255, 0.2); }
@media only screen and (max-width: 767px) {
  .agency-body-border { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
}
.round-6 { border-radius: 6px; }
.round-10 { border-radius: 10px; }
.ui-grid-xl-4 { display: grid; grid-template-columns: repeat(4, 1fr); }
@media only screen and (max-width: 1199px) {
  .ui-grid-xl-4 { grid-template-columns: repeat(3, 1fr); }
}
@media only screen and (max-width: 991px) {
  .ui-grid-xl-4 { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .ui-grid-xl-4 { grid-template-columns: repeat(1, 1fr); }
}
.ui-gap-30 { gap: 30px; }
.ui-grid-auto { grid-template-columns: auto !important; }
.ui-bg-full { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.ui-bg-full img { width: 100%; height: 100%; object-fit: cover; }
.p-relative { position: relative; }
.pos-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }
.parallax-view { overflow: hidden; }
.section-subtitle { font-weight: 600; font-size: 18px; line-height: 14px; text-transform: capitalize; color: var(--theme); display: flex; gap: 15px; align-items: center; white-space: nowrap; }
@media only screen and (max-width: 1199px) {
  .section-subtitle { font-size: 16px; }
}
@media (max-width: 575px) {
  .section-subtitle { flex-wrap: wrap; white-space: normal; }
}
.subtitle-line-first { width: 35px; height: 2px; display: inline-block; background-color: currentcolor; }
.subtitle-line-last { width: 35px; height: 2px; display: inline-block; background-color: currentcolor; }
.go-down { width: 28px; height: 28px; background-color: var(--primary); color: var(--white); display: flex; align-items: center; justify-content: center; font-size: 12px; border-radius: 50%; }
.dark .go-down { color: var(--black); }
.section-title { font-size: 50px; text-transform: unset; }
@media only screen and (max-width: 1919px) {
  .section-title { font-size: 45px; }
}
@media only screen and (max-width: 1399px) {
  .section-title { font-size: 40px; }
}
@media only screen and (max-width: 1199px) {
  .section-title { font-size: 36px; }
}
@media only screen and (max-width: 991px) {
  .section-title { font-size: 34px; }
}
@media only screen and (max-width: 767px) {
  .section-title { font-size: 32px; }
}
@media (max-width: 575px) {
  .section-title { font-size: 28px; }
}
.section-spacing { padding-top: 120px; padding-bottom: 120px; }
@media only screen and (max-width: 1919px) {
  .section-spacing { padding-top: 100px; padding-bottom: 100px; }
}
@media only screen and (max-width: 1399px) {
  .section-spacing { padding-top: 60px; padding-bottom: 60px; }
}
@media only screen and (max-width: 1199px) {
  .section-spacing { padding-top: 60px; padding-bottom: 60px; }
}
.section-spacing-top { padding-top: 120px; }
@media only screen and (max-width: 1919px) {
  .section-spacing-top { padding-top: 100px; }
}
@media only screen and (max-width: 1399px) {
  .section-spacing-top { padding-top: 80px; }
}
@media only screen and (max-width: 1199px) {
  .section-spacing-top { padding-top: 60px; }
}
.section-spacing-bottom { padding-bottom: 120px; }
@media only screen and (max-width: 1919px) {
  .section-spacing-bottom { padding-bottom: 100px; }
}
@media only screen and (max-width: 1399px) {
  .section-spacing-bottom { padding-bottom: 80px; }
}
@media only screen and (max-width: 1199px) {
  .section-spacing-bottom { padding-bottom: 60px; }
}
.container { --bs-gutter-x: 30px; }
@media (min-width: 1600px) {
  .container.full-hd { max-width: 1920px; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; }
}
.text-invert > div { background-image: linear-gradient(to right, var(--primary) 50%, #CDC9C6 51%); background-size: 200% 100%; background-position-x: 100%; color: transparent; background-clip: text; }
.offcanvas-overlay { position: fixed; height: 100%; width: 100%; background: rgb(0, 0, 0); z-index: 900; top: 0px; right: 0px; opacity: 0; visibility: hidden; transition: 0.5s; }
.offcanvas-overlay.overlay-open { opacity: 0.5; visibility: visible; }
.side-info-close { font-size: 20px; padding: 0px; transition: 0.3s linear; background-color: transparent; color: var(--black); width: 40px; height: 40px; border: 1px solid var(--black); border-radius: 50%; line-height: 38px; }
.dark .side-info-close { border-color: var(--white); color: var(--white); }
.side-info-close:hover { transform: rotate(90deg); }
.side-info { background: var(--white) none repeat scroll 0 0; padding: 40px 45px; position: fixed; right: 0px; top: 0px; width: 500px; height: 100%; transform: translateX(calc(100% + 80px)); transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out; z-index: 9999; overflow-y: scroll; overscroll-behavior-y: contain; scrollbar-width: none; }
.dark .side-info { background-color: rgb(31, 31, 31); }
@media only screen and (max-width: 1199px) {
  .side-info { width: 460px; }
}
@media (max-width: 575px) {
  .side-info { width: 100%; padding: 30px 20px; }
}
.side-info ::-webkit-scrollbar { display: none; }
.side-info.info-open { opacity: 1; transform: translateX(0px); }
.offset-header { display: flex; justify-content: space-between; align-items: center; }
.offset-logo { width: 150px; }
@media (max-width: 575px) {
  .offset-logo { width: 100px; }
}
.offset-logo img { width: 100%; }
.offset-button { margin-top: 40px; }
@media (min-width: 576px) {
  .offset-button { display: none; }
}
.offset-widget-box { margin-top: 40px; }
.offset-widget-box .title { font-size: 24px; line-height: 1.33; margin-bottom: 15px; }
@media only screen and (max-width: 1919px) {
  .offset-widget-box .title { margin-bottom: 22px; }
}
.offset-widget-box .contact-meta > :not(:first-child) { margin-top: 16px; }
.offset-widget-box .contact-item { display: flex; align-items: center; gap: 14px; }
.offset-widget-box .contact-item span { color: var(--primary); font-weight: 500; }
.offset-widget-box .contact-item span a:hover { color: var(--secondary); }
.offset-widget-box .contact-item .icon { width: 40px; min-width: 40px; height: 40px; display: inline-flex; border: 1px solid var(--border); justify-content: center; align-items: center; border-radius: 50%; color: var(--primary); }
.mobile-menu { margin-top: 40px; }
@media (min-width: 1301px) {
  .mobile-menu { display: none; }
}
.mobile-menu.mean-container .mean-nav > ul { padding: 0px; margin: 0px; width: 100%; list-style-type: none; display: block !important; }
.mobile-menu.mean-container .mean-nav > ul > li:last-child > a { border-bottom: 1px solid var(--border); }
.mobile-menu.mean-container .mean-nav { background: none; margin-top: 0px; }
.mobile-menu.mean-container .mean-nav .new { font-size: 10px; font-weight: 600; background: rgb(255, 163, 142); color: rgb(153, 153, 153); padding: 3px 7px; line-height: 1; display: flex; align-items: center; border-radius: 2px; }
.mobile-menu.mean-container .mean-nav ul li a { width: 100%; padding: 15px 0px; padding-inline-start: 0px; font-weight: 500; font-size: 18px; line-height: 1; color: var(--primary); text-transform: capitalize; border-top: 1px solid var(--border); display: flex; gap: 8px; justify-content: flex-start; align-items: center; outline: none; transform: translateY(var(--y)) translateZ(0); transition: transform 0.4s, box-shadow 0.4s; box-sizing: border-box; opacity: 1; }
@media only screen and (max-width: 767px) {
  .mobile-menu.mean-container .mean-nav ul li a { font-size: 20px; }
}
.mobile-menu.mean-container .mean-nav ul li a:hover { color: var(--primary); }
.mobile-menu.mean-container .mean-nav ul li a.mean-expand { width: 100%; height: 48px; justify-content: end; font-weight: 300; background-color: transparent; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
@media only screen and (max-width: 767px) {
  .mobile-menu.mean-container .mean-nav ul li a.mean-expand { height: 50px; }
}
.mobile-menu.mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(255, 255, 255, 0.1); opacity: 1; }
.mobile-menu.mean-container .mean-nav ul li li:first-child { border-top: 1px solid var(--border); }
.mobile-menu.mean-container .mean-nav ul li li a { font-size: 16px; text-transform: capitalize; padding: 12px 0px; padding-inline-start: 15px; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; }
.mobile-menu.mean-container .mean-nav ul li li a.mean-expand { height: 58px; }
@media only screen and (max-width: 991px) {
  .mobile-menu.mean-container .mean-nav ul li li a.mean-expand { height: 25px; }
}
@media only screen and (max-width: 767px) {
  .mobile-menu.mean-container .mean-nav ul li li a.mean-expand { height: 22px; }
}
.mobile-menu.mean-container .mean-nav ul li li li:last-child { border-bottom: 1px solid var(--border); }
.mobile-menu.mean-container .mean-nav ul li li li a { padding-left: 40px; }
.mobile-menu.mean-container .mean-bar { padding-bottom: 30px; background: none; overflow-y: scroll; }
.mobile-menu.mean-container .mean-bar::-webkit-scrollbar { width: 0px; }
.mobile-menu.mean-container a.meanmenu-reveal { display: none !important; }
.header-sticky { transition: 0.5s; }
.transformed { top: 0px; left: 0px; right: 0px; width: 100%; z-index: 800; transform: translateY(-100%); position: fixed !important; }
.transformed .header-area-inner { height: 80px; }
.sticky { top: 0px; left: 0px; right: 0px; width: 100%; z-index: 800; background-color: rgb(255, 255, 255); transform: translateY(0%); position: fixed !important; }
.sticky .header-area-inner { height: 80px; }
.page-title-wrapper { margin-top: 30px; margin-bottom: 45px; }
@media only screen and (max-width: 991px) {
  .page-title-wrapper { margin-bottom: 10px; }
}
.page-title-wrapper .page-title { font-size: 140px; font-weight: 400; line-height: 130px; letter-spacing: -7px; }
@media only screen and (max-width: 1399px) {
  .page-title-wrapper .page-title { font-size: 120px; letter-spacing: -5px; }
}
@media only screen and (max-width: 1199px) {
  .page-title-wrapper .page-title { font-size: 100px; line-height: 110px; letter-spacing: -3px; }
}
@media only screen and (max-width: 991px) {
  .page-title-wrapper .page-title { font-size: 75px; line-height: 85px; letter-spacing: 0px; }
}
@media only screen and (max-width: 767px) {
  .page-title-wrapper .page-title { font-size: 55px; line-height: 65px; }
}
@media (max-width: 575px) {
  .page-title-wrapper .page-title { font-size: 32px; line-height: 40px; }
}
.page-title-wrapper .page-title span { font-family: var(--font_ppeditor); }
.side-info-4 { top: 0px; left: 0px; z-index: 0; width: 100vw; height: 100vh; position: fixed; text-align: left; padding: 0px 100px; overflow-y: scroll; background: var(--white); clip-path: inset(0px 0px 100%); transition: clip-path 0.9s ease-in-out, opacity 0.9s ease-in-out; }
.dark .side-info-4 { background-color: var(--black); }
@media only screen and (max-width: 991px) {
  .side-info-4 { padding: 0px 20px; }
}
.side-info-4.info-open { opacity: 1; z-index: 99999999; clip-path: inset(0px); }
.side-info-4 .offcanvas-4 .offset-header { padding-top: 25px; display: flex; align-items: center; padding-bottom: 24px; justify-content: space-between; border-bottom: 1px solid var(--border); }
.side-info-4 .offcanvas-4 .offset-header h6 { color: var(--secondary); font-size: 16px; font-weight: 400; line-height: 18px; letter-spacing: -0.48px; margin-right: auto; }
@media only screen and (max-width: 767px) {
  .side-info-4 .offcanvas-4 .offset-header h6 { display: none; }
}
.side-info-4 .offcanvas-4 .offset-header .date { color: var(--secondary); font-size: 16px; font-weight: 400; line-height: 18px; font-family: var(--font_bdogrotesk); letter-spacing: -0.48px; }
@media only screen and (max-width: 767px) {
  .side-info-4 .offcanvas-4 .offset-header .date { display: none; }
}
.side-info-4 .offcanvas-4 .offset-logo { width: 95px; margin-right: 225px; }
@media only screen and (max-width: 767px) {
  .side-info-4 .offcanvas-4 .offset-logo { margin-right: 0px; }
}
.side-info-4 .offcanvas-4 .offset-logo img { width: 100%; }
.side-info-4 .offcanvas-4 .contact-meta { display: grid; margin-bottom: 92px; grid-template-columns: 325px auto 182px; }
.side-info-4 .offcanvas-4 .contact-meta :not(:first-child) { margin-top: 0px; }
@media only screen and (max-width: 1919px) {
  .side-info-4 .offcanvas-4 .contact-meta { grid-template-columns: 200px auto 182px; }
}
.side-info-4 .offcanvas-4 .contact-item { gap: 0px; flex-direction: column; align-items: flex-start; }
.side-info-4 .offcanvas-4 .contact-item .title { color: rgb(153, 153, 153); font-size: 18px; font-weight: 400; line-height: 20px; letter-spacing: -0.54px; margin-bottom: 30px; }
.dark .side-info-4 .offcanvas-4 .contact-item .title { color: rgb(85, 85, 85); }
.side-info-4 .offcanvas-4 .contact-item .socail-media li { list-style: none; }
.side-info-4 .offcanvas-4 .contact-item .socail-media li a { list-style: none; font-size: 18px; font-weight: 400; line-height: 50px; color: var(--primary); letter-spacing: -0.54px; font-family: var(--font_bdogrotesk); }
.side-info-4 .offcanvas-4 .contact-item .socail-media li a:hover { color: var(--secondary); }
.side-info-4 .offcanvas-4 .contact-item .nav-list li { list-style: none; transform: translateY(-20px); }
.side-info-4 .offcanvas-4 .contact-item .nav-list li a { color: var(--secondary); font-size: 90px; font-weight: 400; line-height: 100px; letter-spacing: -4.5px; font-family: var(--font_bdogrotesk); }
@media only screen and (max-width: 1919px) {
  .side-info-4 .offcanvas-4 .contact-item .nav-list li a { font-size: 80px; }
}
.side-info-4 .offcanvas-4 .contact-item .nav-list li a:hover { color: var(--primary); }
.side-info-4 .offcanvas-4 .contact-item .info a { font-size: 18px; position: relative; font-weight: 400; line-height: 20px; color: var(--primary); font-family: var(--font_bdogrotesk); }
.side-info-4 .offcanvas-4 .contact-item .info a::before { left: 0px; bottom: 0px; content: ""; width: 100%; height: 2px; position: absolute; transition: 0.3s; background: currentcolor; }
.side-info-4 .offcanvas-4 .contact-item .info a:hover { color: rgb(85, 85, 85); }
.side-info-4 .offcanvas-4 .contact-item .info a:hover::before { width: 0px; }
.side-info-4 .offcanvas-4-media { max-width: 440px; height: 290px; right: 30px; bottom: 30px; overflow: hidden; position: absolute; border-radius: 15px; }
.side-info-4 .offcanvas-4-media img { width: 100%; height: 100%; object-fit: cover; }
.side-info-4 .offcanvas-4 .side-info-close { width: 200px; height: 70px; display: flex; font-size: 16px; font-weight: 400; line-height: 20px; padding: 29px 25px; border-radius: 15px; color: var(--primary); align-items: center; background-color: rgb(243, 243, 243); letter-spacing: -0.48px; justify-content: space-between; font-family: var(--font_bdogrotesk); border: 1px solid var(--border); }
.dark .side-info-4 .offcanvas-4 .side-info-close { background-color: rgb(27, 27, 27); }
.side-info-4 .offcanvas-4 .side-info-close:hover { transform: rotate(0deg); border-color: transparent; background-color: var(--black); color: var(--white); }
.dark .side-info-4 .offcanvas-4 .side-info-close:hover { background-color: var(--white); color: var(--black); }
.text-invert > div { background-image: linear-gradient(to right, var(--primary) 50%, rgba(17, 17, 17, 0.3) 50%); background-size: 200% 100%; background-position-x: 100%; color: transparent; background-clip: text; }
.sidebar-category-box { background-color: var(--smoke); padding: 40px; border-radius: 20px; }
@media only screen and (max-width: 1919px) {
  .sidebar-category-box { padding: 30px; }
}
@media only screen and (max-width: 1199px) {
  .sidebar-category-box { padding: 20px; }
}
.sidebar-category-box .sidebar-title { font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .sidebar-category-box .sidebar-title { font-size: 24px; }
}
@media only screen and (max-width: 767px) {
  .sidebar-category-box .sidebar-title { font-size: 20px; }
}
.sidebar-category-box .title-line { display: flex; gap: 5px; overflow: hidden; }
.sidebar-category-box .title-line span { width: 40px; height: 4px; background-color: var(--theme); display: inline-block; transform: skewX(45deg); }
@media only screen and (max-width: 767px) {
  .sidebar-category-box .title-line span { height: 3px; }
}
.sidebar-category-box .title-line span:nth-child(1) { margin-left: -4px; }
.sidebar-category-box .title-line span:nth-child(2) { width: 16px; }
.sidebar-category-box .sidebar-category-list { margin-top: 30px; display: grid; gap: 20px; }
@media only screen and (max-width: 1199px) {
  .sidebar-category-box .sidebar-category-list { gap: 10px; }
}
.sidebar-category-box .sidebar-category-list li { list-style: none; }
.sidebar-category-box .sidebar-category-list li a { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; display: flex; justify-content: space-between; align-items: center; color: var(--black); background-color: var(--white); padding: 10px 10px 10px 25px; border-radius: 50px; transition: 0.3s; }
.sidebar-category-box .sidebar-category-list li a:hover { background-color: var(--theme); color: var(--white); }
.sidebar-category-box .sidebar-category-list li a:hover .icon { background-color: var(--white); color: var(--theme); }
.sidebar-category-box .sidebar-category-list li a .icon { width: 40px; height: 40px; background-color: var(--theme); display: inline-flex; justify-content: center; align-items: center; color: var(--white); border-radius: 50%; transition: 0.3s; }
.sidebar-category-box .sidebar-title + .title-line { margin-top: 15px; }
.sidebar-newsletter-box { background-color: var(--theme); padding: 40px; border-radius: 20px; }
@media only screen and (max-width: 1919px) {
  .sidebar-newsletter-box { padding: 30px; }
}
@media only screen and (max-width: 1199px) {
  .sidebar-newsletter-box { padding: 20px; }
}
.sidebar-newsletter-box .sidebar-title { font-weight: 600; font-size: 30px; line-height: 36px; text-transform: capitalize; color: var(--white); }
@media only screen and (max-width: 1199px) {
  .sidebar-newsletter-box .sidebar-title { font-size: 24px; }
}
@media only screen and (max-width: 767px) {
  .sidebar-newsletter-box .sidebar-title { font-size: 20px; }
}
.sidebar-newsletter-box .title-line { display: flex; gap: 5px; overflow: hidden; }
.sidebar-newsletter-box .title-line span { width: 40px; height: 4px; background-color: var(--white); display: inline-block; transform: skewX(45deg); }
@media only screen and (max-width: 767px) {
  .sidebar-newsletter-box .title-line span { height: 3px; }
}
.sidebar-newsletter-box .title-line span:nth-child(1) { margin-left: -4px; }
.sidebar-newsletter-box .title-line span:nth-child(2) { width: 16px; }
.sidebar-newsletter-box .sidebar-title + .title-line { margin-top: 15px; }
.sidebar-newsletter-box .sidebar-newsletter-wrapper { margin-top: 22px; }
.sidebar-newsletter-box .sidebar-newsletter-content .text { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); }
.sidebar-newsletter-box .sidebar-newsletter-form { margin-top: 23px; width: 100%; }
.sidebar-newsletter-box .sidebar-newsletter-form .input-field input { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-weight: 500; font-size: 14px; line-height: 24px; color: var(--black); width: 100%; padding: 18px 30px; border-radius: 30px; }
.sidebar-newsletter-box .sidebar-newsletter-form .input-field input::placeholder { color: var(--secondary); }
.sidebar-newsletter-box .sidebar-newsletter-form .input-field .ui-btn { padding: 13px 30px; background-color: var(--black); border-color: transparent; font-size: 16px; line-height: 22px; border-radius: 30px; margin-top: 20px; }
.sidebar-search-box { background-color: var(--smoke); padding: 40px; border-radius: 20px; }
@media only screen and (max-width: 1919px) {
  .sidebar-search-box { padding: 30px; }
}
@media only screen and (max-width: 1199px) {
  .sidebar-search-box { padding: 20px; }
}
.sidebar-search-box .sidebar-title { font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .sidebar-search-box .sidebar-title { font-size: 24px; }
}
@media only screen and (max-width: 767px) {
  .sidebar-search-box .sidebar-title { font-size: 20px; }
}
.sidebar-search-box .title-line { display: flex; gap: 5px; overflow: hidden; }
.sidebar-search-box .title-line span { width: 40px; height: 4px; background-color: var(--theme); display: inline-block; transform: skewX(45deg); }
@media only screen and (max-width: 767px) {
  .sidebar-search-box .title-line span { height: 3px; }
}
.sidebar-search-box .title-line span:nth-child(1) { margin-left: -4px; }
.sidebar-search-box .title-line span:nth-child(2) { width: 16px; }
.sidebar-search-box .sidebar-search-form { margin-top: 30px; }
.sidebar-search-box .sidebar-search-form .input-field input { font-weight: 500; font-size: 14px; line-height: 24px; color: var(--black); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; width: 100%; height: 60px; border-radius: 30px; padding: 0px 30px; background-color: var(--white); }
.sidebar-search-box .sidebar-search-form .input-field input::placeholder { color: var(--secondary); }
.sidebar-search-box .sidebar-search-form .input-field .ui-btn { padding: 19px 30px; border-radius: 30px; margin-top: 20px; }
.sidebar-search-box .sidebar-title + .title-line { margin-top: 15px; }
.sidebar-blog-box { background-color: var(--smoke); padding: 40px; border-radius: 20px; }
@media only screen and (max-width: 1919px) {
  .sidebar-blog-box { padding: 30px; }
}
@media only screen and (max-width: 1199px) {
  .sidebar-blog-box { padding: 20px; }
}
.sidebar-blog-box .sidebar-title { font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .sidebar-blog-box .sidebar-title { font-size: 24px; }
}
@media only screen and (max-width: 767px) {
  .sidebar-blog-box .sidebar-title { font-size: 20px; }
}
.sidebar-blog-box .title-line { display: flex; gap: 5px; overflow: hidden; }
.sidebar-blog-box .title-line span { width: 40px; height: 4px; background-color: var(--theme); display: inline-block; transform: skewX(45deg); }
@media only screen and (max-width: 767px) {
  .sidebar-blog-box .title-line span { height: 3px; }
}
.sidebar-blog-box .title-line span:nth-child(1) { margin-left: -4px; }
.sidebar-blog-box .title-line span:nth-child(2) { width: 16px; }
.sidebar-blog-box .sidebar-blog-wrapper { display: grid; gap: 20px; }
.sidebar-blog-box .sidebar-blog-wrapper-box { margin-top: 30px; margin-right: 30px; }
@media only screen and (max-width: 1199px) {
  .sidebar-blog-box .sidebar-blog-wrapper-box { margin-right: 0px; }
}
.sidebar-blog-box .sidebar-blog { display: flex; gap: 5px 20px; align-items: center; }
@media (max-width: 575px) {
  .sidebar-blog-box .sidebar-blog { flex-direction: column; align-items: flex-start; }
}
.sidebar-blog-box .sidebar-blog .thumb { width: 100px; min-width: 100px; height: 100px; border-radius: 10px; overflow: hidden; }
.sidebar-blog-box .sidebar-blog .thumb img { width: 100%; }
.sidebar-blog-box .sidebar-blog .date { font-weight: 500; font-size: 16px; line-height: 26px; display: flex; gap: 10px; align-items: center; }
.sidebar-blog-box .sidebar-blog .date i { color: var(--theme); }
.sidebar-blog-box .sidebar-blog .title { font-weight: 600; font-size: 16px; line-height: 22px; margin-top: 5px; }
.sidebar-blog-box .sidebar-blog .title a:hover { color: var(--theme); }
.sidebar-blog-box .sidebar-title + .title-line { margin-top: 15px; }
.ui-pagination { display: flex; gap: 10px; flex-wrap: wrap; }
.ui-pagination a { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 1; color: var(--black); width: 60px; height: 60px; display: inline-flex; justify-content: center; align-items: center; border: 1px solid var(--theme); border-radius: 50%; background-color: var(--smoke); }
@media only screen and (max-width: 1199px) {
  .ui-pagination a { width: 50px; height: 50px; }
}
.ui-pagination a:hover:not(.active) { background-color: var(--theme); border-color: transparent; color: var(--white); }
.ui-pagination a.active { background-color: var(--theme); border-color: transparent; color: var(--white); }
.ui-hover-displacement-image { position: relative; }
.ui-hover-displacement-image canvas { position: absolute; inset: 0px; }
.modal { background-color: var(--primary); z-index: 99999; }
.modal-content { background-color: transparent; border: 0px; }
.form-search input { width: 100%; height: 55px; background: transparent; border: 0px; color: var(--white); }
.form-search input:focus { outline: 0px; }
.form-search { display: flex; gap: 10px; border: 1px solid rgb(25, 36, 43); border-radius: 70px; padding: 0px 15px; }
.form-search button i { color: var(--white); }
.btn-close { content: ""; font-family: icomoon; font-size: 16px; opacity: 1; filter: brightness(100) contrast(0); border-radius: 50px; width: 2em; height: 2em; border: 1px solid var(--white); position: absolute; inset-inline-end: 20px; top: 20px; transition: unset; }
.image-shadow-anim { position: relative; overflow: hidden; }
.image-shadow-anim:hover::after { height: 250%; transition: 600ms linear; background-color: transparent; }
.image-shadow-anim::after { content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, 0.3); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; }
.section-title { overflow: hidden; }
.section-title .word { white-space: nowrap; display: inline-block; }
.section-title .char { display: inline-block; }
body { opacity: 0; }
html { --container-max-widths: 1320px; }
@media only screen and (max-width: 1399px) {
  html { --container-max-widths: 1140px; }
}
@media only screen and (max-width: 1199px) {
  html { --container-max-widths: 960px; }
}
@media only screen and (max-width: 991px) {
  html { --container-max-widths: 720px; }
}
@media only screen and (max-width: 767px) {
  html { --container-max-widths: 540px; }
}
.body-wrapper { background-color: var(--white); }
.body-wrapper.dark { background-color: var(--black); }
.body-wrapper.page-inner { background-color: rgb(238, 240, 246); }
.anim-reveal { overflow: hidden; }
.anim-reveal-line { overflow: hidden; }
.color-white { color: var(--white); }
.color-black { color: var(--black); }
.color-primary { color: var(--primary); }
.color-secondary { color: var(--secondary); }
.theme-bg-white { background-color: var(--white); }
.theme-bg-black { background-color: var(--black); }
.dark .theme-bg-black { background-color: rgb(23, 23, 23); }
.theme-bg-primary { background-color: var(--primary); }
.theme-bg-secondary { background-color: var(--secondary); }
.theme-bg-transparent { background-color: transparent; }
.theme-bg-theme { background-color: var(--theme); }
.zi-1 { z-index: 1; }
.zi-2 { z-index: 2; }
.zi-0 { z-index: 0; }
.zi--1 { z-index: -1; }
.text-underline { text-decoration: underline 2px; text-underline-offset: 5px; text-decoration-skip-ink: none; }
.header__area-6 { position: unset; }
.vertically-center { height: 100%; display: flex; flex-direction: column; justify-content: center; }
.text-indent-40 { text-indent: 40px; }
.text-indent-50 { text-indent: 50px; }
header { margin-bottom: -1px; z-index: 100; }
section { margin-bottom: -1px; }
.mb--1 { margin-bottom: -1px; }
.dir-rtl { direction: rtl; }
.show-light { display: inline-block; }
.dark .show-light { display: none; }
.show-dark { display: none; }
.dark .show-dark { display: inline-block; }
.line-divider-sm { height: 0.5px; background-color: var(--black-9); }
.admin-bar header, .admin-bar .body-wrapper { margin-top: 32px; }
.swiper, .swiper-container { direction: ltr; }
.border-e-0 { border-inline-end: 0px !important; }
.border-s-0 { border-inline-start: 0px !important; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { overflow-x: hidden; }
.construction-loader { position: fixed; inset: 0px; width: 100%; height: 100vh; background: rgb(17, 17, 17); z-index: 999999; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.loader-grid { position: absolute; inset: 0px; background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px); background-size: 60px 20px; }
.loader-svg { position: absolute; width: 100%; height: 110vh; top: 0px; left: 0px; fill: var(--primary); }
.loader-content { position: relative; z-index: 10; text-align: center; }
.helmet-wrap { display: flex; justify-content: center; margin-bottom: 30px; }
.helmet { position: relative; width: 120px; height: auto; animation: 1.8s ease-in-out 0s infinite normal none running helmetBounce; }
.helmet svg { width: 100%; height: auto; }
@keyframes helmetBounce { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
}
.loader-title { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; font-family: var(--font_unbounded); font-size: 90px; font-weight: 600; line-height: 1.14; color: rgb(255, 255, 255); letter-spacing: 8px; text-transform: uppercase; }
.loader-title span { display: inline-block; animation: 1s ease 0s infinite alternate none running letterGlow; }
.loader-title span:nth-child(1) { animation-delay: 0s; }
.loader-title span:nth-child(2) { animation-delay: 0.1s; }
.loader-title span:nth-child(3) { animation-delay: 0.2s; }
.loader-title span:nth-child(4) { animation-delay: 0.3s; }
.loader-title span:nth-child(5) { animation-delay: 0.4s; }
.loader-title span:nth-child(6) { animation-delay: 0.5s; }
.loader-title span:nth-child(7) { animation-delay: 0.6s; }
.loader-title span:nth-child(8) { animation-delay: 0.7s; }
.loader-subtitle { margin-top: 18px; color: rgb(204, 204, 204); font-size: 18px; letter-spacing: 4px; text-transform: uppercase; }
@keyframes letterGlow { 
  0% { opacity: 0.7; transform: translateY(0px); color: rgb(253, 126, 20); }
  100% { opacity: 1; transform: translateY(-10px); color: var(--theme); }
}
@keyframes loadingBar { 
  0% { width: 0%; }
  100% { width: 100%; }
}
@keyframes helmetBounce { 
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}
@media (max-width: 1600px) {
  .loader-title { font-size: 60px; letter-spacing: 2px; }
  .loader-subtitle { font-size: 16px; letter-spacing: 2px; }
  .progress-wrap { width: 240px; }
  .helmet { width: 100px; }
}
@media (max-width: 768px) {
  .loader-title { font-size: 40px; letter-spacing: 1px; }
  .loader-subtitle { font-size: 14px; letter-spacing: 2px; }
  .progress-wrap { width: 240px; }
  .helmet { width: 80px; }
}
.scroll__down { display: flex; gap: 20px; align-items: center; }
.scroll__down p { font-weight: 500; font-size: 14px; line-height: 1.9; text-transform: uppercase; color: var(--white); }
.scroll__down span { width: 66px; height: 106px; border: 1px solid var(--black-6); display: flex; align-items: center; justify-content: center; border-radius: 89px; }
.scroll__down span i { color: var(--white); }
.scroll__down-wrapper { height: 425px; display: flex; align-items: center; justify-content: center; }
@media only screen and (max-width: 1399px) {
  .scroll__down-wrapper { height: 380px; }
}
@media only screen and (max-width: 1199px) {
  .scroll__down-wrapper { height: 350px; }
}
@media only screen and (max-width: 767px) {
  .scroll__down-wrapper { height: auto; padding: 40px 0px; }
}
.scroll-top { width: 50px; height: 50px; position: fixed; right: 15px; bottom: 0px; z-index: 9999; background: var(--white); border-radius: 100px; mix-blend-mode: exclusion; opacity: 0; visibility: hidden; transition: 0.5s; }
.scroll-top.showed { opacity: 1; visibility: visible; bottom: 20px; }
.go-top-writer { width: 105px; font-size: 16px; cursor: pointer; text-align: left; color: var(--white); background-image: url("../imgs/writer/go-top.html"); background-position: right center; background-repeat: no-repeat; right: 16%; visibility: hidden; opacity: 0; z-index: 9; transition: 0.5s; }
.go-top-writer:hover { color: var(--primary); }
.go-top-writer.showed { opacity: 1; visibility: visible; bottom: 20px; }
@media only screen and (max-width: 767px) {
  .go-top-writer br { display: block; }
}
.progress-wrap { position: fixed; right: 20px; bottom: 20px; height: 50px; width: 50px; cursor: pointer; display: block; border-radius: 50px; z-index: 99; opacity: 0; visibility: hidden; transform: translateY(-100px); transition: 300ms linear; }
.progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0px); background-color: var(--theme); }
.progress-wrap::after { position: absolute; content: ""; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; text-align: center; line-height: 50px; font-size: 18px; color: var(--white); left: 0px; top: 0px; height: 50px; width: 50px; cursor: pointer; display: block; z-index: 1; transition: 200ms linear; border-radius: 50px; }
.dark .progress-wrap::after { color: var(--black); }
.progress-wrap svg path { fill: var(--black-6); }
.progress-wrap svg.progress-circle path { fill: var(--theme); stroke: transparent; stroke-width: 5; box-sizing: border-box; transition: 200ms linear; }
.light .scroll__down p { color: var(--black); }
.light .scroll__down span { border-color: var(--white-3); }
.light .scroll__down span i { color: var(--black); }
.light.go-top-writer { color: var(--black); background-color: transparent; background-image: url("../imgs/writer/go-top-light.html"); }
.light.progress-wrap { margin: 0px; background-color: transparent; }
.light.progress-wrap svg path { fill: var(--black); }
.light.progress-wrap::after { color: var(--white); }
.ui-btn { justify-content: center; position: relative; overflow: hidden; z-index: 5; padding: 20px 34px; background-color: var(--theme); color: var(--white); border: 1px solid var(--theme); font-style: normal; font-weight: 500; font-size: 18px; line-height: 1; display: inline-flex; align-items: center; text-transform: capitalize; white-space: nowrap; }
.dark .ui-btn { color: var(--black); }
@media only screen and (max-width: 1919px) {
  .ui-btn { padding: 16px 29px; font-size: 14px; }
}
.ui-btn:hover::before, .ui-btn:focus::before { height: 100%; }
.ui-btn:hover .btn-wrap .text-one, .ui-btn:focus .btn-wrap .text-one { transform: translateY(-150%); }
.ui-btn:hover .btn-wrap .text-two, .ui-btn:focus .btn-wrap .text-two { top: 50%; transform: translateY(-50%); color: var(--black); }
.dark .ui-btn:hover .btn-wrap .text-two, .dark .ui-btn:focus .btn-wrap .text-two { color: var(--white); }
.ui-btn::after { display: block; clear: both; content: ""; }
.ui-btn::before { background-color: var(--white); content: ""; width: 100%; height: 0px; bottom: 0px; position: absolute; transition: 0.5s; }
.dark .ui-btn::before { background-color: var(--black); }
.ui-btn .btn-wrap { z-index: 1; float: left; overflow: hidden; position: relative; display: inline-block; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.ui-btn .btn-wrap .text-one, .ui-btn .btn-wrap .text-two { display: flex; gap: 10px; align-items: center; }
.ui-btn .btn-wrap .text-one { position: relative; color: var(--white); transition: 0.5s; }
.dark .ui-btn .btn-wrap .text-one { color: var(--black); }
.ui-btn .btn-wrap .text-two { position: absolute; top: 100%; color: var(--white); transition: 0.5s; }
.dark .ui-btn .btn-wrap .text-two { color: var(--black); }
.ui-btn.btn-white { border-color: transparent; background-color: var(--white); }
.ui-btn.btn-white::before { background-color: var(--theme); }
.ui-btn.btn-white .text-one, .ui-btn.btn-white .text-two { gap: 119px; display: flex; }
@media only screen and (max-width: 1399px) {
  .ui-btn.btn-white .text-one, .ui-btn.btn-white .text-two { gap: 100px; }
}
@media only screen and (max-width: 1199px) {
  .ui-btn.btn-white .text-one, .ui-btn.btn-white .text-two { gap: 50px; }
}
@media only screen and (max-width: 767px) {
  .ui-btn.btn-white .text-one, .ui-btn.btn-white .text-two { gap: 20px; }
}
.ui-btn.btn-white .btn-wrap .text-one { color: var(--primary); }
.ui-btn.btn-white .btn-wrap .text-two { color: var(--white); }
.ui-btn.btn-border { border: 1px solid rgba(17, 17, 17, 0.15); background-color: transparent; color: var(--black); padding: 25px 42px; }
.ui-btn.btn-border:hover, .ui-btn.btn-border:focus { border-color: transparent; color: white; }
.ui-btn.btn-border:hover .text-two, .ui-btn.btn-border:focus .text-two { color: rgb(249, 249, 249); }
.ui-btn.btn-border .btn-wrap .text-one { color: var(--black); }
.ui-btn.btn-border .btn-wrap .text-two { color: var(--white); }
.ui-btn.btn-border-white { border: 1px solid rgba(252, 247, 243, 0.1); background-color: transparent; }
.ui-btn-plus { position: relative; width: 100%; overflow: hidden; z-index: 5; padding: 20px 50px 20px 33px; background-color: var(--white); color: var(--black); border-radius: 20px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 1; display: inline-flex; gap: 10px; align-items: center; justify-content: space-between; text-transform: uppercase; }
.dark .ui-btn-plus { background-color: var(--black); color: var(--black); }
@media only screen and (max-width: 1199px) {
  .ui-btn-plus { padding: 10px 20px 10px 18px; }
}
@media (max-width: 575px) {
  .ui-btn-plus { font-size: 14px; }
}
.ui-btn-plus:hover .icon::before, .ui-btn-plus:focus .icon::before { transform: scale(30); }
.ui-btn-plus:hover .btn-wrap .text-one, .ui-btn-plus:focus .btn-wrap .text-one { transform: translateY(-150%); }
.ui-btn-plus:hover .btn-wrap .text-two, .ui-btn-plus:focus .btn-wrap .text-two { top: 50%; transform: translateY(-50%); color: var(--black); }
.dark .ui-btn-plus:hover .btn-wrap .text-two, .dark .ui-btn-plus:focus .btn-wrap .text-two { color: var(--black); }
.ui-btn-plus .icon { width: 60px; height: 60px; display: inline-flex; justify-content: center; align-items: center; position: relative; font-size: 48px; }
.ui-btn-plus .icon::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: rgb(255, 216, 12); top: 0px; left: 0px; border-radius: 50%; z-index: -1; transition: 0.7s; }
.ui-btn-plus .btn-wrap { z-index: 1; float: left; overflow: hidden; position: relative; display: inline-block; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.ui-btn-plus .btn-wrap .text-one, .ui-btn-plus .btn-wrap .text-two { display: flex; align-items: center; }
.ui-btn-plus .btn-wrap .text-one { position: relative; display: block; color: var(--black); transition: 0.5s; }
.dark .ui-btn-plus .btn-wrap .text-one { color: var(--white); }
.ui-btn-plus .btn-wrap .text-two { position: absolute; top: 100%; display: block; color: var(--black); transition: 0.5s; }
.dark .ui-btn-plus .btn-wrap .text-two { color: var(--black); }
.ui-btn-underline { font-size: 18px; font-weight: 400; line-height: 36px; letter-spacing: -0.02em; color: var(--primary); position: relative; display: inline-flex; align-items: center; gap: 5px; padding-bottom: 0px; white-space: nowrap; }
.ui-btn-underline:hover::before { width: 0px; }
.ui-btn-underline:hover i { rotate: 0deg; }
.ui-btn-underline::before { position: absolute; content: ""; inset-inline-start: 0px; bottom: 0px; width: 100%; height: 2px; background-color: currentcolor; transition: 0.3s; }
.ui-btn-underline i { font-size: 17px; font-weight: 400; rotate: -50deg; transition: 0.3s; }
@keyframes mask_animation { 
  0% { mask-position: 0px 0px; }
  100% { mask-position: 100% 0px; }
}
@keyframes mask_animation_2 { 
  0% { mask-position: 100% 0px; }
  100% { mask-position: 0px 0px; }
}
.btn-hover-default { transition: 0.5s; }
.btn-hover-default:hover { color: var(--black); background-color: var(--white); }
.btn-hover-cross { overflow: hidden; position: relative; transition: 1s; }
.btn-hover-cross::after { position: absolute; content: ""; width: 150%; height: 0%; left: 50%; top: 50%; background-color: var(--primary); transform: translateX(-50%) translateY(-50%) rotate(0deg); transition: 0.75s; opacity: 0.5; z-index: -1; }
.btn-hover-cross:hover { border-color: var(--primary); background-color: transparent; }
.btn-hover-cross:hover::after { height: 120%; opacity: 1; }
.btn-hover-divide { overflow: hidden; position: relative; transition: 1s; z-index: 1; }
.btn-hover-divide::after { position: absolute; content: ""; width: 150%; height: 0%; left: 50%; top: 50%; background-color: var(--primary); transform: translateX(-50%) translateY(-50%) rotate(90deg); transition: 0.75s; opacity: 0.5; z-index: -1; }
.btn-hover-divide:hover { border-color: transparent; background-color: transparent !important; }
.btn-hover-divide:hover::after { height: 400%; opacity: 1; }
.btn-hover-cropping { overflow: hidden; position: relative; transition: 1s; }
.btn-hover-cropping::after { position: absolute; content: ""; width: 150%; height: 0%; left: 50%; top: 50%; background-color: var(--primary); transform: translateX(-50%) translateY(-50%) rotate(25deg); transition: 0.75s; opacity: 0.5; z-index: -1; }
.btn-hover-cropping:hover { border-color: var(--primary); background-color: transparent; }
.btn-hover-cropping:hover::after { height: 400%; opacity: 1; }
.btn-hover-mask { gap: 10px; display: inline-flex; align-items: center; padding: 15px 30px; position: relative; overflow: hidden; transition: 0.5s; border-radius: 5px; color: var(--white); font-weight: 400; font-size: 16px; border: 1px solid var(--white); z-index: 1; }
.btn-hover-mask::after { display: flex; align-items: center; justify-content: center; color: var(--black); position: absolute; content: attr(data-text); cursor: pointer; width: 100%; height: 100%; left: 0px; top: 0px; background-color: var(--white); mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.webp") 0% 0% / 2300% 100%; animation: 0.7s steps(22) 0s 1 normal forwards running mask_animation_2; }
.btn-hover-mask:hover { color: var(--white); }
.btn-hover-mask:hover::after { animation: 0.7s steps(22) 0s 1 normal forwards running mask_animation; }
.btn-rollover-top { position: relative; transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.btn-rollover-top::before { position: absolute; left: 0px; bottom: 0px; height: 0px; width: 100%; z-index: -1; content: ""; background-color: var(--primary); transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.btn-rollover-top:hover { border-color: var(--primary); background-color: transparent; }
.btn-rollover-top:hover::before { top: 0%; bottom: auto; height: 100%; }
.btn-rollover-left { position: relative; transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.btn-rollover-left::before { position: absolute; top: 0px; right: 0px; height: 100%; width: 0px; z-index: -1; content: ""; background-color: var(--primary); transition: 0.4s cubic-bezier(0.42, 0, 0.58, 1); }
.btn-rollover-left:hover { border-color: var(--primary); background-color: transparent; }
.btn-rollover-left:hover::before { left: 0%; right: auto; width: 100%; }
.btn-rollover-cross { overflow: hidden; position: relative; transition: 0.5s; }
.btn-rollover-cross::before { position: absolute; content: ""; width: 100%; height: 100%; bottom: 100%; left: 100%; opacity: 0; border-bottom: 3px solid var(--primary); border-left: 3px solid var(--primary); transition: 0.75s; }
.btn-rollover-cross::after { position: absolute; content: ""; width: 100%; height: 100%; top: 100%; right: 100%; opacity: 0; border-top: 3px solid var(--primary); border-right: 3px solid var(--primary); transition: 0.75s; }
.btn-rollover-cross:hover { border-color: transparent; color: var(--primary); }
.btn-rollover-cross:hover::before { bottom: 0px; left: 0px; opacity: 1; width: 100%; height: 100%; }
.btn-rollover-cross:hover::after { top: 0px; right: 0px; opacity: 1; width: 100%; height: 100%; }
.btn-parallal-border { overflow: hidden; position: relative; transition: 0.5s; }
.btn-parallal-border::before { position: absolute; content: ""; width: 0%; height: 0%; bottom: 0px; left: 0px; opacity: 0; border-bottom: 3px solid var(--primary); border-left: 3px solid var(--primary); border-radius: 5px; transition: 0.75s; }
.btn-parallal-border::after { position: absolute; content: ""; width: 0%; height: 0%; top: 0px; right: 0px; opacity: 0; border-top: 3px solid var(--primary); border-right: 3px solid var(--primary); border-radius: 5px; transition: 0.75s; }
.btn-parallal-border:hover { border-color: transparent; color: var(--primary); }
.btn-parallal-border:hover::before { opacity: 1; width: 100%; height: 100%; }
.btn-parallal-border:hover::after { opacity: 1; width: 100%; height: 100%; }
.circle-text { width: 140px; height: 140px; position: relative; border-radius: 100px; background-color: var(--theme); display: flex; align-items: center; justify-content: center; padding: 14px; }
@media only screen and (max-width: 991px) {
  .circle-text { width: 120px; height: 120px; }
}
.circle-text::before { content: ""; width: 100px; height: 100px; position: absolute; border-radius: 500px; background-color: var(--white); }
.circle-text .text { width: 100%; height: 100%; padding: 10px; position: absolute; animation: 8s linear 0s infinite normal none running textRotation; }
@keyframes textRotation { 
  100% { transform: rotate(360deg); }
}
.circle-text .icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.play-btn { position: relative; }
.play-btn::after, .play-btn::before { position: absolute; left: 0px; top: 0px; content: ""; border-radius: 50%; width: 100%; height: 100%; border: 1px solid var(--theme); animation-name: popupBtn; animation-duration: 1.8s; animation-timing-function: linear; animation-iteration-count: infinite; }
.play-btn::before { animation-delay: 0.8s; }
@keyframes popupBtn { 
  0% { transform: scale(1); opacity: 0.6; }
  50% { transform: scale(1.3); opacity: 0.3; }
  100% { transform: scale(1.6); opacity: 0; }
}
.ui-btn-dashed-border { display: inline-flex; gap: 12px; align-items: center; }
.ui-btn-dashed-border:hover { gap: 19px; }
.ui-btn-dashed-border:hover .btn-icon::before { animation: 10s linear 0s infinite normal none running t-spinner; }
.ui-btn-dashed-border .btn-icon { width: 44px; height: 44px; background-color: var(--theme); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; position: relative; transition: 0.3s; }
@media only screen and (max-width: 1199px) {
  .ui-btn-dashed-border .btn-icon { width: 36px; height: 36px; }
}
.ui-btn-dashed-border .btn-icon::before { position: absolute; content: ""; width: 100%; height: 100%; outline: 1.5px dashed var(--theme); border-radius: 50%; top: 0px; left: 0px; transition: 0.3s; }
.ui-btn-dashed-border .btn-text { font-family: var(--font_unbounded); font-weight: 500; font-size: 18px; line-height: 24px; text-transform: capitalize; color: var(--primary); transition: 0.3s; }
@media only screen and (max-width: 1199px) {
  .ui-btn-dashed-border .btn-text { font-size: 16px; }
}
.main-menu.menu-dark > ul > li > a { color: var(--black); }
.main-menu.menu-light > ul > li > a { color: var(--white); }
.main-menu > ul { display: flex; }
.main-menu > ul > li:hover > a { color: var(--secondary); }
.main-menu > ul > li:hover > ul { opacity: 1; pointer-events: all; inset-inline-start: 0px; }
.main-menu > ul > li:hover > ul.dp-menu li:hover > ul { opacity: 1; pointer-events: all; inset-inline-start: 100%; }
.main-menu li { position: relative; list-style: none; }
.main-menu li a { display: flex; align-items: center; font-weight: 400; font-size: 18px; line-height: 1; color: var(--primary); padding: 37px 15px; text-transform: capitalize; }
.main-menu ul.dp-menu { background-color: rgb(35, 37, 41); padding: 18px 0px; width: 300px; position: absolute; inset-inline-start: 10px; opacity: 0; pointer-events: none; z-index: 10; transition: 0.5s; }
.main-menu ul.dp-menu.column-2 { column-count: 2; width: 480px; column-gap: 0px; }
.main-menu ul.dp-menu ul { background: var(--black); padding: 18px 0px; width: 300px; position: absolute; inset-inline-start: calc(100% + 10px); top: 0px; opacity: 0; z-index: 10; transition: 0.5s; }
.main-menu ul.dp-menu li { position: relative; padding: 0px; }
.main-menu ul.dp-menu li:hover > a { background-color: transparent; }
.main-menu ul.dp-menu li:hover > ul { opacity: 1; pointer-events: all; transform: none !important; }
.main-menu ul.dp-menu li a { font-size: 16px; font-weight: 500; color: rgb(153, 153, 153); padding: 10px 25px; background-color: transparent; border-radius: 8px; text-transform: capitalize; }
.main-menu ul.dp-menu li a:hover { letter-spacing: 0.5px; color: var(--white); }
.main-menu ul.dp-menu li a::after { transform: rotate(-90deg); margin-left: auto; }
.main-menu li.menu-item-has-children > a::after { content: "+"; font-family: var(--font_awesome); margin-inline-start: 5px; font-weight: 600; font-size: 12px; }
.main-menu .has-mega-menu { position: static; }
.main-menu ul.mega-menu { background-color: rgb(35, 37, 41); padding: 30px 50px; width: 100%; position: absolute; left: 10px; column-count: 4; column-gap: 50px; justify-content: center; overflow: hidden; opacity: 0; pointer-events: none; z-index: 10; transition: 0.5s; }
@media only screen and (max-width: 1399px) {
  .main-menu ul.mega-menu { column-gap: 30px; }
}
.main-menu ul.mega-menu li:has(ul) > a::after { content: ""; }
.main-menu ul.mega-menu li a { font-size: 16px; font-weight: 500; color: rgb(153, 153, 153); padding: 10px 0px; display: flex; align-items: center; gap: 8px; background: transparent; border-radius: 8px; overflow: hidden; }
.main-menu ul.mega-menu li a:hover { letter-spacing: 0.5px; color: var(--white); }
.main-menu ul.mega-menu .title { font-weight: 600; color: var(--white); text-transform: uppercase; border-bottom: 1px solid rgb(51, 51, 55); padding-bottom: 20px; margin-bottom: 20px; pointer-events: none; border-radius: 0px; }
.main-menu .mega-grid-6 { grid-template-columns: repeat(6, 1fr); }
.main-menu .list-3-column ul { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 50px; }
@media only screen and (max-width: 1399px) {
  .main-menu .list-3-column ul { column-gap: 30px; }
}
.main-menu .span-first-item ul li:first-child { grid-column: 1 / -1; column-span: all; }
.main-menu .new { font-size: 10px; font-weight: 600; background: rgb(255, 163, 142); color: var(--black); padding: 3px 7px; line-height: 1; border-radius: 2px; margin-inline-start: 8px; display: inline-block; }
.offcanvas__menu-wrapper.mean-container .mean-nav > ul { padding: 0px; margin: 0px; width: 100%; list-style-type: none; display: block !important; }
.offcanvas__menu-wrapper.mean-container .mean-nav > ul > li:last-child > a { border-bottom: 1px solid var(--black-4); }
.offcanvas__menu-wrapper.mean-container .mean-nav { background: none; margin-top: 0px; }
.offcanvas__menu-wrapper.mean-container .mean-nav .new { font-size: 10px; font-weight: 600; background: rgb(255, 163, 142); color: var(--black); padding: 3px 7px; line-height: 1; display: flex; align-items: center; border-radius: 2px; }
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a { width: 100%; padding: 15px 0px; padding-inline-start: 15px; font-weight: 400; font-size: 22px; line-height: 1; color: var(--white); text-transform: capitalize; border-top: 1px solid var(--black-4); display: flex; gap: 8px; justify-content: flex-start; align-items: center; outline: none; transform: translateY(var(--y)) translateZ(0); transition: transform 0.4s, box-shadow 0.4s; box-sizing: border-box; }
@media only screen and (max-width: 767px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li a { font-size: 20px; }
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand { width: 54px; height: 54px; justify-content: center; font-weight: 300; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
@media only screen and (max-width: 767px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand { height: 50px; }
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand:hover { background: var(--secondary); opacity: 1; }
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li:first-child { border-top: 1px solid var(--black-4); }
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a { font-size: 20px; text-transform: capitalize; padding: 12px 0px; padding-inline-start: 30px; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; }
@media only screen and (max-width: 767px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a { font-size: 18px; }
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand { height: 58px; }
@media only screen and (max-width: 991px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand { height: 25px; }
}
@media only screen and (max-width: 767px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand { height: 22px; }
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li:last-child { border-bottom: 1px solid var(--black-4); }
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a { padding-left: 40px; }
.offcanvas__menu-wrapper.mean-container .mean-bar { padding: 0px; background: none; overflow-y: scroll; }
.offcanvas__menu-wrapper.mean-container .mean-bar::-webkit-scrollbar { width: 0px; }
.offcanvas__menu-wrapper.mean-container a.meanmenu-reveal { display: none !important; }
.light .main-menu li a:hover { color: var(--primary); }
.light .main-menu-2 li a { color: var(--black); }
.light .main-menu-2 li a:hover { color: var(--primary); }
.light .main-menu-3 li a { color: var(--black); }
.light .main-menu-3 li a:hover { color: var(--primary); }
.light .sidebar-menu li a { color: var(--black); }
.light .sidebar-menu li a:hover { color: var(--primary); }
.light .menu-with-number li a { color: var(--black); }
.light .menu-with-number li a:hover span { color: var(--black); }
.light .menu-with-number li a:hover span::before { background-color: var(--black); }
.light .menu-with-number li a span { color: var(--black-9); }
.light .menu-with-number li a span::before { background-color: var(--black-9); }
.light .menu-with-number li a.active span { color: var(--black); }
.light .menu-with-number li a.active span::before { background-color: var(--black); }
.modal__dialog { width: 760px; max-width: 100%; margin-top: 100px; }
@media only screen and (max-width: 991px) {
  .modal__dialog { width: 700px; margin-top: 80px; }
}
@media only screen and (max-width: 767px) {
  .modal__dialog { width: 350px; }
}
.modal__content { height: 500px; }
@media only screen and (max-width: 767px) {
  .modal__content { height: 300px; }
}
.modal__content iframe { width: 100%; height: 100%; }
.modal__close { position: absolute; width: 40px; height: 40px; top: -15px; right: -15px; z-index: 9; border-radius: 50px; font-size: 20px; color: var(--white); background: var(--black); transition: 0.3s; }
.modal__close:hover { color: var(--primary); }
.modal__sfluence { width: 100%; height: 100%; padding: 60px; }
@media only screen and (max-width: 767px) {
  .modal__sfluence { padding: 20px 10px; }
}
.modal__sfluence-area { width: 100vw; height: 100vh; background: var(--black); position: fixed; top: 0px; left: 0px; z-index: 9; opacity: 0; visibility: hidden; transition: 0.5s; transform: scale(0.5); }
.modal__sfluence-area.showed { opacity: 1; visibility: visible; transform: scale(1); }
.modal__sfluence-area .close_btn { position: absolute; width: 60px; height: 60px; top: 0px; right: 20px; z-index: 9; border-radius: 50px; font-size: 30px; color: var(--white); transition: 0.3s; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.modal__sfluence-area .close_btn:hover { color: var(--primary); }
@media only screen and (max-width: 767px) {
  .modal__sfluence-area .close_btn { right: 0px; }
}
.modal__sfluence-area iframe, .modal__sfluence-area video { width: 100%; height: 100%; }
@media only screen and (max-width: 767px) {
  .modal__sfluence-area iframe, .modal__sfluence-area video { height: 300px; object-fit: cover; margin-top: 45%; }
}
.header-area { position: absolute; top: 0px; left: 0px; width: 100%; }
.header-area .header-main { background-color: var(--primary); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.header-area .header-main-inner { display: flex; align-items: center; gap: 20px; position: relative; height: 106px; z-index: 1; }
@media only screen and (max-width: 1919px) {
  .header-area .header-main-inner { height: 110px; }
}
@media only screen and (max-width: 1199px) {
  .header-area .header-main-inner { height: 80px; }
}
.header-area .sticky, .header-area .transformed { background-color: rgb(255, 255, 255); }
.header-area .header-logo { margin-right: auto; }
.header-area .header-logo img { width: 288px; }
@media only screen and (max-width: 1919px) {
  .header-area .header-logo img { width: 248px; }
}
@media only screen and (max-width: 767px) {
  .header-area .header-logo img { width: 208px; }
}
.header-area .header-nav { margin-right: 110px; }
@media only screen and (max-width: 1919px) {
  .header-area .header-nav { margin-right: 60px; }
}
@media only screen and (max-width: 991px) {
  .header-area .header-nav { display: none; }
}
.header-area .main-menu > ul { display: flex; gap: 30px; }
@media only screen and (max-width: 1399px) {
  .header-area .main-menu > ul {gap: -1px;}
}
.header-area .main-menu > ul > li:hover > a { color: var(--white); background-image: linear-gradient(180.12deg, rgba(4, 34, 62, 0.12) 0.11%, rgba(250, 94, 7, 0.52) 114.15%); }
.header-area .main-menu > ul > li > a { border-top: 3px solid transparent; }
.header-area .main-menu li a { font-size: 16px; font-weight: 600; line-height: 21px; padding: 41px 24px; background-color: transparent; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .header-area .main-menu li a {padding: 30px 5px;}
}
@media only screen and (max-width: 991px) {
  .header-area .header-search { display: none; }
}
.header-area .search-box { width: 60px; height: 60px; border: 2px dashed var(--theme); border-radius: 50%; color: var(--white); font-size: 18px; transition: 0.3s; }
@media only screen and (max-width: 1919px) {
  .header-area .search-box { width: 50px; height: 50px; }
}
.header-area .search-box:hover { color: var(--theme); }
@media only screen and (max-width: 991px) {
  .header-area .header-btn { display: none; }
}
@media only screen and (max-width: 1919px) {
  .header-area .ui-btn { padding: 15px 24px; }
}
@media only screen and (max-width: 991px) {
  .header-area .header-cart { display: none; }
}
.header-area .cart-box { width: 60px; height: 60px; background-color: var(--theme); border-radius: 50%; color: var(--white); font-size: 18px; position: relative; display: inline-flex; justify-content: center; align-items: center; }
@media only screen and (max-width: 1919px) {
  .header-area .cart-box { width: 50px; height: 50px; }
}
.header-area .cart-item { width: 20px; height: 20px; background-color: rgb(40, 38, 38); border-radius: 50%; position: absolute; top: 0px; right: 0px; font-size: 14px; display: inline-flex; justify-content: center; align-items: center; color: var(--theme); }
.header-area .header-offcanvas { display: none; }
@media only screen and (max-width: 1199px) {
  .header-area .header-offcanvas { display: inline-block; }
}
.header-area .side-toggle { width: 50px; height: 50px; background-color: rgb(244, 240, 254); display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 16px; font-weight: 700; color: var(--action); transition: 0.3s; }
.header-area .side-toggle:hover { background-color: var(--action); color: var(--white); }
.header-top { background-color: var(--black); }
@media only screen and (max-width: 1199px) {
  .header-top { display: none; }
}
.header-top-inner { display: flex; justify-content: space-between; padding: 9px 0px; }
.header-social { display: flex; gap: 15px; align-items: center; }
.header-social .social-title { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .header-social .social-title { font-size: 14px; }
}
.header-social-links { display: flex; gap: 4px; align-items: center; padding-left: 8px; position: relative; }
.header-social-links::before { position: absolute; content: ""; height: 22px; width: 1.5px; left: 0px; top: 50%; transform: translateY(-50%); background-color: var(--white); opacity: 0.6; }
.header-social-links::after { position: absolute; content: ""; height: 14px; width: 1px; left: 4px; top: 50%; transform: translateY(-50%); background-color: var(--white); opacity: 0.6; }
.header-social-links a { width: 36px; height: 36px; background-color: transparent; display: inline-flex; justify-content: center; align-items: center; color: var(--white); border-radius: 50%; }
.header-social-links a:hover { background-color: var(--theme); opacity: 0.95; }
.header-contact-meta { display: flex; gap: 20px; align-items: center; }
.header-contact-meta .separator { width: 1px; height: 14px; background: var(--white); opacity: 0.5; }
.header-contact-item { display: flex; gap: 8px; align-items: center; }
.header-contact-item .icon { font-size: 14px; color: var(--white); }
.header-contact-item .text { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .header-contact-item .text { font-size: 14px; }
}
.header-contact-item .text a:hover { color: var(--theme); }
.header-2-area { position: absolute; top: 0px; left: 0px; width: 100%; }
.header-2-area .header-2-main-inner { display: flex; align-items: center; gap: 20px; position: relative; height: 100px; z-index: 1; }
@media only screen and (max-width: 1919px) {
  .header-2-area .header-2-main-inner { height: 90px; }
}
@media only screen and (max-width: 1199px) {
  .header-2-area .header-2-main-inner { height: 80px; }
}
.header-2-area .sticky, .header-2-area .transformed { background-color: rgb(255, 255, 255); }
.header-2-area .header-2-logo { margin-right: auto; }
.header-2-area .header-2-logo img { width: 288px; }
@media only screen and (max-width: 1919px) {
  .header-2-area .header-2-logo img { width: 248px; }
}
@media only screen and (max-width: 767px) {
  .header-2-area .header-2-logo img { width: 208px; }
}
.header-2-area .header-2-nav { margin-right: 110px; }
@media only screen and (max-width: 1919px) {
  .header-2-area .header-2-nav { margin-right: 60px; }
}
@media only screen and (max-width: 991px) {
  .header-2-area .header-2-nav { display: none; }
}
.header-2-area .main-menu > ul { display: flex; gap: 30px; }
@media only screen and (max-width: 1399px) {
  .header-2-area .main-menu > ul { gap: 10px; }
}
.header-2-area .main-menu > ul > li:hover > a { color: var(--black); background-image: linear-gradient(180.12deg, rgba(4, 34, 62, 0.12) 0.11%, rgba(250, 94, 7, 0.52) 114.15%); }
.header-2-area .main-menu > ul > li > a { border-top: 3px solid transparent; }
.header-2-area .main-menu li a { font-size: 16px; font-weight: 600; line-height: 21px; padding: 38px 24px; background-color: transparent; color: var(--black); }
@media only screen and (max-width: 1919px) {
  .header-2-area .main-menu li a { padding: 33px 20px; }
}
@media only screen and (max-width: 991px) {
  .header-2-area .header-2-search { display: none; }
}
.header-2-area .search-box { width: 60px; height: 60px; border: 2px dashed var(--theme); border-radius: 50%; color: var(--white); font-size: 18px; background-color: var(--black); transition: 0.3s; }
@media only screen and (max-width: 1919px) {
  .header-2-area .search-box { width: 50px; height: 50px; }
}
.header-2-area .search-box:hover { color: var(--theme); }
@media only screen and (max-width: 991px) {
  .header-2-area .header-2-btn { display: none; }
}
@media only screen and (max-width: 1919px) {
  .header-2-area .ui-btn { padding: 15px 24px; }
}
@media only screen and (max-width: 991px) {
  .header-2-area .header-2-cart { display: none; }
}
.header-2-area .cart-box { width: 60px; height: 60px; background-color: var(--theme); border-radius: 50%; color: var(--white); font-size: 18px; position: relative; display: inline-flex; justify-content: center; align-items: center; }
@media only screen and (max-width: 1919px) {
  .header-2-area .cart-box { width: 50px; height: 50px; }
}
.header-2-area .cart-item { width: 20px; height: 20px; background-color: rgb(40, 38, 38); border-radius: 50%; position: absolute; top: 0px; right: 0px; font-size: 14px; display: inline-flex; justify-content: center; align-items: center; color: var(--theme); }
.header-2-area .header-2-offcanvas { display: none; }
@media only screen and (max-width: 1199px) {
  .header-2-area .header-2-offcanvas { display: inline-block; }
}
.header-2-area .side-toggle { width: 50px; height: 50px; background-color: var(--theme); display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 16px; font-weight: 700; color: var(--white); transition: 0.3s; }
.header-2-area .side-toggle:hover { background-color: var(--action); color: var(--white); }
.header-3-area { position: absolute; top: 0px; left: 0px; width: 100%; }
.header-3-area .header-3-main-inner { display: flex; align-items: center; gap: 20px; position: relative; height: 100px; z-index: 1; }
@media only screen and (max-width: 1919px) {
  .header-3-area .header-3-main-inner { height: 90px; }
}
@media only screen and (max-width: 1199px) {
  .header-3-area .header-3-main-inner { height: 80px; }
}
.header-3-area .sticky, .header-3-area .transformed { background-color: rgb(255, 255, 255); }
.header-3-area .header-3-logo { margin-right: auto; }
.header-3-area .header-3-logo img { width: 288px; }
@media only screen and (max-width: 1919px) {
  .header-3-area .header-3-logo img { width: 248px; }
}
@media only screen and (max-width: 767px) {
  .header-3-area .header-3-logo img { width: 208px; }
}
.header-3-area .header-3-nav { margin-right: 110px; }
@media only screen and (max-width: 1919px) {
  .header-3-area .header-3-nav { margin-right: 60px; }
}
@media only screen and (max-width: 991px) {
  .header-3-area .header-3-nav { display: none; }
}
.header-3-area .main-menu > ul { display: flex; gap: 30px; }
@media only screen and (max-width: 1399px) {
  .header-3-area .main-menu > ul { gap: 10px; }
}
.header-3-area .main-menu > ul > li:hover > a { color: var(--white); background-image: linear-gradient(180.12deg, rgba(4, 34, 62, 0.12) 0.11%, rgba(250, 94, 7, 0.52) 114.15%); }
.header-3-area .main-menu > ul > li > a { border-top: 3px solid transparent; }
.header-3-area .main-menu li a { font-size: 16px; font-weight: 600; line-height: 21px; padding: 38px 24px; background-color: transparent; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .header-3-area .main-menu li a { padding: 33px 20px; }
}
@media only screen and (max-width: 991px) {
  .header-3-area .header-3-search { display: none; }
}
.header-3-area .search-box { width: 60px; height: 60px; border: 2px dashed var(--theme); border-radius: 50%; color: var(--theme); font-size: 18px; background-color: var(--white); }
@media only screen and (max-width: 1919px) {
  .header-3-area .search-box { width: 50px; height: 50px; }
}
@media only screen and (max-width: 991px) {
  .header-3-area .header-3-btn { display: none; }
}
@media only screen and (max-width: 991px) {
  .header-3-area .header-3-cart { display: none; }
}
.header-3-area .cart-box { width: 60px; height: 60px; background-color: var(--theme); border-radius: 50%; color: var(--white); font-size: 18px; position: relative; display: inline-flex; justify-content: center; align-items: center; }
@media only screen and (max-width: 1919px) {
  .header-3-area .cart-box { width: 50px; height: 50px; }
}
.header-3-area .cart-item { width: 20px; height: 20px; background-color: var(--white); border-radius: 50%; position: absolute; top: 0px; right: 0px; font-size: 14px; display: inline-flex; justify-content: center; align-items: center; color: var(--theme); }
.header-3-area .header-3-offcanvas { display: none; }
@media only screen and (max-width: 1199px) {
  .header-3-area .header-3-offcanvas { display: inline-block; }
}
.header-3-area .side-toggle { width: 50px; height: 50px; background-color: var(--theme); display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 16px; font-weight: 700; color: var(--white); transition: 0.3s; }
.header-3-area .side-toggle:hover { background-color: var(--action); color: var(--white); }
.header-4-area { position: absolute; top: 0px; left: 0px; width: 100%; margin-top: 40px; }
@media only screen and (max-width: 1919px) {
  .header-4-area { margin-top: 20px; }
}
@media only screen and (max-width: 1199px) {
  .header-4-area { margin-top: 15px; }
}
.header-4-area .header-4-main-inner { display: flex; align-items: center; gap: 20px; position: relative; height: 100px; z-index: 1; background-color: rgba(255, 255, 255, 0.3); padding: 0px 20px 0px 0px; }
@media only screen and (max-width: 1919px) {
  .header-4-area .header-4-main-inner { height: 90px; }
}
@media only screen and (max-width: 1199px) {
  .header-4-area .header-4-main-inner { height: 80px; }
}
.header-4-area .sticky, .header-4-area .transformed { background-color: rgb(255, 255, 255); }
.header-4-area .header-4-logo { height: 100%; width: 323px; display: flex; justify-content: center; align-items: center; background-color: var(--black); padding: 15px; }
@media only screen and (max-width: 1919px) {
  .header-4-area .header-4-logo { width: 283px; }
}
@media only screen and (max-width: 1199px) {
  .header-4-area .header-4-logo { margin-right: auto; }
}
@media only screen and (max-width: 767px) {
  .header-4-area .header-4-logo { width: 243px; }
}
.header-4-area .header-4-logo img { width: 288px; }
@media only screen and (max-width: 1919px) {
  .header-4-area .header-4-logo img { width: 248px; }
}
@media only screen and (max-width: 767px) {
  .header-4-area .header-4-logo img { width: 208px; }
}
.header-4-area .header-4-nav { margin-right: auto; }
@media only screen and (max-width: 991px) {
  .header-4-area .header-4-nav { display: none; }
}
.header-4-area .main-menu > ul { display: flex; gap: 11px; }
.header-4-area .main-menu > ul > li:hover > a { color: var(--white); background-image: linear-gradient(180.12deg, rgba(4, 34, 62, 0.12) 0.11%, rgba(250, 94, 7, 0.52) 114.15%); }
.header-4-area .main-menu > ul > li > a { border-top: 3px solid transparent; }
.header-4-area .main-menu li a { font-size: 16px; font-weight: 600; line-height: 21px; padding: 38px 20px; background-color: transparent; color: var(--white); font-family: var(--font_unbounded); }
@media only screen and (max-width: 1919px) {
  .header-4-area .main-menu li a { padding: 33px 20px; }
}
@media only screen and (max-width: 991px) {
  .header-4-area .header-4-search { display: none; }
}
.header-4-area .search-box { width: 60px; height: 60px; border: 2px dashed var(--theme); border-radius: 50%; color: var(--white); font-size: 18px; background-color: var(--black); transition: 0.3s; }
@media only screen and (max-width: 1919px) {
  .header-4-area .search-box { width: 50px; height: 50px; }
}
.header-4-area .search-box:hover { color: var(--theme); }
@media only screen and (max-width: 991px) {
  .header-4-area .header-4-btn { display: none; }
}
@media only screen and (max-width: 1919px) {
  .header-4-area .ui-btn { padding: 15px 24px; }
}
@media only screen and (max-width: 991px) {
  .header-4-area .header-4-cart { display: none; }
}
.header-4-area .cart-box { width: 60px; height: 60px; background-color: var(--theme); border-radius: 50%; color: var(--white); font-size: 18px; position: relative; display: inline-flex; justify-content: center; align-items: center; }
@media only screen and (max-width: 1919px) {
  .header-4-area .cart-box { width: 50px; height: 50px; }
}
.header-4-area .cart-item { width: 20px; height: 20px; background-color: rgb(40, 38, 38); border-radius: 50%; position: absolute; top: 0px; right: 0px; font-size: 14px; display: inline-flex; justify-content: center; align-items: center; color: var(--theme); }
.header-4-area .header-4-offcanvas { display: none; }
@media only screen and (max-width: 1199px) {
  .header-4-area .header-4-offcanvas { display: inline-block; }
}
.header-4-area .side-toggle { width: 50px; height: 50px; background-color: var(--theme); display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 16px; font-weight: 700; color: var(--white); transition: 0.3s; }
.header-4-area .side-toggle:hover { background-color: var(--action); color: var(--white); }
@media only screen and (max-width: 1199px) {
  .header-4-top { display: none; }
}
.header-4-top-inner { background-color: var(--black); display: flex; justify-content: space-between; padding: 0px 11px 0px 363px; position: relative; clip-path: polygon(161.5px 0px, 100% 0px, 100% 100%, 0px 100%); }
@media only screen and (max-width: 1919px) {
  .header-4-top-inner { clip-path: polygon(141.5px 0px, 100% 0px, 100% 100%, 0px 100%); padding: 0px 11px 0px 323px; }
}
.header-4-top-inner::before { position: absolute; content: ""; width: 323px; height: 50px; background-color: var(--theme); left: 0px; top: 0px; clip-path: polygon(50% 0px, 100% 100%, 0px 100%); }
@media only screen and (max-width: 1919px) {
  .header-4-top-inner::before { width: 283px; }
}
.header-4-social { display: flex; gap: 15px; align-items: center; }
.header-4-social .social-title { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; color: var(--white); }
.header-4-social-links { display: flex; gap: 6px; align-items: center; }
.header-4-social-links a { width: 34px; height: 50px; background-color: transparent; display: inline-flex; justify-content: center; align-items: center; color: var(--white); }
.header-4-social-links a:hover { background-color: var(--theme); }
.header-4-contact-meta { display: flex; gap: 20px; align-items: center; }
.header-4-contact-meta .separator { width: 1px; height: 14px; background: var(--white); opacity: 0.5; }
.header-4-contact-item { display: flex; gap: 8px; align-items: center; }
.header-4-contact-item .icon { font-size: 14px; color: var(--white); }
.header-4-contact-item .text { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .header-4-contact-item .text { font-size: 14px; }
}
.header-4-contact-item .text a:hover { color: var(--white-2); }
.header-5-area { position: absolute; top: 0px; left: 0px; width: 100%; }
.header-5-area .header-5-main-inner { display: flex; align-items: center; gap: 20px; position: relative; height: 100px; z-index: 1; }
@media only screen and (max-width: 1919px) {
  .header-5-area .header-5-main-inner { height: 90px; }
}
@media only screen and (max-width: 1199px) {
  .header-5-area .header-5-main-inner { height: 80px; }
}
.header-5-area .header-5-main-inner::before { position: absolute; content: ""; width: 2000px; height: 100%; background-color: var(--theme); top: 0px; right: calc(100% - 325px); z-index: -1; }
@media only screen and (max-width: 1919px) {
  .header-5-area .header-5-main-inner::before { right: calc(100% - 275px); }
}
@media only screen and (max-width: 767px) {
  .header-5-area .header-5-main-inner::before { right: calc(100% - 225px); }
}
.header-5-area .sticky, .header-5-area .transformed { background-color: rgb(255, 255, 255); }
.header-5-area .header-5-logo { margin-right: auto; }
.header-5-area .header-5-logo img { width: 288px; }
@media only screen and (max-width: 1919px) {
  .header-5-area .header-5-logo img { width: 248px; }
}
@media only screen and (max-width: 767px) {
  .header-5-area .header-5-logo img { width: 208px; }
}
.header-5-area .header-5-nav { margin-right: 110px; }
@media only screen and (max-width: 1919px) {
  .header-5-area .header-5-nav { margin-right: 60px; }
}
@media only screen and (max-width: 991px) {
  .header-5-area .header-5-nav { display: none; }
}
.header-5-area .main-menu > ul { display: flex; gap: 30px; }
@media only screen and (max-width: 1399px) {
  .header-5-area .main-menu > ul { gap: 10px; }
}
.header-5-area .main-menu > ul > li:hover > a { color: var(--black); background-image: linear-gradient(180.12deg, rgba(4, 34, 62, 0.12) 0.11%, rgba(250, 94, 7, 0.52) 114.15%); }
.header-5-area .main-menu > ul > li > a { border-top: 3px solid transparent; }
.header-5-area .main-menu li a { font-size: 16px; font-weight: 600; line-height: 21px; padding: 38px 24px; background-color: transparent; color: var(--black); }
@media only screen and (max-width: 1919px) {
  .header-5-area .main-menu li a { padding: 33px 20px; }
}
@media only screen and (max-width: 991px) {
  .header-5-area .header-5-search { display: none; }
}
.header-5-area .search-box { width: 60px; height: 60px; border: 2px dashed var(--white); border-radius: 50%; color: var(--white); font-size: 18px; background-color: var(--black); transition: 0.3s; }
@media only screen and (max-width: 1919px) {
  .header-5-area .search-box { width: 50px; height: 50px; }
}
.header-5-area .search-box:hover { color: var(--theme); }
@media only screen and (max-width: 991px) {
  .header-5-area .header-5-btn { display: none; }
}
@media only screen and (max-width: 1919px) {
  .header-5-area .ui-btn { padding: 15px 24px; }
}
.header-5-area .header-5-offcanvas { display: none; }
@media only screen and (max-width: 1199px) {
  .header-5-area .header-5-offcanvas { display: inline-block; }
}
.header-5-area .side-toggle { width: 50px; height: 50px; background-color: var(--theme); display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 16px; font-weight: 700; color: var(--white); transition: 0.3s; }
.header-5-area .side-toggle:hover { background-color: var(--action); color: var(--white); }
.header-5-top { background-color: var(--black); }
@media only screen and (max-width: 1199px) {
  .header-5-top { display: none; }
}
.header-5-top-inner { display: flex; justify-content: space-between; padding: 12px 0px; position: relative; z-index: 1; }
.header-5-top-inner::before { position: absolute; content: ""; width: 2000px; height: 100%; background-color: var(--theme); top: 0px; left: calc(100% - 385px); z-index: -1; clip-path: polygon(22px 0px, 100% 0px, 100% 100%, 0px 100%); }
@media only screen and (max-width: 1919px) {
  .header-5-top-inner::before { left: calc(100% - 325px); }
}
@media only screen and (max-width: 1399px) {
  .header-5-top-inner::before { left: calc(100% - 285px); }
}
.header-5-main { background-color: var(--white); }
.header-6-area { position: absolute; top: 0px; left: 0px; width: 100%; }
.header-6-area .header-6-main-inner { display: flex; align-items: center; gap: 20px; position: relative; height: 96px; z-index: 1; background-color: var(--theme); margin-inline: -60px; padding-inline: 60px; border-radius: 0px 0px 0px 20px; box-shadow: 0px 4px 0px var(--white); }
@media only screen and (max-width: 1919px) {
  .header-6-area .header-6-main-inner { height: 86px; margin-inline: -15px; padding-inline: 15px; }
}
@media only screen and (max-width: 1199px) {
  .header-6-area .header-6-main-inner { height: 76px; border-radius: 0px 0px 20px 20px; }
}
.header-6-area .header-6-cta-meta-item { display: inline-flex; gap: 10px; align-items: center; background-color: var(--black); border-radius: 0px 0px 10px 10px; padding: 22px 28px 19px; box-shadow: 0px 3px 0px var(--theme); position: absolute; right: 0px; top: 100%; }
@media only screen and (max-width: 1919px) {
  .header-6-area .header-6-cta-meta-item { padding: 17px 18px 14px; }
}
@media only screen and (max-width: 1199px) {
  .header-6-area .header-6-cta-meta-item { display: none; }
}
.header-6-area .header-6-cta-meta-item .icon { width: 50px; height: 50px; background-color: var(--theme); display: inline-flex; justify-content: center; align-items: center; border-radius: 10px; }
.header-6-area .header-6-cta-meta-item .content { margin-top: 0px; }
.header-6-area .header-6-cta-meta-item .title-text { font-weight: 500; font-size: 16px; line-height: 16px; color: var(--white); }
.header-6-area .header-6-cta-meta-item .contact { font-weight: 600; font-size: 20px; line-height: 1; text-transform: capitalize; color: var(--white); margin-top: 10px; }
@media only screen and (max-width: 1919px) {
  .header-6-area .header-6-cta-meta-item .contact { font-size: 18px; }
}
.header-6-area .header-6-cta-meta-item .contact a:hover { color: var(--theme); }
.header-6-area .sticky, .header-6-area .transformed { background-color: rgb(255, 255, 255); }
.header-6-area .header-6-logo { margin-right: auto; }
.header-6-area .header-6-logo img { width: 288px; }
@media only screen and (max-width: 1919px) {
  .header-6-area .header-6-logo img { width: 248px; }
}
@media only screen and (max-width: 767px) {
  .header-6-area .header-6-logo img { width: 208px; }
}
.header-6-area .header-6-nav { margin-inline: auto; }
@media only screen and (max-width: 991px) {
  .header-6-area .header-6-nav { display: none; }
}
.header-6-area .main-menu > ul { display: flex; gap: 70px; }
@media only screen and (max-width: 1399px) {
  .header-6-area .main-menu > ul { gap: 50px; }
}
.header-6-area .main-menu > ul > li:hover > a { color: var(--white); border-color: var(--black); }
.header-6-area .main-menu > ul > li > a { border-bottom: 4px solid transparent; }
.header-6-area .main-menu li a { font-size: 16px; font-weight: 600; line-height: 21px; padding: 38px 0px; background-color: transparent; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .header-6-area .main-menu li a { padding: 33px 0px; }
}
@media only screen and (max-width: 991px) {
  .header-6-area .header-6-search { display: none; }
}
.header-6-area .search-box { width: 60px; height: 60px; border: 2px dashed var(--theme); border-radius: 50%; color: var(--white); font-size: 18px; background-color: var(--black); transition: 0.3s; }
@media only screen and (max-width: 1919px) {
  .header-6-area .search-box { width: 50px; height: 50px; }
}
.header-6-area .search-box:hover { color: var(--theme); }
@media only screen and (max-width: 991px) {
  .header-6-area .header-6-btn { display: none; }
}
.header-6-area .ui-btn { background-color: var(--black); border-color: var(--black); }
@media only screen and (max-width: 1919px) {
  .header-6-area .ui-btn { padding: 15px 24px; }
}
.header-6-area .header-6-offcanvas { display: none; }
@media only screen and (max-width: 1199px) {
  .header-6-area .header-6-offcanvas { display: inline-block; }
}
.header-6-area .side-toggle { width: 50px; height: 50px; background-color: var(--black); display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 16px; font-weight: 700; color: var(--white); transition: 0.3s; }
.header-6-area .side-toggle:hover { background-color: var(--white); color: var(--black); }
.header-6-top { background-color: var(--black); }
@media only screen and (max-width: 1199px) {
  .header-6-top { display: none; }
}
.header-6-top-inner { display: flex; gap: 20px; justify-content: space-between; padding: 17px 0px; }
@media only screen and (max-width: 1919px) {
  .header-6-top-inner { padding: 12px 0px; }
}
.header-6-social { display: flex; gap: 15px; align-items: center; }
.header-6-social .social-title { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; color: var(--white); }
.header-6-social-links { display: flex; gap: 20px; align-items: center; padding-left: 21px; position: relative; }
.header-6-social-links::before { position: absolute; content: ""; height: 20px; width: 1px; left: 0px; top: 50%; transform: translateY(-50%); background-color: var(--theme); }
.header-6-social-links a { width: auto; height: auto; color: var(--white); }
.header-6-social-links a:hover { color: var(--theme); }
.header-6-contact-meta { display: flex; gap: 20px; align-items: center; }
.header-6-contact-meta .separator { width: 1px; height: 14px; background: var(--white); opacity: 0.5; }
.header-6-contact-item { display: flex; gap: 8px; align-items: center; }
.header-6-contact-item .icon { font-size: 14px; color: var(--white); }
.header-6-contact-item .text { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .header-6-contact-item .text { font-size: 14px; }
}
.header-6-contact-item .text a:hover { color: var(--white-2); }
.header-6-language { display: inline-flex; gap: 10px; align-items: center; margin-left: auto; }
.header-6-language .icon img { width: 16px; height: 16px; min-width: 16px; }
.header-6-language select { width: 100%; height: 50px; border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: none; outline: none; color: var(--secondary); transition: 0.5s; background: none; font-weight: 500; font-size: 16px; line-height: 26px; padding-bottom: 23px; border-bottom: 1px solid var(--border); }
.header-6-language select:focus { }
.header-6-language select::placeholder { color: var(--secondary); }
.header-6-language .nice-select { height: 26px; width: 100%; padding: 0px 15px 0px 0px; border: 0px; background: transparent; border-radius: 0px; }
.header-6-language .nice-select .current { height: 26px; display: block; color: var(--white); font-weight: 500; font-size: 16px; line-height: 26px; padding: 0px; }
.header-6-language .nice-select .option { height: 40px; line-height: 40px; display: block; color: var(--black); font-weight: 500; font-size: 16px; }
.header-6-language .nice-select::after { width: 7px; height: 7px; border-color: var(--white); right: 2px; }
.header-7-area { position: absolute; top: 0px; left: 0px; width: 100%; }
.header-7-area .header-7-main { background-color: var(--primary); }
.header-7-area .header-7-main-inner { display: flex; align-items: center; gap: 20px; position: relative; height: 100px; z-index: 1; }
@media only screen and (max-width: 1919px) {
  .header-7-area .header-7-main-inner { height: 90px; }
}
@media only screen and (max-width: 1199px) {
  .header-7-area .header-7-main-inner { height: 80px; }
}
.header-7-area .sticky, .header-7-area .transformed { background-color: rgb(255, 255, 255); }
.header-7-area .header-7-logo { margin-right: auto; }
.header-7-area .header-7-logo img { width: 288px; }
@media only screen and (max-width: 1919px) {
  .header-7-area .header-7-logo img { width: 248px; }
}
@media only screen and (max-width: 767px) {
  .header-7-area .header-7-logo img { width: 208px; }
}
.header-7-area .header-7-nav { margin-right: 230px; }
@media only screen and (max-width: 1919px) {
  .header-7-area .header-7-nav { margin-right: 60px; }
}
@media only screen and (max-width: 991px) {
  .header-7-area .header-7-nav { display: none; }
}
.header-7-area .main-menu > ul { display: flex; gap: 30px; }
@media only screen and (max-width: 1399px) {
  .header-7-area .main-menu > ul { gap: 10px; }
}
.header-7-area .main-menu > ul > li:hover > a { color: var(--white); background-image: linear-gradient(180.12deg, rgba(4, 34, 62, 0.12) 0.11%, rgba(250, 94, 7, 0.52) 114.15%); }
.header-7-area .main-menu > ul > li > a { border-top: 3px solid transparent; }
.header-7-area .main-menu li a { font-size: 16px; font-weight: 600; line-height: 21px; padding: 41px 24px; background-color: transparent; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .header-7-area .main-menu li a { padding: 33px 20px; }
}
@media only screen and (max-width: 991px) {
  .header-7-area .header-7-search { display: none; }
}
.header-7-area .search-box { width: 60px; height: 60px; border: 2px dashed var(--theme); border-radius: 50%; color: var(--white); font-size: 18px; transition: 0.3s; }
@media only screen and (max-width: 1919px) {
  .header-7-area .search-box { width: 50px; height: 50px; }
}
.header-7-area .search-box:hover { color: var(--theme); }
@media only screen and (max-width: 991px) {
  .header-7-area .header-7-btn { display: none; }
}
@media only screen and (max-width: 1919px) {
  .header-7-area .ui-btn { padding: 15px 24px; }
}
@media only screen and (max-width: 991px) {
  .header-7-area .header-7-cart { display: none; }
}
.header-7-area .cart-box { width: 60px; height: 60px; background-color: var(--theme); border-radius: 50%; color: var(--white); font-size: 18px; position: relative; display: inline-flex; justify-content: center; align-items: center; }
@media only screen and (max-width: 1919px) {
  .header-7-area .cart-box { width: 50px; height: 50px; }
}
.header-7-area .cart-item { width: 20px; height: 20px; background-color: rgb(40, 38, 38); border-radius: 50%; position: absolute; top: 0px; right: 0px; font-size: 14px; display: inline-flex; justify-content: center; align-items: center; color: var(--theme); }
.header-7-area .header-7-offcanvas { display: none; }
@media only screen and (max-width: 1199px) {
  .header-7-area .header-7-offcanvas { display: inline-block; }
}
.header-7-area .side-toggle { width: 50px; height: 50px; background-color: rgb(244, 240, 254); display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 16px; font-weight: 700; color: var(--action); transition: 0.3s; }
.header-7-area .side-toggle:hover { background-color: var(--action); color: var(--white); }
.footer-newsletter-box { background-color: var(--theme); position: relative; }
.newsletter-shape-1 { position: absolute; width: 260px; height: 100%; left: 0px; top: 0px; background-color: var(--white); padding-right: 20px; clip-path: polygon(0px 0px, 100% 0px, calc(100% - 120px) 100%, 0px 100%); }
@media only screen and (max-width: 1919px) {
  .newsletter-shape-1 { width: 200px; padding-right: 5px; }
}
@media only screen and (max-width: 991px) {
  .newsletter-shape-1 { display: none; }
}
.newsletter-shape-1 img { width: 100%; height: 100%; object-fit: cover; clip-path: polygon(0px 0px, 100% 0px, calc(100% - 120px) 100%, 0px 100%); }
.newsletter-shape-2 { position: absolute; width: 260px; height: 100%; right: 0px; top: 0px; background-color: var(--white); padding-left: 20px; clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 120px 100%); }
@media only screen and (max-width: 1919px) {
  .newsletter-shape-2 { width: 200px; padding-left: 5px; }
}
@media only screen and (max-width: 991px) {
  .newsletter-shape-2 { display: none; }
}
.newsletter-shape-2 img { width: 100%; height: 100%; object-fit: cover; clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 120px 100%); }
.footer-newsletter-wrapper { padding-top: 50px; padding-bottom: 48px; display: grid; gap: 30px 60px; grid-template-columns: 1fr 548px; position: relative; z-index: 1; }
@media only screen and (max-width: 1199px) {
  .footer-newsletter-wrapper { grid-template-columns: 1fr 448px; }
}
@media only screen and (max-width: 991px) {
  .footer-newsletter-wrapper { grid-template-columns: 1fr; }
}
.footer-newsletter-content { padding-left: 40px; }
@media only screen and (max-width: 991px) {
  .footer-newsletter-content { padding-left: 0px; }
}
.footer-newsletter-content .title { font-weight: 600; font-size: 36px; line-height: 1.28; text-transform: capitalize; color: var(--white); max-width: 560px; }
@media only screen and (max-width: 1199px) {
  .footer-newsletter-content .title { font-size: 28px; }
}
.footer-newsletter-form { margin-top: 17px; }
@media only screen and (max-width: 991px) {
  .footer-newsletter-form { margin-top: 0px; }
}
.footer-subscribe-form { width: 100%; }
.footer-subscribe-form .input-field { display: grid; gap: 20px 15px; grid-template-columns: 1fr auto; align-items: center; }
@media (max-width: 575px) {
  .footer-subscribe-form .input-field { grid-template-columns: 1fr; }
}
.footer-subscribe-form .input-field input { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-weight: 500; font-size: 16px; line-height: 26px; color: var(--black); width: 100%; padding: 15px 23px; }
.footer-subscribe-form .input-field input::placeholder { color: var(--secondary); }
.footer-subscribe-form .input-field .ui-btn { padding: 18px 23px; background-color: var(--black); border-color: transparent; }
.footer-bottom-area { position: relative; z-index: 1; }
.footer-bottom-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.footer-bottom-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--black); opacity: 0.8; top: 0px; left: 0px; }
.footer-bottom-bg img { width: 100%; height: 100%; object-fit: cover; }
.footer-main-inner { display: grid; gap: 40px 60px; grid-template-columns: 384px 1fr; }
@media only screen and (max-width: 991px) {
  .footer-main-inner { grid-template-columns: 1fr; }
}
.footer-widget-wrapper { padding-top: 54px; display: grid; gap: 50px 60px; grid-template-columns: auto auto 285px; justify-content: space-between; }
@media only screen and (max-width: 1199px) {
  .footer-widget-wrapper { grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 767px) {
  .footer-widget-wrapper { grid-template-columns: 1fr; }
}
.footer-social-box { background-color: var(--theme); padding: 40px; }
@media only screen and (max-width: 991px) {
  .footer-social-box { padding: 20px; order: 2; }
}
.footer-social-box .title { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: var(--white); margin-top: 24px; }
.footer-social-box .text { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); margin-top: 17px; }
.footer-social { margin-top: 17px; }
.footer-social .social-title { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: var(--white); }
.footer-social-links { margin-top: 10px; display: flex; gap: 7px; align-items: center; }
.footer-social-links a { width: 40px; height: 40px; background-color: var(--white); font-size: 16px; color: var(--theme); display: inline-flex; justify-content: center; align-items: center; }
.footer-social-links a:hover { color: var(--white); background-color: var(--black); }
.footer-meta-box { border-bottom: 1px dashed rgba(255, 255, 255, 0.2); position: relative; padding-top: 62px; padding-bottom: 60px; display: flex; gap: 30px; flex-wrap: wrap; }
.footer-meta-box .meta-shape-1 { position: absolute; right: -29px; bottom: -1px; }
@media only screen and (max-width: 1199px) {
  .footer-meta-box .meta-shape-1 { width: 120px; }
}
@media only screen and (max-width: 767px) {
  .footer-meta-box .meta-shape-1 { width: 80px; right: -9px; }
}
.footer-meta-box .meta-shape-1 img { animation: 5s linear 0s infinite normal none running t-slide-X; }
.footer-meta-item { display: flex; gap: 10px 20px; align-items: center; }
.footer-meta-item .icon { width: 50px; height: 50px; border: 1px solid var(--white); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; }
.footer-meta-item .text { font-weight: 500; font-size: 14px; line-height: 20px; color: var(--white); }
.footer-meta-item .contact { font-weight: 600; font-size: 20px; line-height: 1.3; text-transform: capitalize; color: var(--white); margin-top: 4px; }
@media only screen and (max-width: 767px) {
  .footer-meta-item .contact { font-size: 16px; }
}
.footer-meta-item .contact a:hover { color: var(--theme); }
.footer-widget-title { font-weight: 600; font-size: 20px; line-height: 26px; color: var(--white); position: relative; padding-bottom: 18px; }
.footer-widget-title::after { position: absolute; content: ""; width: 92px; height: 3px; left: 0px; bottom: 0px; background: linear-gradient(90deg, rgb(250, 94, 7) 45.67%, rgba(148, 56, 4, 0.5) 100%); border-radius: 2px; }
.footer-nav-list { margin-top: 25px; display: grid; gap: 10px; }
.footer-nav-list li { list-style: none; }
.footer-nav-list li a { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); display: flex; gap: 6px; align-items: center; }
.footer-nav-list li a:hover { color: var(--theme); }
.footer-nav-list li a i { font-size: 12px; }
.footer-gallery-wrapper-box { margin-top: 30px; }
.footer-gallery-wrapper { display: grid; gap: 12px; grid-template-columns: repeat(3, 1fr); }
.footer-gallery-wrapper .thumb { border-radius: 5px; overflow: hidden; }
.footer-gallery-wrapper .thumb:hover img { transform: scale(1.05); }
.footer-gallery-wrapper .thumb img { width: 100%; transition: 0.5s; }
.copyright-area-inner { display: grid; gap: 10px 60px; grid-template-columns: auto auto; justify-content: space-between; align-items: center; padding-top: 23px; padding-bottom: 23px; border-top: 1px dashed rgba(255, 255, 255, 0.2); }
@media only screen and (max-width: 991px) {
  .copyright-area-inner { grid-template-columns: auto; justify-content: center; }
}
.copyright-text .text { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); }
@media only screen and (max-width: 991px) {
  .copyright-text .text { text-align: center; }
}
.copyright-text .text a { color: var(--theme); }
.copyright-text .text a:hover { color: var(--white); }
.copyright-link { display: flex; gap: 5px 16px; flex-wrap: wrap; }
@media only screen and (max-width: 991px) {
  .copyright-link { justify-content: center; }
}
.copyright-link a { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); display: inline-block; }
.copyright-link a:hover { color: var(--theme); }
.copyright-link .slash { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); }
.footer-2-area { position: relative; z-index: 1; }
.footer-2-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.footer-2-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--black); top: 0px; left: 0px; opacity: 0.9; }
.footer-2-bg img { width: 100%; height: 100%; object-fit: cover; }
.footer-2-top-area { border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
@media only screen and (max-width: 991px) {
  .footer-2-top-area { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
}
.footer-2-top-inner { display: grid; gap: 0px 34px; grid-template-columns: auto 1fr; align-items: center; }
@media only screen and (max-width: 991px) {
  .footer-2-top-inner { grid-template-columns: 1fr; }
}
@media only screen and (max-width: 991px) {
  .footer-2-logo { text-align: center; padding: 40px 0px; }
}
.footer-2-logo img { width: 288px; }
@media only screen and (max-width: 1919px) {
  .footer-2-logo img { width: 248px; }
}
@media only screen and (max-width: 767px) {
  .footer-2-logo img { width: 208px; }
}
.footer-2-meta-box { display: grid; grid-template-columns: 1fr 1fr 1fr; }
@media only screen and (max-width: 767px) {
  .footer-2-meta-box { grid-template-columns: 1fr; }
}
.footer-2-meta-item { display: flex; gap: 20px; align-items: center; border-left: 1px solid rgba(255, 255, 255, 0.15); padding: 60px 15px 60px 40px; }
@media only screen and (max-width: 1199px) {
  .footer-2-meta-item { flex-direction: column; align-items: flex-start; padding: 40px 0px 40px 30px; }
}
@media only screen and (max-width: 991px) {
  .footer-2-meta-item { border: 1px solid rgba(255, 255, 255, 0.15); }
}
.footer-2-meta-item .icon { width: 70px; min-width: 70px; height: 70px; display: inline-flex; justify-content: center; align-items: center; padding: 14px; background-color: var(--theme); border-radius: 50%; }
@media only screen and (max-width: 1199px) {
  .footer-2-meta-item .icon { width: 50px; min-width: 50px; height: 50px; }
}
.footer-2-meta-item .text { font-weight: 500; font-size: 14px; line-height: 24px; color: rgb(255, 255, 255); }
.footer-2-meta-item .contact { font-weight: 600; font-size: 18px; line-height: 24px; text-transform: capitalize; color: rgb(255, 255, 255); margin-top: 10px; }
.footer-2-meta-item .contact a:hover { color: var(--white-2); }
.footer-2-widget-wrapper { display: grid; gap: 50px 60px; grid-template-columns: 363px auto auto 295px; justify-content: space-between; padding-top: 74px; padding-bottom: 80px; }
@media only screen and (max-width: 1199px) {
  .footer-2-widget-wrapper { grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 767px) {
  .footer-2-widget-wrapper { grid-template-columns: 1fr; }
}
.footer-2-widget-title { font-weight: 600; font-size: 20px; line-height: 26px; color: var(--white); position: relative; padding-bottom: 18px; }
.footer-2-widget-title::after { position: absolute; content: ""; width: 92px; height: 3px; left: 0px; bottom: 0px; background: linear-gradient(90deg, rgb(250, 94, 7) 45.67%, rgba(148, 56, 4, 0.5) 100%); border-radius: 2px; }
.footer-2-info-box .text { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); max-width: 313px; margin-top: 25px; }
.footer-2-nav-list { margin-top: 25px; display: grid; gap: 10px; }
.footer-2-nav-list li { list-style: none; }
.footer-2-nav-list li a { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); display: flex; gap: 6px; align-items: center; }
.footer-2-nav-list li a:hover { color: var(--theme); }
.footer-2-nav-list li a i { font-size: 12px; }
.footer-2-social { margin-top: 18px; }
.footer-2-social-links { display: flex; gap: 10px; align-items: center; }
.footer-2-social-links a { width: 45px; height: 45px; background-color: rgba(68, 68, 68, 0.3); font-size: 16px; color: var(--white); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; }
.footer-2-social-links a:hover { color: var(--white); background-color: var(--theme); }
.footer-2-blog-wrapper-box { margin-top: 30px; }
.footer-2-blog-wrapper { display: grid; gap: 20px; }
.footer-2-blog { display: flex; gap: 10px 20px; align-items: center; }
@media (max-width: 575px) {
  .footer-2-blog { flex-direction: column; align-items: flex-start; }
}
.footer-2-blog:hover .thumb img { transform: scale(1.05); }
.footer-2-blog .thumb { width: 90px; min-width: 90px; height: 90px; border-radius: 5px; overflow: hidden; }
.footer-2-blog .thumb img { width: 100%; transition: 0.5s; }
.footer-2-blog .title { font-weight: 600; font-size: 16px; line-height: 22px; color: var(--white); }
.footer-2-blog .title a:hover { color: var(--theme); }
.footer-2-blog .date { font-weight: 500; font-size: 14px; line-height: 24px; display: flex; gap: 8px; align-items: center; margin-top: 10px; color: var(--white); }
.footer-2-blog .date i { color: var(--theme); }
.footer-2-newsletter-box { position: relative; z-index: 1; }
.footer-2-newsletter-box::before { position: absolute; width: 100%; height: 1000px; left: 0px; top: 83px; background: rgb(68, 68, 68); opacity: 0.22; content: ""; z-index: -1; }
.footer-2-newsletter-wrapper { padding: 48px 40px; display: grid; gap: 30px 60px; grid-template-columns: 1fr 783px; align-items: center; background-color: var(--theme); border-radius: 30px; }
@media only screen and (max-width: 1199px) {
  .footer-2-newsletter-wrapper { grid-template-columns: 1fr 523px; }
}
@media only screen and (max-width: 991px) {
  .footer-2-newsletter-wrapper { grid-template-columns: 1fr; }
}
@media only screen and (max-width: 767px) {
  .footer-2-newsletter-wrapper { padding: 28px 20px; }
}
.footer-2-newsletter-content .title { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: var(--white); max-width: 355px; }
.footer-2-newsletter-form { margin-top: 17px; }
@media only screen and (max-width: 991px) {
  .footer-2-newsletter-form { margin-top: 0px; }
}
.footer-2-subscribe-form { width: 100%; }
.footer-2-subscribe-form .input-field { display: grid; gap: 20px 60px; grid-template-columns: 1fr 1fr auto; align-items: center; }
@media only screen and (max-width: 1199px) {
  .footer-2-subscribe-form .input-field { gap: 20px 40px; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 575px) {
  .footer-2-subscribe-form .input-field { grid-template-columns: 1fr; }
}
.footer-2-subscribe-form .input-field input { border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(255, 255, 255, 0.3); border-image: none; outline: none; font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); width: 100%; padding-bottom: 7px; background-color: transparent; }
.footer-2-subscribe-form .input-field input::placeholder { color: var(--white); }
.footer-2-subscribe-form .input-field .ui-btn { padding: 19px 25px; background-color: var(--white); border-color: transparent; border-radius: 5px; color: var(--theme); font-size: 16px; font-family: var(--font_unbounded); margin-right: auto; }
.footer-2-subscribe-form .input-field .ui-btn .btn-wrap .text-one, .footer-2-subscribe-form .input-field .ui-btn .btn-wrap .text-two { color: var(--theme); gap: 5px; }
.footer-2-bottom-area { position: relative; z-index: 1; }
.copyright-2-area-inner { display: grid; gap: 10px 60px; grid-template-columns: auto auto; justify-content: space-between; align-items: center; padding-top: 18px; padding-bottom: 18px; }
@media only screen and (max-width: 767px) {
  .copyright-2-area-inner { grid-template-columns: auto; justify-content: center; }
}
.copyright-2-text .text { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); }
@media only screen and (max-width: 991px) {
  .copyright-2-text .text { text-align: center; }
}
.copyright-2-text .text a { color: var(--theme); }
.copyright-2-text .text a:hover { color: var(--white-2); }
@media only screen and (max-width: 767px) {
  .copyright-2-cards { text-align: center; }
}
.footer-3-area { position: relative; z-index: 1; }
.footer-3-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.footer-3-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--black); top: 0px; left: 0px; opacity: 0.9; }
.footer-3-bg img { width: 100%; height: 100%; object-fit: cover; }
.footer-3-main-inner { position: relative; z-index: 1; }
.footer-3-shape-1 { position: absolute; z-index: -1; right: calc(100% + 47px); bottom: 0px; width: max-content; }
.footer-3-shape-2 { position: absolute; z-index: -1; left: calc(100% + 56px); bottom: 0px; width: max-content; }
.footer-3-shape-2 img { transform: rotateY(180deg); }
.footer-3-widget-wrapper { display: grid; gap: 50px 60px; grid-template-columns: 363px auto auto 295px; justify-content: space-between; padding-top: 114px; padding-bottom: 100px; }
@media only screen and (max-width: 1919px) {
  .footer-3-widget-wrapper { padding-top: 94px; padding-bottom: 80px; }
}
@media only screen and (max-width: 1199px) {
  .footer-3-widget-wrapper { grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 767px) {
  .footer-3-widget-wrapper { grid-template-columns: 1fr; }
}
.footer-3-widget-title { font-weight: 600; font-size: 20px; line-height: 26px; color: var(--white); position: relative; padding-bottom: 18px; }
.footer-3-widget-title::after { position: absolute; content: ""; width: 92px; height: 3px; left: 0px; bottom: 0px; background: linear-gradient(90deg, rgb(250, 94, 7) 45.67%, rgba(148, 56, 4, 0.5) 100%); border-radius: 2px; }
.footer-3-info-box .text { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); max-width: 313px; margin-top: 22px; }
.footer-3-logo img { width: 288px; }
@media only screen and (max-width: 1919px) {
  .footer-3-logo img { width: 248px; }
}
@media only screen and (max-width: 767px) {
  .footer-3-logo img { width: 208px; }
}
.footer-3-nav-list { margin-top: 25px; display: grid; gap: 10px; }
.footer-3-nav-list li { list-style: none; }
.footer-3-nav-list li a { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); display: flex; gap: 6px; align-items: center; }
.footer-3-nav-list li a:hover { color: var(--theme); }
.footer-3-nav-list li a i { font-size: 12px; }
.footer-3-social { margin-top: 22px; }
.footer-3-social-links { display: flex; gap: 10px; align-items: center; }
.footer-3-social-links a { width: 45px; height: 45px; background-color: rgba(68, 68, 68, 0.3); font-size: 16px; color: var(--white); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; }
.footer-3-social-links a:hover { color: var(--white); background-color: var(--theme); }
.footer-3-blog-wrapper-box { margin-top: 30px; }
.footer-3-blog-wrapper { display: grid; gap: 20px; }
.footer-3-blog { display: flex; gap: 10px 20px; align-items: center; }
@media (max-width: 575px) {
  .footer-3-blog { flex-direction: column; align-items: flex-start; }
}
.footer-3-blog .thumb { width: 90px; min-width: 90px; height: 90px; border-radius: 5px; overflow: hidden; }
.footer-3-blog .thumb img { width: 100%; }
.footer-3-blog .title { font-weight: 600; font-size: 16px; line-height: 22px; color: var(--white); }
.footer-3-blog .title a:hover { color: var(--theme); }
.footer-3-blog .date { font-weight: 500; font-size: 14px; line-height: 24px; display: flex; gap: 8px; align-items: center; margin-top: 10px; color: var(--white); }
.footer-3-blog .date i { color: var(--theme); }
.footer-3-bottom-area { border-top: 1px solid rgba(255, 255, 255, 0.2); }
.copyright-3-area-inner { padding-top: 22px; }
.copyright-3-text .text { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); text-align: center; }
.copyright-3-text .text a { color: var(--theme); }
.copyright-3-text .text a:hover { color: var(--white-2); }
.copyright-3-big-text { margin-top: 67px; }
@media only screen and (max-width: 1919px) {
  .copyright-3-big-text { margin-top: 47px; }
}
.copyright-3-big-text .text { font-weight: 700; font-size: 207px; line-height: 0.8; text-transform: capitalize; background: linear-gradient(183.05deg, rgba(250, 94, 7, 0.7) 50.3%, rgba(148, 56, 4, 0.7) 97.47%) text; -webkit-text-fill-color: transparent; opacity: 0.98; text-align: center; }
@media only screen and (max-width: 1919px) {
  .copyright-3-big-text .text { font-size: 167px; }
}
@media only screen and (max-width: 1399px) {
  .copyright-3-big-text .text { font-size: 15vw; }
}
.footer-4-area { position: relative; z-index: 1; }
.footer-4-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; background-color: var(--black); }
.footer-4-bg img { width: 100%; height: 100%; object-fit: cover; }
.footer-4-main-inner { position: relative; z-index: 1; }
.footer-4-widget-wrapper { display: grid; gap: 50px 60px; grid-template-columns: 310px auto auto 300px; justify-content: space-between; padding-top: 113px; padding-bottom: 120px; }
@media only screen and (max-width: 1919px) {
  .footer-4-widget-wrapper { padding-top: 83px; padding-bottom: 90px; }
}
@media only screen and (max-width: 1199px) {
  .footer-4-widget-wrapper { grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 767px) {
  .footer-4-widget-wrapper { grid-template-columns: 1fr; }
}
.footer-4-widget-title { font-weight: 600; font-size: 20px; line-height: 26px; color: var(--white); position: relative; padding-bottom: 18px; }
.footer-4-widget-title .bottom-borders { display: flex; gap: 5px; position: absolute; bottom: 0px; left: 0px; }
.footer-4-widget-title .bottom-borders .line { width: 17px; height: 2px; background-color: var(--theme); }
.footer-4-widget-title .bottom-borders .line:nth-child(1) { width: 10px; background-color: var(--white); }
.footer-4-widget-title .bottom-borders .line:nth-child(3) { width: 44px; background-color: var(--white); }
.footer-4-info-box .text { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); max-width: 310px; margin-top: 22px; }
.footer-4-logo img { width: 288px; }
@media only screen and (max-width: 1919px) {
  .footer-4-logo img { width: 248px; }
}
@media only screen and (max-width: 767px) {
  .footer-4-logo img { width: 208px; }
}
.footer-4-nav-list { margin-top: 30px; display: grid; gap: 10px; }
.footer-4-nav-list li { list-style: none; }
.footer-4-nav-list li a { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); display: flex; gap: 10px; align-items: center; }
.footer-4-nav-list li a:hover { color: var(--theme); }
.footer-4-nav-list li a i { font-size: 12px; }
.footer-4-social { margin-top: 22px; }
.footer-4-social-links { display: flex; gap: 10px; align-items: center; }
.footer-4-social-links a { width: 45px; height: 45px; background-color: rgba(68, 68, 68, 0.3); font-size: 16px; color: var(--white); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; }
.footer-4-social-links a:hover { color: var(--white); background-color: var(--theme); }
.footer-4-blog-wrapper-box { margin-top: 37px; }
.footer-4-blog-wrapper { display: grid; gap: 20px; }
.footer-4-blog { display: flex; gap: 10px 20px; align-items: center; }
@media (max-width: 575px) {
  .footer-4-blog { flex-direction: column; align-items: flex-start; }
}
.footer-4-blog:hover .thumb img { transform: scale(1.05); }
.footer-4-blog .thumb { width: 80px; min-width: 75px; height: 75px; border-radius: 5px; overflow: hidden; }
.footer-4-blog .thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.footer-4-blog .title { font-weight: 600; font-size: 16px; line-height: 22px; color: var(--white); margin-top: 3px; }
.footer-4-blog .title a:hover { color: var(--theme); }
.footer-4-blog .date { font-weight: 500; font-size: 14px; line-height: 24px; display: flex; gap: 8px; align-items: center; color: var(--white); }
.footer-4-blog .date i { color: var(--theme); }
.copyright-4-area-inner { padding-top: 22px; padding-bottom: 23px; }
.copyright-4-text .text { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); text-align: center; }
.copyright-4-text .text a { color: var(--theme); }
.copyright-4-text .text a:hover { color: var(--white); }
.footer-4-newsletter-box { background-color: var(--black); }
.footer-4-newsletter-inner { display: grid; gap: 30px 60px; grid-template-columns: auto 340px auto; align-items: center; justify-content: space-between; padding: 54px 0px; }
@media only screen and (max-width: 1919px) {
  .footer-4-newsletter-inner { padding: 34px 0px; }
}
@media only screen and (max-width: 991px) {
  .footer-4-newsletter-inner { grid-template-columns: 1fr; }
}
.footer-4-newsletter-content .title { font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: capitalize; color: var(--white); max-width: 305px; }
@media only screen and (max-width: 1199px) {
  .footer-4-newsletter-content .title { font-size: 24px; max-width: 235px; }
}
@media only screen and (max-width: 991px) {
  .footer-4-newsletter-content .title { max-width: 100%; text-align: center; }
}
.footer-4-subscribe-form { width: 100%; }
.footer-4-subscribe-form .input-field { display: grid; gap: 20px 10px; grid-template-columns: 1fr auto; align-items: center; border: 2px solid rgba(115, 115, 115, 0.2); border-radius: 4px; padding: 3px; }
.footer-4-subscribe-form .input-field input { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); width: 100%; padding-left: 15px; background-color: transparent; }
.footer-4-subscribe-form .input-field input::placeholder { color: var(--white); }
.footer-4-subscribe-form .input-field .ui-btn { padding: 16px; background-color: var(--theme); border-color: transparent; border-radius: 5px; color: var(--theme); font-size: 16px; font-family: var(--font_unbounded); margin-right: auto; }
.footer-4-subscribe-form .input-field .ui-btn .btn-wrap .text-one, .footer-4-subscribe-form .input-field .ui-btn .btn-wrap .text-two { color: var(--theme); gap: 5px; }
.footer-4-newsletter-link { display: flex; gap: 5px 16px; flex-wrap: wrap; }
@media only screen and (max-width: 991px) {
  .footer-4-newsletter-link { justify-content: center; }
}
.footer-4-newsletter-link a { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); display: inline-block; }
.footer-4-newsletter-link a:hover { color: var(--theme); }
.footer-4-newsletter-link .slash { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); }
.footer-5-bottom-area { position: relative; z-index: 1; }
.footer-5-bottom-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.footer-5-bottom-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--black); opacity: 0.9; top: 0px; left: 0px; }
.footer-5-bottom-bg img { width: 100%; height: 100%; object-fit: cover; }
.footer-5-main-inner { display: grid; gap: 40px 60px; grid-template-columns: 384px 1fr; padding-bottom: 80px; }
@media only screen and (max-width: 991px) {
  .footer-5-main-inner { grid-template-columns: 1fr; }
}
.footer-5-widget-wrapper { padding-top: 33px; display: grid; gap: 50px 60px; grid-template-columns: auto auto 285px; justify-content: space-between; }
@media only screen and (max-width: 1199px) {
  .footer-5-widget-wrapper { grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 767px) {
  .footer-5-widget-wrapper { grid-template-columns: 1fr; }
}
.footer-5-social-box { background-color: var(--theme); padding: 40px; border-radius: 0px 0px 30px 30px; }
@media only screen and (max-width: 991px) {
  .footer-5-social-box { padding: 20px; order: 2; border-radius: 30px; }
}
.footer-5-social-box .title { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: var(--white); margin-top: 24px; }
.footer-5-social-box .text { font-weight: 500; font-size: 18px; line-height: 30px; text-transform: capitalize; color: var(--white); margin-top: 15px; }
.footer-5-social { margin-top: 17px; }
.footer-5-social .social-title { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: var(--white); }
.footer-5-social-links { margin-top: 10px; display: flex; gap: 7px; align-items: center; }
.footer-5-social-links a { width: 40px; height: 40px; background-color: var(--white); font-size: 16px; color: var(--theme); display: inline-flex; justify-content: center; align-items: center; }
.footer-5-social-links a:hover { color: var(--white); background-color: var(--black); }
.footer-5-meta-box { border-bottom: 1px dashed rgba(255, 255, 255, 0.2); position: relative; padding-top: 62px; padding-bottom: 60px; display: flex; gap: 30px; flex-wrap: wrap; }
.footer-5-meta-box .meta-shape-1 { position: absolute; right: -7px; top: 0px; }
@media only screen and (max-width: 1199px) {
  .footer-5-meta-box .meta-shape-1 { width: 120px; }
}
@media only screen and (max-width: 767px) {
  .footer-5-meta-box .meta-shape-1 { width: 80px; }
}
.footer-5-meta-box .meta-shape-1 img { animation: 5s linear 0s infinite normal none running t-slide-X; }
.footer-5-meta-item { display: flex; gap: 10px 20px; align-items: center; }
.footer-5-meta-item .icon { width: 50px; height: 50px; border: 1px solid var(--white); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; }
.footer-5-meta-item .text { font-weight: 500; font-size: 14px; line-height: 20px; color: var(--white); }
.footer-5-meta-item .contact { font-weight: 600; font-size: 20px; line-height: 1.3; text-transform: capitalize; color: var(--white); margin-top: 4px; }
@media only screen and (max-width: 767px) {
  .footer-5-meta-item .contact { font-size: 16px; }
}
.footer-5-meta-item .contact a:hover { color: var(--theme); }
.footer-5-widget-title { font-weight: 600; font-size: 24px; line-height: 1.33; color: var(--white); position: relative; padding-bottom: 13px; }
@media only screen and (max-width: 1199px) {
  .footer-5-widget-title { font-size: 20px; }
}
.footer-5-widget-title .bottom-borders { display: flex; gap: 5px; position: absolute; bottom: 0px; left: 0px; }
.footer-5-widget-title .bottom-borders .line { width: 17px; height: 2px; background-color: var(--theme); }
.footer-5-widget-title .bottom-borders .line:nth-child(1) { width: 10px; background-color: var(--white); }
.footer-5-widget-title .bottom-borders .line:nth-child(3) { width: 44px; background-color: var(--white); }
.footer-5-nav-list { margin-top: 25px; display: grid; gap: 10px; }
.footer-5-nav-list li { list-style: none; }
.footer-5-nav-list li a { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); display: flex; gap: 6px; align-items: center; }
.footer-5-nav-list li a:hover { color: var(--theme); }
.footer-5-nav-list li a i { font-size: 12px; }
.footer-5-gallery-wrapper-box { margin-top: 30px; }
.footer-5-gallery-wrapper { display: grid; gap: 12px; grid-template-columns: repeat(3, 1fr); }
.footer-5-gallery-wrapper .thumb { border-radius: 5px; overflow: hidden; }
.footer-5-gallery-wrapper .thumb img { width: 100%; }
.copyright-5-area-inner { display: grid; gap: 10px 60px; grid-template-columns: auto auto; justify-content: space-between; align-items: center; padding-top: 23px; padding-bottom: 23px; border-top: 1px dashed rgba(255, 255, 255, 0.2); }
@media only screen and (max-width: 991px) {
  .copyright-5-area-inner { grid-template-columns: auto; justify-content: center; }
}
.copyright-5-text .text { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); }
@media only screen and (max-width: 991px) {
  .copyright-5-text .text { text-align: center; }
}
.copyright-5-text .text a { color: var(--theme); }
.copyright-5-text .text a:hover { color: var(--white); }
.copyright-5-link { display: flex; gap: 5px 16px; flex-wrap: wrap; }
@media only screen and (max-width: 991px) {
  .copyright-5-link { justify-content: center; }
}
.copyright-5-link a { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); display: inline-block; }
.copyright-5-link a:hover { color: var(--theme); }
.copyright-5-link .slash { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); }
.footer-5-newsletter-form { margin-top: 21px; }
.footer-5-subscribe-form { width: 100%; }
.footer-5-subscribe-form .input-field { display: grid; gap: 13px 15px; grid-template-columns: 1fr; }
.footer-5-subscribe-form .input-field input { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-weight: 500; font-size: 16px; line-height: 26px; color: var(--black); width: 100%; padding: 15px 30px; border-radius: 30px; }
.footer-5-subscribe-form .input-field input::placeholder { color: var(--secondary); }
.footer-5-subscribe-form .input-field .ui-btn { padding: 19px 30px; background-color: var(--black); border-color: transparent; border-radius: 30px; font-size: 16px; font-family: var(--font_unbounded); }
.footer-6-area { background-color: var(--black); position: relative; z-index: 1; }
.footer-6-lines-wrapper { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.footer-6-lines-wrapper .container { height: 100%; }
.footer-6-lines-inner { position: relative; height: 100%; }
.footer-6-lines { position: absolute; width: calc(100% + 240px); height: 100%; top: 0px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; z-index: -1; }
.footer-6-lines .line { opacity: 0.15; border-right: 1px dashed var(--white); height: 100%; }
.footer-6-main-area { border-bottom: 1px dashed rgba(255, 255, 255, 0.15); }
.footer-6-main-inner { position: relative; z-index: 1; }
.footer-6-widget-wrapper { display: grid; gap: 50px 60px; grid-template-columns: 325px auto auto 270px; justify-content: space-between; padding-top: 113px; padding-bottom: 80px; overflow: hidden; }
@media only screen and (max-width: 1919px) {
  .footer-6-widget-wrapper { padding-top: 83px; padding-bottom: 70px; }
}
@media only screen and (max-width: 1199px) {
  .footer-6-widget-wrapper { grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 767px) {
  .footer-6-widget-wrapper { grid-template-columns: 1fr; }
}
.footer-6-widget-box { position: relative; }
.footer-6-widget-box::before { position: absolute; content: ""; width: 1px; height: 1000px; border-left: 1px dashed rgba(255, 255, 255, 0.15); top: 50%; transform: translateY(-50%); left: -50px; }
.footer-6-widget-title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; color: var(--white); position: relative; padding-bottom: 6px; }
.footer-6-widget-title .bottom-borders { display: flex; gap: 5px; position: absolute; bottom: 0px; left: 0px; }
.footer-6-widget-title .bottom-borders .line { width: 17px; height: 2px; background-color: var(--theme); }
.footer-6-widget-title .bottom-borders .line:nth-child(1) { width: 10px; background-color: var(--white); }
.footer-6-widget-title .bottom-borders .line:nth-child(3) { width: 44px; background-color: var(--white); }
.footer-6-logo img { width: 288px; }
@media only screen and (max-width: 1919px) {
  .footer-6-logo img { width: 248px; }
}
@media only screen and (max-width: 767px) {
  .footer-6-logo img { width: 208px; }
}
.footer-6-nav-list { margin-top: 25px; display: grid; gap: 5px; }
.footer-6-nav-list li { list-style: none; }
.footer-6-nav-list li a { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); display: flex; gap: 10px; align-items: center; }
.footer-6-nav-list li a:hover { color: var(--theme); }
.footer-6-nav-list li a i { font-size: 12px; }
.footer-6-social { margin-top: 20px; }
.footer-6-social-links { display: flex; gap: 7px; align-items: center; }
.footer-6-social-links a { width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.15); font-size: 16px; color: var(--white); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; }
.footer-6-social-links a:hover { color: var(--white); background-color: var(--theme); border-color: transparent; }
.footer-6-meta-wrapper { margin-top: 22px; display: grid; gap: 6px; }
.footer-6-meta-item { display: flex; gap: 10px 15px; align-items: center; }
.footer-6-meta-item .icon { width: 30px; height: 30px; min-width: 30px; background: rgba(255, 255, 255, 0.07); display: inline-flex; justify-content: center; align-items: center; border-radius: 6px; margin-bottom: 6px; }
.footer-6-meta-item .contact { font-weight: 500; font-size: 16px; line-height: 26px; text-transform: capitalize; color: var(--white); display: flex; flex-direction: column; }
.footer-6-meta-item .contact a:hover { color: var(--theme); }
.footer-6-newsletter-content .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; color: var(--white); }
@media only screen and (max-width: 1199px) {
  .footer-6-newsletter-content .title { font-size: 24px; }
}
@media only screen and (max-width: 991px) {
  .footer-6-newsletter-content .title { text-align: center; }
}
.footer-6-newsletter-content .text { font-weight: 600; font-size: 16px; line-height: 26px; color: var(--white); margin-top: 12px; }
.footer-6-subscribe-form { width: 100%; max-width: 295px; margin-top: 13px; }
.footer-6-subscribe-form .input-field { display: grid; gap: 20px 10px; grid-template-columns: 1fr auto; align-items: center; background: var(--white); border-radius: 5px; padding: 3px; }
.footer-6-subscribe-form .input-field input { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-weight: 500; font-size: 16px; line-height: 26px; color: var(--black); width: 100%; padding-left: 15px; background-color: transparent; }
.footer-6-subscribe-form .input-field input::placeholder { color: var(--secondary); }
.footer-6-subscribe-form .input-field .ui-btn { padding: 12px; background-color: var(--theme); border-color: transparent; border-radius: 5px; color: var(--theme); font-size: 16px; font-family: var(--font_unbounded); margin-right: auto; }
.footer-6-subscribe-form .input-field .ui-btn::before { background-color: var(--black); }
.footer-6-subscribe-form .input-field .ui-btn .btn-wrap .text-one, .footer-6-subscribe-form .input-field .ui-btn .btn-wrap .text-two { color: var(--white); gap: 5px; }
.footer-6-subscribe-form .input-field .ui-btn .btn-wrap .text-one i, .footer-6-subscribe-form .input-field .ui-btn .btn-wrap .text-two i { color: var(--white); transform: rotate(-45deg); }
.copyright-6-area { border-top: 1px dashed rgba(255, 255, 255, 0.15); }
.copyright-6-area-inner { display: grid; gap: 10px 60px; grid-template-columns: auto auto; justify-content: space-between; align-items: center; padding-top: 22px; padding-bottom: 22px; }
@media only screen and (max-width: 991px) {
  .copyright-6-area-inner { grid-template-columns: auto; justify-content: center; }
}
.copyright-6-text .text { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); }
@media only screen and (max-width: 991px) {
  .copyright-6-text .text { text-align: center; }
}
.copyright-6-text .text a { color: var(--theme); }
.copyright-6-text .text a:hover { color: var(--white); }
.copyright-6-link { display: flex; gap: 5px 16px; flex-wrap: wrap; }
@media only screen and (max-width: 991px) {
  .copyright-6-link { justify-content: center; }
}
.copyright-6-link a { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); display: inline-block; }
.copyright-6-link a:hover { color: var(--theme); }
.copyright-6-link .slash { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); }
.footer-7-area { position: relative; z-index: 1; padding-bottom: 30px; }
.footer-7-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.footer-7-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--black); opacity: 0.8; top: 0px; left: 0px; }
.footer-7-bg img { width: 100%; height: 100%; object-fit: cover; }
.footer-7-widget-wrapper { display: grid; gap: 50px 60px; grid-template-columns: 385px auto auto 270px; justify-content: space-between; padding-top: 113px; padding-bottom: 80px; overflow: hidden; }
@media only screen and (max-width: 1919px) {
  .footer-7-widget-wrapper { padding-top: 83px; padding-bottom: 70px; }
}
@media only screen and (max-width: 1199px) {
  .footer-7-widget-wrapper { grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 767px) {
  .footer-7-widget-wrapper { grid-template-columns: 1fr; }
}
.footer-7-widget-title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; color: var(--white); position: relative; padding-bottom: 6px; }
.footer-7-widget-title .bottom-borders { display: flex; gap: 5px; position: absolute; bottom: 0px; left: 0px; }
.footer-7-widget-title .bottom-borders .line { width: 17px; height: 2px; background-color: var(--theme); }
.footer-7-widget-title .bottom-borders .line:nth-child(1) { width: 10px; background-color: var(--white); }
.footer-7-widget-title .bottom-borders .line:nth-child(3) { width: 44px; background-color: var(--white); }
.footer-7-logo img { width: 288px; }
@media only screen and (max-width: 1919px) {
  .footer-7-logo img { width: 248px; }
}
@media only screen and (max-width: 767px) {
  .footer-7-logo img { width: 208px; }
}
.footer-7-nav-list { margin-top: 25px; display: grid; gap: 5px; }
.footer-7-nav-list li { list-style: none; }
.footer-7-nav-list li a { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); display: flex; gap: 10px; align-items: center; }
.footer-7-nav-list li a:hover { color: var(--theme); }
.footer-7-nav-list li a i { font-size: 12px; }
.footer-7-social-links { display: flex; gap: 7px; align-items: center; }
@media only screen and (max-width: 991px) {
  .footer-7-social-links { justify-content: center; }
}
.footer-7-social-links a { width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.27); font-size: 16px; color: var(--white); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; position: relative; z-index: 1; }
.footer-7-social-links a:hover { color: var(--white); background-color: var(--black); border-color: transparent; }
.footer-7-meta-wrapper { margin-top: 22px; display: grid; gap: 6px; }
.footer-7-meta-item { display: flex; gap: 10px 15px; align-items: center; }
.footer-7-meta-item .icon { width: 30px; height: 30px; min-width: 30px; background: rgba(255, 255, 255, 0.07); display: inline-flex; justify-content: center; align-items: center; border-radius: 6px; margin-bottom: 6px; }
.footer-7-meta-item .contact { font-weight: 500; font-size: 16px; line-height: 26px; text-transform: capitalize; color: var(--white); display: flex; flex-direction: column; }
.footer-7-meta-item .contact a:hover { color: var(--theme); }
.footer-7-newsletter-content .title { font-weight: 600; font-size: 20px; line-height: 1.3; text-transform: capitalize; color: var(--white); }
.footer-7-newsletter-content .text { font-weight: 600; font-size: 16px; line-height: 26px; color: var(--white); margin-top: 22px; max-width: 282px; }
.footer-7-subscribe-form { width: 100%; max-width: 385px; margin-top: 25px; }
.footer-7-subscribe-form .input-field { display: grid; gap: 20px 10px; grid-template-columns: 1fr auto; align-items: center; background: rgb(30, 33, 43); }
.footer-7-subscribe-form .input-field input { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); width: 100%; padding-left: 25px; background-color: transparent; }
.footer-7-subscribe-form .input-field input::placeholder { color: var(--white); }
.footer-7-subscribe-form .input-field .ui-btn { padding: 21px 24px; background-color: var(--theme); border-color: transparent; border-radius: 0px; color: var(--theme); font-size: 16px; font-family: var(--font_unbounded); margin-right: auto; }
.footer-7-subscribe-form .input-field .ui-btn::before { background-color: var(--black); }
.footer-7-subscribe-form .input-field .ui-btn .btn-wrap .text-one, .footer-7-subscribe-form .input-field .ui-btn .btn-wrap .text-two { color: var(--white); gap: 5px; }
.footer-7-subscribe-form .input-field .ui-btn .btn-wrap .text-one i, .footer-7-subscribe-form .input-field .ui-btn .btn-wrap .text-two i { color: var(--white); transform: rotate(-45deg); }
.copyright-7-area-inner { background-color: var(--theme); position: relative; }
.copyright-7-shape-1 { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); }
@media only screen and (max-width: 991px) {
  .copyright-7-shape-1 { opacity: 0.2; }
}
.copyright-7-top { display: grid; gap: 10px 60px; grid-template-columns: auto auto; justify-content: space-between; align-items: center; padding: 30px 30px 20px; }
@media only screen and (max-width: 991px) {
  .copyright-7-top { grid-template-columns: auto; justify-content: center; }
}
.copyright-7-bottom { display: grid; gap: 10px 60px; grid-template-columns: auto auto; justify-content: space-between; align-items: center; padding: 20px 30px 30px; border-top: 1px solid rgba(255, 255, 255, 0.27); }
@media only screen and (max-width: 991px) {
  .copyright-7-bottom { grid-template-columns: auto; justify-content: center; }
}
.copyright-7-text .text { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); position: relative; z-index: 1; }
@media only screen and (max-width: 991px) {
  .copyright-7-text .text { text-align: center; }
}
.copyright-7-text .text a { color: var(--black); }
.copyright-7-text .text a:hover { color: var(--white); }
.copyright-7-link { display: flex; gap: 5px 20px; flex-wrap: wrap; align-items: center; }
@media only screen and (max-width: 991px) {
  .copyright-7-link { justify-content: center; }
}
.copyright-7-link a { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); display: inline-block; position: relative; z-index: 1; }
.copyright-7-link a:hover { color: var(--black); }
.copyright-7-link .dot { width: 5px; height: 5px; background-color: var(--white); border-radius: 50%; display: inline-block; }
.footer-7-logo img { width: 288px; position: relative; z-index: 1; }
@media only screen and (max-width: 1919px) {
  .footer-7-logo img { width: 248px; }
}
@media only screen and (max-width: 767px) {
  .footer-7-logo img { width: 208px; }
}
.hero-area { position: relative; z-index: 2; }
.hero-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; background-color: var(--black); }
.hero-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.3; }
.hero-area-inner { padding-top: 318px; padding-bottom: 224px; min-height: 100vh; display: flex; justify-content: center; align-items: center; }
@media only screen and (max-width: 1919px) {
  .hero-area-inner { padding-top: 218px; padding-bottom: 124px; }
}
@media only screen and (max-width: 1399px) {
  .hero-area-inner { padding-top: 198px; padding-bottom: 104px; }
}
@media only screen and (max-width: 1199px) {
  .hero-area-inner { min-height: auto; }
}
.hero-image-1 { position: absolute; max-width: 564px; max-height: 100%; bottom: 0px; left: 0px; z-index: 2; }
@media only screen and (max-width: 1919px) {
  .hero-image-1 { max-width: 424px; }
}
@media only screen and (max-width: 1399px) {
  .hero-image-1 { max-width: 374px; }
}
@media only screen and (max-width: 1199px) {
  .hero-image-1 { max-width: 334px; }
}
@media only screen and (max-width: 991px) {
  .hero-image-1 { display: none; }
}
.hero-shape-1 { width: 400px; height: 100%; position: absolute; bottom: 0px; left: 0px; content: ""; background-image: linear-gradient(rgba(148, 56, 4, 0) 0%, rgba(196, 74, 5, 0.28) 5.53%, rgb(250, 94, 7) 100%); z-index: 1; }
@media only screen and (max-width: 1919px) {
  .hero-shape-1 { width: 300px; }
}
@media only screen and (max-width: 1199px) {
  .hero-shape-1 { width: 250px; }
}
@media only screen and (max-width: 991px) {
  .hero-shape-1 { display: none; }
}
.hero-shape-2 { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); opacity: 0.12; z-index: 1; width: max-content; }
.hero-shape-3 { position: absolute; bottom: 0px; left: 757px; }
@media only screen and (max-width: 1919px) {
  .hero-shape-3 { left: 557px; }
}
@media only screen and (max-width: 1199px) {
  .hero-shape-3 { left: 457px; }
}
.hero-shape-3 img { width: 218px; animation: 15s linear 0s infinite normal none running slideLoop; }
@media only screen and (max-width: 1919px) {
  .hero-shape-3 img { width: 188px; }
}
@keyframes slideLoop { 
  0% { transform: translateX(100vw); }
  100% { transform: translateX(-100vw); }
}
.hero-content { position: relative; z-index: 1; text-align: center; }
.hero-content .section-subtitle { justify-content: center; }
.hero-content .title-wrapper { margin-top: 17px; }
.hero-content .btn-wrapper { margin-top: 27px; }
.hero-title { font-weight: 700; font-size: 70px; line-height: 1.14; text-transform: unset; color: var(--white); max-width: 720px; margin-inline: auto; }
@media only screen and (max-width: 1919px) {
  .hero-title { font-size: 60px; }
}
@media only screen and (max-width: 1399px) {
  .hero-title { font-size: 50px; max-width: 620px; }
}
@media only screen and (max-width: 1199px) {
  .hero-title { font-size: 40px; max-width: 420px; }
}
@media (max-width: 575px) {
  .hero-title { font-size: 30px; max-width: 330px; }
}
.hero-review-sidebar { width: 400px; height: 100%; position: absolute; content: ""; z-index: 0; bottom: 0px; right: 0px; overflow-y: clip; display: grid; }
@media only screen and (max-width: 1919px) {
  .hero-review-sidebar { width: 300px; }
}
@media only screen and (max-width: 1199px) {
  .hero-review-sidebar { width: 250px; }
}
@media only screen and (max-width: 991px) {
  .hero-review-sidebar { position: static; width: 100%; display: grid; grid-template-columns: 300px 1fr; }
}
@media (max-width: 575px) {
  .hero-review-sidebar { grid-template-columns: 1fr; }
}
.hero-review-box { background-image: linear-gradient(360deg, rgba(250, 94, 7, 0.85) 0%, rgba(238, 123, 58, 0.15) 100%); padding: 171px 30px 73px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
@media only screen and (max-width: 1399px) {
  .hero-review-box { padding: 141px 20px 43px; }
}
@media only screen and (max-width: 991px) {
  .hero-review-box { padding: 41px 20px 43px; }
}
.hero-review-box .rating { font-family: var(--font_unbounded); font-weight: 700; font-size: 50px; line-height: 1.14; text-transform: capitalize; display: inline-block; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .hero-review-box .rating { font-size: 40px; }
}
@media (max-width: 575px) {
  .hero-review-box .rating { font-size: 30px; }
}
.hero-review-box .text { font-weight: 600; font-size: 16px; line-height: 1.37; text-align: center; text-transform: capitalize; color: var(--white); margin-top: 10px; max-width: 236px; margin-inline: auto; }
@media only screen and (max-width: 1199px) {
  .hero-review-box .text { font-size: 14px; }
}
.hero-review-box .underline { width: 82px; height: 2px; background-color: var(--white); display: inline-block; margin-top: 25px; }
.hero-review-box .client-group { display: flex; justify-content: center; margin-top: 22px; }
.hero-review-box .client-group img { width: 60px; height: 60px; border: 2px solid var(--white); border-radius: 50%; }
@media only screen and (max-width: 1919px) {
  .hero-review-box .client-group img { width: 50px; height: 50px; }
}
.hero-review-box .client-group > :not(:first-child) { margin-left: -30px; }
@media only screen and (max-width: 1919px) {
  .hero-review-box .client-group > :not(:first-child) { margin-left: -25px; }
}
.hero-review-box .client-group .group-more { width: 60px; height: 60px; border: 2px solid var(--white); border-radius: 50%; background-color: var(--black); display: flex; justify-content: center; align-items: center; font-size: 20px; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .hero-review-box .client-group .group-more { width: 50px; height: 50px; }
}
.hero-review-image { position: relative; height: 100%; }
.hero-review-image .circle-text { width: 190px; height: 190px; position: absolute; left: -98px; top: -61px; }
@media only screen and (max-width: 1919px) {
  .hero-review-image .circle-text { width: 150px; height: 150px; }
}
@media only screen and (max-width: 991px) {
  .hero-review-image .circle-text { left: 20px; top: 50%; transform: translateY(-50%); }
}
.hero-review-image .circle-text::before { content: ""; width: 118px; height: 118px; }
@media only screen and (max-width: 1919px) {
  .hero-review-image .circle-text::before { width: 98px; height: 98px; }
}
.hero-review-image .circle-text .text { padding: 12px; }
@media only screen and (max-width: 1919px) {
  .hero-review-image .circle-text .text { padding: 7px; }
}
.hero-review-image .image { width: 100%; height: 100%; object-fit: cover; }
.hero-2-area { background-color: var(--smoke); }
.hero-2-inner { padding-top: 270px; padding-bottom: 132px; position: relative; z-index: 1; }
@media only screen and (max-width: 1199px) {
  .hero-2-inner { padding-top: 170px; padding-bottom: 82px; }
}
.hero-2-lines { position: absolute; width: calc(100% + 60px); height: 100%; top: 0px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; z-index: -1; }
.hero-2-lines .line { opacity: 0.08; border-right: 1px dashed rgb(2, 2, 2); height: 100%; }
.hero-2-shape-1 { position: absolute; right: 15px; bottom: 0px; z-index: -1; width: 502px; }
@media only screen and (max-width: 1919px) {
  .hero-2-shape-1 { width: 402px; }
}
@media only screen and (max-width: 1399px) {
  .hero-2-shape-1 { width: 302px; }
}
@media only screen and (max-width: 1199px) {
  .hero-2-shape-1 { width: 252px; }
}
@media only screen and (max-width: 991px) {
  .hero-2-shape-1 { width: 202px; }
}
@media only screen and (max-width: 767px) {
  .hero-2-shape-1 { width: 152px; }
}
.hero-2-content .breadcrumb { list-style: none; margin-bottom: 0px; }
.hero-2-content .breadcrumb li { display: inline; font-family: var(--font_unbounded); font-size: 20px; line-height: 1.15; color: var(--theme); }
@media only screen and (max-width: 1919px) {
  .hero-2-content .breadcrumb li { font-size: 18px; }
}
@media only screen and (max-width: 1199px) {
  .hero-2-content .breadcrumb li { font-size: 16px; }
}
.hero-2-content .breadcrumb li a { color: var(--black); text-decoration: none; }
.hero-2-content .breadcrumb li a:hover { color: var(--theme); }
.hero-2-content .breadcrumb li + li::before { padding: 0px 14px; color: var(--theme); content: "//"; }
.hero-2-content .title-wrapper { margin-top: 16px; }
.hero-3-area { position: relative; z-index: 1; }
.hero-3-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.hero-3-bg::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0px; top: 0px; background: linear-gradient(270deg, rgb(2, 2, 2) 0%, rgba(18, 18, 18, 0.84) 35.05%, rgba(104, 104, 104, 0) 100%); opacity: 0.91; transform: matrix(-1, 0, 0, 1, 0, 0); }
.hero-3-bg img { width: 100%; height: 100%; object-fit: cover; }
.hero-3-shape-1 { position: absolute; bottom: 0px; left: 0px; display: flex; width: max-content; z-index: -1; animation: 30s linear 0s infinite normal none running scrollShape; }
.hero-3-shape-1 img { width: 100vw; height: auto; flex-shrink: 0; object-fit: cover; }
@keyframes scrollShape { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-100vw); }
}
.hero-3-inner { padding-top: 200px; padding-bottom: 100px; }
@media only screen and (max-width: 1199px) {
  .hero-3-inner { padding-top: 216px; padding-bottom: 78px; }
}
.hero-3-content .breadcrumb { list-style: none; margin-bottom: 0px; }
.hero-3-content .breadcrumb li { display: inline; font-family: var(--font_unbounded); font-size: 20px; line-height: 1.15; color: var(--theme); }
@media only screen and (max-width: 1199px) {
  .hero-3-content .breadcrumb li { font-size: 16px; }
}
.hero-3-content .breadcrumb li a { color: var(--white); text-decoration: none; }
.hero-3-content .breadcrumb li a:hover { color: var(--theme); }
.hero-3-content .breadcrumb li + li::before { padding: 0px 14px; color: var(--theme); content: "//"; }
.hero-3-content .title-wrapper { margin-top: 16px; }
.hero-3-content .section-title { color: var(--white); }
section.hero-4-area { background-color: var(--black); }
.hero-4-area-inner { padding-top: 137px; display: grid; gap: 30px; grid-template-columns: 1fr 1fr; }
@media only screen and (max-width: 991px) {
  .hero-4-area-inner { grid-template-columns: 1fr; }
}
.hero-4-content { background-color: var(--theme); border-radius: 20px; padding: 117px 60px 103px; position: relative; z-index: 1; }
@media only screen and (max-width: 1919px) {
  .hero-4-content { padding: 67px 40px 63px; }
}
@media only screen and (max-width: 1199px) {
  .hero-4-content { padding: 47px 20px 43px; }
}
.hero-4-content .shape-1 { position: absolute; right: 0px; bottom: 0px; z-index: -1; }
.hero-4-content .review-box { display: flex; gap: 10px 16px; align-items: center; flex-wrap: wrap; }
.hero-4-content .review-box .client-group { display: flex; justify-content: center; }
.hero-4-content .review-box .client-group img { width: 44px; height: 44px; border: 2px solid var(--white); border-radius: 50%; }
.hero-4-content .review-box .client-group img:not(:first-child) { margin-left: -12px; }
.hero-4-content .review-box .rating { display: flex; gap: 2px; }
.hero-4-content .review-box .rating i { color: rgb(255, 210, 64); }
.hero-4-content .review-box .text { font-weight: 500; font-size: 18px; line-height: 1.2; text-transform: capitalize; color: var(--white); margin-top: 6px; }
.hero-4-content .title-wrapper { margin-top: 18px; }
.hero-4-content .title { font-weight: 500; font-size: 66px; line-height: 1.12; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .hero-4-content .title { font-size: 46px; }
}
@media only screen and (max-width: 1199px) {
  .hero-4-content .title { font-size: 32px; }
}
@media only screen and (max-width: 767px) {
  .hero-4-content .title { font-size: 28px; }
}
.hero-4-content .text-wrapper { margin-top: 19px; }
.hero-4-content .text { font-weight: 500; font-size: 18px; line-height: 1.67; text-transform: capitalize; color: var(--white); max-width: 680px; }
@media only screen and (max-width: 1199px) {
  .hero-4-content .text { font-size: 16px; }
}
.hero-4-content .btn-wrapper { margin-top: 31px; }
.hero-4-content .ui-btn { background-color: var(--black); }
.hero-4-thumb { position: relative; border-radius: 20px; overflow: hidden; }
@media only screen and (max-width: 767px) {
  .hero-4-thumb { overflow: visible; }
}
.hero-4-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
@media only screen and (max-width: 767px) {
  .hero-4-thumb img { height: auto; }
}
.hero-4-review-box { background-color: var(--theme); padding: 24px 30px 40px; text-align: center; position: absolute; right: 0px; bottom: 0px; border-radius: 20px 0px; outline: 8px solid var(--black); width: 310px; }
@media only screen and (max-width: 767px) {
  .hero-4-review-box { width: 100%; position: static; margin-top: 30px; }
}
.hero-4-review-box .rating { font-weight: 700; font-size: 50px; line-height: 1.14; text-transform: capitalize; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .hero-4-review-box .rating { font-size: 40px; }
}
@media (max-width: 575px) {
  .hero-4-review-box .rating { font-size: 30px; }
}
.hero-4-review-box .text { font-weight: 600; font-size: 16px; line-height: 1.37; text-align: center; text-transform: capitalize; color: var(--white); margin-top: 10px; max-width: 236px; margin-inline: auto; }
@media only screen and (max-width: 1199px) {
  .hero-4-review-box .text { font-size: 14px; }
}
.hero-4-review-box .underline { width: 82px; height: 2px; background-color: var(--white); display: inline-block; margin-top: 25px; }
.hero-4-review-box .client-group { display: flex; justify-content: center; margin-top: 22px; }
.hero-4-review-box .client-group img { width: 60px; height: 60px; border: 2px solid var(--white); border-radius: 50%; }
@media only screen and (max-width: 1919px) {
  .hero-4-review-box .client-group img { width: 50px; height: 50px; }
}
.hero-4-review-box .client-group > :not(:first-child) { margin-left: -30px; }
@media only screen and (max-width: 1919px) {
  .hero-4-review-box .client-group > :not(:first-child) { margin-left: -25px; }
}
.hero-4-review-box .client-group .group-more { width: 60px; height: 60px; border: 2px solid var(--white); border-radius: 50%; background-color: var(--black); display: flex; justify-content: center; align-items: center; font-size: 20px; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .hero-4-review-box .client-group .group-more { width: 50px; height: 50px; }
}
.hero-5-area { margin-top: 154px; }
@media only screen and (max-width: 1919px) {
  .hero-5-area { margin-top: 144px; }
}
@media only screen and (max-width: 1199px) {
  .hero-5-area { margin-top: 80px; }
}
.hero-5-box { border-radius: 50px; overflow: hidden; position: relative; z-index: 1; }
@media only screen and (max-width: 1199px) {
  .hero-5-box { border-radius: 20px; }
}
.hero-5-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.hero-5-bg img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: 8s ease-out; }
.hero-5-content { margin: 172px 0px 172px auto; max-width: 546px; background-color: var(--white); border-radius: 20px; padding: 40px; }
@media only screen and (max-width: 1919px) {
  .hero-5-content { margin: 122px 0px 122px auto; }
}
@media only screen and (max-width: 991px) {
  .hero-5-content { margin: 172px 0px 62px auto; }
}
@media only screen and (max-width: 767px) {
  .hero-5-content { padding: 20px; }
}
.hero-5-content .review-box { position: relative; padding-left: 16px; }
.hero-5-content .review-box::before { position: absolute; content: ""; width: 2px; height: 100%; top: 0px; left: 0px; background-color: var(--theme); }
.hero-5-content .review-box .rating { display: flex; gap: 2px; }
.hero-5-content .review-box .rating i { color: var(--theme); font-size: 15px; }
.hero-5-content .review-box .text { font-weight: 500; font-size: 18px; line-height: 1; text-transform: capitalize; margin-top: 11px; }
.hero-5-content .title-wrapper { margin-top: 15px; }
.hero-5-content .hero-5-title { font-weight: 500; font-size: 66px; line-height: 1.12; }
@media only screen and (max-width: 1919px) {
  .hero-5-content .hero-5-title { font-size: 56px; }
}
@media only screen and (max-width: 1199px) {
  .hero-5-content .hero-5-title { font-size: 40px; }
}
@media (max-width: 575px) {
  .hero-5-content .hero-5-title { font-size: 34px; }
}
.hero-5-content .text-wrapper { margin-top: 19px; }
.hero-5-content .text { font-weight: 500; font-size: 18px; line-height: 30px; text-transform: capitalize; }
.hero-5-content .btn-wrapper { margin-top: 31px; }
.swiper-slide-active .hero-5-bg img { transform: scale(1.12); }
.hero-5-inner { position: relative; }
.hero-5-paginations { position: absolute; width: 100%; bottom: 0px; z-index: 1; }
.hero-5-paginations .slider-active-paginations-wrapper { max-width: 546px; display: flex; justify-content: center; margin-left: auto; }
.hero-5-paginations .swiper-pagination-bullets { display: inline-flex; gap: 6px; padding: 22px 43px 16px; background-color: var(--white); border-radius: 30px 30px 0px 0px; width: auto !important; }
@media only screen and (max-width: 1199px) {
  .hero-5-paginations .swiper-pagination-bullets { padding: 12px 33px 11px; border-radius: 20px 20px 0px 0px; }
}
.hero-5-paginations .swiper-pagination-bullets .swiper-pagination-bullet { width: 17px; height: 17px; background-color: var(--theme); border-radius: 50%; opacity: 0.3; margin: 0px !important; }
.hero-5-paginations .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }
.hero-6-inner { position: relative; }
.hero-6-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.hero-6-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--black); top: 0px; left: 0px; opacity: 0.5; z-index: 1; }
.hero-6-bg img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: 8s ease-out; }
.hero-6-box { min-height: 100vh; display: flex; justify-content: center; }
.hero-6-content { text-align: center; margin-top: 362px; }
@media only screen and (max-width: 1919px) {
  .hero-6-content { margin-top: 312px; }
}
@media only screen and (max-width: 1399px) {
  .hero-6-content { margin-top: 262px; }
}
@media only screen and (max-width: 1199px) {
  .hero-6-content { margin-bottom: 150px; }
}
.hero-6-content .section-subtitle { justify-content: center; }
.hero-6-content .section-subtitle .subtitle-text { text-transform: uppercase; font-family: var(--font_unbounded); }
@media (max-width: 575px) {
  .hero-6-content .section-subtitle .subtitle-text { line-height: 1; }
}
.hero-6-content .section-subtitle .subtitle-line-first { width: 58px; }
.hero-6-content .section-subtitle .subtitle-line-last { width: 58px; }
.hero-6-content .hero-6-title { font-family: var(--font_unbounded); font-weight: 700; font-size: 70px; line-height: 1.14; text-align: center; text-transform: capitalize; color: rgb(255, 255, 255); max-width: 995px; margin-inline: auto; }
@media only screen and (max-width: 1919px) {
  .hero-6-content .hero-6-title { font-size: 60px; }
}
@media only screen and (max-width: 1399px) {
  .hero-6-content .hero-6-title { font-size: 50px; max-width: 795px; }
}
@media only screen and (max-width: 991px) {
  .hero-6-content .hero-6-title { font-size: 45px; }
}
@media only screen and (max-width: 767px) {
  .hero-6-content .hero-6-title { font-size: 40px; }
}
@media (max-width: 575px) {
  .hero-6-content .hero-6-title { font-size: 35px; }
}
.hero-6-content .title-wrapper { margin-top: 17px; }
.hero-6-content .btn-wrapper { margin-top: 26px; }
.swiper-slide-active .hero-6-bg img { transform: scale(1.12); }
.hero-6-nav-wrapper { position: absolute; width: 100%; top: 50%; left: 0px; z-index: 1; pointer-events: none; }
@media only screen and (max-width: 991px) {
  .hero-6-nav-wrapper { top: 90%; }
}
.hero-6-nav { display: flex; align-items: center; gap: 10px; transform: translateX(-150px); width: calc(100% + 300px); justify-content: space-between; }
@media only screen and (max-width: 1919px) {
  .hero-6-nav { transform: none; width: 100%; }
}
@media only screen and (max-width: 991px) {
  .hero-6-nav { justify-content: center; }
}
.hero-6-nav-button { width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: 0.5s; font-size: 18px; color: var(--black); background-color: var(--white); pointer-events: all; }
@media only screen and (max-width: 1919px) {
  .hero-6-nav-button { width: 50px; height: 50px; font-size: 16px; }
}
.hero-6-nav-button:hover { background-color: var(--theme); color: var(--white); }
.hero-6-nav-button.swiper-button-disabled { opacity: 0.3; pointer-events: none; }
.hero-7-area { position: relative; z-index: 1; }
.hero-7-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.hero-7-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background: linear-gradient(269.88deg, rgba(0, 14, 27, 0.95) 36.17%, rgba(1, 30, 58, 0.92) 51.56%, rgba(0, 48, 92, 0.67) 84.61%); top: 0px; left: 0px; transform: matrix(-1, 0, 0, 1, 0, 0); }
.hero-7-bg img { width: 100%; height: 100%; object-fit: cover; }
.hero-7-area-inner { position: relative; z-index: 1; padding-top: 300px; padding-bottom: 140px; }
@media only screen and (max-width: 1199px) {
  .hero-7-area-inner { padding-top: 180px; padding-bottom: 100px; }
}
.hero-7-shape-1 { width: 693px; height: 693px; border-radius: 50%; position: absolute; top: -139px; left: calc(100% - 305px); }
@media only screen and (max-width: 1199px) {
  .hero-7-shape-1 { width: 493px; height: 493px; }
}
@media only screen and (max-width: 991px) {
  .hero-7-shape-1 { width: 293px; height: 293px; top: -39px; left: calc(100% - 205px); }
}
@media only screen and (max-width: 767px) {
  .hero-7-shape-1 { display: none; }
}
.hero-7-shape-1 img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; filter: drop-shadow(-9px 12px 0px var(--theme)); }
.hero-7-content { position: relative; padding: 57px 0px 57px 45px; }
@media only screen and (max-width: 767px) {
  .hero-7-content { padding: 37px 0px 37px 25px; }
}
.hero-7-content .section-subtitle { color: var(--white); text-transform: uppercase; }
.hero-7-content .title-wrapper { margin-top: 18px; }
.hero-7-content .text-wrapper { margin-top: 19px; }
.hero-7-content .text { color: var(--white); max-width: 574px; }
@media only screen and (max-width: 1199px) {
  .hero-7-content .text { max-width: 434px; }
}
.hero-7-content .btn-wrapper { margin-top: 34px; display: flex; gap: 30px 40px; flex-wrap: wrap; }
.hero-7-content .video-btn-box { display: flex; gap: 20px; align-items: center; }
.hero-7-content .video-btn-box .video-btn { width: 40px; min-width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; color: var(--white); background-color: var(--theme); border-radius: 50%; }
.hero-7-content .video-btn-box .text { font-weight: 500; font-size: 16px; line-height: 26px; text-transform: capitalize; color: var(--white); }
.hero-7-title { font-weight: 600; font-size: 66px; line-height: 1.12; color: rgb(255, 255, 255); max-width: 782px; }
@media only screen and (max-width: 1919px) {
  .hero-7-title { font-size: 55px; max-width: 682px; }
}
@media only screen and (max-width: 1399px) {
  .hero-7-title { font-size: 50px; }
}
@media only screen and (max-width: 1199px) {
  .hero-7-title { font-size: 46px; }
}
@media only screen and (max-width: 991px) {
  .hero-7-title { font-size: 44px; }
}
@media only screen and (max-width: 767px) {
  .hero-7-title { font-size: 42px; }
}
@media (max-width: 575px) {
  .hero-7-title { font-size: 32px; }
}
.hero-7-thumb { position: absolute; right: 144px; bottom: 0px; z-index: -1; width: 493px; }
@media only screen and (max-width: 1199px) {
  .hero-7-thumb { width: 393px; }
}
@media only screen and (max-width: 991px) {
  .hero-7-thumb { width: 293px; right: -56px; }
}
@media only screen and (max-width: 767px) {
  .hero-7-thumb { display: none; }
}
.hero-7-content-shapes { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.hero-7-content-shapes .top-borders { position: absolute; top: 0px; left: 0px; }
.hero-7-content-shapes .top-borders .line { width: 58px; height: 10px; background-color: var(--theme); border-radius: 10px; }
@media only screen and (max-width: 767px) {
  .hero-7-content-shapes .top-borders .line { height: 4px; }
}
.hero-7-content-shapes .top-borders .line:nth-child(1) { width: 108px; }
.hero-7-content-shapes .left-borders { position: absolute; top: 0px; left: 0px; height: 100%; }
.hero-7-content-shapes .left-borders .line { width: 10px; height: 100%; background-color: var(--theme); border-radius: 10px; }
@media only screen and (max-width: 767px) {
  .hero-7-content-shapes .left-borders .line { width: 4px; }
}
.hero-7-content-shapes .bottom-borders { display: flex; gap: 17px; position: absolute; bottom: 0px; left: 0px; }
.hero-7-content-shapes .bottom-borders .line { width: 58px; height: 10px; background-color: var(--theme); border-radius: 10px; }
@media only screen and (max-width: 767px) {
  .hero-7-content-shapes .bottom-borders .line { height: 4px; }
}
.hero-7-content-shapes .bottom-borders .line:nth-child(1) { width: 230px; }
.hero-8-box { position: relative; z-index: 1; overflow: hidden; }
.hero-8-shape-1 { position: absolute; top: -178px; right: -238px; }
@media only screen and (max-width: 1919px) {
  .hero-8-shape-1 { top: -78px; right: -237px; width: 450px; }
}
@media only screen and (max-width: 1919px) and (max-width: 1199px) {
  .hero-8-shape-1 { top: -128px; right: -237px; width: 350px; }
}
.hero-8-shape-2 { position: absolute; bottom: 0px; left: 0px; }
@media only screen and (max-width: 1919px) {
  .hero-8-shape-2 { width: 566px; }
}
@media only screen and (max-width: 1199px) {
  .hero-8-shape-2 { width: 366px; }
}
.hero-8-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.hero-8-bg::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0px; top: 0px; background: radial-gradient(73.44% 154.27% at 78.44% 78.99%, rgba(0, 21, 49, 0.26) 18.75%, rgba(6, 12, 21, 0.17) 87.49%, rgba(15, 15, 15, 0.38) 96.92%); z-index: 1; }
.hero-8-bg img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: 8s ease-out; }
.hero-8-content-wrapper { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding-top: 162px; padding-bottom: 60px; }
@media only screen and (max-width: 1919px) {
  .hero-8-content-wrapper { padding-top: 142px; }
}
@media only screen and (max-width: 1199px) {
  .hero-8-content-wrapper { padding-top: 182px; padding-bottom: 130px; }
}
.hero-8-content { text-align: center; }
.hero-8-content .hero-8-subtitle { display: inline-flex; gap: 10px; align-items: center; }
.hero-8-content .hero-8-subtitle .text { font-family: var(--font_unbounded); font-weight: 600; font-size: 18px; line-height: 24px; text-transform: uppercase; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .hero-8-content .hero-8-subtitle .text { font-size: 16px; font-weight: 500; }
}
@media only screen and (max-width: 1199px) {
  .hero-8-content .hero-8-subtitle .text { font-size: 14px; }
}
.hero-8-content .title-wrapper { margin-top: 26px; }
.hero-8-content .hero-8-title { font-weight: 600; font-size: 66px; line-height: 1.12; color: var(--white); max-width: 1000px; margin-inline: auto; }
@media only screen and (max-width: 1919px) {
  .hero-8-content .hero-8-title { font-size: 56px; max-width: 900px; }
}
@media only screen and (max-width: 1399px) {
  .hero-8-content .hero-8-title { font-size: 50px; max-width: 800px; }
}
@media only screen and (max-width: 1199px) {
  .hero-8-content .hero-8-title { font-size: 40px; max-width: 700px; }
}
@media only screen and (max-width: 767px) {
  .hero-8-content .hero-8-title { font-size: 34px; }
}
@media (max-width: 575px) {
  .hero-8-content .hero-8-title { font-size: 30px; }
}
.hero-8-content .hero-8-title .ui-color-theme { text-decoration: underline 3px; text-underline-offset: 8px; }
.hero-8-content .text-wrapper { margin-top: 19px; }
.hero-8-content .text { font-weight: 500; font-size: 18px; line-height: 30px; text-transform: capitalize; }
.hero-8-content .btn-wrapper { margin-top: 27px; }
.swiper-slide-active .hero-8-bg img { transform: scale(1.12); }
.hero-8-inner { position: relative; }
.hero-8-paginations { position: absolute; width: 100%; bottom: 60px; z-index: 1; }
@media only screen and (max-width: 1199px) {
  .hero-8-paginations { bottom: 30px; }
}
.hero-8-paginations .slider-active-paginations-wrapper { display: flex; justify-content: center; }
.hero-8-paginations .swiper-pagination-bullets { display: inline-flex; gap: 10px; justify-content: center; }
.hero-8-paginations .swiper-pagination-bullets .swiper-pagination-bullet { width: 36px; height: 8px; background-color: transparent; border: 2px solid var(--white); border-radius: 30px; opacity: 1; margin: 0px !important; }
.hero-8-paginations .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; border-color: var(--theme); background-color: var(--theme); }
section.hero-9-area { overflow: hidden; }
.hero-9-box { position: relative; z-index: 1; }
.hero-9-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.hero-9-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--black); top: 0px; left: 0px; z-index: -1; }
.hero-9-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.06; }
.hero-9-thumb { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); z-index: 2; margin-right: -50%; }
.hero-9-thumb img { max-width: 1146px; }
@media only screen and (max-width: 1919px) {
  .hero-9-thumb img { max-width: 946px; }
}
@media only screen and (max-width: 1919px) {
  .hero-9-thumb img { max-width: 806px; }
}
@media only screen and (max-width: 991px) {
  .hero-9-thumb img { max-width: 606px; }
}
@media only screen and (max-width: 767px) {
  .hero-9-thumb img { max-width: 100%; }
}
.hero-9-thumb .circle-text { width: 148px; height: 148px; background-color: transparent; padding: 0px; position: absolute; left: 17%; bottom: 36%; }
@media only screen and (max-width: 1919px) {
  .hero-9-thumb .circle-text { width: 128px; height: 128px; }
}
@media (max-width: 575px) {
  .hero-9-thumb .circle-text { display: none; }
}
.hero-9-thumb .circle-text::before { display: none; }
.hero-9-thumb .circle-text .text { padding: 17px; }
.hero-9-thumb .circle-text .bg { width: 100%; height: 100%; }
.hero-9-social-links { margin-top: 146px; display: inline-flex; flex-direction: column; gap: 3px; margin-left: 127px; position: relative; z-index: 3; }
@media only screen and (max-width: 1919px) {
  .hero-9-social-links { margin-top: 106px; margin-left: 87px; }
}
@media only screen and (max-width: 1199px) {
  .hero-9-social-links { margin-left: 50px; }
}
@media only screen and (max-width: 767px) {
  .hero-9-social-links { margin-top: 76px; }
}
.hero-9-social-links a { font-weight: 500; font-size: 18px; line-height: 30px; text-transform: capitalize; color: rgb(255, 255, 255); position: relative; }
.hero-9-social-links a .short { transition: 0.3s; }
.hero-9-social-links a .hover-text { text-decoration-line: underline; text-underline-offset: 3px; text-decoration-color: var(--white); position: absolute; top: 0px; left: 0px; opacity: 0; transition: 0.3s; }
.hero-9-social-links a:hover .short { opacity: 0; }
.hero-9-social-links a:hover .hover-text { opacity: 1; }
.hero-9-content { padding-top: 291px; padding-bottom: 224px; min-height: 100vh; }
@media only screen and (max-width: 1919px) {
  .hero-9-content { padding-top: 241px; padding-bottom: 124px; }
}
@media only screen and (max-width: 1399px) {
  .hero-9-content { padding-top: 191px; padding-bottom: 94px; }
}
@media only screen and (max-width: 767px) {
  .hero-9-content { padding-top: 141px; padding-bottom: 54px; }
}
.brand-area { position: relative; z-index: 1; }
.brand-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.brand-bg::before { width: 100%; height: 100%; content: ""; position: absolute; background-color: var(--smoke); opacity: 0.9; }
.brand-bg img { width: 100%; height: 100%; object-fit: cover; }
.brand-area-inner { padding-top: 80px; padding-bottom: 80px; }
.brand-header .section-subtitle { color: var(--primary); justify-content: center; }
@media (max-width: 575px) {
  .brand-header .section-subtitle { line-height: 1.33; }
}
.brand-header .subtitle-line-first { width: 100%; background-color: var(--border); height: 1px; }
.brand-header .subtitle-line-last { width: 100%; background-color: var(--border); height: 1px; }
.brands-wrapper-box { margin-top: 40px; }
.brand-slider-active { margin: -40px 0px; padding: 40px 0px; }
.brand-slider-active .swiper-wrapper { transition-timing-function: linear !important; }
.brand-slider-active .swiper-slide { width: auto; }
.brand-box { border: 1px solid var(--border); border-radius: 60px; width: 234px; height: 90px; background-color: var(--white); padding: 20px; display: flex; align-items: center; justify-content: center; transition: 0.3s; }
@media only screen and (max-width: 1199px) {
  .brand-box { width: 198px; height: 70px; }
}
.brand-box:hover { border-color: transparent; box-shadow: rgba(25, 14, 50, 0.17) 0px 11px 38px 0px; }
.brand-2-area { background-color: var(--black); }
.brand-2-area-inner { padding-top: 75px; padding-bottom: 80px; }
.brand-2-header .title { font-weight: 600; font-size: 18px; line-height: 24px; text-align: center; text-transform: capitalize; color: var(--white); }
.brand-2-header .lines-separator { display: flex; justify-content: center; gap: 29px; align-items: center; margin-top: 25px; }
.brand-2-header .lines-separator .line-first { width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.3); }
.brand-2-header .lines-separator .center-design { display: flex; gap: 8px; }
.brand-2-header .lines-separator .center-design span { width: 20px; height: 20px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 10px; }
.brand-2-header .lines-separator .center-design span:nth-child(2) { width: 70px; }
.brand-2-header .lines-separator .line-last { width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.3); }
.brands-2-wrapper-box { margin-top: 30px; }
.brand-2-slider-active .swiper-wrapper { transition-timing-function: linear !important; }
.brand-2-slider-active .swiper-slide { width: auto; }
.brand-3-area { position: relative; z-index: 1; overflow: hidden; }
.brand-3-lines-wrapper { position: absolute; width: 100%; height: 100%; background-color: var(--smoke); top: 0px; left: 0px; z-index: -1; }
.brand-3-lines-wrapper .container { height: 100%; }
.brand-3-lines-inner { position: relative; height: 100%; }
.brand-3-lines { position: absolute; width: calc(100% + 240px); height: 100%; top: 0px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; z-index: -1; }
.brand-3-lines .line { opacity: 0.15; border-right: 1px dashed var(--black); height: 100%; }
.brand-3-area-bg { position: absolute; width: 100%; height: calc(100% - 238px); top: 0px; left: 0px; z-index: -1; background-color: rgb(2, 31, 69); }
.brand-3-area-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background: linear-gradient(rgba(5, 12, 23, 0.6) 38.97%, rgba(252, 82, 32, 0.6) 177.12%); top: 0px; left: 0px; opacity: 0.9; }
.brand-3-area-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.1; }
.brand-3-area-inner { position: relative; z-index: 1; display: grid; gap: 40px 50px; grid-template-columns: 515px 1fr; align-items: center; }
@media only screen and (max-width: 1199px) {
  .brand-3-area-inner { grid-template-columns: 365px 1fr; }
}
@media only screen and (max-width: 991px) {
  .brand-3-area-inner { grid-template-columns: 1fr; }
}
.brand-3-shape-1 { position: absolute; top: 50px; left: 33%; transform: rotate(-60deg); }
@media only screen and (max-width: 991px) {
  .brand-3-shape-1 { top: 110px; left: 85%; }
}
.brand-3-shape-1 img { animation: 5s linear 0s infinite normal none running t-slide-Y; }
.brand-3-content .title-wrapper { margin-top: 21px; }
.brand-3-content .section-title { color: var(--white); }
.brand-3-content .client-group-wrapper { display: flex; flex-wrap: wrap; margin-top: 20px; gap: 20px; align-items: center; }
.brand-3-content .client-group { display: flex; }
.brand-3-content .client-group img { width: 50px; height: 50px; border: 2px solid var(--white); border-radius: 50%; }
@media only screen and (max-width: 1919px) {
  .brand-3-content .client-group img { width: 50px; height: 50px; }
}
.brand-3-content .client-group > :not(:first-child) { margin-left: -15px; }
.brand-3-content .client-group .group-more { width: 50px; height: 50px; border: 2px solid var(--white); border-radius: 50%; background-color: var(--theme); display: flex; justify-content: center; align-items: center; font-size: 20px; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .brand-3-content .client-group .group-more { width: 50px; height: 50px; }
}
.brand-3-content .member-text { font-weight: 600; font-size: 18px; line-height: 25px; color: var(--white); display: flex; flex-direction: column; }
.brand-3-wrapper { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.brand-3-box { background: rgba(255, 255, 255, 0.1); border: 1px solid transparent; backdrop-filter: blur(5px); border-radius: 20px; display: flex; justify-content: center; align-items: center; height: 117px; transition: 0.3s; }
.brand-3-box:hover { border-color: var(--theme); }
.about-area-inner { display: grid; grid-template-columns: 1fr 412px; gap: 40px 63px; }
@media only screen and (max-width: 991px) {
  .about-area-inner { grid-template-columns: 1fr; }
}
.about-content .title-wrapper { margin-top: 21px; }
.about-content .section-title { max-width: 670px; }
.about-content .content-wrapper { margin-top: 37px; display: grid; grid-template-columns: auto 1fr; gap: 40px 66px; }
@media only screen and (max-width: 1199px) {
  .about-content .content-wrapper { grid-template-columns: 1fr; }
}
.about-thumb { margin-top: 3px; display: inline-block; position: relative; padding-left: 20px; padding-top: 20px; width: max-content; }
.about-thumb img { max-width: 347px; aspect-ratio: 100 / 114; object-fit: cover; border-radius: 10px; }
@media (max-width: 575px) {
  .about-thumb img { max-width: 257px; }
}
.about-thumb .thumb-border { position: absolute; content: ""; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid rgb(250, 94, 7); top: 0px; left: 0px; border-radius: 10px; z-index: -1; }
.about-info .bold-text-box { margin-top: 32px; background-color: var(--smoke); padding: 17px 25px 10px 30px; position: relative; }
.about-info .bold-text-box::before { width: 5px; height: calc(100% - 37px); background-color: var(--theme); content: ""; position: absolute; left: 0px; top: 20px; border-radius: 2px; }
.about-info .bold-text-box .bold-text { font-size: 18px; line-height: 30px; text-transform: capitalize; color: var(--primary); }
.about-info .feature-list { margin-top: 33px; }
.about-info .feature-list li { display: flex; gap: 10px; list-style: none; }
.about-info .feature-list li:not(:first-child) { margin-top: 5px; }
.about-info .feature-list li .icon { position: relative; display: inline-block; width: 12px; height: 12px; overflow: hidden; margin-top: 6px; }
.about-info .feature-list li .icon::before { width: 100%; height: 100%; content: ""; background-color: var(--theme); position: absolute; top: 0px; left: -50%; border-radius: 50%; }
.about-info .feature-list li .icon::after { width: 100%; height: 100%; content: ""; background-color: var(--theme); position: absolute; top: 0px; right: 0px; border-radius: 50%; clip-path: polygon(50% 0px, 100% 0px, 100% 100%, 50% 100%); }
.about-info .btn-wrapper { margin-top: 33px; display: flex; align-items: start; gap: 10px 25px; flex-wrap: wrap; }
.about-experience { margin-top: 70px; position: relative; }
@media only screen and (max-width: 991px) {
  .about-experience { margin-top: 0px; }
}
.experience-thumb { display: inline-block; position: relative; padding-right: 20px; padding-bottom: 20px; }
.experience-thumb img { width: 100%; aspect-ratio: 100 / 128; object-fit: cover; border-radius: 10px; }
.experience-thumb .thumb-border { position: absolute; content: ""; width: calc(100% - 20px); height: calc(100% - 80px); border: 1px solid rgb(250, 94, 7); bottom: 0px; right: 0px; border-radius: 10px; z-index: -1; }
.experience-text-box-wrapper { position: absolute; padding-right: 15px; padding-bottom: 15px; background-color: var(--white); top: 0px; left: 0px; border-radius: 10px; z-index: 1; }
.experience-text-box-wrapper::before { width: 30px; height: 30px; content: ""; background-color: transparent; border-radius: 50%; top: 0px; left: 100%; position: absolute; z-index: 4; box-shadow: white -15px -15px 0px; }
.experience-text-box-wrapper::after { width: 30px; height: 30px; content: ""; background-color: transparent; border-radius: 50%; top: 100%; left: 0px; position: absolute; z-index: 4; box-shadow: white -15px -15px 0px; }
.experience-text-box { text-align: center; background-color: var(--theme); width: 144px; border-radius: 10px; padding: 21px 15px 25px; }
.experience-text-box .year { font-family: var(--font_unbounded); font-weight: 700; font-size: 47px; line-height: 1.21; text-transform: capitalize; color: var(--white); }
@media only screen and (max-width: 767px) {
  .experience-text-box .year { font-size: 37px; }
}
.experience-text-box .year .odometer.odometer-auto-theme, .experience-text-box .year .odometer.odometer-theme-default { font-family: var(--font_unbounded); line-height: 1.21; display: inline-flex; vertical-align: baseline; }
.experience-text-box .year .odometer-inside { display: inline-flex; }
.experience-text-box .text { font-weight: 700; font-size: 18px; line-height: 24px; text-transform: uppercase; color: var(--white); }
.about-2-inner { display: grid; grid-template-columns: 57% 1fr; }
@media only screen and (max-width: 1199px) {
  .about-2-inner { grid-template-columns: 50% 1fr; }
}
@media only screen and (max-width: 991px) {
  .about-2-inner { grid-template-columns: 1fr; }
}
.about-2-thumb img { width: 100%; height: 100%; object-fit: cover; }
.about-2-content-wrapper { background-color: var(--theme); display: flex; flex-direction: column; justify-content: space-between; }
.about-2-content { padding: 32px 40px; }
@media only screen and (max-width: 767px) {
  .about-2-content { padding: 17px 20px; }
}
.about-2-content .text { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); max-width: 630px; }
.about-2-content .btn-wrapper { margin-top: 33px; }
.about-2-content .ui-btn { background-color: var(--black); border-color: transparent; }
.about-3-area-inner { display: grid; gap: 40px 60px; grid-template-columns: 535px 1fr; justify-content: space-between; position: relative; }
@media only screen and (max-width: 1199px) {
  .about-3-area-inner { grid-template-columns: 395px 1fr; }
}
@media only screen and (max-width: 991px) {
  .about-3-area-inner { grid-template-columns: 1fr; }
}
.about-3-shape-1 { position: absolute; top: 222px; left: calc(100% + 77px); width: max-content; z-index: -1; }
.about-3-shape-1 img { animation: 5s linear 0s infinite normal none running t-slide-Y; }
.about-3-thumb-wrapper { max-width: 717px; display: grid; gap: 30px; grid-template-columns: 1fr 285px; }
@media only screen and (max-width: 767px) {
  .about-3-thumb-wrapper { grid-template-columns: 1fr; }
}
.about-3-content .title-wrapper { margin-top: 21px; }
.about-3-content .text-wrapper { margin-top: 22px; }
.about-3-content .feature-list { margin-top: 26px; display: grid; gap: 26px; }
.about-3-content .feature-item { display: flex; gap: 10px 25px; position: relative; }
@media (max-width: 575px) {
  .about-3-content .feature-item { flex-direction: column; }
}
.about-3-content .feature-item:not(:last-child)::before { content: ""; width: 1.5px; height: calc(100% + 26px); background-color: var(--black); opacity: 0.2; position: absolute; left: 24px; top: 25px; }
@media (max-width: 575px) {
  .about-3-content .feature-item:not(:last-child)::before { display: none; }
}
.about-3-content .feature-item .icon { width: 50px; min-width: 50px; height: 50px; border: 1px solid var(--black); color: var(--black); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; margin-top: 7px; position: relative; background-color: var(--white); }
@media (max-width: 575px) {
  .about-3-content .feature-item .icon { transform: rotate(90deg); }
}
.about-3-content .feature-item .icon.ui-bg-theme { background-color: var(--theme); border-color: transparent; color: var(--white); }
.about-3-content .feature-item .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .about-3-content .feature-item .title { font-size: 20px; }
}
.about-3-content .feature-item .text { margin-top: 4px; }
.about-3-thumb { border-radius: 20px; overflow: hidden; }
.about-3-thumb img { width: 100%; height: 100%; object-fit: cover; }
.about-3-info { display: flex; flex-direction: column; }
.about-3-info .content { text-align: center; padding: 21px 0px 22px; }
.about-3-info .content .text { margin-top: 18px; display: flex; gap: 10px; align-items: center; justify-content: center; font-weight: 500; font-size: 16px; line-height: 26px; }
.about-3-info .content .text .number { font-family: var(--font_unbounded); font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; color: var(--black); }
.about-3-info .content .text .number .odometer.odometer-auto-theme, .about-3-info .content .text .number .odometer.odometer-theme-default { font-family: var(--font_unbounded); line-height: 1.33; display: inline-flex; vertical-align: baseline; }
.about-3-info .content .text .number .odometer-inside { display: inline-flex; }
.about-3-info .content .btn-wrapper { margin-top: 18px; }
.about-3-info .client-group { display: flex; justify-content: center; }
.about-3-info .client-group img { width: 60px; height: 60px; border: 2px solid var(--white); border-radius: 50%; }
@media only screen and (max-width: 1919px) {
  .about-3-info .client-group img { width: 50px; height: 50px; }
}
.about-3-info .client-group > :not(:first-child) { margin-left: -30px; }
@media only screen and (max-width: 1919px) {
  .about-3-info .client-group > :not(:first-child) { margin-left: -25px; }
}
.about-3-info .client-group .group-more { width: 60px; height: 60px; border: 2px solid var(--white); border-radius: 50%; background-color: var(--black); display: flex; justify-content: center; align-items: center; font-size: 20px; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .about-3-info .client-group .group-more { width: 50px; height: 50px; }
}
.about-3-info .thumb { border-radius: 15px; overflow: hidden; flex-grow: 1; }
.about-3-info .thumb img { width: 100%; height: 100%; object-fit: cover; }
.about-4-area { position: relative; z-index: 1; }
.about-4-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.about-4-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--smoke); top: 0px; left: 0px; z-index: -1; }
.about-4-bg img { width: 100%; height: 100%; object-fit: cover; }
.about-4-content { display: grid; gap: 30px; grid-template-columns: 308px 1fr; }
@media only screen and (max-width: 1199px) {
  .about-4-content { grid-template-columns: 1fr; }
}
.about-4-content .title-wrapper { margin-top: -9px; }
.about-4-content .section-title { max-width: 765px; }
.about-4-content .feature-list { max-width: 373px; border-right: 1px solid var(--border); padding-bottom: 21px; }
@media (max-width: 575px) {
  .about-4-content .feature-list { border-right: 0px; }
}
.about-4-content .feature-list li { display: flex; gap: 7px; list-style: none; font-weight: 500; font-size: 18px; line-height: 30px; }
.about-4-content .feature-list li:not(:first-child) { margin-top: 8px; }
.about-4-content .feature-list li .icon { position: relative; display: inline-block; width: 12px; min-width: 12px; height: 12px; overflow: hidden; margin-top: 9px; }
.about-4-content .feature-list li .icon::before { width: 100%; height: 100%; content: ""; background-color: var(--theme); position: absolute; top: 0px; left: -50%; border-radius: 50%; }
.about-4-content .feature-list li .icon::after { width: 100%; height: 100%; content: ""; background-color: var(--theme); position: absolute; top: 0px; right: 0px; border-radius: 50%; clip-path: polygon(50% 0px, 100% 0px, 100% 100%, 50% 100%); }
.about-4-content .feature-experience-wrapper { margin-top: 25px; position: relative; border-bottom: 1px solid var(--border); }
.about-4-content .about-4-experience-text-box { writing-mode: sideways-lr; position: absolute; right: 38px; bottom: 18px; }
@media (max-width: 575px) {
  .about-4-content .about-4-experience-text-box { position: static; writing-mode: unset; padding-bottom: 30px; }
}
.about-4-content .about-4-experience-text-box .year { font-family: var(--font_unbounded); font-weight: 700; font-size: 50px; line-height: 1; text-transform: capitalize; -webkit-text-stroke: 3px var(--theme); background-color: transparent; color: transparent; background-clip: text; }
.about-4-content .about-4-experience-text-box .text { font-family: var(--font_unbounded); font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: var(--black); margin-left: 8px; }
.about-4-content .btn-wrapper { margin-top: 42px; display: flex; gap: 30px; flex-wrap: wrap; align-items: center; }
.about-4-content .founder { display: flex; gap: 20px; }
.about-4-content .founder .avatar { width: 60px; height: 60px; border: 2px solid var(--theme); border-radius: 50%; overflow: hidden; }
.about-4-content .founder .avatar img { width: 100%; }
.about-4-content .founder .name { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; margin-top: 6px; }
.about-4-content .founder .meta-title { font-weight: 500; font-size: 14px; line-height: 24px; display: inline-block; }
.about-4-content .content-wrapper { margin-top: 41px; display: grid; gap: 30px; grid-template-columns: 420px 1fr; align-items: center; }
@media only screen and (max-width: 991px) {
  .about-4-content .content-wrapper { grid-template-columns: 1fr; }
}
.about-4-thumb-1 { border-radius: 20px; overflow: hidden; margin-top: 40px; }
@media only screen and (max-width: 1199px) {
  .about-4-thumb-1 { display: none; }
}
.about-4-thumb-1 img { width: 100%; }
.about-4-thumb-2 { margin-top: 29px; margin-left: 75px; }
@media only screen and (max-width: 1199px) {
  .about-4-thumb-2 { display: none; }
}
.about-4-thumb-3 { border-radius: 20px; overflow: hidden; }
.about-4-thumb-3 img { width: 100%; }
.about-5-area { position: relative; z-index: 1; }
.about-5-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.about-5-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; }
.about-5-area-inner { display: grid; gap: 40px 70px; grid-template-columns: 1fr 420px; }
@media only screen and (max-width: 1199px) {
  .about-5-area-inner { gap: 40px 60px; grid-template-columns: 1fr 370px; }
}
@media only screen and (max-width: 991px) {
  .about-5-area-inner { grid-template-columns: 1fr; }
}
.about-5-content .title-wrapper { margin-top: 21px; }
.about-5-content .section-title { max-width: 725px; }
.about-5-content .thumb-content-wrapper { margin-top: 47px; display: grid; gap: 40px 70px; grid-template-columns: 310px 1fr; }
@media only screen and (max-width: 1199px) {
  .about-5-content .thumb-content-wrapper { grid-template-columns: 1fr; }
}
.about-5-content .btn-wrapper { margin-top: 32px; }
.about-5-thumb-1 { margin-top: 3px; }
@media only screen and (max-width: 1199px) {
  .about-5-thumb-1 { display: none; }
}
.about-5-thumb-1 img { width: 100%; border-radius: 10px; }
.about-5-thumb-2 img { width: 100%; border-radius: 10px; }
.about-5-features-wrapper { display: grid; gap: 26px; }
.about-5-feature-box { display: flex; gap: 25px; }
@media (max-width: 575px) {
  .about-5-feature-box { flex-direction: column; }
}
.about-5-feature-box .thumb { width: 70px; min-width: 70px; height: 70px; background-color: var(--theme); border-radius: 10px; display: inline-flex; justify-content: center; align-items: center; margin-top: 7px; }
.about-5-feature-box .title { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; }
.about-5-feature-box .text { margin-top: 7px; }
.about-6-area { position: relative; z-index: 1; }
.about-6-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.about-6-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.1; }
.about-6-area-inner { display: grid; gap: 40px 50px; grid-template-columns: 540px 1fr; align-items: center; }
@media only screen and (max-width: 1199px) {
  .about-6-area-inner { grid-template-columns: 440px 1fr; }
}
@media only screen and (max-width: 991px) {
  .about-6-area-inner { grid-template-columns: 1fr; }
}
.about-6-thumb { display: inline-block; position: relative; padding-left: 16px; padding-bottom: 16px; }
.about-6-thumb img { width: 100%; max-width: 535px; aspect-ratio: 100 / 102; object-fit: cover; border-radius: 10px; }
.about-6-thumb .thumb-border { position: absolute; content: ""; width: 370px; height: 370px; border: 3px solid rgb(250, 94, 7); bottom: 0px; left: 0px; border-radius: 10px; z-index: -1; }
.about-6-content .title-wrapper { margin-top: 21px; }
.about-6-content .text-wrapper { margin-top: 22px; }
.about-6-content .text { max-width: 655px; }
.about-6-content .btn-wrapper { margin-top: 50px; display: flex; gap: 20px; flex-wrap: wrap; align-items: center; }
.about-6-content .founder { display: flex; gap: 15px; }
.about-6-content .founder .avatar { width: 60px; height: 60px; border: 1px solid var(--theme); padding: 7px; border-radius: 50%; overflow: hidden; }
.about-6-content .founder .avatar img { width: 100%; border-radius: 50%; }
.about-6-content .founder .name { font-weight: 600; font-size: 18px; line-height: 24px; text-transform: capitalize; margin-top: 6px; }
.about-6-content .founder .meta-title { font-weight: 500; font-size: 14px; line-height: 20px; display: inline-block; margin-top: 5px; }
.about-6-content .feature-experience-wrapper { display: flex; gap: 50px; align-items: center; }
@media only screen and (max-width: 767px) {
  .about-6-content .feature-experience-wrapper { gap: 30px; }
}
@media (max-width: 575px) {
  .about-6-content .feature-experience-wrapper { flex-wrap: wrap; }
}
.about-6-content .feature-list li { font-weight: 500; font-size: 18px; line-height: 26px; display: flex; gap: 10px; }
.about-6-content .feature-list li:not(:first-child) { margin-top: 12px; }
.about-6-content .feature-list li::before { width: 7px; height: 7px; background-color: var(--theme); border-radius: 50%; content: ""; margin-top: 9px; }
.about-6-content .video-box { width: 333px; height: 138px; border-radius: 100px; overflow: hidden; position: relative; }
@media only screen and (max-width: 767px) {
  .about-6-content .video-box { width: 100%; }
}
.about-6-content .video-box img { width: 100%; height: 100%; object-fit: cover; }
.about-6-content .video-box .video-btn { width: 50px; min-width: 50px; height: 50px; display: inline-flex; justify-content: center; align-items: center; color: var(--theme); background-color: var(--white); border-radius: 50%; position: absolute; }
.about-6-content .video-box .play-btn::after, .about-6-content .video-box .play-btn::before { border-color: var(--white); }
.about-6-content .video-features-wrapper { position: relative; z-index: 1; margin-top: 35px; margin-left: -273px; }
@media only screen and (max-width: 991px) {
  .about-6-content .video-features-wrapper { margin-left: 0px; }
}
.about-6-content .video-features-wrapper .bg-shape { position: absolute; content: ""; width: calc(100% - 44px); height: calc(100% + 20px); background-color: var(--white); border-radius: 100px; top: -10px; left: -10px; z-index: -1; }
@media only screen and (max-width: 767px) {
  .about-6-content .video-features-wrapper .bg-shape { border-radius: 10px; }
}
.about-6-content .video-features-box { display: flex; gap: 40px; align-items: center; background-color: var(--smoke); border-radius: 100px; }
@media only screen and (max-width: 767px) {
  .about-6-content .video-features-box { border-radius: 10px; flex-direction: column; padding: 20px; align-items: flex-start; }
}
.about-6-experience-text-box .year { font-family: var(--font_unbounded); font-weight: 700; font-size: 50px; line-height: 1.14; color: rgb(250, 94, 7); }
@media only screen and (max-width: 1199px) {
  .about-6-experience-text-box .year { font-size: 40px; }
}
.about-6-experience-text-box .year .odometer.odometer-auto-theme, .about-6-experience-text-box .year .odometer.odometer-theme-default { font-family: var(--font_unbounded); line-height: 1.14; display: inline-flex; vertical-align: baseline; }
.about-6-experience-text-box .year .odometer-inside { display: inline-flex; }
.about-6-experience-text-box .text { font-weight: 500; font-size: 18px; line-height: 30px; margin-top: -3px; }
.about-7-area { background-color: var(--smoke); position: relative; z-index: 1; }
.about-7-shape-1 { position: absolute; top: 34%; left: 0px; z-index: -1; }
@media only screen and (max-width: 991px) {
  .about-7-shape-1 { display: none; }
}
.about-7-shape-1 img { width: 438px; animation: 5s linear 0s infinite normal none running t-slide-Y; }
@media only screen and (max-width: 1919px) {
  .about-7-shape-1 img { width: 238px; }
}
.about-7-inner { position: relative; z-index: 1; }
.about-7-lines { position: absolute; width: calc(100% + 240px); height: 100%; top: 0px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; z-index: -1; }
.about-7-lines .line { opacity: 0.15; border-right: 1px dashed rgb(68, 68, 68); height: 100%; }
.about-7-content { display: grid; gap: 30px 60px; grid-template-columns: 1fr 630px; }
@media only screen and (max-width: 991px) {
  .about-7-content { grid-template-columns: 1fr; }
}
.about-7-content .team-group { display: flex; margin-top: 30px; }
.about-7-content .team-group img { width: 55px; height: 55px; border: 2px solid var(--white); border-radius: 50%; }
@media only screen and (max-width: 1919px) {
  .about-7-content .team-group img { width: 50px; height: 50px; }
}
.about-7-content .team-group > :not(:first-child) { margin-left: -25px; }
.about-7-content .team-group .group-more { width: 55px; height: 55px; border: 2px solid var(--white); border-radius: 50%; background-color: var(--black); display: flex; justify-content: center; align-items: center; font-size: 16px; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .about-7-content .team-group .group-more { width: 50px; height: 50px; }
}
.about-7-content .team-text { margin-top: 22px; }
.about-7-content .about-7-title { font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: capitalize; }
@media (max-width: 575px) {
  .about-7-content .about-7-title { font-size: 28px; }
}
.about-7-content .about-7-title .title-img { display: inline-flex; width: 68px; height: 30px; border: 1px solid rgb(250, 94, 7); border-radius: 18px; overflow: hidden; }
.about-7-content .about-7-title .title-img img { width: 100%; height: 100%; object-fit: cover; }
.about-7-content .text-wrapper { margin-top: 24px; }
.about-7-content .btn-wrapper { margin-top: 34px; display: flex; gap: 30px; flex-wrap: wrap; align-items: center; }
.about-7-content .founder { display: flex; gap: 20px; }
.about-7-content .founder .avatar { width: 58px; height: 58px; border: 1px solid var(--theme); border-radius: 50%; overflow: hidden; }
.about-7-content .founder .avatar img { width: 100%; border-radius: 50%; }
.about-7-content .founder .name { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; margin-top: 6px; }
.about-7-content .founder .meta-title { font-weight: 500; font-size: 14px; line-height: 20px; display: inline-block; margin-top: 3px; }
.about-7-info-wrapper { margin-top: 60px; display: grid; grid-template-columns: repeat(4, 1fr); }
@media only screen and (max-width: 1199px) {
  .about-7-info-wrapper { margin-top: 50px; }
}
@media only screen and (max-width: 991px) {
  .about-7-info-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
  .about-7-info-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.about-7-info-box { width: 100%; aspect-ratio: 100 / 100; background-color: var(--white); box-shadow: rgba(224, 218, 218, 0.3) 0px 0px 10px; display: flex; justify-content: center; align-items: center; border-radius: 50%; overflow: hidden; }
.about-7-info-box.bordered { border: 1px solid var(--black); background-color: var(--smoke); }
.about-7-info-box.ui-bg-black { background-color: var(--black); }
.about-7-info-box.ui-bg-black .title { color: var(--white); }
.about-7-info-box.ui-bg-black .text { color: var(--white); }
.about-7-info-box .content { text-align: center; padding: 0px 20px; }
.about-7-info-box .thumb { width: 100%; height: 100%; }
.about-7-info-box .thumb img { width: 100%; height: 100%; object-fit: cover; }
.about-7-info-box .title { font-weight: 700; font-size: 50px; line-height: 1.14; }
@media only screen and (max-width: 1199px) {
  .about-7-info-box .title { font-size: 36px; }
}
@media only screen and (max-width: 767px) {
  .about-7-info-box .title { font-size: 32px; }
}
.about-7-info-box .title .odometer.odometer-auto-theme, .about-7-info-box .title .odometer.odometer-theme-default { font-family: var(--font_unbounded); line-height: 1.14; display: inline-flex; vertical-align: baseline; }
.about-7-info-box .title .odometer-inside { display: inline-flex; }
.about-7-info-box .text { font-family: var(--font_unbounded); font-weight: 600; font-size: 18px; line-height: 24px; text-align: center; text-transform: capitalize; margin-top: 10px; }
.about-7-info-box .year { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; color: var(--black); margin-top: 15px; display: inline-block; }
.about-7-info-box .rating { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; color: var(--black); margin-top: 15px; display: inline-block; }
.about-7-info-box .rating .stars { color: var(--theme); }
.about-7-info-box .image { margin-top: 5px; }
.about-8-content { display: grid; gap: 30px 60px; grid-template-columns: 1fr 740px; }
@media only screen and (max-width: 1199px) {
  .about-8-content { grid-template-columns: 1fr 640px; }
}
@media only screen and (max-width: 991px) {
  .about-8-content { grid-template-columns: 1fr; }
}
.about-8-content .founder-info { margin-top: 80px; }
@media only screen and (max-width: 1199px) {
  .about-8-content .founder-info { margin-top: 20px; }
}
.about-8-content .founder-info .text-wrapper { margin-top: 12px; }
.about-8-content .founder-info .text { font-weight: 500; font-size: 16px; line-height: 26px; max-width: 293px; }
.about-8-content .founder-info .meta { margin-top: 6px; }
.about-8-content .founder-info .name { font-weight: 600; font-size: 20px; line-height: 1.3; text-transform: capitalize; }
@media (max-width: 575px) {
  .about-8-content .founder-info .name { font-size: 18px; }
}
.about-8-content .founder-info .post { font-weight: 500; font-size: 14px; line-height: 24px; margin-top: 3px; display: inline-flex; }
.about-8-content .about-8-title { font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .about-8-content .about-8-title { font-size: 24px; }
}
@media (max-width: 575px) {
  .about-8-content .about-8-title { font-size: 20px; }
}
.about-8-content .text-wrapper { margin-top: 24px; }
.about-8-content .btn-wrapper { margin-top: 34px; }
.about-8-counter-wrapper { display: grid; gap: 30px 0px; grid-template-columns: auto auto auto; justify-content: space-between; margin-top: 90px; }
@media only screen and (max-width: 1199px) {
  .about-8-counter-wrapper { margin-top: 60px; }
}
@media (max-width: 575px) {
  .about-8-counter-wrapper { grid-template-columns: auto; }
}
.about-8-counter-box { position: relative; }
.about-8-counter-box:nth-child(1)::before { display: none; }
.about-8-counter-box::before { position: absolute; content: ""; width: 1px; height: 47px; background-color: var(--secondary); left: -64px; top: 22px; opacity: 0.2; }
@media only screen and (max-width: 1199px) {
  .about-8-counter-box::before { left: -44px; }
}
@media only screen and (max-width: 767px) {
  .about-8-counter-box::before { left: -17px; }
}
@media (max-width: 575px) {
  .about-8-counter-box::before { display: none; }
}
.about-8-counter-box .number { font-weight: 600; font-size: 36px; line-height: 1.28; color: var(--black); }
.about-8-counter-box .number .odometer.odometer-auto-theme, .about-8-counter-box .number .odometer.odometer-theme-default { font-family: var(--font_unbounded); line-height: 1.28; display: inline-flex; vertical-align: baseline; }
.about-8-counter-box .number .odometer-inside { display: inline-flex; }
.about-8-counter-box .text { font-weight: 500; font-size: 18px; line-height: 30px; text-transform: capitalize; margin-top: 3px; }
.service-area { position: relative; z-index: 1; }
.service-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.service-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--smoke); top: 0px; left: 0px; opacity: 0.7; }
.service-bg img { width: 100%; height: 100%; object-fit: cover; }
.service-header { text-align: center; }
.service-header .section-subtitle { justify-content: center; }
.service-header .title-wrapper { margin-top: 21px; }
.service-header .section-title { max-width: 760px; margin-inline: auto; }
.services-wrapper-box { margin-top: 43px; }
.services-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); }
@media only screen and (max-width: 991px) {
  .services-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .services-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.service-box:hover .thumb img { transform: scale(1.05); }
.service-box:hover .icon img { animation: 0.5s ease 0s 1 normal none running t-spin-y; }
.service-box .thumb { overflow: hidden; }
.service-box .thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.service-box .content { background-color: var(--white); margin: -120px 30px 0px; position: relative; padding: 30px; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 50px; }
@media only screen and (max-width: 1199px) {
  .service-box .content { margin: -40px 10px 0px; padding: 10px; }
}
.service-box .title-wrapper { display: grid; gap: 20px; grid-template-columns: auto 1fr; align-items: center; }
.service-box .icon { width: 70px; height: 70px; background-color: var(--theme); display: inline-flex; justify-content: center; align-items: center; }
@media only screen and (max-width: 1199px) {
  .service-box .icon { width: 60px; height: 60px; }
}
.service-box .icon img { transition: 0.5s; }
.service-box .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .service-box .title { font-size: 20px; }
}
.service-box .text { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--primary); margin-top: 22px; }
.service-box .btn-wrapper { border-top: 1.5px dashed rgb(154, 154, 154); padding-top: 25px; margin-top: 18px; }
.services-btn-wrapper { margin-top: 60px; display: flex; justify-content: center; gap: 20px 0px; align-items: center; flex-wrap: wrap; }
.services-btn-wrapper .text { font-weight: 500; font-size: 16px; line-height: 26px; text-align: center; background: var(--white); border-width: 1px 0px 1px 1px; border-style: dashed none dashed dashed; border-color: rgb(216, 221, 225) currentcolor rgb(216, 221, 225) rgb(216, 221, 225); border-image: none; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 50px; padding: 13px 19px 15px; color: var(--primary); }
.services-btn-wrapper .ui-btn { padding: 18px 31px; }
.service-details-area-inner { display: grid; gap: 30px; grid-template-columns: 1fr 420px; }
@media only screen and (max-width: 1199px) {
  .service-details-area-inner { grid-template-columns: 1fr 320px; }
}
@media only screen and (max-width: 991px) {
  .service-details-area-inner { grid-template-columns: 1fr; }
}
.service-details-wrapper { padding: 40px 40px 36px; background-color: var(--smoke); border-radius: 20px; }
@media only screen and (max-width: 1919px) {
  .service-details-wrapper { padding: 30px 30px 26px; }
}
@media only screen and (max-width: 767px) {
  .service-details-wrapper { padding: 20px 20px 16px; }
}
.service-details .thumb { border-radius: 20px; overflow: hidden; }
.service-details .thumb img { width: 100%; }
.service-details .content { margin-top: 30px; }
.service-details .service-title { font-weight: 600; font-size: 36px; line-height: 1.28; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .service-details .service-title { font-size: 30px; }
}
@media only screen and (max-width: 767px) {
  .service-details .service-title { font-size: 24px; }
}
.service-details .title-line { display: flex; gap: 10px; overflow: hidden; }
.service-details .title-line span { width: 40px; height: 10px; background-color: var(--theme); display: inline-block; transform: skewX(45deg); }
@media only screen and (max-width: 767px) {
  .service-details .title-line span { height: 5px; }
}
.service-details .title-line span:nth-child(1) { margin-left: -10px; }
.service-details .title-line span:nth-child(2) { width: 60px; }
.service-details .text { font-weight: 500; font-size: 16px; line-height: 26px; }
.service-details .text:not(:first-child) { margin-top: 16px; }
.service-details .feature-list li { list-style: none; display: flex; gap: 10px; font-weight: 500; font-size: 16px; line-height: 26px; }
.service-details .feature-list li:not(:first-child) { margin-top: 12px; }
.service-details .feature-list li .icon { width: 18px; min-width: 18px; height: 18px; background-color: var(--theme); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: var(--white); font-size: 10px; margin-top: 3px; }
.service-details .feature-list.column-2 { column-count: 2; gap: 110px; }
@media only screen and (max-width: 1199px) {
  .service-details .feature-list.column-2 { column-count: auto; }
}
.service-details .gallery-wrapper { display: grid; gap: 40px; grid-template-columns: 1fr 1fr; }
@media only screen and (max-width: 1919px) {
  .service-details .gallery-wrapper { gap: 20px; }
}
@media (max-width: 575px) {
  .service-details .gallery-wrapper { grid-template-columns: 1fr; }
}
.service-details .gallery-wrapper img { border-radius: 20px; width: 100%; }
.service-details .service-title-2 { font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .service-details .service-title-2 { font-size: 24px; }
}
@media only screen and (max-width: 767px) {
  .service-details .service-title-2 { font-size: 20px; }
}
.service-details .service-title + .text-wrapper { margin-top: 13px; }
.service-details .text-wrapper + .service-title { margin-top: 33px; }
.service-details .text-wrapper + .feature-list { margin-top: 19px; }
.service-details .feature-list + .gallery-wrapper { margin-top: 56px; }
.service-details .gallery-wrapper + .service-title-2 { margin-top: 54px; }
.service-details .service-title-2 + .text-wrapper { margin-top: 35px; }
.service-details .service-title + .title-line { margin-top: 21px; }
.service-details .title-line + .text-wrapper { margin-top: 32px; }
.service-sidebar-wrapper { display: grid; gap: 30px; }
.service-2-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); }
@media only screen and (max-width: 1199px) {
  .service-2-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .service-2-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.service-2-box { padding: 50px 30px 60px; background-color: var(--smoke); }
@media only screen and (max-width: 1919px) {
  .service-2-box { padding: 30px 20px 40px; }
}
.service-2-box:nth-child(n+2) { border-left: 1px solid rgba(2, 2, 2, 0.2); }
@media only screen and (max-width: 1199px) {
  .service-2-box:nth-child(n+2) { border-left: 0px; }
}
@media only screen and (max-width: 767px) {
  .service-2-box:nth-child(n+2) { border-top: 1px solid rgba(2, 2, 2, 0.2); }
}
@media only screen and (max-width: 1199px) {
  .service-2-box:nth-child(n+3) { border-top: 1px solid rgba(2, 2, 2, 0.2); }
}
@media only screen and (max-width: 1199px) {
  .service-2-box:nth-child(2n+2) { border-left: 1px solid rgba(2, 2, 2, 0.2); }
}
@media only screen and (max-width: 767px) {
  .service-2-box:nth-child(2n+2) { border-left: 0px; }
}
.service-2-box .number { font-family: var(--font_unbounded); font-weight: 700; font-size: 80px; line-height: 1; text-transform: capitalize; opacity: 0.25; background-color: var(--black); background-clip: text; -webkit-text-stroke: 1.5px transparent; color: var(--smoke); }
@media only screen and (max-width: 1919px) {
  .service-2-box .number { font-size: 60px; }
}
.service-2-box .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; margin-top: 13px; }
@media only screen and (max-width: 1919px) {
  .service-2-box .title { font-size: 22px; }
}
@media (max-width: 575px) {
  .service-2-box .title { font-size: 20px; }
}
.service-2-box .text { font-size: 16px; line-height: 26px; margin-top: 15px; }
.service-2-box .btn-wrapper { margin-top: 23px; }
.service-3-area { background-color: var(--black); position: relative; z-index: 1; overflow: hidden; }
.service-3-thumb-1 { position: absolute; top: 0px; left: 0px; max-height: 100%; overflow: hidden; z-index: -1; max-width: 37%; }
@media only screen and (max-width: 991px) {
  .service-3-thumb-1 { display: none; }
}
.service-3-thumb-2 { position: absolute; top: 0px; right: 0px; border-radius: 0px 0px 0px 10px; overflow: hidden; z-index: -1; }
.service-3-content { margin-left: 544px; }
@media only screen and (max-width: 1199px) {
  .service-3-content { margin-left: 444px; }
}
@media only screen and (max-width: 991px) {
  .service-3-content { margin-left: 0px; }
}
.service-3-content .title-wrapper { margin-top: 21px; }
.service-3-content .section-title { color: var(--white); max-width: 694px; }
.service-3-content .text-wrapper { margin-top: 22px; }
.service-3-content .text { color: var(--white); max-width: 664px; }
.services-3-wrapper-box { margin-top: 52px; }
.service-3-box { position: relative; background-color: var(--white); border-radius: 10px; padding: 40px; transition: 0.5s; }
@media only screen and (max-width: 1199px) {
  .service-3-box { padding: 20px; }
}
.service-3-box:hover { background-color: var(--theme); }
.service-3-box:hover .icon { background-color: var(--white); border-color: transparent; }
.service-3-box:hover .number { background-color: var(--white); color: var(--theme); }
.service-3-box:hover .line { background-color: var(--white); }
.service-3-box:hover .title { color: var(--white); }
.service-3-box:hover .text { color: var(--white); }
.service-3-box:hover .ui-btn-dashed-border .btn-icon { background-color: var(--white); }
.service-3-box:hover .ui-btn-dashed-border .btn-icon::before { outline-color: var(--white); }
.service-3-box:hover .ui-btn-dashed-border .btn-icon svg * { fill: var(--theme); }
.service-3-box:hover .ui-btn-dashed-border .btn-text { color: var(--white); }
.service-3-box .icon { width: 80px; height: 80px; border: 1px solid var(--border); border-radius: 10px; display: inline-flex; justify-content: center; align-items: center; transition: 0.5s; }
.service-3-box .number { position: absolute; right: 40px; top: 57px; font-family: var(--font_unbounded); font-weight: 600; font-size: 36px; line-height: 46px; opacity: 0.5; background-color: var(--black); background-clip: text; -webkit-text-stroke: 1px transparent; color: var(--white); transition: 0.5s; }
@media only screen and (max-width: 1199px) {
  .service-3-box .number { right: 20px; top: 17px; }
}
.service-3-box .line { width: 73px; height: 1px; background-color: var(--theme); display: block; margin-top: 30px; transition: 0.5s; }
.service-3-box .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; margin-top: 23px; transition: 0.5s; }
@media only screen and (max-width: 1199px) {
  .service-3-box .title { font-size: 22px; }
}
.service-3-box .title a { transition: none; }
.service-3-box .title a:hover { color: var(--white); }
.service-3-box .text { margin-top: 14px; transition: 0.5s; }
.service-3-box .ui-btn-dashed-border { margin-top: 32px; }
.services-3-wrapper { position: relative; margin-right: calc(-33.3333% - 10px); }
@media only screen and (max-width: 1919px) {
  .services-3-wrapper { margin-left: 150px; margin-right: calc(-33.3333% - 120px); }
}
@media only screen and (max-width: 991px) {
  .services-3-wrapper { margin-left: 0px; margin-right: 0px; }
}
.service-3-nav { display: flex; align-items: center; gap: 10px; position: absolute; bottom: 38px; right: calc(100% + 50px); }
@media only screen and (max-width: 991px) {
  .service-3-nav { position: static; margin-top: 40px; }
}
.service-3-nav-button { width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: 0.5s; font-size: 18px; color: var(--black); background-color: var(--white); }
@media only screen and (max-width: 1199px) {
  .service-3-nav-button { width: 46px; height: 46px; font-size: 16px; }
}
.service-3-nav-button:hover { background-color: var(--theme); color: var(--white); }
.service-3-nav-button.swiper-button-disabled { opacity: 0.3; pointer-events: none; }
.service-4-area { position: relative; z-index: 1; }
.service-4-bg { position: absolute; width: 100%; height: 100%; background-color: var(--black); top: 0px; left: 0px; z-index: -1; display: grid; grid-template-columns: 1fr 47%; overflow: hidden; }
.service-4-bg-start img { width: 100%; height: 100%; object-fit: cover; }
.service-4-bg-end img { width: 100%; height: 100%; object-fit: cover; }
.service-4-header { display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .service-4-header { grid-template-columns: 1fr; }
}
.service-4-header .title-wrapper { margin-top: 21px; }
.service-4-header .section-title { max-width: 700px; color: var(--white); }
.service-4-header .btn-wrapper { margin-bottom: 10px; }
@media only screen and (max-width: 991px) {
  .service-4-header .btn-wrapper { margin-bottom: 0px; }
}
.services-4-wrapper-box { margin-top: 50px; }
.services-4-wrapper { position: relative; }
.service-4-box { position: relative; z-index: 1; background-color: var(--smoke); border-radius: 20px; padding: 30px; transition: 0.5s; overflow: hidden; }
@media only screen and (max-width: 1199px) {
  .service-4-box { padding: 20px; }
}
.service-4-box:hover { background-color: var(--theme); }
.service-4-box:hover .box-shape-1 { opacity: 0.06; }
.service-4-box:hover .box-shape-1 svg * { fill: var(--white); }
.service-4-box:hover .icon { background-color: var(--white); border-color: transparent; }
.service-4-box:hover .title { color: var(--white); }
.service-4-box:hover .text { color: var(--white); }
.service-4-box:hover .ui-btn-dashed-border .btn-icon { background-color: var(--white); }
.service-4-box:hover .ui-btn-dashed-border .btn-icon::before { outline-color: var(--white); }
.service-4-box:hover .ui-btn-dashed-border .btn-icon svg * { fill: var(--black); }
.service-4-box:hover .ui-btn-dashed-border .btn-text { color: var(--white); }
.service-4-box.ui-bg-white { background-color: var(--white); }
.service-4-box.ui-bg-white:hover { background-color: var(--theme); }
.service-4-box .box-shape-1 { position: absolute; top: 0px; right: 0px; z-index: -1; opacity: 0.03; }
.service-4-box .box-shape-1 svg * { transition: 0.5s; }
.service-4-box .icon { width: 80px; height: 80px; background-color: var(--white); border: 1px solid var(--border); border-radius: 10px; display: inline-flex; justify-content: center; align-items: center; transition: 0.5s; }
.service-4-box .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; margin-top: 23px; transition: 0.3s; }
@media only screen and (max-width: 1199px) {
  .service-4-box .title { font-size: 22px; }
}
.service-4-box .title a { transition: none; }
.service-4-box .title a:hover { color: var(--white); }
.service-4-box .text { margin-top: 15px; transition: 0.5s; }
.service-4-box .ui-btn-dashed-border { margin-top: 23px; }
.service-4-nav { display: flex; align-items: center; gap: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 192px); justify-content: space-between; }
@media only screen and (max-width: 1919px) {
  .service-4-nav { position: static; margin-top: 40px; width: auto; transform: none; justify-content: unset; }
}
.service-4-nav-button { width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: 0.5s; font-size: 18px; color: var(--black); background-color: var(--white); }
@media only screen and (max-width: 1199px) {
  .service-4-nav-button { width: 46px; height: 46px; font-size: 16px; }
}
.service-4-nav-button:hover { background-color: var(--theme); color: var(--white); }
.service-4-nav-button.swiper-button-disabled { opacity: 0.3; pointer-events: none; }
.service-5-area { position: relative; z-index: 1; }
.service-5-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.service-5-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background: linear-gradient(270deg, rgb(255, 247, 243) 0%, rgba(233, 224, 220, 0.965) 80.29%, rgba(217, 207, 203, 0.94) 100%); top: 0px; left: 0px; }
.service-5-bg img { width: 100%; height: 100%; object-fit: cover; }
.service-5-shape-1 { position: absolute; right: -181px; top: 93px; z-index: -1; opacity: 0.1; }
.service-5-header { text-align: center; }
.service-5-header .section-subtitle { justify-content: center; }
.service-5-header .title-wrapper { margin-top: 21px; }
.service-5-header .section-title { max-width: 650px; margin-inline: auto; }
.services-5-wrapper-box { margin-top: 50px; }
.services-5-wrapper .swiper { overflow: visible; }
.service-5-nav-wrapper { margin-top: 60px; display: grid; gap: 20px 30px; grid-template-columns: auto 1fr auto; justify-content: space-between; align-items: center; }
@media only screen and (max-width: 1199px) {
  .service-5-nav-wrapper { margin-top: 40px; }
}
.service-5-nav-wrapper .border-line { width: 100%; height: 1px; background-color: rgba(2, 2, 2, 0.1); }
.service-5-pagination { width: auto; display: flex; align-items: center; gap: 4px; }
.service-5-pagination .swiper-pagination-current { font-family: var(--font_unbounded); font-size: 24px; font-weight: 600; line-height: 32px; display: inline-block; color: var(--theme); }
.service-5-pagination .mid-line { display: inline-block; color: var(--secondary); }
.service-5-pagination .swiper-pagination-total { font-size: 14px; font-weight: 500; line-height: 20px; display: inline-block; color: var(--secondary); }
.service-5-nav-button { width: 56px; height: 56px; border: 1px solid var(--border); display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: 0.5s; font-size: 18px; color: var(--theme); }
@media only screen and (max-width: 1199px) {
  .service-5-nav-button { width: 46px; height: 46px; font-size: 16px; }
}
.service-5-nav-button:hover { background-color: var(--theme); border-color: transparent; color: var(--white); }
.service-5-nav-button.swiper-button-disabled { opacity: 0.3; pointer-events: none; }
.service-5-nav { display: flex; align-items: center; gap: 16px; }
@media only screen and (max-width: 1199px) {
  .service-5-nav { gap: 10px; }
}
.service-5-box:hover .thumb img { transform: scale(1.05); }
.service-5-box:hover .icon { background-color: var(--black); }
.service-5-box:hover .ui-btn-dashed-border .btn-icon { background-color: var(--black); }
.service-5-box:hover .ui-btn-dashed-border .btn-icon::before { outline-color: var(--black); }
.service-5-box:hover .ui-btn-dashed-border .btn-icon svg * { fill: var(--white); }
.service-5-box:hover .ui-btn-dashed-border .btn-text { color: var(--black); }
.service-5-box .thumb { border-radius: 10px; overflow: hidden; }
.service-5-box .thumb img { width: 100%; transition: 0.5s; }
.service-5-box .content { background-color: var(--white); padding: 0px 40px 40px; border-radius: 10px; position: relative; z-index: 1; margin-inline: 30px; margin-top: -77px; }
@media only screen and (max-width: 1199px) {
  .service-5-box .content { padding: 0px 20px 20px; margin-inline: 10px; }
}
.service-5-box .shape-1 { position: absolute; bottom: 0px; right: 0px; z-index: -1; opacity: 0.2; transition: 0.5s; }
.service-5-box .icon { width: 115px; height: 90px; background-color: var(--theme); display: inline-flex; justify-content: center; align-items: center; margin-top: -35px; margin-left: -15px; padding-top: 8px; clip-path: polygon(50% 0px, 100% 35px, calc(100% - 15px) 35px, calc(100% - 15px) 100%, 15px 100%, 15px 35px, 0px 35px); transition: 0.5s; }
.service-5-box .title { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; margin-top: 24px; }
.service-5-box .text { margin-top: 7px; }
.service-5-box .btn-wrapper { margin-top: 17px; border-top: 1px solid var(--border); padding-top: 25px; }
.service-6-area { position: relative; z-index: 1; }
.service-6-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.service-6-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background: var(--smoke); top: 0px; left: 0px; z-index: -1; }
.service-6-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.06; }
.service-6-header { text-align: center; }
.service-6-header .section-subtitle { justify-content: center; }
.service-6-header .title-wrapper { margin-top: 21px; }
.service-6-header .section-title { max-width: 830px; margin-inline: auto; }
.services-6-wrapper-box { margin-top: 50px; }
.services-6-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(4, 1fr); }
@media only screen and (max-width: 991px) {
  .services-6-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .services-6-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.service-6-box:hover .thumb img { transform: scale(1.05); }
.service-6-box:hover .icon { background-color: var(--black); }
.service-6-box:hover .ui-btn-dashed-border .btn-icon { background-color: var(--black); }
.service-6-box:hover .ui-btn-dashed-border .btn-icon::before { outline-color: var(--black); }
.service-6-box .thumb { position: relative; border-radius: 10px 10px 30px 30px; overflow: hidden; }
.service-6-box .thumb img { width: 100%; transition: 0.5s; }
.service-6-box .icon { width: 70px; height: 80px; display: flex; justify-content: center; align-items: center; background-color: var(--theme); border-radius: 0px 0px 30px 30px; position: absolute; left: 20px; top: 0px; transition: 0.5s; z-index: 1; }
@media only screen and (max-width: 1199px) {
  .service-6-box .icon { left: 10px; }
}
.service-6-box .icon img { width: 40px; }
.service-6-box .content { background-color: var(--white); margin-inline: 20px; margin-top: -85px; position: relative; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 50px; border-radius: 10px 10px 80px 80px; padding: 23px 20px 46px; text-align: center; margin-bottom: 20px; }
@media only screen and (max-width: 1199px) {
  .service-6-box .content { margin-inline: 10px; padding: 23px 10px 46px; }
}
.service-6-box .title { font-weight: 600; font-size: 22px; line-height: 1.45; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .service-6-box .title { font-size: 18px; }
}
.service-6-box .text { margin-top: 15px; }
.service-6-box .btn-wrapper { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); }
.service-6-box .ui-btn-dashed-border .btn-icon { width: 40px; height: 40px; transition: 0.5s; }
.service-6-box .ui-btn-dashed-border .btn-icon::before { width: 110%; height: 110%; top: -5%; left: -5%; }
.services-6-btn-wrapper { margin-top: 60px; display: flex; justify-content: center; gap: 20px 0px; align-items: center; flex-wrap: wrap; }
@media only screen and (max-width: 1199px) {
  .services-6-btn-wrapper { margin-top: 40px; }
}
.services-6-btn-wrapper .text { font-weight: 500; font-size: 16px; line-height: 26px; text-align: center; background: var(--white); border-width: 1px 0px 1px 1px; border-style: dashed none dashed dashed; border-color: rgb(216, 221, 225) currentcolor rgb(216, 221, 225) rgb(216, 221, 225); border-image: none; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 50px; padding: 13px 19px 15px; color: var(--primary); border-radius: 30px 0px 0px 30px; }
@media only screen and (max-width: 767px) {
  .services-6-btn-wrapper .text { border-radius: 30px; }
}
.services-6-btn-wrapper .ui-btn { padding: 18px 31px; border-radius: 0px 30px 30px 0px; }
@media only screen and (max-width: 767px) {
  .services-6-btn-wrapper .ui-btn { border-radius: 30px; }
}
.service-7-area { background-color: var(--black); }
.service-7-inner { position: relative; z-index: 1; }
.service-7-shape-1 { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); font-family: var(--font_unbounded); font-weight: 700; font-size: 157px; line-height: 0.75; text-transform: capitalize; color: rgb(255, 255, 255); opacity: 0.1; writing-mode: sideways-rl; }
@media only screen and (max-width: 1919px) {
  .service-7-shape-1 { font-size: 107px; }
}
@media only screen and (max-width: 1199px) {
  .service-7-shape-1 { font-size: 87px; }
}
.services-7-wrapper { display: grid; gap: 40px; }
.service-7-box { border-bottom: 1px dashed rgba(255, 255, 255, 0.15); padding-bottom: 0px; transition: 0.5s; }
.service-7-box.active { padding-bottom: 60px; }
@media only screen and (max-width: 1199px) {
  .service-7-box.active { padding-bottom: 40px; }
}
.service-7-box.active .header { margin-bottom: 60px; }
@media only screen and (max-width: 1199px) {
  .service-7-box.active .header { margin-bottom: 40px; }
}
.service-7-box.active .icon img { transform: rotate(90deg); }
.service-7-box.active .content { height: auto; opacity: 1; }
.service-7-box .header { display: grid; gap: 20px 30px; grid-template-columns: 65px 1fr auto; align-items: flex-start; margin-bottom: 0px; transition: 0.5s; }
@media only screen and (max-width: 991px) {
  .service-7-box .header { grid-template-columns: 45px 1fr auto; }
}
@media only screen and (max-width: 767px) {
  .service-7-box .header { grid-template-columns: 1fr auto; }
}
.service-7-box .number { font-family: var(--font_unbounded); font-weight: 600; font-size: 18px; line-height: 14px; text-transform: capitalize; color: rgb(255, 255, 255); display: inline-block; }
@media only screen and (max-width: 767px) {
  .service-7-box .number { grid-column: span 2; }
}
.service-7-box .title { font-weight: 600; font-size: 66px; line-height: 0.8; color: rgb(255, 255, 255); }
@media only screen and (max-width: 1919px) {
  .service-7-box .title { font-size: 52px; }
}
@media only screen and (max-width: 1399px) {
  .service-7-box .title { font-size: 48px; }
}
@media only screen and (max-width: 1199px) {
  .service-7-box .title { font-size: 34px; }
}
@media only screen and (max-width: 991px) {
  .service-7-box .title { font-size: 24px; }
}
@media only screen and (max-width: 767px) {
  .service-7-box .title { font-size: 20px; line-height: 1.2; }
}
.service-7-box .icon img { transition: 0.5s; }
.service-7-box .content { margin-left: 95px; display: grid; gap: 20px 43px; grid-template-columns: 145px 1fr 425px; margin-right: 175px; height: 0px; transition: 0.5s; opacity: 0; align-items: flex-start; }
@media only screen and (max-width: 1199px) {
  .service-7-box .content { margin-right: 55px; }
}
@media only screen and (max-width: 991px) {
  .service-7-box .content { grid-template-columns: 1fr 385px; }
}
@media only screen and (max-width: 767px) {
  .service-7-box .content { grid-template-columns: 1fr; margin-left: 0px; margin-right: 0px; }
}
.service-7-box .content .text { color: var(--white); }
.service-7-box .tag { display: inline-block; text-align: center; width: 100%; padding: 10px 15px; background: rgb(26, 26, 26); border-radius: 5px; font-weight: 500; font-size: 16px; line-height: 26px; color: rgb(255, 255, 255); }
@media only screen and (max-width: 991px) {
  .service-7-box .tag { width: auto; }
}
.service-7-box .tags-wrapper { display: flex; gap: 20px; flex-direction: column; }
@media only screen and (max-width: 991px) {
  .service-7-box .tags-wrapper { flex-direction: row; grid-column: span 2; }
}
@media only screen and (max-width: 767px) {
  .service-7-box .tags-wrapper { grid-column: auto; }
}
.service-7-box .thumbs-wrapper { display: flex; gap: 20px; }
@media only screen and (max-width: 1199px) {
  .service-7-box .thumbs-wrapper { flex-direction: column; }
}
@media only screen and (max-width: 767px) {
  .service-7-box .thumbs-wrapper { flex-direction: row; }
}
.service-7-box .thumb { border-radius: 5px; overflow: hidden; }
.service-7-box .thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; aspect-ratio: 100 / 38; }
@media only screen and (max-width: 1919px) {
  .service-7-box .thumb img { aspect-ratio: 100 / 58; }
}
.service-7-box .btn-wrapper { margin-top: 23px; }
.service-7-box .ui-btn-dashed-border .btn-text { color: var(--white); }
.service-8-area { background-color: var(--smoke); }
.service-8-header { text-align: center; }
.service-8-header .section-subtitle { justify-content: center; }
.service-8-header .title-wrapper { margin-top: 21px; }
.service-8-header .section-title { max-width: 740px; margin-inline: auto; text-transform: uppercase; }
@media only screen and (max-width: 1399px) {
  .service-8-header .section-title { max-width: 640px; }
}
.service-8-wrapper-box { margin-top: 45px; }
.service-8-wrapper .nav-tabs { border-bottom: 1px solid rgba(68, 68, 68, 0.2); gap: 15px 55px; justify-content: center; }
@media only screen and (max-width: 1199px) {
  .service-8-wrapper .nav-tabs { gap: 10px 25px; }
}
@media only screen and (max-width: 991px) {
  .service-8-wrapper .nav-tabs { gap: 15px 0px; }
}
.service-8-wrapper .nav-tabs .nav-link { font-family: var(--font_unbounded); font-size: 16px; line-height: 22px; color: var(--black); text-transform: capitalize; padding: 0px 27px 18px; position: relative; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
@media only screen and (max-width: 991px) {
  .service-8-wrapper .nav-tabs .nav-link { padding: 0px 17px 8px; }
}
.service-8-wrapper .nav-tabs .nav-link.active, .service-8-wrapper .nav-tabs .nav-link:hover { background-color: transparent; }
.service-8-wrapper .nav-tabs .nav-link.active::before, .service-8-wrapper .nav-tabs .nav-link:hover::before { opacity: 1; }
.service-8-wrapper .nav-tabs .nav-link::before { position: absolute; content: ""; width: 100%; height: 3px; background-color: var(--theme); bottom: -1px; left: 0px; opacity: 0; }
.service-8-wrapper .tab-content { margin-top: 60px; }
.service-8-box { display: grid; gap: 40px 60px; grid-template-columns: 600px 544px; align-items: center; justify-content: space-between; }
@media only screen and (max-width: 1199px) {
  .service-8-box { grid-template-columns: 490px auto; }
}
@media only screen and (max-width: 991px) {
  .service-8-box { grid-template-columns: auto; }
}
@media only screen and (max-width: 991px) {
  .service-8-box .content { order: 2; }
}
.service-8-box .text { font-weight: 500; font-size: 16px; line-height: 26px; }
.service-8-box .info-wrapper { margin-top: 46px; display: grid; gap: 50px 80px; grid-template-columns: 1fr 1fr; align-items: flex-start; }
@media (max-width: 575px) {
  .service-8-box .info-wrapper { grid-template-columns: 1fr; }
}
.service-8-box .house-info-box { display: grid; gap: 15px; }
.service-8-box .meta-info { display: flex; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid rgba(68, 68, 68, 0.2); }
.service-8-box .meta-info .category { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 1.37; text-transform: capitalize; color: rgb(2, 2, 2); }
@media only screen and (max-width: 1199px) {
  .service-8-box .meta-info .category { font-size: 14px; }
}
.service-8-box .meta-info .number { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 1.37; text-transform: capitalize; color: rgb(2, 2, 2); }
@media only screen and (max-width: 1199px) {
  .service-8-box .meta-info .number { font-size: 14px; }
}
.service-9-header { display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .service-9-header { grid-template-columns: 1fr; }
}
.service-9-header .title-wrapper { margin-top: 21px; }
.service-9-header .section-title { max-width: 770px; text-transform: uppercase; }
.service-9-header .btn-wrapper { margin-bottom: 10px; }
.service-9-wrapper-box { margin-top: 50px; }
.service-9-box { position: relative; z-index: 1; }
.service-9-box .service-9-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.service-9-box .service-9-bg img { width: 100%; height: 100%; object-fit: cover; }
.service-9-box .content { text-align: center; background-color: var(--smoke); padding: 55px 60px 53px; max-width: 688px; margin-inline: auto; }
@media only screen and (max-width: 1919px) {
  .service-9-box .content { padding: 35px 30px 33px; max-width: 588px; }
}
@media only screen and (max-width: 1199px) {
  .service-9-box .content { max-width: 488px; }
}
@media only screen and (max-width: 991px) {
  .service-9-box .content { max-width: 438px; }
}
@media only screen and (max-width: 767px) {
  .service-9-box .content { padding: 25px 20px 23px; }
}
.service-9-box .number { font-family: var(--font_unbounded); font-weight: 600; font-size: 18px; line-height: 1.33; text-transform: capitalize; color: var(--black); display: inline-block; }
@media only screen and (max-width: 767px) {
  .service-9-box .number { font-size: 14px; }
}
.service-9-box .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: uppercase; margin-top: 18px; }
@media only screen and (max-width: 767px) {
  .service-9-box .title { font-size: 20px; margin-top: 8px; }
}
.service-9-box .thumb { width: 100%; aspect-ratio: 100 / 63; margin-top: 33px; }
@media only screen and (max-width: 767px) {
  .service-9-box .thumb { margin-top: 23px; }
}
.service-9-box .thumb img { width: 100%; height: 100%; object-fit: cover; }
.service-9-box .text { font-weight: 500; font-size: 16px; line-height: 26px; max-width: 434px; margin-inline: auto; margin-top: 32px; }
@media only screen and (max-width: 767px) {
  .service-9-box .text { margin-top: 22px; }
}
.counter-area { position: relative; z-index: 1; }
.counter-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.counter-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--theme); top: 0px; left: 0px; opacity: 0.9; }
.counter-bg img { width: 100%; height: 100%; object-fit: cover; }
.counter-area-inner { padding-top: 60px; padding-bottom: 60px; }
.counter-wrapper { display: grid; gap: 40px 46px; grid-template-columns: repeat(4, 1fr); }
@media only screen and (max-width: 1199px) {
  .counter-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .counter-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.counter-box { position: relative; padding-left: 50px; }
.counter-box:hover .icon { background-color: var(--black); }
.counter-box:hover .content { background-color: var(--black); }
.counter-box:hover .number { color: var(--theme); }
.counter-box:hover .text { color: var(--theme); }
.counter-box .icon { width: 80px; height: 80px; background-color: var(--white); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); outline: rgb(250, 94, 7) solid 6px; transition: 0.3s; }
.counter-box .content { background-color: var(--white); border-radius: 10px; padding: 22px 15px 23px 54px; transition: 0.3s; }
.counter-box .number { font-weight: 700; font-size: 66px; line-height: 1; transition: 0.3s; }
@media only screen and (max-width: 1919px) {
  .counter-box .number { font-size: 56px; }
}
@media only screen and (max-width: 1199px) {
  .counter-box .number { font-size: 46px; }
}
@media only screen and (max-width: 767px) {
  .counter-box .number { font-size: 36px; }
}
.counter-box .number .odometer.odometer-auto-theme, .counter-box .number .odometer.odometer-theme-default { font-family: var(--font_unbounded); line-height: 1; display: inline-flex; vertical-align: baseline; }
.counter-box .number .odometer-inside { display: inline-flex; }
.counter-box .text { font-weight: 600; font-size: 16px; line-height: 26px; text-transform: capitalize; margin-top: -2px; transition: 0.3s; }
.counter-2-area { position: relative; z-index: 1; margin-bottom: -87px; }
.counter-2-wrapper { background-color: var(--theme); border-radius: 20px; display: grid; grid-template-columns: repeat(4, 1fr); }
@media only screen and (max-width: 991px) {
  .counter-2-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
  .counter-2-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.counter-2-box { padding: 49px 30px 46px 70px; position: relative; }
@media only screen and (max-width: 1199px) {
  .counter-2-box { padding: 29px 20px 26px 30px; }
}
@media only screen and (max-width: 991px) {
  .counter-2-box { text-align: center; }
}
.counter-2-box .number { font-family: var(--font_unbounded); font-weight: 700; font-size: 50px; line-height: 1; text-transform: capitalize; color: rgb(255, 255, 255); }
@media only screen and (max-width: 1199px) {
  .counter-2-box .number { font-size: 40px; }
}
.counter-2-box .number .odometer.odometer-auto-theme, .counter-2-box .number .odometer.odometer-theme-default { font-family: var(--font_unbounded); line-height: 1; }
.counter-2-box .text { font-weight: 500; font-size: 18px; line-height: 30px; text-transform: capitalize; color: rgb(255, 255, 255); margin-top: 5px; }
.counter-2-box:not(:first-child) { border-left: 1.5px solid var(--white); }
@media only screen and (max-width: 991px) {
  .counter-2-box:not(:first-child) { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
}
.counter-2-box:not(:first-child)::before { position: absolute; content: ""; width: 10px; height: 10px; background-color: var(--white); border-radius: 50%; left: -6px; top: 50%; transform: translateY(-50%); }
@media only screen and (max-width: 991px) {
  .counter-2-box:not(:first-child)::before { display: none; }
}
.project-header { text-align: center; }
.project-header .section-subtitle { justify-content: center; }
.project-header .title-wrapper { margin-top: 21px; }
.project-header .section-title { max-width: 600px; margin-inline: auto; }
.projects-wrapper-box { margin-top: 43px; }
.projects-wrapper .swiper { margin-right: calc((100vw - (var(--container-max-widths) - 30px)) / -2); }
@media only screen and (max-width: 1199px) {
  .projects-wrapper .swiper { margin-right: 0px; }
}
.project-nav-wrapper { margin-top: 60px; display: grid; gap: 20px 30px; grid-template-columns: auto 1fr auto; justify-content: space-between; align-items: center; }
@media only screen and (max-width: 1199px) {
  .project-nav-wrapper { margin-top: 40px; }
}
.project-nav-wrapper .border-line { width: 100%; height: 1px; background-color: var(--border); }
.project-pagination { width: auto; display: flex; align-items: center; gap: 4px; }
.project-pagination .swiper-pagination-current { font-family: var(--font_unbounded); font-size: 24px; font-weight: 600; line-height: 32px; display: inline-block; color: var(--theme); }
.project-pagination .mid-line { display: inline-block; color: var(--border); }
.project-pagination .swiper-pagination-total { font-size: 14px; font-weight: 500; line-height: 20px; display: inline-block; color: var(--secondary); }
.project-nav-button { width: 56px; height: 56px; border: 1px solid var(--border); display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: 0.5s; font-size: 18px; color: var(--theme); }
@media only screen and (max-width: 1199px) {
  .project-nav-button { width: 46px; height: 46px; font-size: 16px; }
}
.project-nav-button:hover { background-color: var(--theme); border-color: transparent; color: var(--white); }
.project-nav-button.swiper-button-disabled { opacity: 0.3; pointer-events: none; }
.project-nav { display: flex; align-items: center; gap: 16px; }
@media only screen and (max-width: 1199px) {
  .project-nav { gap: 10px; }
}
.project-box { position: relative; }
.project-box:hover .thumb img { transform: scale(1.05); }
.project-box:hover .content-wrapper { opacity: 1; }
.project-box .thumb { overflow: hidden; }
.project-box .thumb img { width: 100%; transition: 0.5s; }
.project-box .content-wrapper { position: absolute; width: calc(100% - 50px); height: calc(100% - 50px); top: 25px; left: 25px; background-color: var(--theme); outline: rgba(255, 255, 255, 0.9) solid 3px; text-align: center; display: flex; flex-direction: column; justify-content: flex-end; opacity: 0; transition: 0.5s; }
@media only screen and (max-width: 1199px) {
  .project-box .content-wrapper { width: calc(100% - 30px); height: calc(100% - 30px); top: 15px; left: 15px; }
}
.project-box .btn-wrapper { position: absolute; top: 30%; left: 50%; transform: translateX(-50%); }
.project-box .view-details { width: 120px; height: 120px; background: var(--white); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 30px; color: var(--theme); }
@media only screen and (max-width: 1919px) {
  .project-box .view-details { width: 80px; height: 80px; font-size: 20px; }
}
.project-box .content { background-color: var(--white); margin: 0px 55px; border-radius: 10px 10px 0px 0px; padding: 27px 20px 20px; }
@media only screen and (max-width: 1919px) {
  .project-box .content { margin: 0px 25px; }
}
@media only screen and (max-width: 1199px) {
  .project-box .content { margin: 0px 15px; padding: 12px 10px 10px; }
}
.project-box .company-name { font-weight: 600; font-size: 14px; line-height: 24px; text-transform: uppercase; color: var(--theme); }
.project-box .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; margin-top: 6px; }
@media only screen and (max-width: 1919px) {
  .project-box .title { font-size: 20px; }
}
@media only screen and (max-width: 1199px) {
  .project-box .title { font-size: 18px; }
}
.project-details .thumb { border-radius: 30px; overflow: hidden; }
.project-details .thumb img { width: 100%; }
.project-details .meta-box { margin-top: -144px; max-width: 1012px; margin-inline: auto; background-color: var(--theme); border-radius: 20px; position: relative; padding: 30px 40px 36px; }
@media only screen and (max-width: 1199px) {
  .project-details .meta-box { margin-top: 30px; }
}
@media only screen and (max-width: 767px) {
  .project-details .meta-box { padding: 20px 20px 16px; }
}
.project-details .meta-box .project-title { color: var(--white); }
.project-details .meta-box .project-title + .text-wrapper { margin-top: 13px; }
.project-details .meta-box .text { color: var(--white); }
.project-details .meta-box .meta-list { margin-top: 27px; column-count: 3; }
@media only screen and (max-width: 1199px) {
  .project-details .meta-box .meta-list { column-count: 2; }
}
@media only screen and (max-width: 767px) {
  .project-details .meta-box .meta-list { column-count: auto; }
}
.project-details .meta-box .meta-item { display: grid; gap: 0px 30px; grid-template-columns: 140px auto; align-items: center; }
@media (max-width: 575px) {
  .project-details .meta-box .meta-item { grid-template-columns: auto; }
}
.project-details .meta-box .meta-item:not(:first-child) { margin-top: 19px; }
.project-details .meta-box .meta-item .title { font-family: var(--font_unbounded); font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: var(--white); display: inline-block; }
@media only screen and (max-width: 1199px) {
  .project-details .meta-box .meta-item .title { font-size: 18px; }
}
.project-details .meta-box .meta-item .info { font-weight: 500; font-size: 14px; line-height: 24px; color: var(--white); display: inline-block; }
.project-details .project-title { font-weight: 600; font-size: 36px; line-height: 1.28; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .project-details .project-title { font-size: 30px; }
}
@media only screen and (max-width: 767px) {
  .project-details .project-title { font-size: 24px; }
}
.project-details .text { font-weight: 500; font-size: 16px; line-height: 26px; }
.project-details .text:not(:first-child) { margin-top: 16px; }
.project-details .feature-list li { list-style: none; display: flex; gap: 10px; font-weight: 500; font-size: 16px; line-height: 26px; }
.project-details .feature-list li:not(:first-child) { margin-top: 12px; }
.project-details .feature-list li .icon { width: 18px; min-width: 18px; height: 18px; background-color: var(--theme); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: var(--white); font-size: 10px; margin-top: 3px; }
.project-details .gallery-wrapper { display: grid; gap: 30px; grid-template-columns: 1fr 1fr 1fr; }
@media only screen and (max-width: 1919px) {
  .project-details .gallery-wrapper { gap: 20px; }
}
@media (max-width: 575px) {
  .project-details .gallery-wrapper { grid-template-columns: 1fr; }
}
.project-details .gallery-wrapper img { border-radius: 20px; width: 100%; }
.project-details .meta-box + .text-wrapper { margin-top: 52px; }
.project-details .project-title + .text-wrapper { margin-top: 23px; }
.project-details .text-wrapper + .project-title { margin-top: 43px; }
.project-details .text-wrapper + .feature-list { margin-top: 23px; }
.project-details .text-wrapper + .gallery-wrapper { margin-top: 53px; }
.project-details .gallery-wrapper + .text-wrapper { margin-top: 52px; }
.projects-2-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); }
@media only screen and (max-width: 991px) {
  .projects-2-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .projects-2-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.project-3-inner { position: relative; z-index: 2; }
.project-3-shape-1 { position: absolute; font-family: var(--font_unbounded); font-weight: 700; font-size: 110px; line-height: 80px; text-transform: capitalize; color: rgb(2, 2, 2); opacity: 0.08; writing-mode: sideways-lr; top: 74px; left: calc(100% + 122px); }
.project-3-header { display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .project-3-header { grid-template-columns: 1fr; }
}
.project-3-header .title-wrapper { margin-top: 21px; }
.project-3-header .section-title { max-width: 600px; }
.project-3-header .project-3-nav { margin-bottom: 10px; }
.project-3-nav { display: flex; align-items: center; gap: 10px; }
.project-3-nav-button { width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: 0.5s; font-size: 18px; color: var(--white); background-color: var(--black); }
@media only screen and (max-width: 1199px) {
  .project-3-nav-button { width: 46px; height: 46px; font-size: 16px; }
}
.project-3-nav-button:hover { background-color: var(--theme); color: var(--white); }
.project-3-nav-button.swiper-button-disabled { opacity: 0.3; pointer-events: none; }
.projects-3-wrapper-box { margin-top: 50px; }
.projects-3-wrapper { margin-left: calc(-33.3333% - 10px); }
@media only screen and (max-width: 1919px) {
  .projects-3-wrapper { margin-left: calc(-33.3333% - 120px); }
}
@media only screen and (max-width: 991px) {
  .projects-3-wrapper { margin-left: 0px; margin-right: 0px; }
}
.project-3-box { position: relative; }
.project-3-box:hover .thumb img { transform: scale(1.05); }
.project-3-box:hover .content { opacity: 1; transform: translateY(0px); }
.project-3-box .thumb { border-radius: 10px; overflow: hidden; }
.project-3-box .thumb img { width: 100%; transition: 0.5s; }
.project-3-box .content { position: absolute; width: calc(100% - 40px); height: calc(100% - 40px); top: 20px; left: 20px; background-color: rgba(2, 2, 2, 0.75); border-radius: 10px; display: flex; flex-direction: column; justify-content: space-between; opacity: 0; transition: 0.5s; padding: 30px; transform: translateY(10px); }
@media only screen and (max-width: 1199px) {
  .project-3-box .content { width: calc(100% - 30px); height: calc(100% - 30px); top: 15px; left: 15px; }
}
.project-3-box .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; margin-top: 13px; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .project-3-box .title { font-size: 20px; }
}
@media only screen and (max-width: 1199px) {
  .project-3-box .title { font-size: 18px; }
}
.project-3-box .text { color: var(--white); margin-top: 5px; }
.project-3-box .ui-btn-dashed-border { margin-top: 23px; }
.project-3-box .ui-btn-dashed-border .btn-text { color: var(--white); }
.project-3-box .number { font-family: var(--font_unbounded); font-weight: 700; font-size: 50px; line-height: 57px; text-transform: capitalize; color: rgb(255, 255, 255); display: block; text-align: end; }
.project-3-box .style-border-top { border-top: 2.5px solid var(--theme); position: relative; display: block; }
.project-3-box .style-border-top::after { position: absolute; content: ""; width: 2.5px; height: 30px; background-color: var(--theme); top: 0px; right: 0px; }
.project-3-box .style-border-bottom { margin-top: 20px; border-bottom: 2.5px solid var(--theme); position: relative; display: block; }
.project-3-box .style-border-bottom::before { position: absolute; content: ""; width: 2.5px; height: 30px; background-color: var(--theme); bottom: 0px; left: 0px; }
.project-4-area { position: relative; padding-top: 87px; }
.project-4-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.project-4-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--smoke); top: 0px; left: 0px; z-index: -1; }
.project-4-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.02; }
.project-4-header { display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .project-4-header { grid-template-columns: 1fr; }
}
.project-4-header .title-wrapper { margin-top: 21px; }
.project-4-header .section-title { max-width: 825px; }
.project-4-header .btn-wrapper { margin-bottom: 10px; }
.projects-4-wrapper-box { margin-top: 50px; }
.project-4-box { position: relative; border-radius: 10px; overflow: hidden; }
.project-4-box:hover .thumb img { transform: scale(1.05); }
.project-4-box:hover .content-wrapper { opacity: 1; }
.project-4-box .thumb { overflow: hidden; }
.project-4-box .thumb img { width: 100%; transition: 0.5s; }
.project-4-box .content-wrapper { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; text-align: center; display: flex; flex-direction: column; opacity: 0; transition: 0.5s; }
.project-4-box .content-wrapper::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--black); top: 0px; left: 0px; opacity: 0.79; }
.project-4-box .content { margin: 25px; border: 2px solid var(--theme); border-radius: 10px; padding: 15px; height: 100%; display: flex; flex-direction: column; text-align: center; justify-content: center; align-items: center; position: relative; z-index: 1; }
@media only screen and (max-width: 1919px) {
  .project-4-box .content { margin: 15px; }
}
@media (max-width: 575px) {
  .project-4-box .content { margin: 10px; }
}
.project-4-box .category { font-weight: 500; font-size: 16px; line-height: 26px; text-transform: uppercase; color: var(--theme); display: inline-block; }
.project-4-box .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; margin-top: 6px; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .project-4-box .title { font-size: 20px; }
}
@media only screen and (max-width: 1199px) {
  .project-4-box .title { font-size: 18px; }
}
.project-4-box .title a:hover { color: var(--white); }
.project-4-box .view-details { width: 60px; height: 60px; background: var(--white); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 18px; color: var(--theme); margin-top: 13px; }
.project-4-box .view-details:hover { background-color: var(--theme); color: var(--white); }
.projects-4-wrapper .swiper { overflow: visible; }
.project-4-pagination { margin-top: 46px; display: inline-flex; gap: 7px; justify-content: center; align-items: center; }
@media only screen and (max-width: 1919px) {
  .project-4-pagination { margin-top: 40px; }
}
@media only screen and (max-width: 1199px) {
  .project-4-pagination { gap: 2px; }
}
.project-4-pagination::before { width: 150px; height: 1px; opacity: 0.4; border: 1px solid rgb(68, 68, 68); content: ""; margin-right: 16px; }
@media only screen and (max-width: 1199px) {
  .project-4-pagination::before { width: 50px; }
}
.project-4-pagination::after { width: 150px; height: 1px; opacity: 0.4; border: 1px solid rgb(68, 68, 68); content: ""; margin-left: 16px; }
@media only screen and (max-width: 1199px) {
  .project-4-pagination::after { width: 50px; }
}
.project-4-pagination .swiper-pagination-bullet { width: 30px; height: 30px; background-color: transparent; border-radius: 50%; border: 1px solid transparent; position: relative; opacity: 1; margin: 0px !important; }
.project-4-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var(--theme); background-color: var(--white); }
.project-4-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background-color: var(--theme); opacity: 1; }
.project-4-pagination .swiper-pagination-bullet::before { position: absolute; content: ""; width: 14px; height: 14px; background-color: var(--secondary); opacity: 0.4; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; }
.project-5-area { position: relative; z-index: 2; }
.project-5-inner { position: relative; z-index: 1; }
.project-5-lines { position: absolute; width: calc(100% + 240px); height: 100%; top: 0px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; z-index: -1; }
.project-5-lines .line { opacity: 0.15; border-right: 1px dashed rgb(68, 68, 68); height: 100%; }
.project-5-header { display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .project-5-header { grid-template-columns: 1fr; }
}
.project-5-header .title-wrapper { margin-top: 21px; }
.project-5-header .section-title { max-width: 770px; }
.project-5-header .btn-wrapper { margin-bottom: 10px; }
.projects-5-wrapper-box { margin-top: 50px; }
.projects-5-wrapper .swiper { overflow: visible; }
.projects-5-wrapper .swiper-pagination-progressbar { max-width: 643px; position: relative; margin-top: 60px; margin-inline: auto; height: 6px; border-radius: 3px; background: var(--smoke); }
@media only screen and (max-width: 1919px) {
  .projects-5-wrapper .swiper-pagination-progressbar { margin-top: 40px; }
}
.projects-5-wrapper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--theme); border-radius: 3px; }
.project-5-box { position: relative; overflow: hidden; border-radius: 20px; }
.project-5-box:hover .thumb img { transform: scale(1.05); }
.project-5-box:hover .content { background-color: var(--black); border-color: var(--theme); }
.project-5-box .thumb { position: relative; overflow: hidden; }
.project-5-box .thumb::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0px; top: 0px; background: rgb(2, 2, 2); opacity: 0.25; }
.project-5-box .thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.project-5-box .content-wrapper { margin-inline: 40px; position: absolute; bottom: 0px; left: 0px; }
@media only screen and (max-width: 1199px) {
  .project-5-box .content-wrapper { margin-inline: 15px; }
}
.project-5-box .content { background: rgba(255, 255, 255, 0.1); border-top: 2px solid rgb(255, 255, 255); backdrop-filter: blur(5px); border-radius: 20px 20px 0px 0px; padding: 20px 30px 25px; transition: 0.5s; }
@media only screen and (max-width: 1199px) {
  .project-5-box .content { padding: 15px; }
}
.project-5-box .category { font-weight: 500; font-size: 16px; line-height: 26px; color: rgb(250, 94, 7); display: inline-block; }
.project-5-box .title { font-weight: 600; font-size: 20px; line-height: 1.3; text-transform: capitalize; color: rgb(255, 255, 255); margin-top: 7px; }
@media only screen and (max-width: 1199px) {
  .project-5-box .title { font-size: 18px; }
}
.project-5-box .title a:hover { color: var(--white); }
.project-5-box .view-details { width: 60px; height: 60px; display: inline-flex; justify-content: center; align-items: center; color: var(--white); background-color: var(--theme); border-radius: 50%; }
@media only screen and (max-width: 1919px) {
  .project-5-box .view-details { width: 50px; height: 50px; }
}
.project-5-box .btn-wrapper { position: absolute; right: 30px; z-index: 1; top: -30px; }
@media only screen and (max-width: 1919px) {
  .project-5-box .btn-wrapper { top: -25px; }
}
@media only screen and (max-width: 1199px) {
  .project-5-box .btn-wrapper { right: 15px; }
}
.project-6-area { background-color: var(--black); }
.project-6-header { text-align: center; }
.project-6-header .section-subtitle { justify-content: center; }
.project-6-header .title-wrapper { margin-top: 21px; }
.project-6-header .section-title { max-width: 780px; margin-inline: auto; text-transform: uppercase; color: var(--white); }
@media only screen and (max-width: 1399px) {
  .project-6-header .section-title { max-width: 680px; }
}
.project-6-wrapper-box { margin-top: 50px; }
.project-6-wrapper { display: grid; gap: 120px 0px; grid-template-columns: auto auto; align-items: flex-start; justify-content: space-between; margin-bottom: -120px; }
@media only screen and (max-width: 1199px) {
  .project-6-wrapper { gap: 60px 50px; margin-bottom: 0px; }
}
@media only screen and (max-width: 991px) {
  .project-6-wrapper { gap: 40px 30px; }
}
@media only screen and (max-width: 767px) {
  .project-6-wrapper { grid-template-columns: auto; }
}
.project-6-wrapper > :nth-child(1) { grid-template-columns: auto auto; margin-right: -155px; }
@media only screen and (max-width: 1199px) {
  .project-6-wrapper > :nth-child(1) { margin-right: 0px; grid-template-columns: auto; }
}
.project-6-wrapper > :nth-child(1) .thumb { width: 420px; }
@media only screen and (max-width: 1199px) {
  .project-6-wrapper > :nth-child(1) .thumb { width: 100%; }
}
.project-6-wrapper > :nth-child(1) .content { margin-top: 38px; }
@media only screen and (max-width: 1199px) {
  .project-6-wrapper > :nth-child(1) .content { margin-top: 0px; }
}
.project-6-wrapper > :nth-child(2) { grid-template-columns: 440px; margin-top: 300px; margin-left: auto; }
@media only screen and (max-width: 1199px) {
  .project-6-wrapper > :nth-child(2) { grid-template-columns: auto; margin-top: 0px; }
}
.project-6-wrapper > :nth-child(2) .thumb { width: 440px; }
@media only screen and (max-width: 1199px) {
  .project-6-wrapper > :nth-child(2) .thumb { width: 100%; }
}
.project-6-wrapper > :nth-child(3) { grid-template-columns: 757px; margin-top: -545px; }
@media only screen and (max-width: 1199px) {
  .project-6-wrapper > :nth-child(3) { grid-template-columns: auto; margin-top: 0px; }
}
.project-6-wrapper > :nth-child(4) { grid-template-columns: 530px; }
@media only screen and (max-width: 1199px) {
  .project-6-wrapper > :nth-child(4) { grid-template-columns: auto; }
}
.project-6-wrapper > :nth-child(5) { grid-template-columns: auto auto; margin-top: -645px; align-items: center; max-width: 700px; }
@media only screen and (max-width: 1199px) {
  .project-6-wrapper > :nth-child(5) { grid-template-columns: auto; margin-top: 0px; }
}
.project-6-wrapper > :nth-child(5) .thumb { width: 270px; }
@media only screen and (max-width: 1199px) {
  .project-6-wrapper > :nth-child(5) .thumb { width: 100%; }
}
.project-6-box { display: grid; gap: 54px 60px; }
@media only screen and (max-width: 1199px) {
  .project-6-box { gap: 24px 60px; }
}
.project-6-box .thumb img { width: 100%; height: 100%; object-fit: cover; }
@media only screen and (max-width: 1199px) {
  .project-6-box .thumb img { aspect-ratio: 100 / 100; }
}
.project-6-box .title { font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: capitalize; color: rgb(255, 255, 255); }
@media only screen and (max-width: 1199px) {
  .project-6-box .title { font-size: 24px; }
}
@media only screen and (max-width: 767px) {
  .project-6-box .title { font-size: 20px; }
}
.project-6-box .title a:hover { color: var(--theme); }
.project-6-box .text { font-weight: 500; font-size: 16px; line-height: 26px; color: rgb(255, 255, 255); margin-top: 15px; }
.project-6-box .ui-btn-dashed-border { margin-top: 23px; }
.project-6-box .ui-btn-dashed-border .btn-text { color: var(--white); }
.projects-7-wrapper-box { position: absolute; top: 467px; right: 235px; max-width: 220px; z-index: 2; }
@media only screen and (max-width: 1919px) {
  .projects-7-wrapper-box { top: 387px; right: 115px; }
}
@media only screen and (max-width: 1399px) {
  .projects-7-wrapper-box { top: 317px; }
}
@media only screen and (max-width: 1199px) {
  .projects-7-wrapper-box { right: 50px; }
}
@media only screen and (max-width: 767px) {
  .projects-7-wrapper-box { top: 227px; }
}
@media (max-width: 575px) {
  .projects-7-wrapper-box { position: relative; top: 0px; left: 0px; margin-top: 50px; max-width: 100%; margin-inline: 50px; }
}
.project-7-box .meta { display: flex; justify-content: space-between; align-items: center; }
.project-7-box .category { font-weight: 500; font-size: 16px; line-height: 26px; color: rgb(255, 255, 255); display: inline-block; }
.project-7-box .year { font-weight: 500; font-size: 16px; line-height: 26px; color: rgb(255, 255, 255); display: inline-block; }
.project-7-box .title { font-family: var(--font_poppins); font-weight: 500; font-size: 16px; line-height: 26px; color: rgb(255, 255, 255); margin-top: 12px; }
.project-7-box .title a:hover { color: var(--white); }
.project-7-box .thumb { margin-top: 13px; }
.project-7-box .thumb img { width: 100%; height: 100%; object-fit: cover; }
.project-7-pagination-wrapper { display: inline-flex; margin-top: 13px; }
.project-7-pagination-wrapper .swiper-pagination-bullets { display: inline-flex; gap: 10px; }
.project-7-pagination-wrapper .swiper-pagination-bullets .swiper-pagination-bullet { width: 36px; height: 8px; background-color: transparent; border: 2px solid var(--white); border-radius: 30px; opacity: 0.4; margin: 0px !important; }
.project-7-pagination-wrapper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; border-color: var(--theme); background-color: var(--theme); }
.feature-area { position: relative; z-index: 1; }
.feature-area-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.feature-area-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--primary); top: 0px; left: 0px; opacity: 0.7; }
.feature-area-bg img { width: 100%; height: 100%; object-fit: cover; }
.feature-content .section-subtitle { color: var(--white); }
.feature-content .title-wrapper { margin-top: 18px; }
.feature-content .section-title { max-width: 510px; color: var(--white); }
.feature-wrapper-box { margin-top: 45px; position: relative; z-index: 2; }
.feature-wrapper { margin-left: calc(-33.3333% - 20px); margin-right: calc(33.3333% - 20px); }
@media only screen and (max-width: 1399px) {
  .feature-wrapper { margin-left: 0px; margin-right: 0px; }
}
.feature-box { position: relative; z-index: 1; background-color: var(--white); padding: 40px 40px 32px; }
@media only screen and (max-width: 991px) {
  .feature-box { padding: 20px 20px 17px; }
}
.feature-box .bg { position: absolute; top: 0px; right: 0px; z-index: -1; }
.feature-box .thumb { width: 80px; height: 80px; background-color: var(--theme); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; }
.feature-box .content { margin-top: 23px; }
.feature-box .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; }
@media only screen and (max-width: 1399px) {
  .feature-box .title { font-size: 22px; }
}
.feature-box .text { font-weight: 500; font-size: 16px; line-height: 26px; margin-top: 15px; }
.feature-nav-wrapper { margin-top: 60px; }
@media only screen and (max-width: 1919px) {
  .feature-nav-wrapper { margin-top: 40px; }
}
.feature-nav-wrapper .swiper-pagination-bullets { display: flex; gap: 10px; justify-content: center; position: relative; z-index: 1; }
.feature-nav-wrapper .swiper-pagination-bullets .swiper-pagination-bullet { width: 20px; height: 12px; background-color: var(--white); border-radius: 3px; opacity: 0.4; margin: 0px; }
.feature-nav-wrapper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; width: 30px; }
.feature-info-wrapper-box { width: 900px; height: 100%; position: absolute; content: ""; z-index: 1; bottom: 0px; right: 0px; overflow-y: clip; }
@media only screen and (max-width: 1919px) {
  .feature-info-wrapper-box { width: 800px; }
}
@media only screen and (max-width: 1199px) {
  .feature-info-wrapper-box { position: static; width: 100%; }
}
.feature-info-wrapper { display: grid; grid-template-columns: 1fr 1fr; }
@media only screen and (max-width: 767px) {
  .feature-info-wrapper { grid-template-columns: 1fr; }
}
.feature-info-wrapper > :nth-child(3) { grid-column: span 2; }
@media only screen and (max-width: 767px) {
  .feature-info-wrapper > :nth-child(3) { grid-column: auto; }
}
.feature-review-box { background-color: var(--theme); padding: 33px 30px 42px; text-align: center; }
@media only screen and (max-width: 1919px) {
  .feature-review-box { padding: 28px 20px 37px; }
}
@media only screen and (max-width: 1399px) {
  .feature-review-box { padding: 18px 20px 27px; }
}
@media only screen and (max-width: 991px) {
  .feature-review-box { padding: 41px 20px 43px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
}
.feature-review-box .rating { font-weight: 700; font-size: 50px; line-height: 1.14; text-transform: capitalize; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .feature-review-box .rating { font-size: 40px; }
}
@media (max-width: 575px) {
  .feature-review-box .rating { font-size: 30px; }
}
.feature-review-box .text { font-weight: 600; font-size: 16px; line-height: 1.37; text-align: center; text-transform: capitalize; color: var(--white); margin-top: 10px; max-width: 236px; margin-inline: auto; }
@media only screen and (max-width: 1199px) {
  .feature-review-box .text { font-size: 14px; }
}
.feature-review-box .underline { width: 82px; height: 2px; background-color: var(--white); display: inline-block; margin-top: 25px; }
.feature-review-box .client-group { display: flex; justify-content: center; margin-top: 30px; }
@media only screen and (max-width: 1399px) {
  .feature-review-box .client-group { margin-top: 20px; }
}
.feature-review-box .client-group img { width: 60px; height: 60px; border: 2px solid var(--white); border-radius: 50%; }
@media only screen and (max-width: 1919px) {
  .feature-review-box .client-group img { width: 50px; height: 50px; }
}
.feature-review-box .client-group > :not(:first-child) { margin-left: -30px; }
@media only screen and (max-width: 1919px) {
  .feature-review-box .client-group > :not(:first-child) { margin-left: -25px; }
}
.feature-review-box .client-group .group-more { width: 60px; height: 60px; border: 2px solid var(--white); border-radius: 50%; background-color: var(--black); display: flex; justify-content: center; align-items: center; font-size: 20px; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .feature-review-box .client-group .group-more { width: 50px; height: 50px; }
}
.feature-cta-box { text-align: center; padding: 80px 20px; }
@media only screen and (max-width: 1919px) {
  .feature-cta-box { padding: 60px 20px; }
}
@media only screen and (max-width: 1399px) {
  .feature-cta-box { padding: 40px 20px; }
}
@media only screen and (max-width: 1199px) {
  .feature-cta-box { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 0px; border-bottom: 0px; }
}
@media only screen and (max-width: 767px) {
  .feature-cta-box { border: 0px; }
}
.feature-cta-box .title { font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: capitalize; color: var(--white); margin-top: 13px; }
@media only screen and (max-width: 1919px) {
  .feature-cta-box .title { font-size: 24px; }
}
.feature-cta-box .btn-wrapper { margin-top: 13px; }
.feature-cta-box .cta-btn { font-family: var(--font_unbounded); font-weight: 600; font-size: 18px; line-height: 24px; text-transform: capitalize; color: var(--white); display: inline-flex; align-items: center; gap: 11px; }
.feature-cta-box .cta-btn:hover { color: var(--theme); }
.feature-info-image { position: relative; height: 100%; }
.feature-info-image .image { width: 100%; height: 100%; object-fit: cover; }
.feature-2-wrapper { display: grid; gap: 60px 30px; grid-template-columns: repeat(4, 1fr); margin-top: -55px; }
@media only screen and (max-width: 991px) {
  .feature-2-wrapper { grid-template-columns: repeat(2, 1fr); margin-top: 60px; }
}
@media only screen and (max-width: 767px) {
  .feature-2-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.feature-2-box { background-color: var(--white); padding: 0px 40px 34px; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 50px; border-top: 2px solid var(--theme); position: relative; z-index: 1; transition: 0.5s; }
@media only screen and (max-width: 1199px) {
  .feature-2-box { padding: 0px 20px 14px; }
}
.feature-2-box:hover { background-color: var(--black); }
.feature-2-box:hover .shape-1 { opacity: 0.1; }
.feature-2-box:hover .title { color: var(--white); }
.feature-2-box:hover .text { color: var(--white); }
.feature-2-box .shape-1 { position: absolute; right: 0px; top: 0px; z-index: -1; opacity: 0.6; transition: 0.5s; }
.feature-2-box .icon { width: 115px; height: 90px; background-color: var(--theme); display: inline-flex; justify-content: center; align-items: center; margin-top: -38px; margin-left: -15px; padding-top: 10px; clip-path: polygon(50% 0px, 100% 38px, calc(100% - 15px) 38px, calc(100% - 15px) 100%, 15px 100%, 15px 38px, 0px 38px); }
.feature-2-box .content { margin-top: 34px; }
.feature-2-box .title { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; transition: 0.5s; }
.feature-2-box .text { margin-top: 16px; transition: 0.5s; }
.feature-3-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); }
@media only screen and (max-width: 1199px) {
  .feature-3-wrapper { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media only screen and (max-width: 767px) {
  .feature-3-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.feature-3-box { background-color: rgba(255, 247, 243, 0.7); padding: 60px 50px 52px 60px; position: relative; z-index: 1; transition: 0.5s; border-left: 1px solid var(--theme); }
@media only screen and (max-width: 1919px) {
  .feature-3-box { padding: 30px 30px 32px; }
}
@media only screen and (max-width: 1199px) {
  .feature-3-box { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
}
@media only screen and (max-width: 767px) {
  .feature-3-box { padding: 20px 20px 22px; }
}
.feature-3-box:hover { background-color: var(--theme); }
.feature-3-box:hover .bg::before { opacity: 1; background-color: var(--theme); }
.feature-3-box:hover .icon img { filter: brightness(0) invert(1); }
.feature-3-box:hover .number { -webkit-text-stroke-color: var(--white); }
.feature-3-box:hover .title { color: var(--white); }
.feature-3-box:hover .text { color: var(--white); }
.feature-3-box .bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; transition: 0.5s; }
.feature-3-box .bg::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--smoke); opacity: 0.7; top: 0px; left: 0px; transition: 0.5s; }
.feature-3-box .bg img { width: 100%; height: 100%; object-fit: cover; }
.feature-3-box .number { position: absolute; right: 50px; top: 72px; font-family: var(--font_unbounded); font-weight: 600; font-size: 30px; line-height: 36px; -webkit-text-stroke: 1px var(--black); color: transparent; display: inline-block; transition: 0.5s; }
@media only screen and (max-width: 1919px) {
  .feature-3-box .number { right: 30px; top: 32px; }
}
.feature-3-box .icon img { transition: 0.5s; }
.feature-3-box .content { margin-top: 23px; }
.feature-3-box .title { font-family: var(--font_unbounded); font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; color: var(--black); transition: 0.5s; }
@media only screen and (max-width: 1919px) {
  .feature-3-box .title { font-size: 20px; }
}
.feature-3-box .text { margin-top: 26px; transition: 0.5s; }
@media only screen and (max-width: 1919px) {
  .feature-3-box .text { margin-top: 16px; }
}
.feature-3-box:nth-child(1) { border-left: 0px; }
.team-header { display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .team-header { grid-template-columns: 1fr; }
}
.team-header .title-wrapper { margin-top: 21px; }
.team-header .section-title { max-width: 680px; }
.team-header .btn-wrapper { margin-bottom: 10px; }
.team-wrapper-box { margin-top: 50px; }
.team-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(4, 1fr); }
@media only screen and (max-width: 991px) {
  .team-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .team-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.team-box { position: relative; clip-path: polygon(0px 0px, calc(100% - 70px) 0px, 100% 70px, 100% 100%, 0px 100%); }
.team-box:hover .thumb { border-color: var(--theme); }
.team-box:hover .thumb::after { height: 250%; transition: 600ms linear; background-color: transparent; }
.team-box:hover .content { background-color: var(--theme); }
.team-box:hover .name { color: var(--white); }
.team-box:hover .post { color: var(--white); }
.team-box:hover .social .share-icon { background-color: var(--primary); }
.team-box .thumb { border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; padding: 19px 0px 19px 19px; border-right: 0px; margin-bottom: 25px; transition: 0.5s; position: relative; overflow: hidden; }
@media only screen and (max-width: 1199px) {
  .team-box .thumb { padding: 9px 0px 9px 9px; }
}
.team-box .thumb::after { content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, 0.3); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; }
.team-box .thumb img { width: 100%; height: 100%; object-fit: cover; }
.team-box .content { background-color: var(--smoke); position: absolute; width: calc(100% - 19px); bottom: 0px; right: 0px; padding: 24px 20px 23px; transition: 0.5s; z-index: 1; }
@media only screen and (max-width: 1199px) {
  .team-box .content { padding: 14px 10px 13px; }
}
.team-box .name { font-weight: 600; font-size: 20px; line-height: 1.3; text-transform: capitalize; transition: 0.3s; }
@media only screen and (max-width: 1199px) {
  .team-box .name { font-size: 18px; }
}
.team-box .name a { transition: none; }
.team-box .post { font-weight: 500; font-size: 16px; line-height: 26px; display: inline-block; color: var(--theme); margin-top: 5px; transition: 0.5s; }
.team-box .social { position: absolute; bottom: 28px; right: 20px; z-index: 1; }
@media only screen and (max-width: 1199px) {
  .team-box .social { bottom: 18px; right: 10px; }
}
.team-box .social:hover .social-link { transform: translateX(-50%) scale(1); opacity: 1; bottom: calc(100% + 8px); }
.team-box .social .social-link { display: flex; flex-direction: column; gap: 8px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%) scale(0.2); transform-origin: center bottom; opacity: 0; transition: 0.5s; }
.team-box .social .social-link a { width: 35px; height: 35px; background-color: var(--white); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: var(--theme); }
.team-box .social .social-link a:hover { background-color: var(--theme); color: var(--white); }
.team-box .social .share-icon { width: 35px; height: 35px; background-color: var(--theme); color: var(--white); border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; transition: 0.5s; }
.team-details-area-inner { display: grid; gap: 30px; grid-template-columns: 1fr 420px; }
@media only screen and (max-width: 1199px) {
  .team-details-area-inner { grid-template-columns: 1fr 320px; }
}
@media only screen and (max-width: 991px) {
  .team-details-area-inner { grid-template-columns: 1fr; }
}
@media only screen and (max-width: 991px) {
  .team-details-wrapper-box { order: 2; }
}
.team-details-wrapper { padding: 34px 40px 40px; background-color: var(--smoke); border-radius: 20px; }
@media only screen and (max-width: 1919px) {
  .team-details-wrapper { padding: 24px 30px 30px; }
}
@media only screen and (max-width: 767px) {
  .team-details-wrapper { padding: 14px 20px 20px; }
}
.team-details .team-title { font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .team-details .team-title { font-size: 24px; }
}
@media only screen and (max-width: 767px) {
  .team-details .team-title { font-size: 20px; }
}
.team-details .text { font-weight: 500; font-size: 16px; line-height: 26px; }
.team-details .text:not(:first-child) { margin-top: 16px; }
.team-details .feature-list li { list-style: none; display: flex; gap: 10px; font-weight: 500; font-size: 16px; line-height: 26px; }
.team-details .feature-list li:not(:first-child) { margin-top: 12px; }
.team-details .feature-list li .icon { width: 18px; min-width: 18px; height: 18px; background-color: var(--theme); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: var(--white); font-size: 10px; margin-top: 3px; }
.team-details .progress-wrapper-box { margin-top: 25px; }
.team-details .progress-wrapper { display: grid; gap: 22px; }
.team-details .progress-box .progress-title { display: flex; justify-content: space-between; margin-bottom: 6px; }
.team-details .progress-box .progress-title span { float: right; font-weight: 500; font-size: 16px; line-height: 26px; color: var(--secondary); display: inline-block; }
.team-details .progress-box .progress-category { font-weight: 500; font-size: 16px; line-height: 26px; display: inline-block; }
.team-details .progress-box .progress { height: 12px; background-color: var(--white); border-radius: 10px; border: 1px solid var(--theme); padding: 2px; }
.team-details .progress-box .progress-bar { background-color: var(--theme); border-radius: 10px; }
.team-details .team-title + .text-wrapper { margin-top: 15px; }
.team-details .text-wrapper + .team-title { margin-top: 27px; }
.team-details .feature-list + .team-title { margin-top: 25px; }
.team-details .progress-wrapper-box + .team-title { margin-top: 34px; }
.team-details .text-wrapper + .feature-list { margin-top: 19px; }
.team-details .team-contact-wrap { margin-top: 25px; }
.team-details .team-contact-wrap .submit-btn { margin-top: 32px; }
.team-details .contact-formwrap { display: grid; gap: 22px 32px; grid-template-columns: repeat(2, 1fr); }
@media only screen and (max-width: 767px) {
  .team-details .contact-formwrap { grid-template-columns: repeat(1, 1fr); }
}
.team-details .contact-formwrap .span-2 { grid-column: span 2; }
@media only screen and (max-width: 767px) {
  .team-details .contact-formwrap .span-2 { grid-column: auto; }
}
.team-details .contact-formfield { background-color: transparent; }
.team-details .contact-formfield input { width: 100%; border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: none; outline: none; color: var(--black); transition: 0.5s; background: none; font-weight: 500; font-size: 16px; line-height: 26px; padding-bottom: 23px; border-bottom: 1px solid var(--border); }
.team-details .contact-formfield input:focus { }
.team-details .contact-formfield input::placeholder { color: var(--secondary); }
.team-details .contact-formfield textarea { width: 100%; height: 139px; border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: none; outline: none; color: var(--black); transition: 0.5s; background: none; resize: none; font-weight: 500; font-size: 16px; line-height: 26px; padding-bottom: 23px; border-bottom: 1px solid var(--border); }
.team-details .contact-formfield textarea:focus { }
.team-details .contact-formfield textarea::placeholder { color: var(--secondary); }
.team-details .contact-formfield select { width: 100%; height: 50px; border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: none; outline: none; color: var(--secondary); transition: 0.5s; background: none; font-weight: 500; font-size: 16px; line-height: 26px; padding-bottom: 23px; border-bottom: 1px solid var(--border); }
.team-details .contact-formfield select:focus { }
.team-details .contact-formfield select::placeholder { color: var(--secondary); }
.team-details .contact-formfield .nice-select { height: 50px; width: 100%; padding: 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; background: none; border-bottom: 1px solid var(--border); }
.team-details .contact-formfield .nice-select .current { height: 50px; display: block; color: var(--secondary); font-weight: 500; font-size: 16px; line-height: 26px; padding-bottom: 23px; }
.team-details .contact-formfield .nice-select .option { height: 40px; line-height: 40px; display: block; color: var(--black); font-weight: 500; font-size: 16px; }
.team-details .contact-formfield .nice-select::after { display: none; }
.team-sidebar-info-box { padding: 30px; background-color: var(--smoke); border-radius: 20px; }
@media only screen and (max-width: 767px) {
  .team-sidebar-info-box { padding: 20px; }
}
.team-sidebar-info-box .thumb { border-radius: 10px; overflow: hidden; }
.team-sidebar-info-box .thumb img { width: 100%; }
.team-sidebar-info-box .meta-list { margin-top: 34px; }
.team-sidebar-info-box .meta-item:not(:first-child) { border-top: 1px solid rgb(216, 221, 225); padding-top: 15px; margin-top: 13px; }
.team-sidebar-info-box .meta-item .name { font-size: 30px; line-height: 1.2; text-transform: capitalize; }
.team-sidebar-info-box .meta-item .title { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; color: var(--black); display: block; }
.team-sidebar-info-box .meta-item .info { font-weight: 500; font-size: 16px; line-height: 26px; display: block; margin-top: 7px; }
.team-sidebar-info-box .meta-item .name + .info { margin-top: 5px; }
.team-sidebar-info-box .social-link { margin-top: 15px; display: flex; gap: 9px; }
.team-sidebar-info-box .social-link a { width: 36px; height: 36px; border: 1px solid var(--border); display: inline-flex; justify-content: center; align-items: center; color: var(--primary); border-radius: 50%; }
.team-sidebar-info-box .social-link a:hover { color: var(--white); border-color: transparent; background-color: var(--theme); }
.team-2-area { position: relative; z-index: 1; padding-top: 70px; }
@media only screen and (max-width: 1919px) {
  .team-2-area { padding-top: 58px; }
}
@media only screen and (max-width: 991px) {
  .team-2-area { padding-top: 0px; }
}
.team-2-shape-1 { position: absolute; top: 0px; right: 0px; z-index: -1; }
@media only screen and (max-width: 991px) {
  .team-2-shape-1 { top: -100px; }
}
.team-2-shape-2 { position: absolute; bottom: 0px; left: 0px; z-index: -1; }
.team-2-header { text-align: center; }
.team-2-header .section-subtitle { justify-content: center; }
.team-2-header .title-wrapper { margin-top: 21px; }
.team-2-header .section-title { max-width: 710px; margin-inline: auto; }
.team-2-wrapper-box { margin-top: 50px; }
.team-2-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(4, 1fr); }
@media only screen and (max-width: 991px) {
  .team-2-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .team-2-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.team-2-box:hover .thumb img { transform: scale(1.05); }
.team-2-box:hover .content { background-color: var(--theme); }
.team-2-box:hover .social .share-icon { background-color: var(--black); }
.team-2-box .thumb { border-radius: 20px; margin: 0px 30px; position: relative; overflow: hidden; }
@media only screen and (max-width: 1199px) {
  .team-2-box .thumb { margin: 0px 15px; }
}
.team-2-box .thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.team-2-box .social { position: absolute; bottom: 20px; left: 20px; z-index: 1; }
@media only screen and (max-width: 1199px) {
  .team-2-box .social { bottom: 10px; left: 10px; }
}
.team-2-box .social:hover .social-link { transform: translateX(-50%) scale(1); opacity: 1; }
.team-2-box .social .social-link { display: flex; flex-direction: column; gap: 8px; align-items: center; padding: 15px 0px 54px; position: absolute; z-index: -1; bottom: 0px; left: 50%; border: 1px solid var(--black); border-radius: 20px; background-color: var(--white); width: 100%; transform: translateX(-50%) scale(0.2); transform-origin: center bottom; opacity: 0; transition: 0.5s; }
.team-2-box .social .social-link a { color: var(--black); display: inline-flex; }
.team-2-box .social .social-link a:hover { color: var(--theme); }
.team-2-box .social .share-icon { width: 40px; height: 40px; background-color: var(--theme); color: var(--white); border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; transition: 0.5s; }
.team-2-box .content { background-color: var(--black); border-radius: 20px; padding: 183px 30px 23px; margin-top: -160px; transition: 0.5s; }
@media only screen and (max-width: 1199px) {
  .team-2-box .content { padding: 183px 15px 23px; }
}
.team-2-box .name { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; color: var(--white); transition: 0.3s; }
@media only screen and (max-width: 1199px) {
  .team-2-box .name { font-size: 20px; }
}
.team-2-box .name a { transition: none; }
.team-2-box .name a:hover { color: var(--white); }
.team-2-box .post { font-weight: 500; font-size: 16px; line-height: 26px; display: inline-block; color: var(--white); margin-top: 5px; transition: 0.5s; }
.team-3-area-inner { position: relative; z-index: 1; }
.team-3-lines { position: absolute; width: calc(100% + 240px); height: 100%; top: 0px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; z-index: -1; }
.team-3-lines .line { opacity: 0.15; border-right: 1px dashed rgb(68, 68, 68); height: 100%; }
.team-3-header { text-align: center; }
.team-3-header .section-subtitle { justify-content: center; }
.team-3-header .title-wrapper { margin-top: 21px; }
.team-3-header .section-title { max-width: 680px; margin-inline: auto; }
@media only screen and (max-width: 1399px) {
  .team-3-header .section-title { max-width: 580px; }
}
.team-3-wrapper-box { margin-top: 90px; }
@media only screen and (max-width: 1919px) {
  .team-3-wrapper-box { margin-top: 50px; }
}
.team-3-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(4, 1fr); align-items: flex-start; }
@media only screen and (max-width: 991px) {
  .team-3-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .team-3-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.team-3-wrapper > :nth-child(1), .team-3-wrapper > :nth-child(4) { margin-top: -100px; }
@media only screen and (max-width: 1919px) {
  .team-3-wrapper > :nth-child(1), .team-3-wrapper > :nth-child(4) { margin-top: -60px; }
}
@media only screen and (max-width: 991px) {
  .team-3-wrapper > :nth-child(1), .team-3-wrapper > :nth-child(4) { margin-top: 0px; }
}
.team-3-box { position: relative; }
.team-3-box::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0px; left: 0px; border: 2px solid var(--theme); border-radius: 10px; opacity: 0; transition: 0.3s; }
@media only screen and (max-width: 1199px) {
  .team-3-box::before { opacity: 1; }
}
.team-3-box:hover::before { opacity: 1; }
.team-3-box:hover .thumb::before { opacity: 1; }
.team-3-box:hover .thumb img { transform: scale(1.05); }
.team-3-box:hover .social { transform: translateX(-50%) scale(1); opacity: 1; }
.team-3-box .thumb { border-radius: 10px; overflow: hidden; position: relative; }
.team-3-box .thumb::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0px; left: 0px; border: 2px solid var(--theme); border-radius: 10px; opacity: 0; transition: 0.3s; z-index: 1; }
@media only screen and (max-width: 1199px) {
  .team-3-box .thumb::before { opacity: 1; }
}
.team-3-box .thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.team-3-box .social { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%) scale(0); z-index: 1; opacity: 0; transition: 0.5s; }
@media only screen and (max-width: 1199px) {
  .team-3-box .social { opacity: 1; transform: translateX(-50%) scale(1); }
}
.team-3-box .social .social-link { display: flex; gap: 8px; align-items: center; }
.team-3-box .social .social-link a { width: 35px; height: 35px; background-color: var(--white); color: var(--theme); display: inline-flex; justify-content: center; align-items: center; border-radius: 5px; }
.team-3-box .social .social-link a:hover { color: var(--white); background-color: var(--theme); }
.team-3-box .content { padding: 18px 10px; text-align: center; }
.team-3-box .name { font-weight: 600; font-size: 24px; line-height: 32px; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .team-3-box .name { font-size: 20px; }
}
.team-3-box .name a { transition: none; }
.team-3-box .name a:hover { color: var(--black); }
.team-3-box .post { font-weight: 500; font-size: 16px; line-height: 26px; display: inline-block; color: var(--black); }
.team-4-header { display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .team-4-header { grid-template-columns: 1fr; }
}
.team-4-header .title-wrapper { margin-top: 21px; }
.team-4-header .section-title { max-width: 770px; text-transform: uppercase; }
.team-4-header .btn-wrapper { margin-bottom: 10px; }
.team-4-wrapper-box { margin-top: 50px; }
@media only screen and (max-width: 1199px) {
  .team-4-wrapper-box { margin-top: 40px; }
}
.team-4-wrapper { display: grid; grid-template-columns: repeat(4, auto); justify-content: space-between; border-top: 1px solid rgba(68, 68, 68, 0.2); border-bottom: 1px solid rgba(68, 68, 68, 0.2); }
@media only screen and (max-width: 991px) {
  .team-4-wrapper { grid-template-columns: repeat(2, auto); justify-content: space-around; }
}
@media only screen and (max-width: 767px) {
  .team-4-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.team-4-box { text-align: center; padding: 40px 0px; position: relative; }
@media only screen and (max-width: 1199px) {
  .team-4-box { padding: 20px 0px; }
}
.team-4-box:hover .thumb img { transform: scale(1.05); }
.team-4-box::before { position: absolute; content: ""; width: 1px; height: 100%; background-color: rgba(68, 68, 68, 0.2); left: -50px; top: 0px; }
@media only screen and (max-width: 1199px) {
  .team-4-box::before { left: -25px; }
}
@media only screen and (max-width: 991px) {
  .team-4-box::before { left: -80px; }
}
@media only screen and (max-width: 767px) {
  .team-4-box::before { width: 100%; height: 1px; top: 0px; left: 0px; }
}
@media only screen and (max-width: 991px) {
  .team-4-box:nth-child(2n+1)::before { display: none; }
}
@media only screen and (max-width: 767px) {
  .team-4-box:nth-child(2n+1)::before { display: block; }
}
.team-4-box:nth-child(1)::before { display: none; }
.team-4-box .thumb { width: 253px; height: 253px; border-radius: 50%; overflow: hidden; margin-inline: auto; }
@media only screen and (max-width: 1199px) {
  .team-4-box .thumb { width: 213px; height: 213px; }
}
.team-4-box .thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.team-4-box .content { margin-top: 14px; }
.team-4-box .name { font-weight: 600; font-size: 20px; line-height: 1.3; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .team-4-box .name { font-size: 16px; }
}
.team-4-box .post { font-weight: 500; font-size: 16px; line-height: 26px; display: inline-block; margin-top: 7px; }
.team-4-box .social { margin-top: 13px; position: relative; }
.team-4-box .social:hover .share-icon { opacity: 0; }
.team-4-box .social:hover .social-link { transform: translateX(-50%) scale(1); opacity: 1; }
.team-4-box .social .social-link { display: flex; gap: 13px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%) scale(0.2); transform-origin: center bottom; opacity: 0; transition: 0.5s; }
.team-4-box .social .social-link a { width: 30px; height: 30px; background-color: var(--smoke); display: inline-flex; justify-content: center; align-items: center; color: var(--theme); }
.team-4-box .social .social-link a:hover { background-color: var(--theme); color: var(--white); }
.team-4-box .social .share-icon { width: 35px; height: 30px; background-color: var(--smoke); border: 1px solid rgba(216, 221, 225, 0.2); color: var(--theme); display: inline-flex; justify-content: center; align-items: center; cursor: pointer; transition: 0.5s; }
.text-slider-active { background-color: var(--theme); padding-top: 24px; padding-bottom: 20px; }
.text-slider-active .swiper-wrapper { transition-timing-function: linear !important; }
.text-slider-active .swiper-slide { width: auto; }
.text-slider-item .title { font-weight: 600; font-size: 30px; line-height: 36px; text-transform: capitalize; color: var(--white); display: flex; gap: 35px; align-items: center; margin-left: 15px; }
.text-slider-2-active { background-color: var(--primary); direction: rtl; padding-top: 21px; padding-bottom: 23px; }
.text-slider-2-active .swiper-wrapper { transition-timing-function: linear !important; }
.text-slider-2-active .swiper-slide { width: auto; }
.text-slider-3-wrapper-box { margin-bottom: 7px; }
@media only screen and (max-width: 1199px) {
  .text-slider-3-wrapper-box { margin-top: 45px; }
}
.text-slider-3-active .swiper-wrapper { transition-timing-function: linear !important; }
.text-slider-3-active .swiper-slide { width: auto; }
.text-slider-3-item .title { font-weight: 700; font-size: 50px; line-height: 1.14; text-transform: uppercase; color: var(--white); opacity: 0.15; margin-left: 15px; }
@media only screen and (max-width: 1919px) {
  .text-slider-3-item .title { font-size: 45px; }
}
@media only screen and (max-width: 1399px) {
  .text-slider-3-item .title { font-size: 40px; }
}
@media only screen and (max-width: 1199px) {
  .text-slider-3-item .title { font-size: 36px; }
}
@media only screen and (max-width: 991px) {
  .text-slider-3-item .title { font-size: 34px; }
}
@media only screen and (max-width: 767px) {
  .text-slider-3-item .title { font-size: 32px; }
}
@media (max-width: 575px) {
  .text-slider-3-item .title { font-size: 28px; }
}
.text-slider-4-active { padding-top: 0px; padding-bottom: 0px; overflow: visible; }
.text-slider-4-active .swiper-wrapper { transition-timing-function: linear !important; }
.text-slider-4-active .swiper-slide { width: auto; }
.text-slider-4-item .title { font-weight: 500; font-size: 66px; line-height: 0.6; opacity: 0.8; -webkit-text-stroke: 2px rgb(68, 68, 68); color: var(--white); text-transform: capitalize; display: flex; gap: 40px; align-items: center; margin-left: 5px; transition: 0.3s; }
@media only screen and (max-width: 1919px) {
  .text-slider-4-item .title { font-size: 56px; gap: 30px; }
}
@media only screen and (max-width: 1199px) {
  .text-slider-4-item .title { font-size: 46px; gap: 20px; }
}
.text-slider-4-item .title.st-width-1 { -webkit-text-stroke-width: 1px; }
.text-slider-4-item .title:hover { color: var(--theme); opacity: 1; -webkit-text-stroke-color: var(--theme); }
.text-slider-5-wrapper-box { margin-top: 46px; margin-bottom: 46px; }
@media only screen and (max-width: 1199px) {
  .text-slider-5-wrapper-box { margin-top: 26px; margin-bottom: 26px; }
}
.text-slider-5-active .swiper-wrapper { transition-timing-function: linear !important; }
.text-slider-5-active .swiper-slide { width: auto; }
.text-slider-5-item .title { font-weight: 700; font-size: 96px; line-height: 0.83; color: var(--white); margin-left: 2rem; }
@media only screen and (max-width: 1919px) {
  .text-slider-5-item .title { font-size: 76px; }
}
@media only screen and (max-width: 1399px) {
  .text-slider-5-item .title { font-size: 66px; }
}
@media only screen and (max-width: 1199px) {
  .text-slider-5-item .title { font-size: 56px; }
}
@media only screen and (max-width: 991px) {
  .text-slider-5-item .title { font-size: 46px; }
}
@media only screen and (max-width: 767px) {
  .text-slider-5-item .title { font-size: 32px; }
}
@media (max-width: 575px) {
  .text-slider-5-item .title { font-size: 28px; }
}
.text-slider-6-active .swiper-wrapper { transition-timing-function: linear !important; }
.text-slider-6-active .swiper-slide { width: auto; }
.text-slider-6-item .title { font-weight: 700; font-size: 124px; line-height: 0.8; text-transform: uppercase; color: var(--white); margin-left: 2rem; }
@media only screen and (max-width: 1919px) {
  .text-slider-6-item .title { font-size: 96px; }
}
@media only screen and (max-width: 1399px) {
  .text-slider-6-item .title { font-size: 76px; }
}
@media only screen and (max-width: 1199px) {
  .text-slider-6-item .title { font-size: 66px; }
}
@media only screen and (max-width: 991px) {
  .text-slider-6-item .title { font-size: 56px; }
}
@media only screen and (max-width: 767px) {
  .text-slider-6-item .title { font-size: 42px; }
}
@media (max-width: 575px) {
  .text-slider-6-item .title { font-size: 38px; }
}
.blog-area { position: relative; z-index: 1; }
.blog-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; background-color: var(--smoke); }
.blog-bg img { width: 100%; height: 100%; object-fit: cover; }
.blog-header { text-align: center; }
.blog-header .section-subtitle { justify-content: center; }
.blog-header .title-wrapper { margin-top: 21px; }
.blogs-wrapper-box { margin-top: 50px; }
.blogs-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); }
@media only screen and (max-width: 991px) {
  .blogs-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .blogs-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.blog { background-color: var(--white); box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 50px 0px; }
.blog:hover .thumb img { transform: scale(1.05); }
.blog .thumb { position: relative; overflow: hidden; }
.blog .thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.blog .date { font-weight: 500; font-size: 16px; line-height: 26px; display: inline-block; position: absolute; bottom: -1px; left: 41px; color: var(--white); padding: 7px 50px; background-color: var(--white); clip-path: polygon(40px 0px, calc(100% - 40px) 0px, 100% 100%, 0px 100%); }
@media only screen and (max-width: 1199px) {
  .blog .date { left: 15px; }
}
.blog .date::before { position: absolute; width: calc(100% - 32px); height: calc(100% - 14px); background-color: var(--theme); content: ""; top: 7px; left: 16px; z-index: -1; clip-path: polygon(26px 0px, calc(100% - 26px) 0px, 100% 100%, 0px 100%); }
.blog .content { padding: 25px 30px 30px; }
@media only screen and (max-width: 1199px) {
  .blog .content { padding: 10px 15px 15px; }
}
.blog .meta { display: flex; gap: 5px 20px; flex-wrap: wrap; }
.blog .author { font-weight: 500; font-size: 16px; line-height: 26px; color: rgb(115, 115, 115); display: inline-flex; gap: 10px; align-items: center; }
@media only screen and (max-width: 1199px) {
  .blog .author { font-size: 14px; }
}
.blog .author i { color: var(--theme); }
.blog .comment { font-weight: 500; font-size: 16px; line-height: 26px; color: rgb(115, 115, 115); display: inline-flex; gap: 10px; align-items: center; }
@media only screen and (max-width: 1199px) {
  .blog .comment { font-size: 14px; }
}
.blog .comment i { color: var(--theme); }
.blog .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; margin-top: 18px; }
@media only screen and (max-width: 1919px) {
  .blog .title { font-size: 22px; }
}
@media only screen and (max-width: 1199px) {
  .blog .title { font-size: 18px; }
}
.blog .btn-wrapper { margin-top: 23px; }
.blog-details-area-inner { display: grid; gap: 30px; grid-template-columns: 1fr 420px; }
@media only screen and (max-width: 1199px) {
  .blog-details-area-inner { grid-template-columns: 1fr 320px; }
}
@media only screen and (max-width: 991px) {
  .blog-details-area-inner { grid-template-columns: 1fr; }
}
.blog-details .blog-thumb { position: relative; overflow: hidden; }
.blog-details .blog-thumb img { border-radius: 30px; width: 100%; height: 100%; min-height: 300px; object-fit: cover; }
.blog-details .category { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; color: var(--white); display: inline-block; background-color: var(--theme); border-radius: 30px; padding: 19px 30px; position: absolute; top: 40px; left: 40px; }
@media only screen and (max-width: 991px) {
  .blog-details .category { top: 20px; left: 20px; }
}
.blog-details .meta { display: flex; gap: 5px 85px; flex-wrap: wrap; position: absolute; bottom: 30px; margin: 0px 80px; background-color: var(--theme); padding: 17px 40px; border-radius: 30px; max-width: 100%; }
@media only screen and (max-width: 991px) {
  .blog-details .meta { bottom: 20px; margin: 0px 20px; padding: 17px 30px; }
}
.blog-details .date { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); display: inline-flex; gap: 10px; align-items: center; }
@media only screen and (max-width: 1199px) {
  .blog-details .date { font-size: 14px; }
}
.blog-details .comment { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); display: inline-flex; gap: 10px; align-items: center; }
@media only screen and (max-width: 1199px) {
  .blog-details .comment { font-size: 14px; }
}
.blog-details .view { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--white); display: inline-flex; gap: 10px; align-items: center; }
@media only screen and (max-width: 1199px) {
  .blog-details .view { font-size: 14px; }
}
.blog-details .content { margin-top: 50px; }
.blog-details .blog-title { font-weight: 700; font-size: 50px; line-height: 1.14; text-transform: capitalize; }
@media only screen and (max-width: 1919px) {
  .blog-details .blog-title { font-size: 45px; }
}
@media only screen and (max-width: 1399px) {
  .blog-details .blog-title { font-size: 40px; }
}
@media only screen and (max-width: 1199px) {
  .blog-details .blog-title { font-size: 36px; }
}
@media only screen and (max-width: 991px) {
  .blog-details .blog-title { font-size: 34px; }
}
@media only screen and (max-width: 767px) {
  .blog-details .blog-title { font-size: 32px; }
}
@media (max-width: 575px) {
  .blog-details .blog-title { font-size: 28px; }
}
.blog-details .title-line { display: flex; gap: 5px; overflow: hidden; }
.blog-details .title-line span { width: 40px; height: 4px; background-color: var(--theme); display: inline-block; transform: skewX(45deg); }
@media only screen and (max-width: 767px) {
  .blog-details .title-line span { height: 3px; }
}
.blog-details .title-line span:nth-child(1) { margin-left: -4px; }
.blog-details .title-line span:nth-child(2) { width: 16px; }
.blog-details .text { font-weight: 500; font-size: 16px; line-height: 26px; }
.blog-details .text:not(:first-child) { margin-top: 16px; }
.blog-details .feature-list li { list-style: none; display: flex; gap: 10px; font-weight: 500; font-size: 16px; line-height: 26px; }
.blog-details .feature-list li:not(:first-child) { margin-top: 12px; }
.blog-details .feature-list li .icon { width: 18px; min-width: 18px; height: 18px; background-color: var(--theme); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: var(--white); font-size: 10px; margin-top: 3px; }
.blog-details .feature-list.column-2 { column-count: 2; }
@media only screen and (max-width: 1199px) {
  .blog-details .feature-list.column-2 { column-count: auto; }
}
.blog-details .video-wrapper { border-radius: 20px; position: relative; overflow: hidden; }
.blog-details .author-blockquote { position: relative; background-color: var(--smoke); border-radius: 20px; padding: 32px 40px 35px; z-index: 1; }
@media only screen and (max-width: 767px) {
  .blog-details .author-blockquote { padding: 12px 20px 15px; }
}
.blog-details .author-blockquote::before { width: 4px; height: calc(100% - 60px); background-color: var(--theme); content: ""; position: absolute; left: 0px; top: 30px; border-radius: 2px; }
.blog-details .author-blockquote .text { font-family: var(--font_unbounded); font-weight: 500; font-size: 16px; line-height: 28px; text-transform: capitalize; color: var(--secondary); }
.blog-details .author-blockquote .name { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: var(--secondary); display: flex; align-items: center; gap: 10px; }
.blog-details .author-blockquote .name::before { width: 20px; height: 4px; background: var(--theme); border-radius: 2px; content: ""; display: inline-block; }
.blog-details .author-blockquote .author { margin-top: 16px; }
.blog-details .author-blockquote .quote-icon { position: absolute; right: 30px; bottom: 30px; z-index: -1; }
.blog-details .gallery-wrapper { display: grid; gap: 30px; grid-template-columns: 1fr 1fr; }
@media only screen and (max-width: 1919px) {
  .blog-details .gallery-wrapper { gap: 20px; }
}
@media (max-width: 575px) {
  .blog-details .gallery-wrapper { grid-template-columns: 1fr; }
}
.blog-details .gallery-wrapper img { border-radius: 20px; width: 100%; }
.blog-details .blog-title-2 { font-weight: 600; font-size: 36px; line-height: 1.28; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .blog-details .blog-title-2 { font-size: 30px; }
}
@media only screen and (max-width: 767px) {
  .blog-details .blog-title-2 { font-size: 24px; }
}
.blog-details .tags-wrapper-box { display: grid; gap: 20px 40px; grid-template-columns: auto auto; justify-content: space-between; align-items: center; padding: 40px 0px; border-top: 1px solid var(--theme); border-bottom: 1px solid var(--theme); margin-top: 53px; }
@media only screen and (max-width: 1199px) {
  .blog-details .tags-wrapper-box { grid-template-columns: auto; }
}
.blog-details .tags-wrapper { display: flex; gap: 32px; align-items: flex-start; }
.blog-details .tags-wrapper .title { font-family: var(--font_unbounded); font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: var(--primary); }
@media only screen and (max-width: 767px) {
  .blog-details .tags-wrapper .title { font-size: 16px; }
}
.blog-details .tags-wrapper .tags { display: flex; gap: 23px; flex-wrap: wrap; }
.blog-details .tags-wrapper .tag { font-weight: 500; font-size: 14px; line-height: 24px; }
.blog-details .social-wrapper { display: flex; gap: 20px; align-items: center; }
.blog-details .social-wrapper .title { font-family: var(--font_unbounded); font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: var(--primary); }
@media only screen and (max-width: 767px) {
  .blog-details .social-wrapper .title { font-size: 16px; }
}
.blog-details .social-wrapper .blog-social { display: flex; gap: 10px; }
.blog-details .social-wrapper .blog-social a { width: 40px; height: 40px; background-color: var(--theme); border-radius: 50%; color: var(--white); display: inline-flex; justify-content: center; align-items: center; }
.blog-details .social-wrapper .blog-social a:hover { background-color: var(--black); }
.blog-details .blog-title + .text-wrapper { margin-top: 22px; }
.blog-details .text-wrapper + .blog-title { margin-top: 33px; }
.blog-details .text-wrapper + .feature-list { margin-top: 24px; }
.blog-details .text-wrapper + .author-blockquote { margin-top: 33px; }
.blog-details .author-blockquote + .text-wrapper { margin-top: 32px; }
.blog-details .feature-list + .video-wrapper { margin-top: 36px; }
.blog-details .video-wrapper + .text-wrapper { margin-top: 32px; }
.blog-details .text-wrapper + .gallery-wrapper { margin-top: 33px; }
.blog-details .text-wrapper + .tags-wrapper-box { margin-top: 53px; }
.blog-details .gallery-wrapper + .text-wrapper { margin-top: 32px; }
.blog-details .blog-title-2 + .title-line { margin-top: 11px; }
.blog-details .tags-wrapper-box + .blog-title-2 { margin-top: 60px; }
.blog-details .comments-wrapper + .blog-title-2 { margin-top: 70px; }
.blog-details .comments-wrapper { margin-top: 40px; }
.blog-details .comment-box { display: flex; gap: 20px; align-items: flex-start; background-color: var(--smoke); border-radius: 20px; padding: 30px; }
@media (max-width: 575px) {
  .blog-details .comment-box { flex-direction: column; padding: 15px; }
}
.blog-details .comment-box:not(:first-child) { margin-top: 30px; }
.blog-details .comment-box.replied { margin-left: 113px; }
@media only screen and (max-width: 1199px) {
  .blog-details .comment-box.replied { margin-left: 30px; }
}
.blog-details .comment-box .thumb { width: 130px; min-width: 130px; height: 130px; border-radius: 20px; overflow: hidden; }
@media only screen and (max-width: 1199px) {
  .blog-details .comment-box .thumb { width: 60px; min-width: 60px; height: 60px; }
}
.blog-details .comment-box .content { position: relative; margin-top: 6px; }
.blog-details .comment-box .reply-btn { font-family: var(--font_unbounded); font-weight: 500; font-size: 16px; line-height: 22px; display: inline-flex; top: -10px; right: 0px; color: var(--secondary); padding: 9px 30px; position: absolute; background-color: transparent; border-radius: 20px; }
.blog-details .comment-box .reply-btn:hover { background-color: var(--theme); color: var(--white); }
.blog-details .comment-box .date { font-weight: 500; font-size: 16px; line-height: 26px; display: inline-flex; align-items: center; gap: 10px; color: var(--secondary); }
.blog-details .comment-box .date i { color: var(--theme); }
.blog-details .comment-box .name { font-weight: 600; font-size: 24px; line-height: 32px; margin-top: 13px; }
.blog-details .comment-box .text { font-weight: 500; font-size: 14px; line-height: 24px; margin-top: 6px; }
.blog-details .blog-contact-wrap { margin-top: 39px; }
.blog-details .blog-contact-wrap .submit-btn { margin-top: 27px; }
.blog-details .blog-contact-wrap .submit-btn .ui-btn { border-radius: 30px; }
.blog-details .contact-formwrap { display: grid; gap: 20px 30px; grid-template-columns: repeat(2, 1fr); }
@media only screen and (max-width: 767px) {
  .blog-details .contact-formwrap { grid-template-columns: repeat(1, 1fr); }
}
.blog-details .contact-formwrap .span-2 { grid-column: span 2; }
@media only screen and (max-width: 767px) {
  .blog-details .contact-formwrap .span-2 { grid-column: auto; }
}
.blog-details .contact-formfield { background-color: var(--smoke); }
.blog-details .contact-formfield input { width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; color: var(--black); transition: 0.5s; background: none; font-weight: 500; font-size: 16px; line-height: 26px; height: 60px; padding: 0px 30px; border-radius: 6px; }
.blog-details .contact-formfield input:focus { }
.blog-details .contact-formfield input::placeholder { color: var(--secondary); }
.blog-details .contact-formfield textarea { width: 100%; height: 150px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; color: var(--black); transition: 0.5s; background: none; resize: none; font-weight: 500; font-size: 16px; line-height: 26px; padding: 15px 30px; border-radius: 6px; }
.blog-details .contact-formfield textarea:focus { }
.blog-details .contact-formfield textarea::placeholder { color: var(--secondary); }
.blog-details .save-inputs { display: block; position: relative; padding-left: 35px; cursor: pointer; font-weight: 500; font-size: 16px; line-height: 26px; user-select: none; margin-top: 17px; }
.blog-details .save-inputs input { position: absolute; opacity: 0; cursor: pointer; height: 0px; width: 0px; }
.blog-details .checkmark { position: absolute; top: 0px; left: 0px; height: 20px; width: 20px; border: 1px solid var(--theme); border-radius: 4px; background-color: transparent; }
.blog-details .save-inputs:hover input ~ .checkmark { background-color: var(--smoke); }
.blog-details .save-inputs input:checked ~ .checkmark { background-color: var(--theme); }
.blog-details .checkmark::after { content: ""; position: absolute; display: none; }
.blog-details .save-inputs input:checked ~ .checkmark::after { display: block; }
.blog-details .save-inputs .checkmark::after { left: 6px; top: 3px; width: 6px; height: 10px; border-style: solid; border-color: white; border-image: none; border-width: 0px 2px 2px 0px; transform: rotate(45deg); }
.blog-sidebar-wrapper { display: grid; gap: 30px; }
.blog-pagination-wrapper { margin-top: 60px; }
@media only screen and (max-width: 1199px) {
  .blog-pagination-wrapper { margin-top: 40px; }
}
.blog-pagination-wrapper .ui-pagination { justify-content: center; }
.blog-header-info { display: grid; gap: 20px 60px; grid-template-columns: auto auto; justify-content: space-between; align-items: center; }
@media only screen and (max-width: 767px) {
  .blog-header-info { grid-template-columns: auto; }
}
.blog-header-info + .blogs-wrapper-box { margin-top: 60px; }
@media only screen and (max-width: 1199px) {
  .blog-header-info + .blogs-wrapper-box { margin-top: 40px; }
}
.blog-results .text { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; color: rgb(45, 45, 45); }
.blog-sorting select { width: auto; height: 50px; border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: none; outline: none; color: var(--secondary); transition: 0.5s; background: none; font-weight: 500; font-size: 16px; line-height: 26px; padding-bottom: 23px; border-bottom: 1px solid var(--border); }
.blog-sorting select:focus { }
.blog-sorting select::placeholder { color: var(--secondary); }
.blog-sorting .nice-select { height: 56px; width: auto; padding: 0px; border: 0px; background: var(--theme); border-radius: 6px; }
.blog-sorting .nice-select .current { height: 56px; display: block; color: var(--white); font-weight: 600; font-size: 16px; line-height: 22px; padding: 17px 20px; background-color: var(--theme); border-radius: 6px; font-family: var(--font_unbounded); width: 275px; }
.blog-sorting .nice-select .option { height: 40px; display: block; color: var(--black); font-weight: 600; font-size: 16px; line-height: 22px; font-family: var(--font_unbounded); }
.blog-sorting .nice-select::after { display: block; border-color: var(--white); height: 10px; width: 10px; right: 20px; margin-top: -7px; }
.blog-2 { background-color: var(--smoke); border-radius: 10px; padding: 30px; transition: 0.5s; }
@media only screen and (max-width: 1199px) {
  .blog-2 { padding: 20px; }
}
.blog-2.ui-bg-white { background-color: var(--white); }
.blog-2:hover { background-color: var(--theme); }
.blog-2:hover .thumb img { transform: scale(1.05); }
.blog-2:hover .category { border-color: var(--white); color: var(--white); }
.blog-2:hover .title { color: var(--white); }
.blog-2:hover .date { color: var(--black); background-color: var(--white); }
.blog-2:hover .ui-btn-dashed-border .btn-icon { background-color: var(--white); }
.blog-2:hover .ui-btn-dashed-border .btn-icon::before { outline-color: var(--white); }
.blog-2:hover .ui-btn-dashed-border .btn-icon img { filter: invert(100%); }
.blog-2:hover .ui-btn-dashed-border .btn-text { color: var(--white); }
.blog-2 .thumb { position: relative; overflow: hidden; border-radius: 10px; margin-top: 30px; }
.blog-2 .thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.blog-2 .date { font-weight: 600; font-size: 20px; line-height: 26px; display: inline-block; width: 70px; height: 70px; padding-top: 12px; border-radius: 5px; position: absolute; bottom: 20px; left: 20px; color: var(--white); background-color: var(--theme); text-align: center; transition: 0.5s; }
.blog-2 .date .month { font-size: 16px; line-height: 1; display: block; margin-top: 1px; }
.blog-2 .category { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--black); display: inline-block; padding: 1px 9px; border: 1px solid var(--border); border-radius: 30px; transition: 0.5s; }
.blog-2 .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; margin-top: 13px; transition: 0.3s; }
@media only screen and (max-width: 1919px) {
  .blog-2 .title { font-size: 22px; }
}
@media only screen and (max-width: 1199px) {
  .blog-2 .title { font-size: 18px; }
}
.blog-2 .title a { transition: none; }
.blog-2 .title a:hover { color: var(--white); }
.blog-2 .btn-wrapper { margin-top: 23px; }
.blog-with-sidebar { display: grid; gap: 30px; grid-template-columns: 1fr 420px; }
@media only screen and (max-width: 1199px) {
  .blog-with-sidebar { grid-template-columns: 1fr 320px; }
}
@media only screen and (max-width: 991px) {
  .blog-with-sidebar { grid-template-columns: 1fr; }
}
.blog-with-sidebar .blogs-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(2, 1fr); }
@media only screen and (max-width: 767px) {
  .blog-with-sidebar .blogs-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.blog-standard-inner { display: grid; gap: 30px; grid-template-columns: 1fr 420px; }
@media only screen and (max-width: 1199px) {
  .blog-standard-inner { grid-template-columns: 1fr 320px; }
}
@media only screen and (max-width: 991px) {
  .blog-standard-inner { grid-template-columns: 1fr; }
}
.blog-standard-inner .blogs-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(1, 1fr); }
.blog-3 { border-radius: 20px; overflow: hidden; }
.blog-3:hover .thumb img { transform: scale(1.05); }
.blog-3:hover .content { background-color: var(--theme); }
.blog-3:hover .author { color: var(--white); }
.blog-3:hover .author i { color: var(--white); }
.blog-3:hover .comment { color: var(--white); }
.blog-3:hover .comment i { color: var(--white); }
.blog-3:hover .title { color: var(--white); }
.blog-3:hover .text { color: var(--white); }
.blog-3:hover .ui-btn-dashed-border .btn-icon { background-color: var(--white); }
.blog-3:hover .ui-btn-dashed-border .btn-icon::before { outline-color: var(--white); }
.blog-3:hover .ui-btn-dashed-border .btn-icon img { filter: invert(100%); }
.blog-3:hover .ui-btn-dashed-border .btn-text { color: var(--white); }
.blog-3 .thumb { position: relative; overflow: hidden; }
.blog-3 .thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.blog-3 .date { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; display: inline-block; position: absolute; bottom: 45px; left: 40px; color: var(--white); padding: 17px 40px; background-color: var(--theme); border-radius: 6px; }
@media only screen and (max-width: 1199px) {
  .blog-3 .date { padding: 12px 30px; left: 20px; bottom: 25px; }
}
.blog-3 .content { background-color: var(--smoke); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 0px; border-radius: 0px 0px 20px 20px; padding: 49px 40px 60px; }
@media only screen and (max-width: 1199px) {
  .blog-3 .content { padding: 29px 20px 30px; }
}
.blog-3 .meta { display: flex; gap: 5px 15px; flex-wrap: wrap; }
.blog-3 .author { font-weight: 500; font-size: 16px; line-height: 26px; color: rgb(115, 115, 115); display: inline-flex; gap: 10px; align-items: center; transition: 0.5s; }
@media only screen and (max-width: 1199px) {
  .blog-3 .author { font-size: 14px; }
}
.blog-3 .author i { color: var(--theme); transition: 0.5s; }
.blog-3 .comment { font-weight: 500; font-size: 16px; line-height: 26px; color: rgb(115, 115, 115); display: inline-flex; gap: 10px; align-items: center; transition: 0.5s; }
@media only screen and (max-width: 1199px) {
  .blog-3 .comment { font-size: 14px; }
}
.blog-3 .comment i { color: var(--theme); transition: 0.5s; }
.blog-3 .title { font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: capitalize; margin-top: 19px; transition: 0.5s; }
@media only screen and (max-width: 1199px) {
  .blog-3 .title { font-size: 20px; }
}
.blog-3 .title a { transition: none; }
.blog-3 .title a:hover { color: var(--white); }
.blog-3 .text { font-weight: 500; font-size: 16px; line-height: 26px; margin-top: 15px; transition: 0.5s; }
.blog-3 .btn-wrapper { margin-top: 33px; }
.blog-4-area { position: relative; z-index: 1; background-color: var(--smoke); }
.blog-4-shape-1 { position: absolute; left: 0px; top: 0px; z-index: -1; width: auto; height: 100%; }
.blog-4-shape-2 { position: absolute; right: 0px; top: 0px; z-index: -1; width: auto; height: 100%; }
.blog-4-header { display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .blog-4-header { grid-template-columns: 1fr; }
}
.blog-4-header .title-wrapper { margin-top: 21px; }
.blog-4-header .section-title { max-width: 725px; }
.blog-4-header .btn-wrapper { margin-bottom: 10px; }
.blogs-4-wrapper-box { margin-top: 50px; }
.blogs-4-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); }
@media only screen and (max-width: 991px) {
  .blogs-4-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .blogs-4-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.blog-4 { background-color: var(--white); box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 50px; border-radius: 10px; overflow: hidden; }
.blog-4:hover .thumb img { transform: scale(1.05); }
.blog-4 .thumb { position: relative; overflow: hidden; }
.blog-4 .thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.blog-4 .date { font-family: var(--font_unbounded); font-weight: 600; font-size: 36px; line-height: 1; display: block; text-align: center; position: absolute; top: 0px; left: 0px; color: var(--white); padding: 23px 15px 47px 7px; background-color: var(--white); clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 24px), 0px 100%); }
.blog-4 .date::before { position: absolute; width: calc(100% - 8px); height: calc(100% - 8px); background-color: var(--theme); content: ""; top: 0px; left: 0px; z-index: -1; clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 24px), 0px 100%); }
.blog-4 .date span { display: block; font-family: var(--font_poppins); font-weight: 500; font-size: 14px; line-height: 24px; margin-top: 1px; }
.blog-4 .content { padding: 20px 30px 30px; }
@media only screen and (max-width: 1199px) {
  .blog-4 .content { padding: 10px 15px 15px; }
}
.blog-4 .meta { display: flex; gap: 5px 20px; flex-wrap: wrap; }
.blog-4 .author { font-weight: 500; font-size: 16px; line-height: 1.6; color: rgb(115, 115, 115); display: inline-flex; gap: 10px; align-items: center; }
@media only screen and (max-width: 1199px) {
  .blog-4 .author { font-size: 14px; }
}
.blog-4 .author i { color: var(--theme); }
.blog-4 .comment { font-weight: 500; font-size: 16px; line-height: 1.6; color: rgb(115, 115, 115); display: inline-flex; gap: 10px; align-items: center; }
@media only screen and (max-width: 1199px) {
  .blog-4 .comment { font-size: 14px; }
}
.blog-4 .comment i { color: var(--theme); }
.blog-4 .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; margin-top: 18px; }
@media only screen and (max-width: 1919px) {
  .blog-4 .title { font-size: 22px; }
}
@media only screen and (max-width: 1199px) {
  .blog-4 .title { font-size: 18px; }
}
.blog-4 .btn-wrapper { margin-top: 23px; padding-top: 30px; border-top: 1px dashed var(--border); }
@media only screen and (max-width: 1199px) {
  .blog-4 .btn-wrapper { margin-top: 18px; padding-top: 20px; }
}
.blog-5-area { position: relative; z-index: 1; }
.blog-5-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; background-color: var(--smoke); }
.blog-5-bg img { width: 100%; height: 100%; object-fit: cover; }
.blog-5-header { display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .blog-5-header { grid-template-columns: 1fr; }
}
.blog-5-header .title-wrapper { margin-top: 21px; }
.blog-5-header .section-title { max-width: 730px; }
.blog-5-header .btn-wrapper { margin-bottom: 10px; }
.blogs-5-wrapper-box { margin-top: 50px; }
.blogs-5-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); }
@media only screen and (max-width: 991px) {
  .blogs-5-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .blogs-5-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.blog-6-area { position: relative; z-index: 1; }
.blog-6-bg { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: -1; background-color: var(--smoke); }
.blog-6-bg img { width: 100%; height: 100%; object-fit: cover; }
.blog-6-header { display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .blog-6-header { grid-template-columns: 1fr; }
}
.blog-6-header .title-wrapper { margin-top: 21px; }
.blog-6-header .section-title { max-width: 725px; }
.blog-6-header .btn-wrapper { margin-bottom: 10px; }
.blogs-6-wrapper-box { margin-top: 50px; }
.blogs-6-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(2, 1fr); align-items: flex-start; }
@media only screen and (max-width: 991px) {
  .blogs-6-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.blog-6 { background-color: var(--white); overflow: hidden; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; border-radius: 30px; z-index: 1; }
.blog-6:hover .thumb img { transform: scale(1.05); }
.blog-6 .shape-1 { position: absolute; bottom: 0px; right: 0px; z-index: -1; }
.blog-6 .thumb { position: relative; overflow: hidden; margin: 20px 20px 0px; border-radius: 15px; }
@media only screen and (max-width: 1199px) {
  .blog-6 .thumb { margin: 15px 15px 0px; }
}
.blog-6 .thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.blog-6 .tag { font-weight: 600; font-size: 16px; line-height: 26px; text-transform: uppercase; display: inline-block; position: absolute; bottom: 0px; left: 0px; color: var(--white); padding: 7px 24px; background-color: var(--theme); border-radius: 0px 20px 20px 15px; }
.blog-6 .content { padding: 22px 30px 30px; }
@media only screen and (max-width: 1199px) {
  .blog-6 .content { padding: 15px; }
}
.blog-6 .meta { display: flex; gap: 5px 20px; flex-wrap: wrap; }
.blog-6 .date { font-weight: 500; font-size: 16px; line-height: 26px; display: inline-flex; gap: 10px; align-items: center; }
@media only screen and (max-width: 1199px) {
  .blog-6 .date { font-size: 14px; }
}
.blog-6 .date i { color: var(--theme); }
.blog-6 .comment { font-weight: 500; font-size: 16px; line-height: 26px; display: inline-flex; gap: 10px; align-items: center; }
@media only screen and (max-width: 1199px) {
  .blog-6 .comment { font-size: 14px; }
}
.blog-6 .comment i { color: var(--theme); }
.blog-6 .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; margin-top: 16px; }
@media only screen and (max-width: 1919px) {
  .blog-6 .title { font-size: 22px; }
}
@media only screen and (max-width: 1199px) {
  .blog-6 .title { font-size: 18px; }
}
.blog-6 .btn-wrapper { margin-top: 23px; }
.blog-6-direction-column { display: flex; gap: 30px; flex-direction: column; }
.blog-6-direction-column .blog-6 { display: flex; align-items: center; }
@media (max-width: 575px) {
  .blog-6-direction-column .blog-6 { flex-direction: column; align-items: unset; }
}
.blog-6-direction-column .blog-6 .thumb { margin: 15px 0px 20px 15px; width: 257px; min-width: 257px; }
@media only screen and (max-width: 1199px) {
  .blog-6-direction-column .blog-6 .thumb { min-width: 167px; }
}
@media (max-width: 575px) {
  .blog-6-direction-column .blog-6 .thumb { width: auto; margin: 15px 15px 0px; }
}
.blog-5-area { position: relative; z-index: 1; }
.blog-5-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; background-color: var(--smoke); }
.blog-5-bg img { width: 100%; height: 100%; object-fit: cover; }
.blog-5-header { display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .blog-5-header { grid-template-columns: 1fr; }
}
.blog-5-header .title-wrapper { margin-top: 21px; }
.blog-5-header .section-title { max-width: 730px; }
.blog-5-header .btn-wrapper { margin-bottom: 10px; }
.blogs-5-wrapper-box { margin-top: 50px; }
.blogs-5-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); }
@media only screen and (max-width: 991px) {
  .blogs-5-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .blogs-5-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.blog-7-area { position: relative; z-index: 1; }
.blog-7-shape-1 { position: absolute; left: 0px; bottom: 0px; z-index: -1; }
.blog-7-shape-1 img { opacity: 0.25; }
.blog-7-header { display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .blog-7-header { grid-template-columns: 1fr; }
}
.blog-7-header .title-wrapper { margin-top: 21px; }
.blog-7-header .section-title { max-width: 725px; }
.blog-7-header .blog-7-nav { margin-bottom: 10px; }
.blogs-7-wrapper-box { margin-top: 50px; }
.blog-7 { position: relative; border-radius: 10px; overflow: hidden; }
.blog-7:hover .thumb img { transform: scale(1.05); }
.blog-7:hover .tag { background-color: var(--black); }
.blog-7:hover .ui-btn-dashed-border .btn-icon { background-color: var(--black); }
.blog-7:hover .ui-btn-dashed-border .btn-icon::before { outline-color: var(--black); }
.blog-7 .thumb { position: relative; overflow: hidden; border-radius: 10px; }
.blog-7 .thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.blog-7 .tag { font-weight: 500; font-size: 16px; line-height: 26px; text-transform: uppercase; display: inline-block; position: absolute; top: 20px; left: 20px; color: var(--white); padding: 7px 24px; background-color: var(--theme); border-radius: 30px; transition: 0.5s; }
.blog-7 .content { padding: 25px 30px 30px; border-radius: 10px; background-color: var(--white); position: absolute; bottom: 0px; left: 0px; margin: 20px; }
@media only screen and (max-width: 1199px) {
  .blog-7 .content { padding: 15px; margin: 10px; }
}
.blog-7 .meta { display: flex; gap: 5px 20px; flex-wrap: wrap; }
.blog-7 .author { font-weight: 500; font-size: 16px; line-height: 26px; display: inline-flex; gap: 10px; align-items: center; }
@media only screen and (max-width: 1199px) {
  .blog-7 .author { font-size: 14px; }
}
.blog-7 .author i { color: var(--theme); }
.blog-7 .comment { font-weight: 500; font-size: 16px; line-height: 26px; display: inline-flex; gap: 10px; align-items: center; }
@media only screen and (max-width: 1199px) {
  .blog-7 .comment { font-size: 14px; }
}
.blog-7 .comment i { color: var(--theme); }
.blog-7 .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; margin-top: 16px; }
@media only screen and (max-width: 1919px) {
  .blog-7 .title { font-size: 22px; }
}
@media only screen and (max-width: 1199px) {
  .blog-7 .title { font-size: 18px; }
}
.blog-7 .btn-wrapper { margin-top: 23px; }
.blog-7 .ui-btn-dashed-border .btn-icon { transition: 0.5s; }
.blog-7-nav-button { width: 56px; height: 56px; background-color: var(--theme); display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: 0.5s; font-size: 18px; color: var(--white); }
@media only screen and (max-width: 1199px) {
  .blog-7-nav-button { width: 46px; height: 46px; font-size: 16px; }
}
.blog-7-nav-button:hover { background-color: var(--black); color: var(--white); }
.blog-7-nav-button.swiper-button-disabled { opacity: 0.3; pointer-events: none; }
.blog-7-nav { display: flex; align-items: center; gap: 10px; }
.blog-8-area { position: relative; z-index: 1; background-color: var(--smoke); }
.blog-8-inner { position: relative; z-index: 1; }
.blog-8-lines { position: absolute; width: calc(100% + 240px); height: 100%; top: 0px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; z-index: -1; }
.blog-8-lines .line { opacity: 0.15; border-right: 1px dashed rgb(68, 68, 68); height: 100%; }
.blog-8-header { text-align: center; }
.blog-8-header .section-subtitle { justify-content: center; }
.blog-8-header .title-wrapper { margin-top: 21px; }
.blog-8-header .section-title { max-width: 725px; margin-inline: auto; }
.blogs-8-wrapper-box { margin-top: 50px; margin-bottom: 30px; }
.blogs-8-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); }
@media only screen and (max-width: 991px) {
  .blogs-8-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .blogs-8-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.blog-8:hover .thumb img { transform: scale(1.05); }
.blog-8 .thumb { position: relative; overflow: hidden; border-radius: 10px; }
.blog-8 .thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.blog-8 .date { font-family: var(--font_unbounded); font-weight: 600; font-size: 20px; line-height: 26px; display: block; text-align: center; position: absolute; top: 0px; left: 0px; color: var(--white); width: 70px; padding: 12px 10px 13px; background-color: var(--theme); border-radius: 10px 0px; }
.blog-8 .date span { display: block; font-weight: 500; font-size: 16px; line-height: 22px; margin-top: -3px; }
.blog-8 .content { margin-top: 25px; }
.blog-8 .meta { display: flex; gap: 5px 20px; flex-wrap: wrap; }
.blog-8 .author { font-weight: 500; font-size: 16px; line-height: 26px; color: rgb(115, 115, 115); display: inline-flex; gap: 10px; align-items: center; }
@media only screen and (max-width: 1199px) {
  .blog-8 .author { font-size: 14px; }
}
.blog-8 .author i { color: var(--theme); }
.blog-8 .comment { font-weight: 500; font-size: 16px; line-height: 26px; color: rgb(115, 115, 115); display: inline-flex; gap: 10px; align-items: center; }
@media only screen and (max-width: 1199px) {
  .blog-8 .comment { font-size: 14px; }
}
.blog-8 .comment i { color: var(--theme); }
.blog-8 .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; margin-top: 8px; }
@media only screen and (max-width: 1919px) {
  .blog-8 .title { font-size: 22px; }
}
@media only screen and (max-width: 1199px) {
  .blog-8 .title { font-size: 18px; }
}
.blog-8 .btn-wrapper { margin-top: 13px; padding-top: 20px; border-top: 1px dashed rgba(68, 68, 68, 0.5); }
.blog-8-bottom-lines { position: absolute; width: 100%; height: 30px; bottom: 1px; left: 0px; display: flex; flex-direction: column; justify-content: space-between; }
.blog-8-bottom-lines .line { width: 100%; height: 1px; background-color: var(--black); }
.blog-8-bottom-lines .line:nth-child(2) { height: 2px; }
.blog-8-bottom-lines .line:nth-child(3) { height: 3px; }
.blog-8-bottom-lines .line:nth-child(4) { height: 5px; }
.blog-8-bottom-lines .line:nth-child(5) { height: 7px; }
.blog-9-header { text-align: center; }
.blog-9-header .section-subtitle { justify-content: center; }
.blog-9-header .title-wrapper { margin-top: 21px; }
.blog-9-header .section-title { max-width: 850px; margin-inline: auto; text-transform: uppercase; }
.blog-9-wrapper-box { margin-top: 50px; }
.blog-9-wrapper { display: grid; gap: 40px 30px; grid-template-columns: repeat(4, 1fr); }
@media only screen and (max-width: 991px) {
  .blog-9-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .blog-9-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.blog-9 .thumb img { width: 100%; height: 100%; object-fit: cover; }
@media only screen and (max-width: 991px) {
  .blog-9 .thumb img { aspect-ratio: 100 / 80; }
}
.blog-9 .content { margin-top: 22px; }
.blog-9 .meta { display: flex; gap: 15px; align-items: center; }
.blog-9 .meta .separator { width: 1px; height: 11px; background: var(--border); }
.blog-9 .category { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--secondary); display: inline-block; }
.blog-9 .date { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--secondary); display: inline-block; }
.blog-9 .title { font-weight: 600; font-size: 20px; line-height: 1.3; text-transform: capitalize; margin-top: 7px; transition: 0.3s; }
@media only screen and (max-width: 1199px) {
  .blog-9 .title { font-size: 18px; }
}
.blog-9 .title a { transition: 0.3s; }
.contact-info-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); }
@media only screen and (max-width: 991px) {
  .contact-info-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.contact-info-box { background-color: var(--smoke); border-radius: 20px; position: relative; overflow: hidden; padding: 33px 30px; }
@media only screen and (max-width: 1199px) {
  .contact-info-box { padding: 23px 20px; }
}
.contact-info-box .icon { width: 80px; height: 80px; border: 2px solid var(--theme); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; position: absolute; right: 30px; top: 30px; background-color: var(--white); padding: 12px; }
@media only screen and (max-width: 1199px) {
  .contact-info-box .icon { width: 60px; height: 60px; right: 20px; top: 20px; }
}
.contact-info-box .icon-shape { position: absolute; bottom: -20px; right: 82px; }
.contact-info-box .title { font-weight: 700; font-size: 24px; line-height: 1.33; text-transform: capitalize; margin-right: 80px; }
@media only screen and (max-width: 1199px) {
  .contact-info-box .title { font-size: 20px; }
}
.contact-info-box .contact-list { margin-top: 26px; }
.contact-info-box .contact-list li { font-weight: 500; font-size: 16px; line-height: 26px; list-style: none; }
.contact-info-box.info-bg-2 { background-color: var(--theme); }
.contact-info-box.info-bg-2 .icon { background-color: var(--black); border-color: transparent; }
.contact-info-box.info-bg-2 .title { color: var(--white); }
.contact-info-box.info-bg-2 .contact-list li { color: var(--white); }
.contact-info-box.info-bg-3 { background-color: rgb(241, 241, 241); }
.contact-map-area { margin-top: -120px; }
.contact-map-box iframe { width: 100%; aspect-ratio: 100 / 38; min-height: 300px; margin-bottom: -8px; }
.contact-form-wrapper { background-color: var(--smoke); padding: 100px 80px; border-radius: 20px; position: relative; z-index: 1; }
@media only screen and (max-width: 1199px) {
  .contact-form-wrapper { padding: 60px 40px; }
}
@media only screen and (max-width: 767px) {
  .contact-form-wrapper { padding: 40px 20px; }
}
.contact-form-wrapper .section-title-wrapper { text-align: center; }
.contact-form-wrapper .contact-subtitle { padding: 10px 20px; background-color: var(--black); border-radius: 10px; display: inline-flex; gap: 8px; }
.contact-form-wrapper .contact-subtitle .text { font-weight: 600; font-size: 16px; line-height: 26px; color: var(--white); }
.contact-form-wrapper .title-wrapper { margin-top: 21px; }
.main-contact-wrap { margin-top: 46px; }
.main-contact-wrap .contact-formwrap { display: grid; gap: 20px 30px; grid-template-columns: repeat(2, 1fr); }
@media only screen and (max-width: 767px) {
  .main-contact-wrap .contact-formwrap { grid-template-columns: repeat(1, 1fr); }
}
.main-contact-wrap .contact-formwrap .span-2 { grid-column: span 2; }
@media only screen and (max-width: 767px) {
  .main-contact-wrap .contact-formwrap .span-2 { grid-column: auto; }
}
.main-contact-wrap .contact-formfield input { width: 100%; outline: none; color: var(--black); transition: 0.5s; background: var(--white); font-weight: 500; font-size: 16px; line-height: 26px; height: 60px; padding: 0px 30px; border-radius: 6px; border: 1px solid transparent; }
.main-contact-wrap .contact-formfield input:focus { border-color: var(--theme); }
.main-contact-wrap .contact-formfield input::placeholder { color: var(--secondary); }
.main-contact-wrap .contact-formfield textarea { width: 100%; height: 140px; outline: none; color: var(--black); transition: 0.5s; background: var(--white); resize: none; font-weight: 500; font-size: 16px; line-height: 26px; padding: 15px 30px; border-radius: 6px; border: 1px solid transparent; }
.main-contact-wrap .contact-formfield textarea:focus { border-color: var(--theme); }
.main-contact-wrap .contact-formfield textarea::placeholder { color: var(--secondary); }
.main-contact-wrap .contact-formfield select { width: 100%; height: 50px; border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: none; outline: none; color: var(--secondary); transition: 0.5s; background: none; font-weight: 500; font-size: 16px; line-height: 26px; padding-bottom: 23px; border-bottom: 1px solid var(--border); }
.main-contact-wrap .contact-formfield select:focus { }
.main-contact-wrap .contact-formfield select::placeholder { color: var(--secondary); }
.main-contact-wrap .contact-formfield .nice-select { height: 60px; width: 100%; padding: 17px 0px; border: 0px; background: var(--white); border-radius: 6px; }
.main-contact-wrap .contact-formfield .nice-select .current { height: 60px; display: block; color: var(--secondary); font-weight: 500; font-size: 16px; line-height: 26px; padding: 0px 30px; }
.main-contact-wrap .contact-formfield .nice-select .option { height: 40px; line-height: 40px; display: block; color: var(--black); font-weight: 500; font-size: 16px; }
.main-contact-wrap .contact-formfield .nice-select::after { width: 7px; height: 7px; border-color: var(--black); right: 32px; }
.main-contact-wrap .submit-btn { margin-top: 32px; text-align: center; }
.contact-2-area { position: relative; z-index: 1; }
.contact-2-bg { position: absolute; width: 100%; height: 660px; top: 0px; left: 0px; z-index: -1; }
.contact-2-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background: var(--black); top: 0px; left: 0px; z-index: -1; }
.contact-2-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.2; }
.contact-2-header { display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .contact-2-header { grid-template-columns: 1fr; }
}
.contact-2-header .title-wrapper { margin-top: 21px; }
.contact-2-header .section-title { color: var(--white); }
.contact-2-header .text-wrapper { margin-bottom: 5px; }
.contact-2-header .text { color: var(--white); max-width: 360px; }
.contact-2-form-wrapper-box { margin-top: 52px; }
.contact-2-form-wrapper { background-color: var(--white); padding: 54px 44px 60px; border-radius: 20px; margin-inline: -44px; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 50px; }
@media only screen and (max-width: 1199px) {
  .contact-2-form-wrapper { padding: 24px 24px 20px; margin-inline: 0px; }
}
@media (max-width: 575px) {
  .contact-2-form-wrapper { padding: 14px 14px 20px; }
}
.contact-2-form-map { display: grid; gap: 40px 65px; grid-template-columns: 690px 1fr; }
@media only screen and (max-width: 1199px) {
  .contact-2-form-map { grid-template-columns: 590px 1fr; gap: 40px; }
}
@media only screen and (max-width: 991px) {
  .contact-2-form-map { grid-template-columns: 1fr; }
}
.contact-2-wrap { padding: 33px 39px 39px; border: 1px solid var(--border); border-radius: 15px; }
@media only screen and (max-width: 1199px) {
  .contact-2-wrap { padding: 23px 29px 29px; }
}
@media only screen and (max-width: 767px) {
  .contact-2-wrap { padding: 23px 19px 29px; }
}
.contact-2-wrap .title { font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: capitalize; }
@media (max-width: 575px) {
  .contact-2-wrap .title { font-size: 20px; }
}
.contact-2-wrap .contact-formwrap { display: grid; gap: 24px; grid-template-columns: repeat(2, 1fr); margin-top: 20px; }
@media only screen and (max-width: 767px) {
  .contact-2-wrap .contact-formwrap { grid-template-columns: repeat(1, 1fr); }
}
.contact-2-wrap .contact-formwrap .span-2 { grid-column: span 2; }
@media only screen and (max-width: 767px) {
  .contact-2-wrap .contact-formwrap .span-2 { grid-column: auto; }
}
.contact-2-wrap .contact-formfield input { width: 100%; outline: none; color: var(--black); transition: 0.5s; background: var(--white); font-weight: 500; font-size: 16px; line-height: 26px; height: 60px; padding: 0px 24px; border-radius: 10px; border: 1px solid var(--border); }
.contact-2-wrap .contact-formfield input:focus { border-color: var(--theme); }
.contact-2-wrap .contact-formfield input::placeholder { color: var(--secondary); }
.contact-2-wrap .contact-formfield select { width: 100%; height: 50px; border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: none; outline: none; color: var(--secondary); transition: 0.5s; background: none; font-weight: 500; font-size: 16px; line-height: 26px; padding-bottom: 23px; border-bottom: 1px solid var(--border); }
.contact-2-wrap .contact-formfield select:focus { }
.contact-2-wrap .contact-formfield select::placeholder { color: var(--secondary); }
.contact-2-wrap .contact-formfield .nice-select { height: 60px; width: 100%; padding: 17px 0px; border: 1px solid var(--border); background: var(--white); border-radius: 10px; }
.contact-2-wrap .contact-formfield .nice-select .current { height: 60px; display: block; color: var(--secondary); font-weight: 500; font-size: 16px; line-height: 26px; padding: 0px 24px; }
.contact-2-wrap .contact-formfield .nice-select .option { height: 40px; line-height: 40px; display: block; color: var(--black); font-weight: 500; font-size: 16px; }
.contact-2-wrap .contact-formfield .nice-select::after { width: 7px; height: 7px; border-color: var(--black); right: 24px; }
.contact-2-wrap .submit-btn { margin-top: 32px; text-align: center; }
.contact-2-wrap .ui-btn { width: 100%; border-radius: 10px; font-weight: 600; }
.contact-2-wrap .product-category { display: flex; gap: 15px 40px; flex-wrap: wrap; margin-top: 32px; }
.contact-2-wrap .radio-box { display: block; position: relative; padding-left: 24px; margin-bottom: 0px; cursor: pointer; font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; color: var(--black); user-select: none; }
.contact-2-wrap .radio-box input { position: absolute; opacity: 0; cursor: pointer; }
.contact-2-wrap .radio-box input:checked ~ .checkmark { background-color: var(--theme); }
.contact-2-wrap .radio-box input:checked ~ .checkmark::after { display: block; }
.contact-2-wrap .radio-box:hover input ~ .checkmark { background-color: var(--theme); }
.contact-2-wrap .radio-box .checkmark::after { top: 0px; left: 0px; width: 10px; height: 10px; border-radius: 50%; background: var(--theme); }
.contact-2-wrap .checkmark { position: absolute; top: 4px; left: 0px; height: 16px; width: 16px; background-color: var(--white); border: 3px solid var(--theme); border-radius: 50%; }
.contact-2-wrap .checkmark::after { content: ""; position: absolute; display: none; }
.contact-2-map-box iframe { width: 100%; height: 100%; min-height: 300px; border-radius: 15px; }
.contact-2-meta-box { position: relative; margin-top: 60px; display: flex; gap: 30px; flex-wrap: wrap; justify-content: space-between; }
@media only screen and (max-width: 1199px) {
  .contact-2-meta-box { margin-top: 40px; }
}
.contact-2-meta-item { display: flex; gap: 10px 15px; align-items: center; }
.contact-2-meta-item .icon { width: 63px; min-width: 63px; height: 63px; border: 1px solid rgba(30, 32, 35, 0.1); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; position: relative; z-index: 1; }
@media only screen and (max-width: 1199px) {
  .contact-2-meta-item .icon { width: 53px; min-width: 53px; height: 53px; }
}
.contact-2-meta-item .icon::before { position: absolute; content: ""; width: 39px; height: 39px; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 25px; z-index: -1; }
.contact-2-meta-item .text { font-weight: 500; font-size: 14px; line-height: 24px; }
.contact-2-meta-item .contact { font-weight: 600; font-size: 20px; line-height: 1.5; text-transform: capitalize; color: var(--black); margin-top: 3px; }
@media only screen and (max-width: 1199px) {
  .contact-2-meta-item .contact { font-size: 16px; }
}
.contact-2-meta-item .contact a:hover { color: var(--theme); }
.error-wrapper-box { text-align: center; }
.error-wrapper-box .thumb svg { max-width: 794px; width: 100%; height: auto; }
@media only screen and (max-width: 1919px) {
  .error-wrapper-box .thumb svg { max-width: 594px; }
}
@media only screen and (max-width: 991px) {
  .error-wrapper-box .thumb svg { max-width: 494px; }
}
@media only screen and (max-width: 767px) {
  .error-wrapper-box .thumb svg { max-width: 394px; }
}
.error-wrapper-box .section-title-wrapper { margin-top: 51px; }
@media only screen and (max-width: 1919px) {
  .error-wrapper-box .section-title-wrapper { margin-top: 31px; }
}
.error-wrapper-box .text-wrapper { margin-top: 12px; }
.error-wrapper-box .text { font-weight: 500; font-size: 18px; line-height: 1.67; max-width: 641px; text-transform: capitalize; margin-inline: auto; }
@media only screen and (max-width: 767px) {
  .error-wrapper-box .text { font-size: 16px; }
}
.error-wrapper-box .btn-wrapper { margin-top: 21px; }
.cart-wrapper-box .btn-wrapper { text-align: center; margin-top: 60px; }
@media only screen and (max-width: 1199px) {
  .cart-wrapper-box .btn-wrapper { margin-top: 40px; }
}
.cart-message .text { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; color: var(--black); display: flex; gap: 30px; border: 1px solid var(--theme); border-radius: 5px; background-color: var(--smoke); padding: 23px 24px; }
@media only screen and (max-width: 767px) {
  .cart-message .text { gap: 10px; padding: 13px 14px; }
}
.faq-pagination-wrapper { margin-top: 60px; }
@media only screen and (max-width: 1199px) {
  .faq-pagination-wrapper { margin-top: 40px; }
}
.faq-pagination-wrapper .ui-pagination { justify-content: center; }
.faq-accordion-wrapper { max-width: 1095px; margin-inline: auto; }
.faq-accordion-wrapper .accordion .accordion-button { font-family: var(--font_unbounded); font-size: 18px; line-height: 1.33; color: var(--black); padding-top: 4px; padding-bottom: 4px; padding-inline: 29px 4px; background-color: var(--smoke); box-shadow: none; text-align: start; font-weight: 600; border-radius: 30px; border: 1px solid rgba(2, 2, 2, 0.2); }
@media only screen and (max-width: 991px) {
  .faq-accordion-wrapper .accordion .accordion-button { font-size: 16px; padding-inline-start: 19px; }
}
.faq-accordion-wrapper .accordion .accordion-button::after { content: "+"; color: var(--theme); background-image: none; line-height: 1; width: 50px; height: 50px; font-size: 26px; margin-inline: auto 0px; background-color: var(--black); border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; }
.faq-accordion-wrapper .accordion .accordion-button:not(.collapsed) { pointer-events: none; background-color: var(--theme); border-color: transparent; color: var(--white); }
.faq-accordion-wrapper .accordion .accordion-button:not(.collapsed)::after { content: "-"; background-color: var(--white); }
.faq-accordion-wrapper .accordion .accordion-item { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: var(--black); border-radius: 30px; padding-bottom: 0px; }
.faq-accordion-wrapper .accordion .accordion-item:not(:first-child) { margin-top: 20px; }
.faq-accordion-wrapper .accordion .accordion-item:last-of-type .accordion-button.collapsed { border-radius: 30px; }
.faq-accordion-wrapper .accordion .accordion-body { font-family: var(--font_poppins); font-size: 16px; line-height: 26px; padding-inline: 30px 40px; padding-bottom: 20px; padding-top: 22px; color: var(--white); }
@media only screen and (max-width: 991px) {
  .faq-accordion-wrapper .accordion .accordion-body { padding-inline: 20px 30px; }
}
.faq-2-area-inner { display: grid; gap: 30px; grid-template-columns: 0.8fr 1fr; }
@media only screen and (max-width: 1199px) {
  .faq-2-area-inner { grid-template-columns: 1fr; }
}
.faq-2-thumb { border-radius: 30px; overflow: hidden; position: relative; }
.faq-2-thumb img { width: 100%; height: 100%; object-fit: cover; }
.faq-2-thumb .video-btn-box { background-color: var(--white); position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); padding: 23px 22px 14px 32px; border-radius: 30px 30px 0px 0px; display: flex; gap: 20px; align-items: center; }
.faq-2-thumb .video-btn-box .video-btn { width: 40px; min-width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; color: var(--white); background-color: var(--theme); border-radius: 50%; }
.faq-2-thumb .video-btn-box .text { font-family: var(--font_unbounded); font-weight: 600; font-size: 14px; line-height: 22px; text-transform: capitalize; color: var(--black); }
.faq-2-accordion-wrapper { background-color: var(--black); border-radius: 30px; overflow: hidden; position: relative; z-index: 1; padding-inline: 60px; }
@media only screen and (max-width: 991px) {
  .faq-2-accordion-wrapper { padding-inline: 30px; }
}
@media only screen and (max-width: 767px) {
  .faq-2-accordion-wrapper { padding-inline: 20px; }
}
.faq-2-accordion-wrapper .faq-2-shape-1 { position: absolute; right: 0px; top: 14px; z-index: -1; }
.faq-2-accordion-wrapper .faq-2-shape-1 img { animation: 5s linear 0s infinite normal none running t-slide-Y; }
.faq-2-accordion-wrapper .section-subtitle { color: var(--white); }
.faq-2-accordion-wrapper .title-wrapper { margin-top: 21px; }
.faq-2-accordion-wrapper .section-title { color: var(--white); }
.faq-2-accordion-wrapper .accordion { margin-top: 50px; max-width: 697px; }
.faq-2-accordion-wrapper .accordion .accordion-button { font-family: var(--font_unbounded); font-size: 20px; line-height: 1.3; color: var(--black); padding-top: 19px; padding-bottom: 19px; padding-inline: 79px 23px; background-color: var(--white); box-shadow: none; text-align: start; font-weight: 600; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-direction: row-reverse; justify-content: flex-end; position: static; }
@media only screen and (max-width: 991px) {
  .faq-2-accordion-wrapper .accordion .accordion-button { font-size: 16px; }
}
.faq-2-accordion-wrapper .accordion .accordion-button::after { content: "+"; color: var(--white); background-image: none; line-height: 1; width: 48px; font-size: 26px; margin-inline: 0px 24px; background-color: var(--theme); border-radius: 12px; display: inline-flex; justify-content: center; align-items: flex-start; position: absolute; top: 7px; left: 7px; height: calc(100% - 16px); padding-top: 10px; }
.faq-2-accordion-wrapper .accordion .accordion-button:not(.collapsed) { pointer-events: none; }
.faq-2-accordion-wrapper .accordion .accordion-button:not(.collapsed)::after { content: "-"; background-color: var(--theme); transform: none; }
.faq-2-accordion-wrapper .accordion .accordion-item { border: 1.5px dashed var(--theme); background-color: var(--white); border-radius: 10px; padding-bottom: 0px; overflow: hidden; position: relative; }
.faq-2-accordion-wrapper .accordion .accordion-item:not(:first-child) { margin-top: 30px; }
.faq-2-accordion-wrapper .accordion .accordion-item:last-of-type .accordion-button.collapsed { border-radius: 30px; }
.faq-2-accordion-wrapper .accordion .accordion-body { font-family: var(--font_poppins); font-size: 16px; line-height: 26px; padding-inline: 79px 23px; padding-bottom: 32px; padding-top: 0px; color: var(--secondary); }
.faq-3-area { position: relative; z-index: 1; }
.faq-3-bg { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: -1; }
.faq-3-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--smoke); top: 0px; left: 0px; opacity: 0.85; }
.faq-3-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.05; }
.faq-3-header { display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .faq-3-header { grid-template-columns: 1fr; }
}
.faq-3-header .title-wrapper { margin-top: 21px; }
.faq-3-header .section-title { max-width: 635px; }
.faq-3-header .btn-wrapper { margin-bottom: 10px; }
.faq-3-wrapper-box { margin-top: 50px; display: grid; gap: 40px 70px; grid-template-columns: 495px 1fr; }
@media only screen and (max-width: 1199px) {
  .faq-3-wrapper-box { gap: 40px; grid-template-columns: 395px 1fr; }
}
@media only screen and (max-width: 991px) {
  .faq-3-wrapper-box { grid-template-columns: 1fr; }
}
.faq-3-cta-box { position: relative; border-radius: 10px; overflow: hidden; z-index: 1; padding: 174px 40px 47px; }
@media only screen and (max-width: 1199px) {
  .faq-3-cta-box { padding: 174px 20px 47px; }
}
.faq-3-cta-box .bg { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: -1; }
.faq-3-cta-box .bg::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0px; left: 0px; background: linear-gradient(rgba(4, 34, 62, 0.5) 9.32%, rgb(4, 21, 37) 100%); }
.faq-3-cta-box .bg img { width: 100%; height: 100%; object-fit: cover; }
.faq-3-cta-box .title { font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: capitalize; color: rgb(255, 255, 255); }
@media only screen and (max-width: 1199px) {
  .faq-3-cta-box .title { font-size: 24px; }
}
.faq-3-cta-box .text { font-weight: 500; font-size: 18px; line-height: 30px; text-transform: capitalize; color: rgb(255, 255, 255); margin-top: 13px; }
.faq-3-cta-meta-item { display: inline-flex; gap: 10px 20px; align-items: center; background-color: var(--theme); border-radius: 20px; padding: 10px 20px 10px 10px; margin-top: 16px; }
.faq-3-cta-meta-item .icon { width: 50px; height: 50px; background-color: var(--white); display: inline-flex; justify-content: center; align-items: center; border-radius: 15px; }
.faq-3-cta-meta-item .content { margin-top: 5px; }
.faq-3-cta-meta-item .title-text { font-weight: 500; font-size: 14px; line-height: 14px; color: var(--white); }
.faq-3-cta-meta-item .contact { font-weight: 600; font-size: 20px; line-height: 1.3; text-transform: capitalize; color: var(--white); margin-top: 2px; }
@media only screen and (max-width: 767px) {
  .faq-3-cta-meta-item .contact { font-size: 16px; }
}
.faq-3-cta-meta-item .contact a:hover { color: var(--black); }
.faq-3-accordion-wrapper { max-width: 1095px; margin-inline: auto; }
.faq-3-accordion-wrapper .accordion .accordion-button { font-family: var(--font_unbounded); font-size: 20px; line-height: 1.3; color: var(--black); padding-top: 17px; padding-bottom: 17px; padding-inline: 29px; background-color: var(--smoke); text-align: start; font-weight: 600; border-radius: 30px; border: 1px solid var(--border); box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 50px; }
@media only screen and (max-width: 1199px) {
  .faq-3-accordion-wrapper .accordion .accordion-button { font-size: 16px; padding-inline-start: 19px; }
}
.faq-3-accordion-wrapper .accordion .accordion-button::after { content: "+"; color: var(--white); background-image: none; line-height: 1; width: 20px; height: 20px; font-size: 20px; margin-inline: auto 0px; background-color: var(--theme); border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; }
.faq-3-accordion-wrapper .accordion .accordion-button:not(.collapsed) { pointer-events: none; background: linear-gradient(90deg, rgba(226, 34, 34, 0.067) 0%, rgba(255, 10, 10, 0.106) 100%); border-color: var(--theme); }
.faq-3-accordion-wrapper .accordion .accordion-button:not(.collapsed)::after { content: "-"; background-color: var(--black); }
.faq-3-accordion-wrapper .accordion .accordion-item { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; border-radius: 30px; padding-bottom: 0px; }
.faq-3-accordion-wrapper .accordion .accordion-item:not(:first-child) { margin-top: 22px; }
.faq-3-accordion-wrapper .accordion .accordion-item:last-of-type .accordion-button.collapsed { border-radius: 30px; }
.faq-3-accordion-wrapper .accordion .accordion-body { font-family: var(--font_poppins); font-size: 16px; line-height: 26px; padding-inline: 30px 60px; padding-bottom: 0px; padding-top: 22px; }
@media only screen and (max-width: 1199px) {
  .faq-3-accordion-wrapper .accordion .accordion-body { padding-inline: 20px 30px; }
}
.pricing-area { position: relative; z-index: 1; }
.pricing-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; background-color: var(--smoke); }
.pricing-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.3; }
.pricing-header { text-align: center; }
.pricing-header .section-subtitle { justify-content: center; }
.pricing-header .title-wrapper { margin-top: 21px; }
.pricing-header .section-title { max-width: 725px; margin-inline: auto; }
.pricing-header + .pricing-wrapper-box { margin-top: 50px; }
@media only screen and (max-width: 1199px) {
  .pricing-tabs-wrapper { overflow: scroll; }
}
.pricing-tabs-wrapper .ui-toggle_switcher { display: grid; grid-template-columns: 1fr 3fr; background-color: var(--white); width: 1320px; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 50px 0px; }
@media only screen and (max-width: 1199px) {
  .pricing-tabs-wrapper .ui-toggle_switcher { width: 1120px; }
}
.pricing-tabs-wrapper .ui-toggle_switcher .slide-toggle-btn { --switcher-width: 82px; --switcher-border-width: 1px; --switcher-indicator-width: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; user-select: none; height: 150px; padding: 34px 0px 30px; }
@media only screen and (max-width: 1199px) {
  .pricing-tabs-wrapper .ui-toggle_switcher .slide-toggle-btn { height: 130px; padding: 24px 0px 20px; }
}
.pricing-tabs-wrapper .ui-toggle_switcher .slide-toggle-btn input { display: none; }
.pricing-tabs-wrapper .ui-toggle_switcher .before_label, .pricing-tabs-wrapper .ui-toggle_switcher .after_label { cursor: pointer; font-family: var(--font_unbounded); font-weight: 600; font-size: 20px; line-height: 26px; color: var(--black); }
@media only screen and (max-width: 1199px) {
  .pricing-tabs-wrapper .ui-toggle_switcher .before_label, .pricing-tabs-wrapper .ui-toggle_switcher .after_label { font-size: 18px; }
}
.pricing-tabs-wrapper .ui-toggle_switcher .before_label:not(.active), .pricing-tabs-wrapper .ui-toggle_switcher .after_label:not(.active) { display: none; }
.pricing-tabs-wrapper .ui-toggle_switcher .toggle-pane { display: none; }
.pricing-tabs-wrapper .ui-toggle_switcher .toggle-pane.show { display: block; }
.pricing-tabs-wrapper .ui-toggle_switcher .switcher { display: inline-block; width: var(--switcher-width); height: 36px; background: var(--theme); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 100px; position: relative; cursor: pointer; }
.pricing-tabs-wrapper .ui-toggle_switcher .switcher::before { content: ""; position: absolute; top: 50%; left: 3px; width: var(--switcher-indicator-width); height: var(--switcher-indicator-width); background-color: var(--white); border-radius: 50%; transition: transform 0.3s; transform: translate(0px, -50%); }
.pricing-tabs-wrapper .ui-toggle_switcher input:checked + .switcher::before { transform: translate(calc(var(--switcher-width) - (var(--switcher-indicator-width) + 6 * var(--switcher-border-width))), -50%); }
.slide-toggle-wrapper .feature-list li { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; color: var(--white); background-color: var(--theme); list-style: none; padding: 29px 30px; }
@media only screen and (max-width: 1199px) {
  .slide-toggle-wrapper .feature-list li { padding: 14px 20px; }
}
.slide-toggle-wrapper .feature-list li:nth-child(2n+1) { background-color: rgb(251, 134, 69); }
.pricing-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); }
.pricing-box { border-left: 1px solid var(--border); }
.pricing-box .box-header { text-align: center; padding: 40px 0px 35px; height: 150px; }
@media only screen and (max-width: 1199px) {
  .pricing-box .box-header { padding: 30px 0px 25px; height: 130px; }
}
.pricing-box .box-header.popular { position: relative; padding-left: 46px; }
.pricing-box .tag-popular { font-weight: 500; font-size: 18px; line-height: 30px; text-transform: capitalize; display: inline-block; background-color: var(--theme); position: absolute; height: 100%; top: 0px; left: 0px; writing-mode: sideways-lr; color: var(--white); padding: 0px 7px 0px 9px; }
@media only screen and (max-width: 1199px) {
  .pricing-box .tag-popular { font-size: 16px; }
}
.pricing-box .title { font-weight: 600; font-size: 18px; line-height: 24px; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .pricing-box .title { font-size: 16px; }
}
.pricing-box .price { font-weight: 600; font-size: 36px; line-height: 1.28; text-transform: capitalize; margin-top: 5px; }
@media only screen and (max-width: 1199px) {
  .pricing-box .price { font-size: 28px; }
}
.pricing-box .price span { font-family: var(--font_poppins); font-weight: 500; font-size: 18px; line-height: 30px; color: var(--secondary); }
@media only screen and (max-width: 1199px) {
  .pricing-box .price span { font-size: 16px; }
}
.pricing-box .feature-mark li { list-style: none; text-align: center; padding: 27px 0px; }
@media only screen and (max-width: 1199px) {
  .pricing-box .feature-mark li { padding: 12px 0px; }
}
.pricing-box .feature-mark li:nth-child(2n+1) { background-color: var(--smoke-2); }
.pricing-box .feature-mark li .icon { width: 25px; height: 25px; background-color: var(--theme); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: var(--white); font-size: 14px; }
.pricing-box .feature-mark li .icon.omitted { background-color: var(--secondary); }
.pricing-2-area { position: relative; z-index: 1; }
.pricing-2-shape-1 { position: absolute; right: 0px; top: 44px; z-index: -1; }
@media only screen and (max-width: 991px) {
  .pricing-2-shape-1 { width: 100px; }
}
.pricing-2-shape-1 img { animation: 5s linear 0s infinite normal none running t-slide-Y; }
.pricing-2-shape-2 { position: absolute; bottom: 0px; left: 30px; z-index: -1; }
@media only screen and (max-width: 991px) {
  .pricing-2-shape-2 { width: 80px; }
}
.pricing-2-header { text-align: center; }
.pricing-2-header .section-subtitle { justify-content: center; }
.pricing-2-header .title-wrapper { margin-top: 21px; }
.pricing-2-header .section-title { max-width: 725px; margin-inline: auto; }
.pricing-2-wrapper-box { margin-top: 50px; }
.pricing-2-tabs-wrapper .ui-toggle_switcher .slide-toggle-btn { --switcher-width: 82px; --switcher-border-width: 1px; --switcher-indicator-width: 30px; display: flex; align-items: center; justify-content: center; user-select: none; margin-bottom: 60px; }
@media only screen and (max-width: 1919px) {
  .pricing-2-tabs-wrapper .ui-toggle_switcher .slide-toggle-btn { margin-bottom: 40px; }
}
.pricing-2-tabs-wrapper .ui-toggle_switcher .slide-toggle-btn input { display: none; }
.pricing-2-tabs-wrapper .ui-toggle_switcher .before_label, .pricing-2-tabs-wrapper .ui-toggle_switcher .after_label { cursor: pointer; font-family: var(--font_unbounded); font-weight: 500; font-size: 16px; line-height: 24px; color: var(--black); padding: 10px 37px; border: 1px solid var(--black); border-radius: 5px; }
.pricing-2-tabs-wrapper .ui-toggle_switcher .before_label.active, .pricing-2-tabs-wrapper .ui-toggle_switcher .after_label.active { border-color: transparent; background-color: var(--theme); color: var(--white); }
.pricing-2-tabs-wrapper .ui-toggle_switcher .before_label { border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.pricing-2-tabs-wrapper .ui-toggle_switcher .after_label { border-left: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.pricing-2-tabs-wrapper .ui-toggle_switcher .toggle-pane { display: none; }
.pricing-2-tabs-wrapper .ui-toggle_switcher .toggle-pane.show { display: block; }
.pricing-2-wrapper { display: grid; gap: 30px; grid-template-columns: 1fr 1fr 1fr; }
@media only screen and (max-width: 1199px) {
  .pricing-2-wrapper { grid-template-columns: 1fr; }
}
.pricing-2-wrapper .span-2 { grid-column: span 2; }
@media only screen and (max-width: 1199px) {
  .pricing-2-wrapper .span-2 { grid-column: auto; }
}
.pricing-2-box { background-color: var(--smoke); border: 1px solid rgba(250, 94, 7, 0.2); position: relative; padding: 57px 90px 57px 39px; display: grid; gap: 20px 30px; grid-template-columns: auto auto 244px; align-items: center; justify-content: space-between; }
@media only screen and (max-width: 991px) {
  .pricing-2-box { padding: 27px 20px 27px 19px; }
}
.pricing-2-box:not(:first-child) { margin-top: 30px; }
@media only screen and (max-width: 991px) {
  .pricing-2-box { grid-template-columns: 1fr; align-items: center; justify-content: center; text-align: center; }
}
.pricing-2-box .tag-popular { position: absolute; right: -1px; top: 50%; transform: translateY(-50%); font-weight: 600; font-size: 18px; line-height: 24px; text-transform: capitalize; color: var(--black); writing-mode: sideways-rl; font-family: var(--font_unbounded); height: 190px; width: 48px; text-align: center; padding: 0px 13px 0px 10px; border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgba(250, 94, 7, 0.2) currentcolor rgba(250, 94, 7, 0.2) rgba(250, 94, 7, 0.2); border-image: none; background-color: var(--white); border-radius: 30px 0px 0px 30px; }
.pricing-2-box .box-price { width: 150px; min-width: 150px; height: 150px; border: 1px solid rgba(250, 94, 7, 0.2); border-radius: 50%; background-color: var(--smoke); text-align: center; display: flex; flex-direction: column; justify-content: center; }
@media only screen and (max-width: 1199px) {
  .pricing-2-box .box-price { margin-inline: auto; }
}
.pricing-2-box .box-price .text { font-weight: 500; font-size: 18px; line-height: 30px; text-transform: capitalize; margin-top: -1px; }
.pricing-2-box .price { font-family: var(--font_unbounded); font-weight: 600; font-size: 36px; line-height: 46px; text-transform: capitalize; color: var(--theme); }
.pricing-2-box .price .currency { font-weight: 600; font-size: 18px; line-height: 24px; color: var(--secondary); }
@media only screen and (max-width: 991px) {
  .pricing-2-box .feature-list { margin-inline: auto; }
}
.pricing-2-box .feature-list li { display: flex; gap: 10px; text-align: start; }
.pricing-2-box .feature-list li:not(:first-child) { margin-top: 11px; }
.pricing-2-box .feature-list li .icon { width: 12px; height: 12px; background-color: var(--theme); clip-path: polygon(50% 0px, 100% 50%, 50% 100%, 0px 50%); margin-top: 6px; }
.pricing-2-box .title { font-weight: 600; font-size: 24px; line-height: 26px; text-transform: capitalize; color: var(--theme); }
@media only screen and (max-width: 1199px) {
  .pricing-2-box .content { order: -1; }
}
.pricing-2-box .content .text { margin-top: 15px; max-width: 246px; }
@media only screen and (max-width: 991px) {
  .pricing-2-box .content .text { margin-inline: auto; }
}
.pricing-2-box .content .ui-btn { margin-top: 20px; font-family: var(--font_unbounded); font-size: 16px; padding: 19px 30px; }
.pricing-2-box-premium { background-color: var(--theme); position: relative; padding: 36px 20px 40px; display: grid; gap: 23px; justify-content: center; border-radius: 10px; text-align: center; }
@media only screen and (max-width: 991px) {
  .pricing-2-box-premium { padding: 26px 20px 30px; }
}
.pricing-2-box-premium .tag-popular { position: absolute; right: -1px; top: 130px; font-weight: 600; font-size: 18px; line-height: 24px; text-transform: capitalize; color: var(--black); writing-mode: sideways-rl; font-family: var(--font_unbounded); height: 190px; width: 48px; text-align: center; padding: 0px 13px 0px 10px; border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgba(250, 94, 7, 0.2) currentcolor rgba(250, 94, 7, 0.2) rgba(250, 94, 7, 0.2); border-image: none; background-color: var(--white); border-radius: 30px 0px 0px 30px; }
.pricing-2-box-premium .box-price { width: 150px; min-width: 150px; height: 150px; border: 1px solid rgba(250, 94, 7, 0.2); border-radius: 50%; background-color: var(--white); text-align: center; display: flex; flex-direction: column; justify-content: center; margin-inline: auto; }
.pricing-2-box-premium .box-price .text { font-weight: 500; font-size: 18px; line-height: 30px; text-transform: capitalize; margin-top: -1px; }
.pricing-2-box-premium .price { font-family: var(--font_unbounded); font-weight: 600; font-size: 36px; line-height: 46px; text-transform: capitalize; color: var(--theme); }
.pricing-2-box-premium .price .currency { font-weight: 600; font-size: 18px; line-height: 24px; color: var(--theme); }
.pricing-2-box-premium .feature-list li { display: flex; gap: 10px; color: var(--white); text-align: start; }
.pricing-2-box-premium .feature-list li:not(:first-child) { margin-top: 11px; }
.pricing-2-box-premium .feature-list li .icon { width: 12px; height: 12px; background-color: var(--white); clip-path: polygon(50% 0px, 100% 50%, 50% 100%, 0px 50%); margin-top: 6px; }
.pricing-2-box-premium .title { font-weight: 600; font-size: 24px; line-height: 26px; text-transform: capitalize; color: var(--white); }
@media only screen and (max-width: 1199px) {
  .pricing-2-box-premium .content { order: -1; }
}
.pricing-2-box-premium .content .text { margin-top: 8px; color: var(--white); max-width: 246px; }
.pricing-2-box-premium .ui-btn { font-family: var(--font_unbounded); font-size: 16px; padding: 19px 30px; background-color: var(--white); color: var(--theme); }
.pricing-2-box-premium .ui-btn .btn-wrap .text-one { color: var(--theme); }
.pricing-2-box-premium .ui-btn .btn-wrap .text-two { color: var(--theme); }
.pricing-3-area { position: relative; z-index: 1; }
.pricing-3-shape-1 { position: absolute; left: 30px; top: 130px; z-index: -1; }
@media only screen and (max-width: 991px) {
  .pricing-3-shape-1 { width: 54px; left: -10px; }
}
.pricing-3-shape-1 img { animation: 5s linear 0s infinite normal none running t-slide-X; }
.pricing-3-shape-2 { position: absolute; bottom: 0px; left: 30px; z-index: -1; }
@media only screen and (max-width: 991px) {
  .pricing-3-shape-2 { width: 80px; }
}
.pricing-3-header { text-align: center; }
.pricing-3-header .section-subtitle { justify-content: center; }
.pricing-3-header .title-wrapper { margin-top: 21px; }
.pricing-3-header .section-title { max-width: 725px; margin-inline: auto; }
.pricing-3-wrapper-box { margin-top: 50px; }
.pricing-3-tabs-wrapper .ui-toggle_switcher .slide-toggle-btn { --switcher-width: 82px; --switcher-border-width: 1px; --switcher-indicator-width: 30px; display: flex; align-items: center; justify-content: center; user-select: none; margin-bottom: 60px; }
@media only screen and (max-width: 1919px) {
  .pricing-3-tabs-wrapper .ui-toggle_switcher .slide-toggle-btn { margin-bottom: 40px; }
}
.pricing-3-tabs-wrapper .ui-toggle_switcher .slide-toggle-btn input { display: none; }
.pricing-3-tabs-wrapper .ui-toggle_switcher .before_label, .pricing-3-tabs-wrapper .ui-toggle_switcher .after_label { cursor: pointer; font-family: var(--font_unbounded); font-weight: 500; font-size: 16px; line-height: 24px; color: var(--black); padding: 10px 37px; border: 1px solid var(--black); border-radius: 5px; }
.pricing-3-tabs-wrapper .ui-toggle_switcher .before_label.active, .pricing-3-tabs-wrapper .ui-toggle_switcher .after_label.active { border-color: transparent; background-color: var(--theme); color: var(--white); }
.pricing-3-tabs-wrapper .ui-toggle_switcher .before_label { border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.pricing-3-tabs-wrapper .ui-toggle_switcher .after_label { border-left: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.pricing-3-tabs-wrapper .ui-toggle_switcher .toggle-pane { display: none; }
.pricing-3-tabs-wrapper .ui-toggle_switcher .toggle-pane.show { display: block; }
.pricing-3-wrapper { display: grid; gap: 30px; grid-template-columns: 1fr 1fr 1fr; align-items: flex-start; }
@media only screen and (max-width: 1199px) {
  .pricing-3-wrapper { grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 767px) {
  .pricing-3-wrapper { grid-template-columns: 1fr; }
}
.pricing-3-box { background-color: var(--smoke); }
.pricing-3-box.popular .btn-wrapper { background-color: var(--theme); }
.pricing-3-box.popular .price-btn { background-color: var(--theme); }
.pricing-3-box .content { position: relative; padding: 79px 39px 57px; border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgba(250, 94, 7, 0.2) rgba(250, 94, 7, 0.2) currentcolor; border-image: none; border-radius: 10px 10px 0px 0px; }
@media (max-width: 575px) {
  .pricing-3-box .content { padding: 69px 19px 47px; }
}
.pricing-3-box .title { position: absolute; top: -1px; left: 50%; transform: translateX(-50%); font-weight: 600; font-size: 24px; line-height: 32px; text-transform: capitalize; color: var(--theme); font-family: var(--font_unbounded); height: 48px; width: 226px; text-align: center; padding: 8px 10px; border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgba(250, 94, 7, 0.2) rgba(250, 94, 7, 0.2); border-image: none; background-color: var(--white); border-radius: 0px 0px 30px 30px; }
.pricing-3-box .box-price { text-align: center; }
.pricing-3-box .box-price .text { font-weight: 500; font-size: 18px; line-height: 30px; text-transform: capitalize; }
.pricing-3-box .price { font-family: var(--font_unbounded); font-weight: 700; font-size: 50px; line-height: 1.14; text-transform: capitalize; color: var(--secondary); margin-top: 2px; }
@media only screen and (max-width: 1199px) {
  .pricing-3-box .price { font-size: 36px; }
}
.pricing-3-box .feature-list { margin-top: 24px; }
.pricing-3-box .feature-list li { display: flex; gap: 10px; }
.pricing-3-box .feature-list li:not(:first-child) { margin-top: 10px; }
.pricing-3-box .border-line { margin-top: 36px; border-top: 1px solid rgba(252, 82, 32, 0.1); border-bottom: 1px solid rgba(252, 82, 32, 0.1); padding-top: 2px; }
.pricing-3-box .note-ratings { margin-top: 24px; display: flex; justify-content: space-between; align-items: center; }
.pricing-3-box .note { font-family: var(--font_unbounded); font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: rgb(250, 94, 7); display: inline-block; }
.pricing-3-box .note span { color: var(--black); }
.pricing-3-box .rating { display: flex; gap: 2px; }
.pricing-3-box .rating i { color: var(--theme); font-size: 14px; }
.pricing-3-box .btn-wrapper { text-align: center; padding: 58px 40px 25px; background-color: var(--black); position: relative; }
@media (max-width: 575px) {
  .pricing-3-box .btn-wrapper { padding: 58px 20px 25px; }
}
.pricing-3-box .btn-wrapper .text { font-family: var(--font_unbounded); font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: rgb(255, 255, 255); }
.pricing-3-box .price-btn { width: 60px; height: 60px; display: inline-flex; justify-content: center; align-items: center; background-color: var(--black); border-radius: 50%; outline: 7px solid var(--smoke); position: absolute; top: -22px; left: 50%; transform: translateX(-50%); }
.pricing-3-box .price-btn:hover .btn-icon { transform: rotate(0deg); }
.pricing-3-box .price-btn .btn-icon { transform: rotate(-32deg); transition: 0.3s; }
.pricing-4-header { text-align: center; }
.pricing-4-header .section-subtitle { justify-content: center; }
.pricing-4-header .title-wrapper { margin-top: 21px; }
.pricing-4-header .section-title { max-width: 815px; margin-inline: auto; }
.pricing-4-wrapper-box { margin-top: 50px; }
.pricing-4-tabs-wrapper .ui-toggle_switcher .slide-toggle-btn { --switcher-width: 82px; --switcher-border-width: 1px; --switcher-indicator-width: 30px; display: flex; align-items: center; justify-content: center; user-select: none; margin-bottom: 60px; }
@media only screen and (max-width: 1919px) {
  .pricing-4-tabs-wrapper .ui-toggle_switcher .slide-toggle-btn { margin-bottom: 40px; }
}
.pricing-4-tabs-wrapper .ui-toggle_switcher .slide-toggle-btn input { display: none; }
.pricing-4-tabs-wrapper .ui-toggle_switcher .before_label, .pricing-4-tabs-wrapper .ui-toggle_switcher .after_label { cursor: pointer; font-family: var(--font_unbounded); font-weight: 500; font-size: 16px; line-height: 24px; color: var(--black); padding: 10px 37px; border: 1px solid var(--black); border-radius: 5px; }
.pricing-4-tabs-wrapper .ui-toggle_switcher .before_label.active, .pricing-4-tabs-wrapper .ui-toggle_switcher .after_label.active { border-color: transparent; background-color: var(--theme); color: var(--white); }
.pricing-4-tabs-wrapper .ui-toggle_switcher .before_label { border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.pricing-4-tabs-wrapper .ui-toggle_switcher .after_label { border-left: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.pricing-4-tabs-wrapper .ui-toggle_switcher .toggle-pane { display: none; }
.pricing-4-tabs-wrapper .ui-toggle_switcher .toggle-pane.show { display: block; }
.pricing-4-wrapper { display: grid; gap: 30px; grid-template-columns: 1fr 1fr 1fr; align-items: flex-start; }
@media only screen and (max-width: 1199px) {
  .pricing-4-wrapper { grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 767px) {
  .pricing-4-wrapper { grid-template-columns: 1fr; }
}
.pricing-4-box { background-color: var(--smoke); border: 1px solid var(--theme); border-radius: 10px; padding: 32px 39px 39px; }
@media only screen and (max-width: 991px) {
  .pricing-4-box { padding: 22px 29px 29px; }
}
@media (max-width: 575px) {
  .pricing-4-box { padding: 22px 19px 29px; }
}
.pricing-4-box.popular { background-color: var(--theme); border-color: transparent; }
.pricing-4-box.popular .title { color: var(--white); }
.pricing-4-box.popular .text { color: var(--white); }
.pricing-4-box.popular .box-price { background-color: var(--smoke); }
.pricing-4-box.popular .box-price .text { color: var(--secondary); }
.pricing-4-box.popular .price { color: var(--theme); }
.pricing-4-box.popular .feature-list li { color: var(--white); }
.pricing-4-box.popular .feature-list li .icon { background-color: var(--white); color: var(--theme); }
.pricing-4-box.popular .ui-btn { background-color: var(--white); }
.pricing-4-box.popular .ui-btn .btn-wrap .text-one { color: var(--theme); }
.pricing-4-box .title { font-weight: 600; font-size: 24px; line-height: 32px; text-transform: capitalize; }
.pricing-4-box .text { font-weight: 500; font-size: 16px; line-height: 26px; margin-top: 5px; }
.pricing-4-box .box-price { display: flex; margin-top: 33px; background-color: var(--theme); border-radius: 50px 0px 0px 50px; padding: 14px 22px; gap: 3px; align-items: flex-end; margin-right: -40px; }
@media only screen and (max-width: 991px) {
  .pricing-4-box .box-price { margin-right: -30px; }
}
@media (max-width: 575px) {
  .pricing-4-box .box-price { margin-right: -20px; }
}
.pricing-4-box .box-price .text { font-weight: 500; font-size: 16px; line-height: 26px; text-transform: capitalize; color: var(--white); }
.pricing-4-box .price { font-family: var(--font_unbounded); font-weight: 700; font-size: 36px; line-height: 1.28; text-transform: capitalize; color: var(--white); margin-top: 2px; }
@media only screen and (max-width: 991px) {
  .pricing-4-box .price { font-size: 32px; }
}
@media (max-width: 575px) {
  .pricing-4-box .price { font-size: 30px; }
}
.pricing-4-box .feature-list { margin-top: 36px; }
.pricing-4-box .feature-list li { display: flex; gap: 10px; }
.pricing-4-box .feature-list li:not(:first-child) { margin-top: 12px; }
.pricing-4-box .feature-list li .icon { width: 18px; height: 18px; background-color: var(--theme); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: var(--white); font-size: 10px; margin-top: 3px; }
.pricing-4-box .btn-wrapper { margin-top: 36px; }
.pricing-4-box .ui-btn { width: 100%; }
.pricing-5-area { position: relative; z-index: 1; }
.pricing-5-bg { position: absolute; width: 100%; height: auto; bottom: 0px; left: 0px; z-index: -1; }
.pricing-5-bg img { width: 100%; height: auto; object-fit: cover; opacity: 0.05; }
.pricing-5-header .title-wrapper { margin-top: 21px; }
.pricing-5-header .section-title { max-width: 725px; }
.pricing-5-tabs-wrapper .slide-toggle-wrapper { display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .pricing-5-tabs-wrapper .slide-toggle-wrapper { grid-template-columns: 1fr; }
}
.pricing-5-tabs-wrapper .ui-toggle_switcher .slide-toggle-btn { --switcher-width: 82px; --switcher-border-width: 1px; --switcher-indicator-width: 30px; display: flex; align-items: center; justify-content: center; user-select: none; margin-bottom: 10px; }
.pricing-5-tabs-wrapper .ui-toggle_switcher .slide-toggle-btn input { display: none; }
.pricing-5-tabs-wrapper .ui-toggle_switcher .before_label, .pricing-5-tabs-wrapper .ui-toggle_switcher .after_label { cursor: pointer; font-family: var(--font_unbounded); font-weight: 500; font-size: 16px; line-height: 24px; color: var(--black); padding: 10px 37px; border: 1px solid var(--black); border-radius: 5px; }
.pricing-5-tabs-wrapper .ui-toggle_switcher .before_label.active, .pricing-5-tabs-wrapper .ui-toggle_switcher .after_label.active { border-color: transparent; background-color: var(--theme); color: var(--white); }
.pricing-5-tabs-wrapper .ui-toggle_switcher .before_label { border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.pricing-5-tabs-wrapper .ui-toggle_switcher .after_label { border-left: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.pricing-5-tabs-wrapper .ui-toggle_switcher .toggle-pane { display: none; }
.pricing-5-tabs-wrapper .ui-toggle_switcher .toggle-pane.show { display: block; }
.pricing-5-tabs-wrapper .toggle-content { margin-top: 50px; }
@media only screen and (max-width: 991px) {
  .pricing-5-tabs-wrapper .toggle-content { margin-top: 30px; }
}
.pricing-5-wrapper { display: grid; gap: 30px; grid-template-columns: 1fr 1fr 1fr; align-items: flex-start; }
@media only screen and (max-width: 1199px) {
  .pricing-5-wrapper { grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 767px) {
  .pricing-5-wrapper { grid-template-columns: 1fr; }
}
.pricing-5-box { background-color: var(--white); border: 2px solid var(--theme); border-radius: 10px; padding: 46px 38px 38px; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 50px; position: relative; }
@media only screen and (max-width: 991px) {
  .pricing-5-box { padding: 26px 18px 28px; }
}
.pricing-5-box.popular { background-color: var(--black); border-color: transparent; }
.pricing-5-box.popular .title { color: var(--white); }
.pricing-5-box.popular .box-price .text { color: var(--white); }
.pricing-5-box.popular .price { color: var(--white); }
.pricing-5-box.popular .feature-list li { color: var(--white); }
.pricing-5-box.popular .ui-btn { background-color: var(--white); border-color: transparent; }
.pricing-5-box.popular .ui-btn .btn-wrap .text-one { color: var(--theme); }
.pricing-5-box .title { font-weight: 600; font-size: 18px; line-height: 24px; text-transform: capitalize; writing-mode: sideways-lr; position: absolute; right: 32px; top: 38px; }
@media only screen and (max-width: 991px) {
  .pricing-5-box .title { right: 22px; top: 28px; }
}
.pricing-5-box .text { font-weight: 500; font-size: 16px; line-height: 26px; margin-top: 5px; }
.pricing-5-box .box-price { margin-top: 33px; }
.pricing-5-box .box-price .text { font-weight: 500; font-size: 18px; line-height: 28px; text-transform: capitalize; margin-top: 0px; }
.pricing-5-box .price { font-weight: 700; font-size: 50px; line-height: 1.14; }
@media only screen and (max-width: 1199px) {
  .pricing-5-box .price { font-size: 40px; }
}
.pricing-5-box .price .decimal-point { font-weight: 600; font-size: 18px; line-height: 24px; }
.pricing-5-box .feature-list { margin-top: 33px; border-top: 1px solid var(--border); padding-top: 35px; }
.pricing-5-box .feature-list li { display: flex; gap: 10px; font-weight: 500; font-size: 18px; line-height: 30px; }
.pricing-5-box .feature-list li:not(:first-child) { margin-top: 18px; }
.pricing-5-box .feature-list li.void { opacity: 0.4; }
.pricing-5-box .feature-list li .icon { width: 18px; min-width: 18px; height: 18px; background-color: var(--theme); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: var(--white); font-size: 10px; margin-top: 3px; }
.pricing-5-box .btn-wrapper { margin-top: 33px; }
.pricing-5-box .ui-btn { width: 100%; border-radius: 30px; }
.pricing-6-area { position: relative; z-index: 1; }
.pricing-6-bg { position: absolute; width: 100%; height: auto; bottom: 0px; left: 0px; z-index: -1; }
.pricing-6-bg img { width: 100%; height: auto; object-fit: cover; opacity: 0.05; }
.pricing-6-inner { position: relative; z-index: 1; }
.pricing-6-lines { position: absolute; width: calc(100% + 240px); height: 100%; top: 0px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; z-index: -1; }
.pricing-6-lines .line { opacity: 0.15; border-right: 1px dashed rgb(68, 68, 68); height: 100%; }
.pricing-6-header { text-align: center; }
.pricing-6-header .section-subtitle { justify-content: center; }
.pricing-6-header .title-wrapper { margin-top: 21px; }
.pricing-6-header .section-title { max-width: 725px; margin-inline: auto; }
.pricing-6-wrapper-box { margin-top: 50px; }
.pricing-6-wrapper { display: grid; gap: 30px; grid-template-columns: 1fr 1fr 1fr; align-items: flex-start; }
@media only screen and (max-width: 1199px) {
  .pricing-6-wrapper { grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 767px) {
  .pricing-6-wrapper { grid-template-columns: 1fr; }
}
.pricing-6-box { background-color: var(--white); border: 3px solid var(--theme); border-radius: 20px; position: relative; margin-bottom: 30px; }
@media only screen and (max-width: 1919px) {
  .pricing-6-box { margin-bottom: 25px; }
}
.pricing-6-box.popular { border-color: var(--black); }
.pricing-6-box.popular .title-box { background-color: var(--theme); --shadow-color: var(--black); }
.pricing-6-box.popular .plan-info { color: var(--white); }
.pricing-6-box.popular .ui-btn { background-color: var(--black); border-color: transparent; }
.pricing-6-box .title-box { background-color: var(--black); border-radius: 17px; --shadow-color: var(--theme); box-shadow: 0 9px 0px var(--shadow-color); padding: 30px 30px 21px; }
@media (max-width: 575px) {
  .pricing-6-box .title-box { padding: 25px 20px 21px; }
}
.pricing-6-box .title { font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: capitalize; color: var(--white); }
@media only screen and (max-width: 767px) {
  .pricing-6-box .title { font-size: 24px; }
}
.pricing-6-box .plan-info { font-weight: 500; font-size: 16px; line-height: 26px; color: var(--theme); margin-top: 5px; }
.pricing-6-box .box-price { margin-top: 13px; display: flex; align-items: flex-end; gap: 5px; }
.pricing-6-box .box-price .text { font-weight: 500; font-size: 16px; line-height: 26px; margin-bottom: 7px; color: var(--white); }
.pricing-6-box .price { font-weight: 700; font-size: 50px; line-height: 1.14; color: var(--white); }
@media only screen and (max-width: 1199px) {
  .pricing-6-box .price { font-size: 40px; }
}
.pricing-6-box .feature-list { margin: 35px 30px; }
@media (max-width: 575px) {
  .pricing-6-box .feature-list { margin: 35px 20px; }
}
.pricing-6-box .feature-list li { display: flex; gap: 10px; font-weight: 500; font-size: 16px; line-height: 26px; color: var(--black); }
.pricing-6-box .feature-list li:not(:first-child) { margin-top: 10px; }
.pricing-6-box .feature-list li.void { color: var(--secondary); }
.pricing-6-box .feature-list li .icon { margin-top: -3px; }
.pricing-6-box .content-separator-line { display: grid; gap: 2px; margin: 0px 30px; }
@media (max-width: 575px) {
  .pricing-6-box .content-separator-line { margin: 0px 20px; }
}
.pricing-6-box .content-separator-line .line { width: 100%; height: 1px; background-color: rgba(252, 82, 32, 0.1); }
.pricing-6-box .meta-wrapper { margin: 25px 30px 0px; display: flex; gap: 20px 30px; align-items: center; justify-content: space-between; }
@media (max-width: 575px) {
  .pricing-6-box .meta-wrapper { margin: 25px 20px 0px; }
}
.pricing-6-box .note { font-family: var(--font_unbounded); font-weight: 600; font-size: 18px; line-height: 24px; text-transform: capitalize; color: var(--black); }
.pricing-6-box .rating { display: flex; gap: 2px; }
.pricing-6-box .rating i { color: var(--theme); font-size: 14px; }
.pricing-6-box .btn-wrapper { margin-top: 36px; margin-bottom: -33px; margin-inline: 30px; }
@media only screen and (max-width: 1919px) {
  .pricing-6-box .btn-wrapper { margin-bottom: -27px; }
}
@media (max-width: 575px) {
  .pricing-6-box .btn-wrapper { margin-inline: 20px; }
}
.shop-header-info { display: grid; gap: 20px 60px; grid-template-columns: auto auto; justify-content: space-between; align-items: center; }
@media only screen and (max-width: 767px) {
  .shop-header-info { grid-template-columns: auto; }
}
.shop-header-info + .products-wrapper-box { margin-top: 60px; }
@media only screen and (max-width: 1199px) {
  .shop-header-info + .products-wrapper-box { margin-top: 40px; }
}
.shop-results .text { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; color: rgb(45, 45, 45); }
.shop-sorting select { width: auto; height: 50px; border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: none; outline: none; color: var(--secondary); transition: 0.5s; background: none; font-weight: 500; font-size: 16px; line-height: 26px; padding-bottom: 23px; border-bottom: 1px solid var(--border); }
.shop-sorting select:focus { }
.shop-sorting select::placeholder { color: var(--secondary); }
.shop-sorting .nice-select { height: 56px; width: auto; padding: 0px; border: 0px; background: var(--theme); border-radius: 6px; }
.shop-sorting .nice-select .current { height: 56px; display: block; color: var(--white); font-weight: 600; font-size: 16px; line-height: 22px; padding: 17px 20px; background-color: var(--theme); border-radius: 6px; font-family: var(--font_unbounded); width: 275px; }
.shop-sorting .nice-select .option { height: 40px; display: block; color: var(--black); font-weight: 600; font-size: 16px; line-height: 22px; font-family: var(--font_unbounded); }
.shop-sorting .nice-select::after { display: block; border-color: var(--white); height: 10px; width: 10px; right: 20px; margin-top: -7px; }
.shop-pagination-wrapper { margin-top: 60px; }
@media only screen and (max-width: 1199px) {
  .shop-pagination-wrapper { margin-top: 40px; }
}
.shop-pagination-wrapper .ui-pagination { justify-content: center; }
.products-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(4, 1fr); }
@media only screen and (max-width: 991px) {
  .products-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .products-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.product-box { position: relative; background: var(--smoke); padding: 40px 20px 21px; text-align: center; overflow: hidden; border: 1px solid var(--border); clip-path: polygon(20px 0px, calc(100% - 20px) 0px, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0px calc(100% - 20px), 0px 20px, 20px 0px); }
.product-box:hover .actions { opacity: 1; visibility: visible; transform: translate(0%, 0%) scale(1); }
.product-box:hover .price { opacity: 0; visibility: hidden; transform: scale(0); }
.product-box:hover .cart-btn { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); }
.product-box.span-2 { grid-column: span 2; }
@media only screen and (max-width: 991px) {
  .product-box.span-2 { grid-column: auto; }
}
.product-box .discount { position: absolute; top: 43px; left: 0px; background: var(--theme); color: var(--white); font-weight: 600; font-size: 14px; line-height: 20px; display: inline-block; padding: 3px 6px; border-radius: 0px 3px 3px 0px; }
.product-box .new { position: absolute; top: 43px; left: 0px; background: var(--theme); color: var(--white); font-weight: 600; font-size: 14px; line-height: 20px; text-transform: uppercase; display: inline-block; padding: 3px 6px; border-radius: 0px 3px 3px 0px; }
.product-box .actions { position: absolute; top: 40px; right: 40px; display: flex; flex-direction: column; gap: 8px; opacity: 0; visibility: hidden; transition: 0.3s; transform: translate(0%, 0%) scale(0); }
.product-box .actions button { width: 35px; height: 35px; background: rgb(237, 230, 227); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--theme); cursor: pointer; transition: 0.3s; }
.product-box .actions button:hover { background: var(--theme); color: var(--white); }
.product-box .thumb { height: 208px; display: flex; justify-content: center; align-items: flex-end; }
.product-box .content { margin-top: 24px; }
.product-box .title { font-family: var(--font_unbounded); font-weight: 600; font-size: 20px; line-height: 26px; }
.product-box .price-wrapper { margin-top: 4px; position: relative; }
.product-box .price { font-weight: 500; font-size: 18px; line-height: 30px; color: var(--theme); display: inline-block; transition: 0.3s; opacity: 1; visibility: visible; transform: scale(1); }
.product-box .cart-btn { font-weight: 500; font-size: 18px; line-height: 30px; color: var(--theme); display: inline-block; transition: 0.3s; opacity: 0; visibility: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.5); }
.product-image-tab-wrapper { display: grid; gap: 20px; grid-template-columns: 200px 1fr; align-items: flex-start; }
@media only screen and (max-width: 1199px) {
  .product-image-tab-wrapper { grid-template-columns: 100px 1fr; }
}
.product-image-tab .tab-content .tab-pane { width: 100%; position: relative; }
.product-image-tab .tab-content .tab-pane .product-thumb { position: relative; padding: 25px 35px; margin-right: 0px; background-color: var(--smoke); overflow: hidden; border: 1px solid var(--border); clip-path: polygon(20px 0px, calc(100% - 20px) 0px, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0px calc(100% - 20px), 0px 20px, 20px 0px); height: 585px; display: flex; justify-content: center; align-items: center; }
@media only screen and (max-width: 1199px) {
  .product-image-tab .tab-content .tab-pane .product-thumb { height: 485px; }
}
@media (max-width: 575px) {
  .product-image-tab .tab-content .tab-pane .product-thumb { height: 300px; }
}
.product-image-nav .nav-tabs { display: flex; gap: 20px; flex-direction: column; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.product-image-nav .nav-tabs .nav-link { border: 0px; padding: 0px; margin: 0px; }
.product-image-nav .nav-tabs .nav-link.active .product-thumb { border-color: var(--theme); }
.product-image-nav .nav-tabs .nav-link .product-thumb { position: relative; padding: 25px 35px; margin-right: 0px; background-color: var(--smoke); overflow: hidden; border: 1px solid var(--border); clip-path: polygon(20px 0px, calc(100% - 20px) 0px, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0px calc(100% - 20px), 0px 20px, 20px 0px); height: 144px; display: flex; justify-content: center; align-items: center; }
@media only screen and (max-width: 1199px) {
  .product-image-nav .nav-tabs .nav-link .product-thumb { padding: 15px 20px; height: 84px; }
}
.product-image-nav .nav-item::before { position: absolute; content: ""; width: 0%; height: 1px; background: var(--clr-common-heading); bottom: 0px; left: 0px; right: 0px; transition: 0.3s; }
.product-image-nav .nav-item.active::before { position: absolute; content: ""; width: 100%; height: 1px; background: var(--clr-common-heading); bottom: 0px; left: 0px; right: 0px; }
.product-details-info-wrapper { display: grid; gap: 40px 60px; grid-template-columns: 726px 1fr; align-items: flex-start; }
@media only screen and (max-width: 1199px) {
  .product-details-info-wrapper { grid-template-columns: 426px 1fr; }
}
@media only screen and (max-width: 991px) {
  .product-details-info-wrapper { grid-template-columns: 1fr; }
}
.product-details-tab .tab-content .tab-pane img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; object-fit: cover; object-position: center center; }
.product-details-tab .tab-content { margin-bottom: 20px; }
.product-details-tab .tab-content .tab-pane { width: 100%; padding-top: 110%; position: relative; }
.product-details-nav .nav-tabs { display: flex; gap: 20px 50px; border: 0px; }
.product-details-nav { padding: 25px 30px; border: 2px solid var(--smoke); }
@media only screen and (max-width: 1199px) {
  .product-details-nav { padding: 15px 30px; }
}
.product-details-nav .nav-link { position: relative; border: 0px; padding: 0px; margin: 0px; font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; color: var(--secondary); }
.product-details-nav .nav-link.active { color: var(--theme); }
.product-details-content { background-color: var(--smoke); padding: 35px 50px; }
@media only screen and (max-width: 1199px) {
  .product-details-content { padding: 25px 30px; }
}
@media (max-width: 575px) {
  .product-details-content { padding: 15px 20px; }
}
.product__details-des .title { font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; }
.product__details-des .title + .text { margin-top: 22px; }
.product-side-info .ratings { display: flex; gap: 10px; align-items: center; }
.product-side-info .ratings .review-count { font-weight: 500; font-size: 16px; line-height: 14px; }
.product-side-info .rating { display: flex; align-items: center; gap: 2px; }
.product-side-info .rating i { color: var(--theme); font-size: 14px; }
.product-side-info .product-name { font-weight: 700; font-size: 50px; line-height: 1.14; text-transform: capitalize; margin-top: 11px; }
@media only screen and (max-width: 1919px) {
  .product-side-info .product-name { font-size: 50px; }
}
@media only screen and (max-width: 1199px) {
  .product-side-info .product-name { font-size: 30px; }
}
@media only screen and (max-width: 767px) {
  .product-side-info .product-name { font-size: 24px; }
}
.product-side-info .product-price { font-family: var(--font_unbounded); font-weight: 600; font-size: 30px; line-height: 1.2; color: rgb(2, 2, 2); margin-top: 14px; display: flex; align-items: center; gap: 20px; }
@media only screen and (max-width: 1199px) {
  .product-side-info .product-price { font-size: 24px; }
}
@media only screen and (max-width: 767px) {
  .product-side-info .product-price { font-size: 18px; }
}
.product-side-info .product-price .stock-status { font-weight: 600; font-size: 18px; line-height: 24px; text-transform: capitalize; color: rgb(255, 62, 1); display: inline-flex; align-items: center; }
@media only screen and (max-width: 767px) {
  .product-side-info .product-price .stock-status { font-size: 16px; }
}
.product-side-info .product-price .stock-status::before { width: 5px; height: 5px; display: inline-block; content: ""; background-color: currentcolor; border-radius: 50%; margin-right: 11px; }
.product-side-info .text { margin-top: 25px; }
.product-side-info .wishlist-btn { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; color: rgb(68, 68, 68); display: inline-flex; gap: 13px; align-items: center; margin-top: 44px; }
.product-side-info .wishlist-btn:hover { color: var(--theme); }
.product-details-categories { display: flex; gap: 20px; margin-top: 30px; padding-top: 30px; border-top: 2px solid var(--border); }
.product-details-categories .title { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 26px; text-transform: capitalize; color: rgb(2, 2, 2); }
.product-details-categories .tags { display: inline-flex; gap: 10px; }
.product-details-categories a { font-weight: 600; font-size: 16px; line-height: 26px; }
.product-details-categories a:hover { color: var(--black); }
.product-details-tag { display: flex; gap: 20px; margin-top: 6px; }
.product-details-tag .title { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 26px; text-transform: capitalize; color: rgb(2, 2, 2); }
.product-details-tag .tags { display: inline-flex; gap: 10px; }
.product-details-tag a { font-weight: 600; font-size: 16px; line-height: 26px; }
.product-details-tag a:hover { color: var(--black); }
.product-details-share { display: flex; gap: 20px; margin-top: 6px; }
.product-details-share .title { font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 26px; text-transform: capitalize; color: rgb(2, 2, 2); }
.product-details-share .social { display: inline-flex; gap: 15px; }
.product-details-share a { font-weight: 600; font-size: 16px; line-height: 26px; }
.product-details-share a:hover { color: var(--black); }
.product-quantity-cart { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 28px; align-items: center; }
.product-quantity-cart .ui-btn { flex-grow: 1; }
.product-quantity-form { height: 60px; width: 114px; background-color: var(--black); position: relative; padding: 16px 25px; }
@media only screen and (max-width: 1919px) {
  .product-quantity-form { height: 50px; padding: 11px 25px; }
}
.product-quantity-form .cart-plus { color: var(--white); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; position: absolute; right: 25px; top: 10px; z-index: 1; line-height: 1; }
@media only screen and (max-width: 1919px) {
  .product-quantity-form .cart-plus { top: 7px; }
}
.product-quantity-form .cart-minus { color: var(--white); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; position: absolute; right: 25px; bottom: 10px; z-index: 1; line-height: 1; }
@media only screen and (max-width: 1919px) {
  .product-quantity-form .cart-minus { bottom: 7px; }
}
.product-quantity-form .cart-input { color: var(--white); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; font-size: 18px; }
.product-comment-item { display: flex; gap: 10px 20px; align-items: flex-start; }
@media (max-width: 575px) {
  .product-comment-item { flex-direction: column; }
}
.product-comment-item:not(:first-child) { margin-top: 30px; }
.product-comments-img img { width: 50px; min-width: 50px; height: 50px; object-fit: cover; }
.product-comment-list .name { font-size: 20px; }
.product-comment-list span { margin-left: 10px; font-size: 14px; font-weight: 500; }
.comment-star-icon { margin-bottom: 10px; }
.comment-star-icon i { color: var(--theme); font-size: 13px; }
.product__details-comment { margin-top: 50px; }
.comment-title h3 { font-size: 24px; font-weight: 700; margin-bottom: 5px; }
.comment-title p { margin-top: 10px; }
.comment-rating { margin-top: 20px; }
.comment-rating span { font-size: 16px; margin-right: 5px; }
.comment-rating ul { display: inline-block; }
.comment-rating ul li { display: inline-block; }
.comment-rating ul li i { font-size: 14px; color: var(--theme); cursor: pointer; }
.comment-input-wrapper { display: grid; gap: 15px; grid-template-columns: 1fr 1fr; }
@media only screen and (max-width: 767px) {
  .comment-input-wrapper { grid-template-columns: 1fr; }
}
.comment-input-wrapper .span-2 { grid-column: span 2; }
@media only screen and (max-width: 767px) {
  .comment-input-wrapper .span-2 { grid-column: auto; }
}
.comment-agree input { margin: 0px; appearance: none; display: inline-block; width: 18px; height: 18px; background: transparent; border: 2px solid var(--clr-common-border); border-radius: 2px; outline: none; }
.comment-agree label { margin-left: 5px; font-size: 15px; color: rgb(69, 69, 69); }
.comment-agree input::placeholder { color: var(--clr-common-text); font-size: 14px; opacity: 1; }
.comment-input input { height: 60px; width: 100%; background: var(--white); color: var(--black); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 15px 20px; border-radius: 0px; outline: 0px; }
.comment-input input::placeholder { color: var(--secondary); opacity: 1; }
.comment-input-box { margin-top: 28px; }
.comment-input textarea { height: 170px; width: 100%; background-color: var(--white); color: var(--black); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 15px 20px; border-radius: 0px; resize: none; outline: 0px; font-size: 16px; }
.comment-input textarea::placeholder { color: var(--secondary); opacity: 1; }
.comment-submit { margin-top: 20px; }
.related-product-area { position: relative; z-index: 1; }
.related-product-header { text-align: center; }
.related-product-header .section-subtitle { justify-content: center; }
.related-product-header .title-wrapper { margin-top: 21px; }
.related-product-wrapper-box { margin-top: 50px; }
.skills-area-inner { display: grid; gap: 40px 80px; grid-template-columns: 1fr 624px; }
@media only screen and (max-width: 1199px) {
  .skills-area-inner { grid-template-columns: 1fr 424px; gap: 40px 60px; }
}
@media only screen and (max-width: 991px) {
  .skills-area-inner { grid-template-columns: 1fr; }
}
.skill-content .title-wrapper { margin-top: 21px; }
.skill-content .text-wrapper { margin-top: 22px; }
.skill-content .progress-wrapper-box { margin-top: 25px; }
.skill-content .progress-wrapper { display: grid; gap: 12px; }
.skill-content .progress-box .progress-title { display: flex; justify-content: space-between; margin-bottom: 6px; position: relative; }
.skill-content .progress-box .progress-title .progress-category { font-weight: 500; font-size: 18px; line-height: 30px; display: inline-block; color: var(--black); }
.skill-content .progress-box .progress-title .value { font-weight: 500; font-size: 14px; line-height: 1; color: var(--white); display: inline-block; background-color: var(--theme); border-radius: 5px; padding: 4px 4px 4px 7px; position: absolute; top: 10px; transform: translateX(-100%); }
.skill-content .progress-box .progress-title .value::before { content: ""; width: 11px; height: 10px; background-color: var(--theme); position: absolute; top: 100%; left: 50%; transform: translateX(-50%); clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 0px); }
.skill-content .progress-box .progress { height: 30px; background-color: var(--white); border-radius: 10px; border: 1px dashed rgb(216, 221, 225); padding: 9px 11px; }
.skill-content .progress-box .progress-bar { background-color: var(--theme); border-radius: 10px; }
.skill-thumbs-wrapper { position: relative; max-width: 624px; }
.skill-thumbs-wrapper .skill-thumb-1 { display: inline-block; border-radius: 20px; overflow: hidden; margin-left: 62px; }
.skill-thumbs-wrapper .skill-thumb-2 { border: 10px solid var(--white); border-radius: 10px; display: inline-block; position: absolute; bottom: 29px; left: 0px; width: 41%; }
.skill-thumbs-wrapper .circle-text { position: absolute; top: 0px; right: 0px; width: 190px; height: 190px; }
@media only screen and (max-width: 1199px) {
  .skill-thumbs-wrapper .circle-text { width: 140px; height: 140px; }
}
@media (max-width: 575px) {
  .skill-thumbs-wrapper .circle-text { right: 100px; }
}
.skill-thumbs-wrapper .circle-text::before { width: 120px; height: 120px; }
@media only screen and (max-width: 1199px) {
  .skill-thumbs-wrapper .circle-text::before { width: 80px; height: 80px; }
}
.skill-thumbs-wrapper .skill-line-shape { position: absolute; width: 14px; height: 158px; left: 24px; top: 44px; background: var(--theme); border-radius: 20px; z-index: -1; }
.skill-thumbs-wrapper .review-text { position: absolute; font-family: var(--font_unbounded); font-weight: 600; font-size: 16px; line-height: 22px; text-transform: capitalize; color: var(--black); writing-mode: sideways-lr; bottom: 23px; right: 27px; }
.skills-2-area { position: relative; z-index: 1; }
.skills-2-bg { position: absolute; width: 100%; height: 734px; top: 0px; left: 0px; z-index: -1; }
.skills-2-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background: var(--smoke); top: 0px; left: 0px; z-index: -1; }
.skills-2-bg img { width: 100%; height: 100%; object-fit: cover; }
.skill-2-header { text-align: center; }
.skill-2-header .section-subtitle { justify-content: center; }
.skill-2-header .title-wrapper { margin-top: 21px; }
.skill-2-header .section-title { max-width: 800px; margin-inline: auto; }
.skill-2-header .text-wrapper { margin-top: 12px; }
.skill-2-header .text { max-width: 700px; margin-inline: auto; }
.skill-2-content-box { margin-top: 54px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 100px; border-radius: 30px; padding: 60px; display: grid; gap: 40px 60px; grid-template-columns: 540px auto; }
@media only screen and (max-width: 1199px) {
  .skill-2-content-box { padding: 30px; gap: 40px; grid-template-columns: 400px auto; }
}
@media only screen and (max-width: 991px) {
  .skill-2-content-box { grid-template-columns: auto; padding: 15px; gap: 30px 40px; }
}
.skill-2-thumb { border-radius: 20px; overflow: hidden; position: relative; }
.skill-2-thumb img { width: 100%; height: 100%; object-fit: cover; }
.skill-2-thumb .video-btn { width: 60px; min-width: 60px; height: 60px; display: inline-flex; justify-content: center; align-items: center; color: var(--white); background-color: var(--theme); border-radius: 50%; position: absolute; border: 1px solid var(--white); }
.skill-2-thumb .play-btn::after, .skill-2-thumb .play-btn::before { border-color: var(--white); }
.skill-2-content .title { font-weight: 600; font-size: 36px; line-height: 1.28; text-transform: capitalize; margin-top: -8px; }
@media only screen and (max-width: 1199px) {
  .skill-2-content .title { font-size: 30px; margin-top: -5px; }
}
@media only screen and (max-width: 991px) {
  .skill-2-content .title { font-size: 24px; margin-top: 0px; }
}
.skill-2-content .text-wrapper { margin-top: 13px; }
.skill-2-content .text:not(:first-child) { margin-top: 25px; }
.skill-2-content .progress-wrapper-box { margin-top: 25px; }
.skill-2-content .progress-wrapper { display: grid; gap: 21px; }
.skill-2-content .progress-box .progress-title { display: flex; justify-content: space-between; margin-bottom: 6px; position: relative; }
.skill-2-content .progress-box .progress-title .progress-category { font-weight: 500; font-size: 18px; line-height: 30px; display: inline-block; color: var(--black); }
.skill-2-content .progress-box .progress-title .value { font-weight: 500; font-size: 18px; line-height: 30px; color: var(--black); display: inline-block; }
.skill-2-content .progress-box .progress { height: 6px; background-color: rgba(2, 2, 2, 0.15); border-radius: 3px; }
.skill-2-content .progress-box .progress-bar { background-color: var(--theme); border-radius: 3px; }
.skill-2-content .btn-wrapper { margin-top: 40px; }
.choose-area { margin-top: -69px; position: relative; z-index: 1; }
.choose-area-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.choose-area-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--primary); top: 0px; left: 0px; opacity: 0.9; }
.choose-area-bg img { width: 100%; height: 100%; object-fit: cover; }
.choose-inner .lines-separator { margin-top: 60px; margin-bottom: 60px; }
@media only screen and (max-width: 1199px) {
  .choose-inner .lines-separator { margin-top: 40px; margin-bottom: 40px; }
}
.choose-info-box { background-color: var(--theme); border-radius: 0px 0px 0px 20px; display: grid; gap: 20px 60px; grid-template-columns: auto 473px auto; justify-content: space-between; padding: 160px 0px 91px 60px; align-items: center; position: relative; }
@media only screen and (max-width: 1199px) {
  .choose-info-box { grid-template-columns: auto 393px auto; }
}
@media only screen and (max-width: 991px) {
  .choose-info-box { grid-template-columns: auto; padding: 110px 0px 41px 20px; }
}
.choose-info-box::before { position: absolute; width: 5000px; height: 100%; background-color: var(--theme); top: 0px; left: 100%; content: ""; }
.choose-info-box .completed-projects .number { font-weight: 700; font-size: 50px; line-height: 1.14; text-transform: capitalize; color: rgb(255, 255, 255); }
@media only screen and (max-width: 1199px) {
  .choose-info-box .completed-projects .number { font-size: 40px; }
}
.choose-info-box .completed-projects .text { font-weight: 500; font-size: 18px; line-height: 30px; text-transform: capitalize; color: rgb(255, 255, 255); margin-top: 2px; }
.choose-info-box .text-wrapper .text { color: var(--white); }
@media only screen and (max-width: 991px) {
  .choose-info-box .btn-wrapper { margin-top: 10px; }
}
.choose-info-box .ui-btn { background-color: var(--white); }
.choose-info-box .ui-btn .btn-wrap .text-one { color: var(--black); }
.choose-header { display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .choose-header { grid-template-columns: 1fr; }
}
.choose-header .title-wrapper { margin-top: 21px; }
.choose-header .section-title { max-width: 510px; color: var(--white); }
.choose-header .text-wrapper { margin-bottom: 3px; }
.choose-header .text-wrapper .text { max-width: 330px; color: var(--white); }
.choose-video-wrapper { border-radius: 20px; overflow: hidden; position: relative; }
.choose-video-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.choose-video-wrapper .video-btn { width: 40px; min-width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; color: var(--theme); background-color: var(--white); border-radius: 50%; }
.choose-video-wrapper .video-btn::before, .choose-video-wrapper .video-btn::after { border-color: var(--white); }
.choose-counter-video-wrapper { display: grid; gap: 30px; grid-template-columns: 533px 1fr; margin-top: 50px; }
@media only screen and (max-width: 991px) {
  .choose-counter-video-wrapper { grid-template-columns: 1fr; }
}
.choose-counter-wrapper { background-color: var(--white); border-radius: 20px; display: grid; grid-template-columns: auto auto; }
@media (max-width: 575px) {
  .choose-counter-wrapper { grid-template-columns: auto; }
}
.choose-counter-box { padding: 50px; }
@media (max-width: 575px) {
  .choose-counter-box { padding: 30px; }
}
.choose-counter-box:nth-child(n+3) { border-top: 1px solid var(--border); padding-top: 30px; }
@media (max-width: 575px) {
  .choose-counter-box:nth-child(n+2) { border-top: 1px solid var(--border); padding-top: 30px; }
}
.choose-counter-box:nth-child(-n+3) { padding-bottom: 30px; }
.choose-counter-box:nth-child(2n) { border-left: 1px solid var(--border); }
@media (max-width: 575px) {
  .choose-counter-box:nth-child(2n) { border-left: 0px; }
}
.choose-counter-box:nth-child(3) { position: relative; }
.choose-counter-box:nth-child(3)::before { position: absolute; content: ""; width: 9px; height: 9px; background-color: var(--theme); right: -5px; top: -5px; rotate: 45deg; z-index: 1; }
@media (max-width: 575px) {
  .choose-counter-box:nth-child(3)::before { display: none; }
}
.choose-counter-box .number { font-weight: 600; font-size: 36px; line-height: 1.28; color: var(--theme); }
.choose-counter-box .number .odometer.odometer-auto-theme, .choose-counter-box .number .odometer.odometer-theme-default { font-family: var(--font_unbounded); line-height: 1.28; display: inline-flex; vertical-align: baseline; }
.choose-counter-box .number .odometer-inside { display: inline-flex; }
.choose-counter-box .text { font-weight: 500; font-size: 18px; line-height: 30px; text-transform: capitalize; margin-top: 3px; }
.choose-features-wrapper { display: grid; gap: 40px 54px; grid-template-columns: 1fr 1fr 1fr; }
@media only screen and (max-width: 991px) {
  .choose-features-wrapper { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 575px) {
  .choose-features-wrapper { grid-template-columns: 1fr; }
}
.choose-feature-box { display: grid; gap: 20px; grid-template-columns: auto 1fr; }
@media only screen and (max-width: 1199px) {
  .choose-feature-box { grid-template-columns: 1fr; }
}
.choose-feature-box:hover .thumb img { animation: 0.5s ease 0s 1 normal none running t-spin-y; }
.choose-feature-box .thumb { width: 113px; min-width: 113px; height: 100px; background: var(--theme); border-radius: 10px; display: inline-flex; justify-content: center; align-items: center; padding: 20px; }
@media only screen and (max-width: 767px) {
  .choose-feature-box .thumb { width: 83px; min-width: 83px; height: 70px; }
}
.choose-feature-box .thumb img { transition: 0.5s; }
.choose-feature-box .content { margin-top: 8px; }
.choose-feature-box .title { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: rgb(255, 255, 255); }
.choose-feature-box .text { color: var(--white); margin-top: 7px; }
.choose-2-area { position: relative; z-index: 1; background-color: var(--black); padding-bottom: 80px; }
@media only screen and (max-width: 991px) {
  .choose-2-area { padding-bottom: 0px; }
}
.choose-2-shape-1 { position: absolute; z-index: -1; bottom: 0px; left: 0px; }
.choose-2-content { max-width: 615px; }
@media only screen and (max-width: 1199px) {
  .choose-2-content { max-width: 465px; }
}
@media only screen and (max-width: 991px) {
  .choose-2-content { max-width: 100%; }
}
.choose-2-content .title-wrapper { margin-top: 21px; }
.choose-2-content .section-title { color: var(--white); }
.choose-2-feature-list { max-width: 510px; margin-top: 43px; display: grid; gap: 25px; }
.choose-2-feature-item { position: relative; padding-left: 40px; }
.choose-2-feature-item.active::before { background-color: var(--theme); opacity: 1; }
.choose-2-feature-item::before { position: absolute; content: ""; width: 3px; height: calc(100% - 18px); left: 0px; top: 50%; transform: translateY(-50%); opacity: 0.12; background-color: var(--white); }
.choose-2-feature-item .title { font-weight: 600; font-size: 24px; line-height: 32px; text-transform: capitalize; color: rgb(255, 255, 255); }
.choose-2-feature-item .text { color: var(--white); margin-top: 15px; }
.choose-2-thumb-wrapper { position: absolute; width: 43%; height: 100%; top: 0px; right: 0px; z-index: -1; }
@media only screen and (max-width: 991px) {
  .choose-2-thumb-wrapper { position: relative; width: 100%; }
}
.choose-2-thumb-wrapper .circle-text { position: absolute; top: 50%; left: 0px; width: 190px; height: 190px; transform: translate(-50%, -50%); }
@media only screen and (max-width: 1199px) {
  .choose-2-thumb-wrapper .circle-text { width: 140px; height: 140px; }
}
@media only screen and (max-width: 991px) {
  .choose-2-thumb-wrapper .circle-text { transform: none; top: 90px; left: 90px; }
}
.choose-2-thumb-wrapper .circle-text::before { width: 120px; height: 120px; }
@media only screen and (max-width: 1199px) {
  .choose-2-thumb-wrapper .circle-text::before { width: 80px; height: 80px; }
}
.choose-2-thumb { width: 100%; height: 100%; }
.choose-2-thumb img { width: 100%; height: 100%; object-fit: cover; }
.choose-2-cta-wrapper { margin-top: -80px; margin-bottom: -70px; position: relative; z-index: 2; }
@media only screen and (max-width: 1919px) {
  .choose-2-cta-wrapper { margin-bottom: -58px; }
}
@media only screen and (max-width: 991px) {
  .choose-2-cta-wrapper { margin-bottom: 0px; }
}
.choose-2-cta-box { position: relative; z-index: 1; border-radius: 10px; overflow: hidden; padding: 45px 60px; display: flex; justify-content: space-between; gap: 20px 40px; flex-wrap: wrap; align-items: center; }
@media only screen and (max-width: 1199px) {
  .choose-2-cta-box { padding: 36px 30px; }
}
@media (max-width: 575px) {
  .choose-2-cta-box { padding: 26px 20px; }
}
.choose-2-cta-box .bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.choose-2-cta-box .bg::before { width: 100%; height: 100%; background-color: var(--theme); position: absolute; content: ""; opacity: 0.95; }
.choose-2-cta-box .bg img { width: 100%; height: 100%; object-fit: cover; }
.choose-2-cta-box .title { font-weight: 500; font-size: 30px; line-height: 1.2; text-transform: capitalize; color: var(--white); }
@media only screen and (max-width: 1199px) {
  .choose-2-cta-box .title { font-size: 24px; }
}
@media (max-width: 575px) {
  .choose-2-cta-box .title { font-size: 20px; }
}
.choose-2-cta-box .ui-btn { background-color: var(--white); border-color: var(--white); }
.choose-2-cta-box .ui-btn .text-one { color: var(--theme); }
.choose-3-area { position: relative; z-index: 1; }
.choose-3-shape-1 { position: absolute; bottom: 0px; right: 0px; z-index: -1; }
.choose-3-shape-1 img { width: 626px; opacity: 0.06; }
.choose-3-inner { position: relative; z-index: 1; }
.choose-3-lines { position: absolute; width: calc(100% + 240px); height: 100%; top: 0px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; z-index: -1; }
.choose-3-lines .line { opacity: 0.15; border-right: 1px dashed rgb(68, 68, 68); height: 100%; }
.choose-3-header { display: grid; gap: 30px 60px; grid-template-columns: 1fr 465px; align-items: flex-end; }
@media only screen and (max-width: 991px) {
  .choose-3-header { grid-template-columns: 1fr; }
}
.choose-3-header .title-wrapper { margin-top: 21px; }
.choose-3-header .section-title { max-width: 510px; }
.choose-3-header .text-wrapper { margin-bottom: 3px; }
.choose-3-thumb-feature { margin-top: 50px; display: grid; gap: 40px 0px; grid-template-columns: calc(100% - 870px) 870px; align-items: center; }
@media only screen and (max-width: 1199px) {
  .choose-3-thumb-feature { grid-template-columns: auto; }
}
.choose-3-thumb { border-radius: 20px; overflow: hidden; margin-right: -80px; position: relative; }
@media only screen and (max-width: 1199px) {
  .choose-3-thumb { display: none; }
}
.choose-3-thumb::before { position: absolute; content: ""; width: 20px; height: 84%; left: 0px; top: 50%; transform: translateY(-50%); background: rgb(250, 94, 7); border-radius: 0px 10px 10px 0px; }
.choose-3-thumb img { width: 100%; height: 100%; object-fit: cover; }
.choose-3-features-wrapper { display: grid; gap: 30px; grid-template-columns: 1fr 1fr; position: relative; z-index: 1; }
@media only screen and (max-width: 1199px) {
  .choose-3-features-wrapper { gap: 20px; }
}
@media only screen and (max-width: 767px) {
  .choose-3-features-wrapper { grid-template-columns: 1fr; }
}
.choose-3-feature-box { display: grid; gap: 20px; grid-template-columns: auto 1fr; padding: 23px 27px 22px; border-left: 3px solid var(--theme); border-right: 3px solid var(--theme); background-color: var(--black); border-radius: 10px; }
@media only screen and (max-width: 1199px) {
  .choose-3-feature-box { grid-template-columns: 1fr; }
}
@media (max-width: 575px) {
  .choose-3-feature-box { padding: 13px 17px 17px; }
}
.choose-3-feature-box .thumb { width: 70px; min-width: 70px; height: 70px; background: var(--white); border-radius: 10px; display: inline-flex; justify-content: center; align-items: center; margin-top: 7px; }
.choose-3-feature-box .content { margin-top: 8px; }
.choose-3-feature-box .title { font-weight: 600; font-size: 24px; line-height: 32px; text-transform: capitalize; color: rgb(255, 255, 255); }
.choose-3-feature-box .text { color: var(--white); margin-top: 15px; }
.testimonial-area { position: relative; z-index: 1; }
.testimonial-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.testimonial-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--smoke); top: 0px; left: 0px; z-index: -1; }
.testimonial-bg img { width: 100%; height: 100%; object-fit: cover; }
.tesmitonial-area-inner { position: relative; z-index: 1; display: grid; gap: 40px 80px; grid-template-columns: 1fr 757px; padding-bottom: 208px; }
@media only screen and (max-width: 1919px) {
  .tesmitonial-area-inner { gap: 40px 60px; grid-template-columns: 1fr 817px; }
}
@media only screen and (max-width: 1199px) {
  .tesmitonial-area-inner { grid-template-columns: auto 497px; padding-bottom: 188px; }
}
@media only screen and (max-width: 991px) {
  .tesmitonial-area-inner { grid-template-columns: 100%; }
}
.testimonial-area-shape-1 { position: absolute; right: calc(100% + 100px); top: 50%; transform: translateY(-50%); font-family: var(--font_unbounded); font-weight: 700; font-size: 101px; line-height: 80px; text-transform: capitalize; color: rgb(2, 2, 2); opacity: 0.2; writing-mode: sideways-lr; z-index: -1; }
.testimonial-thumb { margin-top: -40px; }
.testimonial-thumb .image { text-align: center; margin-inline: 30px; }
.testimonial-review-box { display: grid; grid-template-columns: 1fr 1fr; position: relative; z-index: 1; }
@media (max-width: 575px) {
  .testimonial-review-box { grid-template-columns: 1fr; }
}
.testimonial-review-box .company-box { display: flex; gap: 10px; align-items: center; border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right: 0px; border-radius: 10px 0px 0px 10px; background-color: var(--smoke); padding: 23px; }
@media (max-width: 575px) {
  .testimonial-review-box .company-box { border-bottom: 0px; border-radius: 10px 10px 0px 0px; }
}
.testimonial-review-box .company-box .icon { min-width: 49px; }
.testimonial-review-box .company-box .name { font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: capitalize; }
@media only screen and (max-width: 1919px) {
  .testimonial-review-box .company-box .name { font-size: 24px; }
}
.testimonial-review-box .review-box { background-color: var(--theme); border-radius: 0px 10px 10px 0px; padding: 24px 32px; }
@media (max-width: 575px) {
  .testimonial-review-box .review-box { border-radius: 0px 0px 10px 10px; }
}
.testimonial-review-box .review-box .ratings { display: flex; gap: 15px; align-items: center; }
.testimonial-review-box .review-box .count { font-family: var(--font_unbounded); font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: capitalize; color: rgb(255, 255, 255); }
@media only screen and (max-width: 1919px) {
  .testimonial-review-box .review-box .count { font-size: 24px; }
}
.testimonial-review-box .review-box .rating { display: flex; gap: 5px; }
.testimonial-review-box .review-box .rating i { color: var(--white); font-size: 14px; }
.testimonial-review-box .review-box .text { color: var(--white); }
.testimonial-content .title-wrapper { margin-top: 21px; }
.testimonial-content .section-title { max-width: 500px; }
.testimonial-wrapper-box { margin-top: 50px; }
.testimonial-wrapper { margin-right: -560px; }
@media only screen and (max-width: 991px) {
  .testimonial-wrapper { margin-right: 0px; }
}
.testimonial-item { background-color: var(--white); border-radius: 10px; padding: 40px 40px 33px; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 50px; }
@media only screen and (max-width: 1199px) {
  .testimonial-item { padding: 20px 20px 13px; }
}
.testimonial-item .author { display: flex; gap: 19px; align-items: center; }
.testimonial-item .author .avatar { width: 94px; height: 94px; border: 1px solid var(--theme); border-radius: 50%; padding: 6px; }
@media only screen and (max-width: 1199px) {
  .testimonial-item .author .avatar { width: 64px; height: 64px; padding: 3px; }
}
.testimonial-item .author .avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.testimonial-item .author .name { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .testimonial-item .author .name { font-size: 20px; }
}
.testimonial-item .author .post { color: var(--theme); position: relative; display: flex; gap: 10px; align-items: center; margin-top: 5px; }
.testimonial-item .review-box { display: flex; gap: 106px; align-items: flex-start; margin-top: 20px; }
@media only screen and (max-width: 1199px) {
  .testimonial-item .review-box { gap: 46px; justify-content: space-between; }
}
.testimonial-item .rating { display: inline-flex; gap: 5px; background-color: var(--smoke); border-radius: 5px; padding: 11px 20px; }
.testimonial-item .rating i { color: var(--theme); font-size: 14px; }
.testimonial-item .text-wrapper { margin-top: 22px; }
.testimonial-2-area { position: relative; z-index: 1; }
.testimonial-2-shape-1 { position: absolute; left: 18px; bottom: 87px; z-index: -1; width: 266px; }
@media only screen and (max-width: 1919px) {
  .testimonial-2-shape-1 { width: 216px; }
}
@media only screen and (max-width: 991px) {
  .testimonial-2-shape-1 { width: 166px; }
}
.testimonial-2-header { text-align: center; }
.testimonial-2-header .section-subtitle { justify-content: center; }
.testimonial-2-header .title-wrapper { margin-top: 21px; }
.testimonial-2-header .section-title { max-width: 555px; margin-inline: auto; }
.testimonial-2-wrapper-box { margin-top: 50px; }
.testimonial-2-item { background-color: var(--smoke); border-radius: 10px; text-align: center; padding: 0px 30px 30px; transition: 0.5s; }
.testimonial-2-item:hover { background-color: var(--theme); }
.testimonial-2-item:hover .avatar { background-color: var(--smoke); }
.testimonial-2-item:hover .name { color: var(--white); }
.testimonial-2-item:hover .post { color: var(--white); }
.testimonial-2-item:hover .text { color: var(--white); }
.testimonial-2-item:hover svg * { fill: var(--white); }
.testimonial-2-item .avatar { display: inline-block; padding: 30px 7.5px 7.5px; background-color: var(--theme); border-radius: 0px 0px 100px 100px; transition: 0.5s; }
.testimonial-2-item .avatar img { width: 80px; height: 80px; border-radius: 50%; }
.testimonial-2-item .meta { margin-top: 24px; }
.testimonial-2-item .name { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; transition: 0.5s; }
.testimonial-2-item .post { font-weight: 500; font-size: 16px; line-height: 26px; color: rgb(250, 94, 7); display: inline-block; margin-top: 7px; transition: 0.5s; }
.testimonial-2-item .content { margin-top: 5px; }
.testimonial-2-item .text { font-weight: 500; font-size: 14px; line-height: 24px; transition: 0.5s; }
.testimonial-2-item .icon { margin-top: 23px; }
.testimonial-2-item .icon svg * { transition: 0.5s; }
.testimonial-3-wrapper { position: relative; z-index: 1; background-color: var(--black); border-top: 4px solid var(--theme); border-bottom: 4px solid var(--theme); border-radius: 20px; overflow: hidden; }
.testimonial-3-wrapper::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0px; top: 0px; background: radial-gradient(63.06% 485.66% at 63.06% 45.17%, rgb(14, 33, 65) 12.98%, rgba(13, 33, 68, 0) 96.15%); z-index: 1; }
.testimonial-3-shape-1 { position: absolute; bottom: 0px; left: 0px; z-index: -1; opacity: 0.2; }
.testimonial-3-shape-2 { position: absolute; bottom: 0px; right: 0px; z-index: -1; opacity: 0.2; }
.testimonial-3-slider .swiper-wrapper { align-items: flex-end; }
.testimonial-3-item { position: relative; padding: 76px 80px 64px; }
@media only screen and (max-width: 1919px) {
  .testimonial-3-item { padding: 56px 60px 44px; }
}
@media only screen and (max-width: 1199px) {
  .testimonial-3-item { padding: 36px 40px 34px; }
}
@media only screen and (max-width: 767px) {
  .testimonial-3-item { padding: 26px 20px 0px; }
}
.testimonial-3-item .content { max-width: 680px; }
@media only screen and (max-width: 991px) {
  .testimonial-3-item .content { max-width: 580px; }
}
.testimonial-3-item .icon-wrapper { border: 2px dashed var(--theme); border-radius: 50%; padding: 4px; display: inline-block; }
.testimonial-3-item .icon { width: 82px; height: 82px; background-color: var(--theme); border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.testimonial-3-item .icon img { filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 4px 4px); }
.testimonial-3-item .text { font-family: var(--font_unbounded); font-weight: 600; font-size: 18px; line-height: 1.5; text-transform: capitalize; color: rgb(255, 255, 255); }
@media only screen and (max-width: 767px) {
  .testimonial-3-item .text { font-size: 16px; }
}
.testimonial-3-item .text-wrapper { margin-top: 44px; }
.testimonial-3-item .meta { margin-top: 19px; }
.testimonial-3-item .name { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; color: rgb(255, 255, 255); display: flex; align-items: center; }
@media only screen and (max-width: 767px) {
  .testimonial-3-item .name { font-size: 20px; }
}
.testimonial-3-item .name::before { content: ""; display: inline-block; width: 25px; height: 4px; background: rgb(250, 94, 7); border-radius: 10px; margin-right: 10px; }
.testimonial-3-item .post { display: inline-block; margin-top: 5px; color: rgb(250, 94, 7); }
.testimonial-3-item .author { position: absolute; right: 113px; bottom: 0px; z-index: -1; max-width: 420px; }
@media only screen and (max-width: 1919px) {
  .testimonial-3-item .author { max-width: 380px; }
}
@media only screen and (max-width: 1199px) {
  .testimonial-3-item .author { max-width: 340px; }
}
@media only screen and (max-width: 767px) {
  .testimonial-3-item .author { max-width: fit-content; position: relative; left: 50%; transform: translateX(-50%); }
}
.testimonial-3-item .author::before { position: absolute; content: ""; width: 287px; height: 287px; left: 50%; transform: translateX(-50%); top: 84px; background: rgb(250, 94, 7); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px inset; border-radius: 50%; z-index: -1; outline: rgba(250, 94, 7, 0.3) solid 30px; }
@media only screen and (max-width: 1919px) {
  .testimonial-3-item .author::before { width: 237px; height: 237px; outline-width: 25px; }
}
.testimonial-3-paginations { position: absolute; right: -65px; z-index: 1; top: 50%; transform: translateX(-50%) rotate(90deg); }
@media only screen and (max-width: 767px) {
  .testimonial-3-paginations { right: -95px; }
}
.testimonial-3-paginations .slider-active-paginations-wrapper { display: flex; justify-content: center; }
.testimonial-3-paginations .swiper-pagination-bullets { display: inline-flex; gap: 10px; justify-content: center; }
.testimonial-3-paginations .swiper-pagination-bullets .swiper-pagination-bullet { width: 36px; height: 8px; background-color: transparent; border: 2px solid var(--white); border-radius: 30px; opacity: 1; margin: 0px !important; }
.testimonial-3-paginations .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; border-color: var(--theme); background-color: var(--theme); }
.testimonial-4-content { display: grid; gap: 50px 60px; grid-template-columns: 1fr 750px; }
@media only screen and (max-width: 1199px) {
  .testimonial-4-content { grid-template-columns: 1fr 650px; }
}
@media only screen and (max-width: 991px) {
  .testimonial-4-content { grid-template-columns: 100%; }
}
.testimonial-4-content .clients-info { margin-top: 218px; }
@media only screen and (max-width: 1919px) {
  .testimonial-4-content .clients-info { margin-top: 168px; }
}
@media only screen and (max-width: 991px) {
  .testimonial-4-content .clients-info { margin-top: 18px; }
}
.testimonial-4-content .clients-info .rating-percentage { font-family: var(--font_unbounded); font-weight: 700; font-size: 50px; line-height: 57px; color: var(--black); }
.testimonial-4-content .clients-info .rating-percentage .odometer.odometer-auto-theme, .testimonial-4-content .clients-info .rating-percentage .odometer.odometer-theme-default { font-family: var(--font_unbounded); line-height: 1.14; display: inline-flex; vertical-align: baseline; }
.testimonial-4-content .clients-info .rating-percentage .odometer-inside { display: inline-flex; }
.testimonial-4-content .clients-info .text { margin-top: 7px; max-width: 340px; }
.testimonial-4-content .clients-info .client-group { display: flex; margin-top: 17px; }
.testimonial-4-content .clients-info .client-group img { width: 60px; height: 60px; border: 2px solid var(--white); border-radius: 50%; }
@media only screen and (max-width: 1919px) {
  .testimonial-4-content .clients-info .client-group img { width: 50px; height: 50px; }
}
.testimonial-4-content .clients-info .client-group > :not(:first-child) { margin-left: -30px; }
.testimonial-4-content .clients-info .client-group .group-more { width: 60px; height: 60px; border: 2px solid var(--white); border-radius: 50%; background-color: var(--theme); display: flex; justify-content: center; align-items: center; font-size: 24px; color: var(--white); }
@media only screen and (max-width: 1919px) {
  .testimonial-4-content .clients-info .client-group .group-more { width: 50px; height: 50px; }
}
.testimonial-4-content .content-last { margin-top: -6px; }
.testimonial-4-item { position: relative; z-index: 1; }
.testimonial-4-item .icon { position: absolute; z-index: -1; right: 0px; bottom: 0px; opacity: 0.05; }
.testimonial-4-item .text { font-family: var(--font_unbounded); font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: uppercase; color: rgb(2, 2, 2); }
@media only screen and (max-width: 1919px) {
  .testimonial-4-item .text { font-size: 24px; }
}
@media only screen and (max-width: 767px) {
  .testimonial-4-item .text { font-size: 20px; }
}
@media (max-width: 575px) {
  .testimonial-4-item .text { font-size: 18px; }
}
.testimonial-4-item .author { margin-top: 32px; }
.testimonial-4-item .avatar img { width: 190px; aspect-ratio: 100 / 65; object-fit: cover; }
@media only screen and (max-width: 767px) {
  .testimonial-4-item .avatar img { width: 140px; }
}
.testimonial-4-item .meta { margin-top: 15px; }
.testimonial-4-item .name { font-weight: 600; font-size: 18px; line-height: 24px; }
.testimonial-4-item .post { font-weight: 500; font-size: 16px; line-height: 26px; display: inline-block; margin-top: 2px; }
.testimonial-4-wrapper { position: relative; z-index: 1; }
.testimonial-4-wrapper .testimonial-4-pagination-wrapper { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); z-index: 1; display: inline-flex; }
@media (max-width: 575px) {
  .testimonial-4-wrapper .testimonial-4-pagination-wrapper { position: relative; margin-top: 30px; }
}
.testimonial-4-wrapper .swiper-pagination-bullets { display: inline-flex; gap: 6px; }
.testimonial-4-wrapper .swiper-pagination-bullets .swiper-pagination-bullet { width: 17px; height: 17px; background-color: var(--theme); border-radius: 50%; opacity: 0.3; margin: 0px !important; }
.testimonial-4-wrapper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }
.cta-area { margin-top: -130px; position: relative; z-index: 2; }
.cta-content-wrapper { background-color: var(--theme); border-radius: 50px; overflow: hidden; display: grid; grid-template-columns: 1fr 555px; }
@media only screen and (max-width: 1199px) {
  .cta-content-wrapper { grid-template-columns: 1fr 355px; border-radius: 30px; }
}
@media only screen and (max-width: 991px) {
  .cta-content-wrapper { grid-template-columns: 1fr; }
}
.cta-thumb img { width: 100%; height: 100%; object-fit: cover; }
.cta-content { padding: 71px 60px 74px; position: relative; }
@media only screen and (max-width: 1199px) {
  .cta-content { padding: 41px 40px 74px; }
}
@media only screen and (max-width: 991px) {
  .cta-content { text-align: center; }
}
@media only screen and (max-width: 767px) {
  .cta-content { padding: 31px 20px 64px; }
}
.cta-content .title { font-weight: 600; font-size: 36px; line-height: 1.28; text-transform: capitalize; color: rgb(255, 255, 255); }
@media only screen and (max-width: 1919px) {
  .cta-content .title { font-size: 32px; }
}
@media only screen and (max-width: 767px) {
  .cta-content .title { font-size: 24px; }
}
.cta-content .text { font-family: var(--font_unbounded); font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; color: rgb(255, 255, 255); margin-top: 14px; }
@media only screen and (max-width: 1919px) {
  .cta-content .text { font-size: 20px; }
}
@media only screen and (max-width: 767px) {
  .cta-content .text { font-size: 16px; }
}
.cta-content .icon { width: 80px; height: 80px; background: var(--white); border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; padding: 10px; position: absolute; right: 0px; top: 50%; transform: translate(50%, -50%); }
@media only screen and (max-width: 991px) {
  .cta-content .icon { right: 50%; top: 100%; transform: translate(50%, -50%); }
}
.cta-2-area { position: relative; z-index: 1; overflow: hidden; }
.cta-2-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; background-color: var(--smoke); }
.cta-2-bg img { width: 100%; height: 100%; object-fit: cover; }
.cta-2-area-inner { padding: 100px 0px; }
@media only screen and (max-width: 1919px) {
  .cta-2-area-inner { padding: 80px 0px; }
}
@media only screen and (max-width: 1199px) {
  .cta-2-area-inner { padding: 60px 0px; }
}
.cta-2-content { padding: 54px 60px 60px; background-color: var(--white); max-width: 532px; position: relative; }
@media only screen and (max-width: 1919px) {
  .cta-2-content { padding: 34px 30px 40px; max-width: 482px; }
}
.cta-2-content .title { font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: uppercase; }
@media only screen and (max-width: 1199px) {
  .cta-2-content .title { font-size: 24px; }
}
@media (max-width: 575px) {
  .cta-2-content .title { font-size: 20px; }
}
.cta-2-content .text-wrapper { margin-top: 118px; }
@media only screen and (max-width: 1919px) {
  .cta-2-content .text-wrapper { margin-top: 68px; }
}
@media only screen and (max-width: 1199px) {
  .cta-2-content .text-wrapper { margin-top: 38px; }
}
.cta-2-content .text { font-weight: 500; font-size: 16px; line-height: 26px; }
.cta-2-content .btn-wrapper { margin-top: 23px; }
.cta-2-content .line-1 { width: 5000px; height: 1px; display: inline-block; position: absolute; content: ""; background: rgba(255, 255, 255, 0.5); top: 0px; left: 50%; transform: translateX(-50%); }
.cta-2-content .line-2 { width: 5000px; height: 1px; display: inline-block; position: absolute; content: ""; background: rgba(255, 255, 255, 0.5); bottom: 0px; left: 50%; transform: translateX(-50%); }
.cta-2-content .line-3 { height: 5000px; width: 1px; display: inline-block; position: absolute; content: ""; background: rgba(255, 255, 255, 0.5); left: 0px; top: 50%; transform: translateY(-50%); }
.cta-2-content .line-4 { height: 5000px; width: 1px; display: inline-block; position: absolute; content: ""; background: rgba(255, 255, 255, 0.5); right: 0px; top: 50%; transform: translateY(-50%); }
.process-area { position: relative; z-index: 1; }
.process-shape-1 { position: absolute; left: 0px; bottom: 0px; z-index: -1; }
@media only screen and (max-width: 1919px) {
  .process-shape-1 { width: 106px; left: -20px; }
}
.process-shape-1 img { animation: 5s linear 0s infinite normal none running t-slide-X; }
.process-header { text-align: center; }
.process-header .section-subtitle { justify-content: center; }
.process-header .title-wrapper { margin-top: 21px; }
.process-header .section-title { max-width: 755px; margin-inline: auto; }
.process-wrapper-box { margin-top: 50px; }
.process-wrapper { display: grid; gap: 40px 60px; grid-template-columns: repeat(4, 1fr); }
@media only screen and (max-width: 1199px) {
  .process-wrapper { gap: 40px 20px; }
}
@media only screen and (max-width: 991px) {
  .process-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .process-wrapper { grid-template-columns: repeat(1, 1fr); }
}
.process-box { text-align: center; display: flex; flex-direction: column; gap: 23px; align-items: center; }
.process-box:hover .icon img { animation: 0.5s ease 0s 1 normal none running t-spin-y; }
.process-box:nth-child(2n+2) { flex-direction: column-reverse; }
@media only screen and (max-width: 991px) {
  .process-box:nth-child(2n+2) { flex-direction: column; }
}
.process-box:nth-child(2n+2) .number { background-color: var(--theme); }
.process-box:nth-child(2n+2) .icon-box { position: relative; }
.process-box:nth-child(2n+2) .icon-box::before { position: absolute; content: ""; width: 250px; border-top: 2px dashed var(--theme); z-index: -1; right: 95%; top: 75%; transform: rotate(-35deg); transform-origin: right top; }
@media only screen and (max-width: 1199px) {
  .process-box:nth-child(2n+2) .icon-box::before { right: 85%; top: 90%; }
}
@media only screen and (max-width: 991px) {
  .process-box:nth-child(2n+2) .icon-box::before { display: none; }
}
.process-box:nth-child(2n+2) .icon { background-color: var(--theme); }
.process-box:nth-child(3) .icon-box { position: relative; }
.process-box:nth-child(3) .icon-box::before { position: absolute; content: ""; width: 250px; border-top: 2px dashed var(--theme); z-index: -1; right: 95%; bottom: 75%; transform: rotate(35deg); transform-origin: right top; }
@media only screen and (max-width: 1199px) {
  .process-box:nth-child(3) .icon-box::before { right: 75%; bottom: 90%; }
}
@media only screen and (max-width: 991px) {
  .process-box:nth-child(3) .icon-box::before { display: none; }
}
.process-box .number { width: 56px; height: 56px; background: rgb(2, 2, 2); border-radius: 30px; display: inline-flex; font-family: var(--font_unbounded); font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: rgb(255, 255, 255); justify-content: center; align-items: center; }
@media only screen and (max-width: 991px) {
  .process-box .number { width: 46px; height: 46px; font-size: 16px; }
}
.process-box .title { font-weight: 600; font-size: 24px; line-height: 1.33; text-transform: capitalize; }
@media only screen and (max-width: 1199px) {
  .process-box .title { font-size: 20px; }
}
.process-box .text { margin-top: 15px; max-width: 430px; }
.process-box .icon-box { padding: 11px; border: 2px dashed var(--theme); border-radius: 50%; margin: 13px; background-color: var(--white); }
@media only screen and (max-width: 991px) {
  .process-box .icon-box { padding: 6px; margin: 3px; }
}
.process-box .icon { background-color: var(--black); width: 140px; height: 140px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; }
@media only screen and (max-width: 991px) {
  .process-box .icon { width: 100px; height: 100px; }
}
.process-box .icon img { transition: 0.5s; }
.process-2-area { position: relative; z-index: 1; }
.process-2-bg { position: absolute; width: 100%; height: auto; bottom: 0px; left: 0px; z-index: -1; }
.process-2-bg img { width: 100%; height: auto; object-fit: cover; opacity: 0.04; }
.process-2-header { text-align: center; }
.process-2-header .section-subtitle { justify-content: center; }
.process-2-header .title-wrapper { margin-top: 21px; }
.process-2-header .section-title { max-width: 800px; margin-inline: auto; }
.process-2-wrapper-box { margin-top: 50px; position: relative; }
.process-2-shape-1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); right: auto; }
@media only screen and (max-width: 1199px) {
  .process-2-shape-1 { display: none; }
}
.process-2-wrapper { display: grid; gap: 40px 60px; grid-template-columns: repeat(4, 260px); justify-content: space-between; align-items: flex-start; position: relative; }
@media only screen and (max-width: 1199px) {
  .process-2-wrapper { gap: 20px; grid-template-columns: repeat(4, 230px); }
}
@media only screen and (max-width: 991px) {
  .process-2-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .process-2-wrapper { gap: 40px 20px; grid-template-columns: repeat(1, 1fr); }
}
.process-2-wrapper::before { position: absolute; content: ""; width: calc(100% - 200px); border-top: 2px dashed var(--theme); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; }
@media only screen and (max-width: 991px) {
  .process-2-wrapper::before { display: none; }
}
.process-2-box { text-align: center; display: flex; flex-direction: column; gap: 0px; align-items: center; }
.process-2-box:nth-child(2n+2) { flex-direction: column-reverse; }
@media only screen and (max-width: 991px) {
  .process-2-box:nth-child(2n+2) { flex-direction: column; }
}
.process-2-box:nth-child(2n+2) .icon-box { margin-top: 0px; }
.process-2-box:nth-child(2n+2) .content { margin-top: 15px; }
.process-2-box:nth-child(2n+2) .number { margin-top: 22px; }
@media only screen and (max-width: 991px) {
  .process-2-box:nth-child(2n+2) .number { margin-top: 0px; }
}
.process-2-box:nth-child(2) { transform: translateX(-170px); margin-top: 179px; }
@media only screen and (max-width: 1199px) {
  .process-2-box:nth-child(2) { transform: none; }
}
@media only screen and (max-width: 767px) {
  .process-2-box:nth-child(2) { margin-top: 0px; }
}
.process-2-box:nth-child(3) { transform: translateX(170px); }
@media only screen and (max-width: 1199px) {
  .process-2-box:nth-child(3) { transform: none; }
}
.process-2-box:nth-child(4) { margin-top: 179px; }
@media only screen and (max-width: 767px) {
  .process-2-box:nth-child(4) { margin-top: 0px; }
}
.process-2-box .number { width: 56px; height: 56px; border-radius: 30px 30px 0px 0px; display: inline-flex; font-family: var(--font_unbounded); font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: var(--theme); justify-content: center; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: 4px solid var(--theme); padding-top: 13px; }
@media only screen and (max-width: 991px) {
  .process-2-box .number { width: 46px; height: 46px; font-size: 16px; padding-top: 9px; }
}
.process-2-box .content { margin-top: 24px; }
.process-2-box .title { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; }
.process-2-box .text { margin-top: 8px; }
.process-2-box .icon-box { margin-top: 13px; position: relative; }
.process-2-box .icon-box .bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.process-2-box .icon-box .bg img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.05) 0px 6px 30px); }
.process-2-box .icon { width: 109px; height: 121px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; }
@media only screen and (max-width: 991px) {
  .process-2-box .icon { width: 100px; height: 100px; }
}
.story-area { position: relative; z-index: 1; overflow: hidden; }
.story-area-shape-1 { position: absolute; width: 165px; height: 645px; right: -62px; top: -88px; background: linear-gradient(rgb(250, 94, 7) 0%, rgb(148, 56, 4) 100%); transform: rotate(26.38deg); z-index: 0; }
.story-area-shape-2 { position: absolute; width: 165px; height: 605px; right: -188px; top: -42px; transform: rotate(26.38deg); background: linear-gradient(90deg, rgb(210, 80, 0) 0%, rgb(249, 107, 4) 100%); }
@media only screen and (max-width: 1919px) {
  .story-area-shape-2 { right: -138px; }
}
.story-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; }
.story-bg::before { position: absolute; content: ""; width: 100%; height: 100%; background: var(--black); opacity: 0.92; top: 0px; left: 0px; }
.story-bg img { width: 100%; height: 100%; object-fit: cover; }
.story-inner { padding: 142px 0px; }
@media only screen and (max-width: 1919px) {
  .story-inner { padding: 92px 0px; }
}
@media only screen and (max-width: 991px) {
  .story-inner { padding: 72px 0px; }
}
.story-content { padding-right: 154px; display: grid; gap: 30px 60px; grid-template-columns: 1fr auto; align-items: center; }
@media only screen and (max-width: 991px) {
  .story-content { padding-right: 104px; }
}
@media only screen and (max-width: 767px) {
  .story-content { padding-right: 0px; grid-template-columns: 1fr; }
}
.story-content .section-title { position: relative; padding-left: 37px; color: var(--white); max-width: 740px; }
@media (max-width: 575px) {
  .story-content .section-title { padding-left: 17px; }
}
.story-content .section-title::before { position: absolute; content: ""; width: 7px; height: calc(100% - 32px); top: 50%; transform: translateY(-50%); left: 0px; background: linear-gradient(90deg, rgb(182, 18, 0) 0%, rgb(249, 107, 4) 100%); }
@media (max-width: 575px) {
  .story-content .section-title::before { width: 3px; }
}
.story-content .video-btn { width: 49px; min-width: 49px; height: 49px; display: inline-flex; justify-content: center; align-items: center; color: var(--white); background-color: var(--theme); border-radius: 50%; }
.story-content .video-btn::before, .story-content .video-btn::after { border-color: var(--theme); }
.award-inner { position: relative; z-index: 1; }
.award-section-title { font-weight: 700; font-size: 128px; line-height: 0.78; text-transform: capitalize; background: linear-gradient(rgba(255, 255, 255, 0.04) 0%, rgba(221, 80, 1, 0.45) 100%) text; -webkit-text-fill-color: transparent; position: absolute; top: 0px; left: 0px; z-index: -1; }
@media only screen and (max-width: 1199px) {
  .award-section-title { font-size: 88px; }
}
@media only screen and (max-width: 767px) {
  .award-section-title { position: static; text-align: center; }
}
@media only screen and (max-width: 767px) {
  .award-section-title { font-size: 78px; }
}
@media (max-width: 575px) {
  .award-section-title { font-size: 68px; }
}
.award-box { position: relative; max-width: 420px; }
@media only screen and (max-width: 767px) {
  .award-box { max-width: 100%; }
}
.award-box .year { font-weight: 500; font-size: 16px; line-height: 26px; color: rgb(255, 255, 255); display: inline-flex; background-color: var(--theme); padding: 2px 18px; border-radius: 20px; margin-bottom: 7px; }
.award-box .title-wrapper { display: flex; gap: 10px; justify-content: space-between; align-items: flex-end; position: relative; z-index: 3; }
@media only screen and (max-width: 1199px) {
  .award-box .title-wrapper { flex-direction: column; align-items: flex-start; }
}
@media only screen and (max-width: 767px) {
  .award-box .title-wrapper { align-items: center; }
}
.award-box .title { font-weight: 600; font-size: 24px; line-height: 32px; text-transform: capitalize; }
@media only screen and (max-width: 767px) {
  .award-box .title { text-align: center; }
}
.award-box .text { font-weight: 500; font-size: 16px; line-height: 26px; margin-top: 23px; }
@media only screen and (max-width: 767px) {
  .award-box .text { max-width: 100%; text-align: center; }
}
.award-box .arrow-line { margin-top: 22px; position: relative; width: 100%; height: 1px; background-color: var(--secondary); z-index: 3; }
@media only screen and (max-width: 767px) {
  .award-box .arrow-line { display: none; }
}
.award-box .arrow-line::before { position: absolute; content: ""; left: 0px; top: -3px; width: 5px; height: 6px; background-color: var(--secondary); clip-path: polygon(0px 50%, 100% 0px, 100% 100%); }
@media only screen and (max-width: 767px) {
  .award-box.recent-award { max-width: 100%; display: flex; flex-direction: column; align-items: center; }
}
.award-box.recent-award .year { color: var(--black); }
.award-box.recent-award .text { max-width: 350px; }
@media only screen and (max-width: 767px) {
  .award-box.recent-award .text { max-width: 100%; text-align: center; }
}
@media only screen and (max-width: 991px) {
  .award-box.recent-award .arrow-line { width: 100%; margin-left: 0px; transform: rotateY(180deg); }
}
.award-box.second-award { max-width: 385px; padding-top: 38px; }
@media only screen and (max-width: 991px) {
  .award-box.second-award { padding-top: 0px; margin-top: 50px; }
}
@media only screen and (max-width: 767px) {
  .award-box.second-award { max-width: 100%; display: flex; flex-direction: column; align-items: center; }
}
.award-box.second-award .arrow-line { width: calc(100% + 97px); margin-left: -133px; }
@media only screen and (max-width: 991px) {
  .award-box.second-award .arrow-line { width: 100%; margin-left: 0px; transform: rotateY(180deg); }
}
.award-box.first-award { max-width: 385px; margin-top: 90px; padding-bottom: 80px; }
@media only screen and (max-width: 767px) {
  .award-box.first-award { max-width: 100%; display: flex; flex-direction: column; align-items: center; }
}
.award-box.first-award .arrow-line { width: calc(100% + 97px); margin-left: -133px; }
@media only screen and (max-width: 991px) {
  .award-box.first-award .arrow-line { width: 100%; margin-left: 0px; transform: rotateY(180deg); }
}
.recent-meta-circle { position: absolute; width: 332px; height: 332px; left: 380px; top: -66px; background: rgb(250, 94, 7); border-radius: 50%; text-align: center; z-index: 3; }
@media only screen and (max-width: 1199px) {
  .recent-meta-circle { width: 253px; height: 253px; left: 280px; }
}
@media only screen and (max-width: 991px) {
  .recent-meta-circle { left: 380px; top: -36px; }
}
@media only screen and (max-width: 767px) {
  .recent-meta-circle { position: static; margin-bottom: 30px; }
}
.recent-meta-circle .number { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: rgb(10, 10, 10); display: inline-block; margin-top: 42px; }
.recent-meta-circle .award-logo { margin-top: 68px; }
@media only screen and (max-width: 1199px) {
  .recent-meta-circle .award-logo { margin-top: 18px; }
}
.second-meta-circle { position: absolute; width: 374px; height: 374px; right: calc(100% + 30px); top: 0px; background: var(--secondary); border-radius: 50%; text-align: center; z-index: 1; }
@media only screen and (max-width: 1199px) {
  .second-meta-circle { width: 253px; height: 253px; right: calc(100% + 0px); top: -10px; }
}
@media only screen and (max-width: 991px) {
  .second-meta-circle { left: 380px; top: -36px; }
}
@media only screen and (max-width: 767px) {
  .second-meta-circle { position: static; margin-bottom: 30px; }
}
.second-meta-circle .number { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: var(--white); display: inline-block; margin-top: 59px; }
.second-meta-circle .award-logo-wrapper { margin-top: 61px; display: flex; gap: 20px; justify-content: center; margin-left: 66px; }
@media only screen and (max-width: 1199px) {
  .second-meta-circle .award-logo-wrapper { margin-top: 21px; margin-left: 0px; }
}
.second-meta-circle .award-info { margin-top: 24px; text-align: start; }
.second-meta-circle .info-text { font-weight: 500; font-size: 18px; line-height: 18px; text-transform: capitalize; color: rgb(255, 255, 255); opacity: 0.5; }
.second-meta-circle .info-year { font-weight: 500; font-size: 18px; line-height: 18px; text-transform: capitalize; color: rgb(255, 255, 255); opacity: 0.5; }
.second-meta-circle .category { font-weight: 600; font-size: 24px; line-height: 32px; text-transform: capitalize; color: rgb(255, 255, 255); }
.first-meta-circle { position: absolute; width: 253px; height: 253px; right: calc(100% + 30px); bottom: 0px; background: var(--black); border-radius: 50%; text-align: center; z-index: 1; }
@media only screen and (max-width: 1199px) {
  .first-meta-circle { right: calc(100% + 0px); bottom: 0px; }
}
@media only screen and (max-width: 991px) {
  .first-meta-circle { left: 380px; top: -36px; }
}
@media only screen and (max-width: 767px) {
  .first-meta-circle { position: static; margin-bottom: 30px; }
}
.first-meta-circle .number { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: capitalize; color: var(--white); display: inline-block; margin-top: 42px; }
.first-meta-circle .award-logo-wrapper { margin-top: 39px; display: flex; gap: 16px; justify-content: center; margin-left: 17px; }
.first-meta-circle .award-info { margin-top: 43px; text-align: start; }
.first-meta-circle .info-text { font-weight: 500; font-size: 18px; line-height: 22px; text-transform: capitalize; color: rgb(255, 255, 255); opacity: 0.5; }
.award-left-column { margin-top: 253px; }
@media only screen and (max-width: 991px) {
  .award-left-column { margin-top: 153px; }
}
@media only screen and (max-width: 767px) {
  .award-left-column { margin-top: 50px; }
}
.award-wrapper { display: grid; gap: 40px 60px; grid-template-columns: auto auto; justify-content: space-between; }
@media only screen and (max-width: 991px) {
  .award-wrapper { grid-template-columns: auto; }
}
.banner-text { width: 700px; color: rgb(255, 255, 255); }
.service-6-box a img { height: 300px; width: 100%; object-fit: cover; }
.project-5-box a img { width: 100%; object-fit: cover; height: 500px !important; }
.tp-social-sticky { position: fixed; top: 50%; right: 10px; transform: translateY(-50%); z-index: 9999; display: flex; flex-direction: column; gap: 14px; }
.tp-social-item { position: relative; width: 40px; height: 40px; border-radius: 18px; display: flex; align-items: center; justify-content: center; text-decoration: none; overflow: hidden; background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(18px); border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: rgba(0, 0, 0, 0.22) 0px 12px 35px, rgba(255, 255, 255, 0.35) 0px 1px 0px inset; transition: 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.tp-social-item::before { content: ""; position: absolute; inset: -2px; border-radius: 20px; padding: 2px; background: linear-gradient(140deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.8)); mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); }
.tp-social-item i { color: rgb(255, 255, 255); font-size: 22px; transition: 0.45s; z-index: 2; }
.tp-social-item span { position: absolute; right: 75px; white-space: nowrap; background: rgb(17, 17, 17); color: rgb(255, 255, 255); padding: 10px 18px; border-radius: 12px; font-size: 14px; font-weight: 600; opacity: 0; visibility: hidden; transform: translateX(20px); transition: 0.45s; box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 30px; }
.tp-social-item:hover { width: 45px; height: 45px; transform: translateX(-10px) scale(1.08); }
.tp-social-item:hover span { opacity: 1; visibility: visible; transform: translateX(0px); }
.tp-social-item:hover i { transform: rotate(360deg) scale(1.2); }
.tp-social-item { animation: 5s ease-in-out 0s infinite normal none running tpFloat; }
.tp-social-item:nth-child(2) { animation-delay: 0.5s; }
.tp-social-item:nth-child(3) { animation-delay: 1s; }
.tp-social-item:nth-child(4) { animation-delay: 1.5s; }
.tp-social-item:nth-child(5) { animation-delay: 2s; }
@keyframes tpFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
.tp-facebook { background: linear-gradient(135deg, rgb(24, 119, 242), rgb(13, 71, 161)); }
.tp-instagram { background: linear-gradient(135deg, rgb(255, 0, 105), rgb(255, 123, 0), rgb(131, 58, 180)); }
.tp-linkedin { background: linear-gradient(135deg, rgb(0, 119, 181), rgb(0, 68, 113)); }
.tp-youtube { background: linear-gradient(135deg, rgb(255, 0, 0), rgb(155, 0, 0)); }
.tp-whatsapp { background: linear-gradient(135deg, rgb(37, 211, 102), rgb(11, 140, 71)); }
.tp-facebook:hover { box-shadow: rgba(24, 119, 242, 0.6) 0px 0px 35px; }
.tp-instagram:hover { box-shadow: rgba(255, 0, 120, 0.6) 0px 0px 35px; }
.tp-linkedin:hover { box-shadow: rgba(0, 119, 181, 0.6) 0px 0px 35px; }
.tp-youtube:hover { box-shadow: rgba(255, 0, 0, 0.6) 0px 0px 35px; }
.tp-whatsapp:hover { box-shadow: rgba(37, 211, 102, 0.6) 0px 0px 35px; }
@media (max-width: 768px) {
  .tp-social-sticky { inset: auto 50% 18px auto; transform: translateX(50%); flex-direction: row; gap: 10px; }
  .tp-social-item { width: 50px; height: 50px; border-radius: 14px; }
  .tp-social-item:hover { transform: scale(1.1); }
  .tp-social-item span { display: none; }
  .tp-social-item i { font-size: 18px; }
}
.main-menu li.active > a { color: rgb(250, 94, 7) !important; font-weight: 700; }
.main-menu .menu-item-has-children.active > a { color: rgb(250, 94, 7) !important; }
.tp-property-about { padding: 60px 0px; background: rgb(255, 255, 255); position: relative; }
.tp-property-about-wrapper { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 70px; }
.tp-property-image { position: relative; }
.tp-main-image { border-radius: 25px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.12) 0px 20px 60px; }
.tp-main-image img { width: 100%; display: block; }
.tp-exp-box { position: absolute; right: -25px; bottom: 35px; width: 180px; height: 180px; background: rgb(2, 2, 2); color: rgb(255, 255, 255); border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; box-shadow: rgba(0, 0, 0, 0.18) 0px 15px 40px; }
.tp-exp-box h2 { font-size: 48px; color: rgb(255, 255, 255); margin: 0px; font-weight: 700; }
.tp-exp-box span { font-size: 15px; line-height: 24px; width: 120px; }
.tp-subtitle { display: inline-block; color: rgb(2, 2, 2); font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px; }
.tp-property-content h2 { color: rgb(250, 94, 7); margin-bottom: 20px; font-weight: 600; font-size: 36px; line-height: 1.28; text-transform: capitalize; }
.tp-property-content p { }
.tp-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; margin-bottom: 40px; }
.tp-feature-box { background: rgb(255, 255, 255); border: 1px solid rgb(236, 236, 236); border-radius: 15px; padding: 30px; transition: 0.4s; }
.tp-feature-box:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.08) 0px 15px 40px; border-color: rgb(2, 2, 2); }
.tp-feature-box i { width: 65px; height: 65px; background: rgb(2, 2, 2); color: rgb(255, 255, 255); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 24px; margin-bottom: 20px; }
.tp-feature-box h4 { font-size: 22px; color: rgb(250, 94, 7); margin-bottom: 10px; }
.tp-feature-box p { margin: 0px; font-size: 15px; line-height: 26px; }
.tp-property-btn { display: inline-flex; align-items: center; gap: 12px; padding: 18px 38px; background: rgb(250, 94, 7); color: rgb(255, 255, 255); border-radius: 50px; font-weight: 600; transition: 0.4s; }
.tp-property-btn:hover { background: rgb(2, 2, 2); color: rgb(255, 255, 255); }
@media (max-width: 991px) {
  .tp-property-about-wrapper { grid-template-columns: 1fr; }
  .tp-exp-box { right: 20px; bottom: 20px; }
  .tp-property-content h2 { font-size: 36px; line-height: 46px; }
}
@media (max-width: 767px) {
  .tp-feature-grid { grid-template-columns: 1fr; }
  .tp-property-about { padding: 80px 0px; }
  .tp-property-content h2 { font-size: 30px; line-height: 40px; }
  .tp-exp-box { width: 140px; height: 140px; }
  .tp-exp-box h2 { font-size: 36px; }
}
.tp-property-service-area { padding: 60px 0px; background: rgb(255, 247, 243); }
.tp-service-heading { text-align: center; margin: auto auto 70px; }
.tp-service-subtitle { color: rgb(2, 2, 2); text-transform: uppercase; letter-spacing: 2px; font-weight: 700; display: block; margin-bottom: 15px; }
.tp-service-heading h2 { font-size: 36px; color: rgb(250, 94, 7); margin-bottom: 20px; line-height: 60px; }
.tp-service-heading p { }
.tp-service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.tp-service-card { background: rgb(255, 255, 255); border-radius: 20px; padding: 45px 35px; transition: 0.4s; border: 1px solid rgb(238, 238, 238); position: relative; overflow: hidden; }
.tp-service-card:hover { transform: translateY(-12px); box-shadow: rgba(0, 0, 0, 0.08) 0px 20px 50px; border-color: rgb(2, 2, 2); }
.tp-service-card::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 4px; background: rgb(2, 2, 2); transform: scaleX(0); transition: 0.4s; }
.tp-service-card:hover::before { transform: scaleX(1); }
.tp-service-icon { width: 75px; height: 75px; border-radius: 18px; background: rgb(250, 94, 7); display: flex; justify-content: center; align-items: center; color: rgb(255, 255, 255); font-size: 28px; margin-bottom: 30px; }
.tp-service-card h3 { font-size: 25px; color: rgb(250, 94, 7); margin-bottom: 15px; }
.tp-service-card p { }
.tp-service-card a { color: rgb(2, 2, 2); font-weight: 600; display: inline-flex; align-items: center; gap: 10px; transition: 0.3s; }
.tp-service-card:hover a { gap: 15px; }
@media (max-width: 991px) {
  .tp-service-grid { grid-template-columns: repeat(2, 1fr); }
  .tp-service-heading h2 { font-size: 38px; line-height: 48px; }
}
@media (max-width: 767px) {
  .tp-service-grid { grid-template-columns: 1fr; }
  .tp-property-service-area { padding: 80px 0px; }
  .tp-service-heading h2 { font-size: 30px; line-height: 40px; }
}
.tp-process-area { padding: 60px 0px; background: rgb(251, 251, 251); }
.tp-process-title { margin: auto auto 80px; text-align: center; }
.tp-process-subtitle { display: block; color: rgb(2, 2, 2); text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 15px; }
.tp-process-title h2 { font-size: 36px; color: rgb(250, 94, 7); margin-bottom: 20px; line-height: 60px; }
.tp-process-title p { line-height: 30px; }
.tp-process-wrapper { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.tp-process-item { flex: 1 1 0%; background: rgb(255, 255, 255); border-radius: 20px; padding: 35px 25px; text-align: center; position: relative; transition: 0.4s; box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 30px; }
.tp-process-item:hover { transform: translateY(-10px); }
.tp-process-number { position: absolute; top: -18px; left: 50%; transform: translateX(-50%); width: 45px; height: 45px; border-radius: 50%; background: rgb(2, 2, 2); color: rgb(255, 255, 255); font-weight: 700; display: flex; justify-content: center; align-items: center; }
.tp-process-icon { width: 85px; height: 85px; margin: 20px auto; background: rgb(250, 94, 7); color: rgb(255, 255, 255); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 32px; transition: 0.4s; }
.tp-process-item:hover .tp-process-icon { background: rgb(2, 2, 2); }
.tp-process-item h3 { font-size: 16px; color: rgb(250, 94, 7); margin-bottom: 15px; }
.tp-process-item p { }
.tp-process-arrow { display: flex; justify-content: center; align-items: center; font-size: 20px; color: rgb(2, 2, 2); margin-top: 120px; }
@media (max-width: 991px) {
  .tp-process-wrapper { flex-wrap: wrap; }
  .tp-process-item { width: calc(50% - 20px); flex: 0 0 auto; }
  .tp-process-arrow { display: none; }
  .tp-process-title h2 { font-size: 38px; line-height: 48px; }
}
@media (max-width: 767px) {
  .tp-process-item { width: 100%; }
  .tp-process-area { padding: 80px 0px; }
  .tp-process-title h2 { font-size: 30px; line-height: 40px; }
}
.tp-property-faq-area { padding: 60px 0px; background: rgb(255, 247, 243); }
.tp-faq-heading { margin: auto auto 30px; text-align: center; }
.tp-faq-subtitle { display: inline-block; color: rgb(2, 2, 2); font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
.tp-faq-heading h2 { font-size: 36px; color: rgb(250, 94, 7); line-height: 60px; }
.tp-faq-heading p { line-height: 30px; }
.tp-faq-wrapper { max-width: 950px; margin: auto; }
.tp-faq-wrapper .accordion-item { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin-bottom: 20px; border-radius: 18px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.06) 0px 12px 30px; }
.tp-faq-wrapper .accordion-button { background: rgb(255, 255, 255); color: rgb(250, 94, 7); font-size: 20px; font-weight: 600; padding: 28px; box-shadow: none; }
.tp-faq-wrapper .accordion-button:not(.collapsed) { background: rgb(250, 94, 7); color: rgb(255, 255, 255); }
.tp-faq-wrapper .accordion-body { background: rgb(255, 255, 255); }
.tp-faq-wrapper .accordion-button:focus { box-shadow: none; }
@media (max-width: 767px) {
  .tp-property-faq-area { padding: 80px 0px; }
  .tp-faq-heading h2 { font-size: 30px; line-height: 40px; }
  .tp-faq-wrapper .accordion-button { font-size: 17px; padding: 20px; }
}
.tp-property-content p { margin-bottom: 10px; }
.gallery-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.gallery-wrapper a { display: block; overflow: hidden; border-radius: 18px; position: relative; }
.gallery-wrapper img { width: 100%; display: block; border-radius: 18px; transition: 0.5s; }
.gallery-wrapper a:hover img { transform: scale(1.08); }
.gallery-wrapper a::before { content: ""; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 70px; height: 70px; background: rgb(250, 94, 7); color: rgb(255, 255, 255); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 24px; transition: 0.4s; z-index: 2; }
.gallery-wrapper a::after { content: ""; position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.25); opacity: 0; transition: 0.4s; }
.gallery-wrapper a:hover::after { opacity: 1; }
.gallery-wrapper a:hover::before { transform: translate(-50%, -50%) scale(1); }
@media (max-width: 991px) {
  .gallery-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .gallery-wrapper { grid-template-columns: 1fr; }
}
.gallery-wrapper img { height: 300px; width: 100%; object-fit: cover; }
.about-content2 p { margin-bottom: 20px; }
.about-content2 { padding: 0px 0px 50px; }
.tc-vision-area { position: relative; padding: 60px 0px; background: rgb(2, 2, 2); overflow: hidden; z-index: 1; }
.tc-vision-area::before { content: ""; position: absolute; width: 700px; height: 700px; right: -250px; top: -250px; border-radius: 50%; background: rgba(250, 94, 7, 0.08); filter: blur(30px); z-index: -1; }
.tc-vision-area::after { content: ""; position: absolute; width: 500px; height: 500px; left: -180px; bottom: -180px; border-radius: 50%; background: rgba(250, 94, 7, 0.05); filter: blur(25px); z-index: -1; }
.tc-vision-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.tc-vision-subtitle { display: inline-block; color: rgb(250, 94, 7); font-size: 15px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 18px; }
.tc-vision-left h2 { color: rgb(255, 255, 255); font-size: 36px; font-weight: 700; margin-bottom: 25px; }
.tc-vision-left h2 span { color: rgb(250, 94, 7); }
.tc-vision-left p { color: rgb(201, 201, 201); }
.tc-line { width: 130px; height: 4px; background: rgb(250, 94, 7); margin: 45px 0px; }
.tc-years { display: flex; gap: 25px; }
.tc-year-box { flex: 1 1 0%; background: rgb(17, 17, 17); border: 1px solid rgba(250, 94, 7, 0.15); border-radius: 20px; padding: 30px; transition: 0.4s; text-align: center; }
.tc-year-box:hover { transform: translateY(-10px); border-color: rgb(250, 94, 7); box-shadow: rgba(250, 94, 7, 0.12) 0px 20px 50px; }
.tc-year-box h3 { font-size: 42px; color: rgb(250, 94, 7); margin-bottom: 10px; }
.tc-year-box span { color: rgb(214, 214, 214); font-size: 15px; }
.tc-vision-right { display: flex; flex-direction: column; gap: 35px; }
.tc-card { position: relative; background: rgb(17, 17, 17); border: 1px solid rgba(250, 94, 7, 0.12); border-radius: 25px; padding: 45px; overflow: hidden; transition: 0.45s; box-shadow: rgba(0, 0, 0, 0.35) 0px 20px 60px; }
.tc-card::before { content: ""; position: absolute; width: 180px; height: 180px; right: -80px; top: -80px; border-radius: 50%; background: rgba(250, 94, 7, 0.05); transition: 0.4s; }
.tc-card:hover { transform: translateY(-12px); border-color: rgb(250, 94, 7); box-shadow: rgba(250, 94, 7, 0.15) 0px 25px 70px; }
.tc-card:hover::before { background: rgba(250, 94, 7, 0.12); }
.tc-icon { width: 85px; height: 85px; background: rgb(250, 94, 7); border-radius: 50%; display: flex; justify-content: center; align-items: center; color: rgb(255, 255, 255); font-size: 34px; margin-bottom: 30px; transition: 0.6s; }
.tc-card:hover .tc-icon { transform: rotate(360deg); }
.tc-card h3 { color: rgb(255, 255, 255); font-size: 30px; margin-bottom: 20px; }
.tc-card p { color: rgb(212, 212, 212); }
@media (max-width: 991px) {
  .tc-vision-wrapper { grid-template-columns: 1fr; gap: 50px; }
  .tc-vision-left h2 { font-size: 42px; line-height: 54px; }
  .tc-years { flex-direction: column; }
}
@media (max-width: 767px) {
  .tc-vision-area { padding: 80px 0px; }
  .tc-vision-left h2 { font-size: 32px; line-height: 42px; }
  .tc-card { padding: 35px 25px; }
  .tc-icon { width: 70px; height: 70px; font-size: 28px; }
  .tc-year-box h3 { font-size: 34px; }
}
.tc-construction-services { position: relative; padding: 60px 0px; background: rgb(2, 2, 2); overflow: hidden; }
.tc-construction-services::before { content: ""; position: absolute; width: 700px; height: 700px; left: -250px; top: -250px; border-radius: 50%; background: rgba(250, 94, 7, 0.05); filter: blur(120px); }
.tc-construction-services::after { content: ""; position: absolute; width: 650px; height: 650px; right: -250px; bottom: -250px; border-radius: 50%; background: rgba(250, 94, 7, 0.05); filter: blur(120px); }
.tc-section-title { text-align: center; margin: 0px auto 60px; }
.tc-section-title span { color: rgb(250, 94, 7); font-size: 15px; text-transform: uppercase; letter-spacing: 5px; font-weight: 700; }
.tc-section-title h2 { color: rgb(255, 255, 255); font-size: 36px; line-height: 1.2; margin: 18px 0px 25px; font-weight: 700; }
.tc-section-title p { color: rgb(189, 189, 189); font-size: 18px; line-height: 34px; }
.tc-service-row { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; padding: 100px 0px; }
.tc-service-row.reverse { direction: rtl; }
.tc-service-row.reverse .tc-service-content { direction: ltr; }
.tc-service-row.reverse .tc-service-image { direction: ltr; }
.tc-service-row:not(:last-child)::after { content: ""; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 70%; height: 1px; background: linear-gradient(90deg, transparent, rgba(250, 94, 7, 0.15), rgb(250, 94, 7), rgba(250, 94, 7, 0.15), transparent); }
.tc-service-row:not(:last-child)::before { content: ""; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 20px; height: 20px; background: rgb(250, 94, 7); border: 5px solid rgb(2, 2, 2); box-shadow: rgba(250, 94, 7, 0.6) 0px 0px 30px; z-index: 2; }
.tc-service-image { position: relative; overflow: hidden; border-radius: 30px; border: 1px solid rgba(250, 94, 7, 0.18); background: rgb(17, 17, 17); box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 70px; transition: 0.5s; }
.tc-service-image img { width: 100%; display: block; transition: 0.8s; }
.tc-service-image:hover img { transform: scale(1.08); }
.tc-service-image:hover { transform: translateY(-10px); box-shadow: rgba(0, 0, 0, 0.55) 0px 35px 90px; }
.tc-service-image::before { content: ""; position: absolute; inset: 0px; border: 1px solid rgba(250, 94, 7, 0.18); border-radius: 30px; pointer-events: none; }
.tc-floating-badge { position: absolute; right: 25px; bottom: 25px; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(12px); padding: 14px 22px; color: rgb(255, 255, 255); border-radius: 50px; border: 1px solid rgba(250, 94, 7, 0.35); font-size: 14px; font-weight: 600; }
.tc-service-content { position: relative; }
.tc-service-number { position: absolute; top: -70px; left: 0px; font-size: 140px; color: rgba(250, 94, 7, 0.08); font-weight: 900; line-height: 1; }
.tc-service-content h3 { color: rgb(255, 255, 255); font-size: 36px; margin-bottom: 25px; position: relative; z-index: 2; }
.tc-service-content p { color: rgb(189, 189, 189); font-size: 17px; line-height: 32px; margin-bottom: 35px; }
.tc-service-content ul { list-style: none; padding: 0px; margin: 0px 0px 35px; }
.tc-service-content ul li { color: rgb(255, 255, 255); margin-bottom: 18px; font-size: 17px; position: relative; padding-left: 35px; }
.tc-service-content ul li::before { content: "✔"; position: absolute; left: 0px; top: 0px; width: 22px; height: 22px; border-radius: 50%; background: rgb(250, 94, 7); color: rgb(255, 255, 255); font-size: 12px; display: flex; align-items: center; justify-content: center; }
.tc-btn { display: inline-flex; align-items: center; justify-content: center; height: 56px; padding: 0px 36px; border-radius: 50px; background: rgb(250, 94, 7); color: rgb(255, 255, 255); text-decoration: none; font-weight: 600; transition: 0.4s; box-shadow: rgba(250, 94, 7, 0.25) 0px 10px 25px; }
.tc-btn:hover { background: rgb(255, 255, 255); color: rgb(2, 2, 2); transform: translateY(-4px); box-shadow: rgba(250, 94, 7, 0.25) 0px 20px 40px; }
.tc-service-content h3, .tc-service-content p, .tc-service-content ul, .tc-btn { transition: 0.4s; }
.tc-service-row:hover .tc-service-content h3 { color: rgb(250, 94, 7); }
@media (max-width: 991px) {
  .tc-section-title h2 { font-size: 42px; }
  .tc-service-row, .tc-service-row.reverse { display: block; direction: ltr; padding: 70px 0px; }
  .tc-service-image { margin-bottom: 40px; }
  .tc-service-number { position: relative; top: 0px; font-size: 70px; margin-bottom: 15px; display: block; }
}
@media (max-width: 576px) {
  .tc-section-title h2 { font-size: 34px; }
  .tc-service-content h3 { font-size: 30px; }
  .tc-btn { width: 100%; }
}
.tc-service-image img { height: 400px; width: 100%; object-fit: cover; }