:root { --theme-color: #dd3333; --title-color: #121212; --body-color: #363739; --smoke-color: #F3F3F3; --smoke-color2: #E6E6E6; --black-color: #000000; --gray-color: #363739; --white-color: #ffffff; --light-color: #9B9B9C; --yellow-color: #FFB539; --success-color: #28a745; --error-color: #dc3545; --border-color: #E0E0E0; --navy-color: #0F0D1D; --title-font: 'Red Hat Display', sans-serif; --body-font: 'Roboto', sans-serif; --icon-font: "Font Awesome 6 Pro"; --main-container: 1290px; --container-gutters: 24px; --section-space: 60px; --section-space-mobile: 80px; --section-title-space: 60px; --ripple-ani-duration: 5s } html, body { scroll-behavior: smooth !important } body { font-family: var(--body-font); font-size: 16px; font-weight: 400; color: var(--body-color); line-height: 26px; overflow-x: hidden; -webkit-font-smoothing: antialiased } body.theme-blue { --theme-color: #0162ca } body.theme-blue .sub-title { background: rgba(1, 98, 202, 0.1) } iframe { border: none; width: 100% } .slick-slide:focus, button:focus, a:focus, a:active, input, input:hover, input:focus, input:active, textarea, textarea:hover, textarea:focus, textarea:active { outline: none } input:focus { outline: none; box-shadow: none } img:not([draggable]), embed, object, video { max-width: 100%; height: auto } ul { list-style-type: disc } ol { list-style-type: decimal } table { margin: 0 0 1.5em; width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid var(--border-color) } th { font-weight: 700; color: var(--title-color) } td, th { border: 1px solid var(--border-color); padding: 9px 12px } a { color: var(--theme-color); text-decoration: none; outline: 0; -webkit-transition: all ease 0.4s; } a:hover { color: var(--title-color) } a:active, a:focus, a:hover, a:visited { text-decoration: none; outline: 0 } button { -webkit-transition: all ease 0.4s; transition: all ease 0.4s } img { border: none; max-width: 100%; } ins { text-decoration: none } pre { font-family: var(--body-font); background: #f5f5f5; color: #666; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre-wrap; word-wrap: break-word } span.ajax-loader:empty, p:empty { display: none } p { font-family: var(--body-font); margin: 0 0 18px 0; color: var(--body-color); line-height: 1.75 } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, span a { font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 { font-family: var(--title-font); color: var(--title-color); text-transform: none; font-weight: 700; line-height: 1.4; margin: 0 0 15px 0 } .h1, h1 { font-size: 80px; line-height: 1.167 } .h2, h2 { font-size: 45px; line-height: 1.227 } .h3, h3 { font-size: 30px; line-height: 1.278 } .h4, h4 { font-size: 24px; line-height: 1.333 } .h5, h5 { font-size: 22px; line-height: 1.417 } .h6, h6 { font-size: 20px; line-height: 1.5 } @media (max-width: 1399px) { .h1, h1 { font-size: 80px } } @media (max-width: 1199px) { .h1, h1 { font-size: 56px; line-height: 1.3 } .h2, h2 { font-size: 40px; line-height: 1.25 } .h3, h3 { font-size: 30px } .h4, h4 { font-size: 24px } .h5, h5 { font-size: 20px } .h6, h6 { font-size: 16px } } @media (max-width: 767px) { .h1, h1 { font-size: 40px } .h2, h2 { font-size: 34px; line-height: 1.3 } .h3, h3 { font-size: 26px } .h4, h4 { font-size: 22px } .h5, h5 { font-size: 18px } .h6, h6 { font-size: 16px } } @media (max-width: 575px) { .h1, h1 { font-size: 34px; line-height: 1.35 } .h2, h2 { font-size: 30px } } @media (max-width: 375px) { .h1, h1 { font-size: 32px } } .admin-bar .th-header .sticky-wrapper.sticky { transition: all 5s; top: 32px } p.has-drop-cap { margin-bottom: 20px } .page--item p:last-child .alignright { clear: right } .blog-title, .pagi-title, .breadcumb-title { word-break: break-word } .blocks-gallery-caption, .wp-block-embed figcaption, .wp-block-image figcaption { color: var(--body-color) } .bypostauthor, .gallery-caption { display: block } .page-links, .clearfix { clear: both } .page--item { margin-bottom: 30px } .page--item p { line-height: 1.8 } .content-none-search { margin-top: 30px } .wp-block-button.aligncenter { text-align: center } .alignleft { display: inline; float: left; margin-bottom: 10px; margin-right: 1.5em } .alignright { display: inline; float: right; margin-bottom: 10px; margin-left: 1.5em; margin-right: 1em } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; max-width: 100% } .gallery { margin-bottom: 1.5em; width: 100% } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; padding: 0 5px } .wp-block-columns { margin-bottom: 1em } figure.gallery-item { margin-bottom: 10px; display: inline-block } figure.wp-block-gallery { margin-bottom: 14px } .gallery-columns-2 .gallery-item { max-width: 50% } .gallery-columns-3 .gallery-item { max-width: 33.33% } .gallery-columns-4 .gallery-item { max-width: 25% } .gallery-columns-5 .gallery-item { max-width: 20% } .gallery-columns-6 .gallery-item { max-width: 16.66% } .gallery-columns-7 .gallery-item { max-width: 14.28% } .gallery-columns-8 .gallery-item { max-width: 12.5% } .gallery-columns-9 .gallery-item { max-width: 11.11% } .gallery-caption { display: block; font-size: 12px; color: var(--body-color); line-height: 1.5; padding: .5em 0 } .wp-block-cover p:not(.has-text-color), .wp-block-cover-image-text, .wp-block-cover-text { color: var(--white-color) } .wp-block-cover { margin-bottom: 15px } .wp-caption-text { text-align: center } .wp-caption { margin-bottom: 1.5em; max-width: 100% } .wp-caption .wp-caption-text { margin: .5em 0; font-size: 14px } .wp-block-media-text, .wp-block-media-text.alignwide, figure.wp-block-gallery { margin-bottom: 30px } .wp-block-media-text.alignwide { background-color: var(--smoke-color) } .editor-styles-wrapper .has-large-font-size, .has-large-font-size { line-height: 1.4 } .wp-block-latest-comments a { color: inherit } .wp-block-button { margin-bottom: 10px } .wp-block-button:last-child { margin-bottom: 0 } .wp-block-button .wp-block-button__link { color: #fff } .wp-block-button .wp-block-button__link:hover { color: #fff; background-color: var(--theme-color) } .wp-block-button.is-style-outline .wp-block-button__link { background-color: transparent; border-color: var(--title-color); color: var(--title-color) } .wp-block-button.is-style-outline .wp-block-button__link:hover { color: #fff; background-color: var(--theme-color); border-color: var(--theme-color) } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0 } ol.wp-block-latest-comments li { margin: 15px 0 } ul.wp-block-latest-posts { padding: 0; margin: 0; margin-bottom: 15px } ul.wp-block-latest-posts a { color: inherit } ul.wp-block-latest-posts a:hover { color: var(--theme-color) } ul.wp-block-latest-posts li { margin: 15px 0 } .wp-block-search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px } .wp-block-search .wp-block-search__input { width: 100%; max-width: 100%; border: 1px solid rgba(0, 0, 0, 0.1); padding-left: 20px } .wp-block-search .wp-block-search__button { margin: 0; min-width: 110px; border: none; color: #fff; background-color: var(--theme-color) } .wp-block-search .wp-block-search__button.has-icon { min-width: 55px } .wp-block-search .wp-block-search__button:hover { background-color: var(--title-color); opacity: 0.8 } .wp-block-search .wp-block-search__button .wp-block-search__label { font-size: 24px; font-weight: 700; font-family: var(--title-font); line-height: 1em; margin: -0.12em 0 28px 0 } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 0; border: none } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { padding: 0 8px 0 25px } ul.wp-block-rss a { color: inherit } .wp-block-group.has-background { padding: 15px 15px 18px; margin-bottom: 30px } .wp-block-table td, .wp-block-table th { border-color: rgba(0, 0, 0, 0.1) } .wp-block-table.is-style-stripes { border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 30px } .wp-block-table.is-style-stripes { border: 0; margin-bottom: 30px; border-bottom: 0 } .wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td { border-color: var(--border-color) } .logged-in .will-sticky .sticky-active.active, .logged-in .preloader .th-btn { top: 32px } @media (max-width: 782px) { .logged-in .will-sticky .sticky-active.active, .logged-in .preloader .th-btn { top: 46px } } @media (max-width: 600px) { .logged-in .will-sticky .sticky-active.active, .logged-in .preloader .th-btn { top: 0 } } .post-password-form { margin-bottom: 30px; margin-top: 20px } .post-password-form p { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; gap: 15px } @media (max-width: 575px) { .post-password-form p { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } } .post-password-form label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; margin-bottom: 0; line-height: 1; margin-top: 0; gap: 15px } @media (max-width: 575px) { .post-password-form label { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } } .post-password-form input { width: 100%; border: none; height: 55px; padding-left: 25px; color: var(--body-color); border: 1px solid var(--border-color) } .post-password-form input[type="submit"] { padding-left: 0; padding-right: 0; margin: 0; width: 140px; border: none; color: #fff; background-color: var(--theme-color); text-align: center } .post-password-form input[type="submit"]:hover { background-color: var(--title-color) } .page-links { clear: both; margin: 0 0 1.5em; padding-top: 1em } .page-links>.page-links-title { margin-right: 10px } .page-links>span:not(.page-links-title):not(.screen-reader-text), .page-links>a { display: inline-block; padding: 5px 13px; background-color: var(--white-color); color: var(--title-color); border: 1px solid rgba(0, 0, 0, 0.08); margin-right: 10px } .page-links>span:not(.page-links-title):not(.screen-reader-text):hover, .page-links>a:hover { opacity: 0.8; color: var(--white-color); background-color: var(--theme-color); border-color: transparent } .page-links>span:not(.page-links-title):not(.screen-reader-text).current, .page-links>a.current { background-color: var(--theme-color); color: var(--white-color); border-color: transparent } .page-links span.screen-reader-text { display: none } .blog-single .wp-block-archives-dropdown { margin-bottom: 30px } .blog-single.format-quote, .blog-single.format-link, .blog-single.tag-sticky-2, .blog-single.sticky { position: relative } .blog-single.format-quote .blog-content, .blog-single.format-link .blog-content, .blog-single.tag-sticky-2 .blog-content, .blog-single.sticky .blog-content { background-color: transparent; border: none } .blog-single.format-quote .blog-content:before, .blog-single.format-link .blog-content:before, .blog-single.tag-sticky-2 .blog-content:before, .blog-single.sticky .blog-content:before { display: none } .blog-single.format-quote:before, .blog-single.format-link:before, .blog-single.tag-sticky-2:before, .blog-single.sticky:before { content: '\f0c1'; position: absolute; font-family: 'Font Awesome 6 Pro'; font-size: 5rem; opacity: 0.3; right: 15px; line-height: 1; top: 15px; color: var(--theme-color); z-index: 1 } .blog-single.tag-sticky-2::before, .blog-single.sticky::before { content: "\f08d"; position: absolute; font-family: var(--icon-font); font-size: 16px; font-weight: 500; opacity: 1; right: 0; top: 0; color: var(--white-color); background-color: var(--theme-color); z-index: 1; height: 44px; width: 44px; line-height: 44px; text-align: center } .blog-single.format-quote:before { content: "\f10e"; top: 0 } .blog-single .blog-content .wp-block-categories-dropdown.wp-block-categories, .blog-single .blog-content .wp-block-archives-dropdown { display: block; margin-bottom: 30px } .blog-details .blog-single:before { display: none } .blog-details .blog-single .blog-content { background-color: transparent; overflow: hidden } .blog-details .blog-single .blog-content ul { margin: 0 0 -0.3em } .blog-details .blog-single .blog-content p { margin-bottom: 18px } .blog-details .blog-single .blog-content p:last-child { margin-bottom: -0.3em } .blog-details .blog-single.format-chat .blog-meta { margin-bottom: 20px } .blog-details .blog-single.format-chat .blog-content>p:nth-child(2n) { background: var(--smoke-color); padding: 5px 20px } .blog-details .blog-single.tag-sticky-2, .blog-details .blog-single.sticky, .blog-details .blog-single.format-quote, .blog-details .blog-single.format-link { box-shadow: none; background-color: transparent } .blog-details .blog-single.tag-sticky-2:before, .blog-details .blog-single.sticky:before, .blog-details .blog-single.format-quote:before, .blog-details .blog-single.format-link:before { display: none } .th-search { background-color: #f3f3f3; margin-bottom: 30px; border: 1px solid #f3f3f3 } .th-search .search-grid-content { padding: 30px } @media (max-width: 767px) { .th-search .search-grid-content { padding: 20px } } .th-search .search-grid-title { font-size: 20px; margin-bottom: 5px; margin-top: 0 } .th-search .search-grid-title a { color: inherit } .th-search .search-grid-title a:hover { color: var(--theme-color) } .th-search .search-grid-meta>* { display: inline-block; margin-right: 15px; font-size: 14px } .th-search .search-grid-meta>*:last-child { margin-right: 0 } .th-search .search-grid-meta a, .th-search .search-grid-meta span { color: var(--body-color) } .page--item .th-comment-form { margin-left: 0; margin-right: 0 } @media (max-width: 1199px) { .blog-single.format-quote:before, .blog-single.format-link:before, .blog-single.tag-sticky-2:before, .blog-single.sticky:before { font-size: 14px; padding: 8px 16px } .blog-single.format-quote:before { top: 15px } } @media (max-width: 767px) { .blog-single.format-quote:before, .blog-single.format-link:before, .blog-single.tag-sticky-2:before, .blog-single.sticky:before { font-size: 14px; padding: 8px 16px } .admin-bar .th-header .sticky-wrapper.sticky { top: 0 } } @media (max-width: 768px) { .wp-block-latest-comments { padding-left: 10px } .page--content.clearfix+.th-comment-form { margin-top: 24px } } @media (max-width: 1399px) { :root { --main-container: 1250px } } @media (min-width: 1370px) { .th-container2 { --main-container: 1470px } .th-container2 .container { --main-container: 1220px } } @media (min-width: 1922px) { .th-container2 { margin-left: auto; margin-right: auto } } @media only screen and (min-width: 1300px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: calc(var(--main-container) + var(--container-gutters)); padding-left: calc(var(--container-gutters) / 2); padding-right: calc(var(--container-gutters) / 2) } .container-xxl.px-0, .container-xl.px-0, .container-lg.px-0, .container-md.px-0, .container-sm.px-0, .container.px-0 { max-width: var(--main-container) } } @media only screen and (min-width: 1300px) { .th-container { --main-container: 1720px } } @media only screen and (max-width: 1600px) { .container-fluid.px-0 { padding-left: 15px !important; padding-right: 15px !important } .container-fluid.px-0 .row { margin-left: 0 !important; margin-right: 0 !important } } .th-container3 { max-width: 1520px; margin: auto } @media (max-width: 1500px) { .th-container3 { max-width: 1300px; padding-left: calc(var(--container-gutters) / 2); padding-right: calc(var(--container-gutters) / 2) } } .slick-track>[class*=col] { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2); margin-top: var(--bs-gutter-y) } .gy-30 { --bs-gutter-y: 30px } .gy-40 { --bs-gutter-y: 40px } .gy-50 { --bs-gutter-y: 50px } .gx-10 { --bs-gutter-x: 10px } @media (min-width: 1299px) { .gx-60 { --bs-gutter-x: 60px } } @media (min-width: 1399px) { .gx-30 { --bs-gutter-x: 30px } .gx-25 { --bs-gutter-x: 25px } .gx-40 { --bs-gutter-x: 40px } } @media (max-width: 991px) { .gy-50 { --bs-gutter-y: 40px } } select, .form-control, .form-select, textarea, input { height: 60px; padding: 0 25px 0 25px; padding-right: 45px; border: 1px solid transparent; color: var(--body-color); background-color: var(--smoke-color); border-radius: 0; font-size: 16px; width: 100%; font-family: var(--body-font); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } select:focus, .form-control:focus, .form-select:focus, textarea:focus, input:focus { outline: 0; box-shadow: none; border-color: var(--theme-color); background-color: var(--smoke-color) } select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder { color: var(--body-color) } select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { color: var(--body-color) } select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder { color: var(--body-color) } select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { color: var(--body-color) } select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder { color: var(--body-color) } select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder { color: var(--body-color) } select::-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder, textarea::-ms-input-placeholder, input::-ms-input-placeholder { color: var(--body-color) } select::placeholder, .form-control::placeholder, .form-select::placeholder, textarea::placeholder, input::placeholder { color: var(--body-color) } select.style2, .form-control.style2, .form-select.style2, textarea.style2, input.style2 { height: auto; border: none; color: #8B929C; border-bottom: 1px solid; padding: 0 0 10px 0; background-position: right 1px top 5px; background-size: 16px 16px; background-color: transparent } select.style2 option, .form-control.style2 option, .form-select.style2 option, textarea.style2 option, input.style2 option { background-color: var(--title-color); color: #8B929C; padding: 2px 15px } select.style2::-moz-placeholder, .form-control.style2::-moz-placeholder, .form-select.style2::-moz-placeholder, textarea.style2::-moz-placeholder, input.style2::-moz-placeholder { color: #8B929C } select.style2::-webkit-input-placeholder, .form-control.style2::-webkit-input-placeholder, .form-select.style2::-webkit-input-placeholder, textarea.style2::-webkit-input-placeholder, input.style2::-webkit-input-placeholder { color: #8B929C } select.style2:-ms-input-placeholder, .form-control.style2:-ms-input-placeholder, .form-select.style2:-ms-input-placeholder, textarea.style2:-ms-input-placeholder, input.style2:-ms-input-placeholder { color: #8B929C } select.style2::-webkit-input-placeholder, .form-control.style2::-webkit-input-placeholder, .form-select.style2::-webkit-input-placeholder, textarea.style2::-webkit-input-placeholder, input.style2::-webkit-input-placeholder { color: #8B929C } select.style2::-moz-placeholder, .form-control.style2::-moz-placeholder, .form-select.style2::-moz-placeholder, textarea.style2::-moz-placeholder, input.style2::-moz-placeholder { color: #8B929C } select.style2:-ms-input-placeholder, .form-control.style2:-ms-input-placeholder, .form-select.style2:-ms-input-placeholder, textarea.style2:-ms-input-placeholder, input.style2:-ms-input-placeholder { color: #8B929C } select.style2::-ms-input-placeholder, .form-control.style2::-ms-input-placeholder, .form-select.style2::-ms-input-placeholder, textarea.style2::-ms-input-placeholder, input.style2::-ms-input-placeholder { color: #8B929C } select.style2::placeholder, .form-control.style2::placeholder, .form-select.style2::placeholder, textarea.style2::placeholder, input.style2::placeholder { color: #8B929C } select.style-white, .form-control.style-white, .form-select.style-white, textarea.style-white, input.style-white { color: var(--body-color); padding: 0 60px 0 30px; background-color: var(--white-color) } select.style-white option, .form-control.style-white option, .form-select.style-white option, textarea.style-white option, input.style-white option { background-color: var(--white-color); color: var(--body-color); padding: 2px 15px } select.style-white::-moz-placeholder, .form-control.style-white::-moz-placeholder, .form-select.style-white::-moz-placeholder, textarea.style-white::-moz-placeholder, input.style-white::-moz-placeholder { color: var(--body-color) } select.style-white::-webkit-input-placeholder, .form-control.style-white::-webkit-input-placeholder, .form-select.style-white::-webkit-input-placeholder, textarea.style-white::-webkit-input-placeholder, input.style-white::-webkit-input-placeholder { color: var(--body-color) } select.style-white:-ms-input-placeholder, .form-control.style-white:-ms-input-placeholder, .form-select.style-white:-ms-input-placeholder, textarea.style-white:-ms-input-placeholder, input.style-white:-ms-input-placeholder { color: var(--body-color) } select.style-white::-webkit-input-placeholder, .form-control.style-white::-webkit-input-placeholder, .form-select.style-white::-webkit-input-placeholder, textarea.style-white::-webkit-input-placeholder, input.style-white::-webkit-input-placeholder { color: var(--body-color) } select.style-white::-moz-placeholder, .form-control.style-white::-moz-placeholder, .form-select.style-white::-moz-placeholder, textarea.style-white::-moz-placeholder, input.style-white::-moz-placeholder { color: var(--body-color) } select.style-white:-ms-input-placeholder, .form-control.style-white:-ms-input-placeholder, .form-select.style-white:-ms-input-placeholder, textarea.style-white:-ms-input-placeholder, input.style-white:-ms-input-placeholder { color: var(--body-color) } select.style-white::-ms-input-placeholder, .form-control.style-white::-ms-input-placeholder, .form-select.style-white::-ms-input-placeholder, textarea.style-white::-ms-input-placeholder, input.style-white::-ms-input-placeholder { color: var(--body-color) } select.style-white::placeholder, .form-control.style-white::placeholder, .form-select.style-white::placeholder, textarea.style-white::placeholder, input.style-white::placeholder { color: var(--body-color) } select.style-dark, .form-control.style-dark, .form-select.style-dark, textarea.style-dark, input.style-dark { color: #CDCDCD; padding: 0 60px 0 30px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.1) } select.style-dark i, .form-control.style-dark i, .form-select.style-dark i, textarea.style-dark i, input.style-dark i { color: var(--body-color) } select.style-dark::-moz-placeholder, .form-control.style-dark::-moz-placeholder, .form-select.style-dark::-moz-placeholder, textarea.style-dark::-moz-placeholder, input.style-dark::-moz-placeholder { color: #CDCDCD } select.style-dark::-webkit-input-placeholder, .form-control.style-dark::-webkit-input-placeholder, .form-select.style-dark::-webkit-input-placeholder, textarea.style-dark::-webkit-input-placeholder, input.style-dark::-webkit-input-placeholder { color: #CDCDCD } select.style-dark:-ms-input-placeholder, .form-control.style-dark:-ms-input-placeholder, .form-select.style-dark:-ms-input-placeholder, textarea.style-dark:-ms-input-placeholder, input.style-dark:-ms-input-placeholder { color: #CDCDCD } select.style-dark::-webkit-input-placeholder, .form-control.style-dark::-webkit-input-placeholder, .form-select.style-dark::-webkit-input-placeholder, textarea.style-dark::-webkit-input-placeholder, input.style-dark::-webkit-input-placeholder { color: #CDCDCD } select.style-dark::-moz-placeholder, .form-control.style-dark::-moz-placeholder, .form-select.style-dark::-moz-placeholder, textarea.style-dark::-moz-placeholder, input.style-dark::-moz-placeholder { color: #CDCDCD } select.style-dark:-ms-input-placeholder, .form-control.style-dark:-ms-input-placeholder, .form-select.style-dark:-ms-input-placeholder, textarea.style-dark:-ms-input-placeholder, input.style-dark:-ms-input-placeholder { color: #CDCDCD } select.style-dark::-ms-input-placeholder, .form-control.style-dark::-ms-input-placeholder, .form-select.style-dark::-ms-input-placeholder, textarea.style-dark::-ms-input-placeholder, input.style-dark::-ms-input-placeholder { color: #CDCDCD } select.style-dark::placeholder, .form-control.style-dark::placeholder, .form-select.style-dark::placeholder, textarea.style-dark::placeholder, input.style-dark::placeholder { color: #CDCDCD } .form-select, select { display: block; width: 100%; line-height: 1.5; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"); background-position: right 26px center; background-repeat: no-repeat; background-size: 16px 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer } .form-select.style2, select.style2 { background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87109 1.71094L5.71484 5.62109C5.56901 5.7487 5.41406 5.8125 5.25 5.8125C5.08594 5.8125 4.9401 5.7487 4.8125 5.62109L0.65625 1.71094C0.382812 1.40104 0.373698 1.09115 0.628906 0.78125C0.920573 0.507812 1.23047 0.498698 1.55859 0.753906L5.25 4.25391L8.96875 0.753906C9.27865 0.498698 9.57943 0.498698 9.87109 0.753906C10.1263 1.08203 10.1263 1.40104 9.87109 1.71094Z' fill='%238B929C'/%3E%3C/svg%3E") } .form-select.style-dark, select.style-dark { background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87109 1.71094L5.71484 5.62109C5.56901 5.7487 5.41406 5.8125 5.25 5.8125C5.08594 5.8125 4.9401 5.7487 4.8125 5.62109L0.65625 1.71094C0.382812 1.40104 0.373698 1.09115 0.628906 0.78125C0.920573 0.507812 1.23047 0.498698 1.55859 0.753906L5.25 4.25391L8.96875 0.753906C9.27865 0.498698 9.57943 0.498698 9.87109 0.753906C10.1263 1.08203 10.1263 1.40104 9.87109 1.71094Z' fill='%238B929C'/%3E%3C/svg%3E") } textarea.form-control, textarea { min-height: 150px; padding-top: 16px; padding-bottom: 17px } textarea.form-control.style2, textarea.style2 { min-height: 100px } textarea.form-control.style-white, textarea.style-white { padding-top: 15px } textarea.form-control.style-dark, textarea.style-dark { padding-top: 15px } .form-group { margin-bottom: var(--bs-gutter-x); position: relative } .form-group>i { display: inline-block; position: absolute; right: 30px; top: 19px; font-size: 16px; color: var(--body-color) } .form-group>i.fa-envelope { padding-top: 3px } .form-group>i.fa-comment { margin-top: -2px } .form-group>i.fa-chevron-down { width: 17px; background-color: var(--smoke-color) } .form-group>i.fa-phone-flip { margin-top: 3px } .form-group>i.fa-user { margin-top: 2px } .form-group.has-label>i { top: 50px } [class*="col-"].form-group>i { right: calc((var(--bs-gutter-x) / 2) + 25px) } option:checked, option:focus, option:hover { background-color: var(--theme-color); color: var(--white-color) } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } input[type="number"] { -moz-appearance: textfield } input[type="checkbox"] { visibility: hidden; opacity: 0; display: inline-block; vertical-align: middle; width: 0; height: 0; display: none } input[type="checkbox"]:checked~label:before { content: "\f00c"; color: var(--white-color); background-color: var(--theme-color); border-color: var(--theme-color) } input[type="checkbox"]~label { position: relative; padding-left: 30px; cursor: pointer; display: block } input[type="checkbox"]~label:before { content: ""; font-family: var(--icon-font); font-weight: 700; position: absolute; left: 0px; top: 3.5px; background-color: var(--white-color); border: 1px solid var(--border-color); height: 18px; width: 18px; line-height: 18px; text-align: center; font-size: 12px } input[type="checkbox"].style2~label { color: #8B929C; padding-left: 23px; margin-bottom: -0.5em } input[type="checkbox"].style2~label:before { background-color: rgba(255, 255, 255, 0.1); border: 1px solid #8B929C; height: 14px; width: 14px; line-height: 14px; border-radius: 3px; top: 6px } input[type="checkbox"].style2:checked~label:before { color: var(--theme-color) } input[type="radio"] { visibility: hidden; opacity: 0; display: inline-block; vertical-align: middle; width: 0; height: 0; display: none } input[type="radio"]~label { position: relative; padding-left: 30px; cursor: pointer; line-height: 1; display: inline-block; font-weight: 600; margin-bottom: 0 } input[type="radio"]~label::before { content: "\f111"; position: absolute; font-family: var(--icon-font); left: 0; top: -2px; width: 20px; height: 20px; padding-left: 0; font-size: 0.6em; line-height: 19px; text-align: center; border: 1px solid var(--theme-color); border-radius: 100%; font-weight: 700; background: var(--white-color); color: transparent; -webkit-transition: all 0.2s ease; transition: all 0.2s ease } input[type="radio"]:checked~label::before { border-color: var(--theme-color); background-color: var(--theme-color); color: var(--white-color) } label { margin-bottom: 0.5em; margin-top: -0.3em; display: block; color: var(--title-color); font-family: var(--body-font); font-size: 16px } textarea.is-invalid, select.is-invalid, input.is-invalid, .was-validated input:invalid { border: 1px solid var(--error-color) !important; background-position: right calc(0.375em + 0.8875rem) center; background-image: none } textarea.is-invalid:focus, select.is-invalid:focus, input.is-invalid:focus, .was-validated input:invalid:focus { outline: 0; box-shadow: none } textarea.is-invalid { background-position: top calc(0.375em + 0.5875rem) right calc(0.375em + 0.8875rem) } .row.no-gutters>.form-group { margin-bottom: 0 } .form-messages { display: none } .form-messages.mb-0 * { margin-bottom: 0 } .form-messages.success { color: var(--success-color); display: block } .form-messages.error { color: var(--error-color); display: block } .form-messages pre { padding: 0; background-color: transparent; color: inherit } .slick-track>[class*=col] { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y) } .slick-track { min-width: 100% } .slick-list { padding-left: 0; padding-right: 0; overflow: hidden; height: auto !important; } .slick-slide img { display: inline-block } .slick-dots { list-style-type: none; padding: 0; margin: 40px 0 0px 0; line-height: 0; text-align: center; height: -webkit-max-content; height: -moz-max-content; height: max-content } .slick-dots li { display: inline-block; margin-right: 20px } .slick-dots li:last-child { margin-right: 0 } .slick-dots button { font-size: 0; padding: 0; background-color: transparent; width: 8px; height: 8px; line-height: 0; border-radius: 9999px; border: none; background-color: var(--theme-color); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; position: relative } .slick-dots button:hover { border-color: var(--theme-color) } .slick-dots button:before { content: ""; position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px; border: 1px solid var(--theme-color); border-radius: 50%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; opacity: 0; visibility: hidden } .slick-dots .slick-active button { background-color: var(--theme-color) } .slick-dots .slick-active button::before { opacity: 1; visibility: visible } .slick-arrow { display: inline-block; padding: 0; background-color: var(--white-color); color: var(--title-color); position: absolute; top: 50%; border: 1px solid rgba(18, 18, 18, 0.2); left: var(--pos-x, -100px); width: var(--icon-size, 60px); height: var(--icon-size, 60px); line-height: var(--icon-size, 60px); font-size: var(--icon-font-size, 20px); margin-top: calc(var(--icon-size, 60px) / -2); border-radius: 50%; z-index: 2 } .slick-arrow.default { position: relative; --pos-x: 0; margin-top: 0 } .slick-arrow.slick-next { right: var(--pos-x, -100px); left: auto } .slick-arrow:hover { background-color: var(--theme-color); color: var(--white-color); border-color: var(--theme-color) } .arrow-margin .slick-arrow { top: calc(50% - 30px) } .arrow-wrap .slick-arrow { opacity: 0; visibility: hidden } .arrow-wrap:hover .slick-arrow { opacity: 1; visibility: visible } @media (max-width: 1500px) { .slick-arrow { --arrow-horizontal: -20px; --pos-x: -70px } } @media (max-width: 1399px) { .slick-arrow { --arrow-horizontal: 40px; --pos-x: -17px } } @media (max-width: 991px) { .slick-arrow { --icon-size: 40px; line-height: 38px; margin-right: 40px; font-size: 14px } .slick-arrow.slick-next { margin-right: 0; margin-left: 40px } .slick-dots { margin: 40px 0 0 0 } .icon-box .slick-arrow { margin-right: 0 } } .slick-3d-active { margin-left: -12%; margin-right: -12% } .slick-3d-active .slick-list { padding-left: 30% !important; padding-right: 30% !important } .slick-3d-active .slick-track { max-width: 100% !important; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; -webkit-perspective: 100px; perspective: 100px } .slick-3d-active .slick-slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; width: 100% !important; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; transition: transform 1s, opacity 1s; transition: transform 1s, opacity 1s, -webkit-transform 1s } .slick-3d-active .slick-3d-next, .slick-3d-active .slick-3d-prev, .slick-3d-active .slick-3d-next2, .slick-3d-active .slick-3d-prev2 { display: block } .slick-3d-active .slick-current { opacity: 1; position: relative; display: block; z-index: 2 } .slick-3d-active .slick-3d-next { opacity: 1; -webkit-transform: translate3d(50%, 0, -21px); transform: translate3d(50%, 0, -21px); z-index: 1; -webkit-perspective: 1000px; perspective: 1000px } .slick-3d-active .slick-3d-next2 { opacity: 1; -webkit-transform: translate3d(40%, 0, -23px); transform: translate3d(40%, 0, -23px); z-index: 0; -webkit-perspective: 1000px; perspective: 1000px } .slick-3d-active .slick-3d-prev { opacity: 1; -webkit-transform: translate3d(-50%, 0, -21px); transform: translate3d(-50%, 0, -21px) } .slick-3d-active .slick-3d-prev .testi-card { box-shadow: none } .slick-3d-active .slick-3d-prev2 { opacity: 1; -webkit-transform: translate3d(-40%, 0, -23px); transform: translate3d(-40%, 0, -23px) } .th-menu-wrapper { position: fixed; top: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 999999; width: 0; width: 100%; height: 100%; -webkit-transition: all ease 0.8s; transition: all ease 0.8s; opacity: 0; visibility: hidden } .th-menu-wrapper .mobile-logo { padding-bottom: 30px; padding-top: 40px; display: block; text-align: center; background-color: var(--title-color) } .th-menu-wrapper .mobile-logo svg { max-width: 185px } .th-menu-wrapper .th-menu-toggle { border: none; font-size: 22px; position: absolute; right: -16.5px; top: 25px; padding: 0; line-height: 1; width: 33px; height: 33px; line-height: 35px; font-size: 18px; z-index: 1; color: var(--white-color); background-color: var(--theme-color); border-radius: 50% } .th-menu-wrapper .th-menu-toggle:hover { background-color: var(--title-color); color: var(--white-color) } .th-menu-wrapper .th-menu-area { width: 100%; max-width: 310px; background-color: #fff; border-right: 3px solid var(--theme-color); height: 100%; position: relative; left: -110%; opacity: 0; visibility: hidden; -webkit-transition: all ease 1s; transition: all ease 1s; z-index: 1 } .th-menu-wrapper.th-body-visible { opacity: 1; visibility: visible } .th-menu-wrapper.th-body-visible .th-menu-area { left: 0; opacity: 1; visibility: visible } .th-mobile-menu { overflow-y: scroll; max-height: calc(100vh - 200px); padding-bottom: 40px; margin-top: 33px; text-align: left } .th-mobile-menu ul { margin: 0; padding: 0 0 } .th-mobile-menu ul li { border-bottom: 1px solid #fdedf1; list-style-type: none } .th-mobile-menu ul li li:first-child { border-top: 1px solid #fdedf1 } .th-mobile-menu ul li a { display: block; position: relative; padding: 12px 0; line-height: 1.4; font-size: 16px; text-transform: capitalize; color: var(--title-color); padding-left: 18px } .th-mobile-menu ul li a:before { content: '\f105'; font-family: var(--icon-font); position: absolute; left: 0; top: 12px; margin-right: 10px; display: inline-block } .th-mobile-menu ul li.th-active>a { color: var(--theme-color) } .th-mobile-menu ul li.th-active>a:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .th-mobile-menu ul li ul li { padding-left: 20px } .th-mobile-menu ul li ul li:last-child { border-bottom: none } .th-mobile-menu ul .th-item-has-children>a .th-mean-expand { position: absolute; right: 0; top: 50%; font-weight: 400; font-size: 12px; width: 25px; height: 25px; line-height: 25px; margin-top: -12.5px; display: inline-block; text-align: center; background-color: var(--smoke-color); color: var(--title-color); box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5); border-radius: 50% } .th-mobile-menu ul .th-item-has-children>a .th-mean-expand:before { content: '\f067'; font-family: var(--icon-font) } .th-mobile-menu ul .th-item-has-children>a:after { content: "\f067"; font-family: var(--icon-font); width: 22px; height: 22px; line-height: 22px; display: inline-block; text-align: center; font-size: 12px; border-radius: 50px; background-color: var(--smoke-color); float: right; margin-top: 1px } .th-mobile-menu ul .th-item-has-children.th-active>a .th-mean-expand:before { content: '\f068' } .th-mobile-menu ul .th-item-has-children.th-active>a:after { content: "\f068" } .th-mobile-menu>ul { padding: 0 40px } .th-mobile-menu>ul>li:last-child { border-bottom: none } .th-menu-toggle { width: 56px; height: 56px; padding: 0; font-size: 20px; border: none; background-color: var(--theme-color); color: var(--white-color); display: inline-block; border-radius: 0 } .th-menu-toggle:hover { background-color: var(--title-color) } .th-menu-toggle.style-text, .th-menu-toggle.style-text-white { width: auto; height: auto; background-color: transparent; color: var(--title-color); font-size: 20px } .th-menu-toggle.style-text i, .th-menu-toggle.style-text-white i { margin-right: 10px } .th-menu-toggle.style-text-white { color: var(--white-color) } @media (max-width: 400px) { .th-menu-wrapper .th-menu-area { width: 100%; max-width: 270px } .th-mobile-menu>ul { padding: 0 20px } } .preloader { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; background-color: var(--title-color) } .preloader .th-btn { padding: 15px 20px; border-radius: 0; font-size: 14px } .preloader-inner { text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; line-height: 1 } .preloader-inner img { display: block; margin: 0 auto 10px auto } .loader { box-sizing: border-box; display: inline-block; width: 50px; height: 80px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; position: relative; background: -webkit-linear-gradient(#FF3D00 30px, transparent 0) no-repeat; background: linear-gradient(#FF3D00 30px, transparent 0) no-repeat; background-size: 2px 40px; background-position: 50% 0px; -webkit-animation: spinx 5s linear infinite; animation: spinx 5s linear infinite } .loader:before, .loader:after { content: ""; width: 40px; left: 50%; height: 35px; position: absolute; top: 0; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%); background: rgba(255, 255, 255, 0.4); border-radius: 0 0 20px 20px; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0px; -webkit-animation: lqt 5s linear infinite; animation: lqt 5s linear infinite } .loader:after { top: auto; bottom: 0; border-radius: 20px 20px 0 0; -webkit-animation: lqb 5s linear infinite; animation: lqb 5s linear infinite } @-webkit-keyframes lqt { 0%, 100% { background-image: -webkit-linear-gradient(var(--theme-color) 40px, transparent 0); background-image: linear-gradient(var(--theme-color) 40px, transparent 0); background-position: 0% 0px } 50% { background-image: -webkit-linear-gradient(var(--theme-color) 40px, transparent 0); background-image: linear-gradient(var(--theme-color) 40px, transparent 0); background-position: 0% 40px } 50.1% { background-image: -webkit-linear-gradient(var(--theme-color) 40px, transparent 0); background-image: linear-gradient(var(--theme-color) 40px, transparent 0); background-position: 0% -40px } } @keyframes lqt { 0%, 100% { background-image: -webkit-linear-gradient(var(--theme-color) 40px, transparent 0); background-image: linear-gradient(var(--theme-color) 40px, transparent 0); background-position: 0% 0px } 50% { background-image: -webkit-linear-gradient(var(--theme-color) 40px, transparent 0); background-image: linear-gradient(var(--theme-color) 40px, transparent 0); background-position: 0% 40px } 50.1% { background-image: -webkit-linear-gradient(var(--theme-color) 40px, transparent 0); background-image: linear-gradient(var(--theme-color) 40px, transparent 0); background-position: 0% -40px } } @-webkit-keyframes lqb { 0% { background-image: -webkit-linear-gradient(var(--theme-color) 40px, transparent 0); background-image: linear-gradient(var(--theme-color) 40px, transparent 0); background-position: 0 40px } 100% { background-image: -webkit-linear-gradient(var(--theme-color) 40px, transparent 0); background-image: linear-gradient(var(--theme-color) 40px, transparent 0); background-position: 0 -40px } } @keyframes lqb { 0% { background-image: -webkit-linear-gradient(var(--theme-color) 40px, transparent 0); background-image: linear-gradient(var(--theme-color) 40px, transparent 0); background-position: 0 40px } 100% { background-image: -webkit-linear-gradient(var(--theme-color) 40px, transparent 0); background-image: linear-gradient(var(--theme-color) 40px, transparent 0); background-position: 0 -40px } } @-webkit-keyframes spinx { 0%, 49% { -webkit-transform: rotate(0deg); transform: rotate(0deg); background-position: 50% 36px } 51%, 98% { -webkit-transform: rotate(180deg); transform: rotate(180deg); background-position: 50% 4px } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); background-position: 50% 36px } } @keyframes spinx { 0%, 49% { -webkit-transform: rotate(0deg); transform: rotate(0deg); background-position: 50% 36px } 51%, 98% { -webkit-transform: rotate(180deg); transform: rotate(180deg); background-position: 50% 4px } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); background-position: 50% 36px } } .th-btn { position: relative; z-index: 2; overflow: hidden; vertical-align: middle; display: inline-block; border: none; text-transform: uppercase; text-align: center; background-color: var(--theme-color); color: var(--white-color); font-family: var(--body-font); font-size: 16px; font-weight: 700; line-height: 1; padding: 21.5px 30px; border-radius: 4px; --tilt: 40px } .th-btn i { margin-left: 9px } .th-btn:before, .th-btn:after { content: ""; z-index: -1; width: calc(100% + var(--tilt)); height: 100%; position: absolute; top: 0; left: calc(-100% - var(--tilt)); background: var(--title-color); -webkit-clip-path: polygon(0 0, calc(100% - var(--tilt)) 0, 100% 50%, calc(100% - var(--tilt)) 100%, 0 100%); clip-path: polygon(0 0, calc(100% - var(--tilt)) 0, 100% 50%, calc(100% - var(--tilt)) 100%, 0 100%); -webkit-transition: -webkit-transform 0.6s; transition: -webkit-transform 0.6s; transition: transform 0.6s; transition: transform 0.6s, -webkit-transform 0.6s } .th-btn:before { left: calc(-100% - var(--tilt)) } .th-btn:after { left: 100%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .th-btn:hover, .th-btn.active { color: var(--white-color) } .th-btn:hover:before, .th-btn.active:before { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) } .th-btn:hover:after, .th-btn.active:after { -webkit-transform: rotate(180deg) translateX(100%); -ms-transform: rotate(180deg) translateX(100%); transform: rotate(180deg) translateX(100%) } .th-btn.style2 { background-color: var(--theme-color); color: var(--white-color); box-shadow: none } .th-btn.style2::after, .th-btn.style2::before { background: var(--white-color) } .th-btn.style2:hover { color: var(--title-color); background: var(--white-color) } .th-btn.style3 { background: var(--white-color); color: var(--title-color) } .th-btn.style3:hover { color: var(--white-color) } .th-btn.style3:hover:before, .th-btn.style3:hover:after { background-color: var(--title-color) } .th-btn.style4 { background: var(--title-color); color: var(--white-color) } .th-btn.style4:before, .th-btn.style4:after { background-color: var(--theme-color) } .th-btn.style4:hover { color: var(--white-color); background: var(--theme-color) } .th-btn.border-style { background-color: transparent; color: var(--title-color); border: 1px solid var(--title-color); padding: 20.5px 30px } .th-btn.border-style:before, .th-btn.border-style:after { background-color: var(--theme-color) } .th-btn.border-style:hover { color: var(--white-color); background: var(--theme-color); border-color: var(--theme-color) } .th-btn.border-style:hover:before, .th-btn.border-style:hover:after { background-color: var(--theme-color) } .th-btn.border-style2 { background-color: transparent; color: var(--white-color); border: 1px solid var(--white-color); padding: 20.5px 30px } .th-btn.border-style2:before, .th-btn.border-style2:after { background-color: var(--white-color) } .th-btn.border-style2:hover { color: var(--title-color); background: var(--white-color); border-color: var(--white-color) } .th-btn.border-style2:hover:before, .th-btn.border-style2:hover:after { background-color: var(--white-color) } .th-btn.btn-fw { width: 100% } .th-btn.btn-fw:hover { background-color: var(--title-color) } .icon-btn-with-text { height: 40px; width: 40px; line-height: 40px; border-radius: 4px; background: var(--theme-color); color: var(--white-color); display: inline-block; -webkit-transition: 0.4s; transition: 0.4s; overflow: hidden; padding-left: 13px } .icon-btn-with-text span { opacity: 0; visibility: hidden; -webkit-transition: 0.4s; transition: 0.4s; margin-left: 5px } .icon-btn-with-text:hover { -webkit-transition: 0.4s; transition: 0.4s; width: 140px; color: var(--white-color) } .icon-btn-with-text:hover span { opacity: 1; visibility: visible } .icon-btn { display: inline-block; width: var(--btn-size, 56px); height: var(--btn-size, 56px); line-height: var(--btn-size, 53px); font-size: var(--btn-font-size, 20px); background-color: var(--icon-bg, transparent); color: var(--title-color); text-align: center; border-radius: 0; border: 1px solid var(--border-color); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .icon-btn:hover { background-color: var(--white-color); color: var(--theme-color); border-color: var(--white-color) } .play-btn { display: inline-block; position: relative; z-index: 1 } .play-btn>i { display: inline-block; width: var(--icon-size, 60px); height: var(--icon-size, 60px); line-height: var(--icon-size, 60px); text-align: center; background-color: var(--white-color); color: var(--theme-color); font-size: var(--icon-font-size, 1.1em); border-radius: 50%; z-index: 1; -webkit-transition: all ease 0.4s; transition: all ease 0.4s } .play-btn>i.fa-play { padding-right: 0.18em } .play-btn:after, .play-btn:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--white-color); z-index: -1; border-radius: 50%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s } .play-btn:after { -webkit-animation-delay: 2s; animation-delay: 2s } .play-btn:hover:after, .play-btn:hover::before, .play-btn:hover i { background-color: var(--theme-color); color: var(--white-color) } .play-btn.style2:before, .play-btn.style2:after { background-color: transparent; border: 1px solid var(--white-color) } .play-btn.style3>i { background-color: var(--theme-color); color: var(--white-color); font-size: 20px } .play-btn.style3:before, .play-btn.style3:after { background-color: var(--white-color) } .play-btn.style3:hover>i { background-color: var(--white-color); color: var(--theme-color) } .play-btn.style4>i { background-color: var(--theme-color); color: var(--white-color); font-size: 20px; width: var(--icon-size, 100px); height: var(--icon-size, 100px); line-height: var(--icon-size, 100px); border-radius: 0 } .play-btn.style4:before, .play-btn.style4:after { border-radius: 0 } .play-btn.style4:hover>i { background-color: var(--white-color); color: var(--theme-color) } .link-btn { font-weight: 600; font-size: 14px; display: inline-block; line-height: 0.8; position: relative; padding-bottom: 2px; margin-bottom: -2px; text-transform: uppercase; color: var(--theme-color) } .link-btn i { margin-left: 5px; font-size: 0.9rem } .link-btn:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: var(--theme-color); -webkit-transition: all ease 0.4s; transition: all ease 0.4s } .link-btn:hover { color: var(--theme-color) } .link-btn:hover::before { width: 100% } .line-btn { font-size: 14px; font-weight: 600; display: inline-block; line-height: 0.8; position: relative; padding-bottom: 4px; margin-bottom: -1px; text-transform: uppercase; color: var(--theme-color) } .line-btn i { margin-left: 5px; font-size: 0.9rem } .line-btn:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--theme-color); -webkit-transition: all ease 0.4s; transition: all ease 0.4s } .line-btn:hover { color: var(--title-color) } .line-btn:hover::before { background-color: var(--title-color); width: 45px } .half-line-btn { font-size: 14px; font-weight: 700; display: inline-block; line-height: 0.8; font-family: var(--title-font); position: relative; padding-bottom: 4px; margin-bottom: -1px; text-transform: uppercase; color: var(--title-color) } .half-line-btn i { margin-left: 5px; font-size: 0.9rem } .half-line-btn:before { content: ""; position: absolute; left: 0; bottom: -3px; width: 20px; height: 1px; background-color: var(--title-color); -webkit-transition: all ease 0.4s; transition: all ease 0.4s } .half-line-btn:hover { color: var(--theme-color) } .half-line-btn:hover::before { background-color: var(--theme-color); width: 100% } .scroll-top { position: fixed; right: 30px; bottom: 30px; height: 50px; width: 50px; cursor: pointer; display: block; border-radius: 50px; z-index: 10000; opacity: 1; visibility: hidden; -webkit-transform: translateY(45px); -ms-transform: translateY(45px); transform: translateY(45px); -webkit-transition: all 300ms linear; transition: all 300ms linear } .scroll-top:after { content: "\f062"; font-family: var(--icon-font); position: absolute; text-align: center; line-height: 50px; font-size: 20px; color: var(--theme-color); left: 0; top: 0; height: 50px; width: 50px; cursor: pointer; display: block; z-index: 1; border: 2px solid var(--theme-color); box-shadow: none; border-radius: 50% } .scroll-top svg { color: var(--theme-color); border-radius: 50%; background: var(--white-color) } .scroll-top svg path { fill: none } .scroll-top .progress-circle path { stroke: var(--theme-color); stroke-width: 20px; box-sizing: border-box; -webkit-transition: all 400ms linear; transition: all 400ms linear } .scroll-top.show { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } @media (max-width: 991px) { .play-btn.style4>i { height: 70px; width: 70px; line-height: 70px } } @media (max-width: 767px) { .play-btn { --icon-size: 60px } .th-btn { font-size: 14px; padding: 17.5px 30px } } .sec-title { margin-bottom: calc(var(--section-title-space) - 12px); margin-top: -0.23em; font-weight: 800 } .sec-title.style2 { font-size: 60px; line-height: 70px } .sub-title { display: inline-block; font-size: 14px; font-weight: 700; text-transform: uppercase; color: var(--theme-color); margin-bottom: 23px; background: rgba(221, 51, 51, 0.1); border-radius: 17px; padding: 3px 15px 3px 28px; position: relative; font-family: var(--title-font) } .sub-title:after { position: absolute; content: ''; width: 8px; height: 8px; background: var(--theme-color); border-radius: 50%; top: 50%; left: 15px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) } .sub-title.style2 { border: 1px solid rgba(221, 51, 51, 0.75); background: transparent; padding: 2px 15px 2px 28px } .sub-title.style3 { color: var(--white-color); background: rgba(221, 51, 51, 0.2) } .sub-title.style4 { border: 1px solid rgba(221, 51, 51, 0.5); background: transparent; padding: 2px 15px 2px 28px } .sub-title.style-white { color: var(--white-color); background: rgba(255, 255, 255, 0.1) } .sub-title.style-white:after { background: var(--white-color) } .box-title { font-size: 24px; line-height: 1.417; font-weight: 600; margin-top: -0.34em } .box-title a { color: inherit } .box-title a:hover { color: var(--theme-color) } .sec-text { max-width: 720px } .title-area { margin-bottom: calc(var(--section-title-space) - 12px); position: relative; z-index: 2 } .title-area .sec-title { margin-bottom: 15px } .title-area.mb-0 .sec-title { margin-bottom: -0.25em } .title-area .th-btn { margin-top: 20px; margin-bottom: 10px } hr.title-line { margin-top: 0; background-color: var(--border-color); opacity: 1 } .sec-btn, .title-line { margin-bottom: var(--section-title-space) } @media (max-width: 1199px) { .title-area, .sec-title { --section-title-space: 60px } .title-area.mb-45, .sec-title.mb-45 { margin-bottom: 36px } .title-area.mb-50, .sec-title.mb-50 { margin-bottom: 40px } .sec-btn, .title-line { --section-title-space: 55px } .sec-title.style2 { font-size: 50px; line-height: normal } } @media (max-width: 991px) { .title-area, .sec-title { --section-title-space: 50px } .title-area.mb-45, .sec-title.mb-45 { margin-bottom: 35px } .sec-btn, .title-line { --section-title-space: 50px } .sec-title.style2 { font-size: 40px } } @media (max-width: 575px) { .sec-title.style2 { font-size: 30px } } .shape-mockup-wrap { z-index: 2; position: relative } .shape-mockup { position: absolute; z-index: -1 } .shape-mockup.z-index-3 { z-index: 3 } .z-index-step1 { z-index: 1 !important } .z-index-common { position: relative; z-index: 3 } .z-index-3 { z-index: 3 !important } .z-index-1 { z-index: 1 !important } .z-index-n1 { z-index: -1 } .media-body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .badge { position: absolute; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: inline-block; text-align: center; background-color: var(--theme-color); color: var(--white-color); padding: 0.25em 0.45em; font-size: 0.7em; border-radius: 50%; top: 8px; right: 8px; font-weight: 400; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out } .th-social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px } .th-social a { display: inline-block; width: var(--icon-size, 45px); height: var(--icon-size, 45px); line-height: var(--icon-size, 45px); background-color: rgba(255, 255, 255, 0.1); color: var(--light-color); font-size: 16px; text-align: center; border-radius: 50% } .th-social a:last-child { margin-right: 0 } .th-social a:hover { background-color: var(--theme-color); color: var(--white-color) } .th-social.style2 a { --icon-size: 40px; font-size: 14px; background-color: transparent; color: var(--white-color); border: 1px solid } .th-social.style2 a:hover { border-color: var(--theme-color); color: var(--white-color); background-color: var(--theme-color) } .th-social.style3 a { --icon-size: 45px; font-size: 14px; background-color: var(--smoke-color); color: var(--title-color) } .th-social.style3 a:hover { border-color: var(--theme-color); color: var(--white-color); background-color: var(--theme-color) } .th-social.style-white a { --icon-size: 45px; font-size: 14px; background-color: var(--white-color); color: var(--title-color) } .th-social.style-white a:hover { border-color: var(--theme-color); color: var(--white-color); background-color: var(--theme-color) } .th-social.color-theme a { color: var(--body-color); border-color: var(--theme-color) } .slider-shadow .slick-list { padding-top: 30px; padding-bottom: 30px; margin-bottom: -30px; margin-top: -30px } .btn-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px 35px } .btn-group.style2 { gap: 20px 70px } @media (max-width: 767px) { .btn-group.style2 { gap: 20px 30px } } .tilt-active { -webkit-transition: all 100ms; transition: all 100ms; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .mfp-zoom-in .mfp-content { opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7) } .mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease } .mfp-zoom-in.mfp-ready .mfp-content { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.7 } .mfp-zoom-in.mfp-removing .mfp-content { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0 } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0 } .mfp-figure:after { background: transparent; box-shadow: none } .font-icon { font-family: var(--icon-font) } .font-title { font-family: var(--title-font) } .font-body { font-family: var(--body-font) } .fw-extralight { font-weight: 100 } .fw-light { font-weight: 300 } .fw-normal { font-weight: 400 } .fw-medium { font-weight: 500 } .fw-semibold { font-weight: 600 } .fw-bold { font-weight: 700 } .fw-extrabold { font-weight: 800 } .fs-md { font-size: 18px } .fs-xs { font-size: 14px } .bg-theme { background-color: var(--theme-color) !important } .bg-smoke { background-color: var(--smoke-color) !important } .bg-smoke2 { background-color: var(--smoke-color2) !important } .bg-white { background-color: var(--white-color) !important } .bg-black { background-color: var(--black-color) !important } .bg-title { background-color: var(--title-color) !important } .bg-navy { background-color: var(--navy-color) !important } .background-image, [data-bg-src] { background-repeat: no-repeat; background-size: cover; background-position: center center } .bg-fluid { background-repeat: no-repeat; background-size: 100% 100%; background-position: center center } .bg-auto { background-size: auto auto } .bg-top-center { background-size: auto; background-position: top center } .bg-repeat { background-size: auto; background-repeat: repeat } .text-theme { color: var(--theme-color) !important } .text-title { color: var(--title-color) !important } .text-body { color: var(--body-color) !important } .text-white { color: var(--white-color) !important } .text-light { color: var(--light-color) !important } .text-yellow { color: var(--yellow-color) !important } .text-success { color: var(--success-color) !important } .text-error { color: var(--error-color) !important } .text-inherit { color: inherit } .text-inherit:hover { color: var(--theme-color) } a.text-theme:hover, .text-reset:hover { text-decoration: underline } .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100% } .position-center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } [data-overlay] { position: relative; z-index: 2 } [data-overlay] [class^="col-"], [data-overlay] [class*="col-"] { z-index: 1 } [data-overlay]:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1 } [data-overlay="theme"]:before { background-color: var(--theme-color) } [data-overlay="title"]:before { background-color: var(--title-color) } [data-overlay="white"]:before { background-color: var(--white-color) } [data-overlay="black"]:before { background-color: var(--black-color) } [data-overlay="overlay1"]:before { background-color: #131B23 } [data-opacity="1"]:before { opacity: .1 } [data-opacity="2"]:before { opacity: .2 } [data-opacity="3 "]:before { opacity: .3 } [data-opacity="4"]:before { opacity: .4 } [data-opacity="5"]:before { opacity: .5 } [data-opacity="6"]:before { opacity: .6 } [data-opacity="7"]:before { opacity: .7 } [data-opacity="8"]:before { opacity: .8 } [data-opacity="9"]:before { opacity: .9 } [data-opacity="10"]:before { opacity: 1 } .ripple-animation, .play-btn:after, .play-btn:before { -webkit-animation-duration: var(--ripple-ani-duration); animation-duration: var(--ripple-ani-duration); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ripple; animation-name: ripple } @-webkit-keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } 30% { opacity: 0.4 } 100% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0 } } @keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } 30% { opacity: 0.4 } 100% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0 } } .movingX { -webkit-animation: movingX 8s linear infinite; animation: movingX 8s linear infinite } @-webkit-keyframes movingX { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 50% { -webkit-transform: translateX(50px); transform: translateX(50px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes movingX { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 50% { -webkit-transform: translateX(50px); transform: translateX(50px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } .moving { -webkit-animation: moving 8s linear infinite; animation: moving 8s linear infinite } @-webkit-keyframes moving { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 50% { -webkit-transform: translateX(-50px); transform: translateX(-50px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes moving { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 50% { -webkit-transform: translateX(-50px); transform: translateX(-50px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } .jump { -webkit-animation: jumpAni 7s linear infinite; animation: jumpAni 7s linear infinite } @-webkit-keyframes jumpAni { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes jumpAni { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } .jump-reverse { -webkit-animation: jumpReverseAni 7s linear infinite; animation: jumpReverseAni 7s linear infinite } @-webkit-keyframes jumpReverseAni { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(30px); transform: translateY(30px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes jumpReverseAni { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(30px); transform: translateY(30px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } .spin { -webkit-animation: spin 15s linear infinite; animation: spin 15s linear infinite } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes animate-positive { 0% { width: 0 } } @keyframes animate-positive { 0% { width: 0 } } .scalein.th-animated { --animation-name: scalein } .slidetopleft.th-animated { --animation-name: slidetopleft } .slidebottomright.th-animated { --animation-name: slidebottomright } .slideinleft.th-animated { --animation-name: slideinleft } .slideinright.th-animated { --animation-name: slideinright } .slideinup.th-animated { --animation-name: slideinup } .slideindown.th-animated { --animation-name: slideindown } .rollinleft.th-animated { --animation-name: rollinleft } .rollinright.th-animated { --animation-name: rollinright } .scalein, .slidetopleft, .slidebottomright, .slideinleft, .slideinright, .slideindown, .slideinup, .rollinleft, .rollinright { opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-name: var(--animation-name); animation-name: var(--animation-name) } .th-animated { opacity: 1 } @-webkit-keyframes slideinup { 0% { opacity: 0; -webkit-transform: translateY(70px); transform: translateY(70px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideinup { 0% { opacity: 0; -webkit-transform: translateY(70px); transform: translateY(70px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes slideinright { 0% { opacity: 0; -webkit-transform: translateX(70px); transform: translateX(70px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideinright { 0% { opacity: 0; -webkit-transform: translateX(70px); transform: translateX(70px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes slideindown { 0% { opacity: 0; -webkit-transform: translateY(-70px); transform: translateY(-70px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideindown { 0% { opacity: 0; -webkit-transform: translateY(-70px); transform: translateY(-70px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes slideinleft { 0% { opacity: 0; -webkit-transform: translateX(-70px); transform: translateX(-70px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideinleft { 0% { opacity: 0; -webkit-transform: translateX(-70px); transform: translateX(-70px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes slidebottomright { 0% { opacity: 0; -webkit-transform: translateX(100px) translateY(100px); transform: translateX(100px) translateY(100px) } 100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0) } } @keyframes slidebottomright { 0% { opacity: 0; -webkit-transform: translateX(100px) translateY(100px); transform: translateX(100px) translateY(100px) } 100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0) } } @-webkit-keyframes slidetopleft { 0% { opacity: 0; -webkit-transform: translateX(-100px) translateY(-100px); transform: translateX(-100px) translateY(-100px) } 100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0) } } @keyframes slidetopleft { 0% { opacity: 0; -webkit-transform: translateX(-100px) translateY(-100px); transform: translateX(-100px) translateY(-100px) } 100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0) } } .fancy-animation { -webkit-animation: morph 8s ease-in-out infinite; animation: morph 8s ease-in-out infinite } @-webkit-keyframes morph { 0% { border-radius: 60% 40% 30% 70% / 60% 30% 50% 40% } 50% { border-radius: 30% 60% 50% 40% / 50% 60% 30% 60% } 100% { border-radius: 60% 40% 30% 70% / 60% 30% 50% 40% } } @keyframes morph { 0% { border-radius: 60% 40% 30% 70% / 60% 30% 50% 40% } 50% { border-radius: 30% 60% 50% 40% / 50% 60% 30% 60% } 100% { border-radius: 60% 40% 30% 70% / 60% 30% 50% 40% } } .widget_nav_menu ul, .widget_meta ul, .widget_pages ul, .widget_archive ul, .widget_categories ul { list-style: none; padding: 0; margin: 0 0 0 0 } .widget_nav_menu .menu, .widget_nav_menu>ul, .widget_meta .menu, .widget_meta>ul, .widget_pages .menu, .widget_pages>ul, .widget_archive .menu, .widget_archive>ul, .widget_categories .menu, .widget_categories>ul { margin: -17px 0 0px 0 } .widget_nav_menu .menu>li:last-child a, .widget_nav_menu>ul>li:last-child a, .widget_meta .menu>li:last-child a, .widget_meta>ul>li:last-child a, .widget_pages .menu>li:last-child a, .widget_pages>ul>li:last-child a, .widget_archive .menu>li:last-child a, .widget_archive>ul>li:last-child a, .widget_categories .menu>li:last-child a, .widget_categories>ul>li:last-child a { border-bottom: 0; padding-bottom: 0 } .widget_nav_menu a, .widget_meta a, .widget_pages a, .widget_archive a, .widget_categories a { display: block; border: none; margin: 0; padding: 15px 25px 15px 0px; font-size: 16px; font-weight: 500; line-height: 1.313; color: var(--body-color); position: relative; border-bottom: 1px solid var(--border-color); -webkit-transition: 0.4s; transition: 0.4s } .widget_nav_menu a:before, .widget_meta a:before, .widget_pages a:before, .widget_archive a:before, .widget_categories a:hover span {  position: absolute; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; left: 0 } .widget_nav_menu a:hover, .widget_meta a:hover, .widget_pages a:hover, .widget_archive a:hover, .widget_categories a:hover { color: var(--theme-color); padding-left: 25px } .widget_nav_menu a:hover:before, .widget_meta a:hover:before, .widget_pages a:hover:before, .widget_archive a:hover:before, .widget_categories a:hover:before { color: var(--theme-color); opacity: 1 } .widget_nav_menu li, .widget_meta li, .widget_pages li, .widget_archive li, .widget_categories li { display: block; position: relative } .widget_nav_menu li>span, .widget_meta li>span, .widget_pages li>span, .widget_archive li>span, .widget_categories li>span { font-size: 16px; position: absolute; right: 0; top: 13px; -webkit-transition: all ease 0.4s; transition: all ease 0.4s } .widget_nav_menu li:hover>span, .widget_meta li:hover>span, .widget_pages li:hover>span, .widget_archive li:hover>span, .widget_categories li:hover>span { color: var(--theme-color) } .widget_nav_menu .children, .widget_meta .children, .widget_pages .children, .widget_archive .children, .widget_categories .children { margin-left: 10px } .widget_nav_menu a, .widget_meta a, .widget_pages a { padding-right: 20px } .widget_nav_menu .sub-menu { margin-left: 10px } .wp-block-archives { list-style: none; margin: 0; padding: 0; margin-bottom: 20px } .wp-block-archives a:not(:hover) { color: inherit } .th-blog ul.wp-block-archives li { margin: 5px 0 } .widget { padding: var(--widget-padding-y, 40px) var(--widget-padding-x, 40px); background-color: var(--smoke-color); margin-bottom: 40px; position: relative; border-radius: 20px; } .widget[data-overlay]:before { z-index: -1 } .widget .th-social a { box-shadow: 0px 2px 14px rgba(4, 6, 66, 0.1) } .widget.no-banner-widget { padding: 0; background: transparent } .widget_title { position: relative; font-size: 24px; font-weight: 700; font-family: var(--title-font); line-height: 1em; margin: -0.12em 0 28px 0 } .widget .search-form { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: var(--white-color) } .widget .search-form input { background: var(--white-color); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .widget .search-form button { position: absolute; right: 20px; top: 18px; border: none; font-size: 16px; background-color: transparent; color: var(--theme-color); display: inline-block; padding: 0; border-left: 1px solid var(--border-color); padding-left: 15px } .widget .search-form button:hover { color: var(--title-color) } .wp-block-tag-cloud a, .tagcloud a { display: inline-block; border: 1px solid #CDCDCD; font-size: 14px; font-weight: 500; font-family: var(--body-font); text-transform: capitalize; line-height: 1; padding: 12px 17px; margin-right: 5px; margin-bottom: 10px; color: var(--body-color); background-color: transparent; border-radius: 2px } .wp-block-tag-cloud a:hover, .tagcloud a:hover { background-color: var(--theme-color); color: var(--white-color) !important; border-color: var(--theme-color) } .wp-block-tag-cloud, .tagcloud { margin-right: -10px; margin-bottom: -10px } .recent-post { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; border-bottom: 1px solid #D9D9D9; padding-bottom: 30px } .recent-post:last-child { margin-bottom: 0; padding-bottom: 0; border: 0 } .recent-post .media-img { margin-right: 15px; width: 80px; overflow: hidden; border-radius: 0 } .recent-post .media-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .recent-post .post-title { font-weight: 700; font-size: 16px; line-height: 26px; margin: 0; font-family: var(--title-font); text-transform: capitalize } .recent-post .recent-post-meta a { text-transform: capitalize; font-size: 14px; font-weight: 500; color: var(--body-color) } .recent-post .recent-post-meta a i { margin-right: 6px; color: var(--theme-color) } .recent-post .recent-post-meta a:hover { color: var(--theme-color) } .recent-post:hover .media-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .sidebar-area { margin-bottom: -10px } .sidebar-area ul.wp-block-latest-posts { margin-bottom: 0 } .sidebar-area ul.wp-block-latest-posts li:last-child { margin-bottom: 0 } .sidebar-area select, .sidebar-area input { background-color: var(--white-color); border: 1px solid var(--border-color) } .sidebar-area .widget .wp-block-search { margin-bottom: 0 } .sidebar-area .wp-block-group__inner-container h2 { font-size: 20px; line-height: 1em; margin-bottom: 20px; margin-top: -0.07em } .sidebar-area ol.wp-block-latest-comments { padding: 0; margin: 0 } .sidebar-area ol.wp-block-latest-comments li { line-height: 1.5; margin: 0 0 20px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 20px } .sidebar-area ol.wp-block-latest-comments li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none } .author-widget-wrap { text-align: center } .author-widget-wrap .avater { margin-bottom: 20px } .author-widget-wrap .avater img { border-radius: 50% } .author-widget-wrap .name { font-size: 24px; margin-bottom: 15px } .author-widget-wrap .name a { color: inherit } .author-widget-wrap .name a:hover { color: var(--theme-color) } .author-widget-wrap .author-bio { margin-bottom: 23px } .author-widget-wrap .author-social { display: block } .author-widget-wrap .author-social a { font-size: 16px; color: var(--body-color); position: relative; border-right: 1px solid var(--gray-color); padding: 6px 15px 6px 0; margin-right: 12px } .author-widget-wrap .author-social a:last-child { padding: 6px 0 6px 0; margin-right: 0; border-right: none } .author-widget-wrap .author-social a:hover { color: var(--theme-color) } .download-widget-wrap .th-btn { width: 100%; text-align: start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: var(--title-font) } .download-widget-wrap .th-btn i { margin-left: auto; border-left: 1px solid rgba(18, 18, 18, 0.3); padding-left: 30px } .download-widget-wrap .th-btn:hover i { border-color: rgba(255, 255, 255, 0.3) } .download-widget-wrap .th-btn:first-child { margin-bottom: 10px } .download-widget-wrap .th-btn:first-child i { border-color: rgba(255, 255, 255, 0.3) } .widget_banner { background-color: var(--title-color); position: relative; padding: 50px 80px } .widget_banner .widget_title { color: var(--white-color); line-height: 34px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.1) } .widget_banner:has(.widget-map) { padding: 0; line-height: 0px } .widget-map iframe { min-height: 280px } .widget-banner .banner-text { margin-bottom: 23px; color: var(--light-color); margin-bottom: 5px } .widget-banner .banner-link { display: block; font-weight: 500; margin-bottom: 5px; color: var(--white-color) } .widget-banner .banner-link i { color: var(--white-color); margin-right: 4px } .widget-banner .banner-link:hover { color: var(--theme-color) } .widget-banner .banner-link:last-child { margin-bottom: -0.4em } .widget-banner .th-btn { margin-top: 30px } .widget_info .widget_title { margin: 29px 0 10px 0 } .widget_info .th-btn { width: 100%; margin-bottom: 10px; display: block } .widget_info .th-video { margin-bottom: 20px } .info-list ul { list-style: none; padding: 0; margin: 0 } .info-list i { color: var(--theme-color); width: 16px; margin-right: 2px; font-size: 16px } .info-list strong { font-weight: 500; color: var(--title-color) } .info-list li { border-bottom: 1px dashed #D3DBEB; padding: 12px 0 } .info-list li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: -0.45em } .price_slider_wrapper { margin-top: -0.5em } .price_slider_wrapper .price_label span { display: inline-block; color: var(--body-color) } .price_slider_wrapper .ui-slider { height: 6px; position: relative; width: 100%; background-color: var(--theme-color); border: none; margin-top: 15px; margin-bottom: 25px; cursor: pointer; border-radius: 0 } .price_slider_wrapper .ui-slider-range { border: none; cursor: pointer; position: absolute; top: 0; height: 100%; z-index: 1; display: block; background-color: var(--title-color) } .price_slider_wrapper .ui-slider-handle { width: 16px; height: 16px; line-height: 16px; border-radius: 50%; text-align: center; padding: 0; cursor: pointer; position: absolute; margin-top: -5px; z-index: 2; background-color: var(--white-color); border: 3px solid var(--title-color); -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); transform: translateX(-1px) } .price_slider_wrapper .ui-slider-handle:focus { outline: none; box-shadow: 1.5px 2.598px 10px 0px rgba(0, 0, 0, 0.15) } .price_slider_wrapper .ui-slider-handle:last-child { -webkit-transform: translateX(-9px); -ms-transform: translateX(-9px); transform: translateX(-9px) } .price_slider_wrapper button, .price_slider_wrapper .button { background-color: var(--theme-color); color: var(--white-color); font-weight: 500; line-height: 1.6; text-transform: capitalize; text-align: center; border: none; display: inline-block; overflow: hidden; position: relative; z-index: 2; padding: 6px 20px; min-width: 100px; font-size: 14px; -webkit-transition: 0.4s ease-in; transition: 0.4s ease-in } .price_slider_wrapper button:hover, .price_slider_wrapper .button:hover { background-color: var(--title-color) } .widget_shopping_cart .widget_title { margin-bottom: 30px; border-bottom: none } .widget_shopping_cart ul { margin: 0; padding: 0 } .widget_shopping_cart ul li { list-style-type: none } .widget_shopping_cart .mini_cart_item { position: relative; padding: 30px 30px 30px 90px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 0; text-align: left } .widget_shopping_cart .mini_cart_item:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1) } .widget_shopping_cart .cart_list a:not(.remove) { display: block; color: var(--body-color); font-size: 16px; font-weight: 500; font-family: var(--title-font); font-weight: 600; color: var(--title-color) } .widget_shopping_cart .cart_list a:not(.remove):hover { color: var(--theme-color) } .widget_shopping_cart .cart_list a.remove { position: absolute; top: 50%; left: 95%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: var(--body-color) } .widget_shopping_cart .cart_list a.remove:hover { color: var(--theme-color) } .widget_shopping_cart .cart_list img { width: 75px; height: 75px; position: absolute; left: 0; top: 18px } .widget_shopping_cart .quantity { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap; vertical-align: top; margin-right: 20px; font-size: 14px; font-weight: 500 } .widget_shopping_cart .total { margin-top: 20px; font-size: 18px; color: var(--title-color); font-family: var(--body-font) } .widget_shopping_cart .total strong { font-family: var(--title-font) } .widget_shopping_cart .amount { padding-left: 5px } .widget_shopping_cart .th-btn { margin-right: 15px } .widget_shopping_cart .th-btn:last-child { margin-right: 0 } .sidebar-area .widget_shopping_cart .th-btn { margin-right: 10px; padding: 8px 22px; font-size: 14px } .wp-block-calendar tbody td, .wp-block-calendar th { padding: 10px } .wp-block-calendar, .calendar_wrap { position: relative; background-color: #fff; padding-bottom: 0; border: none } .wp-block-calendar span[class*="wp-calendar-nav"], .calendar_wrap span[class*="wp-calendar-nav"] { position: absolute; top: 9px; left: 20px; font-size: 14px; color: var(--white-color); font-weight: 400; z-index: 1; line-height: 1.7 } .wp-block-calendar span[class*="wp-calendar-nav"] a, .calendar_wrap span[class*="wp-calendar-nav"] a { color: inherit } .wp-block-calendar span.wp-calendar-nav-next, .calendar_wrap span.wp-calendar-nav-next { left: auto; right: 20px } .wp-block-calendar caption, .calendar_wrap caption { caption-side: top; text-align: center; color: var(--white-color); background-color: var(--theme-color) } .wp-block-calendar th, .calendar_wrap th { font-size: 14px; padding: 5px 5px; border: none; text-align: center; border-right: 1px solid #eee; color: var(--title-color); font-weight: 500 } .wp-block-calendar th:first-child, .calendar_wrap th:first-child { border-left: 1px solid #eee } .wp-block-calendar th:last-child, .calendar_wrap th:last-child { border-right: 1px solid #eee } .wp-block-calendar table th, .calendar_wrap table th { font-weight: 500 } .wp-block-calendar td, .calendar_wrap td { font-size: 14px; padding: 5px 5px; color: #01133c; border: 1px solid #eee; text-align: center; background-color: transparent; -webkit-transition: all ease 0.4s; transition: all ease 0.4s } .wp-block-calendar #today, .calendar_wrap #today { color: var(--theme-color); background-color: var(--white-color); border-color: #ededed } .wp-block-calendar thead, .calendar_wrap thead { background-color: #fff } .wp-block-calendar .wp-calendar-table, .calendar_wrap .wp-calendar-table { margin-bottom: 0 } .wp-block-calendar .wp-calendar-nav .pad, .calendar_wrap .wp-calendar-nav .pad { display: none } .wp-block-calendar a, .calendar_wrap a { color: inherit; text-decoration: none } .wp-block-calendar a:hover, .calendar_wrap a:hover { color: var(--title-color) } .wp-block-calendar { margin-bottom: 30px; border: none; padding-bottom: 0 } .wp-block-calendar table caption { color: var(--white-color) } .widget_recent_comments ul, .wp-block-latest-comments ul { list-style-type: none; padding-left: 0 } ul.widget_recent_comments, ol.widget_recent_comments, .wp-block-latest-comments { margin-top: -0.11em; padding-left: 0 } .widget_recent_comments ol, .widget_recent_comments ul, .wp-block-latest-comments ol, .wp-block-latest-comments ul { margin-bottom: 0 } .widget_recent_comments li, .wp-block-latest-comments li { margin-bottom: 0; color: var(--body-color); padding-left: 30px; position: relative } .widget_recent_comments li:before, .wp-block-latest-comments li:before { content: "\f086"; position: absolute; left: 0; top: -1px; color: var(--theme-color); font-family: var(--icon-font) } .widget_recent_comments.has-avatars li, .wp-block-latest-comments.has-avatars li { padding-left: 0; padding-bottom: 0 !important } .widget_recent_comments.has-avatars li:before, .wp-block-latest-comments.has-avatars li:before { display: none } .widget_recent_comments .avatar, .wp-block-latest-comments .avatar { margin-top: 0.4em } .widget_recent_comments li:not(:last-child), .wp-block-latest-comments li:not(:last-child) { padding-bottom: 12px } .widget_recent_comments article, .wp-block-latest-comments article { line-height: 1.5 } .widget_recent_comments a, .wp-block-latest-comments a { color: inherit } .widget_recent_comments a:hover, .wp-block-latest-comments a:hover { color: var(--theme-color) } .widget_recent_entries ul { margin: -0.3em 0 0 0; padding: 0; list-style: none } .widget_recent_entries ul li>a { color: var(--body-color); font-weight: 500; display: inline-block } .widget_recent_entries ul li>a:hover { color: var(--theme-color) } .widget_recent_entries ul li span.post-date { font-size: 14px } .widget_recent_entries ul li:not(:last-child) { border-bottom: 1px solid #dadada; padding-bottom: 12px; margin-bottom: 12px } ul.widget_rss, ul.wp-block-rss, ol.widget_rss, ol.wp-block-rss { padding-left: 0 } .widget_rss, .wp-block-rss { list-style-type: none } .widget_rss ul, .wp-block-rss ul { margin: -0.2em 0 -0.5em 0; padding: 0; list-style: none } .widget_rss ul .rsswidget, .wp-block-rss ul .rsswidget { color: var(--title-color); font-family: var(--theme-font); font-size: 18px; display: block; margin-bottom: 10px } .widget_rss ul .rssSummary, .wp-block-rss ul .rssSummary { font-size: 14px; margin-bottom: 7px; line-height: 1.5 } .widget_rss ul a, .wp-block-rss ul a { display: block; font-weight: 600; color: inherit } .widget_rss ul a:hover, .wp-block-rss ul a:hover { color: var(--theme-color) } .widget_rss ul .rss-date, .wp-block-rss ul .rss-date { font-size: 14px; display: inline-block; margin-bottom: 5px; font-weight: 400; color: var(--title-color) } .widget_rss ul .rss-date:before, .wp-block-rss ul .rss-date:before { content: "\f073"; font-family: var(--icon-font); margin-right: 10px; font-weight: 300; color: var(--theme-color) } .widget_rss ul cite, .wp-block-rss ul cite { font-weight: 500; color: var(--title-color); font-family: var(--body-font); font-size: 14px } .widget_rss ul cite:before, .wp-block-rss ul cite:before { content: ""; position: relative; top: -1px; left: 0; width: 20px; height: 2px; display: inline-block; vertical-align: middle; margin-right: 8px; background-color: var(--theme-color) } .widget_rss li:not(:last-child), .wp-block-rss li:not(:last-child) { margin-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 16px } .widget_rss a:hover, .wp-block-rss a:hover { color: var(--theme-color) } .textwidget { margin-top: -0.1em } @media (max-width: 1200px) { .widget_banner { padding: 50px 40px } } @media (min-width: 992px) { .sidebar-shop .widget { margin-bottom: 24px } } @media (max-width: 1199px) { .widget { --widget-padding-y: 30px; --widget-padding-x: 30px } .widget_banner { padding: 30px 30px 40px } .widget_title { font-size: 22px; margin: -0.12em 0 24px 0 } .author-widget-wrap .name { font-size: 22px } .download-widget-wrap .th-btn { font-size: 14px } .download-widget-wrap .th-btn i { border-left: 1px solid rgba(18, 18, 18, 0.3); padding-left: 15px } } @media (max-width: 991px) { .sidebar-area { padding-top: 30px } .widget { --widget-padding-y: 40px; --widget-padding-x: 40px } .wp-block-tag-cloud a, .tagcloud a { padding: 10.5px 18px } } @media (max-width: 767px) { .widget { padding: 35px 20px } } @media (max-width: 330px) { .recent-post .post-title { font-size: 16px; line-height: 24px } .recent-post .recent-post-meta a { font-size: 12px } } .footer-widget { margin-bottom: 50px } .footer-widget, .footer-widget .widget { padding: 0; border: none; padding-bottom: 0; background-color: transparent; box-shadow: none } .footer-widget input, .footer-widget select { height: 55px; background-color: transparent; border: 1px solid #283752 } .footer-widget input:focus, .footer-widget select:focus { border-color: var(--theme-color); background-color: transparent } .footer-widget .form-group>i { color: var(--theme-color); top: 18px } .footer-widget .widget_title { max-width: 270px; font-size: 24px; font-weight: 700; color: var(--white-color); border-bottom: none; margin: 0.15em 0 35px 0 } .footer-widget.widget_meta, .footer-widget.widget_pages, .footer-widget.widget_archive, .footer-widget.widget_categories, .footer-widget.widget_nav_menu { min-width: 126px } .footer-widget.widget_meta ul, .footer-widget.widget_pages ul, .footer-widget.widget_archive ul, .footer-widget.widget_categories ul, .footer-widget.widget_nav_menu ul { margin-top: -5px } .footer-widget.widget_meta .menu, .footer-widget.widget_meta>ul, .footer-widget.widget_pages .menu, .footer-widget.widget_pages>ul, .footer-widget.widget_archive .menu, .footer-widget.widget_archive>ul, .footer-widget.widget_categories .menu, .footer-widget.widget_categories>ul, .footer-widget.widget_nav_menu .menu, .footer-widget.widget_nav_menu>ul { margin-bottom: -5px } .footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a { font-size: 16px; font-weight: 500; padding: 0; margin-bottom: 21px; font-family: var(--body-font); display: block; max-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; color: var(--light-color); padding-right: 0; background-color: transparent; border-bottom: none; position: relative } .footer-widget.widget_meta a:hover, .footer-widget.widget_pages a:hover, .footer-widget.widget_archive a:hover, .footer-widget.widget_categories a:hover, .footer-widget.widget_nav_menu a:hover { background-color: transparent; color: var(--theme-color); padding-left: 20px } .footer-widget.widget_meta a:hover:before, .footer-widget.widget_pages a:hover:before, .footer-widget.widget_archive a:hover:before, .footer-widget.widget_categories a:hover:before, .footer-widget.widget_nav_menu a:hover:before { opacity: 1 } .footer-widget.widget_meta li>span, .footer-widget.widget_pages li>span, .footer-widget.widget_archive li>span, .footer-widget.widget_categories li>span, .footer-widget.widget_nav_menu li>span { width: auto; height: auto; position: relative; background-color: transparent; color: var(--body-color); line-height: 1 } .footer-widget.widget_meta li:last-child a, .footer-widget.widget_pages li:last-child a, .footer-widget.widget_archive li:last-child a, .footer-widget.widget_categories li:last-child a, .footer-widget.widget_nav_menu li:last-child a { margin-bottom: 0 } .footer-widget .recent-post { max-width: 300px; margin-top: -0.3em; margin-bottom: 28px; border: 0; padding-bottom: 0 } .footer-widget .recent-post .post-title { color: var(--white-color); font-size: 16px; margin-bottom: 0 } .footer-widget .recent-post:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 } .footer-widget .recent-post .recent-post-meta { margin-bottom: 5px } .footer-widget .recent-post .recent-post-meta a { font-weight: 700; font-family: var(--title-font); line-height: 1.2; color: var(--light-color) } .footer-widget .recent-post .recent-post-meta i { color: var(--theme-color) } .footer-widget .recent-post .recent-post-meta a:hover i { color: var(--theme-color) } .th-widget-about .about-logo { margin-bottom: 24px } .th-widget-about .about-text { margin-bottom: 25px; margin-top: -0.5em; color: #CDCDCD } .footer-info { font-weight: 400; color: var(--white-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px } .footer-info:last-child { margin-bottom: 0 } .footer-info .info-box_link { color: var(--white-color) } .footer-info .info-box_link:hover { color: var(--theme-color) } .footer-info i { color: var(--theme-color); margin-right: 10px; line-height: inherit } .footer-text { margin-top: -0.46em; margin-bottom: 21px; color: var(--light-color) } .social-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .social-box .social-title { font-size: 20px; color: var(--white-color); font-weight: 600; margin-right: 20px; margin-bottom: 0 } .icon-group a { color: var(--white-color); font-size: 18px; margin-right: 17px } .icon-group a:last-child { margin-right: 0 } .newsletter-widget { max-width: 290px } .newsletter-widget .form-check { margin-top: 27px; padding-left: 0 } .newsletter-widget .form-check .form-check-label { color: var(--light-color); font-weight: 500 } .newsletter-widget .form-check .form-check-label:before { background: #363739; border: 0 } .newsletter-form { position: relative; max-width: 465px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; background-color: var(--white-color) } .newsletter-form .form-control { background-color: var(--white-color); border: 1px solid var(--border-color); height: 60px; color: var(--title-color); padding: 0 60px 0 20px } .newsletter-form .form-control::-webkit-input-placeholder { color: var(--light-color) } .newsletter-form .form-control::-moz-placeholder { color: var(--light-color) } .newsletter-form .form-control:-ms-input-placeholder { color: var(--light-color) } .newsletter-form .form-control::-ms-input-placeholder { color: var(--light-color) } .newsletter-form .form-control::placeholder { color: var(--light-color) } .newsletter-form .th-btn { position: absolute; right: 10px; width: 40px; height: 40px; border-radius: 50%; padding: 0; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; text-align: center; line-height: 42px } .newsletter-form .th-btn i { margin: 0 } .newsletter-form.style2 { max-width: none; background: transparent } .newsletter-form.style2 .form-control { width: 100%; background: transparent; border-radius: 4px; height: 70px; padding: 0 200px 0 30px; color: var(--white-color) } .newsletter-form.style2 .th-btn { width: auto; border-radius: 4px; padding: 0 40px; height: 60px; right: 5px } .sidebar-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px } .sidebar-gallery .gallery-btn { position: absolute; top: 50%; left: 50%; color: var(--white-color); visibility: hidden; opacity: 0; -webkit-transform: translate(-50%, 20px); -ms-transform: translate(-50%, 20px); transform: translate(-50%, 20px) } .sidebar-gallery .gallery-btn:hover { color: var(--theme-color) } .sidebar-gallery .gallery-thumb { overflow: hidden; position: relative } .sidebar-gallery .gallery-thumb:before { content: ''; height: calc(100% - 14px); width: calc(100% - 14px); background-color: var(--title-color); opacity: 0.8; position: absolute; top: 7px; left: 7px; border: 1px solid var(--white-color); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .sidebar-gallery .gallery-thumb img { width: 100% } .sidebar-gallery .gallery-thumb:hover:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .sidebar-gallery .gallery-thumb:hover .gallery-btn { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } @media (max-width: 1199px) { .footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a { margin-bottom: 16px } } @media (max-width: 767px) { .footer-widget .widget_title { margin-bottom: 35px } .th-widget-about .about-text { margin-bottom: 20px } .social-box.mb-30 { margin-bottom: 25px } } .th-header { position: relative; z-index: 41 } .sticky-wrapper { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .sticky-wrapper.sticky { position: fixed; top: 0; right: 0; left: 0; z-index: 9; background-color: var(--white-color); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07); -webkit-animation: stickyAni 0.4s ease-in-out; animation: stickyAni 0.4s ease-in-out } @-webkit-keyframes stickyAni { 0% { -webkit-transform: translate3d(0, -40px, 0) scaleY(0.7); transform: translate3d(0, -40px, 0) scaleY(0.7); opacity: 0.7 } 100% { -webkit-transform: translate3d(0, 0, 0) scaleY(1); transform: translate3d(0, 0, 0) scaleY(1); opacity: 1 } } @keyframes stickyAni { 0% { -webkit-transform: translate3d(0, -40px, 0) scaleY(0.7); transform: translate3d(0, -40px, 0) scaleY(0.7); opacity: 0.7 } 100% { -webkit-transform: translate3d(0, 0, 0) scaleY(1); transform: translate3d(0, 0, 0) scaleY(1); opacity: 1 } } .th-header .sticky-wrapper { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; background: var(--white-color) } .th-header .sticky-wrapper.sticky { position: fixed; top: 0; left: 0; right: 0; width: 100%; background: #ffffff; z-index: 999 } .main-menu a { display: block; position: relative; font-weight: 700; font-size: 16px; color: var(--title-color); font-family: var(--title-font) } .main-menu a:hover { color: var(--theme-color) } .main-menu>ul>li { margin: 0 14px } .main-menu>ul>li>a { padding: 41.5px 0; color: var(--white-color); text-transform: capitalize } .main-menu>ul>li>a:hover { color: var(--theme-color) } .main-menu ul { margin: 0; padding: 0 } .main-menu ul li { list-style-type: none; display: inline-block; position: relative } .main-menu ul li.menu-item-has-children>a { -webkit-transition: 0.4s; transition: 0.4s } .main-menu ul li.menu-item-has-children>a:after { content: ""; position: relative; font-family: var(--icon-font); margin-left: 4px; font-weight: 700; top: 0; font-size: 13px; display: inline-block; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } a { transition: 0.5s; } a:hover { color: firebrick; scale: 1.1; } .main-menu ul li.menu-item-has-children:hover>a:after { content: ""; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .main-menu ul li:last-child { margin-right: 0 !important } .main-menu ul li:first-child { margin-left: 0 !important } .main-menu ul li:hover>ul.sub-menu { visibility: visible; opacity: 1; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); z-index: 9 } .main-menu ul.sub-menu { position: absolute; text-align: left; top: 70%; left: 0; background-color: var(--white-color); visibility: hidden; min-width: 190px; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 7px; left: -14px; opacity: 0; z-index: -1; border: 0; border-top: 3px solid black ; box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06); border-radius: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s } .main-menu ul.sub-menu a { font-size: 14px; line-height: 30px } .main-menu ul.sub-menu { padding: 18px 20px 18px 18px; left: -27px } .main-menu ul.sub-menu li { display: block; margin: 0 0; padding: 0px 7px } .main-menu ul.sub-menu li.menu-item-has-children>a:after { content: "\f105"; float: right; top: 1px } .main-menu ul.sub-menu li a span{ padding-right: 5px;} .main-menu ul.sub-menu li a { position: relative; text-transform: capitalize } .main-menu ul.sub-menu li ul.sub-menu { left: 100%; right: auto; top: 0; margin: 0 0; margin-left: 20px } .main-menu ul.sub-menu li ul.sub-menu li ul { left: 100%; right: auto } .header-button { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 70px } .header-button .icon-btn { position: relative; color: var(--white-color); border-color: transparent; border-radius: 50% } .header-button .icon-btn:after { content: ''; position: absolute; right: -36px; top: -28px; background: var(--white-color); opacity: 0.1; height: 110px; width: 1px } .header-button .icon-btn:hover { color: var(--theme-color); background: rgba(255, 255, 255, 0.1) } .header-button .icon-btn:hover .grid-icon .grid-icon-dot3, .header-button .icon-btn:hover .grid-icon .grid-icon-dot3:after, .header-button .icon-btn:hover .grid-icon .grid-icon-dot3:before, .header-button .icon-btn:hover .grid-icon .grid-icon-dot2:after, .header-button .icon-btn:hover .grid-icon .grid-icon-dot2:before, .header-button .icon-btn:hover .grid-icon .grid-icon-dot2, .header-button .icon-btn:hover .grid-icon .grid-icon-dot:after, .header-button .icon-btn:hover .grid-icon .grid-icon-dot:before, .header-button .icon-btn:hover .grid-icon .grid-icon-dot { background: var(--theme-color) } .header-button .icon-btn:hover .badge { background-color: var(--white-color); color: var(--theme-color) } .grid-icon { position: relative; display: block; padding: 0 10px } .grid-icon .grid-icon-dot3, .grid-icon .grid-icon-dot2, .grid-icon .grid-icon-dot { position: relative; height: 5px; width: 5px; border-radius: 50%; background: var(--white-color); display: block; margin: 5px auto; -webkit-transition: 0.4s all ease; transition: 0.4s all ease } .grid-icon .grid-icon-dot3:after, .grid-icon .grid-icon-dot3:before, .grid-icon .grid-icon-dot2:after, .grid-icon .grid-icon-dot2:before, .grid-icon .grid-icon-dot:after, .grid-icon .grid-icon-dot:before { content: ''; position: absolute; height: 5px; width: 5px; border-radius: 50%; background: var(--white-color); -webkit-transition: 0.4s all ease; transition: 0.4s all ease } .grid-icon .grid-icon-dot3:after, .grid-icon .grid-icon-dot2:after, .grid-icon .grid-icon-dot:after { left: 10px } .grid-icon .grid-icon-dot3:before, .grid-icon .grid-icon-dot2:before, .grid-icon .grid-icon-dot:before { right: 10px } .header-links ul { margin: 0; padding: 0; list-style-type: none } .header-links li { display: inline-block; position: relative; font-size: 16px; font-weight: 500 } .header-links li:not(:last-child) { margin: 0 36px 0 0; padding: 0 40px 0 0; border-right: 1px solid rgba(255, 255, 255, 0.2) } .header-links li>i { font-size: 14px; margin-right: 10px; color: var(--theme-color); display: inline-block; text-align: center } .header-links li, .header-links span, .header-links p, .header-links a { font-family: var(--body-font); color: var(--smoke-color2); font-size: 14px; font-weight: 500 } .header-links li strong, .header-links span strong, .header-links p strong, .header-links a strong { color: var(--white-color) } .header-links a:hover { color: var(--theme-color) } .header-links i { color: var(--title-color) } .header-links b, .header-links strong { font-weight: 600 } .header-links .header-social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 17px } .header-links .header-social a { font-size: 16px; display: inline-block; color: var(--smoke-color2) } .header-links .header-social a i { color: var(--smoke-color2); -webkit-transition: 0.4s; transition: 0.4s } .header-links .header-social a:last-child { margin-right: 0 } .header-links .header-social a:hover i { color: var(--theme-color) } .header-logo { transition: all 1s; } .header-logo img { width: 90px; height: 90px; margin: 2px; } @media (max-width:550px) { .header-logo img { width: 80px; height: 80px; margin: 5px; } } .header-logo a { display: flex; align-items: center; justify-content: center; } .header-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; padding-left: 20px } .header-info-wrap { display: grid; grid-template-columns: auto auto auto; gap: 37px } .header-info_icon { height: 60px; width: 60px; border-radius: 50%; line-height: 62px; background: rgba(255, 255, 255, 0.1); text-align: center } .header-info_icon i { font-size: 18px; font-weight: 400; color: var(--white-color) } .header-info_label { color: var(--light-color); margin-bottom: 2px; font-family: var(--title-font); font-weight: 600; font-size: 14px; line-height: 24px; display: inline-block } .header-info_link { font-weight: 500; font-size: 18px; line-height: 30px; color: var(--white-color); margin-bottom: 0; font-family: var(--body-font) } .header-info_link a { color: inherit } .header-info_link a:hover { color: var(--theme-color) } .dropdown-toggle { position: relative; font-size: 16px; font-weight: 700; color: var(--white-color) } .dropdown-toggle img { margin-right: 10px } .dropdown-toggle:hover { color: var(--theme-color) } .dropdown-toggle::after { content: "\f107"; border: none; font-family: var(--icon-font); vertical-align: middle; font-size: 16px; font-weight: 700; margin-left: 6px } .dropdown-menu { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: auto; top: calc(100% + 20px) !important; left: calc(50% + 10px) !important; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; padding: 8px 20px !important; text-align: center; border-color: var(--border-color) } .dropdown-menu li { display: block } .dropdown-menu:after { content: ""; position: absolute; left: 50%; top: -7px; width: 14px; height: 14px; margin-left: -7px; background-color: var(--white-color); z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid var(--border-color); border-left: 1px solid var(--border-color) } .header-top.style2 .header-links li { padding-top: 12px; padding-bottom: 12px } .header-top.style2 .header-links .header-social a:hover i, .header-top.style2 .header-links a:hover { color: var(--title-color) } .header-layout1 { position: relative } .header-layout1 .sticky-wrapper { background: transparent; position: absolute; left: 0; top: 0; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 0 70px } .header-layout1 .sticky-wrapper.sticky { background: var(--title-color) } .header-layout1 .header-logo { position: relative; padding-right: 58px; margin-right: 45px; height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header-layout1 .header-logo:after { content: ''; position: absolute; right: 0px; top: -25px; background: var(--white-color); opacity: 0.1; height: 110px; width: 1px } .header-layout1 .menu-area { position: relative; z-index: 3 } @media (max-width: 1500px) { .header-layout1 .sticky-wrapper { padding: 0 30px } .header-button { gap: 50px } .header-button .icon-btn:after { right: -26px } .header-info { padding-left: 15px } .header-layout1 .header-logo { padding-right: 38px; margin-right: 25px } } @media (max-width: 1399px) { .header-layout1 .header-button .th-btn { display: none } .main-menu a { font-weight: 600 } .header-layout1 .header-logo { padding-right: 28px; margin-right: 10px; width: 200px } } @media (max-width: 1200px) { .header-button { gap: 40px } .header-layout1 .header-logo { padding-right: 18px; margin-right: 5px; width: 193px } .header-info { padding-left: 0px } } @media (max-width: 1299px) { .header-layout1 .header-button .icon-btn:not(:first-child) { display: none } } @media (max-width: 1199px) { .main-menu>ul>li>a { padding: 36.5px 0 } .header-layout1 .header-logo:after { top: -20px; height: 100px } .header-layout1 .header-logo { width: auto } } @media (max-width: 991px) { .header-layout1 .header-logo { margin-right: 0; height: 80px } .header-logo { padding-top: 20px; padding-bottom: 20px; } .header-layout1 .sticky-wrapper { padding: 0 } } @media (max-width: 575px) { .header-layout1 .header-logo:after { display: none } } .header-layout2 .sticky-wrapper { position: relative; background: transparent } .header-layout2 .sticky-wrapper:after { content: ''; position: absolute; left: 0; height: 100%; width: 470px; background: var(--theme-color); top: 0; z-index: -2 } .header-layout2 .header-top { position: relative } .header-layout2 .header-top:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; background-color: var(--theme-color); width: calc(100% - 200px); z-index: -1 } .header-layout2 .header-links { padding-left: 30px } .header-layout2 .header-links li { padding-top: 12px; padding-bottom: 12px } .header-layout2 .header-links a:hover { color: var(--title-color) } .header-layout2 .header-links a:hover i { color: var(--title-color) } .header-layout2 .main-menu>ul>li>a { color: var(--title-color); padding: 36.5px 0 } .header-layout2 .main-menu>ul>li>a:hover { color: var(--theme-color) } .header-layout2 .header-button { gap: 23px } .header-layout2 .header-button .icon-btn { color: var(--title-color); font-size: 20px } .header-layout2 .header-button .icon-btn:after { display: none } .header-layout2 .header-button .icon-btn:hover { background: var(--theme-color); color: var(--white-color) } .header-layout2 .header-button .icon-btn:hover .grid-icon .grid-icon-dot3:after, .header-layout2 .header-button .icon-btn:hover .grid-icon .grid-icon-dot3:before, .header-layout2 .header-button .icon-btn:hover .grid-icon .grid-icon-dot2:after, .header-layout2 .header-button .icon-btn:hover .grid-icon .grid-icon-dot2:before, .header-layout2 .header-button .icon-btn:hover .grid-icon .grid-icon-dot:after, .header-layout2 .header-button .icon-btn:hover .grid-icon .grid-icon-dot:before, .header-layout2 .header-button .icon-btn:hover .grid-icon .grid-icon-dot3, .header-layout2 .header-button .icon-btn:hover .grid-icon .grid-icon-dot2, .header-layout2 .header-button .icon-btn:hover .grid-icon .grid-icon-dot { background: var(--white-color) } .header-layout2 .header-button .icon-btn .grid-icon .grid-icon-dot3:after, .header-layout2 .header-button .icon-btn .grid-icon .grid-icon-dot3:before, .header-layout2 .header-button .icon-btn .grid-icon .grid-icon-dot2:after, .header-layout2 .header-button .icon-btn .grid-icon .grid-icon-dot2:before, .header-layout2 .header-button .icon-btn .grid-icon .grid-icon-dot:after, .header-layout2 .header-button .icon-btn .grid-icon .grid-icon-dot:before, .header-layout2 .header-button .icon-btn .grid-icon .grid-icon-dot3, .header-layout2 .header-button .icon-btn .grid-icon .grid-icon-dot2, .header-layout2 .header-button .icon-btn .grid-icon .grid-icon-dot { background: var(--title-color) } @media (min-width: 1922px) { .header-layout2 .sticky-wrapper:after { width: 30% } } @media (max-width: 1600px) { .header-layout2 .header-top:after { width: 100% } .header-layout2 .header-links { padding-left: 0 } .header-layout2 .sticky-wrapper:after { width: 250px } } @media (max-width: 1500px) { .header-layout2 .sticky-wrapper:after { width: 280px } } @media (max-width: 1399px) { .header-layout2 .sticky-wrapper:after { width: 250px } } @media (max-width: 1200px) { .header-layout2 .sticky-wrapper:after { width: 190px } } @media (max-width: 1199px) { .header-layout2 .sticky-wrapper { padding: 0 20px } .header-layout2 .sticky-wrapper:after { width: 220px } } @media (max-width: 991px) { .header-links li { font-size: 14px } .header-links li>i { font-size: 15px } .header-links .header-social a { font-size: 14px } .header-layout2 .sticky-wrapper { padding: 0 } .header-layout2 .sticky-wrapper:after { width: 190px } } @media (max-width: 575px) { .header-layout2 .header-top { display: none } } .header-layout3:after { content: ''; position: absolute; left: 0; height: 100%; width: 430px; background: var(--theme-color); top: 0; z-index: -2 } .header-layout3:before { content: ''; position: absolute; right: 0; height: 70px; width: 90.5%; background: var(--title-color); bottom: -27px; z-index: -1 } .header-layout3 .sticky-wrapper { background: transparent; max-width: 1470px; margin: auto; -webkit-transform: translate(0px, 27px); -ms-transform: translate(0px, 27px); transform: translate(0px, 27px); margin-top: -27px } .header-layout3 .sticky-wrapper.sticky { padding: 0 15px } .header-layout3 .sticky-wrapper.sticky .sticky-d-block { display: block !important } .header-layout3 .sticky-wrapper.sticky .main-menu>ul>li>a { color: var(--title-color) } .header-layout3 .sticky-wrapper.sticky .grid-icon .grid-icon-dot3:after, .header-layout3 .sticky-wrapper.sticky .grid-icon .grid-icon-dot3:before, .header-layout3 .sticky-wrapper.sticky .grid-icon .grid-icon-dot2:after, .header-layout3 .sticky-wrapper.sticky .grid-icon .grid-icon-dot2:before, .header-layout3 .sticky-wrapper.sticky .grid-icon .grid-icon-dot:after, .header-layout3 .sticky-wrapper.sticky .grid-icon .grid-icon-dot:before, .header-layout3 .sticky-wrapper.sticky .grid-icon .grid-icon-dot3, .header-layout3 .sticky-wrapper.sticky .grid-icon .grid-icon-dot2, .header-layout3 .sticky-wrapper.sticky .grid-icon .grid-icon-dot { background: var(--title-color) } .header-layout3 .sticky-wrapper.sticky .lang-btn { display: none } .header-layout3 .sticky-wrapper.sticky .header-button input { background: var(--smoke-color) } .header-layout3 .header-top { padding: 15px 0; max-width: 1470px; margin: auto } .header-layout3 .header-top .header-logo { margin-left: -50px } .header-layout3 .main-menu>ul>li>a { padding: 21.5px 0 } .header-layout3 .header-info-wrap { gap: 35px } .header-layout3 .header-info:not(:last-child) { border-right: 1px solid rgba(18, 18, 18, 0.1); padding-right: 50px } .header-layout3 .header-info_icon { height: 50px; width: 50px; line-height: 50px; border: 1px solid rgba(18, 18, 18, 0.1) } .header-layout3 .header-info_icon i { color: var(--theme-color) } .header-layout3 .header-info_label { font-weight: 700; color: var(--theme-color) } .header-layout3 .header-info_link { color: var(--title-color); margin-bottom: -0.2em } .header-layout3 .header-button .form-group i { left: 30px; right: auto; top: 27px } .header-layout3 .header-button input { height: 70px; background: rgba(255, 255, 255, 0.05); border: 0; padding: 0 30px 0 55px; color: var(--light-color) } .header-layout3 .header-button input::-webkit-input-placeholder { color: var(--light-color); font-style: italic } .header-layout3 .header-button input::-moz-placeholder { color: var(--light-color); font-style: italic } .header-layout3 .header-button input:-ms-input-placeholder { color: var(--light-color); font-style: italic } .header-layout3 .header-button input::-ms-input-placeholder { color: var(--light-color); font-style: italic } .header-layout3 .header-button input::placeholder { color: var(--light-color); font-style: italic } .header-layout3 .header-button .icon-btn:after { top: -9px; height: 70px } @media (min-width: 1922px) { .header-layout3:after { width: 29% } .header-layout3:before { width: 80.2% } } @media (max-width: 1600px) { .header-layout3:after { width: 280px } .header-layout3 .header-top .header-logo { margin-left: 0 } .header-layout3:before { width: 100% } .header-layout3 .sticky-wrapper { -webkit-transform: none; -ms-transform: none; transform: none; margin-top: 0 } .header-layout3:before { bottom: 0 } } @media (max-width: 1500px) { .header-layout3:after { width: 220px } .header-layout3 .sticky-wrapper, .header-layout3 .header-top { max-width: 1380px } .header-layout3 .header-info-wrap { gap: 15px } .header-layout3 .header-info:not(:last-child) { padding-right: 30px } .header-layout1 .header-button { gap: 45px } } @media (max-width: 1200px) { .header-info_link { font-size: 16px } .header-layout3 .header-info-wrap { gap: 20px } .header-layout3 .header-info:not(:last-child) { padding-right: 20px } .header-layout3:after { width: 190px } .header-layout1 .main-menu a { font-size: 15px } } @media (max-width: 1199px) { .header-layout3 .header-top { padding: 15px } .header-layout3 .menu-area { padding: 0 20px } } @media (max-width: 991px) { .header-layout3:after, .header-layout3:before { display: none } .header-layout3 .sticky-wrapper { overflow: hidden } .header-layout3 .sticky-wrapper.sticky { padding: 0 } } .header-layout4 .menu-area { padding: 0 40px; position: absolute; right: 0; left: 0; max-width: 1520px; margin: auto } .header-layout4 .main-menu>ul>li>a { padding: 36.5px 0; color: var(--title-color) } .header-layout4 .header-button { gap: 40px } .header-layout4 .header-button .icon-btn { color: var(--title-color); height: auto; width: auto; padding: 0 } .header-layout4 .header-button .icon-btn:hover { color: var(--theme-color) } .header-layout4 .header-button .icon-btn:after { display: none } .header-layout4 .header-links li { font-weight: 400 } .header-layout4 .header-links li a { background-image: -webkit-linear-gradient(right, var(--white-color), var(--white-color)); background-image: linear-gradient(to left, var(--white-color), var(--white-color)); background-repeat: no-repeat; background-position: bottom left; background-size: 0 2px } .header-layout4 .header-links li>i { color: var(--white-color); font-size: 16px } .header-layout4 .grid-icon { padding: 0 10px } .header-layout4 .grid-icon .grid-icon-dot3:after, .header-layout4 .grid-icon .grid-icon-dot3:before, .header-layout4 .grid-icon .grid-icon-dot2:after, .header-layout4 .grid-icon .grid-icon-dot2:before, .header-layout4 .grid-icon .grid-icon-dot:after, .header-layout4 .grid-icon .grid-icon-dot:before, .header-layout4 .grid-icon .grid-icon-dot3, .header-layout4 .grid-icon .grid-icon-dot2, .header-layout4 .grid-icon .grid-icon-dot { background: var(--title-color) } .header-layout4 .header-top.style2 .header-links .header-social a:hover i, .header-layout4 .header-top.style2 .header-links a:hover { color: var(--white-color); background-size: 100% 2px } @media (max-width: 1500px) { .header-layout4 .menu-area { padding: 0; position: inherit } .header-layout4 .sticky-wrapper.sticky { padding: 0 80px } } @media (max-width: 1399px) { .header-layout4 .sticky-wrapper.sticky { padding: 0 50px } } @media (max-width: 1200px) { .header-top.style2 { padding: 0 30px } .header-top.style2 .header-links li:not(:last-child) { margin: 0 21px 0 0; padding: 0 25px 0 0 } .header-layout4 .menu-area, .header-layout4 .sticky-wrapper.sticky { padding: 0 30px } } @media (max-width: 1199px) { .header-layout4 .menu-area, .header-layout4 .sticky-wrapper.sticky { padding: 0 30px } } @media (max-width: 991px) { .header-top.style2 .header-links li { padding-top: 7px; padding-bottom: 7px } } @media (max-width: 575px) { .header-layout4 .sticky-wrapper.sticky { padding: 0 15px } .header-layout4 .menu-area { padding: 0 } } @media (max-width: 375px) { .header-top.style2 { display: none } } .header-layout5 { position: relative; --shape-width: 25% } .header-layout5 .header-top { position: relative } .header-layout5 .header-top .th-container3 { padding-left: 280px } .header-layout5 .header-links li { padding-top: 12px; padding-bottom: 12px } .header-layout5 .header-social { padding: 12px 40px; gap: 25px; background: rgba(1, 98, 202, 0.3) } .header-layout5 .main-menu>ul>li>a { color: var(--title-color); padding: 36.5px 0 } .header-layout5 .main-menu>ul>li>a:hover { color: var(--theme-color) } .header-layout5 .menu-area .logo-bg-shape { height: 150px; width: var(--shape-width); position: absolute; top: 8px; left: 0; z-index: 1 } .header-layout5 .menu-area .logo-bg-shape:after { content: ""; position: absolute; background-color: var(--theme-color); -webkit-clip-path: polygon(0 0, 86% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 0, 86% 0%, 100% 100%, 0% 100%); width: 100%; height: 100%; top: 0; right: 0; z-index: 2 } .header-layout5 .menu-area .logo-bg-shape:before { content: ""; position: absolute; background-color: #007CDD; -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%); clip-path: polygon(100% 0, 0 0, 50% 100%); width: 100px; height: 100px; bottom: 0; right: -50px; z-index: 2 } .header-layout5 .header-logo { position: relative; z-index: 2; margin-right: 90px; margin-top: -50px } .header-layout5 .main-menu { padding-left: 62px } .header-layout5 .header-button { gap: 25px } .header-layout5 .header-button .icon-btn { color: var(--title-color); font-size: 20px; width: auto; padding: 0 } .header-layout5 .header-button .icon-btn:after { display: none } .header-layout5 .header-button .icon-btn .grid-icon .grid-icon-dot3:after, .header-layout5 .header-button .icon-btn .grid-icon .grid-icon-dot3:before, .header-layout5 .header-button .icon-btn .grid-icon .grid-icon-dot2:after, .header-layout5 .header-button .icon-btn .grid-icon .grid-icon-dot2:before, .header-layout5 .header-button .icon-btn .grid-icon .grid-icon-dot:after, .header-layout5 .header-button .icon-btn .grid-icon .grid-icon-dot:before, .header-layout5 .header-button .icon-btn .grid-icon .grid-icon-dot3, .header-layout5 .header-button .icon-btn .grid-icon .grid-icon-dot2, .header-layout5 .header-button .icon-btn .grid-icon .grid-icon-dot { background: var(--title-color) } .header-layout5 .header-button .icon-btn:hover { color: var(--theme-color) } .header-layout5 .header-button .icon-btn:hover .grid-icon .grid-icon-dot3:after, .header-layout5 .header-button .icon-btn:hover .grid-icon .grid-icon-dot3:before, .header-layout5 .header-button .icon-btn:hover .grid-icon .grid-icon-dot2:after, .header-layout5 .header-button .icon-btn:hover .grid-icon .grid-icon-dot2:before, .header-layout5 .header-button .icon-btn:hover .grid-icon .grid-icon-dot:after, .header-layout5 .header-button .icon-btn:hover .grid-icon .grid-icon-dot:before, .header-layout5 .header-button .icon-btn:hover .grid-icon .grid-icon-dot3, .header-layout5 .header-button .icon-btn:hover .grid-icon .grid-icon-dot2, .header-layout5 .header-button .icon-btn:hover .grid-icon .grid-icon-dot { background: var(--theme-color) } .header-layout5 .sticky-wrapper.sticky .header-logo { margin-top: 0; } .header-layout5 .sticky-wrapper.sticky .logo-bg-shape { height: 100px; top: 0 } .header-layout5 .sticky-wrapper.sticky .logo-bg-shape:before { -webkit-clip-path: polygon(100% 0, 0 0, 49% 100%); clip-path: polygon(100% 0, 0 0, 49% 100%); width: 135px; height: 100px; bottom: 0; right: -68px; z-index: 2 } @media (max-width: 1600px) { .header-layout5 { --shape-width: 17% } .header-layout5 .main-menu { padding-left: 50px } } @media (max-width: 1500px) { .header-layout5 { --shape-width: 22% } .header-layout5 .header-top .th-container3 { padding-left: 280px } } @media (max-width: 1399px) { .header-layout5 { --shape-width: 21% } } @media (max-width: 1200px) { .header-layout5 { --shape-width: 20% } .header-layout5 .header-logo { margin-right: 70px } .header-layout5 .header-top .th-container3 { padding-left: 250px } .header-layout5 .main-menu { padding-left: 0 } } @media (max-width: 1199px) { .header-layout5 { --shape-width: 27% } .header-layout5 .th-container3 { margin: 0 30px } } @media (max-width: 991px) { .header-layout5 { --shape-width: 35% } .header-layout5 .header-top { display: none } .header-layout5 .menu-area { padding: 2.5px 0 } .header-layout5 .menu-area .logo-bg-shape { height: 90px; top: 0 } .header-layout5 .header-logo { margin-right: 0; margin-top: 0 } .header-layout5 .sticky-wrapper.sticky .logo-bg-shape { height: 90px } } @media (max-width: 767px) { .header-layout5 { --shape-width: 40% } } @media (max-width: 575px) { .header-layout5 { --shape-width: 50% } .header-layout5 .th-container3 { margin: 0 } } @media (max-width: 375px) { .header-layout5 { --shape-width: 60% } .header-layout5 .header-logo img { width: 190px } .header-layout1 .header-logo { padding-right: 0 } } .header-layout6 { --main-container: 1440px } .header-layout6 .dropdown-link { position: relative } .header-layout6 .dropdown-link>a { color: var(--white-color) } .header-layout6 .dropdown-toggle::after { content: "\f107"; border: none; font-family: var(--icon-font); vertical-align: middle; font-weight: 400; margin-left: 6px } .header-layout6 .dropdown-menu { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: auto; top: calc(100% + 10px) !important; left: 50% !important; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; padding: 8px 20px !important; text-align: center; border-color: var(--border-color) } .header-layout6 .dropdown-menu li { padding-right: 0; margin-right: 0 } .header-layout6 .dropdown-menu li:after { display: none } .header-layout6 .dropdown-menu li a { display: block } .header-layout6 .dropdown-menu a { color: var(--body-color) } .header-layout6 .dropdown-menu a:hover { color: var(--theme-color) !important } .header-layout6 .dropdown-menu:before { content: ""; position: absolute; left: 50%; top: -7px; width: 14px; height: 14px; margin-left: -7px; background-color: var(--white-color); z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid var(--border-color); border-left: 1px solid var(--border-color) } .header-layout6 .simple-icon { border: none; background-color: transparent } .header-layout6 .simple-icon.style2 { font-size: 28px } .header-layout6 .simple-icon:hover { color: var(--theme-color) } .header-layout6 .header-top { background-color: var(--theme-color); padding: 14px 0; --body-color: #fff } .header-layout6 .header-top a, .header-layout6 .header-top li, .header-layout6 .header-top p, .header-layout6 .header-top span, .header-layout6 .header-top i { color: var(--body-color) } .header-layout6 .header-top a:hover { color: var(--white-color) } .header-layout6 .header-top a:hover i { color: var(--title-color) } .header-layout6 .header-top li:before { background-color: #5792ff } .header-layout6 .header-top li:not(:last-child) { margin: 0 17px 0 0; padding: 0 20px 0 0 } .header-layout6 .simple-icon { color: var(--white-color) } .header-layout6 .dropdown-menu { --body-color: #74787c } .header-layout6 .logo-shape { display: inline-block; height: 100%; width: 27.7%; position: absolute; top: 0; left: 0; background-color: var(--white-color); -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 50px) 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, calc(100% - 50px) 100%, 0% 100%); z-index: -1 } .header-layout6 .menu-area { position: relative; background-color: #121212; background-size: auto; background-repeat: repeat; z-index: 2 } .header-layout6 .main-menu>ul>li { margin: 0 18px } .header-layout6 .main-menu>ul>li>a { color: var(--white-color); padding: 41.5px 0 } .header-layout6 .th-menu-toggle { margin: 20px 0 } .header-layout6 .header-button { margin-left: 100px; gap: 15px } .header-layout6 .icon-btn:hover { border-color: var(--theme-color) } @media (min-width: 1922px) { .header-layout6 { --main-container: 1440px } .header-layout6 .logo-shape { width: 34% } } @media (max-width: 1700px) { .header-layout6 .logo-shape { width: 25% } } @media (max-width: 1500px) { .header-layout6 { --main-container: 1300px } } @media (max-width: 1399px) { .header-layout6 .container { margin-left: auto; margin-right: auto } .header-layout6 .header-button { margin-left: 60px } .header-layout6 .logo-shape { width: 22% } } @media (max-width: 1300px) { .header-layout6 .logo-shape { width: 26% } .header-layout6 .header-button .th-btn { display: none } } @media (max-width: 1199px) { .header-layout6 .logo-shape { width: 300px } } @media (max-width: 991px) { .header-layout6 .logo-shape { width: 60% } } @media (max-width: 767px) { .header-layout6 .header-top { padding: 8px 0 } } @media (max-width: 375px) { .header-layout6 .logo-shape { width: 75% } } .header-layout7 { --main-container: 1380px; --btn-size: 45px } .header-layout7 .header-notice { margin-bottom: 0; display: inline-block; font-size: 14px } .header-layout7 .header-link { display: inline-block; color: var(--white-color); margin-right: 40px; -webkit-transition: 0.4s; transition: 0.4s; font-size: 14px } .header-layout7 .header-link:last-child { margin-right: 0 } .header-layout7 .header-link:hover { color: var(--theme-color) } .header-layout7 .header-link .icon-btn { margin-right: 10px; font-size: 14px; border: none; --btn-size: 40px } .header-layout7 .top-area { background-color: var(--title-color) } .header-layout7 .header-top { padding: 12px 0; --body-color: #fff; border-bottom: 1px solid #3c3c3c } .header-layout7 .header-top a, .header-layout7 .header-top li, .header-layout7 .header-top p, .header-layout7 .header-top span, .header-layout7 .header-top i { color: var(--white-color) } .header-layout7 .header-top a:hover { color: var(--theme-color) } .header-layout7 .menu-top { padding: 5px 0 } .sidebar-area { position: sticky; top: 150px; } .widget_nav_menu .menu .active a { color: var(--theme-color); } .header-layout7 .menu-top .icon-btn { background-color: var(--theme-color); color: var(--white-color); border-radius: 50% } .header-layout7 .header-link { color: var(--white-color); padding-right: 20px; margin-right: 20px; border-right: 1px solid #3c3c3c } .header-layout7 .header-link:last-child { padding-right: 0; margin-right: 0; border-right: none } .header-layout7 .header-link:hover { color: var(--theme-color) } .header-layout7 .th-social a { background-color: #121212; border: 1px solid #3c3c3c; color: var(--white-color); --icon-size: 40px } .header-layout7 .th-social a:hover { background-color: var(--theme-color); color: var(--white-color); border-color: var(--theme-color) } .header-layout7 .simple-icon { color: var(--white-color) } .header-layout7 .dropdown-menu { --body-color: #74787c } .header-layout7 .logo-shape { display: inline-block; height: 100%; width: 34%; position: absolute; top: 0; left: 0; background: var(--white-color); background-size: auto; background-repeat: repeat; -webkit-clip-path: polygon(0 0, calc(100% - 100px) 0%, 100% 100%, 0% 100%); clip-path: polygon(0 0, calc(100% - 100px) 0%, 100% 100%, 0% 100%); z-index: -1 } .header-layout7 .icon-style2 { color: var(--title-color) } .header-layout7 .menu-area { position: relative; background-color: var(--theme-color); z-index: 2; height: 100px; display: flex; align-items:center; } @media (min-width: 1922px) { .header-layout7 .menu-area .container { margin-right: auto } } @media (max-width: 1399px) { .header-layout7 .menu-area .container { margin-right: auto } } .header-layout7 .main-menu>ul>li { margin: 0 18px } .header-layout7 .main-menu>ul>li>a { color: var(--white-color); padding: 39px 0 } .header-layout7 .th-menu-toggle { margin: 20px 0; background-color: var(--title-color) } .header-layout7 .header-button { margin-left: 250px; gap: 15px } .header-layout7 .header-button .icon-btn { border: 1px solid #d0dbe9 } .header-layout7 .header-button .icon-btn:hover { background: var(--title-color); border-color: var(--title-color); color: var(--white-color) } .header-layout7 .header-button .icon-btn:after { display: none } @media (max-width: 1700px) { .header-layout7 .logo-shape { width: 22% } } @media (max-width: 1500px) { .header-layout7 .menu-area .container { --main-container: 1382px; margin-left: auto; margin-right: auto } } @media (max-width: 1299px) { .header-layout7 .header-button { margin-left: 60px } } @media (max-width: 1300px) { .header-layout7 .header-button { margin-left: 20px } .header-layout7 .logo-shape { width: 26% } } @media (max-width: 1199px) { .header-layout7 .header-link:nth-child(2) { padding-right: 0; margin-right: 0; border-right: none } .header-layout7 .logo-shape { width: 32% } } @media (max-width: 991px) { .header-layout7 .logo-shape { width: 60% } .header-layout7 .header-link { padding-right: 0; margin-right: 0; border-right: none } } @media (max-width: 767px) { .header-notice { text-align: center; font-size: 14px } .header-layout7 .menu-top { padding: 12px 0 } } @media (max-width: 575px) { .header-layout7 .logo-shape { width: 280px } } .header-layout8 { position: absolute; top: 0; left: 0; width: 100%; --main-container: 1920px } .header-layout8 .header-notice { margin-bottom: 0 } .header-layout8 .sticky-wrapper { background: transparent } .header-layout8 .sticky-wrapper.sticky { background-color: var(--title-color) } .header-layout8 .container { padding-left: 0; padding-right: 0 } .header-layout8 .header-logo { background-color: var(--theme-color); padding: 15px 100px 15px 50px; border-right: 5px solid var(--white-color); height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header-layout8 .header-top { padding: 15px 0; --body-color: #fff } .header-layout8 .header-top a, .header-layout8 .header-top li, .header-layout8 .header-top p, .header-layout8 .header-top span, .header-layout8 .header-top i { color: var(--white-color); -webkit-transition: 0.4s; transition: 0.4s } .header-layout8 .header-top a:hover { color: var(--theme-color) } .header-layout8 .header-top li { font-weight: 400 } .header-layout8 .header-top li:before { background-color: #d9d9d9 } .header-layout8 .header-top .header-links li:not(:last-child) { margin: 0 16px 0 0; padding: 0 20px 0 0 } .header-layout8 .header-top .header-social a { margin: 0 15px 0 0 } .header-layout8 .header-top .header-social a:last-child { margin: 0 } .header-layout8 .header-top .header-social a:hover i { color: var(--theme-color) } .header-layout8 .top-left { padding-left: 50px } .header-layout8 .top-right { width: 1080px; padding-right: 50px } .header-layout8 .simple-icon { color: var(--white-color) } .header-layout8 .simple-icon.style2 { font-size: 28px } .header-layout8 .dropdown-menu { --body-color: #74787c } .header-layout8 .menu-area { position: relative; padding: 0 50px; background-color: rgba(255, 255, 255, 0.1); width: 1080px; border-left: 5px solid var(--white-color) } .header-layout8 .main-menu>ul>li { margin: 0 18px } .header-layout8 .main-menu>ul>li>a { color: var(--white-color); padding: 36.5px 0 } .header-layout8 .th-menu-toggle { margin: 15px 0 } .header-layout8 .header-button { margin-left: 10px; gap: 30px } .header-layout8 .header-button .icon-btn { --btn-size: 45px; font-size: 16px; line-height: 43px; background: transparent; border: 1px solid #d0dbe9 } .header-layout8 .header-button .icon-btn:after { display: none } .header-layout8 .header-button .icon-btn:hover { background: var(--theme-color); color: var(--white-color); border-color: var(--theme-color) } @media (max-width: 1299px) { .header-layout8 .header-logo { padding: 15px 100px 15px 30px } .header-layout8 .top-left { padding-left: 30px } .header-layout8 .top-right { width: 900px; padding-right: 30px } .header-layout8 .menu-area { padding: 0 30px; width: 900px } } @media (max-width: 1399px) { .header-layout8 .container { max-width: 100% } .header-layout8 .top-right { width: 687px } .header-layout8 .menu-area { width: 100% } } @media (max-width: 1199px) { .header-layout8 .header-logo { padding: 15px 100px 15px 15px } .header-layout8 .top-left { padding-left: 15px } .header-layout8 .top-right { width: 680px; padding-right: 15px } .header-layout8 .menu-area { padding: 0 15px } } @media (max-width: 991px) { .header-layout8 .top-left { padding-left: 15px } .header-layout8 .top-right { width: 100% } .header-layout8 .top-right .row { --bs-gutter-x: 50px } } @media (max-width: 767px) { .header-layout8 .header-logo { padding: 15px } } .footer-wrapper { --border-color: rgba(255, 255, 255, 0.3); position: relative; z-index: 2; } .widget-area { padding-bottom: 20px; padding-top: 50px; } .copyright-wrap { padding: 25px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); background-size: 100% auto } .copyright-text { margin: 0; color: var(--light-color) } .copyright-text a { color: var(--light-color) } .copyright-text a:hover { color: var(--white-color) } .footer-layout1 { background-color: var(--title-color); --body-color: #fff; overflow: hidden; background-position: top center; background-size: 100% 100%; padding-top: 50px } .footer-layout2 { padding: 10px 0 0; background-color: var(--title-color) } .footer-layout2 .widget-area { padding-bottom: 30px } .footer-layout2 .th-social a { background: var(--black-color) } .footer-layout2 .th-social a:hover { background: var(--theme-color) } .footer-layout3 { padding: 80px 0 0; background-color: var(--smoke-color) } .footer-layout3 .widget-area { padding-bottom: 30px } .footer-layout3 .copyright-wrap { padding: 25.5px 0 } .footer-layout3 .th-widget-about .about-text { color: var(--light-color) } .footer-layout3 .footer-widget .widget_title { color: var(--title-color) } .footer-layout3 ul.menu { min-width: 165px } .footer-layout4 { background-color: var(--title-color) } .footer-layout4 .widget-area { padding-bottom: 47px } .th-widget-about .about-logo { display: flex; justify-content: start; align-items: center; margin-bottom: 20px } .th-widget-about .about-logo img { width: 150px; height: 150px; padding-bottom: 10px; padding: 5px; border-radius: 20px; } .footer-layout4 .th-widget-about .about-text { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 20px; margin-bottom: 20px } .footer-layout4 .footer-top { padding: 60px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1) } .th-widget-contact { max-width: 250px } .info-wrap { margin-bottom: 21px } .info-wrap:last-child { margin-bottom: -5px } .info-wrap_text { display: block; color: var(--light-color); margin-top: -0.45em; margin-bottom: 0; font-weight: 500 } .info-wrap_link { display: block; color: var(--light-color); font-weight: 500 } .info-wrap_link:hover { color: var(--theme-color) } .info-wrap.style2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; margin-bottom: 30px } .info-wrap.style2:last-child { margin-bottom: -5px } .info-wrap.style2 img { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } .footer-links ul { margin: 0; padding: 0 } .footer-links ul li { display: inline-block; position: relative } .footer-links ul li:not(:last-child):after { content: "/"; margin: 0 20px; color: var(--light-color) } .footer-links ul li a { color: var(--light-color) } .footer-links ul li a:hover { color: var(--white-color) } @media (max-width: 1500px) { .footer-layout1 { padding: 0 } } @media (max-width: 1299px) { .footer-layout1 { background-size: cover } } @media (max-width: 991px) { .footer-wrapper .widget-area { padding-top: var(--section-space-mobile); padding-bottom: 30px } .copyright-text { text-align: center } .footer-layout2 { padding-top: 0 } } @media (max-width: 575px) { .copyright-wrap { background-size: cover } } @media (max-width: 1199px) { .footer-logo { padding: 40px 15px; border: 1px solid var(--border-color); border-top: 0; text-align: center } } @media (max-width: 575px) { .footer-logo { padding: 25px 15px } .newsletter-form.style2 { display: block; text-align: center } .newsletter-form.style2 .form-control { padding: 0 20px; height: 60px } .newsletter-form.style2 .th-btn { position: inherit; margin-top: 20px; width: 100% } } .breadcumb-menu { max-width: 100%; padding: 0; margin: 19px 0 -0.5em 0; list-style-type: none; position: relative } .breadcumb-menu li { display: inline-block; margin-right: 3px; padding-right: 5px; list-style: none; position: relative; color: var(--theme-color); font-weight: 700; font-size: 18px } .breadcumb-menu li:after { content: "/"; position: relative; margin-left: 10px; font-weight: 700; font-size: 18px; color: var(--theme-color) } .breadcumb-menu li:last-child { padding-right: 0; margin-right: 0 } .breadcumb-menu li:last-child:after { display: none } .breadcumb-menu a, .breadcumb-menu span { white-space: normal; color: inherit; word-break: break-word; font-weight: 700; font-size: 18px; color: var(--white-color) } .breadcumb-menu a:hover, .breadcumb-menu span:hover { color: var(--theme-color) } .breadcumb-title { color: var(--white-color); margin: -0.18em 0; line-height: 1.1; font-size: 60px; font-weight: 800 } .breadcumb-wrapper { background-color: var(--title-color); padding: 180px; overflow: hidden; text-align: start; background-color: #D9D9D9 } .breadcumb-wrapper:before { z-index: -1 } @media (max-width: 1199px) { .breadcumb-wrapper { padding: calc(100px + 140px) 0 140px } .breadcumb-menu { margin: 20px 0 -0.5em 0 } .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span { font-size: 16px } } @media (max-width: 991px) { .breadcumb-wrapper { padding: calc(80px + 120px) 0 120px } } @media (max-width: 767px) { .breadcumb-wrapper { padding: calc(80px + 100px) 0 100px } .breadcumb-title { font-size: 50px } } @media (max-width: 575px) { .breadcumb-title { font-size: 34px } } .th-pagination { margin-bottom: 30px } .th-pagination ul { margin: 0; padding: 0 } .th-pagination li { display: inline-block; margin: 0 3px; list-style-type: none } .th-pagination li:last-child { margin-right: 0 } .th-pagination li:first-child { margin-left: 0 } .th-pagination span, .th-pagination a { display: inline-block; text-align: center; position: relative; border: 1px solid rgba(15, 13, 29, 0.1); color: var(--title-color); background-color: transparent; width: 50px; height: 50px; line-height: 50px; z-index: 1; font-size: 16px; font-weight: 700; font-family: var(--title-font); border-radius: 50% } .th-pagination span.active, .th-pagination span:hover, .th-pagination a.active, .th-pagination a:hover { color: var(--white-color); background-color: var(--theme-color); box-shadow: none } @media (max-width: 767px) { .th-pagination span, .th-pagination a { width: 40px; height: 40px; line-height: 40px; font-size: 14px } } blockquote, .wp-block-quote { font-size: 18px; line-height: 1.56; padding: 40px; font-weight: 500; display: block; position: relative; background-color: var(--smoke-color); overflow: hidden; margin: 35px 0; color: var(--title-color); font-style: italic; border-radius: 0 } blockquote p, .wp-block-quote p { font-size: 22px; font-family: var(--body-font); font-weight: 400; font-style: normal; margin-top: -0.3em; margin-bottom: 30px; line-height: 34px; color: var(--title-color); width: 100%; position: relative; z-index: 3 } blockquote p a, .wp-block-quote p a { color: inherit } blockquote:before, .wp-block-quote:before { content: "\f10e"; font-family: var(--icon-font); position: absolute; right: 40px; bottom: 30px; font-size: 5rem; font-weight: 400; opacity: 1; line-height: 3.8rem; color: var(--title-color); opacity: 0.1; font-style: normal } blockquote cite, .wp-block-quote cite { display: inline-block; font-size: 18px; position: relative; border-color: inherit; line-height: 1; font-weight: 700; margin-top: 0; margin-bottom: -0.1em; font-style: normal; font-family: var(--title-font); padding-left: 50px; margin-left: 10px } blockquote cite:before, .wp-block-quote cite:before { content: ""; height: 3px; width: 50px; background-color: var(--title-color); position: absolute; bottom: 8px; left: -10px } blockquote.style-left-icon, blockquote.is-large, blockquote.is-style-large, blockquote.has-text-align-right, .wp-block-quote.style-left-icon, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote.has-text-align-right { padding: 50px } blockquote.style-left-icon, .wp-block-quote.style-left-icon { font-size: 18px; color: var(--body-color); font-weight: 400; line-height: 1.556; background-color: var(--smoke-color); padding-left: 160px } blockquote.style-left-icon:before, .wp-block-quote.style-left-icon:before { right: unset; left: 56px; top: 60px; font-size: 6rem; font-weight: 400; line-height: 4rem; color: var(--theme-color); text-shadow: none } blockquote.style-left-icon cite, .wp-block-quote.style-left-icon cite { color: var(--title-color) } blockquote.style-left-icon cite:before, .wp-block-quote.style-left-icon cite:before { background-color: var(--title-color); top: 8px } blockquote.is-large cite:before, blockquote.is-style-large cite:before, .wp-block-quote.is-large cite:before, .wp-block-quote.is-style-large cite:before { top: unset; bottom: 13px } blockquote.has-text-align-right:before, .wp-block-quote.has-text-align-right:before { content: "\f10d"; right: unset; left: 40px } .wp-block-pullquote { color: var(--body-color); padding: 0 } .wp-block-quote.is-large:where(:not(.is-style-plain)) cite, .wp-block-quote.is-large:where(:not(.is-style-plain)) footer, .wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite, .wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer { text-align: left } blockquote.has-very-dark-gray-color { color: var(--body-color) !important } .wp-block-column blockquote, .wp-block-column .wp-block-quote { padding: 100px 15px 30px 15px } .wp-block-column blockquote:before, .wp-block-column .wp-block-quote:before { width: 100%; height: 60px; font-size: 30px } .wp-block-column blockquote.style-left-icon, .wp-block-column blockquote.is-large:not(.is-style-plain), .wp-block-column blockquote.is-style-large:not(.is-style-plain), .wp-block-column blockquote.has-text-align-right, .wp-block-column .wp-block-quote.style-left-icon, .wp-block-column .wp-block-quote.is-large:not(.is-style-plain), .wp-block-column .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-column .wp-block-quote.has-text-align-right { padding: 100px 15px 30px 15px } .blog-meta { display: block } .blog-meta span, .blog-meta a { display: inline-block; font-size: 16px; font-family: var(--title-font); font-weight: 600; color: var(--body-color); position: relative; margin-right: 25px } .blog-meta span i, .blog-meta a i { margin-right: 10px; color: var(--theme-color) } .blog-meta span:last-child, .blog-meta a:last-child { margin-right: 0; padding-right: 0 } .blog-meta span:last-child:after, .blog-meta a:last-child:after { display: none } .blog-meta a:hover { color: var(--theme-color) } .blog-audio img, .blog-img img, .blog-video img { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .blog-title a { color: inherit } .blog-title a:hover { color: var(--theme-color) } .th-blog { margin-bottom: 30px } .blog-inner-title { margin-top: -0.25em; margin-bottom: 35px } .blog-inner-title i { color: var(--theme-color); margin-right: 4px } @media (min-width: 1300px) { .page-single, .blog-single, .th-comments-wrap, .th-comment-form { margin-right: 16px } } .blog-single { position: relative; margin-bottom: var(--blog-space-y, 40px); border: 1px solid rgba(18, 18, 18, 0.1); border-radius: 0; overflow: hidden } .blog-single .blog-title { margin-bottom: 15px; font-size: 30px; line-height: 1.4; font-weight: 700 } .blog-single .blog-text { margin-bottom: 27px } .blog-single .social-links { margin: 0; padding: 0; list-style-type: none; display: inline-block } .blog-single .social-links li { display: inline-block; margin-right: 3px } .blog-single .social-links li:last-child { margin-right: 0 } .blog-single .social-links a { display: inline-block; width: 40px; height: 40px; line-height: 40px; background-color: var(--smoke-color); font-size: 14px; color: var(--body-color); text-align: center } .blog-single .social-links a:hover { color: var(--white-color); background-color: var(--theme-color) } .blog-single .blog-meta { margin: -0.35em 0 10px 0 } .blog-single .blog-content { margin: 0 0 0 0; padding: 40px; position: relative } .blog-single .blog-audio { line-height: 1 } .blog-single .blog-audio, .blog-single .blog-img, .blog-single .blog-video { position: relative; overflow: hidden; background-color: var(--smoke-color) } .blog-single .blog-img .slick-arrow { --pos-x: 30px; border: none; background-color: var(--white-color); color: var(--theme-color) } .blog-single .blog-img .slick-arrow:hover { background-color: var(--theme-color); color: var(--white-color) } .blog-single .blog-img .play-btn { --icon-size: 60px; position: absolute; left: 50%; top: 50%; margin: calc(var(--icon-size) / -2) 0 0 calc(var(--icon-size) / -2) } .blog-single .line-btn { display: block; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-bottom: -1px } .blog-single:hover .blog-img .slick-arrow { opacity: 1; visibility: visible } .share-links-title { font-size: 20px; color: var(--title-color); font-family: var(--title-font); font-weight: 700; margin: 0 0 15px 0; display: block } .share-links { margin: 0 var(--blog-space-x, 40px) var(--blog-space-y, 0px) var(--blog-space-x, 40px) } .share-links>.row { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; --bs-gutter-y: 20px } .share-links .wp-block-tag-cloud, .share-links .tagcloud { display: inline-block } .share-links .project-details-nav { margin-top: 40px; border-bottom: 0 } .share-links .project-details-nav li .thumb img { width: 80px } .blog-details .blog-single { background-color: transparent; margin-bottom: 30px } @media (max-width: 1399px) { .blog-single .blog-content { padding: 40px 30px } .blog-single .blog-title { font-size: 28px } .share-links { --blog-space-x: 30px } } @media (max-width: 1199px) { blockquote, .wp-block-quote { font-size: 18px; padding: 40px 20px 40px 20px } blockquote:before, .wp-block-quote:before { font-size: 4rem; line-height: 2.5rem } blockquote.style-left-icon, blockquote.is-large:not(.is-style-plain), blockquote.is-style-large:not(.is-style-plain), blockquote.has-text-align-right, .wp-block-quote.style-left-icon, .wp-block-quote.is-large:not(.is-style-plain), .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.has-text-align-right { padding: 40px 20px 40px 20px } .blog-meta span, .blog-meta a { margin-right: 6px; padding-right: 15px } } @media (max-width: 767px) { .share-links { --blog-space-x: 20px } .wp-block-pullquote.is-style-solid-color blockquote { max-width: 90% } blockquote cite, .wp-block-quote cite { font-size: 18px } .blog-meta span, .blog-meta a { margin-right: 6px; padding-right: 6px } .blog-meta span:after, .blog-meta a:after { display: none } .blog-details .blog-single { --blog-space-x: 20px; --blog-space-y: 20px } .blog-single .blog-content { padding: 30px 20px } .blog-single .blog-title { font-size: 24px; line-height: 1.3 } .blog-single .blog-text { margin-bottom: 22px } .blog-single .blog-bottom { padding-top: 15px } .blog-single .share-links-title { font-size: 18px; display: block; margin: 0 0 10px 0 } } @media (max-width: 575px) { .blog-meta span, .blog-meta a { margin-right: 5px; padding-right: 5px; margin-bottom: 5px } .blog-meta span:after, .blog-meta a:after { display: none } blockquote p, .wp-block-quote p { font-size: 18px } } @media (max-width: 375px) { .share-links .project-details-nav li .project-details-bar-icon { display: none } } .th-comment-form { padding-top: 60px; margin: var(--blog-space-y, 20px) var(--blog-space-x, 40px) var(--blog-space-y, 40px); position: relative; border-top: 1px solid rgba(18, 18, 18, 0.1) } .th-comment-form .row { --bs-gutter-x: 20px } .th-comment-form .blog-inner-title { margin-bottom: 30px } .th-comment-form .form-title { margin-top: -0.35em } .th-comment-form .form-title a#cancel-comment-reply-link { font-size: 0.7em; text-decoration: underline } .th-comment-form .form-text { margin-bottom: 25px } .blog-comment-area { margin: 0 40px 35px } .th-comments-wrap { padding: 60px 0px 0; margin: 0 40px } .th-comments-wrap { border-top: 1px solid var(--border-color) } .th-comments-wrap .description p:last-child { margin-bottom: -0.5em } .th-comments-wrap .comment-respond { margin: 40px 0 } .th-comments-wrap pre { background: #ededed; color: #666; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre-wrap; word-wrap: break-word } .th-comments-wrap li { margin: 0 } .th-comments-wrap .th-post-comment { padding: 0; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; padding-bottom: 30px; position: relative; border-bottom: 1px solid var(--border-color) } .th-comments-wrap .th-post-comment ol, .th-comments-wrap .th-post-comment ul, .th-comments-wrap .th-post-comment dl { margin-bottom: 1rem } .th-comments-wrap .th-post-comment ol ol, .th-comments-wrap .th-post-comment ol ul, .th-comments-wrap .th-post-comment ul ol, .th-comments-wrap .th-post-comment ul ul { margin-bottom: 0 } .th-comments-wrap ul.comment-list { list-style: none; margin: 0; padding: 0 } .th-comments-wrap ul.comment-list ul ul, .th-comments-wrap ul.comment-list ul ol, .th-comments-wrap ul.comment-list ol ul, .th-comments-wrap ul.comment-list ol ol { margin-bottom: 0 } .th-comments-wrap .comment-avater { width: 80px; height: 80px; margin-right: 30px; overflow: hidden; border-radius: 99px } .th-comments-wrap .comment-avater img { width: 100% } .th-comments-wrap .comment-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-top: -6px; position: relative } .th-comments-wrap .commented-on { font-size: 14px; display: inline-block; margin-bottom: 2px; font-weight: 400; color: var(--body-color); margin-left: auto } .th-comments-wrap .commented-on i { margin-right: 7px; font-size: 0.9rem; color: var(--theme-color) } .th-comments-wrap .name { margin-bottom: 15px; font-size: 20px } .th-comments-wrap .comment-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .th-comments-wrap .text { margin-bottom: 10px } .th-comments-wrap .children { margin: 0; padding: 0; list-style-type: none; margin-left: 80px } .th-comments-wrap .reply_and_edit { margin-top: 20px; margin-bottom: -0.46em } .th-comments-wrap .reply_and_edit a { margin-right: 10px; font-style: italic } .th-comments-wrap .reply_and_edit a:last-child { margin-right: 0 } .th-comments-wrap .reply_and_edit a i { color: var(--theme-color) } .th-comments-wrap .reply-btn { font-weight: 600; font-size: 16px; color: var(--title-color); display: inline-block } .th-comments-wrap .reply-btn i { margin-right: 7px } .th-comments-wrap .reply-btn:hover { color: var(--theme-color) } .th-comments-wrap .star-rating { font-size: 12px; margin-bottom: 10px; position: absolute; top: 5px; right: 0; width: 80px } ul.comment-list>.th-comment-item:first-child>.th-post-comment { padding-bottom: 30px; border-bottom: 1px solid var(--border-color) } ul.comment-list>.th-comment-item:last-child>.th-post-comment { border-bottom: none; padding-bottom: 0 } ul.comment-list>.th-comment-item:last-child .children .th-comment-item .th-post-comment { border-bottom: none; padding-bottom: 0 } .th-comments-wrap.th-comment-form { margin: 0 } .th-comment-form:has(#wp-temp-form-div), .th-comments-wrap:has(#wp-temp-form-div) { padding: 0; box-shadow: none; display: none } @media (max-width: 1399px) { .th-comments-wrap { padding: 40px 30px 0 } .th-comment-form { padding-top: 40px } } @media (max-width: 1199px) { .th-comments-wrap .children { margin-left: 40px } } @media (max-width: 767px) { .th-comments-wrap { padding: 40px 20px } .th-comments-wrap .children { margin-left: 30px } .th-comments-wrap .th-post-comment { display: block } .th-comments-wrap .star-rating { position: relative; top: 0; right: 0 } .th-comments-wrap .comment-top { display: block } .th-comments-wrap .comment-avater { margin-right: 0; margin-bottom: 25px } .th-comments-wrap .children { margin-left: 40px } } .th-hero-wrapper { padding-right: 0; position: relative; z-index: 2; overflow: hidden } .th-hero-wrapper .slick-arrow { --pos-x: 100px; background-color: rgba(255, 255, 255, 0.2); color: var(--white-color); top: calc(50% + 55px) } .th-hero-wrapper .slick-arrow:hover { background-color: var(--theme-color) } .th-hero-wrapper .slick-dots { position: absolute; top: 50%; left: 10%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0 } .th-hero-wrapper .slick-dots li { display: block; margin-bottom: 20px; margin-right: 0 } .th-hero-wrapper .slick-dots li button { background: var(--white-color) } .th-hero-wrapper .slick-dots li button:before { border-color: var(--white-color) } @media (max-width: 1500px) { .th-hero-wrapper .slick-arrow { --pos-x: 40px } } .th-hero-bg { position: absolute; height: 100vh; width: 100%; top: 0; left: 0 } .th-hero-bg img { height: 100vh; width: 100%; object-fit: cover } .hero-indicator { position: absolute; right: 0; z-index: 3; top: 50%; -webkit-transform: translate(-315px, -50%); -ms-transform: translate(-315px, -50%); transform: translate(-315px, -50%); width: 120px } .hero-indicator .indicatior-btn { display: block; border-radius: 50%; width: 80px; height: 80px; position: relative; background-blend-mode: luminosity; background-color: #D9D9D9; margin: 0 auto } .hero-indicator .indicatior-btn:after { height: 120px; width: 120px; left: -20px; border: 2px solid rgba(255, 255, 255, 0.2); top: -20px; content: ''; position: absolute; border-radius: 50%; -webkit-transition: 0.4s; transition: 0.4s } .hero-indicator .indicatior-btn~.indicatior-btn { margin-top: 50px } .hero-indicator .indicatior-btn.active { width: 120px; height: 120px; background-blend-mode: normal; margin-top: 30px; margin-bottom: -20px } .hero-indicator .indicatior-btn.active:after { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .hero-subtitle { color: var(--white-color); display: inline-block; font-size: 14px; font-weight: 700; text-transform: uppercase; font-family: var(--title-font); line-height: 24px; background: rgba(221, 51, 51, 0.5); border-radius: 15px; position: relative; margin-bottom: 14px; padding: 3px 15px 3px 28px } .hero-subtitle:after { position: absolute; content: ''; width: 8px; height: 8px; background: var(--theme-color); border-radius: 50%; top: 50%; left: 15px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) } .hero-title { line-height: 90px; margin-bottom: 0; color: var(--white-color) } .hero-title:last-of-type { margin-bottom: 48px } .hero-text { color: var(--white-color); margin-bottom: 35px } .hero-style1 { position: relative; z-index: 6; padding: 180px 0 220px 0 } .hero-style2 { padding: 213px 0 187px } .hero-style2 .hero-subtitle { border: 1px solid rgba(255, 255, 255, 0.6); background: transparent; color: var(--white-color) } .hero-style2 .hero-subtitle:after { background: var(--white-color) } .hero-style2 .hero-title { font-size: 100px; line-height: 100px } .hero-style2 .hero-title:last-of-type { margin-bottom: 40px } .hero-style2 .btn-group { gap: 38px } .hero-style3 { position: relative; z-index: 6; padding: 341px 0 229px 0 } .hero-style3 .hero-title { font-size: 90px; font-weight: 900 } .hero-style3 .hero-subtitle { color: var(--white-color); background: rgba(1, 98, 202, 0.2) } .hero-style4 { padding: 155px 0; padding-top: 255px } .hero-style4 .hero-subtitle { background: rgba(255, 255, 255, 0.2) } .hero-style5 { padding: 180px 0 234px; position: relative; z-index: 1 } .hero-style5 .hero-subtitle { color: var(--theme-color); background: rgba(1, 98, 202, 0.2) } .hero-style5 .hero-title { color: var(--title-color); margin-bottom: 20px } .hero-style5 .hero-text { color: var(--body-color); margin-bottom: 50px } .hero-thumb-4 { position: relative; margin-top: 100px; display: inline-block } .hero-thumb-4:after { content: ''; position: absolute; left: -15px; top: 0; height: 100%; width: 100%; background: var(--theme-color); z-index: -1; -webkit-transition: 0.4s; transition: 0.4s; -webkit-animation: morph 10s ease-in-out infinite; animation: morph 10s ease-in-out infinite } .hero-thumb-4 img { -webkit-transition: 0.4s; transition: 0.4s; -webkit-animation: morph 10s ease-in-out infinite; animation: morph 10s ease-in-out infinite } .hero-1 .th-hero-bg:before { content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.75); z-index: 2 } .hero-1 .th-hero-bg:after { content: ''; height: 1158px; width: 1158px; position: absolute; top: 50%; left: 50%; background: #FFFFFF; mix-blend-mode: soft-light; -webkit-filter: blur(25px); filter: blur(25px); border-radius: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .hero-1 .hero-shape { position: absolute; left: -10%; bottom: -80%; width: 378.83px; height: 1028.02px; z-index: 4; background: var(--theme-color); mix-blend-mode: overlay; border-radius: 500px; -webkit-transform: rotate(50.83deg); -ms-transform: rotate(50.83deg); transform: rotate(50.83deg); -webkit-animation: left-to-right 7s infinite alternate; animation: left-to-right 7s infinite alternate } .hero-1 .hero-shape2 { position: absolute; width: 378.83px; height: 1028.02px; right: 0; top: 0; background: var(--theme-color); mix-blend-mode: overlay; border-radius: 500px; -webkit-transform: matrix(0.63, -0.78, -0.78, -0.63, 0, 0); -ms-transform: matrix(0.63, -0.78, -0.78, -0.63, 0, 0); transform: matrix(0.63, -0.78, -0.78, -0.63, 0, 0); -webkit-animation: top-to-bottom 10s infinite alternate; animation: top-to-bottom 10s infinite alternate } .hero-slider5 .th-hero-slide:before { content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: -webkit-linear-gradient(left, #F3F3F3 39.43%, rgba(243, 243, 243, 0.536458) 51.81%, rgba(243, 243, 243, 0) 66.15%); background: linear-gradient(90deg, #F3F3F3 39.43%, rgba(243, 243, 243, 0.536458) 51.81%, rgba(243, 243, 243, 0) 66.15%); z-index: 1 } .hero-slider5 .hero5-bg-shape { position: absolute; left: 0; bottom: 0; z-index: 1 } @-webkit-keyframes top-to-bottom { 0% { top: 50% } 100% { top: 0% } } @keyframes top-to-bottom { 0% { top: 50% } 100% { top: 0% } } @-webkit-keyframes left-to-right { 0% { left: -10% } 100% { left: 0% } } @keyframes left-to-right { 0% { left: -10% } 100% { left: 0% } } @media (max-width: 1600px) { .hero-indicator { -webkit-transform: translate(-80px, -50%); -ms-transform: translate(-80px, -50%); transform: translate(-80px, -50%) } .th-hero-wrapper .slick-dots { left: 5% } .hero-style2 { padding: 187px 0 } } @media (max-width: 1500px) { .hero-indicator { -webkit-transform: translate(-50px, -50%); -ms-transform: translate(-50px, -50%); transform: translate(-50px, -50%) } .hero-1 .th-hero-bg:after { height: 858px; width: 858px } .hero-title { font-size: 72px; line-height: normal } .hero-style4 { padding: 155px 0 } } @media (max-width: 1399px) { .th-hero-wrapper .slick-dots { left: 20px } .hero-style3 .hero-title, .hero-style2 .hero-title { font-size: 72px; line-height: 80px } } @media (max-width: 1199px) { .hero-style3 .hero-title, .hero-style2 .hero-title, .hero-title { font-size: 60px; line-height: normal } .hero-style1 { padding: 140px 0 180px } .hero-indicator .indicatior-btn { width: 60px; height: 60px } .hero-indicator .indicatior-btn:after, .hero-indicator .indicatior-btn.active { width: 100px; height: 100px } .hero-1 .hero-shape2, .hero-1 .hero-shape { width: 178.83px; height: 828.02px } .hero-style2 { padding: 150px 0 } .hero-style3 { padding: 250px 0 150px 0 } .hero-style5 { padding: 140px 0 174px } } @media (max-width: 991px) { .hero-style3 .hero-title, .hero-style2 .hero-title, .hero-title { font-size: 60px } .hero-style1 { padding: 110px 0 150px } .hero-4 { background-position: left; text-align: center } .hero-style4 { padding: 60px 0 120px } .hero-5:before { background: -webkit-linear-gradient(left, #F3F3F3 40%, rgba(243, 243, 243, 0.536458) 100%, rgba(243, 243, 243, 0) 100%); background: linear-gradient(90deg, #F3F3F3 40%, rgba(243, 243, 243, 0.536458) 100%, rgba(243, 243, 243, 0) 100%) } .hero-style5 { padding: 120px 0 } } @media (max-width: 767px) { .hero-style3 .hero-title, .hero-style2 .hero-title, .hero-title { font-size: 52px } .hero-style1 { padding: 90px 0 130px } .hero-style1 .hero-text { max-width: 420px } .hero-style2 { padding: 120px 0 } .hero-style2 .hero-title:last-of-type { margin-bottom: 30px } .hero-indicator { display: none } .hero-slider-2 .th-hero-bg { background-position: left } .hero-style3 { padding: 200px 0 120px 0 } .hero-style5 { padding: 100px 0 } .hero-style5 .hero-text { margin-bottom: 40px } } @media (max-width: 575px) { .hero-style3 .hero-title, .hero-style2 .hero-title, .hero-title { font-size: 44px; line-height: 1.2 } .hero-text { margin-bottom: 28px } .hero-thumb-4 { margin-left: 15px } .hero-style5 .hero-text { margin-bottom: 30px } } @media (max-width: 390px) { .hero-style3 .hero-title, .hero-style2 .hero-title, .hero-title { font-size: 36px; line-height: 1.3 } } .hero-6 { --main-container: 1440px } .hero-6 .icon-box { position: absolute; top: 50%; left: 90px; right: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60px; display: inline-block } .hero-6 .icon-box .slick-arrow { --pos-x: 0; border-radius: 0; margin: 5px 0; border: 1px solid var(--theme-color); background-color: rgba(255, 255, 255, 0.15); color: var(--theme-color) } .hero-6 .icon-box .slick-arrow:hover { background-color: var(--theme-color); color: var(--white-color) } .hero-6 .icon-box .slick-arrow:first-child { margin-right: 0 } .hero-6 .play-btn { margin-right: 50px } .hero-6 .play-btn>i { --icon-size: 100px; --icon-font-size: 22px } .hero-slider-6 .th-hero-bg { background: #f7dec9 } .hero-slider-6 .th-hero-slide { padding: 245px 0; position: relative } .hero-slider-6 .hero-shape { position: absolute } .hero-slider-6 .hero-6-shape1 { top: 0; left: 0 } .hero-slider-6 .hero-6-shape2 { bottom: 0px; left: 0; width: 700px } .hero-slider-6 .hero-6-shape3 { top: 40px; right: 35% } .hero-slider-6 .hero-6-shape4 { bottom: 50px; left: 50% } .hero-slider-6 .hero-6-shape5 { bottom: 60px; left: 18%; width: 100px } .hero-slider-6 .hero-6-shape6 { top: 40px; left: 50%; height: 30px; width: 30px; background: var(--white-color); border-radius: 50% } .hero-slider-6 .hero-6-shape7 { top: 30%; left: 45%; height: 30px; width: 30px; background: #e69e69; border-radius: 50% } .hero-slider-6 .hero-6-shape8 { bottom: 15%; right: 30%; height: 30px; width: 30px; background: #e69e69; border-radius: 50% } .hero-slider-6 .hero-6-thumb { position: absolute; right: 0; top: 0; bottom: -50px } .hero-slider-6 .hero-6-thumb img { height: 100% } .hero-style6 { padding-left: 0; position: relative; z-index: 4; max-width: 815px } .hero-style6 .hero-title { font-weight: bold; color: var(--title-color); margin-bottom: 0 } .hero-style6 .hero-title:last-of-type { margin-bottom: 30px } .hero-style6 .hero-subtitle { font-size: 18px; font-weight: 600; display: inline-block; color: var(--theme-color); margin-top: -0.36em; margin-bottom: 35px; text-transform: capitalize } .hero-style6 .hero-text { color: var(--white-color); font-size: 18px } .hero-style6 .checklist ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px 30px; margin-bottom: 43px } .hero-style6 .checklist ul li { color: var(--title-color); position: relative; padding-left: 28px } .hero-style6 .checklist ul li:before { content: "\f058"; font-family: var(--icon-font); font-weight: 900; color: var(--theme-color); position: absolute; left: 0; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out } @media (max-width: 1700px) { .hero-slider-6 .hero-6-shape1 { left: -150px } .hero-6 .icon-box { display: none } .hero-slider-6 .hero-6-thumb { right: -120px } .hero-6 .play-btn { margin-right: 140px } .hero-slider-6 .hero-6-shape5 { left: 23% } } @media (max-width: 1500px) { .hero-6 { --main-container: 1300px } .hero-6 .icon-box { right: 65px } } @media (max-width: 1399px) { .hero-6 .icon-box { right: 40px } .hero-6 .th-hero-bg { background-position: right } .hero-slider-6 .hero-6-shape1 { left: -220px } } @media (max-width: 1299px) { .hero-6 .th-hero-bg { background-position: center } .hero-style6 .hero-title { font-size: 65px } .hero-style6 .hero-title:last-of-type { margin-bottom: 20px } .hero-style6 .hero-subtitle { margin-bottom: 25px } .hero-style6 .checklist ul { margin-bottom: 28px } .hero-slider-6 .th-hero-slide { padding: 200px 0 245px } } @media (max-width: 1199px) { .hero-slider-6 .th-hero-slide { padding: 150px 0 200px } .hero-style6 .hero-title { font-size: 46px } .hero-slider-6 .hero-6-shape1 { width: 800px } .hero-slider-6 .hero-6-shape2 { width: 620px } .hero-slider-6 .hero-6-shape5 { left: 29%; width: 80px } .hero-slider-6 .hero-6-shape4 { width: 100px } .hero-slider-6 .hero-6-thumb { right: -80px } } @media (max-width: 991px) { .hero-slider-6 .th-hero-slide { padding: 100px 0 100px 0 } .hero-style6 .checklist ul { margin-bottom: 28px } .hero-style6 .hero-subtitle { margin-bottom: 25px } .hero-slider-6 .hero-6-shape4, .hero-slider-6 .hero-6-shape2, .hero-slider-6 .hero-6-shape1 { display: none } .hero-slider-6 .hero-6-thumb { right: -130px } } @media (max-width: 767px) { .hero-6 .icon-box { display: none } .th-hero-wrapper .checklist ul { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .hero-style6 { text-align: center; padding-left: 0 } .hero-style6 .btn-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .hero-style6 .hero-title:last-of-type { margin-bottom: 25px } .hero-6 .th-hero-bg { background-position: 0; background-size: 170% } .hero-slider-6 .hero-6-thumb { display: none } .hero-slider-6 .hero-6-shape3 { right: 5% } } @media (max-width: 575px) { .hero-6 .th-hero-bg { background-position: -100px; background-size: cover } .hero-slider-6 .th-hero-slide { padding: 100px 0 } .hero-style6 .hero-title { font-size: 38px } .hero-style6 .hero-subtitle { font-size: 16px; margin-bottom: 20px } } @media (max-width: 440px) { .hero-style6 .hero-title { font-size: 32px; max-width: 100% } } @media (max-width: 375px) { .hero-style6 .hero-title { font-size: 28px } } .hero-7 .video-link .play-btn { --icon-size: 100px; margin-right: 0px } .hero-7 .video-link .play-btn>i { --icon-font-size: 20px; background-color: var(--theme-color); color: var(--white-color) } .hero-7 .video-link .play-btn:before, .hero-7 .video-link .play-btn:after { background-color: transparent; border: 1px solid var(--white-color) } .hero-7 .video-link .btn-text { font-size: 14px; font-weight: 500; font-family: var(--title-font); text-transform: uppercase; color: var(--white-color); -webkit-transition: 0.4s; transition: 0.4s } .hero-7 .video-link:hover .btn-text { color: var(--theme-color) } .hero-7 .btn-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px 40px } .hero-7 .slick-dots { --dots-bg: #fff; margin: 0; position: absolute; top: 50%; right: 20%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .hero-7 .slick-dots li { display: block; margin: 30px 0 } .hero-7 .slick-dots button:before { border-color: var(--white-color) } .hero-7 .slick-dots .slick-active button { background-color: var(--white-color) } .hero-7 .hero-shape { display: inline-block; height: 350px; width: 80px; position: absolute; top: 0; right: 0; background-color: var(--theme-color); -webkit-clip-path: polygon(100% 0, 100% calc(100% - 100px), calc(100% - 140px) 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% calc(100% - 100px), calc(100% - 140px) 100%, 0 100%, 0 0); z-index: -1 } .hero-slider-7 .th-hero-slide { padding: 100px 0 } .hero-style7 { padding-left: 40px; position: relative; z-index: 4; max-width: 815px } .hero-style7 .hero-subtitle { font-size: 18px; font-weight: 600; display: inline-block; color: var(--white-color); margin-top: -0.36em; margin-bottom: 35px; text-transform: capitalize } .hero-style7 .hero-title { font-weight: 600; color: var(--white-color); margin-bottom: 0 } .hero-style7 .hero-title:last-of-type { margin-bottom: 30px } .hero-style7 .hero-text { color: var(--white-color); font-size: 18px } @media (max-width: 1399px) { .hero-7 { padding-right: 40px } .hero-7 .slick-dots { right: 10% } .hero-7 .hero-shape { width: 40px } .hero-slider-7 .th-hero-slide { padding: 190px 0 190px 0 } .hero-style7 { padding-left: 20px } } @media (max-width: 1199px) { .hero-slider-7 .th-hero-slide { padding: 150px 0 150px 0 } .hero-style7 { max-width: 600px } .hero-style7 .hero-text { font-size: 16px } } @media (max-width: 991px) { .hero-slider-7 .th-hero-slide { padding: 100px 0 100px 0 } .hero-style7 .hero-subtitle { margin-bottom: 25px } } @media (max-width: 767px) { .hero-7 { padding-right: 0 } .hero-7 .hero-shape { display: none } .hero-style7 { text-align: center; padding-left: 0 } .hero-style7 .btn-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .hero-style7 .hero-title:last-of-type { margin-bottom: 25px } } @media (max-width: 575px) { .hero-style7 .hero-subtitle { font-size: 16px; margin-bottom: 20px } .hero-style7 .hero-title { font-size: 30px } } @media (max-width: 400px) { .hero-style7 .hero-title { max-width: 280px; margin-left: auto; margin-right: auto } } .hero-8 { position: relative } .hero-8 .icon-box { position: absolute; top: 50%; left: 90px; right: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60px; display: inline-block; z-index: 3 } .hero-8 .icon-box .slick-arrow { --pos-x: 0; border-radius: 0; margin: 5px 0; background-color: rgba(255, 255, 255, 0.15); color: var(--white-color) } .hero-8 .icon-box .slick-arrow:hover { background-color: var(--theme-color); color: var(--white-color) } .hero-8 .icon-box .slick-arrow:first-child { margin-right: 0 } .hero-8 .hero-8-thumb { position: absolute; left: 0; top: 0; bottom: 0; width: 1000px; -webkit-mask-size: 100% 100% } .hero-8 .hero-8-thumb:after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: var(--title-color); opacity: 0.5 } .hero-8 .hero-8-thumb img { height: 100%; object-fit: cover } .hero-slider-8 .slick-dots { position: absolute; top: 50%; right: unset; left: 120px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 30px } .hero-slider-8 .slick-dots button { border-radius: 0 !important; visibility: visible; opacity: 1; background: var(--white-color); width: 8px; height: 8px } .hero-slider-8 .slick-dots button:before { border-radius: 0 !important; background: transparent; border: 2px solid var(--theme-color) !important; height: 26px; width: 26px; top: -2px; left: -2px; margin: -7px 0 0 -7px } .hero-slider-8 .slick-dots li { display: block; margin: 30px 0 } .hero-slider-8 .slick-dots li.slick-active button { background: var(--theme-color) } .hero-style8 { max-width: unset; padding-left: 40px; position: relative; z-index: 4 } .hero-style8 .hero-text { max-width: 700px; color: var(--white-color); font-size: 18px } .hero-style8 .hero-subtitle { font-size: 18px; font-weight: 600; display: inline-block; color: var(--white-color); margin-top: -0.36em; margin-bottom: 35px; text-transform: capitalize; background: rgba(221, 51, 51, 0.4) } .hero-style8 .hero-title { font-weight: 600; color: var(--white-color); margin-bottom: 0 } .hero-style8 .hero-title:last-of-type { margin-bottom: 30px } .hero-slider-8 .th-hero-slide { padding: 365px 0 225px 0 } .hero-slider-8 .hero-style8 { padding-left: 560px } .hero-slider-8 .hero-text { font-weight: 100; font-size: 20px } @media (max-width: 1700px) { .hero-8 .hero-8-thumb { width: 850px } } @media (max-width: 1500px) { .hero-8 .hero-8-thumb { width: 700px } } @media (max-width: 1399px) { .hero-slider-8 .th-hero-slide { padding: 315px 0 155px 0 } .hero-slider-8 .hero-style8 { padding-left: 560px } } @media (max-width: 1299px) { .hero-slider-8 .slick-dots { left: 35px } .hero-slider-8 .hero-style8 { padding-left: 518px } .hero-slider-8 .hero-style8 { padding-left: 450px } .hero-8 .hero-8-thumb { width: 590px } } @media (max-width: 1199px) { .hero-slider-8 .hero-style8 { padding-left: 0px } .hero-8 .hero-8-thumb { display: none } .hero-8 .icon-box { display: none } } @media (max-width: 991px) { .hero-slider-8 .th-hero-slide { padding: 230px 0 100px 0 } .hero-slider-8 .hero-style8 { padding-left: 0 } .hero-slider-8 .hero-style8 .hero-text { font-size: 18px } .hero-slider-8 .hero-style8 .hero-subtitle { margin-bottom: 25px } .hero-style8 .hero-text { max-width: 580px } } @media (max-width: 767px) { .hero-style8 { text-align: center; padding-left: 0 } .hero-style8 .btn-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .hero-style8 .hero-title:last-of-type { margin-bottom: 25px } } @media (max-width: 575px) { .hero-slider-8 .hero-style8 .hero-text { font-size: 16px } .hero-style8 .hero-subtitle { font-size: 16px; margin-bottom: 20px } .hero-style8 .hero-title { font-size: 30px } } @media (max-width: 330px) { .hero-style8 .hero-title { font-size: 26px } } .error-content { text-align: center } .error-img { text-align: center; margin-bottom: 50px } .error-title { margin-bottom: 20px } .error-text { margin-bottom: 50px; margin-left: auto; margin-right: auto } .popup-search-box { position: fixed; top: 0; left: 50%; background-color: rgba(0, 0, 0, 0.95); height: 0; width: 0; overflow: hidden; z-index: 99999; opacity: 0; visibility: hidden; border-radius: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all ease 0.4s; transition: all ease 0.4s } .popup-search-box button.searchClose { width: 60px; height: 60px; position: absolute; top: 40px; right: 40px; border-width: 1px; border-style: solid; border-color: var(--theme-color); background-color: transparent; font-size: 22px; border-radius: 50%; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; color: var(--theme-color) } .popup-search-box button.searchClose:hover { color: var(--body-color); background-color: #fff; border-color: transparent; border-color: transparent; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .popup-search-box form { position: absolute; top: 50%; left: 50%; display: inline-block; padding-bottom: 40px; cursor: auto; width: 100%; max-width: 700px; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: -webkit-transform ease 0.4s; transition: -webkit-transform ease 0.4s; transition: transform ease 0.4s; transition: transform ease 0.4s, -webkit-transform ease 0.4s } @media (max-width: 1199px) { .popup-search-box form { max-width: 600px } } .popup-search-box form input { font-size: 18px; height: 70px; width: 100%; border: 2px solid var(--theme-color); background-color: transparent; padding-left: 30px; color: #fff; border-radius: 50px } .popup-search-box form input::-moz-placeholder { color: #fff } .popup-search-box form input::-webkit-input-placeholder { color: #fff } .popup-search-box form input:-ms-input-placeholder { color: #fff } .popup-search-box form input::-ms-input-placeholder { color: #fff } .popup-search-box form input::placeholder { color: #fff } .popup-search-box form button { position: absolute; top: 0px; background-color: transparent; border: none; color: #fff; font-size: 24px; right: 12px; color: var(--white-color); cursor: pointer; width: 70px; height: 70px; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; -webkit-transform: scale(1.001); -ms-transform: scale(1.001); transform: scale(1.001) } .popup-search-box form button:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .popup-search-box.show { opacity: 1; visibility: visible; width: 100.1%; height: 100%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; border-radius: 0 } .popup-search-box.show form { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1) } .sidemenu-wrapper { position: fixed; z-index: 99999; right: 0; top: 0; height: 100%; width: 0; background-color: rgba(0, 0, 0, 0.75); opacity: 0; visibility: hidden; -webkit-transition: all ease 0.8s; transition: all ease 0.8s } .sidemenu-wrapper .closeButton { display: inline-block; border: 2px solid; width: 50px; height: 50px; line-height: 50px; font-size: 24px; padding: 0; position: absolute; top: 20px; right: 20px; background-color: var(--white-color); border-radius: 50%; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: all ease 0.4s; transition: all ease 0.4s } .sidemenu-wrapper .closeButton:hover { color: var(--theme-color); border-color: var(--theme-color); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .sidemenu-wrapper .sidemenu-content { background-color: var(--title-color); width: 450px; margin-left: auto; padding: 80px 30px; height: 100%; overflow-y: scroll; position: relative; right: -500px; cursor: auto; -webkit-transition-delay: 1s; transition-delay: 1s; -webkit-transition: right ease 1s; transition: right ease 1s } .sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track { box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); background-color: #F5F5F5 } .sidemenu-wrapper .sidemenu-content::-webkit-scrollbar { width: 2px; background-color: #F5F5F5 } .sidemenu-wrapper .widget { padding: 0; border: none; background-color: transparent } .sidemenu-wrapper.show { opacity: 1; visibility: visible; width: 100%; -webkit-transition: all ease 0.8s; transition: all ease 0.8s } .sidemenu-wrapper.show .sidemenu-content { right: 0; opacity: 1; visibility: visible } .sidemenu-wrapper .widget_title { max-width: 270px; font-size: 24px; font-weight: 700; color: var(--white-color); border-bottom: none; margin: 0.15em 0 35px 0 } .sidemenu-wrapper .widget_meta, .sidemenu-wrapper .widget_pages, .sidemenu-wrapper .widget_archive, .sidemenu-wrapper .widget_categories, .sidemenu-wrapper .widget_nav_menu { min-width: 126px } .sidemenu-wrapper .widget_meta ul, .sidemenu-wrapper .widget_pages ul, .sidemenu-wrapper .widget_archive ul, .sidemenu-wrapper .widget_categories ul, .sidemenu-wrapper .widget_nav_menu ul { margin-top: -5px } .sidemenu-wrapper .widget_meta .menu, .sidemenu-wrapper .widget_meta>ul, .sidemenu-wrapper .widget_pages .menu, .sidemenu-wrapper .widget_pages>ul, .sidemenu-wrapper .widget_archive .menu, .sidemenu-wrapper .widget_archive>ul, .sidemenu-wrapper .widget_categories .menu, .sidemenu-wrapper .widget_categories>ul, .sidemenu-wrapper .widget_nav_menu .menu, .sidemenu-wrapper .widget_nav_menu>ul { margin-bottom: -5px } .sidemenu-wrapper .widget_meta a, .sidemenu-wrapper .widget_pages a, .sidemenu-wrapper .widget_archive a, .sidemenu-wrapper .widget_categories a, .sidemenu-wrapper .widget_nav_menu a { font-size: 16px; font-weight: 500; padding: 0; margin-bottom: 21px; font-family: var(--body-font); display: block; max-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; color: var(--light-color); padding-right: 0; background-color: transparent; border-bottom: none; position: relative } .sidemenu-wrapper .widget_meta a:before, .sidemenu-wrapper .widget_pages a:before, .sidemenu-wrapper .widget_archive a:before, .sidemenu-wrapper .widget_categories a:before, .sidemenu-wrapper .widget_nav_menu a:before { content: "\f101"; font-weight: 600; left: 0; top: 2px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); font-size: 0.9em; background-color: transparent; color: var(--theme-color); border: none; opacity: 0; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out } .sidemenu-wrapper .widget_meta a:hover, .sidemenu-wrapper .widget_pages a:hover, .sidemenu-wrapper .widget_archive a:hover, .sidemenu-wrapper .widget_categories a:hover, .sidemenu-wrapper .widget_nav_menu a:hover { background-color: transparent; color: var(--theme-color); padding-left: 20px } .sidemenu-wrapper .widget_meta a:hover:before, .sidemenu-wrapper .widget_pages a:hover:before, .sidemenu-wrapper .widget_archive a:hover:before, .sidemenu-wrapper .widget_categories a:hover:before, .sidemenu-wrapper .widget_nav_menu a:hover:before { opacity: 1 } .sidemenu-wrapper .widget_meta li>span, .sidemenu-wrapper .widget_pages li>span, .sidemenu-wrapper .widget_archive li>span, .sidemenu-wrapper .widget_categories li>span, .sidemenu-wrapper .widget_nav_menu li>span { width: auto; height: auto; position: relative; background-color: transparent; color: var(--body-color); line-height: 1 } .sidemenu-wrapper .widget_meta li:last-child a, .sidemenu-wrapper .widget_pages li:last-child a, .sidemenu-wrapper .widget_archive li:last-child a, .sidemenu-wrapper .widget_categories li:last-child a, .sidemenu-wrapper .widget_nav_menu li:last-child a { margin-bottom: 0 } .woocommerce-message, .woocommerce-info { position: relative; padding: 11px 20px 11px 50px; background-color: var(--theme-color); color: var(--white-color); font-size: 14px; font-weight: 600; margin-bottom: 15px; border-radius: 0 } .woocommerce-message a, .woocommerce-info a { color: var(--white-color); text-decoration: underline } .woocommerce-message a:hover, .woocommerce-info a:hover { color: var(--title-color) } .woocommerce-message:before, .woocommerce-info:before { content: '\f06a'; font-family: var(--icon-font); font-weight: 400; margin-right: 10px; font-size: 18px; position: absolute; left: 20px; top: 11px } .woocommerce-notices-wrapper .woocommerce-message { background-color: var(--theme-color); color: var(--white-color) } .woocommerce-notices-wrapper .woocommerce-message:before { content: '\f14a'; font-weight: 300 } .woocommerce-form-login-toggle .woocommerce-info { background-color: var(--theme-color); color: var(--white-color) } .woocommerce-form-login-toggle .woocommerce-info a { color: inherit } .woocommerce-form-login-toggle .woocommerce-info a:hover { color: var(--title-color) } .woocommerce-form-register, .woocommerce-form-coupon, .woocommerce-form-login { padding: 35px 40px 35px 40px; background-color: var(--white-color); box-shadow: 0px 6px 30px rgba(1, 15, 28, 0.1); margin-bottom: 0 } .woocommerce-form-register input, .woocommerce-form-coupon input, .woocommerce-form-login input { background-color: var(--smoke-color) } @media (max-width: 575px) { .woocommerce-form-register, .woocommerce-form-coupon, .woocommerce-form-login { padding: 40px 20px } } .woocommerce-form-register .form-group, .woocommerce-form-coupon .form-group, .woocommerce-form-login .form-group { margin-bottom: 20px } .woocommerce-form-register .form-group:last-child, .woocommerce-form-coupon .form-group:last-child, .woocommerce-form-login .form-group:last-child { margin-bottom: 0 } .woocommerce-form-login { margin-bottom: 30px } .woocommerce-error { background-color: var(--error-color); color: #fff; list-style: none; padding: 10px 26px; margin: 0 0 30px 0; border-radius: 5px; font-weight: 700; font-size: 14px } nav.woocommerce-MyAccount-navigation li { border: 1px solid #ddd; margin: 0; border-top: none } nav.woocommerce-MyAccount-navigation li:first-child { border-top: 1px solid #ddd } nav.woocommerce-MyAccount-navigation li a { color: var(--title-color); font-weight: 700; padding: 7px 17px; display: block } nav.woocommerce-MyAccount-navigation li.is-active a, nav.woocommerce-MyAccount-navigation li a:hover { color: var(--white-color); background-color: var(--theme-color) } .woocommerce-MyAccount-content h3 { margin-top: -0.3em } .woocommerce-MyAccount-content .btn { background-color: var(--theme-color); color: var(--white-color); font-size: 14px; padding: 10px 25px; font-weight: 700 } .woocommerce-MyAccount-content .btn:hover { background-color: var(--title-color); color: var(--white-color) } table.variations, .woocommerce-grouped-product-list-item { border-collapse: separate; border-spacing: 0 15px; margin-bottom: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: none } table.variations td, .woocommerce-grouped-product-list-item td { border: none; vertical-align: middle; padding: 0 5px } table.variations td:first-child, .woocommerce-grouped-product-list-item td:first-child { padding: 0 } table.variations label, .woocommerce-grouped-product-list-item label { margin: 0; font-size: 14px; text-transform: capitalize } table.variations label a, .woocommerce-grouped-product-list-item label a { color: var(--title-color) } table.variations label a:hover, .woocommerce-grouped-product-list-item label a:hover { color: var(--theme-color) } table.variations .label, .woocommerce-grouped-product-list-item .label { border: none } table.variations__label, .woocommerce-grouped-product-list-item__label { border: none !important; font-weight: 600 } table.variations__price, .woocommerce-grouped-product-list-item__price { border: none !important } table.variations__price .price, table.variations__price .amount, .woocommerce-grouped-product-list-item__price .price, .woocommerce-grouped-product-list-item__price .amount { font-size: 18px !important } table.variations del, .woocommerce-grouped-product-list-item del { margin-left: 12px } .woocommerce-product-attributes th, .woocommerce-product-attributes td { border: 1px solid var(--border-color) } .woocommerce-product-attributes th p:last-child, .woocommerce-product-attributes td p:last-child { margin-bottom: 0 } .woocommerce-grouped-product-list.group_table { border-collapse: collapse; margin-bottom: 15px } .woocommerce-grouped-product-list.group_table .woocommerce-Price-amount.amount { font-size: 16px; color: var(--title-color) } .woocommerce-grouped-product-list.group_table label { margin: 0 0 0 10px; margin: 0 0 0 10px; font-family: var(--title-font); font-size: 18px } .woocommerce-grouped-product-list.group_table .qty-input { border-color: #e3e6e9 } .woocommerce-grouped-product-list.group_table tr { border-bottom: 1px solid #e3e6e9 } .woocommerce-grouped-product-list.group_table tr:last-child { border-bottom: none } .woocommerce-grouped-product-list.group_table td { padding: 30px 5px } table.variations { width: -webkit-max-content; width: -moz-max-content; width: max-content; position: relative } table.variations td { padding: 0 } table.variations td.label { padding-right: 10px; width: -webkit-max-content; width: -moz-max-content; width: max-content } table.variations select { width: -webkit-max-content; width: -moz-max-content; width: max-content; font-weight: 400; line-height: 1.5; vertical-align: middle; margin: 0; padding-right: 54px; padding-left: 20px; height: 50px } table.variations .reset_variations { margin-left: 16px; display: inline-block; position: absolute; left: 100%; bottom: 25px } .woosq-product .product .woocommerce-grouped-product-list-item__quantity, .woosq-product .product .woocommerce-grouped-product-list-item__label, .woosq-product .product .woocommerce-grouped-product-list-item__price { width: auto !important } .woocommerce-variation.single_variation { margin-bottom: 30px } .woocommerce-variation.single_variation .price { color: var(--title-color); font-weight: 700 } .wooscp-table-items td.woocommerce-product-attributes-item__value { padding-left: 15px !important } .wooscp-table-items a.added_to_cart.wc-forward { margin-left: 15px; text-decoration: underline } .tinvwl_added_to_wishlist.tinv-modal.tinv-modal-open { z-index: 1111 } table.woocommerce-product-attributes { margin-bottom: 30px } #woosq-popup .product_meta { margin-top: 20px } #woosq-popup .product_title { font-size: 32px; margin-bottom: 15px } #woosq-popup .woocommerce-product-rating { margin-bottom: 15px } #woosq-popup .single-product .product .actions { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 20px } #woosq-popup .single-product .product .actions>div { height: auto; overflow: visible; width: -webkit-max-content; width: -moz-max-content; width: max-content } #woosq-popup .single-product .product .actions>div .quantity.style2.woocommerce-grouped-product-list-item__quantity { width: -webkit-max-content; width: -moz-max-content; width: max-content } .login-tab { margin-bottom: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .login-tab button.nav-link { background-color: var(--smoke-color); color: var(--title-color); padding: 11px 39px; font-size: 18px; font-weight: 500; border-radius: 15px ​15px 0 } .login-tab button.nav-link.active { background-color: var(--theme-color); color: var(--white-color) } .star-rating { overflow: hidden; position: relative; width: 100px; height: 1.2em; line-height: 1.2em; display: block; font-family: var(--icon-font); font-weight: 700; font-size: 12px } .star-rating:before { content: "\f005\f005\f005\f005\f005"; color: #e1e1e1; float: left; top: 0; left: 0; position: absolute; letter-spacing: 3px } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em } .star-rating span:before { content: "\f005\f005\f005\f005\f005"; top: 0; position: absolute; left: 0; color: #feb62a; letter-spacing: 3px } .rating-select label { margin: 0; margin-right: 10px } .rating-select p.stars { margin-bottom: 0; line-height: 1 } .rating-select p.stars a { position: relative; height: 14px; width: 18px; text-indent: -999em; display: inline-block; text-decoration: none } .rating-select p.stars a::before { display: block; position: absolute; top: 0; left: 0; width: 18px; height: 14px; line-height: 1; font-family: var(--icon-font); content: "\f005"; font-weight: 400; text-indent: 0; color: var(--yellow-color) } .rating-select p.stars a:hover~a::before { content: "\f005"; font-weight: 400 } .rating-select p.stars:hover a::before { content: "\f005"; font-weight: 700 } .rating-select p.stars.selected a.active::before { content: "\f005"; font-weight: 700 } .rating-select p.stars.selected a.active~a::before { content: "\f005"; font-weight: 400 } .rating-select p.stars.selected a:not(.active)::before { content: "\f005"; font-weight: 700 } @media (max-width: 767px) { .woocommerce-message, .woocommerce-info { font-size: 14px; line-height: 22px; padding: 10px 15px 10px 37px } .woocommerce-message:before, .woocommerce-info:before { font-size: 16px; top: 10px; left: 15px } } .project-sec2 { padding: 30px 55px 0 } .project-card { position: relative; transition: all 0.4s; cursor: pointer; border: 1px solid; border-radius: 20px; } .project-card:hover{ transform: scale(1.05); } .project-card .project-img img { width: 100%; border-radius: 20px; } .project-card .project-content { position: absolute; bottom: -20px; left: 0; text-align: center; width: 100%; z-index: 1; padding: 10px 30px 33px; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s } .project-card .project-content:after { content: ''; position: absolute; left: 50%; top: 100px; height: 1px; width: 200px; background: rgba(255, 255, 255, 0.2); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0.2 } .project-card .project-content .icon-btn { width: 70px; height: 70px; line-height: 70px; background: var(--theme-color); border-radius: 50%; border: 0; color: var(--white-color); font-size: 20px } .project-card .project-content .project-title { margin-top: 40px; margin-bottom: 8px } .project-card .project-content .project-title a { color: var(--white-color) } .project-card .project-content .project-title a:hover { color: var(--theme-color) } .project-card .project-content .project-subtitle { font-size: 16px; font-weight: 700; color: var(--theme-color); font-family: var(--title-font) } .project-card:hover:after, .project-card:hover .project-content { opacity: 1 } .project-card:hover .project-content { bottom: 0 } .project-card.style-2:after { background: var(--theme-color) } .project-card.style-2 .project-content { bottom: 50%; -webkit-transform: translate(0px, 50%); -ms-transform: translate(0px, 50%); transform: translate(0px, 50%); padding: 0 } .project-card.style-2 .project-content .icon-btn { height: 80px; width: 80px; line-height: 80px; border: 1px solid rgba(255, 255, 255, 0.2); background: transparent; font-size: 24px } .project-card.style-2 .project-content .icon-btn:hover { background: var(--white-color); color: var(--theme-color) } .project-card.style-2 .project-content:after { display: none } .project-card.style-2 .project-content .project-title { max-width: 202px; margin: 18px auto 0; line-height: 34px } .project-card.style-2 .project-content .project-title a { background-image: -webkit-linear-gradient(right, var(--white-color), var(--white-color)); background-image: linear-gradient(to left, var(--white-color), var(--white-color)); background-repeat: no-repeat; background-position: bottom left; background-size: 0 2px } .project-card.style-2 .project-content .project-title a:hover { color: var(--white-color); background-size: 100% 2px } .project-card.style-2:hover:after { opacity: 0.9 } .project-card.style3:after { background: var(--title-color) } .project-card.style3:hover:after { opacity: 0.7 } .project-card.style3 .project-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-align: left; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 40px; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s } .project-card.style3 .project-content .media-left { background: var(--theme-color); padding: 25px 30px 25px 30px; max-width: 400px; position: relative } .project-card.style3 .project-content .media-left .project-subtitle { background: var(--white-color); position: absolute; top: 0; left: 0; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); font-size: 14px; font-weight: 700; padding: 8px 20px } .project-card.style3 .project-content .project-title { margin: 0 } .project-card.style3 .project-content .project-title a { color: var(--white-color) } .project-card.style3 .project-content .media-body { text-align: end } .project-card.style3 .project-content .media-body .icon-btn { background: transparent; border: 1px solid var(--white-color); height: 80px; width: 80px; line-height: 80px; font-size: 24px } .project-card.style3 .project-content .media-body .icon-btn:hover { background: var(--theme-color); border-color: var(--theme-color) } .project-details-wrap { background: var(--white-color); -webkit-transform: translate(30px, calc(-100% - 30px)); -ms-transform: translate(30px, calc(-100% - 30px)); transform: translate(30px, calc(-100% - 30px)); position: relative; z-index: 3; padding: 40px 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 -143px } .project-details-wrap li { list-style: none; border-left: 1px dashed rgba(18, 18, 18, 0.3); padding-left: 50px } .project-details-wrap li:first-child { border-left: 0; padding-left: 0 } .project-details-wrap li h6 { margin-bottom: 5px } .project-details-wrap li p { margin-bottom: 0 } .project-details-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; list-style: none; margin: 35px 0 0 0; padding: 0; border-top: 1px solid rgba(18, 18, 18, 0.1); padding: 40px 0; border-bottom: 1px solid rgba(18, 18, 18, 0.1) } .project-details-nav li { font-size: 20px; font-weight: 700; font-family: var(--title-font); max-width: 258px } .project-details-nav li a { color: var(--title-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .project-details-nav li a:hover { color: var(--theme-color) } .project-details-nav li a:hover .icon { background: var(--title-color) } .project-details-nav li .thumb { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 30px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } .project-details-nav li .icon { height: 50px; width: 50px; line-height: 50px; background: var(--theme-color); border-radius: 50%; color: var(--white-color); display: inline-block; text-align: center; -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); margin-left: -25px; -webkit-transition: 0.4s; transition: 0.4s; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } .project-details-nav li .project-details-bar-icon { font-size: 50px; color: var(--title-color) } .project-details-nav li.next-project-nav { text-align: right } .project-details-nav li.next-project-nav .thumb { margin-right: 0; margin-left: 30px } .project-details-nav li.next-project-nav .icon { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin-left: 0; margin-right: -25px } @media (max-width: 1399px) { .project-card.style3:hover .project-content { opacity: 1 } } @media (max-width: 1200px) { .project-card.style3 .project-content .media-body .icon-btn { height: 70px; width: 70px; line-height: 70px; font-size: 20px } } @media (max-width: 1199px) { .project-details-wrap { -webkit-transform: none; -ms-transform: none; transform: none; margin: 40px 0 0 0; padding: 0 } } @media (max-width: 991px) { .project-sec2 { padding: 30px 35px 0 } .project-details-wrap li { border-left: 0; padding-left: 0px } } @media (max-width: 767px) { .project-details-wrap { display: inline-block; margin-bottom: -30px } .project-details-wrap li { display: inline-block; margin-right: 20px; margin-bottom: 20px } .project-details-nav li .text { display: none } } @media (max-width: 575px) { .project-sec2 { padding: 30px 15px 0 } .project-card.style3 .project-content { padding: 30px } .project-card.style3 .project-content .media-left { padding: 20px; max-width: 250px } } @media (max-width: 375px) { .project-card.style3 .project-content { padding: 30px } .project-card.style3 .project-content .media-body { position: absolute; top: calc(-50% - 20px) } .project-card.style3 .project-content .media-left { padding: 20px; max-width: none } .project-details-wrap li { margin-right: 16px } .project-details-nav li .thumb img { width: 80px } .project-details-nav li .thumb .icon { height: 40px; width: 40px; line-height: 40px; margin-left: -20px } .project-details-nav li.next-project-nav .icon { margin-left: 0; margin-right: -20px } .project-details-nav li .project-details-bar-icon { font-size: 40px } } .th-product { text-align: center; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; border: 2px solid #f4f4f4; padding-bottom: 30px; border-radius: 0px } .th-product .product-title { font-size: 24px; margin: 10px 0 10px 0 } .th-product .product-title a { color: inherit } .th-product .product-title a:hover { color: var(--theme-color) } .th-product .price { display: block; color: var(--theme-color); font-weight: 700; font-size: 18px; margin-bottom: -0.4em } .th-product .price del { margin-right: 10px; color: #a9a9a9 } .th-product .product-img { --space: 20px; background-color: var(--smoke-color); overflow: hidden; position: relative; text-align: center; background-color: var(--smoke-color); border-radius: 0px; z-index: 2; margin: -2px -2px 30px -2px } .th-product .product-img:before { --space: 0px; content: ''; height: calc(100% - var(--space)*2); width: calc(100% - var(--space)*2); position: absolute; top: var(--space); left: var(--space); background-color: var(--title-color); z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .th-product .product-img img { width: 100%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .th-product .star-rating { margin: 0 auto 5px auto; width: 93px; font-size: 14px } .th-product .actions { height: 100%; position: absolute; left: 0; top: 50%; right: 0; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; margin-top: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .th-product .actions .icon-btn { --btn-size: 40px !important; line-height: 42px !important; font-size: 14px; border-color: var(--theme-color); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); color: var(--white-color); background: var(--theme-color); border-radius: 0px } .th-product .actions .icon-btn i { margin-right: 1px } .th-product .actions .icon-btn:hover { color: var(--theme-color); background: var(--white-color); border-color: var(--white-color) } .th-product .actions>* { margin: 0 var(--icon-gap-x, 5px) } .th-product .actions>*>a { margin: 0 } .th-product .product-tag { width: 60px; height: 30px; font-size: 16px; font-weight: 700; background-color: var(--theme-color); line-height: 31px; color: var(--white-color); border-radius: 15px; position: absolute; top: 20px; right: 20px; z-index: 9 } .th-product .icon-btn { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt { width: 40px; height: 40px; line-height: 40px; display: inline-block } .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before, .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before { position: relative; top: -1px; left: 0; line-height: inherit; margin: 0; font-size: 24px } .th-product .tinv-wishlist a { display: inline-block; width: 40px; height: 40px; line-height: 40px; background-color: var(--white-color); color: var(--title-color); border-radius: 50% } .th-product .tinv-wishlist a:hover { background-color: var(--theme-color); color: var(--white-color) } .th-product .add_to_cart_button.added { display: none } .th-product .added_to_cart { width: 40px; height: 40px; line-height: 40px; background-color: var(--theme-color); color: var(--white-color); font-size: 0; text-align: center; border-radius: 10px } .th-product .added_to_cart:after { content: "\f07a"; position: relative; font-family: var(--icon-font); font-size: 16px; font-weight: 700 } .th-product .added_to_cart:hover { background-color: var(--title-color); color: var(--white-color) } .th-product .action-btn { background-color: var(--white-color); font-size: 14px; font-family: var(--title-font); text-transform: uppercase; font-weight: bold; display: inline-block; padding: 13px 25px } .th-product:hover .product-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .th-product:hover .product-img:before { visibility: visible; opacity: 0.2 } .th-product:hover .actions { margin-top: 0; opacity: 1; visibility: visible } .th-product:hover .icon-btn { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .th-product.list-view { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: left; height: 100% } .th-product.list-view .product-img { width: 100%; max-width: 200px; margin: 0 } .th-product.list-view .star-rating { margin: 0 auto 10px 0; width: 93px } .th-product.list-view .product-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: 1px solid var(--border-color); border-left: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 0 25px } .th-product.list-view .actions { --btn-size: 35px; --btn-font-size: 13px; --icon-gap-x: 2px } .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt { width: 35px; height: 35px; line-height: 35px } .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before, .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before { font-size: 20px } .th-product.list-view .tinv-wishlist a { width: 35px; height: 35px; line-height: 35px } .th-product.list-view .added_to_cart { width: 35px; height: 35px; line-height: 35px } .th-product.list-view .added_to_cart:after { font-size: 16px } .th-product.list-view .action-btn { padding: 8px 15px } .th-product.list-view .tag { top: 8px; right: 8px; padding: 0px 15px } .th-product.list-view .product-title { font-size: 18px; margin: 0 0 5px 0 } .th-product.list-view .product-price { font-size: 14px } #productCarousel .slick-arrow { top: 37.5% } .mfp-content { margin: 1.5rem auto } .mfp-content .product-details-img { padding-top: 15px } .mfp-content .product-about { padding-top: 40px; padding-bottom: 40px } .mfp-content .container { position: relative } .mfp-content .product-big-img { margin-top: 15px; margin-bottom: 15px } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8 } .mfp-fade.mfp-bg.mfp-removing { opacity: 0 } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1 } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0 } .woosq-popup .product_meta>span>a:after, .woosq-popup .product_meta>span>span:after { display: none } .th-sort-bar { padding: 10px; margin: 0 0 24px 0; background-color: var(--smoke-color); border-radius: 5px } .th-sort-bar .row { --bs-gutter-x: 0; --bs-gutter-y: 15px } .th-sort-bar .single-select, .th-sort-bar select { height: 60px; line-height: 60px; padding: 0 30px; border: 1px solid var(--border-color); background-color: var(--white-color); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 250px; font-size: 16px; margin: 0; border-radius: 4px; color: var(--body-color) } .th-sort-bar .woocommerce-result-count { padding-left: 15px; margin-bottom: 0; color: var(--body-color) } .th-sort-bar .nav a { display: inline-block; height: 50px; width: 50px; line-height: 50px; border: 1px solid var(--border-color); background-color: var(--white-color); text-align: center; position: relative; font-family: var(--title-font); font-weight: 600; font-size: 16px; text-transform: capitalize; color: var(--body-color); margin: 0 0 0 10px } .th-sort-bar .nav a.active, .th-sort-bar .nav a:hover { color: var(--theme-color) } .product-thumb-area { position: relative } .product-thumb-area .product-thumb-tab { position: absolute; bottom: 50px; left: 0 } .product-thumb-tab { --thumb: 87px; --gap: 0px; position: relative; z-index: 3; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; border-radius: 20px; -webkit-box-align: end; -webkit-align-items: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100% } .product-thumb-tab .tab-btn { background-color: var(--white-color); cursor: pointer; height: var(--thumb); width: var(--thumb); padding: var(--gap); border-radius: 20px } .product-thumb-tab .tab-btn img { max-width: 100%; width: 100%; border-radius: inherit } .product-thumb-tab .tab-btn:not(:last-of-type) { margin-right: 15px } .product-big-img { background-color: #f4f4f4; text-align: center; border-radius: 20px; position: relative } .product-big-img .img { width: 100%; border-radius: 20px } .product-big-img .img img { width: 100%; border-radius: 20px; height: 100%; object-fit: cover } .product-big-img .add_to_wishlist { position: absolute; top: 48px; right: 48px } .product-thumb, .product-big-img { background-color: #f4f4f4; text-align: center; border-radius: 20px; position: relative } .product-thumb .img, .product-big-img .img { width: 100%; border-radius: 20px } .product-thumb .img img, .product-big-img .img img { width: 100%; border-radius: 20px; height: 100%; object-fit: cover } .product-thumb .add_to_wishlist, .product-big-img .add_to_wishlist { position: absolute; top: 48px; right: 48px } .quantity { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle } .quantity>.screen-reader-text { display: inline-block; font-weight: 600; color: var(--title-color); font-family: var(--title-font); margin: 0; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin-right: 10px } .quantity .qty-btn, .quantity .qty-input { display: inline-block; width: 50px; height: 50px; border: none; border-right: none; background-color: transparent; padding: 0; border-radius: 0; text-align: center; color: var(--body-color); font-size: 18px; font-weight: 600 } .quantity .qty-btn:last-child, .quantity .qty-input:last-child { border-right: none } .quantity .qty-btn { font-size: 16px } .product_meta { font-weight: 700; font-size: 16px; font-family: var(--body-font); margin: 35px 0 0 0 } .product_meta>span { display: block; margin-bottom: 5px; color: var(--title-color); font-weight: bold } .product_meta>span:last-child { margin-bottom: 0 } .product_meta>span a { color: inherit } .product_meta>span a:hover { color: var(--theme-color) } .product_meta>span>a, .product_meta>span>span { position: relative; color: var(--body-color); font-weight: 400 } .product_meta>span>a:after, .product_meta>span>span:after { content: ","; margin-right: 5px } .product_meta>span>a:last-child:after, .product_meta>span>span:last-child:after { display: none } .product_meta>span>a:first-child, .product_meta>span>span:first-child { margin-left: 7px } .product-tab-style1 { border-bottom: 1px solid #ececec; margin: 85px auto 33px auto; padding-bottom: 11px; gap: 50px } .product-tab-style1 .nav-link { background-color: transparent; color: #103641; padding: 0; font-size: 20px; font-weight: 600; position: relative } .product-tab-style1 .nav-link:after { content: ''; height: 2px; background: var(--theme-color); width: 0; left: 0; bottom: -12px; position: absolute; -webkit-transition: 0.4s all; transition: 0.4s all } .product-tab-style1 .nav-link:hover, .product-tab-style1 .nav-link.active { color: var(--theme-color) } .product-tab-style1 .nav-link:hover:after, .product-tab-style1 .nav-link.active:after { width: 100% } .woocommerce-table { margin-bottom: 0 } .woocommerce-Reviews .th-post-comment .text { margin-bottom: -0.5em } .woocommerce-Reviews .th-comments-wrap { padding: 0; box-shadow: none } .woocommerce-Reviews .th-comment-form { padding: 60px; background-color: var(--smoke-color); box-shadow: none; margin-bottom: 0 } .woocommerce-Reviews .th-comment-form input, .woocommerce-Reviews .th-comment-form .form-control { background-color: var(--white-color) } .woocommerce-Reviews .th-comment-form .blog-inner-title { margin-bottom: 10px } .woocommerce-Reviews .comment-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 24px; margin-bottom: 40px } .woocommerce-Reviews .th-post-comment { border: 1px solid var(--border-color) !important; padding: 40px !important; box-shadow: 0px 4px 30px rgba(1, 15, 28, 0.06); margin-bottom: 24px } .woocommerce-Reviews .th-post-comment .name { margin-bottom: 3px } .woocommerce-Reviews .th-post-comment .commented-on { margin-bottom: 12px } @media (max-width: 1199px) { .woocommerce-Reviews .th-post-comment { padding: 30px !important } } @media (max-width: 991px) { .woocommerce-Reviews .comment-list { grid-template-columns: repeat(1, 1fr) } .woocommerce-Reviews .th-comment-form { padding: 40px } } @media (max-width: 575px) { .woocommerce-Reviews .th-comment-form { padding: 40px 20px } } #productTabContent { margin-bottom: -10px } #additional_information { margin-bottom: 40px } #reviews { margin-bottom: 40px } .product-inner-list>ul { margin: 0; padding: 0; list-style-type: none } .product-inner-list li { position: relative; padding-left: 15px } .product-inner-list li:before { content: "-"; position: absolute; left: 0 } .share-title { font-size: 16px; font-weight: 600; color: var(--title-color); margin-bottom: 8px } .share-title i { color: var(--theme-color) } .summary-content, .product-about { padding-left: 24px } .summary-content .product-title, .product-about .product-title { margin: -0.2em 0 24px 0; font-weight: 800 } .summary-content>.price, .product-about>.price { font-size: 30px; font-weight: 700; color: var(--theme-color); display: block; margin-bottom: 28px; margin-right: 10px; line-height: inherit } .summary-content>.price del, .product-about>.price del { color: var(--gray-color); font-weight: 500; margin-left: 15px } .summary-content .product-rating, .product-about .product-rating { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; top: 2px; font-size: 16px; line-height: 20px; padding: 0 0 0 0; margin: 0 0 0 0; margin-bottom: 25px } .summary-content .product-rating .star-rating, .product-about .product-rating .star-rating { width: 80px; font-size: 12px; margin-right: 8px } .summary-content .woocommerce-review-link, .product-about .woocommerce-review-link { color: var(--body-color) } .summary-content .checklist, .product-about .checklist { margin: 30px 0 40px 0 } .summary-content .checklist li, .product-about .checklist li { font-weight: 400 } .summary-content .actions, .product-about .actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; margin: 33px 0 27px 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .summary-content .actions .th-btn, .product-about .actions .th-btn { padding: 16px 30px } .summary-content .actions .th-btn .btn-icon, .product-about .actions .th-btn .btn-icon { padding: 10.5px 15px 10.5px 15px } .summary-content .actions .icon-btn, .product-about .actions .icon-btn { border-color: var(--border-color) } .summary-content .actions .icon-btn:hover, .product-about .actions .icon-btn:hover { background-color: var(--theme-color); color: var(--white-color); border-color: var(--theme-color) } .summary-content .share, .product-about .share { margin-top: 25px } .summary-content .th-social a, .product-about .th-social a { --icon-size: 40px; line-height: 38px; font-size: 14px; border: 1px solid var(--border-color); border-radius: 0 } .summary-content .th-social a:hover, .product-about .th-social a:hover { border-color: var(--theme-color) } .summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, .summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt, .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt { width: 50px; height: 50px; line-height: 48px; display: inline-block; border-radius: 4px } .summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before, .summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before, .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before, .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before { position: relative; top: 0; left: 0; line-height: inherit; margin: 0; font-size: 24px } .summary-content .tinv-wishlist a, .product-about .tinv-wishlist a { display: inline-block; width: 60px; height: 60px; line-height: 60px; border-radius: 0 } .summary-content .tinv-wishlist a:hover, .product-about .tinv-wishlist a:hover { background-color: var(--theme-color); color: var(--white-color) } .summary-content .quantity, .product-about .quantity { position: relative; border: 1px solid #eeeeee; border-radius: 10px; margin-left: 5px; margin-right: 0px; height: 50px } .summary-content .quantity .qty-input, .product-about .quantity .qty-input { width: 50px; height: 50px; background-color: transparent; color: var(--title-color); text-align: center; font-weight: 500; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee } .summary-content .quantity .qty-btn, .product-about .quantity .qty-btn { color: var(--title-color); background-color: transparent; right: 21px; border: none; line-height: 54px } .product-details .th-comments-wrap { margin-top: 0 } .product-details .border-title { position: relative; padding-bottom: 20px; margin-bottom: 40px } .product-details .border-title:before { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 80px; background-color: var(--theme-color) } .product-inner-title { font-size: 32px; border-bottom: 1px solid var(--border-color); padding: 0 0 7px 0; margin: 0 0 30px 0 } .related-product-wrapper { padding-top: 115px } .woosq-product .thumbnails img { padding: 10px } .woosq-product .thumbnails .slick-list { display: block } .woosq-product .thumbnails .slick-dots { bottom: 20px; margin-top: 0px } .woosq-product .thumbnails .slick-dots li~li { margin-left: 5px } .woosq-product .thumbnails .slick-dots li button { background: var(--theme-color); position: relative } .woosq-product .thumbnails .slick-dots li button:before { display: none } #woosq-popup .single-product .product .tinvwl-shortcode-add-to-cart { display: none } .mfp-woosq .mfp-close { width: 44px; height: 44px; line-height: initial } .woocommerce-Reviews .th-post-comment .text { margin-bottom: -0.5em } .woocommerce-Reviews .th-comments-wrap { padding: 0; box-shadow: none; margin-right: 0; border: none; margin: 0 } .woocommerce-Reviews .th-comment-form { padding: 60px; background-color: var(--smoke-color); box-shadow: none; border-radius: 10px; margin-right: 0 } .woocommerce-Reviews .th-comment-form input, .woocommerce-Reviews .th-comment-form .form-control { background-color: var(--white-color) } .woocommerce-Reviews .th-comment-form .blog-inner-title { margin-bottom: 10px } .woocommerce-Reviews .comment-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 24px; margin-bottom: 40px; padding: 0 } .woocommerce-Reviews .th-post-comment { border: 1px solid var(--border-color) !important; padding: 40px !important; box-shadow: 0px 4px 30px rgba(1, 15, 28, 0.06); margin-bottom: 24px; border-radius: 8px } .woocommerce-Reviews .th-post-comment .name { margin-bottom: 3px } .woocommerce-Reviews .th-post-comment .commented-on { margin-bottom: 12px } @media (max-width: 1199px) { .woocommerce-Reviews .th-post-comment { padding: 30px !important } } @media (max-width: 991px) { .woocommerce-Reviews .comment-list { grid-template-columns: repeat(1, 1fr) } .woocommerce-Reviews .th-comment-form { padding: 40px } } @media (max-width: 575px) { .woocommerce-Reviews .th-comment-form { padding: 40px 20px } } @media (max-width: 1399px) { .th-product.list-view .product-img { max-width: 150px } } @media (max-width: 1299px) { .product-thumb-tab { --thumb: 100px; margin-left: -40px } .product-thumb-area { margin-right: 0 } } @media (max-width: 1199px) { .th-sort-bar select { min-width: auto } .product-tab-style1 { margin: 55px 0 40px 0 } .summary-content, .product-about { padding-left: 0; margin-top: 35px } .summary-content .actions, .product-about .actions { margin: 0 } .product-big-img .img { height: 540px } } @media (max-width: 991px) { .product-big-img { margin-bottom: 40px; margin-left: 50px } .product-thumb-tab { margin-left: -10px } .th-product-box.list-view .product-img { max-width: 150px } .th-sort-bar .row { --bs-gutter-x: 20px } .th-sort-bar .nav a:last-child { margin-right: 0; padding-right: 0 } .th-sort-bar .nav a:last-child:before { display: none } .woosq-product>.product .thumbnails { max-height: 400px; min-height: 200px; padding: 10px } } @media (max-width: 767px) { .th-sort-bar { text-align: center } .th-sort-bar .nav { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .th-sort-bar .single-select, .th-sort-bar select { margin: 0 auto; width: 100% } .th-sort-bar .woocommerce-result-count { padding-left: 0 } .th-product-box.list-view .product-img { max-width: 130px } .th-product-box.list-view .actions { --btn-size: 30px; --btn-font-size: 10px; --icon-gap-x: 2px } } @media (max-width: 575px) { .product-about .actions { gap: 15px 15px } .product-thumb-tab { --thumb: 74px; --gap: 6px } .product-thumb-tab .tab-btn { border-radius: 6px } .product-thumb-tab .tab-btn:not(:last-of-type) { margin-bottom: 10px } .product-thumb-tab .indicator { border-radius: 6px } .product-big-img { margin-left: 28px } .product-big-img .img { height: 370px } .product-grid { max-width: 340px; margin-left: auto; margin-right: auto } .summary-content .product-title, .product-about .product-title { margin: 0 0 7px 0 } .summary-content>.price, .product-about>.price { font-size: 24px; margin-bottom: 9px } } @media (max-width: 375px) { .th-product.list-view .product-img { max-width: 130px } } .woocommerce-cart-form { text-align: center } .cart_table { border: 1px solid #eaf0f2; margin-bottom: 45px } .cart_table thead { background-color: #ecf0f1 } .cart_table thead th { border: none !important } .cart_table td:before, .cart_table th { font-family: var(--title-font); color: var(--title-color); font-weight: 800; border: none; padding: 27px 15px } .cart_table td:before { content: attr(data-title); position: absolute; left: 15px; top: 50%; vertical-align: top; padding: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none } .cart_table td { border: none; border-bottom: 1px solid #f3f3f3; color: #8b8b8b; padding: 20px 10px; position: relative; vertical-align: middle } .cart_table .product-quantity { color: var(--title-color) } .cart_table .product-quantity input { position: relative; top: -2px } .cart_table .cart-productname { font-weight: 600; font-family: var(--title-font); color: var(--title-color); font-size: 20px } .cart_table .cart-productimage { display: inline-block; border: 2px solid var(--smoke-color) } .cart_table .remove { color: var(--theme-color); font-size: 18px } .cart_table .quantity { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .cart_table .qty-btn { border: 2px solid var(--smoke-color) !important; background-color: transparent; color: #b8c6d0; padding: 0; width: 30px; height: 30px; line-height: 28px; font-size: 16px; border-radius: 4px } .cart_table .qty-btn:hover { background-color: var(--theme-color); color: var(--white-color) } .cart_table .qty-input { vertical-align: middle; border: 2px solid var(--smoke-color); width: 70px; height: 30px; font-size: 14px; text-align: center; color: var(--title-color); font-weight: 700; margin: 0 10px; border-radius: 4px; padding: 0 } .cart_table .qty-input::-moz-placeholder { color: var(--title-color) } .cart_table .qty-input::-webkit-input-placeholder { color: var(--title-color) } .cart_table .qty-input:-ms-input-placeholder { color: var(--title-color) } .cart_table .qty-input::-ms-input-placeholder { color: var(--title-color) } .cart_table .qty-input::placeholder { color: var(--title-color) } .cart_table .qty-input::-webkit-outer-spin-button, .cart_table .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } .cart_table .qty-input[type=number] { -moz-appearance: textfield } .cart_table .actions { text-align: right; vertical-align: middle } .cart_table .actions>.th-btn { font-size: 16px; padding: 20px 28px; margin-right: 15px } .cart_table .th-cart-coupon { float: left; margin: 0; width: 455px; max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .cart_table .th-cart-coupon input { width: calc(100% - 200px); margin-right: 15px; margin-left: 15px } .cart_table .th-cart-coupon .th-btn { font-size: 16px; padding: 20px 25px; width: -webkit-max-content; width: -moz-max-content; width: max-content } .cart_totals { border: 1px solid #ecf0f1 } .cart_totals th, .cart_totals td { vertical-align: top; padding: 20px 20px; border: none; border-bottom: 1px solid #ecf0f1; font-size: 14px; color: var(--title-color); width: 55% } .cart_totals th:first-child, .cart_totals td:first-child { width: 45%; background-color: #f9fbfb; font-weight: 700; font-size: 14px; color: #333333 } .cart_totals .shipping-calculator-button { display: inline-block; border-bottom: 1px solid; color: var(--title-color); font-weight: 700 } .cart_totals .shipping-calculator-button:hover { color: var(--theme-color) } .cart_totals .woocommerce-shipping-destination { margin-bottom: 10px } .cart_totals .woocommerce-shipping-methods { margin-bottom: 0 } .cart_totals .shipping-calculator-form { margin-top: 20px } .cart_totals .shipping-calculator-form .form-control, .cart_totals .shipping-calculator-form .single-select { margin-bottom: 20px } .cart_totals .shipping-calculator-form .th-btn { padding: 5px 30px } .cart_totals .amount { font-weight: 700 } .cart_totals .order-total .amount { color: var(--theme-color) } @media (max-width: 991px) { .cart_table th { padding: 23px 8px; font-size: 14px } .cart_table .cart-productname { font-size: 14px } .cart_table .th-cart-coupon { width: 100%; margin-bottom: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .cart_table .actions { text-align: center } } @media (max-width: 767px) { .cart_table { text-align: left; min-width: auto; border-collapse: separate; border-spacing: 0 20px; border: none } .cart_table thead { display: none } .cart_table td { padding: 15px; display: block; width: 100%; padding-left: 25%; text-align: right; border: 1px solid #f3f3f3; border-bottom: none } .cart_table td::before { display: block } .cart_table td:last-child { border-bottom: 1px solid #f3f3f3 } .cart_table td.actions { padding-left: 15px; text-align: center } .cart_table td.actions>.th-btn { margin-top: 10px; margin-right: 0; display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-left: auto; margin-right: auto } .cart_table td.actions>.th-btn:last-child { margin-right: auto } .cart_table .th-cart-coupon { width: 100%; text-align: center; float: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: block; padding-bottom: 10px } .cart_table .th-cart-coupon input { width: 100%; margin-bottom: 10px } .cart_totals th, .cart_totals td { padding: 15px 10px } .cart_totals th:first-child, .cart_totals td:first-child { width: 17%; line-height: 1.4 } } .woocommerce-checkout .form-group, .woocommerce-checkout .form-row { margin-bottom: 0 } .woocommerce-checkout .form-select, .woocommerce-checkout .select2-container, .woocommerce-checkout .form-control { margin-bottom: 0 } .woocommerce-checkout .select2-container--open .select2-dropdown--below { margin-top: -35px } .woocommerce-checkout .select2-container--open .select2-dropdown--above { position: relative; bottom: -30px } .woocommerce-checkout .select2-dropdown { border: 1px solid #e3e6e9; border-top: none } .woocommerce-checkout .select2-container--default .select2-selection--single { border-radius: 0 } .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered, .woocommerce-checkout .select2-container--default .select2-selection--single .form-control:focus { color: var(--body-color) } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #eee; padding: 0 } .woocommerce-form-login select, .woocommerce-form-login .form-select, .woocommerce-form-login .form-control, .woocommerce-form-login .select2, .woocommerce-form-login .select2-container, .woocommerce-form-coupon select, .woocommerce-form-coupon .form-select, .woocommerce-form-coupon .form-control, .woocommerce-form-coupon .select2, .woocommerce-form-coupon .select2-container, .woocommerce-checkout select, .woocommerce-checkout .form-select, .woocommerce-checkout .form-control, .woocommerce-checkout .select2, .woocommerce-checkout .select2-container { margin-bottom: var(--bs-gutter-x) } #ship-to-different-address { margin-top: 15px } .select2-container--default .select2-selection--single { height: 60px; border: 1px solid #e3e6e9 } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 60px; padding-left: 30px; padding-right: 25px } .woocommerce-billing-fields .form-row { margin-bottom: 0 } .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: '\f107'; font-family: var(--icon-font) } .select2-container--default .select2-selection--single .select2-selection__arrow b { margin: 0; border: none; top: 0 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 60px; line-height: 60px; margin-right: 30px } span.select2-selection.select2-selection--single:focus { outline: none } .shipping-calculator-form .form-select, .shipping-calculator-form .form-control { height: 40px; padding-left: 15px; font-size: 16px; border-radius: 0; background-position: right 13px center } .shipping-calculator-form .th-btn { font-size: 14px; padding: 0 20px; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 40px } .checkout-ordertable th, .checkout-ordertable td { border: 1px solid #ededed; text-align: right; padding: 5px 20px; vertical-align: top; font-size: 14px; font-weight: 600; color: #2c3e50 } .checkout-ordertable th { font-weight: 800; text-align: left } .checkout-ordertable ul { margin: 0; padding: 0 } .checkout-ordertable .order-total .amount { color: var(--theme-color) } .checkout-ordertable input[type="hidden"]~label { color: var(--theme-color) } .woocommerce-checkout .form-group input:not(:last-child) { margin-bottom: var(--bs-gutter-x) } .woocommerce-checkout-payment { text-align: left } .woocommerce-checkout-payment ul { margin: 0; padding: 0; list-style-type: none } .woocommerce-checkout-payment ul li { padding-top: 12px; border-bottom: 1px solid #d8d8d8; border-radius: 4px; font-size: 16px } .woocommerce-checkout-payment ul input[type="radio"]~label { margin-bottom: 17px; color: var(--body-color) } .woocommerce-checkout-payment ul input[type="radio"]~label img { margin-bottom: -2px; margin-left: 10px } .woocommerce-checkout-payment .place-order { padding-top: 30px } .woocommerce-checkout-payment .payment_box { color: #a1b1bc; background-color: #ecf0f1; border: 1px solid #d8d8d8; border-bottom: none; font-size: 14px; padding: 10px 20px; border-radius: 4px; display: none } .woocommerce-checkout-payment .payment_box p { margin: 0 } .th-checkout-wrapper form.woocommerce-form { margin-bottom: 25px } @media (max-width: 767px) { tfoot.checkout-ordertable th { display: none } .woocommerce-checkout-payment ul input[type="radio"]~label img { max-width: 150px } .checkout-ordertable th, .checkout-ordertable td { padding: 5px 20px 5px 60px } } .tinv-wishlist input[type=checkbox] { display: inline-block; opacity: 1; visibility: visible; vertical-align: middle; width: auto; height: auto } .tinv-wishlist .tinv-header { margin-top: -0.6rem } .tinv-wishlist .cart-empty { padding: 12px 25px; background-color: #eee; border-radius: 5px; font-weight: 700; font-size: 14px; color: var(--title-color) } .tinv-wishlist .cart-empty::before { display: none } .tinv-wishlist p.return-to-shop .button { display: inline-block; background-color: var(--theme-color); color: #fff; font-size: 14px; padding: 10px 25px; margin-top: 10px; font-weight: 700 } .tinv-wishlist p.return-to-shop .button:Hover { background-color: var(--title-color); color: var(--white-color) } .tinv-wishlist table { border: none } .tinv-wishlist table th { color: var(--title-color) } .tinv-wishlist table td, .tinv-wishlist table th { padding: 15.3px 10px; border-bottom: 1px solid var(--border-color); text-align: center } .tinv-wishlist table thead { background-color: var(--smoke-color) } .tinv-wishlist .product-cb, .tinv-wishlist .product-remove { width: 40px; text-align: center } .tinv-wishlist .product-thumbnail { width: 110px } .tinv-wishlist .stock.in-stock { margin-bottom: 0 } .tinv-wishlist ins { text-decoration: none } .tinv-wishlist .product-remove button { border: none; height: 22px; width: 22px; text-align: center; font-size: 12px; line-height: 22px; border-radius: 0; padding-top: 0 } .tinv-wishlist .product-remove button i { line-height: 22px; font-size: 16px } .tinv-wishlist .tinvwl-mobile { display: none } .tinv-wishlist .social-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 295px; margin-left: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .tinv-wishlist .social-buttons ul { padding-left: 0; margin-bottom: 0; margin-left: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 6px } .tinv-wishlist table.tinvwl-table-manage-list { font-size: 16px } .tinv-wishlist .product-stock .stock { display: block } .tinv-wishlist .product-stock span { display: inline } .tinv-wishlist .product-stock i { margin-right: 5px } .tinv-wishlist .tinv-modal .icon_big_times { margin-bottom: 5px; color: var(--theme-color) } .tinv-wishlist button.button { border: none; height: 40px; line-height: 40px; font-size: 14px; font-weight: 600; background-color: var(--theme-color); color: #fff; padding: 1px 15px; min-width: 140px } .tinv-wishlist button.button.mask-btn { padding: 0 } .tinv-wishlist button.button .btn-text-mask { padding: 0.5px 21px } .tinv-wishlist button.button:hover { background-color: var(--title-color); color: #fff } .tinv-wishlist button.button i { margin-right: 3px !important } .tinv-wishlist th, .tinv-wishlist td.product-name { font-size: 16px; font-weight: 700; font-family: var(--title-font) } .tinv-wishlist td.product-name a { color: var(--body-color) } .tinv-wishlist td.product-name a:hover { color: var(--theme-color) } .tinv-wishlist td.product-price del { margin-left: 8px; font-size: 0.9em } .tinv-wishlist .social-buttons>span { font-weight: 700; margin-right: 10px; font-family: var(--title-font); color: var(--title-color) } .tinv-wishlist .social-buttons li { display: inline-block; margin-right: 0 } .tinv-wishlist .social-buttons li a.social { background-color: var(--theme-color); color: #fff; width: 30px; height: 30px; line-height: 30px; font-size: 14px; display: inline-block; text-align: center; border-radius: 50px; margin-left: 3px } .tinv-wishlist .social-buttons li a.social:first-child { margin-left: 0 } .tinv-wishlist .social-buttons li a.social i { line-height: inherit } .tinv-wishlist .social-buttons li a.social:hover { background-color: var(--title-color); color: var(--white-color) } .tinvwl-break-input-filed { border-radius: 0 } @media (max-width: 991px) { .tinvwl-full { display: none } .tinv-wishlist .tinvwl-mobile { display: block } .tinvwl-txt { display: none !important } .product-stock { width: 40px; text-align: center } } @media (max-width: 767px) { .tinv-wishlist table { table-layout: fixed; border-bottom: 1px solid var(--border-color) } .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-remove, .tinv-wishlist table.tinvwl-table-manage-list thead th:not(.product-name) { display: none } .tinv-wishlist table td, .tinv-wishlist table th { border: 1px solid var(--border-color) } .tinv-wishlist table.tinvwl-table-manage-list tbody td { display: block; width: 100% !important; text-align: center } .product-name { text-align: center } .tinv-wishlist table td, .tinv-wishlist table th { border-bottom: none } .tinv-wishlist table tfoot { border-bottom: 1px solid var(--border-color) } .tinv-wishlist .social-buttons { max-width: 100%; margin-left: unset; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .tinv-wishlist .social-buttons ul { margin-left: unset; margin-top: 5px } .tinvwl-txt { display: inline-block !important } } .contact-sec-2 .contact-thumb2 { -webkit-mask-size: 100% 100%; width: 880px } .contact-sec-2 .contact-thumb2 img { height: 100%; object-fit: cover; width: 100% } .contact-sec-2 .contact-border-shape { height: 100%; width: 920px } .contact-sec-2 .contact-border-shape img { height: 100%; width: 100% } .contact-form { position: relative; background: var(--smoke-color); padding: 50px 70px; margin-bottom: -120px } .contact-form .bg-arrow { position: absolute; left: -100px; top: 50%; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%) } .contact-form .form-title { text-align: center; max-width: 520px; margin: -0.26em auto 30px auto } .contact-form textarea.form-control { min-height: 130px } .contact-form .form-group { margin-bottom: 10px } .contact-form .form-btn { margin-top: 30px } .contact-form .form-btn .th-btn { border-radius: 0 } .contact-box-wrap { background: var(--theme-color); padding: 30px; max-width: 374px } .contact-box-wrap .contact-box-title { color: var(--white-color); margin-bottom: 10px } .contact-box-wrap .contact-time { color: var(--smoke-color2); margin-bottom: 0; font-size: 18px; font-weight: 500; font-family: var(--title-font) } .contact-sec-2 { margin-top: 100px } .contact-form-wrap { background: var(--smoke-color); padding: 60px; margin-top: -100px } .contact-form-wrap .contact-video i { width: var(--icon-size, 100px); height: var(--icon-size, 100px); line-height: var(--icon-size, 100px); font-size: var(--icon-font-size, 18px) } .contact-form-wrap .contact-video:hover i { background: var(--white-color); color: var(--theme-color) } .contact-form-wrap .insurance-tab { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px } .contact-form-wrap .insurance-tab .nav-item .nav-link { border: 0; border-radius: 2px; background: var(--theme-color); font-size: 16px; font-weight: 700; font-family: var(--title-font); color: var(--white-color); padding: 5px 20px } .contact-form-wrap .insurance-tab .nav-item .nav-link i { margin-right: 2px } .contact-form-wrap .skill-feature_title { font-size: 16px; margin-bottom: 14px } .contact-form-wrap .skill-feature { margin-bottom: 30px } .contact-form-wrap .skill-feature .progress { height: 10px; border-radius: 4px; background: #CDCDCD } .contact-form-wrap .skill-feature .progress:after { display: none } .contact-form-wrap .skill-feature .progress .progress-bar { border-radius: 4px; position: relative } .contact-form-wrap .skill-feature .progress .progress-bar:after { content: ''; position: absolute; height: 20px; width: 20px; border-radius: 50%; background: var(--theme-color); right: 0; top: -5px } .contact-form-wrap .skill-feature .progress .progress-value { font-size: 16px; font-weight: 700; color: var(--title-color); background: transparent; top: -40px } .contact-form-wrap .skill-feature .progress .progress-value:after { display: none } .contact-form-wrap .btn-group { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .contact-form-wrap .btn-group .rating-wrap .star-rating { margin-bottom: 5px } .contact-form-wrap .btn-group .rating-wrap .star-rating span:before { color: var(--theme-color) } .contact-form-wrap .btn-group .rating-wrap .rating-title { font-size: 16px; margin-bottom: -0.3em } .appointment-cta-wrap { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); background: var(--theme-color); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .appointment-cta-wrap:hover .global-icon:after { -webkit-animation: spin 7s infinite; animation: spin 7s infinite } .appointment-cta-wrap .global-icon { background: var(--white-color); border-color: var(--theme-color); font-size: 40px; color: var(--theme-color); height: 100px; width: 100px; line-height: 90px } .appointment-cta-wrap .global-icon i.fa-phone-volume { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .appointment-cta-wrap .global-icon:after { border-color: var(--white-color); height: 100px; width: 100px } .appointment-cta-wrap .wrap_text { font-size: 16px; color: var(--white-color); margin-bottom: 10px } .appointment-cta-wrap .wrap_title { font-weight: 600; margin-bottom: 0 } .appointment-cta-wrap .wrap_title a { color: var(--white-color) } .appointment-cta-wrap .wrap_title a:hover { color: var(--title-color) } .box-form { padding: 70px } .contact-info-wrap { background: var(--smoke-color); height: 100%; padding: 50px } .contact-info-wrap .social-info_title { border-top: 1px solid rgba(12, 12, 12, 0.1); padding-top: 30px; margin-top: 30px } .contact-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 20px } .contact-info~.contact-info { margin-top: 30px } .contact-info_icon { height: 60px; width: 60px; line-height: 60px; background: rgba(221, 51, 51, 0.1); border-radius: 50%; text-align: center; font-size: 26px; color: var(--theme-color) } .contact-info_icon i.fa-phone-volume { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .contact-info_title { margin-bottom: 5px } .contact-info_text a { display: block; color: var(--body-color) } .contact-info_text a:hover { color: var(--theme-color) } .contact-form3 { background: var(--smoke-color); padding: 70px } .map-sec { line-height: 1px; margin-bottom: -153px; margin-top: -190px; position: relative; z-index: -1 } .map-sec iframe { height: 700px; -webkit-filter: invert(1); filter: invert(1) } @media (max-width: 1600px) { .contact-sec-2 .contact-thumb2 { width: 720px } .contact-sec-2 .contact-border-shape { width: 750px } } @media (max-width: 1500px) { .contact-sec-2 .contact-thumb2 { width: 620px } .contact-sec-2 .contact-border-shape { width: 650px } } @media (max-width: 1399px) { .contact-form-wrap { padding: 50px } .contact-sec-2 .contact-thumb2 { width: 600px } .contact-sec-2 .contact-border-shape { width: 630px } } @media (max-width: 1200px) { .contact-form-wrap { margin-left: -60px } .contact-form-wrap .contact-video { left: -140px !important } .contact-sec-2 .contact-thumb2 { width: 500px } .contact-sec-2 .contact-border-shape { width: 530px } } @media (max-width: 1199px) { .contact-form { margin-bottom: 120px } .contact-form-wrap { margin-left: 0 } .appointment-cta-wrap { -webkit-transform: none; -ms-transform: none; transform: none; margin-top: -85px; position: relative; z-index: 3 } } @media (max-width: 991px) { .contact-form { margin-bottom: 80px } .box-form { padding: 40px } } @media (max-width: 767px) { .contact-form { padding: 50px 50px } .contact-form-wrap { padding: 40px } .appointment-cta-wrap { padding: 30px } .contact-info-wrap { padding: 40px } .contact-form3 { padding: 40px } } @media (max-width: 575px) { .box-form, .contact-form { padding: 40px 20px } .appointment-cta-wrap .global-icon { width: 80px; height: 80px; line-height: 70px } .appointment-cta-wrap .global-icon:after { width: 80px; height: 80px } } @media (max-width: 375px) { .contact-form-wrap { padding: 30px } } .about-sec { z-index: 1 } .about-sec2 { padding-top: 234px; margin-top: -114px; position: relative; z-index: 0 } .about-sec3 { padding-bottom: 120px } .about-flex-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .about-thumb1 { position: relative } .about-thumb1 .img1 { text-align: right; padding-bottom: 53px } .about-thumb1 .img1 img { border-left: 15px solid var(--theme-color) } .about-thumb1 .img2 { position: absolute; bottom: 0; left: 0; display: inline-block; border: 10px solid var(--white-color); border-left: 0; border-bottom: 0 } .about-thumb1 .about-counter { position: absolute; left: 21px; top: 36px } .about-thumb1 .about-counter_title { line-height: 55px; font-size: 60px; font-weight: 900; margin-bottom: 10px } .about-thumb2 { position: relative } .about-thumb2 .img1 { text-align: right; padding-bottom: 62px } .about-thumb2 .img2 { position: absolute; bottom: 0; left: 0; display: inline-block; border-left: 0; border-bottom: 0 } .about-thumb2 .shape1 { position: absolute; -webkit-animation: spin 15s infinite; animation: spin 15s infinite; top: 0; z-index: -1 } .about-thumb2 .about-counter2 { position: absolute; right: calc(400px + 30px); bottom: calc(310px + 30px); background: var(--theme-color); text-align: center; max-width: 200px; padding: 30px 20px } .about-thumb2 .about-counter2 .counter-title { font-size: 60px; font-weight: 700; color: var(--white-color); margin-bottom: 5px } .about-thumb2 .about-counter2 .counter-text { font-weight: 700; font-size: 18px; line-height: 28px; color: var(--white-color); font-family: var(--title-font) } .about-thumb3 { position: relative; padding-right: 250px; padding-bottom: 218px; margin-right: 60px } .about-thumb3 .img2 { position: absolute; right: 0; bottom: 0 } .about-thumb3 .img3 { position: absolute; bottom: 0 } .about-thumb3 .about-counter3 { position: absolute; right: 0; top: 0; background: var(--title-color); text-align: center; min-width: 218px; padding: 40px 22px 51px } .about-thumb3 .about-counter3 .counter-title { font-size: 60px; font-weight: 800; color: var(--white-color); margin-bottom: 5px } .about-thumb3 .about-counter3 .counter-text { font-weight: 700; font-size: 18px; line-height: 28px; color: var(--white-color); font-family: var(--title-font) } .about-thumb4 { position: relative; padding-right: 201px; padding-bottom: 58px; display: inline-block } .about-thumb4 .img1 { display: inline-block; position: relative } .about-thumb4 .img1:after { content: ''; position: absolute; right: -40px; top: 30px; width: 10px; height: 190px; background: var(--theme-color); -webkit-animation: jumpAni 7s linear infinite; animation: jumpAni 7s linear infinite } .about-thumb4 .img2 { position: absolute; right: 0; bottom: 0 } .about-thumb4 .img2 .play-btn { left: 0; position: absolute; -webkit-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); transform: translate(-100%, -100%) } .about-thumb4 .img2 .play-btn i { border-radius: 0; width: var(--icon-size, 100px); height: var(--icon-size, 100px); line-height: var(--icon-size, 100px); background: var(--theme-color); color: var(--white-color); font-size: 24px } .about-thumb4 .img2 .play-btn:after, .about-thumb4 .img2 .play-btn:before { border-radius: 0 } .about-thumb5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px } .about-thumb5 .img1 { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } .about-counter-wrap { background: var(--theme-color); padding: 30px 20px } .about-counter1 { text-align: center } .about-counter1~.about-counter1 { border-top: 1px dashed rgba(255, 255, 255, 0.5); margin-top: 23px; padding-top: 30px } .about-counter1 .icon { margin-bottom: 10px; -webkit-transition: 0.4s; transition: 0.4s } .about-counter1 .counter-title { color: var(--white-color); margin-bottom: 5px } .about-counter1 .counter-text { font-size: 18px; font-weight: 700; color: var(--white-color); font-family: var(--title-font) } .about-counter1:hover .icon { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .client-thumb-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .client-thumb-group .thumb { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } .client-thumb-group .thumb:not(:first-child) { margin-left: -30px } .client-thumb-group .thumb img { border-radius: 50%; height: 50px; border: 5px solid var(--white-color) } .client-thumb-group .thumb.icon { background: rgba(221, 51, 51, 0.8); font-size: 16px; color: var(--white-color); border: 5px solid var(--white-color); height: 50px; width: 50px; line-height: 42px; border-radius: 50%; text-align: center; margin-left: -50px } .about-client-box { background: var(--smoke-color); padding: 30px 25px; margin-left: -5px; text-align: center } .about-client-box .client-thumb-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 11px } .about-client-box .cilent-box_counter { margin-bottom: 0; line-height: 34px } .about-info-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px } .about-info-wrap .icon { height: 60px; width: 60px; line-height: 60px; border: 1px solid var(--border-color); border-radius: 50%; font-size: 20px; color: var(--theme-color); text-align: center } .about-info-wrap .about-info-title { margin-bottom: 4px; font-size: 14px; font-weight: 600; } .about-info-wrap .about-info-link { font-size: 18px; font-weight: 500; font-family: var(--title-font); color: var(--title-color) } .about-info-wrap .about-info-link:hover { color: var(--theme-color) } .about-feature-wrap { margin-right: 40px } .feature-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .feature-wrap:not(:last-child) { margin-bottom: 30px } .feature-wrap_title { font-size: 20px; font-weight: 700; margin-bottom: 8px } .feature-wrap_text { margin-bottom: 0 } .feature-wrap:hover .global-icon:after { -webkit-animation: spin 7s infinite; animation: spin 7s infinite } .feature-wrap.style2 { display: block; background: var(--smoke-color); text-align: center; position: relative; z-index: 1; padding: 30px; margin-bottom: 0 } .feature-wrap.style2 .global-icon { margin: auto auto 10px; position: relative; border-color: var(--smoke-color); border-width: 6px } .feature-wrap.style2 .global-icon:after { left: -8px; top: -8px } .feature-wrap.style2 .feature-wrap_title { margin-bottom: 10px } .feature-wrap.style2:not(:last-child):after { content: ''; position: absolute; top: 0; right: 0; margin: 30px 0; height: -webkit-fill-available; width: 1px; background: rgba(18, 18, 18, 0.05) } .about-profile { position: relative; display: inline-block; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -webkit-align-self: end; -ms-flex-item-align: end; align-self: end } .about-profile:after { content: ''; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 27.6%, #000 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 27.6%, #000 100%); position: absolute; left: 0; top: 0; height: 100%; width: 100% } .about-profile .profile-body { position: absolute; z-index: 1; text-align: center; bottom: 0; padding-bottom: 20px; width: 100% } .about-profile .profile-body .title { color: var(--white-color); font-weight: 700; font-size: 22px; margin-bottom: 0 } .about-profile .profile-body .desig { font-weight: 700; font-size: 14px; color: var(--theme-color); font-family: var(--title-font) } .about-profile2 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .about-profile2 .avater img { border-radius: 50% } .about-profile2 .media-body .title { font-weight: 700; font-size: 20px; line-height: 30px; color: var(--title-color); margin-bottom: 0 } .about-profile2 .media-body .desig { font-family: var(--title-font); font-weight: 500; font-size: 14px; line-height: 24px; color: var(--body-color) } .skill-feature { margin-bottom: 45px } .skill-feature_title { font-family: var(--title-font); font-weight: 700; font-size: 18px; line-height: 28px; margin-bottom: 10px } .skill-feature .progress { position: relative; height: 8px; background-color: transparent; overflow: visible } .skill-feature .progress:after { content: ""; height: 1px; width: 100%; position: absolute; bottom: -5px; left: 0; background-color: rgba(18, 18, 18, 0.4) } .skill-feature .progress .progress-bar { position: relative; height: auto; overflow: visible; background-color: var(--theme-color) } .skill-feature .progress .progress-value { font-family: var(--title-font); font-size: 12px; font-weight: 800; color: var(--white-color); background: var(--theme-color); padding: 0 8px; position: absolute; right: -12px; top: -45px } .skill-feature .progress .progress-value:after { content: ''; position: absolute; left: 50%; bottom: -10px; width: 15px; height: 15px; border-top: solid 15px var(--theme-color); border-left: solid 10px transparent; border-right: solid 10px transparent; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } .appointment-author-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .appointment-author-wrap .author-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .appointment-author-wrap .author-wrap .author-details .auhtor-title { margin-bottom: 5px } .appointment-author-wrap .author-wrap .author-details .author-desig { font-size: 14px; font-family: var(--title-font); font-weight: 700; margin-bottom: 15px } .appointment-author-wrap .author-wrap .author-details .th-social { gap: 15px } .appointment-author-wrap .author-wrap .author-details .th-social a { width: auto; line-height: normal; height: auto; background: transparent } .appointment-author-wrap .author-wrap .author-details .th-social a:hover { background: transparent; color: var(--theme-color) } @media (max-width: 1399px) { .about-client-box { margin-left: -10px } } @media (max-width: 1200px) { .about-thumb1 .img1 { padding-bottom: 135px; padding-left: 150px } .about-thumb3 { padding-right: 248px; padding-bottom: 218px; margin-right: 30px } .about-thumb3 .img2 { margin-left: 252px } .about-thumb4 { padding-right: 50px; padding-bottom: 56px } .about-thumb4 .about4-dot { left: 0 !important } .about-client-box { margin-left: -70px } } @media (max-width: 1199px) { .about-thumb2, .about-thumb1 { margin-bottom: 50px; display: inline-block } .about-thumb2 .img1, .about-thumb1 .img1 { padding-left: 200px; text-align: left; padding-bottom: 50px } .about-thumb3 { display: inline-block } .about-thumb4 { padding-bottom: 230px } .about-thumb4 .img2 .play-btn i { width: var(--icon-size, 70px); height: var(--icon-size, 70px); line-height: var(--icon-size, 70px); font-size: 20px } .appointment-author-wrap { gap: 20px } .appointment-author-wrap .author-wrap { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } } @media (max-width: 991px) { .about-sec2 { padding-top: 194px } .about-sec3 { padding-bottom: 80px } .about-thumb4 { display: block; padding-bottom: 50px } .about-thumb4 .about4-dot { bottom: 10px !important } .about-client-box { margin-left: 0 } } @media (max-width: 767px) { .about-thumb1 .img1 { padding-left: 170px; padding-bottom: 180px } .about-thumb2 .about-counter2 { right: calc(316px + 30px) } .about-thumb2 .img1 { padding-bottom: 150px } .about-thumb3 { padding-right: 238px; padding-bottom: 210px; margin-right: 0 } .about-thumb3 .img2 { margin-left: 240px } .about-thumb4 { padding-bottom: 200px } .about-thumb4 .img2 { margin-left: 100px } .about-thumb5 { display: block; text-align: center } .about-thumb5 .img1 img { width: 100% } .about-thumb5 .about-counter-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 30px; margin-bottom: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .about-thumb5 .about-counter1 { width: 50% } .about-thumb5 .about-counter1~.about-counter1 { border-top: 0; padding-top: 0; margin-top: 0; border-left: 1px dashed rgba(255, 255, 255, 0.5); margin-left: 50px; padding-left: 50px } } @media (max-width: 575px) { .about-flex-wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .about-profile { -webkit-align-self: start; -ms-flex-item-align: start; align-self: start; margin-bottom: 30px } .about-thumb1 .img1 { padding-bottom: 320px } .about-thumb1 .img2 { border-right: 0 } .about-thumb2 { overflow: hidden } .about-thumb2 .about-counter2 { right: calc(201px + 20px); bottom: calc(310px + 20px) } .about-thumb2 .about-counter2 .counter-title { font-size: 50px } .about-thumb2 .img1 { padding-bottom: 264px } .about-thumb3 { padding-right: 198px } .about-thumb3 .about-counter3 { min-width: 100px; padding: 26px 22px 27px } .about-thumb3 .about-counter3 .counter-title { font-size: 36px } .about-thumb3 .about-counter3 .counter-text { font-size: 14px } .about-thumb3 .img2 { margin-left: 223px } .about-thumb3 .img2 img { height: 270px; object-fit: cover } .about-thumb3 .img3 { margin-right: 197px } .about-thumb3 .img3 img { height: 190px; object-fit: cover } .about-thumb4 { padding-bottom: 150px } .about-thumb5 .about-counter-wrap { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .about-thumb5 .about-counter-wrap .about-counter1 { width: auto; margin: 0; padding: 0; border: 0 } .appointment-author-wrap { display: block } .appointment-author-wrap .author-wrap { margin-bottom: 30px } } @media (max-width: 375px) { .about-feature-wrap { margin: 0 } .about-thumb1 .img1 { padding-bottom: 370px } .about-thumb2 .about-counter2 { right: calc(151px + 20px); bottom: calc(272px + 20px); padding: 13px 20px 23px } .about-thumb3 { padding-right: 0; padding-bottom: 0 } .about-thumb3 .about-counter3 { position: initial; margin-top: 20px } .about-thumb3 .img3, .about-thumb3 .img2 { display: none } .about-thumb5 .about-counter-wrap { display: block } .about-thumb5 .about-counter-wrap .about-counter1~.about-counter1 { margin-top: 30px } } @media (max-width: 320px) { .about-thumb1 .img1 { padding-bottom: 340px; padding-left: 150px } .about-thumb2 .about-counter2 { right: calc(96px + 20px); bottom: calc(230px + 20px) } .about-thumb2 .about-counter2 .counter-title { font-size: 43px; margin-bottom: 0 } .about-thumb2 .about-counter2 .counter-text { font-size: 14px } .about-thumb2 .img1 { padding-bottom: 250px } } .team-sec-1 { padding-top: 215px } .team-card .team-img-wrap { margin-bottom: 24px; position: relative } .team-card .team-img img { width: 100% } .team-card .team-title { font-size: 22px; margin-bottom: 4px } .team-card .team-title a { color: var(--title-color) } .team-card .team-title a:hover { color: var(--theme-color) } .team-card .team-desig { font-size: 14px; font-weight: 500; font-family: var(--title-font); margin-bottom: -0.5em; display: block } .team-card .team-social { position: absolute; background: var(--white-color); width: 50px; right: 30px; bottom: -50px; z-index: 0; padding: 1px 0 22px; border-radius: 25px 25px 0 0; opacity: 0; visibility: hidden; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5) } .team-card .team-social a { display: block; text-align: center; border-bottom: 1px solid rgba(18, 18, 18, 0.1); height: 46px; line-height: 46px; color: var(--body-color) } .team-card .team-social a:hover { color: var(--theme-color) } .team-card .team-social a:last-child { border-bottom: 0 } .team-card .team-social-activate_btn { position: absolute; height: 50px; width: 50px; line-height: 50px; border-radius: 50%; background: var(--theme-color); right: 30px; text-align: center; color: var(--white-color); font-size: 20px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1 } .team-card .team-social-activate_btn i { -webkit-transition: 0.4s; transition: 0.4s } .team-card .team-social-activate:hover .team-social-activate_btn i { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .team-card .team-social-activate:hover .team-social { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); bottom: 0 } .team-box { position: relative; background-color: var(--white-color); box-shadow: 0px 3px 15px rgba(1, 15, 28, 0.08); padding: 20px } .team-box .team-img { overflow: hidden; position: relative; z-index: 2 } .team-box .team-img:before { content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: var(--title-color); visibility: visible; opacity: 0; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; z-index: 3 } .team-box .team-img img { width: 100% } .team-box .th-social { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; visibility: hidden; opacity: 0; z-index: 3 } .team-box .th-social a { color: var(--title-color); background-color: var(--white-color); border: none } .team-box .th-social a:hover { background-color: var(--white-color); color: var(--theme-color) } .team-box .team-content { text-align: center; padding: 27px 0 10px 0 } .team-box .team-title { margin-bottom: 4px } .team-box .team-desig { display: block; margin-bottom: -0.4em } .team-box .team-social { height: 101px; padding: 37px 0; background-size: auto; -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%) } .team-box:hover .team-img::before { visibility: visible; opacity: 0.85 } .team-box:hover .team-social { -webkit-transform: scaleY(1) translateY(-50%); -ms-transform: scaleY(1) translateY(-50%); transform: scaleY(1) translateY(-50%) } .about-card_img { height: 100% } .about-card_img img { height: 100%; object-fit: cover } .about-card_box .about-card_title { margin-bottom: 10px; line-height: 40px } .about-card_box .about-card_desig { font-size: 16px; font-weight: 700; font-family: var(--title-font); color: var(--theme-color) } .about-card_box .about-card_text { margin-top: 30px } .about-card_box .personal-skill-wrap { padding: 40px; margin-top: 40px } .about-card_box .personal-skill-wrap_title { margin-bottom: 30px } .about-card_box .personal-skill-wrap .feature-circle { margin-bottom: -0.3em } .about-card_box .personal-skill-wrap .feature-circle .progressbar { display: block; text-align: center } .about-card_box .personal-skill-wrap .feature-circle .progressbar .circle { display: inline-block; margin-bottom: 5px } .about-card_box .personal-skill-wrap .feature-circle .feature-circle_title { font-size: 16px; margin-bottom: 0 } .team-form { position: relative } .team-form .img-half { width: 37.5% } @media (max-width: 991px) { .team-sec-1 { padding-top: 175px } } @media (max-width: 575px) { .team-box { max-width: 340px; margin-left: auto; margin-right: auto } } .testi-slider1 .slick-dots { margin-top: 60px } .testi-box { background: var(--white-color); padding: 40px } .testi-box_quote { height: 40px; width: 40px; border-radius: 50%; background: var(--theme-color); font-size: 18px; color: var(--white-color); line-height: 40px; text-align: center; position: absolute; left: 0%; bottom: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%) } .testi-box_profile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 20px; border-bottom: 1px dashed rgba(18, 18, 18, 0.2); padding-bottom: 26px; margin-bottom: 20px } .testi-box_avater { border-radius: 99px; position: relative; -webkit-align-self: start; -ms-flex-item-align: start; align-self: start } .testi-box_avater img { border-radius: 50% } .testi-box_name { margin-bottom: 0px; line-height: 32px; margin-top: -0.3em } .testi-box_desig { font-weight: 600; font-size: 14px; line-height: 24px; color: var(--title-color); margin-bottom: 10px; font-family: var(--title-font); display: block } .testi-box_text { margin-bottom: -0.45em; font-weight: 400; font-size: 18px; line-height: 32px; color: var(--gray-color) } .testi-box_review { color: var(--yellow-color) } .testi-box_review i { margin-right: 3px } .testimonial-sec2 { padding: 70px 100px; position: relative } .testimonial-sec2 .testi-bg-shape { position: absolute; right: 0; top: 0; opacity: .03; z-index: 0 } .testimonial-sec2 .title-area { margin-bottom: 30px } .testi-slider2 .slick-arrow { visibility: visible !important; opacity: 1 !important; left: auto; right: 0; bottom: 0; top: auto } .testi-slider2 .slick-arrow.slick-prev { right: calc(60px + 10px) } .testi-box2 { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .testi-box2 .testi-box_quote { bottom: 50%; right: 0; left: auto; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%) } .testi-box2 .testi-box_avater { display: inline-block; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin-right: 75px } .testi-box2 .testi-box_text { font-size: 24px; color: var(--white-color); line-height: 40px; margin-bottom: 40px } .testi-box2 .testi-box_name { color: var(--white-color); margin-bottom: 3px } .testi-box2 .testi-box_desig { color: var(--theme-color); font-weight: 700; margin-bottom: 0 } .testi-slider3 { margin-right: -125px } .testi-slider3 .slick-dots { position: absolute; right: 60px; top: 96px; margin: 0 } .testi-box3 { background: var(--smoke-color); padding: 50px 60px } .testi-box3 .testi-box_avater { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(18, 18, 18, 0.1); padding-bottom: 30px; margin-bottom: 30px; border-radius: 0 } .testi-box3 .testi-box_avater .thumb { position: relative; margin-right: 50px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } .testi-box3 .testi-box_quote { bottom: 50%; right: 0; left: auto; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%) } .testi-box3 .testi-box_name { margin-bottom: 5px } .testi-box3 .testi-box_desig { font-weight: 700; font-family: var(--title-font); color: var(--body-color); margin-bottom: 0 } .testimonial-sec4 { margin-bottom: -70px } .testimonial-sec4 .testi-sec5-img { width: 49%; z-index: 2; -webkit-transform: translate(0, -70px); -ms-transform: translate(0, -70px); transform: translate(0, -70px) } .testimonial-sec4 .testi-sec5-img img { object-position: right } .testi-slider4 { padding: 30px 0 10px; background: var(--smoke-color); -webkit-transform: translate(0, -70px); -ms-transform: translate(0, -70px); transform: translate(0, -70px); z-index: 2 } .testi-slider4 .slick-arrow { opacity: 1; visibility: visible; border-radius: 0; bottom: 0; top: auto; left: 0; right: auto; -webkit-transform: translate(-100%, 0) rotate(90deg); -ms-transform: translate(-100%, 0) rotate(90deg); transform: translate(-100%, 0) rotate(90deg); background: var(--theme-color); color: var(--white-color); border-color: rgba(255, 255, 255, 0.3) } .testi-slider4 .slick-arrow.slick-prev { -webkit-transform: translate(-100%, -100%) rotate(90deg); -ms-transform: translate(-100%, -100%) rotate(90deg); transform: translate(-100%, -100%) rotate(90deg) } .testi-slider4 .slick-arrow:hover { background: transparent; border-color: var(--theme-color); color: var(--theme-color) } .testi-slider4 .slick-current.testi-box4 .testi-box_wrap .thumb img { border-color: var(--smoke-color2) } .testi-slider4 .slick-current~.slick-active .testi-box_wrap { border-bottom: 1px solid rgba(18, 18, 18, 0.1) } .testi-slider4 .slick-current~.slick-active~.slick-active .testi-box_wrap { border-bottom: 0 } .testi-box4 { padding-left: 60px } .testi-box4 .testi-box_wrap { border-bottom: 1px solid rgba(18, 18, 18, 0.1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 40px; padding: 30px 0 22px } .testi-box4 .testi-box_wrap .thumb { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } .testi-box4 .testi-box_wrap .thumb img { border-radius: 50%; height: 100px; width: 100px; border: 6px solid var(--white-color); -webkit-transition: .4s all; transition: .4s all } .testi-box4 .testi-box_wrap .testi-content .testi-box_text { font-weight: 400; font-size: 18px; line-height: 30px; color: var(--title-color); margin-bottom: 20px } .testi-box4 .testi-box_wrap .testi-content .media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .testi-box4 .testi-box_wrap .testi-content .testi-box_name { font-weight: 700; font-size: 20px; line-height: 30px } .testi-box4 .testi-box_wrap .testi-content .testi-box_desig { font-weight: 500; font-size: 14px; line-height: 24px } .testi-slider5 { margin: -20px -280px -20px -67px } .testi-slider5 .slick-slide.slick-current .testi-box_wrap .testi-box_avater:after { border-color: var(--theme-color) } .testimonial-slider5-arrow .slick-arrow { position: initial; margin: 0 } .testimonial-slider5-arrow .slick-arrow.slick-next { margin-left: 8px } .testi-box5 { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08); background: var(--white-color); padding: 40px; margin: 20px } .testi-box5 .testi-box_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 30px } .testi-box5 .testi-box_wrap .testi-box_avater { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; position: relative } .testi-box5 .testi-box_wrap .testi-box_avater:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 5px solid transparent; border-radius: 50%; -webkit-transition: 0.4s; transition: 0.4s } .testi-box5 .testi-box_wrap .testi-box_title { margin-bottom: 15px } .testi-box5 .testi-box_wrap .testi-box_title .review-rating { display: inline-block; margin-left: 15px } .testi-box5 .testi-box_wrap .testi-box_title .review-rating span:before { color: var(--theme-color) } .testi-box5 .testi-box_wrap .testi-box_text { margin-bottom: 20px } .testi-box5 .testi-box_wrap .testi-box_name { margin-bottom: 3px; line-height: 30px } .testi-box5 .testi-box_wrap .testi-box_desig { font-size: 14px; font-weight: 700; font-family: var(--title-font); color: var(--body-color); margin-bottom: 0 } .testi-box5 .testi-box_wrap .media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .testi-box5 .testi-box_wrap .media .media-body { text-align: end; font-size: 50px; color: var(--theme-color) } @media (max-width: 1600px) { .testi-slider5 { margin: -20px -120px -20px -67px } .testi-box5 .testi-box_wrap .testi-box_text { font-size: 16px } .testi-box5 { padding: 30px } .testi-box5 .testi-box_wrap .testi-box_avater { width: 80px } } @media (max-width: 1500px) { .testi-slider5 { margin: -20px -20px -20px -67px } .testi-box5 .testi-box_wrap .testi-box_title .review-rating { display: block; margin: 5px 0 0 5px } } @media (max-width: 1199px) { .testimonial-sec2 { padding: 70px } .testi-box2 .testi-box_text { font-size: 20px } .testi-box3 { padding: 40px } .testimonial-sec4 { background-color: var(--smoke-color); margin-bottom: 0 } .testimonial-sec4 .testi-sec5-img { -webkit-transform: none; -ms-transform: none; transform: none } .testi-slider4 { background: transparent; -webkit-transform: none; -ms-transform: none; transform: none; padding: 60px 0 120px } .testi-slider4 .testi-box4 { background: var(--white-color); padding: 0 60px } .testi-slider5 { margin: -20px } .testi-box5 .testi-box_wrap .testi-box_text { font-size: 18px } .testi-box5 .testi-box_wrap .testi-box_title, .testi-box5 .testi-box_wrap .testi-box_name { font-size: 20px } } @media (max-width: 991px) { .testimonial-sec1 { padding-top: 208px } .testi-box2 { display: block } .testi-box2 .testi-box_avater { padding: 0 0 20px } .testi-slider3 { margin-right: 0 } .testi-slider4 { padding-bottom: 80px } .testi-slider4 .testi-box4 { padding: 0 30px } .testi-slider4 .testi-box4 .testi-box_text { max-width: 450px } } @media (max-width: 767px) { .testimonial-sec2 { padding: 70px 30px } .testimonial-sec5 { overflow: hidden } } @media (max-width: 575px) { .testi-box { padding: 30px } .testi-box_text { font-size: 14px; line-height: inherit } .testi-box2 .testi-box_text { font-size: 16px; line-height: inherit } .testi-box3 { padding: 30px } .testi-box3 .testi-box_avater { display: block } .testi-box3 .testi-box_avater .thumb { display: inline-block } .testi-box3 .testi-box_avater .details { margin-top: 20px } .testi-box4 .testi-box_wrap { display: block; border-bottom: 0 } .testi-box4 .testi-box_wrap .thumb { margin-bottom: 20px } .testi-box4 .testi-box_wrap .testi-content .testi-box_text { font-size: 16px; line-height: inherit } .testi-box4 .testi-box_wrap .quote-icon { width: 50px; line-height: 50px } .testi-box5 .testi-box_wrap { display: block } .testi-box5 .testi-box_wrap .testi-box_avater { margin-bottom: 20px } .testi-box5 .testi-box_wrap .testi-box_text { font-size: 16px } } @media (max-width: 375px) { .testi-box_name { margin-top: 10px } .testi-box_profile { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-bottom: 25px } .testi-box4 .testi-box_wrap .testi-content .media { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } } .counter-sec1 { margin: 20px 0; padding: 60px 0; background-color: #272727; } .counter-sec2 { padding: 60px 90px 60px; margin-bottom: -95px; z-index: 3; position: relative; background-color: #272727; margin-bottom: 0px; } .counter-sec2 .counter-divider { position: relative } .counter-sec2 .counter-divider:after { content: ''; position: absolute; left: -50%; top: 0; height: 100%; width: 1px; border: 1px dashed rgba(255, 255, 255, 0.3) } .counter-sec2 .counter-divider:first-child:after { display: none } .counter-sec3 { padding: 80px 0; border-top: 1px solid rgba(18, 18, 18, 0.15) } .counter-sec3 .counter-divider2 { position: relative } .counter-sec3 .counter-divider2:after { content: ''; position: absolute; left: -40px; top: 0; height: 100%; width: 1px; border: 1px dashed rgba(18, 18, 18, 0.3) } .counter-sec3 .counter-divider2:first-child:after { display: none } .counter-wrapper { position: relative; z-index: 1; text-align: center } .counter-wrapper .global-icon { border-color: #0F0D1D; height: 100px; width: 100px; line-height: 90px; border-width: 5px; margin: 0 auto 10px } .counter-wrapper .global-icon:after { height: 100px; width: 100px; top: -8px; left: -7px } .counter-wrapper .counter-wrap_title { font-size: 45px; font-weight: 800; margin-bottom: 0 } .counter-wrapper .counter-wrap_text { font-weight: 600; font-family: var(--title-font); font-size: 16px; margin-bottom: -0.5em } .counter-wrapper:hover .global-icon:after { -webkit-animation: spin 7s infinite; animation: spin 7s infinite } .counter-wrapper.style-2 .global-icon { background: var(--white-color); border-color: var(--theme-color) } .counter-wrapper.style-2 .global-icon:after { border-color: var(--white-color) } .counter-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 30px } .counter-card_icon { -webkit-transition: 0.4s all ease; transition: 0.4s all ease } .counter-card_number { font-size: 45px; font-weight: 800; line-height: 55px; margin-bottom: 5px; margin-top: -0.25em } .counter-card_text { font-weight: 600; font-size: 16px; line-height: 26px; font-family: var(--title-font); max-width: 154px; margin-bottom: -0.4em } .counter-card:hover .counter-card_icon { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } @media (max-width: 1399px) { .counter-sec3 .counter-divider2:after { left: -35px } } @media (max-width: 1200px) { .counter-sec2 { padding: 60px } .counter-sec3 .counter-divider2:after { left: -11px } } @media (max-width: 1199px) { .counter-sec3 { text-align: center } .counter-card { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; text-align: left } .counter-sec3 .counter-divider2:after { display: none } } @media (max-width: 991px) { .counter-divider { display: none } } .blog-card { -webkit-transition: 0.4s; transition: 0.4s } .blog-card .blog-title { margin-bottom: 22px; font-weight: 700 } .blog-card .blog-title.border-bottom { border-bottom: 1px solid rgba(18, 18, 18, 0.1); padding-bottom: 20px; margin-bottom: 18px } .blog-card .blog-title a { background-image: -webkit-linear-gradient(right, var(--theme-color), var(--theme-color)); background-image: linear-gradient(to left, var(--theme-color), var(--theme-color)); background-repeat: no-repeat; background-position: bottom left; background-size: 0 2px } .blog-card .blog-title a:hover { background-size: 100% 2px } .blog-card_content { background: var(--white-color); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08); padding: 25px 30px; margin: 0 30px; position: relative; z-index: 1 } .blog-card .blog-img { overflow: hidden; margin-bottom: -120px; position: relative } .blog-card .blog-img:after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.6); -webkit-transition: 0.4s; transition: 0.4s; opacity: 0 } .blog-card .blog-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .blog-card .blog-meta { margin-bottom: 18px } .blog-card .blog-meta span:after, .blog-card .blog-meta a:after { margin-top: -4px } .blog-card .blog-text { margin-bottom: 20px } .blog-card .line-btn { margin-bottom: 0; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .blog-card:hover .blog-img:after { opacity: 1 } .blog-card:hover .blog-img img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08) } .blog-card.style2 .blog-img { margin-bottom: 0 } .blog-card.style2 .blog-title { margin-bottom: 15px } .blog-card.style2 .blog-card_content { margin: 0; border: 1px solid rgba(15, 13, 29, 0.1); border-top: 0; box-shadow: none } .blog-card.style2 p { margin-bottom: 0 } .blog-card.style2:hover { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.06) } .blog-card.style3 { position: relative } .blog-card.style3:after { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: -webkit-linear-gradient(top, rgba(15, 13, 29, 0.2) 0%, #0F0D1D 86.22%); background: linear-gradient(180deg, rgba(15, 13, 29, 0.2) 0%, #0F0D1D 86.22%) } .blog-card.style3 .blog-img { margin-bottom: 0 } .blog-card.style3 .blog-card_content { position: absolute; bottom: 0; padding: 0; background: transparent; margin: 40px } .blog-card.style3 .blog-meta span, .blog-card.style3 .blog-meta a { color: var(--smoke-color2) } .blog-card.style3 .blog-title { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 20px; margin-top: 20px; margin-bottom: 0 } .blog-card.style3 .blog-title a { color: var(--white-color); background-image: -webkit-linear-gradient(right, var(--white-color), var(--white-color)); background-image: linear-gradient(to left, var(--white-color), var(--white-color)) } @media (max-width: 1200px) { .blog-card .blog-title { font-size: 20px } } @media (max-width: 991px) { .blog-card .blog-img { margin-bottom: 0 } .blog-card_content { margin: 0; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.08) } .blog-card.style3 .blog-card_content { margin: 30px } } @media (max-width: 350px) { .blog-card .blog-title { font-size: 20px } } .brand-sec1 { padding: 80px 0 } .checklist ul { padding-left: 0; list-style: none; text-align: left; margin-bottom: 0 } .checklist li { font-size: 18px; font-weight: 600; font-family: var(--title-font); margin-bottom: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: var(--title-color) } .checklist li:last-child { margin-bottom: 0 } .checklist li i, .checklist li svg { font-size: 20px; margin-right: 10px; color: var(--theme-color); margin-top: 4px; width: 20px } .checklist li img { height: 30px; width: 30px; background: var(--white-color); box-shadow: 0px 2px 20px rgba(4, 6, 66, 0.14); padding: 7px; border-radius: 50%; margin-right: 15px } @media (max-width: 1199px) { .checklist.mb-40 { margin-bottom: 32px } } @media (max-width: 1199px) { .checklist.mb-45 { margin-bottom: 35px } } .bg-img { position: absolute; inset: 0; height: 100%; width: 100% } .bg-img img { width: 100%; height: 100% } .img-half { position: absolute; top: 0; width: 50%; height: 100%; z-index: -1 } .img-half img { width: 100%; height: 100%; object-fit: cover } .img-half.img-right { right: 0 } .th-video { position: relative; border-radius: 5px } .th-video img { border-radius: inherit } .th-video .play-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .th-video .play-btn>i { background-color: var(--theme-color); color: var(--white-color) } .global-icon { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; background: var(--theme-color); height: 80px; width: 80px; text-align: center; line-height: 70px; border-radius: 50%; border: 4px solid var(--white-color); margin-right: 20px; position: relative; z-index: auto; -webkit-transition: 0.4s; transition: 0.4s } .global-icon:after { content: ''; position: absolute; left: -6px; top: -6px; height: 80px; width: 80px; border: 3px dashed var(--theme-color); border-radius: 50%; z-index: -1; -webkit-transition: 0.4s; transition: 0.4s } .review-rating { font-size: 14px; color: var(--theme-color) } .icon-box { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 10px } .btn-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px 35px } .video-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: var(--body-color); text-transform: uppercase; line-height: 1.6 } .video-btn .play-btn { --icon-size: 50px; margin-right: 15px } .video-btn .play-btn>i { background-color: var(--theme-color); color: var(--white-color); padding-right: 0.1em } .video-btn .play-btn:before { background-color: var(--theme-color) } .video-btn .small-text { font-size: 10px; text-decoration: underline; display: block } .video-btn .big-text { font-size: 14px; font-weight: 500 } @media (max-width: 1199px) { p.mb-40 { margin-bottom: 35px } p.mb-45 { margin-bottom: 38px } .checklist li { font-size: 16px } .checklist li i { width: 16px; font-size: 16px } } .feature-area { z-index: 1 } .feature-area .img-half { width: 46% } .feature-wrapper .global-icon { background: var(--white-color); border-color: var(--smoke-color); height: 90px; width: 90px; line-height: 80px; border-width: 5px; -webkit-transition: 0.4s all; transition: 0.4s all } .feature-wrapper .global-icon:after { left: -6px; top: -8px; height: 90px; width: 90px } .feature-wrapper .feature-wrap_title { font-size: 22px; line-height: 32px; margin-bottom: 13px } .feature-wrapper .feature-wrap:hover .global-icon { background: var(--theme-color) } .feature-wrapper .feature-wrap:hover .global-icon img { -webkit-filter: brightness(999); filter: brightness(999) } .feature-wrapper .feature-wrap:hover .global-icon img.process-arrow { -webkit-filter: none; filter: none } .feature-wrapper .feature-wrap:hover .global-icon:after { -webkit-animation: spin 7s infinite; animation: spin 7s infinite } .feature-wrapper .feature-wrap:hover .feature-wrap_number { border-color: var(--white-color) } .feature-wrapper .feature-wrap .process-arrow { position: absolute; left: -26px; bottom: -62px } .feature-wrapper .feature-wrap_number { position: absolute; height: 30px; width: 30px; border-radius: 50%; color: var(--white-color); background: var(--theme-color); line-height: 23px; border: 4px solid var(--theme-color); font-size: 14px; font-family: var(--title-font); font-weight: 700; left: 0; top: 50%; -webkit-transform: translate(-75%, -50%); -ms-transform: translate(-75%, -50%); transform: translate(-75%, -50%); -webkit-transition: 0.4s; transition: 0.4s } .feature-wrapper .btn-group { gap: 48px } .feature-wrapper.style2 .feature-wrap:not(:last-child) { margin-bottom: 40px } .feature-wrapper.style2 .global-icon { background: var(--smoke-color); border-color: var(--white-color) } .feature-wrapper.style2 .feature-wrap_text { margin-bottom: -0.5em; max-width: 378px } .feature-slider-wrap { margin: -15px 0; margin-right: calc(-90px - 30px); position: relative; z-index: 1 } .feature-slider-wrap .feature-slider .service-box.style2 { padding: 30px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08); margin: 15px 0 } .call-btn { color: var(--title-color); font-family: var(--title-font); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .call-btn .icon { height: 60px; width: 60px; border-radius: 50%; background: var(--title-color); text-align: center; color: var(--white-color); line-height: 69px } .call-btn .icon i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 30px } .call-btn .btn-text { font-weight: 700; font-size: 14px; font-family: var(--title-font); color: var(--body-color) } .call-btn .box-title { margin-top: 4px; font-weight: 700; margin-bottom: -0.2em } .wcu-thumb { position: relative; display: inline-block; padding-right: 300px; padding-bottom: 92px } .wcu-thumb .img2 { position: absolute; right: 0; bottom: 0; border: 20px solid var(--white-color); border-bottom: 0; border-right: 0; z-index: 1 } .wcu-thumb .wcu-counter-wrap { position: absolute; top: 0; right: 0; background: var(--theme-color); width: 280px; text-align: center; padding: 30px 45px } .wcu-thumb .wcu-counter-wrap .wcu-wrap_title { color: var(--white-color); font-size: 18px; margin-bottom: 0; margin-top: 22px } .wcu-thumb2 { height: 100% } .wcu-thumb2 img { height: 100%; object-fit: cover } .why-thumb7 { position: relative } .why-thumb7 .why-thumb-wrap { background: var(--theme-color); display: inline-block; text-align: center; padding: 40px; max-width: 220px; position: absolute; right: 0; bottom: 46px } .why-thumb7 .why-thumb-wrap .about-counter_title { color: var(--white-color); line-height: 34px; margin-bottom: 30px } .why-thumb7 .why-thumb-wrap .thumb img { border-radius: 50% } .wcu-skill-wrap { padding: 37px 30px 35px } .wcu-skill-wrap .skill-feature { margin-bottom: 44px } .wcu-skill-wrap .skill-feature:last-child { margin-bottom: 0 } .feature-circle { margin-bottom: -0.5em } .feature-circle~.feature-circle { border-top: 1px solid rgba(18, 18, 18, 0.1); margin-top: 29px; padding-top: 23px } .feature-circle .progressbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .feature-circle .progressbar .circle { position: relative; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content } .feature-circle .progressbar .circle canvas { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .feature-circle .progressbar .circle .circle-num { font-size: 24px; font-weight: 700; font-family: var(--title-font); color: var(--title-color); display: inline-block; position: absolute; left: 22px; top: 50%; -webkit-transform: translate(0, calc(-50% - 2px)); -ms-transform: translate(0, calc(-50% - 2px)); transform: translate(0, calc(-50% - 2px)) } .feature-circle_title { font-size: 20px; font-weight: 700; margin-bottom: 15px } .feature-circle_text { margin-bottom: 0 } .client-group-thumb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 35px 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(18, 18, 18, 0.1) } .client-group-thumb .thumb { margin-right: 20px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } .client-group-thumb .counter { font-size: 45px; font-weight: 800; font-family: var(--title-font); color: var(--title-color); margin-right: 20px } .client-group-thumb h6 { margin-bottom: 0 } .client-group-thumb2 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px } .client-group-thumb2 .counter { font-size: 24px; font-weight: 700; font-family: var(--title-font); color: var(--title-color) } .client-group-thumb2 h6 { font-size: 16px; font-weight: 500; margin-bottom: 0; margin-top: 5px } @media (max-width: 1200px) { .feature-wrapper .feature-wrap { display: block } .feature-wrapper .global-icon { margin-bottom: 20px } .feature-wrapper .feature-wrap_title br { display: none } .feature-wrapper.style2 .feature-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .feature-wrapper.style2 .global-icon { margin-bottom: 0 } .wcu-thumb { padding-bottom: 142px } .feature-slider-wrap { margin-right: calc(-200px - 30px) } } @media (max-width: 1199px) { .feature-area .img-half { position: inherit; width: 100%; margin-bottom: 60px } .feature-area .img-half img { max-height: 500px } .wcu-thumb { padding-bottom: 94px; margin-bottom: 30px } .feature-slider-wrap { margin-right: calc(-30px - 30px) } } @media (max-width: 991px) { .feature-wrapper .feature-wrap { text-align: center } .feature-wrapper .global-icon { margin: auto auto 20px } .feature-wrapper .btn-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .feature-wrapper.style2 { text-align: center } .feature-wrapper.style2 .feature-wrap { text-align: left; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex } .feature-wrapper.style2 .global-icon { margin-right: 20px; margin-left: 20px } .wcu-thumb2 { margin-bottom: 40px } .wcu-thumb2 img { height: auto; width: 100% } .feature-thumb-2 { position: inherit; width: 100%; margin-bottom: 60px } .feature-circle { text-align: left } .feature-slider-wrap { margin-right: 0 } .feature-slider-wrap .service-box.style2 .service-box_title { font-size: 19px } } @media (max-width: 767px) { .wcu-thumb { padding-bottom: 289px } } @media (max-width: 575px) { .feature-wrapper .btn-group { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .call-btn .box-title { font-size: 20px } .wcu-thumb { padding-bottom: 0; padding-right: 0; text-align: center } .wcu-thumb .img1 img { width: 100% } .wcu-thumb .wcu-counter-wrap { position: initial; width: auto } .wcu-thumb .img2 { position: initial; border: 0; margin: 20px 0 } .client-group-thumb { display: block } .client-group-thumb .thumb { margin: 0 0 30px 0 } .client-group-thumb .counter { margin: 0 0 30px 0 } .why-thumb7 { text-align: center } .why-thumb7 .why-thumb-wrap { padding: 30px; max-width: none; text-align: center; position: initial; margin-top: 20px } .why-thumb7 .why-thumb-wrap .about-counter_title { line-height: initial; font-size: 20px } } @media (max-width: 375px) { .feature-wrapper.style2 .feature-wrap { display: block; text-align: center } .feature-wrapper.style2 .global-icon { margin: 0 auto 15px } .feature-wrapper.style2 .global-icon .process-arrow { display: none } } @media (max-width: 1199px) { .filter-menu.tab-menu1 { gap: 10px 30px } } @media (max-width: 767px) { .filter-menu.tab-menu1 { gap: 10px 20px } } .accordion-card { margin-bottom: 20px; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; box-shadow: 0px 2px 14px rgba(4, 6, 66, 0.1); overflow: hidden; border-radius: 4px } .accordion-card .accordion-button { font-size: 18px; font-weight: 700; font-family: var(--title-font); border: 0; color: var(--title-color); background-color: var(--white-color); border-radius: 0; padding: 12px 60px 12px 30px; min-height: 60px; gap: 10px; margin-bottom: 0; text-align: left; -webkit-transition: 0.3s; transition: 0.3s; position: relative } .accordion-card .accordion-button:after { content: "\f070"; height: 100%; width: auto; line-height: 1; background-color: transparent; font-family: var(--icon-font); color: var(--title-color); font-weight: 400; font-size: 1em; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; position: absolute; top: 0; right: 30px; -webkit-clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%); padding-left: 10px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out } .accordion-card .accordion-button:focus { outline: none; box-shadow: none } .accordion-card .accordion-button:not(.collapsed) { color: var(--theme-color); box-shadow: none; background: var(--title-color); border-radius: 0; color: var(--white-color) } .accordion-card .accordion-button:not(.collapsed):after { content: '\f06e'; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); color: var(--theme-color) } .accordion-card .accordion-collapse { border: none; background: var(--title-color) } .accordion-card .accordion-body { border-radius: 0; background-color: var(--title-color); border: none; padding: 23px 30px 30px 30px } .accordion-card .faq-text { margin-bottom: -0.48em; color: var(--smoke-color); position: relative } .accordion-card .faq-text:after { content: ''; position: absolute; left: 0; top: -20px; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.1) } .accordion-card:last-child { margin-bottom: 0 } .accordion-card.style2 { box-shadow: none; border: 1px solid var(--border-color) } .accordion-card.style2:not(:last-child) { margin-bottom: 30px } .accordion-card.style2 .accordion-button { background-color: var(--smoke-color); box-shadow: none } .accordion-card.style2 .accordion-button:after { content: '\f063'; color: var(--body-color) } .accordion-card.style2 .accordion-button:not(.collapsed) { color: var(--title-color); border-bottom: none } .accordion-card.style2 .accordion-button:not(.collapsed):after { -webkit-transform: rotate(180deg) translateX(-11px); -ms-transform: rotate(180deg) translateX(-11px); transform: rotate(180deg) translateX(-11px) } .accordion-area.style2 .accordion-card { box-shadow: none } .accordion-area.style2 .accordion-card .accordion-button { background: var(--smoke-color); box-shadow: none } .accordion-area.style2 .accordion-card .accordion-button:not(.collapsed) { background: var(--title-color) } .faq-sec1 { padding-top: 432px; margin-top: -312px } @media (max-width: 575px) { .accordion-card .accordion-button { font-size: 16px } } @media (max-width: 1199px) { .faq-img { padding-left: 0 } .faq-img img { max-width: 100% } } @media (max-width: 991px) { .faq-sec1 { margin-top: -352px } } .faq-wrap .faq-img { margin-right: 16px } .faq-wrap .faq-img img { width: 100% } .faq-wrap .checklist { border-left: 2px solid var(--theme-color); padding-left: 20px } @media (max-width: 767px) { .faq-wrap .faq-img { margin-right: 0px } } .cta-sec { padding: 60px 0; background-size: 83.6% 100%; background-position: left; -webkit-transform: translate(0px, 50%); -ms-transform: translate(0px, 50%); transform: translate(0px, 50%); position: relative; z-index: 3; margin-top: -105px } .cta-title { margin: 0; color: var(--white-color); font-size: 40px; line-height: 50px; margin-top: -0.25em } .cta-btn-group { margin-right: 70px; gap: 65px } .cta-btn-group .play-btn:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .cta-btn-group .play-btn:hover i { background: var(--white-color); color: var(--theme-color) } .cta-sec2 { padding: 60px 0; background-size: 83.6% 100%; background-position: right; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); position: relative; z-index: 2; margin-bottom: -220px } .cta-sec2 .cta-title { padding-left: 70px } .cta-sec3 { padding: 49px 0 } .cta-sec3 .cta-title { font-size: 16px; line-height: 26px } .cta-sec4 { padding: 70px 0; background-blend-mode: luminosity; background-color: #D9D9D9; background-attachment: fixed; background-size: cover; overflow: hidden } .cta-sec5 { padding: 60px; -webkit-transform: translate(0px, 50%); -ms-transform: translate(0px, 50%); transform: translate(0px, 50%); z-index: 3; position: relative; margin-top: -100px } .cta-sec6 { background-attachment: fixed; background-size: cover; overflow: hidden } .cta-sec6:before { z-index: -1 } .cta-sec7 { padding: 50px; overflow: hidden } .cta-sec7 .cta-title { font-size: 36px; font-weight: 800; line-height: 46px } .cta4-shape1 { width: 265.32px; height: 1028.02px; z-index: 4; background: var(--theme-color); mix-blend-mode: soft-light; border-radius: 500px; -webkit-transform: rotate(44.86deg); -ms-transform: rotate(44.86deg); transform: rotate(44.86deg); -webkit-animation: left-to-right 7s infinite alternate; animation: left-to-right 7s infinite alternate; margin-left: -15% } .cta4-shape2 { width: 269.35px; height: 1028.02px; z-index: 4; background: var(--theme-color); mix-blend-mode: soft-light; border-radius: 500px; -webkit-transform: rotate(50.83deg); -ms-transform: rotate(50.83deg); transform: rotate(50.83deg); margin-left: -15%; position: a } .cta-icon { height: 80px; width: 80px; line-height: 80px; border-radius: 50%; background: var(--white-color); text-align: center } .cta-icon:hover:after, .cta-icon:hover::before { background: var(--white-color) } .cta-contact-wrap { background: var(--white-color); padding: 30px 98px } .cta-contact-wrap .subtitle { font-size: 16px; font-weight: 600; margin-bottom: 5px } .cta-contact-wrap .title { font-size: 30px; font-weight: 600; margin-bottom: 20px } .cta-contact-wrap .title a { color: var(--title-color) } .cta-contact-wrap .title a:hover { color: var(--theme-color) } @media (max-width: 1600px) { .cta-sec2, .cta-sec { background-size: 90.3% 100% } .cta-sec7 .cta-thumb7 { left: -100px !important } } @media (max-width: 1500px) { .cta-sec2, .cta-sec { background-size: cover; -webkit-transform: none; -ms-transform: none; transform: none; margin: 0 } .cta-sec2 .cta-title { padding: 0 } .cta-btn-group { margin: 0 } .cta-sec2 { margin-bottom: -120px } .cta-sec7 .cta-thumb7 { left: -180px !important } } @media (max-width: 1399px) { .cta-sec7 .cta-thumb7 { left: -200px !important } } @media (max-width: 1200px) { .cta-sec7 .cta-thumb7 { left: -220px !important; width: 53% } } @media (max-width: 1199px) { .sec-title.cta-title { text-align: center } .cta-sec7 .cta-thumb7 { left: -300px !important; width: 64% } } @media (max-width: 991px) { .sec-title.cta-title { font-size: 34px; line-height: normal } .cta-sec5 { -webkit-transform: none; -ms-transform: none; transform: none; margin-top: 0; margin-bottom: 80px } } @media (max-width: 767px) { .sec-title.cta-title { font-size: 32px } .cta-sec7 .cta-title { font-size: 30px; line-height: initial } } @media (max-width: 575px) { .sec-title.cta-title { font-size: 30px } .cta-btn-group { gap: 30px } .cta-sec5 { padding: 50px 30px } .cta-contact-wrap { padding: 30px } .cta-contact-wrap .title { font-size: 24px } .cta-sec7 .cta-title { font-size: 20px } } .service-slider { -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); z-index: 2; margin-bottom: -40px } .service-icon { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; border-radius: 5px; position: relative; width: 110px; height: 80px; text-align: center; line-height: 84px; margin-right: 25px; z-index: 0 } .service-icon:before, .service-icon:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--theme-color); z-index: -1; border-radius: 5px; -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .service-icon:before { border: 5px solid var(--smoke-color); top: 3px; z-index: 0; background: transparent; left: 3px } .service-icon img { -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -webkit-filter: brightness(999); filter: brightness(999) } .service-title { margin-bottom: 10px; font-weight: 700 } .service-title a { color: inherit; background-image: -webkit-linear-gradient(right, var(--white-color), var(--white-color)); background-image: linear-gradient(to left, var(--white-color), var(--white-color)); background-repeat: no-repeat; background-position: bottom left; background-size: 0 2px } .service-title a:hover { color: var(--white-color); background-size: 100% 2px } .service-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; padding: 40px; background: var(--smoke-color); -webkit-transition: 0.4s; transition: 0.4s; z-index: 1; overflow: hidden } .service-grid_text { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; color: var(--gray-color); max-width: 300px; margin-bottom: -0.5em } .service-grid .half-line-btn { margin-top: 35px } .service-grid .service-bg-shape { position: absolute; right: 0; bottom: -100px; opacity: 0; z-index: -1; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; overflow: hidden } .service-grid .service-box_icon { margin-bottom: 0 } .service-grid .service-box_icon .global-icon { line-height: 90px } .service-grid-active, .service-grid:hover { background: var(--theme-color) } .service-grid-active .service-bg-shape, .service-grid:hover .service-bg-shape { opacity: 0.3; bottom: 0 } .service-grid-active .half-line-btn, .service-grid:hover .half-line-btn { color: var(--white-color) } .service-grid-active .half-line-btn:before, .service-grid:hover .half-line-btn:before { background: var(--white-color) } .service-grid-active .service-icon:before, .service-grid:hover .service-icon:before { border-color: var(--theme-color) } .service-grid-active .service-icon:after, .service-grid:hover .service-icon:after { background: var(--white-color) } .service-grid-active .service-icon img, .service-grid:hover .service-icon img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-filter: none; filter: none } .service-grid-active .service-title, .service-grid:hover .service-title { color: var(--white-color) } .service-grid-active .service-grid_text, .service-grid:hover .service-grid_text { color: var(--white-color) } .service-grid-active .global-icon, .service-grid:hover .global-icon { background: var(--white-color); border-color: var(--theme-color) } .service-grid-active .global-icon:after, .service-grid:hover .global-icon:after { border-color: var(--white-color); -webkit-animation: spin 7s infinite; animation: spin 7s infinite } .service-grid-active .global-icon img, .service-grid:hover .global-icon img { -webkit-filter: none; filter: none } .service-grid.style2 { background: transparent; --space-x: 40px; --space-y: 40px; border-top: 1px solid rgba(255, 255, 255, 0.1) } .service-grid.style2:not(:nth-last-child(-n+3)) { border-top: 0 } .service-grid.style2:not(:nth-child(3n)) { border-right: 1px solid rgba(255, 255, 255, 0.1) } .service-grid.style2:not(:nth-last-child(-n+4)) { border-left: 1px solid rgba(255, 255, 255, 0.1) } .service-grid.style2 .global-icon { border: 5px solid var(--title-color); height: 90px; width: 90px; line-height: 80px } .service-grid.style2 .global-icon:after { top: -8px; left: -8px; height: 90px; width: 90px } .service-grid.style2 .global-icon img { -webkit-filter: brightness(999); filter: brightness(999) } .service-grid.style2 .service-grid_title { margin-bottom: 10px } .service-grid.style2 .service-grid_title a { color: var(--white-color); background-image: -webkit-linear-gradient(right, var(--white-color), var(--white-color)); background-image: linear-gradient(to left, var(--white-color), var(--white-color)); background-repeat: no-repeat; background-position: bottom left; background-size: 0 2px } .service-grid.style2 .service-grid_title a:hover { background-size: 100% 2px } .service-grid.style2 .service-grid_text { color: var(--smoke-color) } .service-grid.style2 .half-line-btn { color: var(--smoke-color) } .service-grid.style2 .half-line-btn:before { background: var(--smoke-color); height: 2px } .service-grid.style2:hover { background: var(--theme-color) } .service-grid.style2:hover .global-icon { background: var(--white-color); border-color: var(--theme-color) } .service-grid.style2:hover .global-icon:after { border-color: var(--white-color); -webkit-animation: spin 7s infinite; animation: spin 7s infinite } .service-grid.style2:hover .global-icon img { -webkit-filter: none; filter: none } .service-grid.style3 { --space-x: 40px; --space-y: 40px; border-top: 1px solid rgba(18, 18, 18, 0.1) } .service-grid.style3:not(:nth-last-child(-n+2)) { border-top: 0 } .service-grid.style3:not(:nth-child(2n)) { border-right: 1px solid rgba(18, 18, 18, 0.1) } .service-grid.style3:not(:nth-last-child(-n+4)) { border-left: 1px solid rgba(18, 18, 18, 0.1) } .service-boox { width: 100%; height: 300px; } .service-grid.style3 .icon { margin-right: 30px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-transition: 0.4s all ease; transition: 0.4s all ease; display: inline-block } .service-grid.style3 .service-grid_title a { color: var(--title-color); background-image: -webkit-linear-gradient(right, var(--white-color), var(--white-color)); background-image: linear-gradient(to left, var(--white-color), var(--white-color)); background-repeat: no-repeat; background-position: bottom left; background-size: 0 2px } .service-grid.style3 .service-grid_title a:hover { background-size: 100% 2px } .service-grid.style3:hover .icon { -webkit-filter: brightness(999); filter: brightness(999); -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .service-grid.style3:hover .service-grid_title a { color: var(--white-color) } .service-grid.style4 .service-bg-shape { top: 0; bottom: auto; opacity: 0.1 } .service-grid.style4 .service-title a { background-image: none } .service-sec2 { padding-bottom: 228px } .service-sec4 { padding-top: 120px; background-color: #272727; } .service-sec5 { background-position: left } .service-sec7 { -webkit-transform: translate(0, -34px); -ms-transform: translate(0, -34px); transform: translate(0, -34px); position: relative; z-index: 3; margin-bottom: -34px } .service-sec7 .service-wrap>.service-box-wrap~.service-box-wrap { -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); transform: translate(0, -20px) } .service-sec7 .service-wrap>.service-box-wrap~.service-box-wrap~.service-box-wrap { -webkit-transform: none; -ms-transform: none; transform: none } .service-sec7 .service-wrap>.service-box-wrap~.service-box-wrap~.service-box-wrap~.service-box-wrap { -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); transform: translate(0, -20px) } .service-card_content { background: var(--white-color); margin: -20px 30px 0 30px; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08); position: relative; padding: 0 40px 30px 40px } .service-card_img img { width: 100% } .service-card_text { margin-bottom: 12px; max-width: 250px } .service-card .service-icon { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); margin-bottom: -26px } .service-card .service-title { margin-bottom: 8px } .service-card .half-line-btn { font-family: var(--body-font) } .service-card:hover .service-title a { color: var(--theme-color); background-image: -webkit-linear-gradient(right, var(--theme-color), var(--theme-color)); background-image: linear-gradient(to left, var(--theme-color), var(--theme-color)) } .service-card:hover .service-icon img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .service-box { box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08); background: var(--white-color); padding: 43px 40px 31px; border-top: 3px solid var(--theme-color); position: relative; -webkit-transition: 0.4s all; transition: 0.4s all; z-index: 1 } .service-box .service-box_inner { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; opacity: 0.03; -webkit-transition: 0.4s all; transition: 0.4s all; text-align: center } .service-box .service-box_inner img { -webkit-transition: 0.4s all; transition: 0.4s all; width: 100% } .service-box_icon { position: relative; z-index: 1; margin-bottom: 18px } .service-box_icon .global-icon { height: 100px; width: 100px; line-height: 85px; border-width: 5px } .service-box_icon .global-icon:after { width: 100px; height: 100px; left: -8px; top: -8px } .service-box_icon img { -webkit-filter: brightness(999); filter: brightness(999) } .service-box_title { margin-bottom: 10px } .service-box_title a { background-image: -webkit-linear-gradient(right, var(--white-color), var(--white-color)); background-image: linear-gradient(to left, var(--white-color), var(--white-color)); background-repeat: no-repeat; background-position: bottom left; background-size: 0 2px } .service-box_title a:hover { background-size: 100% 2px } .service-box_text { margin-bottom: 0; -webkit-transition: 0.4s; transition: 0.4s } .service-box:hover { background: var(--theme-color) } .service-box:hover .service-box_inner { opacity: 0.15 } .service-box:hover .service-box_inner img { -webkit-filter: brightness(99); filter: brightness(99) } .service-box:hover .service-box_icon .global-icon { background: var(--white-color); border-color: var(--theme-color) } .service-box:hover .service-box_icon .global-icon img { -webkit-filter: none; filter: none } .service-box:hover .service-box_icon .global-icon:after { border-color: var(--white-color); -webkit-animation: spin 7s infinite; animation: spin 7s infinite } .service-box:hover .service-box_text, .service-box:hover .service-box_title a { color: var(--white-color) } .service-box.style2 { position: relative; border: 0; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08); padding: 40px 40px 31px; -webkit-transition: 0.4s; transition: 0.4s; overflow: hidden } .service-box.style2 .service-box_icon img { -webkit-filter: none; filter: none; -webkit-transition: 0.4s; transition: 0.4s } .service-box.style2 .service-box_title { margin-bottom: 15px } .service-box.style2 .service-box_title a { color: var(--title-color) } .service-box.style2:hover .service-box_icon img { -webkit-filter: brightness(9999); filter: brightness(9999); -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .service-box.style2:hover .service-box_title a { color: var(--white-color) } .service-box.style3 { border: 0; padding: 0; box-shadow: none; background: transparent } .service-box.style3 .service-box_thumb { margin-right: 20px; position: relative } .service-box.style3 .service-box_thumb>img { width: 100% } .service-box.style3 .service-box_thumb .service-box_icon { position: absolute; left: 32px; bottom: 0; -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%); background: var(--theme-color); border-radius: 50%; height: 80px; width: 80px; line-height: 76px; margin: 0; text-align: center } .service-box.style3 .service-box_thumb .service-box_icon img { -webkit-filter: 0; filter: 0; -webkit-transition: 0.4s; transition: 0.4s } .service-box.style3 .service-box_content { box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.04); padding: 141px 30px 52px; margin-top: -83px; background: var(--white-color); margin-bottom: 20px } .service-box.style3 .service-box_title a { color: var(--title-color); background-image: -webkit-linear-gradient(right, var(--theme-color), var(--theme-color)); background-image: linear-gradient(to left, var(--theme-color), var(--theme-color)) } .service-box.style3 .service-box_title a:hover { color: var(--theme-color) } .service-box.style3 .service-box_text { color: var(--body-color) } .service-box.style3 .icon-btn-with-text { position: absolute; bottom: 0; -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%) } .service-box.style3:hover .service-box_thumb .service-box_icon img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .service-wrap-5 { position: relative } .service-wrap-5:after { content: ''; position: absolute; left: 50%; top: 50%; background: var(--theme-color); height: 10px; width: 10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1 } .service-counter { position: absolute; right: 0; bottom: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-transform: translate(calc(100% - 12px), 0px); -ms-transform: translate(calc(100% - 12px), 0px); transform: translate(calc(100% - 12px), 0px); z-index: 1; background: var(--theme-color); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 40px; border-left: 1px solid var(--white-color) } .service-counter_title { font-size: 60px; font-weight: 800; color: var(--white-color); margin-bottom: 0; margin-right: 20px } .service-counter_title .counter-number { background-size: auto; padding: 20px 0 } .service-counter_text { font-size: 20px; font-weight: 600; color: var(--white-color); line-height: 30px; margin-bottom: 0 } .service-details-list { border-top: 1px solid rgba(18, 18, 18, 0.1); padding-top: 40px; margin-bottom: 40px } @media (max-width: 1500px) { .service-sec2 { padding-bottom: 120px } } @media (max-width: 1200px) { .service-card_content { margin: -50px 30px 0 30px; padding: 0 30px 30px 30px } .service-grid { display: block } .service-grid .service-box_icon { margin-bottom: 18px } .service-grid .service-icon { margin-bottom: 25px } .service-box { padding: 33px 25px 21px } .service-grid.style3 .icon { margin: 0 0 25px } .service-box.style2 { padding: 30px 28px 21px } .service-box.style2 .service-box_title { font-size: 22px } } @media (max-width: 1199px) { .service-card .service-title { font-size: 22px } .page-title { font-size: 32px } .service-process { border-right: none; padding-right: 0; text-align: center } .service-process-wrap { grid-template-columns: repeat(1, 1fr); gap: 30px } .service-process_icon { margin-left: auto; margin-right: auto } .service-process_title { font-size: 20px } .service-grid.style2 .global-icon { margin-bottom: 20px } .service-grid.style2:not(:nth-child(3n)) { border-right: unset } .service-grid.style2:not(:nth-last-child(-n+2)) { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: var(--space-y) } .service-grid.style2:not(:nth-child(-n+2)) { padding-top: var(--space-y) } .service-grid.style2:nth-child(odd) { padding-right: var(--space-x) } .service-grid.style2:nth-child(even) { padding-left: var(--space-x); border-left: 1px solid rgba(255, 255, 255, 0.1) } .service-grid.style2:not(:nth-last-child(-n+4)) { border-top: 0 } .service-sec5 .img-half { position: inherit; width: -webkit-fill-available; margin: 0 0px 60px; height: 500px } .service-counter { display: none } .service-sec7 .service-wrap>.service-box-wrap~.service-box-wrap~.service-box-wrap~.service-box-wrap, .service-sec7 .service-wrap>.service-box-wrap~.service-box-wrap { -webkit-transform: none; -ms-transform: none; transform: none } } @media (max-width: 991px) { .service-sec2 { padding-bottom: 80px } .service-sec4 { padding-top: 120px } .service-grid.style2 { padding: var(--space-y) var(--space-x) !important } .service-grid.style2:first-child { padding-top: 0 !important } .service-grid.style2:nth-child(odd) { border-left: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1) } .service-grid.style2:nth-child(even) { border-left: unset } .service-grid.style2:not(:nth-last-child(-n+3)) { border-top: 0; border-bottom: 0 } .service-sec5 .img-half { margin: 0 50px 60px } .service-sec7 { -webkit-transform: none; -ms-transform: none; transform: none; margin-bottom: 0; padding-top: 80px } } @media (max-width: 767px) { .page-title { font-size: 28px } .service-grid.style2 { border: 0 !important; text-align: center } .service-grid.style2 .service-grid_text { margin-left: auto; margin-right: auto } .service-grid.style2 .global-icon { margin-left: auto; margin-right: auto } .service-grid.style3 { text-align: center } .service-grid.style3 .service-grid_text { margin: auto; margin-bottom: -0.5em } .service-grid.style3:not(:nth-last-child(-n+2)) { border-top: 1px solid rgba(18, 18, 18, 0.1) } } @media (max-width: 575px) { .page-title { font-size: 24px } .service-sec5 .img-half { margin: 0 0 60px } } @media (max-width: 375px) { .service-process-wrap { padding: 30px 12px } .service-grid.style3 { padding: 30px } .service-card_content { margin: 0px 0px 0 0px; padding: 0 30px 30px 30px } } .available-list { margin-bottom: 45px } .available-list ul { padding: 0; margin: 0; list-style: none } .available-list li { position: relative; margin-bottom: 18px; font-size: 16px; font-weight: 400; font-family: var(--body-font) } .available-list li i { font-size: 18px; width: 18px; height: 18px } .available-list li:last-child { margin-bottom: 0 } .available-list li.unavailable i { color: var(--light-color); background: var(--white-color); border-radius: 50%; font-size: 13px; text-align: center; line-height: 19px } .price-card { padding: 50px; position: relative; background: var(--smoke-color); overflow: hidden } .price-card .offer-tag { background: var(--theme-color); font-size: 14px; font-weight: 700; font-family: var(--title-font); color: var(--white-color); padding: 2px 55px; position: absolute; right: -61px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 33px; z-index: 1; opacity: 0 } .price-card .price-bg-shape { position: absolute; left: 0; top: 0; opacity: 0.03; width: 100% } .price-card .price-bg-shape img { width: 100% } .price-card_title { font-weight: 700; margin-top: -0.35em; margin-bottom: 17px } .price-card_price { font-size: 45px; font-weight: 800; line-height: 1; padding-right: 44px; position: relative; display: block; margin-bottom: 9px; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content } .price-card_price .duration { font-size: 14px; font-weight: 700; color: var(--body-color); margin-bottom: 0; position: absolute; bottom: 7px; left: calc(100% - 44px); white-space: nowrap } .price-card_text { padding-bottom: 25px; margin-bottom: 28px; border-bottom: 1px solid rgba(18, 18, 18, 0.1); color: var(--gray-color) } .price-card .th-btn { background-color: var(--title-color); font-weight: 700; font-size: 16px; font-family: var(--title-font); padding: 22px 65px } .price-card .th-btn:before, .price-card .th-btn:after { display: none } .price-card .th-btn:hover { background-color: var(--theme-color) } .price-card.active .th-btn { background-color: var(--theme-color) } .price-card.active .th-btn:hover { background-color: var(--title-color) } .price-card.active .offer-tag { opacity: 1 } .price-card.style2 { padding: 40px } .price-card.style2.active { background: var(--theme-color) } .price-card.style2.active .price-bg-shape { opacity: 0.1 } .price-card.style2.active .price-bg-shape img { -webkit-filter: brightness(99); filter: brightness(99) } .price-card.style2.active .offer-tag { background: var(--white-color); color: var(--theme-color) } .price-card.style2.active .price-card_title, .price-card.style2.active .price-card_price, .price-card.style2.active .price-card_price .duration, .price-card.style2.active .price-card_text, .price-card.style2.active .available-list li i, .price-card.style2.active .available-list li { color: var(--white-color) } .price-card.style2.active .price-card_text { border-bottom: 1px solid rgba(255, 255, 255, 0.4) } .price-card.style2.active .available-list li.unavailable i { background: rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.6) } .price-card.style2.active .th-btn { background-color: var(--white-color); color: var(--title-color) } .price-card.style2.active .th-btn:hover { background-color: var(--title-color); color: var(--white-color) } .price-card.style2 .th-btn { padding: 22px 35px } @media (max-width: 991px) { .price-card { padding: 40px } .price-card .th-btn { padding: 22px 30px } } @media (max-width: 767px) { .price-card .th-btn { padding: 18px 30px; font-size: 14px } .price-card_price { font-size: 40px } } @media (max-width: 375px) { .price-card { padding: 40px 30px } .available-list { margin-bottom: 35px } } .video-sec1 { max-width: 1596px; margin-left: auto; z-index: 3; position: relative; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); margin-bottom: -392px } .video-sec3 { padding-bottom: 190px; padding-top: 220px; background-attachment: fixed } .video-wrap-1 { padding: 70px } .video-box1 { position: relative; z-index: 3; height: 100% } .video-box1 img { height: 100%; object-fit: cover } .video-box1 .play-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); height: 100px; width: 100px; line-height: 100px; border-radius: 0 } .video-box1 .play-btn:hover i { background: var(--title-color) } .video-box1 .play-btn:after, .video-box1 .play-btn:before { border-radius: 0 } .video-box1 .play-btn i { height: 100px; width: 100px; line-height: 100px; border-radius: 0; font-size: 24px } .video-box2 .play-btn { position: absolute; left: 50%; bottom: 50%; height: 120px; width: 120px; line-height: 120px; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); border-radius: 0 } .video-box2 .play-btn:after, .video-box2 .play-btn:before { border-radius: 0 } .video-box2 .play-btn i { height: 120px; width: 120px; line-height: 120px; border-radius: 0; font-size: 24px } .video-box3 { position: relative; z-index: 3 } .video-box3 img { width: 100% } .video-box3 .play-btn { position: absolute; left: 0; bottom: 0; height: 100px; width: 100px; line-height: 100px; border-radius: 0 } .video-box3 .play-btn:after, .video-box3 .play-btn:before { border-radius: 0 } @media (max-width: 1600px) { .video-sec1 { max-width: none } } @media (max-width: 1199px) { .video-sec3 { padding-bottom: 120px } .video-box2 { position: inherit; width: 100%; margin-bottom: 60px } .video-box2 img { max-height: 500px } } @media (max-width: 991px) { .video-sec1 { -webkit-transform: none; -ms-transform: none; transform: none; margin-bottom: 0 } .video-sec3 { padding-bottom: 80px; padding-top: 80px } .video-sec3 .btn-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } @media (max-width: 767px) { .video-wrap-1 { padding: 70px 40px } .video-box1 .play-btn { height: 50px; width: 50px; line-height: 50px } .video-box1 .play-btn i { height: 50px; width: 50px; line-height: 50px; font-size: 16px } .video-box2 .play-btn { height: 70px; width: 70px; line-height: 70px; left: 50%; bottom: 50%; -webkit-transform: translate(-40px, 50%); -ms-transform: translate(-40px, 50%); transform: translate(-40px, 50%) } .video-box2 .play-btn i { height: 70px; width: 70px; line-height: 70px; font-size: 16px } .video-box3 .play-btn { height: 70px; width: 70px; line-height: 70px } } @media (max-width: 575px) { .video-wrap-1 { padding: 70px 15px } } .portfolio-slider-arrow { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 10px } .portfolio-slider-arrow .slick-arrow { --pos-x: 0; position: relative } .portfolio-filter-btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 30px } .portfolio-filter-btn button { background: transparent; border: 0; font-size: 18px; font-weight: 700; font-family: var(--title-font); padding: 2px 19px; margin-bottom: 20px } .portfolio-filter-btn button.active { background: var(--theme-color); color: var(--white-color) } .portfolio-slider-1 { height: 450px; max-width: 1625px; margin-left: auto } .portfolio-slider-1 .slick-slide { -webkit-transition: 0.4s; transition: 0.4s } .portfolio-slider-1 .slick-slide .portfolio-img { height: 450px; overflow: hidden } .portfolio-slider-1 .slick-current { width: 850px !important } .portfolio-slider-1 .slick-current .portfolio-card .hover-wrap { opacity: 1; visibility: visible } .portfolio-slider-1 .slick-current .portfolio-img { background-blend-mode: luminosity; background: #D9D9D9 } .portfolio-slider-1 .slick-current .portfolio-img:after { opacity: 1 } .portfolio-card { position: relative } .portfolio-card .portfolio-img { position: relative; -webkit-transition: 0.4s all; transition: 0.4s all } .portfolio-card .portfolio-img:after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(18, 18, 18, 0.9); z-index: 0; opacity: 0; -webkit-transition: 0.4s all; transition: 0.4s all } .portfolio-card .hover-wrap { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; visibility: hidden; -webkit-transition: 0.4s all; transition: 0.4s all; min-width: 400px; z-index: 1 } .portfolio-card .hover-wrap:after { content: ''; position: absolute; left: 50%; top: 110px; height: 1px; width: 250px; background: rgba(255, 255, 255, 0.1); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } .portfolio-card .hover-wrap .icon-btn { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; height: 90px; width: 90px; line-height: 90px; font-size: 25px; color: var(--white-color) } .portfolio-card .hover-wrap .icon-btn:hover { background: var(--theme-color) } .portfolio-card .hover-wrap .portfolio-title { font-size: 30px; font-weight: 700; margin-top: 40px } .portfolio-card .hover-wrap .portfolio-title a { color: var(--white-color) } .portfolio-card .hover-wrap .portfolio-title a:hover { color: var(--theme-color) } .project-slider-4 { padding: 0 55px; height: 500px } .project-slider-4 .slick-list { padding: 0 484px !important } .project-slider-4 .slick-slide { -webkit-transition: 0.4s; transition: 0.4s; height: 500px } .project-slider-4 .slick-slide .project-img { height: 500px } .project-slider-4 .slick-slide .project-img img { height: 500px; object-fit: cover } .project-slider-4 .slick-slide.slick-center:hover .project-content { opacity: 1 } @media (min-width: 1922px) { .portfolio-slider-1 { max-width: 1950px } } @media (max-width: 1600px) { .portfolio-slider-1 { max-width: 1470px } .project-slider-4 .slick-list { padding: 0 250px !important } } @media (max-width: 1500px) { .portfolio-slider-1 { max-width: 1390px } .project-slider-4 .slick-list { padding: 0 100px !important } } @media (max-width: 1399px) { .portfolio-slider-1 { max-width: 1332px } .project-slider-4 .slick-list { padding: 0 150px !important } } @media (max-width: 1200px) { .portfolio-slider-1 { max-width: 1180px } .portfolio-slider-1 .slick-current { width: 650px !important } } @media (max-width: 1199px) { .portfolio-slider-1 { margin-left: -12px } } @media (max-width: 991px) { .portfolio-slider-arrow .slick-arrow { margin: 0 } .portfolio-slider-1 .slick-current { width: 500px !important } .portfolio-card .hover-wrap .icon-btn { height: 60px; width: 60px; line-height: 60px; font-size: 20px } .portfolio-card .hover-wrap:after { top: 80px } .project-slider-4 { padding: 0 } .project-slider-4 .slick-list { padding: 0 !important } } @media (max-width: 767px) { .portfolio-filter-btn { display: inline-block } } @media (max-width: 575px) { .portfolio-slider-1 .slick-current { width: 320px !important } .portfolio-card .hover-wrap { min-width: auto; width: 100%; padding: 0 20px } .portfolio-slider-1 { margin-left: 0 } .portfolio-filter-btn button { font-size: 16px } } @media (max-width: 375px) { .project-slider-4 { height: 400px } .project-slider-4 .slick-slide { height: 400px } .project-slider-4 .slick-slide .project-img { height: 400px } .project-slider-4 .slick-slide .project-img img { height: 400px } } .event-card { background-color: var(--white-color); box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06); padding: 20px; text-align: center; margin-bottom: 55px } .event-card_img img { width: 100% } .event-card_title { font-size: 30px; font-weight: bold; margin: 20px 0 5px 0 } .event-card_title a { color: inherit } .event-card_title a:hover { color: var(--theme-color) } .event-card_shape { margin-bottom: 20px } .event-card_date, .event-card_time { display: block } .event-card_time { margin-bottom: 15px } .event-card_text { max-width: 290px; margin: 0 auto 16px auto } .event-card_flower { margin-bottom: -85px; margin-top: 26px } .event-img-sec { height: 600px; margin-bottom: -310px } @media (max-width: 1199px) { .event-card_title { font-size: 26px } } @media (max-width: 1199px) { .event-img-sec { height: 400px; margin-bottom: -180px } } .event-box { position: relative } .event-box_img { margin-bottom: 25px } .event-box_img img { width: 100% } .event-box_title { margin-bottom: 0 } .event-box_subtitle { display: block; font-size: 14px; font-weight: 600; text-transform: uppercase; margin-bottom: 8px } .event-box .icon-btn { --btn-size: 50px; position: absolute; bottom: 7px; right: 0; border-color: var(--theme-color); background-color: var(--white-color); color: var(--body-color) } .event-box .icon-btn:hover { background-color: var(--theme-color); color: var(--white-color) } .process-area5 { background-size: contain !important; background-position: center !important; position: relative } .process-wrapper { position: relative } .process-wrapper .process-line { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(calc(-50% + 500px), calc(-50% - 25px)); -ms-transform: translate(calc(-50% + 500px), calc(-50% - 25px)); transform: translate(calc(-50% + 500px), calc(-50% - 25px)); margin: 0 -500px; z-index: -1 } .process-box { text-align: center } .process-box .process-box_img { position: relative; border-radius: 50%; display: inline-block } .process-box .process-box_img:after { content: ''; position: absolute; left: 0; top: 0; border-radius: 50%; background: rgba(221, 51, 51, 0.87); width: 100%; height: 100%; -webkit-transition: 0.4s; transition: 0.4s; opacity: 0 } .process-box .process-box_img img { width: 190px; padding: 20px; border-radius: 50%; border: 1px dashed var(--theme-color); -webkit-transition: 0.4s; transition: 0.4s } .process-box .process-box_img .process-box_icon span { position: absolute; height: 40px; width: 40px; line-height: 40px; border-radius: 50%; background: var(--theme-color); text-align: center; font-size: 18px; font-weight: 700; color: var(--white-color); font-family: var(--title-font); left: -15px } .process-box .process-box_img .process-box_icon span.number1 { -webkit-transform: translate(-100%, -68px) rotate(-15deg); -ms-transform: translate(-100%, -68px) rotate(-15deg); transform: translate(-100%, -68px) rotate(-15deg) } .process-box .process-box_img .process-box_icon span.number2 { -webkit-transform: translate(-100%, -136px) rotate(15deg); -ms-transform: translate(-100%, -136px) rotate(15deg); transform: translate(-100%, -136px) rotate(15deg) } .process-box .process-box_img .process-box_icon span.number3 { -webkit-transform: translate(-100%, -90px) rotate(-13deg); -ms-transform: translate(-100%, -90px) rotate(-13deg); transform: translate(-100%, -90px) rotate(-13deg) } .process-box .process-box_img .process-box_icon span.number4 { -webkit-transform: translate(-100%, -140px) rotate(20deg); -ms-transform: translate(-100%, -140px) rotate(20deg); transform: translate(-100%, -140px) rotate(20deg) } .process-box .process-box_title { font-size: 22px; margin-top: 20px } .process-box .process-box_text { margin-bottom: -0.3em } .process-box:hover .process-box_img img { padding: 0; border-color: transparent } .process-box:hover .process-box_img:after { opacity: 1 } @media (max-width: 1500px) { .process-wrapper .process-line { -webkit-transform: translate(calc(-50% + 330px), calc(-50% - 30px)); -ms-transform: translate(calc(-50% + 330px), calc(-50% - 30px)); transform: translate(calc(-50% + 330px), calc(-50% - 30px)); margin: 0 -330px } .process-box .process-box_img .process-box_icon span.number1 { -webkit-transform: translate(-55%, -30px) rotate(-20deg); -ms-transform: translate(-55%, -30px) rotate(-20deg); transform: translate(-55%, -30px) rotate(-20deg) } .process-box .process-box_img .process-box_icon span.number2 { -webkit-transform: translate(-100%, -145px) rotate(15deg); -ms-transform: translate(-100%, -145px) rotate(15deg); transform: translate(-100%, -145px) rotate(15deg) } .process-box .process-box_img .process-box_icon span.number3 { -webkit-transform: translate(-100%, -98px) rotate(-13deg); -ms-transform: translate(-100%, -98px) rotate(-13deg); transform: translate(-100%, -98px) rotate(-13deg) } .process-box .process-box_img .process-box_icon span.number4 { -webkit-transform: translate(-100%, -120px) rotate(20deg); -ms-transform: translate(-100%, -120px) rotate(20deg); transform: translate(-100%, -120px) rotate(20deg) } } @media (max-width: 1200px) { .process-wrapper .process-line { display: none } .process-box .process-box_img .process-box_icon span { left: 0; top: 15px; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } .process-box:hover .process-box_icon span { background: var(--title-color); color: var(--white-color); z-index: 2 } } @media (max-width: 1199px) { .process-sec-img { position: relative; width: 100%; margin-bottom: 60px } .process-sec-img img { max-height: 500px } .process-bg-img { bottom: 0 !important; top: auto !important } } .subscribe-sec { padding: 40px 50px; -webkit-transform: translate(0px, 50%); -ms-transform: translate(0px, 50%); transform: translate(0px, 50%); position: relative; z-index: 3; margin-top: -76px } .subscribe-sec .sec-title { font-size: 30px; font-weight: 800; line-height: 40px } .subscribe-sec .newsletter-form { min-width: 520px; border-radius: 4px } .subscribe-sec .newsletter-form .form-control { height: 70px; border-radius: 4px; padding: 0 200px 0 30px } .subscribe-sec .newsletter-form .th-btn { width: auto; border-radius: 4px; height: 60px; right: 5px; padding: 0 40px } @media (max-width: 1199px) { .subscribe-sec .newsletter-form { min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content } } @media (max-width: 991px) { .subscribe-sec { -webkit-transform: none; -ms-transform: none; transform: none; margin-top: 0; margin-bottom: 80px; text-align: center } .subscribe-sec .newsletter-form { margin: auto } } @media (max-width: 575px) { .subscribe-sec .newsletter-form { display: block; padding-bottom: 10px } .subscribe-sec .newsletter-form .form-control { padding: 0 30px; border: 0 } .subscribe-sec .newsletter-form .th-btn { position: relative; width: -webkit-fill-available; right: 0; margin: 0 10px } } @media (max-width: 375px) { .subscribe-sec { padding: 30px } } .px-5 { padding-right: 5px; padding-left: 5px } .px-10 { padding-right: 10px; padding-left: 10px } .px-15 { padding-right: 15px; padding-left: 15px } .px-20 { padding-right: 20px; padding-left: 20px } .px-25 { padding-right: 25px; padding-left: 25px } .px-30 { padding-right: 30px; padding-left: 30px } .px-35 { padding-right: 35px; padding-left: 35px } .px-40 { padding-right: 40px; padding-left: 40px } .px-45 { padding-right: 45px; padding-left: 45px } .px-50 { padding-right: 50px; padding-left: 50px } .py-5 { padding-top: 5px; padding-bottom: 5px } .py-10 { padding-top: 10px; padding-bottom: 10px } .py-15 { padding-top: 15px; padding-bottom: 15px } .py-20 { padding-top: 20px; padding-bottom: 20px } .py-25 { padding-top: 25px; padding-bottom: 25px } .py-30 { padding-top: 30px; padding-bottom: 30px } .py-35 { padding-top: 35px; padding-bottom: 35px } .py-40 { padding-top: 40px; padding-bottom: 40px } .py-45 { padding-top: 45px; padding-bottom: 45px } .py-50 { padding-top: 50px; padding-bottom: 50px } .pt-5 { padding-top: 5px } .pt-10 { padding-top: 10px } .pt-15 { padding-top: 15px } .pt-20 { padding-top: 20px } .pt-25 { padding-top: 25px } .pt-30 { padding-top: 30px } .pt-35 { padding-top: 35px } .pt-40 { padding-top: 40px } .pt-45 { padding-top: 45px } .pt-50 { padding-top: 50px } .pb-5 { padding-bottom: 5px } .pb-10 { padding-bottom: 10px } .pb-15 { padding-bottom: 15px } .pb-20 { padding-bottom: 20px } .pb-25 { padding-bottom: 25px } .pb-30 { padding-bottom: 30px } .pb-35 { padding-bottom: 35px } .pb-40 { padding-bottom: 40px } .pb-45 { padding-bottom: 45px } .pb-50 { padding-bottom: 50px } .pl-5 { padding-left: 5px } .pl-10 { padding-left: 10px } .pl-15 { padding-left: 15px } .pl-20 { padding-left: 20px } .pl-25 { padding-left: 25px } .pl-30 { padding-left: 30px } .pl-35 { padding-left: 35px } .pl-40 { padding-left: 40px } .pl-45 { padding-left: 45px } .pl-50 { padding-left: 50px } .pr-5 { padding-right: 5px } .pr-10 { padding-right: 10px } .pr-15 { padding-right: 15px } .pr-20 { padding-right: 20px } .pr-25 { padding-right: 25px } .pr-30 { padding-right: 30px } .pr-35 { padding-right: 35px } .pr-40 { padding-right: 40px } .pr-45 { padding-right: 45px } .pr-50 { padding-right: 50px } .pb-60 { padding-bottom: 60px } .mx-5 { margin-right: 5px; margin-left: 5px } .mx-10 { margin-right: 10px; margin-left: 10px } .mx-15 { margin-right: 15px; margin-left: 15px } .mx-20 { margin-right: 20px; margin-left: 20px } .mx-25 { margin-right: 25px; margin-left: 25px } .mx-30 { margin-right: 30px; margin-left: 30px } .mx-35 { margin-right: 35px; margin-left: 35px } .mx-40 { margin-right: 40px; margin-left: 40px } .mx-45 { margin-right: 45px; margin-left: 45px } .mx-50 { margin-right: 50px; margin-left: 50px } .my-5 { margin-top: 5px; margin-bottom: 5px } .my-10 { margin-top: 10px; margin-bottom: 10px } .my-15 { margin-top: 15px; margin-bottom: 15px } .my-20 { margin-top: 20px; margin-bottom: 20px } .my-25 { margin-top: 25px; margin-bottom: 25px } .my-30 { margin-top: 30px; margin-bottom: 30px } .my-35 { margin-top: 35px; margin-bottom: 35px } .my-40 { margin-top: 40px; margin-bottom: 40px } .my-45 { margin-top: 45px; margin-bottom: 45px } .my-50 { margin-top: 50px; margin-bottom: 50px } .mt-5 { margin-top: 5px } .mt-10 { margin-top: 10px } .mt-15 { margin-top: 15px } .mt-20 { margin-top: 20px } .mt-25 { margin-top: 25px } .mt-30 { margin-top: 30px } .mt-35 { margin-top: 35px } .mt-40 { margin-top: 40px } .mt-45 { margin-top: 45px } .mt-50 { margin-top: 50px } .mb-5 { margin-bottom: 5px } .mb-10 { margin-bottom: 10px } .mb-15 { margin-bottom: 15px } .mb-20 { margin-bottom: 20px } .mb-25 { margin-bottom: 25px } .mb-30 { margin-bottom: 30px } .mb-35 { margin-bottom: 35px } .mb-40 { margin-bottom: 40px } .mb-45 { margin-bottom: 45px } .mb-50 { margin-bottom: 50px } .ml-5 { margin-left: 5px } .ml-10 { margin-left: 10px } .ml-15 { margin-left: 15px } .ml-20 { margin-left: 20px } .ml-25 { margin-left: 25px } .ml-30 { margin-left: 30px } .ml-35 { margin-left: 35px } .ml-40 { margin-left: 40px } .ml-45 { margin-left: 45px } .ml-50 { margin-left: 50px } .mr-5 { margin-right: 5px } .mr-10 { margin-right: 10px } .mr-15 { margin-right: 15px } .mr-20 { margin-right: 20px } .mr-25 { margin-right: 25px } .mr-30 { margin-right: 30px } .mr-35 { margin-right: 35px } .mr-40 { margin-right: 40px } .mr-45 { margin-right: 45px } .mr-50 { margin-right: 50px } .mb-60 { margin-bottom: 60px } .mt-n1 { margin-top: -.25rem } .mt-n2 { margin-top: -.65rem } .mt-n3 { margin-top: -0.8rem } .mt-n4 { margin-top: -1.5rem } .mt-n5 { margin-top: -3rem } .mb-n1 { margin-bottom: -.25rem } .mb-n2 { margin-bottom: -.6rem } .mb-n3 { margin-bottom: -0.8rem } .mb-n4 { margin-bottom: -1.5rem } .mb-n5 { margin-bottom: -3rem } .mb-n6 { margin-bottom: -0.23em } .space, .space-top { padding-top: var(--section-space) } .space, .space-bottom { padding-bottom: var(--section-space) } .space-extra, .space-extra-top { padding-top: calc(var(--section-space) - 30px) } .space-extra, .space-extra-bottom { padding-bottom: calc(var(--section-space) - 30px) } .space-extra2, .space-extra2-top { padding-top: calc(var(--section-space) - 40px) } .space-extra2, .space-extra2-bottom { padding-bottom: calc(var(--section-space) - 40px) } @media (max-width: 991px) { .space, .space-top { padding-top: var(--section-space-mobile) } .space, .space-bottom { padding-bottom: var(--section-space-mobile) } .space-extra, .space-extra-top { padding-top: calc(var(--section-space-mobile) - 30px) } .space-extra, .space-extra-bottom { padding-bottom: calc(var(--section-space-mobile) - 30px) } .space-top-md-none { padding-top: 0 } .space-extra2, .space-extra2-top { padding-top: 70px } .space-extra2, .space-extra2-bottom { padding-bottom: 70px } }