@use "sass:math";:root { --theme-color: #f18a27; --theme-color2: #FFEC40; --title-color: #081933; --title-color2: #00274C; --title-color3: #070E20; --title-color4: #13182B; --body-color: #506172; --smoke-color: #FFF6F8; --smoke-color2: #F8FAFE; --smoke-color3: #FCF6F1; --black-color: #081933; --black-color2: #202844; --th-border-color: #D3DBE2; --th-border-color2: #EEEFF2; --th-border-color3: rgba(87, 88, 95, 0.5); --th-border-color4: rgba(198, 201, 212, 0.5); --th-border-color7: #B7C2CC; --light-color: #C6C9D4; --gray-color: #EEF1F4; --gray-color2: #F4F3E6; --gray-color3: #57585F; --black-color3: #051311; --black-color4: #00110E; --black-color5: #22272E; --black-color6: #2D333D; --black-color7: #0E0E13; --black-color8: #070E20; --white-color: #ffffff; --yellow-color: #FFB539; --success-color: #28a745; --error-color: #f18a27; --th-border-color5: #49515C; --th-border-color6: #383D46; --title-font: "Playfair Display", serif; --subtitle-font: "Urbanist", sans-serif; --body-font: "Plus Jakarta Sans", sans-serif; --icon-font: "Font Awesome 6 Pro"; --main-container: 1320px; --container-gutters: 24px; --section-space: 120px; --section-space-mobile: 80px; --section-title-space: 56px; --ripple-ani-duration: 5s; --th-body-background: #ffffff; --light-white: #f9f9f9 } html, body { margin: 0; padding: 0; overflow-x: hidden !important; width: 100vw; height: 100vh; } .hero-inner{ height:100%; } .container{ height:100%; } .row{ /* height: 100%; */ } .theme-yellow { --theme-color: #FFEC40; --theme-color2: #FF4F38; --th-body-background: #13182B } .theme-yellow .color-scheme-wrap .switchIcon { color: var(--black-color2) } .theme-yellow .preloader .th-btn { color: var(--title-color) } .theme-yellow .preloader .th-btn:hover { color: var(--white-color) } .theme-yellow .slider-drag-cursor { color: var(--title-color) } .theme-yellow .cursor-follower { mix-blend-mode: difference } .theme-yellow .scroll-top svg { background: var(--black-color2) } .th-bg-dark { --th-body-background: #13182B } .theme-yellow2 { --theme-color: #FFEC40; --theme-color2: #3282FB } .theme-yellow2 .color-scheme-wrap .switchIcon { color: var(--black-color2) } .theme-yellow2 .preloader .th-btn { color: var(--title-color) } .theme-yellow2 .preloader .th-btn:hover { color: var(--white-color) } .theme-yellow2 .slider-drag-cursor { color: var(--title-color) } .theme-yellow2 .cursor-follower { mix-blend-mode: difference } .theme-yellow2 .scroll-top svg { background: var(--black-color2) } iframe { border: none; height:600px; 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(--th-border-color) } th { font-weight: 700; color: var(--title-color) } td,th { border: 1px solid var(--th-border-color); padding: 9px 12px } a { color: var(--theme-color); text-decoration: none; outline: 0; -webkit-transition: all ease 0.4s; transition: all ease 0.4s } a:hover { color: #032e39; } 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 } @media (max-width: 1399px) { .h1,h1 { font-size:64px; line-height: 1.3 } } @media (max-width: 1299px) { .h1,h1 { font-size:60px } } @media (max-width: 1199px) { .h1,h1 { font-size:55px; line-height: 1.3 } .h2,h2 { font-size: 36px; line-height: 1.3 } .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: 22px } .h4,h4 { font-size: 22px } .h5,h5 { font-size: 18px } .h6,h6 { font-size: 16px } } @media (max-width: 575px) { .h1,h1 { font-size:38px; line-height: 1.35 } .h2,h2 { font-size: 28px } } @media (max-width: 375px) { .h1,h1 { font-size:30px } } .cursor-follower { position: fixed; background: var(--title-color); border: 1px solid var(--title-color); width: 15px; height: 15px; border-radius: 100%; z-index: 999999; -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background,0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background,0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background; transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background,0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; -webkit-transform: translate(2px, 2px); -ms-transform: translate(2px, 2px); transform: translate(2px, 2px); opacity: 1; mix-blend-mode: multiply } .cursor-follower.cursor-follower-big { -webkit-transform: translate(2px, 2px) scale(3); -ms-transform: translate(2px, 2px) scale(3); transform: translate(2px, 2px) scale(3) } .admin-bar { position: relative } 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: 0.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: 0.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__inside-wrapper { position: relative } .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:has(button) .wp-block-search__input { padding-right: 130px } .wp-block-search .wp-block-search__input { width: 100%; max-width: 100%; padding-left: 25px; padding-right: 40px; border: 1px solid var(--th-border-color); box-shadow: 0px 13px 25px rgba(0,0,0,0.04); border-radius: 0px } .wp-block-search .wp-block-search__input:focus { border-color: var(--theme-color) } .wp-block-search .wp-block-search__button { margin: 0; min-width: 110px; height: 100%; border: none; color: #fff; background-color: var(--theme-color); border-radius: 0px; position: absolute; top: 0; right: 0; border-radius: 0px } .wp-block-search .wp-block-search__button.has-icon { min-width: 56px } .wp-block-search .wp-block-search__button:hover { background-color: var(--title-color) } .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:has(button) .wp-block-search__input { padding: 0 130px 0 25px } ul.wp-block-rss { margin: 0 } ul.wp-block-rss a { color: inherit } .wp-block-latest-posts__post-excerpt { margin: 0 } .wp-block-group.has-background { padding: 15px 15px 1px; 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(--th-border-color) } .logged-in .sticky-wrapper.sticky-active,.logged-in .preloader .th-btn { top: 32px } @media (max-width: 782px) { .logged-in .sticky-wrapper.sticky-active,.logged-in .preloader .th-btn { top:46px } } @media (max-width: 600px) { .logged-in .sticky-wrapper.sticky-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(--th-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 { border-color: transparent; position: relative } .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: 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; border-radius: 10px } @media (max-width: 767px) { .blog-single.format-quote:before,.blog-single.format-link:before,.blog-single.tag-sticky-2:before,.blog-single.sticky:before { border-radius:0 10px 0 10px } } .blog-single.tag-sticky-2::before,.blog-single.sticky::before { content: "\f08d" } .blog-single.format-quote:before { content: "\f10e" } .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 } .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 { 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 } .blog-details .share-links { margin: 52px 0 0 0 } .blog-details .tagcloud a { background-color: var(--gray-color) !important; border: unset !important; font-size: 14px !important; color: var(--title-color3) !important; font-family: var(--body-font) !important; padding: 12px 10px !important; border-radius: 4px !important } .blog-details .tagcloud a:hover { background-color: var(--theme-color) !important; color: var(--white-color) } .blog-details .th-social a { border-radius: 50%; color: #57585F } .nof-title { margin-top: -0.24em } .th-search { background-color: var(--smoke-color2); margin-bottom: 30px; border-radius: 15px; overflow: hidden } .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) } @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; width: 40px; height: 40px; line-height: 40px } } @media (max-width: 768px) { .wp-block-latest-comments { padding-left:10px } .page--content.clearfix+.th-comment-form { margin-top: 24px } } .blog-navigation { 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; border-top: 1px solid var(--th-border-color); padding-top: 60px; margin-top: 60px; gap: 20px } .blog-navigation>div { min-width: 220px } .blog-navigation .center-icon { font-size: 30px; color: var(--light-color) } .blog-navigation .nav-text { font-size: 18px; font-family: var(--body-font); color: var(--title-color); display: inline-block; font-weight: 600 } .blog-navigation .nav-text .text { font-size: 16px; font-weight: 500; color: var(--body-color); margin-top: -0.4em; margin-bottom: 4px } .blog-navigation .nav-text .title { font-size: 18px; font-weight: 600; font-family: var(--title-font); margin-bottom: -0.3em; max-width: 218px; -webkit-transition: 0.4s; transition: 0.4s } .blog-navigation .nav-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .blog-navigation .nav-btn .thumb { position: relative; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; border-radius: 10px; overflow: hidden; display: inline-block } .blog-navigation .nav-btn .thumb:after { content: ''; position: absolute; inset: 0; background: var(--title-color); opacity: 0; -webkit-transition: 0.4s; transition: 0.4s } .blog-navigation .nav-btn .thumb i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); z-index: 1; font-size: 20px; color: var(--white-color); -webkit-transition: 0.4s; transition: 0.4s } .blog-navigation .nav-btn img { border-radius: 10px; height: 100%; object-fit: cover } .blog-navigation .nav-btn.next { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right } .blog-navigation .nav-btn:hover .thumb:after { opacity: 0.5 } .blog-navigation .nav-btn:hover .thumb i { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1) } .blog-navigation .nav-btn:hover .nav-text { color: var(--theme-color) } .blog-navigation .nav-btn:hover .nav-text .title { color: var(--theme-color) } .blog-navigation .blog-btn { font-size: 38px; color: var(--light-color) } .blog-navigation .blog-btn:hover { color: var(--theme-color) } @media (max-width: 1199px) { .blog-navigation { -webkit-flex-wrap:wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .blog-navigation .nav-btn .thumb { margin-bottom: 20px } } @media (max-width: 575px) { .blog-navigation { -webkit-box-pack:center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 40px } .blog-navigation .nav-btn { width: 100%; text-align: center; max-width: none } .blog-navigation .nav-btn.next { text-align: center } .blog-navigation .nav-btn .title { max-width: none } } @media (max-width: 575px) { .blog-navigation>div { min-width:150px } .blog-navigation .nav-img { width: 50px } .blog-navigation .nav-btn { gap: 8px } .blog-navigation .nav-btn img { width: 50px !important; border-radius: 5px } .blog-navigation .nav-text { font-size: 14px } .blog-navigation .blog-btn { display: none } } .wp-block-latest-comments__comment-excerpt p { margin-bottom: 0 } .wp-block-social-links { margin-bottom: 0 } .woosw-list table.woosw-items .woosw-item .woosw-item--name a:hover { color: var(--theme-color) } .woosw-list table.woosw-items tr td { padding: 20px } .woosw-list table.woosw-items .woosw-item .woosw-item--name a { font-size: 20px; color: var(--title-color) } .woosw-list table.woosw-items tr .woosw-item--actions { width: 88px } .header-top .gt_float_switcher { position: relative; font-family: var(--body-font); overflow: inherit; background: transparent; box-shadow: none; line-height: 1; 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-radius: 0; font-size: 16px } .header-top .gt_float_switcher .gt_options { position: absolute; top: 37px; right: 0; width: 226px; background: var(--white-color); font-family: var(--title-font); font-size: 15px; text-align: left; padding: 10px; max-height: -webkit-max-content; max-height: -moz-max-content; max-height: max-content } .header-top .gt_float_switcher .gt_options img { width: 28px } .header-top .gt_float_switcher .gt-selected .gt-current-lang { background: transparent; padding: 0 !important; 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; font-size: 14px; font-weight: 400; font-family: var(--body-font); text-transform: capitalize } .header-top .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code,.header-top .gt_switcher .gt-selected .gt-current-lang span.gt-lang-code { font-family: var(--body-font); font-size: 14px; margin-right: 5px; top: 0; line-height: 1 } .header-top .gt_switcher .gt_selected,.header-top .gt_float_switcher .gt-selected { background: transparent; overflow: inherit } .header-top .gt_float_switcher .gt-selected .gt-current-lang img { width: 16px; margin: 0; margin-right: 0px; min-width: 20px; margin-right: 8px; height: 16px; border-radius: 0; border: 0; object-fit: cover } .header-top .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); line-height: 1; top: 0 } .header-top .gt_float_switcher .gt_options a:hover { background: var(--gray-color); color: var(--body-color) } .footer-sitcky.sticky-footer { position: absolute; left: 0; bottom: 0; width: 100% } @media (max-width: 1399px) { :root { --main-container: 1250px } } @media (min-width: 1370px) { .th-container2 { --main-container: 1698px } } .th-container3 { --main-container: 1680px } @media (min-width: 1370px) { .th-container4 { --main-container: 1620px } } @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: 1846px } } @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 } } .round-container { max-width: 1530px; margin-left: auto; margin-right: auto; border-radius: 50px; position: relative; z-index: 2; overflow: hidden } @media (max-width: 1199px) { .round-container { border-radius:0 } } .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) } @media (min-width: 1300px) { .row { --bs-gutter-x: 24px } } .gy-30 { --bs-gutter-y: 30px } .g-0 { --bs-gutter-y: 0; --bs-gutter-x: 0 } .gx-0 { --bs-gutter-x: 0 } .gy-40 { --bs-gutter-y: 40px } .gy-16 { --bs-gutter-y: 16px } .gy-50 { --bs-gutter-y: 50px } .gy-60 { --bs-gutter-y: 60px } .gx-65 { --bs-gutter-x: 65px } .gx-70 { --bs-gutter-x: 70px } .gy-80 { --bs-gutter-y: 80px } .gy-24 { --bs-gutter-y: 24px } .gx-10 { --bs-gutter-x: 10px } .gy-10 { --bs-gutter-y: 10px } @media (min-width: 1500px) { .gx-100 { --bs-gutter-x: 100px } } @media (min-width: 1299px) { .gx-60 { --bs-gutter-x: 60px } .gx-70 { --bs-gutter-x: 70px } .gx-80 { --bs-gutter-x: 80px } } @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 } .gy-80 { --bs-gutter-y: 60px } } select,.form-control,.form-select,textarea,input { height: 58px; padding: 0 25px 0 25px; padding-right: 45px; border: 1px solid transparent; color: var(--title-color); background-color: var(--smoke-color2); 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(--th-border-color); background-color: var(--smoke-color2) } select::-moz-placeholder,.form-control::-moz-placeholder,.form-select::-moz-placeholder,textarea::-moz-placeholder,input::-moz-placeholder { color: var(--title-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(--title-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(--title-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(--title-color) } select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder { color: var(--title-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(--title-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(--title-color) } select::placeholder,.form-control::placeholder,.form-select::placeholder,textarea::placeholder,input::placeholder { color: var(--title-color) } input[type=date] { padding: 0 25px 0 25px; position: relative } input[type=date]::-webkit-calendar-picker-indicator { background: transparent; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer } input[type=time] { padding: 0 30px; position: relative } input[type=time]::-webkit-calendar-picker-indicator { background: transparent; position: absolute; left: 0px; height: 100%; width: 100%; z-index: 1; cursor: pointer } .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='%23B7C2CC' 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") } textarea.form-control,textarea { min-height: 178px; padding-top: 16px; padding-bottom: 17px; border-radius: 5px } textarea.form-control.style2,textarea.style2 { min-height: 100px } .form-group { margin-bottom: var(--bs-gutter-x); position: relative } .form-group>i { display: inline-block; position: absolute; right: 25px; top: 16px; font-size: 16px; color: var(--body-color) } .form-group>i.fa-chevron-down { width: 17px; background-color: var(--smoke-color2) } .form-group.has-label>i { top: 50px } .form-group.style2 textarea,.form-group.style2 input { background: var(--black-color2); color: var(--white-color); height: 60px; border-radius: 8px } .form-group.style2 textarea:active,.form-group.style2 textarea:focus,.form-group.style2 input:active,.form-group.style2 input:focus { border-color: var(--theme-color) } .form-group.style2 textarea::-webkit-input-placeholder, .form-group.style2 input::-webkit-input-placeholder { color: var(--white-color) } .form-group.style2 textarea::-moz-placeholder, .form-group.style2 input::-moz-placeholder { color: var(--white-color) } .form-group.style2 textarea:-ms-input-placeholder, .form-group.style2 input:-ms-input-placeholder { color: var(--white-color) } .form-group.style2 textarea::-ms-input-placeholder, .form-group.style2 input::-ms-input-placeholder { color: var(--white-color) } .form-group.style2 textarea::placeholder,.form-group.style2 input::placeholder { color: var(--white-color) } .form-group.style2 select { background: var(--black-color2); color: var(--white-color); height: 60px; border-radius: 8px } .form-group.style2>i { top: 24px; color: var(--white-color) } .form-group.style-border textarea,.form-group.style-border input { background: transparent; border: 1px solid #D3DBE2 } .form-group.style-border textarea:active,.form-group.style-border textarea:focus,.form-group.style-border input:active,.form-group.style-border input:focus { border-color: var(--theme-color) } .form-group.style-border select { background-color: transparent; border: 1px solid #D3DBE2 } .form-group.style-border2 textarea,.form-group.style-border2 input { background: transparent; border: 1px solid var(--th-border-color2); color: var(--body-color) } .form-group.style-border2 textarea::-webkit-input-placeholder, .form-group.style-border2 input::-webkit-input-placeholder { color: var(--body-color) } .form-group.style-border2 textarea::-moz-placeholder, .form-group.style-border2 input::-moz-placeholder { color: var(--body-color) } .form-group.style-border2 textarea:-ms-input-placeholder, .form-group.style-border2 input:-ms-input-placeholder { color: var(--body-color) } .form-group.style-border2 textarea::-ms-input-placeholder, .form-group.style-border2 input::-ms-input-placeholder { color: var(--body-color) } .form-group.style-border2 textarea::placeholder,.form-group.style-border2 input::placeholder { color: var(--body-color) } .form-group.style-border2 select { background: transparent; border: 1px solid var(--th-border-color2) } .form-group.style-border2 i { color: var(--theme-color); top: 22px } .form-group.style-border3 textarea,.form-group.style-border3 input { background: var(--white-color); border: 1px solid var(--th-border-color); color: var(--body-color) } .form-group.style-border3 textarea::-webkit-input-placeholder, .form-group.style-border3 input::-webkit-input-placeholder { color: var(--body-color) } .form-group.style-border3 textarea::-moz-placeholder, .form-group.style-border3 input::-moz-placeholder { color: var(--body-color) } .form-group.style-border3 textarea:-ms-input-placeholder, .form-group.style-border3 input:-ms-input-placeholder { color: var(--body-color) } .form-group.style-border3 textarea::-ms-input-placeholder, .form-group.style-border3 input::-ms-input-placeholder { color: var(--body-color) } .form-group.style-border3 textarea::placeholder,.form-group.style-border3 input::placeholder { color: var(--body-color) } .form-group.style-border3 select { background: var(--white-color); border: 1px solid var(--th-border-color) } .form-group.style-border3 i { color: var(--body-color); top: 20px; background: transparent } .form-group.style-white .form-select,.form-group.style-white .form-control { background: var(--white-color) } .form-group.style-white>i { top: 20px; background: transparent; color: var(--theme-color) } .form-group.style-dark { position: relative; z-index: 1; -webkit-align-self: self-start; -ms-flex-item-align: self-start; align-self: self-start } .form-group.style-dark:after { content: ''; position: absolute; top: 0; left: var(--bs-gutter-x)/2; width: calc(100% - (var(--bs-gutter-x) / 1)); height: 100%; background: var(--theme-color); opacity: 0.4; border-radius: 50px; z-index: -1 } .form-group.style-dark .form-select,.form-group.style-dark .form-control { background: transparent; border: 1px solid rgba(255,255,255,0.2); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); color: var(--white-color) } .form-group.style-dark .form-select::-webkit-input-placeholder, .form-group.style-dark .form-control::-webkit-input-placeholder { color: var(--th-border-color) } .form-group.style-dark .form-select::-moz-placeholder, .form-group.style-dark .form-control::-moz-placeholder { color: var(--th-border-color) } .form-group.style-dark .form-select:-ms-input-placeholder, .form-group.style-dark .form-control:-ms-input-placeholder { color: var(--th-border-color) } .form-group.style-dark .form-select::-ms-input-placeholder, .form-group.style-dark .form-control::-ms-input-placeholder { color: var(--th-border-color) } .form-group.style-dark .form-select::placeholder,.form-group.style-dark .form-control::placeholder { color: var(--th-border-color) } .form-group.style-dark>i { top: 20px; background: transparent; color: var(--th-border-color) } .form-group.style-dark2 .form-select,.form-group.style-dark2 .form-control { background: var(--black-color3); border: 1px solid var(--th-border-color2); color: #6B7586; border-radius: 0 } .form-group.style-dark2 .form-select::-webkit-input-placeholder, .form-group.style-dark2 .form-control::-webkit-input-placeholder { color: #6B7586 } .form-group.style-dark2 .form-select::-moz-placeholder, .form-group.style-dark2 .form-control::-moz-placeholder { color: #6B7586 } .form-group.style-dark2 .form-select:-ms-input-placeholder, .form-group.style-dark2 .form-control:-ms-input-placeholder { color: #6B7586 } .form-group.style-dark2 .form-select::-ms-input-placeholder, .form-group.style-dark2 .form-control::-ms-input-placeholder { color: #6B7586 } .form-group.style-dark2 .form-select::placeholder,.form-group.style-dark2 .form-control::placeholder { color: #6B7586 } .form-group.style-dark2>i { top: 20px; background: transparent; color: #6B7586 } .form-group.style-dark3 .form-select,.form-group.style-dark3 .form-control { background: var(--title-color); border: 1px solid var(--black-color4); color: var(--white-color); border-radius: 0 } .form-group.style-dark3>i { top: 20px; background: transparent; color: var(--theme-color) } .form-group.style-radius-0 .form-select,.form-group.style-radius-0 .form-control { border-radius: 0px } .form-group.style-shadow .form-select,.form-group.style-shadow .form-control { box-shadow: 0px 2px 4px rgba(2,29,53,0.1) } [class*="col-"].form-group>i { right: calc((var(--bs-gutter-x) / 2) + 25px) } .form-rounded-10 .form-control,.form-rounded-10 .form-select { border-radius: 10px !important } .form-rounded-10 .th-btn { border-radius: 10px } 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(--th-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 } .swiper-wrapper.row { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .th-slider.has-shadow { padding-left: 12px; padding-right: 12px; margin: -25px -12px } .th-slider.has-shadow .swiper-wrapper { padding: 25px 0 } .swiper-fade .swiper-slide { -webkit-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out } .swiper-fade .swiper-slide-prev { opacity: 0 } .swiper-pagination-progressbar { --swiper-pagination-progressbar-size: 2px; background: rgba(255,255,255,0.6); position: relative; margin-top: 30px; margin-bottom: 24px } @media (max-width: 1199px) { .swiper-pagination-progressbar { margin-top:20px } } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--title-color); border-radius: 18px } .swiper-pagination-progressbar { --swiper-pagination-progressbar-size: 8px; background: var(--white-color); border-radius: 8px; position: relative; margin-top: 30px; margin-bottom: 24px } .swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 8px); left: 0 } .swiper-pagination-fraction { text-align: center; font-family: var(--title-font); font-size: 18px; font-weight: 700; color: var(--theme-color) } .swiper-pagination-fraction .swiper-pagination-current { font-size: 24px; color: var(--title-color); font-weight: 600; display: inline-block; width: 31px } .white-color .swiper-pagination-current { color: var(--white-color) } .slider-controller { margin-top: 60px; 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: 24px } .slider-controller .button { width: calc(100% - 204px) } .slider-controller .slider-arrow { min-width: 56px } @media (max-width: 991px) { .slider-controller .slider-arrow { min-width:48px; height: 48px } } .slider-controller .swiper-pagination-progressbar { background-color: #F2F3FC } @media (max-width: 1199px) { .slider-controller { margin-top:45px } } .swiper-pagination-bullets { position: relative; z-index: 3; text-align: center; margin: 45px 0 10px 0; padding-bottom: 20px; line-height: 12px; height: 12px } .swiper-pagination-bullets .swiper-pagination-bullet { display: inline-block; --swiper-pagination-bullet-size: 16px; --swiper-pagination-bullet-horizontal-gap: 8px; margin: 5px 4px; opacity: 1; background-color: transparent; border: 1px solid var(--body-color); color: var(--white-color); border-radius: 50%; position: relative; cursor: pointer; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .swiper-pagination-bullets .swiper-pagination-bullet:before { content: ""; position: absolute; inset: 4px; background-color: var(--theme-color); border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .slider-area { position: relative } .slider-arrow { display: inline-block; padding: 0; background-color: var(--title-color); border-radius: 30px; color: var(--white-color); border: 1px solid var(--title-color); position: absolute; top: 50%; left: var(--pos-x, -120px); width: var(--icon-size, 56px); height: var(--icon-size, 56px); line-height: var(--icon-size, 56px); font-size: var(--icon-font-size, 20px); margin-top: calc(var(--icon-size, 0px) / -2); z-index: 3; border-radius: 50% } @media (max-width: 767px) { .slider-arrow { display:none } } .slider-arrow.style2 { background-color: var(--white-color); border: 1px solid #506172; color: var(--title-color); left: var(--pos-x, 120px); --icon-size: 64px; line-height: 25px } @media (max-width: 1500px) { .slider-arrow.style2 { display:none !important } } .slider-arrow.style2 img { -webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1); margin: 0 } .slider-arrow.style2.slider-next { right: var(--pos-x, 120px) } .slider-arrow.style2:hover { background-color: var(--theme-color); border-color: var(--theme-color) } .slider-arrow.style2:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } .slider-arrow.style3 { background-color: transparent; border: 1px solid rgba(92,95,113,0.2); color: var(--title-color) } .slider-arrow.default { position: relative; --pos-x: 0; margin-top: 0 } .slider-arrow.slider-next { right: var(--pos-x, -120px); left: auto } .slider-arrow:hover { background-color: var(--theme-color); color: var(--white-color); border-color: var(--theme-color) } .arrow-margin .slider-arrow { top: calc(50% - 30px) } .arrow-wrap { position: relative } .arrow-wrap .slider-arrow { opacity: 0; visibility: hidden; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4) } @media (max-width: 1299px) { .arrow-wrap .slider-arrow { display:none } } .arrow-wrap:hover .slider-arrow { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } @media (max-width: 1500px) { .slider-arrow { --arrow-horizontal: -20px; --pos-x: -70px } } @media (max-width: 1399px) { .slider-arrow { --arrow-horizontal: 40px; --pos-x: -17px } } .icon-box .slider-arrow { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible } .icon-box .slider-arrow:not(:last-child) { margin-right: 8px } @media (max-width: 1500px) { .icon-box .slider-arrow { display:block !important } } @media (max-width: 991px) { .slider-arrow { --icon-size: 40px; line-height: 38px; margin-right: 40px; font-size: 14px } .slider-arrow.slider-next { margin-right: 0 } .slick-dots { margin: 40px 0 0 0 } .icon-box .slider-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(--smoke-color2) } .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(--title-color); background-color: var(--theme-color) } .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) } @media (max-width: 375px) { .th-menu-toggle { width:50px; height: 50px; font-size: 18px } } .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(--white-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 0 auto } .loader { font-size: 80px; display: inline-block; font-family: var(--title-font); font-weight: 700; color: var(--title-color); box-sizing: border-box; text-shadow: 0 0 2px var(--theme-color),0 0 1px var(--theme-color),0 0 1px var(--theme-color); position: relative; line-height: normal } @media (max-width: 1199px) { .loader { font-size:60px } } @media (max-width: 767px) { .loader { font-size:40px } } .loading-text { position: absolute; left: 0; top: 0; color: var(--theme-color); width: 100%; height: 100%; overflow: hidden; box-sizing: border-box; -webkit-animation: animloader 6s linear infinite; animation: animloader 6s linear infinite } @-webkit-keyframes animloader { 0% { width: 0% } 100% { width: 100% } } @keyframes animloader { 0% { width: 0% } 100% { width: 100% } } .th-btn { position: relative; z-index: 2; vertical-align: middle; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-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; text-align: center; background-color:#f18a27; color: var(--white-color); font-family: var(--body-font); font-size: 16px; font-weight: 500; padding: 15px 25px; line-height: 1; justify-content: center; overflow: hidden; -webkit-transition: 0.5s; transition: 0.5s; text-transform: capitalize; border-radius: 0; border: 1px solid transparent; gap: 8px } /* .th-btn.th-icon:after { content: ''; position: relative; -webkit-mask-image: url(../img/icon/arrow-right.svg); mask-image: url(../img/icon/arrow-right.svg); background-repeat: no-repeat; background-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; background-color: var(--white-color); width: 24px; height: 24px; display: block; -webkit-transition: 0.4s; transition: 0.4s } */ .th-btn:hover { border-color: var(--title-color) } .th-btn i { -webkit-transition: 0.1s; transition: 0.1s } .th-btn::before { content: ''; position: absolute; width: 0; height: 100%; background: var(--title-color); top: 0; left: 0; z-index: -1; -webkit-transition: 0.7s; transition: 0.7s } .th-btn:hover,.th-btn:active { background: #f18a27; color: var(--white-color) } .th-btn:hover i.fa-arrow-up-right,.th-btn:active i.fa-arrow-up-right { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .th-btn:hover:before,.th-btn:active:before { width: 100% } .th-btn.btn-lg { padding: 11px 24px } .th-btn.btn-sm { padding: 7px 24px } .th-btn.white-hover.th-btn:after { background-color: var(--white-color) } .th-btn.white-hover:hover.th-btn { color: var(--title-color); border-color: var(--white-color) } .th-btn.white-hover:hover.th-btn::before { background-color: var(--white-color) } .th-btn.white-hover:hover.th-btn:after { background-color: var(--title-color) } .th-btn.theme-color-hover:hover { border-color: var(--theme-color) !important } .th-btn.theme-color-hover::after { background: var(--theme-color) !important } .th-btn.style-border1 { background: transparent; border: 1px solid var(--th-border-color); color: var(--title-color) } .th-btn.style-border1::after { background: var(--title-color) } .th-btn.style-border1:hover { border: 1px solid var(--title-color); color: var(--white-color) } .th-btn.style-border1:hover::after { background: var(--white-color) } .th-btn.style-border1:hover>.th-arrow { -webkit-filter: brightness(1) contrast(1); filter: brightness(1) contrast(1) } .th-btn.style-border1>.th-arrow { -webkit-filter: brightness(0) contrast(1); filter: brightness(0) contrast(1); -webkit-transition: .4s; transition: .4s } .th-btn.style-border2 { background-color: transparent; border: 1px solid var(--title-color); color: var(--title-color) } .th-btn.style-border2::after { background: var(--title-color) } .th-btn.style-border2:hover { border: 1px solid var(--title-color); color: var(--white-color) } .th-btn.style-border2:hover::after { background: var(--white-color) } .th-btn.style-border2>.th-arrow { -webkit-filter: brightness(0) contrast(1); filter: brightness(0) contrast(1); -webkit-transition: .4s; transition: .4s } .th-btn.style-4 { background: none; color: var(--title-color); border: 1px solid var(--title-color) } .th-btn.style-4:hover { color: var(--white-color) } .th-btn.style-4:hover .th-arrow { -webkit-filter: brightness(1) contrast(0); filter: brightness(1) contrast(0) } .th-arrow { margin-left: 10px; -webkit-transition: .4s; transition: .4s } @-webkit-keyframes greentopBubbles { 0% { background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90% } 50% { background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30% } 100% { background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%; background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0% } } @keyframes greentopBubbles { 0% { background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90% } 50% { background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30% } 100% { background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%; background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0% } } @-webkit-keyframes greenbottomBubbles { 0% { background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0% } 50% { background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0% } 100% { background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%; background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0% } } @keyframes greenbottomBubbles { 0% { background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0% } 50% { background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0% } 100% { background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%; background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0% } } @-webkit-keyframes btn-icon-anim { 0% { top: 0; right: 2px } 25% { top: -10px; right: -10px } 50% { top: 10px; opacity: 0; right: 17px } 100% { top: 0; right: 2px; opacity: 1 } } @keyframes btn-icon-anim { 0% { top: 0; right: 2px } 25% { top: -10px; right: -10px } 50% { top: 10px; opacity: 0; right: 17px } 100% { top: 0; right: 2px; opacity: 1 } } .icon-btn { display: inline-block; width: var(--btn-size, 56px); height: var(--btn-size, 56px); line-height: var(--btn-size, 47px); font-size: var(--btn-font-size, 20px); background-color: transparent; color: var(--white-color); text-align: center; border-radius: 0; border: 1px solid var(--th-border-color); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; position: relative } .icon-btn img { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .icon-btn:hover { background-color: var(--title-color); color: var(--white-color); border-color: var(--title-color) } .icon-btn:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } .icon-btn.style2 { background-color: var(--theme-color2); color: var(--white-color); border: none } .icon-btn.style2:hover { background-color: var(--theme-color) } .icon-btn.style3 { background-color: var(--theme-color); color: var(--white-color) } .icon-btn.style3:hover { background-color: var(--white-color); color: var(--theme-color) } .icon-btn.style4 { background-color: var(--title-color); color: var(--white-color) } .icon-btn.style4:hover { background-color: var(--theme-color2) } .icon-btn.style-border { --icon-bg: transparent; border: 1px solid var(--th-border-color); line-height: 54px; color: var(--title-color) } .icon-btn.style-border:hover { color: var(--white-color) } .play-btn { display: inline-block; position: relative; z-index: 1 } .play-btn>i { display: inline-block; width: var(--icon-size, 88px); height: var(--icon-size, 88px); line-height: var(--icon-size, 88px); text-align: center; background-color: var(--white-color); color: var(--theme-color); font-size: var(--icon-font-size, 1.4em); border-radius: 50%; z-index: 1; -webkit-transition: all ease 0.4s; transition: all ease 0.4s } .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 { --icon-size: 80px; --icon-font-size: 24px } .play-btn.style2 i { background-color: var(--title-color) } .play-btn.style2:hover i { background-color: var(--theme-color) } .play-btn.style2:hover:before,.play-btn.style2:hover:after { background-color: var(--white-color) } @media (max-width: 575px) { .play-btn.style2 { --icon-size: 56px; --icon-font-size: 20px } } .play-btn.style3 { --icon-size: 56px; --icon-font-size: 16px } .play-btn.style3>i { background-color: var(--theme-color2); color: var(--white-color) } .play-btn.style3:before,.play-btn.style3:after { background-color: var(--theme-color2) } .play-btn.style3:hover>i { background-color: var(--theme-color); color: var(--white-color) } .play-btn.style3:hover:before,.play-btn.style3:hover:after { background-color: var(--theme-color) } .play-btn.style4>i { --icon-size: 100px; color: var(--title-color) } .play-btn.style4:before,.play-btn.style4:after { background-color: transparent; border: 1px solid var(--title-color) } .play-btn.style4:hover>i { color: var(--white-color) } .play-btn.style4:hover:before,.play-btn.style4:hover:after { border: 1px solid var(--white-color) } .play-btn.style5 { --icon-size: 56px; --icon-font-size: 16px } .play-btn.style5>i { background-color: var(--white-color); color: var(--theme-color2) } .play-btn.style5:before,.play-btn.style5:after { background-color: var(--theme-color2) } .play-btn.style5:hover>i { background-color: var(--theme-color); color: var(--white-color) } .play-btn.style5:hover:before,.play-btn.style5:hover:after { background-color: var(--theme-color) } .play-btn.style6>i { --icon-size: 100px; color: var(--white-color); font-size: 20px; background: transparent; border: 2px solid var(--white-color) } .play-btn.style6:before,.play-btn.style6:after { background: transparent; border: 1px solid var(--white-color) } .play-btn.style6:hover>i { color: var(--theme-color); border-color: var(--theme-color) } .play-btn.style6:hover:before,.play-btn.style6:hover:after { border-color: var(--theme-color) } @media (max-width: 575px) { .play-btn.style6>i { --icon-size: 60px } } .play-btn.style7>i { --icon-size: 80px; background: var(--theme-color2); color: var(--white-color) } .play-btn.style7:before,.play-btn.style7:after { background-color: var(--theme-color2) } .play-btn.style7:hover>i { background: var(--white-color); color: var(--theme-color2) } .play-btn.style7:hover:before,.play-btn.style7:hover:after { background: var(--white-color) } @media (max-width: 767px) { .play-btn.style7>i { --icon-size: 60px } } .play-btn.style8>i { --icon-size: 40px; --icon-font-size: 16px; background: var(--white-color); color: var(--title-color) } .play-btn.style9>i { --icon-size: 80px; --icon-font-size: 20px; background: var(--title-color); color: var(--theme-color) } .play-btn.style9:before,.play-btn.style9:after { border: 1px solid var(--white-color) } .play-btn.style9:hover>i { background: var(--theme-color2); color: var(--white-color) } .video-play-btn { position: relative; border: 0; width: 78px; height: 78px; line-height: 78px; -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1); transition: all 1s cubic-bezier(0, 0, 0.2, 1); border-radius: 50%; background: var(--white-color); margin: 0 auto; display: inline-block; font-size: 25px; text-align: center; color: var(--title-color) } .video-play-btn:before { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; -webkit-transition: 0.3; transition: 0.3; border-radius: 50%; border: 1px solid var(--white-color); -webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite } .video-play-btn:after { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; -webkit-transition: 0.3; transition: 0.3; border-radius: 50%; border: 1px solid var(--white-color); -webkit-animation: ripple 2s linear 1s infinite; animation: ripple 2s linear 1s infinite } .link-btn { font-weight: 600; font-size: 14px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; line-height: 0.8; position: relative; padding-bottom: 2px; margin-bottom: -2px; text-transform: uppercase; color: var(--title-color) } .link-btn .icon { overflow: hidden; display: inline-block; position: relative; top: -2px } .link-btn i { -webkit-transition: 0.1s all; transition: 0.1s all; position: relative; font-size: 14px; top: -1px } .link-btn:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: var(--theme-color); -webkit-transition: all ease 0.4s; transition: all ease 0.4s } .link-btn:hover,.link-btn.active { color: var(--theme-color) } .link-btn:hover::before,.link-btn.active::before { width: 100% } .link-btn:hover i.fa-arrow-up-right,.link-btn.active i.fa-arrow-up-right { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .link-btn.style2 { color: var(--white-color) } .link-btn.style2:before { width: 100%; background: var(--white-color) } .link-btn.style2:hover { color: var(--theme-color) } .link-btn.style2:hover:before { background: var(--theme-color); width: 70% } .link-btn.style3 { color: var(--theme-color); margin-bottom: 0 } .link-btn.style3:before { width: 100%; background: var(--theme-color) } .link-btn.style3:hover { color: var(--white-color) } .link-btn.style3:hover:before { background: var(--white-color); width: 70% } .link-btn.style4 { color: var(--title-color); margin-bottom: 0 } .link-btn.style4:before { width: 100%; background: var(--title-color) } .link-btn.style4:hover:before { width: 70% } .scroll-top { position: fixed; right: 30px; bottom: 55px; 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: "\f102"; 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) } .scroll-top.style2 svg { background: var(--black-color2) } .sec-title { margin-bottom: calc(var(--section-title-space) - 11px); margin-top: -0.24em; font-weight: 500 } .sub-title { display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 18px; font-weight: 600; color: var(--theme-color); text-transform: uppercase; margin-bottom: 18px; position: relative; line-height: 24px; letter-spacing: 0.36px; font-family: var(--subtitle-font); padding-left: 52px } .sub-title::before { background-color: var(--theme-color); content: ''; position: absolute; width: 36px; height: 2px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .sec-text { font-size: 18px } .sec-text.style2 { margin-top: -0.75em } .box-title { font-size: 24px; line-height: 1.417; font-weight: 600; margin-top: -0.32em } .box-title a { color: inherit } .box-title a:hover { color: var(--theme-color) } .box-subtitle { margin-bottom: 8px } .box-title2 { font-size: 20px; line-height: 1.5; font-weight: 700; margin-top: -0.35em } .box-title2 a { color: inherit } .box-title2 a:hover { color: var(--theme-color) } .title-area { margin-bottom: calc(var(--section-title-space) - 6.5px); position: relative; z-index: 2; margin-top: -0.6em } .title-area:has(.box-text) { margin-bottom: calc(var(--section-title-space) - 1px) } .title-area .sec-title { margin-bottom: 0px } .title-area.mb-0 .sec-title { margin-bottom: -0.24em } .title-area.text-center .sub-title { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 992px) { .title-area.text-lg-start.text-center .sub-title { -webkit-box-pack:start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start } } .mb-32 { margin-bottom: 32px } hr.title-line { margin-top: 0; background-color: var(--th-border-color); opacity: 1; margin-bottom: var(--section-title-space) !important } .sec-btn { text-align: center } .sec-btn,.title-line { margin-bottom: var(--section-title-space) } .shadow-title { font-family: var(--title-font); font-size: 74px; font-weight: 900; line-height: 1; background-image: -webkit-linear-gradient(top, rgba(226,232,250,0.7) 0%, rgba(226,232,250,0) 88.54%); background-image: linear-gradient(180deg, rgba(226,232,250,0.7) 0%, rgba(226,232,250,0) 88.54%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; margin: -0.55em 0 -0.45em -0.25em } .shadow-title.color2 { background-image: -webkit-linear-gradient(top, #232C47 0%, rgba(20,29,56,0) 91.15%); background-image: linear-gradient(180deg, #232C47 0%, rgba(20,29,56,0) 91.15%) } .shadow-title.color3 { background-image: -webkit-linear-gradient(top, #E0E0E0 0%, rgba(220,214,214,0) 93.75%); background-image: linear-gradient(180deg, #E0E0E0 0%, rgba(220,214,214,0) 93.75%) } .title-area2 { padding: 50px 100px } .title-area2 .subtitle { color: var(--white-color); text-transform: uppercase; margin-top: -0.4em; margin-bottom: 5px; display: block } .title-area2 .title { color: var(--white-color); max-width: 430px; margin-bottom: -0.26em } .page-subtitle { font-size: 16px; font-weight: 500; font-family: var(--body-font); display: inline-block; position: relative } .page-subtitle:after,.page-subtitle:before { content: ''; position: relative; width: 4px; height: 12px; background: var(--theme-color); display: inline-block; margin: 0 8px } .page-subtitle:before { margin-left: 0 } .page-subtitle:after { margin-right: 0 } .page-title { position: relative; font-size: 40px; font-weight: 600; z-index: 2; margin-bottom: 32px !important } .page-title:before { content: ""; position: absolute; content: ""; left: 0; bottom: -12px; width: 136px; height: 1px; background-color: var(--theme-color) } @media (max-width: 767px) { .page-title { font-size:36px } } @media (max-width: 575px) { .page-title { font-size:32px } } @media (max-width: 1700px) { .title-area2 { padding:50px 50px } } @media (max-width: 1199px) { .shadow-title { font-size:64px } .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 } .title-area2 .title { max-width: 300px } } @media (max-width: 991px) { .shadow-title { font-size:60px } .title-area,.sec-title { --section-title-space: 33px } .title-area.style2,.sec-title.style2 { --section-title-space: -20px } .title-area.mb-45,.sec-title.mb-45 { margin-bottom: 35px } .sec-btn,.title-line { --section-title-space: 50px } .sub-title.h4 { font-size: 22px } } @media (max-width: 767px) { .title-area2 { text-align:center } .title-area2 .title { max-width: 100% } } @media (max-width: 575px) { .shadow-title { font-size:52px } } @media (max-width: 375px) { .shadow-title { font-size:40px } .title-area2 { padding: 40px 20px } } .title-wrap { margin-bottom: 37px } @media (max-width: 991px) { .title-wrap { text-align:center; margin-bottom: 22px } } .sec-text2 { font-weight: 500; font-size: 20px; color: var(--title-color) } .sec-text3 { max-width: 464px } @media (max-width: 1199px) { .sec-text3 { max-width:100%; display: block; margin: auto } } .sec-text4 { max-width: 659px } .box-text2 { max-width: 464px } .shape-mockup-wrap { z-index: 2; position: relative } .shape-mockup { position: absolute; z-index: -1; pointer-events: none } .shape-mockup.z-index-3 { z-index: 3; pointer-events: none } .shape-mockup.z-index-1 { z-index: 1; pointer-events: none } .shape-mockup .svg-img { height: 110px; width: 110px } .shape-mockup.shape-ripple .ripple-1,.shape-mockup.shape-ripple .ripple-2,.shape-mockup.shape-ripple .ripple-3,.shape-mockup.shape-ripple .ripple-4,.shape-mockup.shape-ripple .ripple-5 { position: absolute; top: 0; right: 0 } .z-index-step1 { position: relative; z-index: 4 !important } .z-index-common { position: relative; z-index: 3 } .z-index-3 { z-index: 3 } .z-index-2 { z-index: 2 } .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 a { display: inline-block; width: var(--icon-size, 45px); height: var(--icon-size, 45px); line-height: var(--icon-size, 45px); background-color: var(--title-color); border: 0; color: var(--theme-color); font-size: 18px; text-align: center; margin-right: 11px; 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.color-theme a { color: var(--body-color); border-color: var(--theme-color) } .th-social.style2 a { --icon-size: 40px; border: 1px solid var(--th-border-color4); background: transparent; color: var(--body-color); font-size: 18px } .th-social.style2 a:hover { background: var(--theme-color); color: var(--white-color) } .th-social.style3 a { --icon-size: 32px; line-height: 32px; margin-right: 5px; font-size: 14px; border-radius: 50%; border: 1px solid var(--th-border-color4); background: transparent; color: var(--title-color); margin-right: 16px } .th-social.style3 a:last-child { margin-right: 0 } .th-social.style3 a:hover { background: var(--theme-color); color: var(--white-color) } .bg-mask { -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat } .box-icon img { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .box-text { margin-bottom: -0.5em } .box-text.style2 { font-size: 16px; font-weight: 400; line-height: 28px } .btn-group { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-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: 30px } .btn-group.style2 { gap: 20px 70px } @media (max-width: 767px) { .btn-group.style2 { gap:20px 30px } } @media (max-width: 767px) { .btn-group { gap:20px } } .th-bg-img { position: absolute; inset: 0 } .th-bg-img img { height: 100%; width: 100%; object-fit: cover } .color-masking { position: relative; display: inline-block } .color-masking .masking-src { position: absolute; inset: 0; mix-blend-mode: color; background: var(--theme-color) } .color-masking2 { position: relative; display: inline-block } .color-masking2 .masking-src { position: absolute; inset: 0; mix-blend-mode: color; background: var(--theme-color2) } .mfp-zoom-in .mfp-content { opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5) } .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 } .th-radius { border-radius: 50px } .grid_lines { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden } .grid_lines .grid_line { position: relative; width: 1px; height: 100%; display: inline-block; background-color: rgba(255,255,255,0.1); mix-blend-mode: difference } .grid_lines .grid_line:after,.grid_lines .grid_line:before { content: ''; position: absolute; top: -60px; left: 0; width: 1px; height: 60px; background: var(--white-color); background: -webkit-linear-gradient(bottom, var(--white-color) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, var(--white-color) 0%, rgba(255,255,255,0) 100%); -webkit-animation: gridanim 25s linear infinite; animation: gridanim 25s linear infinite; opacity: 0.3 } .grid_lines .grid_line:after { -webkit-animation-delay: 10s; animation-delay: 10s } @-webkit-keyframes gridanim { 0% { top: -60px } 50% { top: 100% } 100% { top: -60px; background: -webkit-linear-gradient(top, var(--white-color) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(180deg, var(--white-color) 0%, rgba(255,255,255,0) 100%) } } @keyframes gridanim { 0% { top: -60px } 50% { top: 100% } 100% { top: -60px; background: -webkit-linear-gradient(top, var(--white-color) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(180deg, var(--white-color) 0%, rgba(255,255,255,0) 100%) } } @-webkit-keyframes gridanim2 { 0% { top: -60px } 50% { top: 100% } 100% { top: -60px; background: -webkit-linear-gradient(top, var(--theme-color) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(180deg, var(--theme-color) 0%, rgba(255,255,255,0) 100%) } } @keyframes gridanim2 { 0% { top: -60px } 50% { top: 100% } 100% { top: -60px; background: -webkit-linear-gradient(top, var(--theme-color) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(180deg, var(--theme-color) 0%, rgba(255,255,255,0) 100%) } } .reveal { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; visibility: hidden; overflow: hidden } .reveal img { height: 100%; width: 100%; object-fit: cover; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left } .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-16 { font-size: 16px !important } .fs-18 { font-size: 18px } .fs-20 { font-size: 20px !important } @media (max-width: 575px) { .fs-20 { font-size:16px !important } } .fs-xs { font-size: 14px } .title-font { font-family: var(--title-font) } .bg-theme { background-color: var(--theme-color) !important } .bg-theme2 { background-color: var(--theme-color2) !important } .bg-smoke { background-color: var(--smoke-color) !important } .bg-smoke2 { background-color: var(--smoke-color2) !important } .bg-gray { background-color: var(--gray-color) !important } .bg-gray2 { background-color: var(--gray-color2) !important } .bg-white { background-color: var(--white-color) !important } .bg-light { background-color: var(--light-color) !important } .bg-black { background-color: var(--black-color) !important } .bg-black2 { background-color: var(--black-color2) !important } .bg-black3 { background-color: var(--black-color3) !important } .bg-black4 { background-color: var(--black-color4) !important } .bg-title { background-color: var(--title-color) !important } .bg-body { background-color: var(--body-color) !important } .gradient-body { background-image: -webkit-linear-gradient(349.38deg, rgba(249,215,175,0.3) 0%, rgba(214,202,245,0.3) 24.03%, rgba(198,241,255,0.3) 45.73%, rgba(248,242,222,0.3) 69.05%, rgba(212,179,253,0.3) 100.44%); background-image: linear-gradient(100.62deg, rgba(249,215,175,0.3) 0%, rgba(214,202,245,0.3) 24.03%, rgba(198,241,255,0.3) 45.73%, rgba(248,242,222,0.3) 69.05%, rgba(212,179,253,0.3) 100.44%) } .gr-bg1 { background-image: -webkit-linear-gradient(10deg, rgba(249,215,175,0.3) 0%, rgba(214,202,245,0.3) 23.81%, rgba(198,241,255,0.3) 45.3%, rgba(248,242,222,0.3) 68.4%, rgba(212,179,253,0.3) 99.5%); background-image: linear-gradient(80deg, rgba(249,215,175,0.3) 0%, rgba(214,202,245,0.3) 23.81%, rgba(198,241,255,0.3) 45.3%, rgba(248,242,222,0.3) 68.4%, rgba(212,179,253,0.3) 99.5%) } .gr-bg2 { background-image: -webkit-linear-gradient(349.38deg, rgba(249,215,175,0.3) 0%, rgba(214,202,245,0.3) 24.03%, rgba(198,241,255,0.3) 45.73%, rgba(248,242,222,0.3) 69.05%, rgba(212,179,253,0.3) 100.44%); background-image: linear-gradient(100.62deg, rgba(249,215,175,0.3) 0%, rgba(214,202,245,0.3) 24.03%, rgba(198,241,255,0.3) 45.73%, rgba(248,242,222,0.3) 69.05%, rgba(212,179,253,0.3) 100.44%) } .gr-bg3 { background-image: -webkit-linear-gradient(339.41deg, rgba(236,207,254,0.4) 0%, rgba(255,221,221,0.5) 46.79%, rgba(247,255,229,0.7) 100%); background-image: linear-gradient(110.59deg, rgba(236,207,254,0.4) 0%, rgba(255,221,221,0.5) 46.79%, rgba(247,255,229,0.7) 100%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px) } .gr-bg4 { background-image: -webkit-linear-gradient(344.56deg, rgba(255,229,133,0.4) 0%, rgba(189,255,199,0.4) 48.48%, rgba(223,109,223,0.4) 100%); background-image: linear-gradient(105.44deg, rgba(255,229,133,0.4) 0%, rgba(189,255,199,0.4) 48.48%, rgba(223,109,223,0.4) 100%); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px) } .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 } .bg-bottom-right { background-size: auto; background-position: bottom right } .bg-top-right { background-size: auto; background-position: top right } .bg-top-left { background-size: auto; background-position: top left } .bg-attachment { background-attachment: fixed } .text-theme { color: var(--theme-color) !important } .text-theme2 { color: var(--theme-color2) !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="theme2"]:before { background-color: var(--theme-color2) } [data-overlay="title"]:before { background-color: var(--title-color) } [data-overlay="smoke"]:before { background-color: var(--smoke-color) } [data-overlay="gray"]:before { background-color: var(--gray-color) } [data-overlay="white"]:before { background-color: var(--white-color) } [data-overlay="black"]:before { background-color: var(--black-color) } [data-overlay="black4"]:before { background-color: var(--black-color4) } [data-overlay="black7"]:before { background-color: var(--black-color7) } [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 } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .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.7 } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0 } } @keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } 30% { opacity: 0.7 } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0 } } @-webkit-keyframes ripple2 { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0.4 } 50% { opacity: 0.3 } 80% { opacity: 0.2 } 100% { -webkit-transform: scale(2.2); transform: scale(2.2); opacity: 0 } } @keyframes ripple2 { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0.4 } 50% { opacity: 0.3 } 80% { opacity: 0.2 } 100% { -webkit-transform: scale(2.2); transform: scale(2.2); opacity: 0 } } @-webkit-keyframes scrollMove { 0% { opacity: 0 } 50% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px) } } @keyframes scrollMove { 0% { opacity: 0 } 50% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px) } } .ripple-1,.ripple-2,.ripple-3,.ripple-4,.ripple-5 { width: 456px; height: 456px; text-align: center; margin: auto; background-color: transparent; border: 1px solid rgba(87,88,95,0.5); border-radius: 50%; -webkit-animation: ripple2 10s linear infinite; animation: ripple2 10s linear infinite; opacity: 0 } .ripple-1 { -webkit-animation-delay: 0; animation-delay: 0 } .ripple-2 { -webkit-animation-delay: 2s; animation-delay: 2s } .ripple-3 { -webkit-animation-delay: 4s; animation-delay: 4s } .ripple-4 { -webkit-animation-delay: 6s; animation-delay: 6s } .ripple-5 { -webkit-animation-delay: 8s; animation-delay: 8s } .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% 70% 40% } 50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60% } 100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40% } } @keyframes morph { 0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40% } 50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60% } 100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40% } } .jumpAni { -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) } } .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 } @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 titleFill { 0% { width: 0 } 80% { width: 100% } 100% { width: 100% } } @keyframes titleFill { 0% { width: 0 } 80% { width: 100% } 100% { width: 100% } } @-webkit-keyframes lineDown { 0% { -webkit-transform: 0; transform: 0; opacity: 0 } 30% { opacity: 1 } 60% { opacity: 1 } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); opacity: 1 } } @keyframes lineDown { 0% { -webkit-transform: 0; transform: 0; opacity: 0 } 30% { opacity: 1 } 60% { opacity: 1 } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); opacity: 1 } } .swing { -webkit-animation: swing 10s infinite ease-in-out; animation: swing 10s infinite ease-in-out } @-webkit-keyframes swing { 0%,100% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 25% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } 75% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } } @keyframes swing { 0%,100% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 25% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } 75% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } } @-webkit-keyframes scaleUpDown { 0% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.3); transform: scale(1.3) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes scaleUpDown { 0% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.3); transform: scale(1.3) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes roundFill { 0% { width: 0 } 60% { width: 100%; opacity: 1 } 100% { opacity: 0 } } @keyframes roundFill { 0% { width: 0 } 60% { width: 100%; opacity: 1 } 100% { opacity: 0 } } .dance { -webkit-animation: dance 2s alternate infinite; animation: dance 2s alternate infinite } @-webkit-keyframes dance { 0% { -webkit-transform: scale(0.8); transform: scale(0.8) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes dance { 0% { -webkit-transform: scale(0.8); transform: scale(0.8) } 100% { -webkit-transform: scale(1); transform: scale(1) } } .dance2 { -webkit-animation: dance2 4s alternate infinite; animation: dance2 4s alternate infinite } @-webkit-keyframes dance2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 50% { -webkit-transform: translate3d(15px, -15px, 0); transform: translate3d(15px, -15px, 0) } 100% { -webkit-transform: translate3d(0, -15px, 15px); transform: translate3d(0, -15px, 15px) } } @keyframes dance2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 50% { -webkit-transform: translate3d(15px, -15px, 0); transform: translate3d(15px, -15px, 0) } 100% { -webkit-transform: translate3d(0, -15px, 15px); transform: translate3d(0, -15px, 15px) } } @-webkit-keyframes slideTop { 49% { -webkit-transform: translateY(100%); transform: translateY(100%) } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%) } 51% { opacity: 1 } } @keyframes slideTop { 49% { -webkit-transform: translateY(100%); transform: translateY(100%) } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%) } 51% { opacity: 1 } } @-webkit-keyframes zoom1 { 0% { scale: 0.2 } 50% { scale: 1 } 100% { scale: 0.2 } } @keyframes zoom1 { 0% { scale: 0.2 } 50% { scale: 1 } 100% { scale: 0.2 } } @-webkit-keyframes topBottomLine { 0% { top: 0 } 50% { top: calc(100% - 30px) } 100% { top: 0 } } @keyframes topBottomLine { 0% { top: 0 } 50% { top: calc(100% - 30px) } 100% { top: 0 } } .bg-color-ani,.color-animate { -webkit-animation: bgColor 6s linear infinite; animation: bgColor 6s linear infinite } @-webkit-keyframes bgColor { 0% { background-color: #F2BA4C } 25% { background-color: #81F24C } 50% { background-color: #41F27D } 75% { background-color: #0500FF } 100% { background-color: #F2BA4C } } @keyframes bgColor { 0% { background-color: #F2BA4C } 25% { background-color: #81F24C } 50% { background-color: #41F27D } 75% { background-color: #0500FF } 100% { background-color: #F2BA4C } } @-webkit-keyframes footerLine { 0% { left: 40px } 50% { left: 0 } 100% { left: 40px } } @keyframes footerLine { 0% { left: 40px } 50% { left: 0 } 100% { left: 40px } } @-webkit-keyframes fadeLeftRight { 0%,100% { -webkit-transform: translateX(0px); transform: translateX(0px) } 50% { -webkit-transform: translateX(100px); transform: translateX(100px) } } @keyframes fadeLeftRight { 0%,100% { -webkit-transform: translateX(0px); transform: translateX(0px) } 50% { -webkit-transform: translateX(100px); transform: translateX(100px) } } @-webkit-keyframes animate-positive { 0% { width: 0 } } @keyframes animate-positive { 0% { width: 0 } } .fadein,.scalein,.slidetopleft,.slidebottomright,.slideinleft,.slideinright,.slideindown,.slideinup,.rollinleft,.rollinright { opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-name: var(--animation-name); animation-name: var(--animation-name) } .th-ani { -webkit-transition: all 500ms ease; transition: all 500ms ease } .th-ani:hover { -webkit-transform: translate(0, -15px); -ms-transform: translate(0, -15px); transform: translate(0, -15px) } @-webkit-keyframes shine { 100% { left: 125% } } @keyframes shine { 100% { left: 125% } } .swiper-slide-active .fadein { --animation-name: fadein } .swiper-slide-active .scalein { --animation-name: scalein } .swiper-slide-active .slidetopleft { --animation-name: slidetopleft } .swiper-slide-active .slidebottomright { --animation-name: slidebottomright } .swiper-slide-active .slideinleft { --animation-name: slideinleft } .swiper-slide-active .slideinright { --animation-name: slideinright } .swiper-slide-active .slideinup { --animation-name: slideinup } .swiper-slide-active .slideindown { --animation-name: slideindown } .swiper-slide-active .rollinleft { --animation-name: rollinleft } .swiper-slide-active .rollinright { --animation-name: rollinright } @-webkit-keyframes fadein { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadein { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes slideinup { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideinup { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes scroll { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { -webkit-transform: translateX(calc(-100% - var(--gap))); transform: translateX(calc(-100% - var(--gap))) } } @keyframes scroll { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { -webkit-transform: translateX(calc(-100% - var(--gap))); transform: translateX(calc(-100% - var(--gap))) } } @-webkit-keyframes slideinright { 0% { opacity: 0; -webkit-transform: translateX(180px); transform: translateX(180px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideinright { 0% { opacity: 0; -webkit-transform: translateX(180px); transform: translateX(180px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes slideindown { 0% { opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideindown { 0% { opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes slideinleft { 0% { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideinleft { 0% { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes slidebottomright { 0% { opacity: 0; -webkit-transform: translateX(120px) translateY(120px); transform: translateX(120px) translateY(120px) } 100% { opacity: 1; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0) } } @keyframes slidebottomright { 0% { opacity: 0; -webkit-transform: translateX(120px) translateY(120px); transform: translateX(120px) translateY(120px) } 100% { opacity: 1; -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% { opacity: 1; -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% { opacity: 1; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0) } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } 50% { opacity: 1 } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } .dance { -webkit-animation: dance 2s alternate infinite; animation: dance 2s alternate infinite } @keyframes dance { 0% { -webkit-transform: scale(0.8); transform: scale(0.8) } 100% { -webkit-transform: scale(1); transform: scale(1) } } .dance2 { -webkit-animation: dance2 4s alternate infinite; animation: dance2 4s alternate infinite } @keyframes dance2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 50% { -webkit-transform: translate3d(15px, -15px, 0); transform: translate3d(15px, -15px, 0) } 100% { -webkit-transform: translate3d(0, -15px, 15px); transform: translate3d(0, -15px, 15px) } } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideUp { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideUp { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } .slideUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .widget_nav_menu ul,.widget_meta ul,.widget_pages ul,.widget_archive ul,.widget_categories ul,.wp-block-archives ul,.wp-block-categories ul { list-style: none; padding: 0; margin: 0 0 0 0 } .widget_nav_menu a,.widget_meta a,.widget_pages a,.widget_archive a,.widget_categories a,.wp-block-archives a,.wp-block-categories a { display: block; background-color: var(--white-color); margin: 0 0 18px; padding: 0 0 18px; font-size: 16px; line-height: 1.313; color: var(--title-color); -webkit-transition: 0.4s all ease; transition: 0.4s all ease; border-bottom: 1px solid var(--th-border-color) } .widget_nav_menu li,.widget_meta li,.widget_pages li,.widget_archive li,.widget_categories li,.wp-block-archives li,.wp-block-categories li { display: block; position: relative; margin-bottom: 18px } .widget_nav_menu li>span,.widget_meta li>span,.widget_pages li>span,.widget_archive li>span,.widget_categories li>span,.wp-block-archives li>span,.wp-block-categories li>span { color: var(--title-color); text-align: center; position: absolute; right: 0; top: -2px; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; pointer-events: none; min-width: 20px; text-align: right } .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,.wp-block-archives .menu,.wp-block-archives>ul,.wp-block-categories .menu,.wp-block-categories>ul { margin-top: -0.3em; margin-bottom: -0.3em } .widget_nav_menu .menu>li:last-child,.widget_nav_menu>ul>li:last-child,.widget_meta .menu>li:last-child,.widget_meta>ul>li:last-child,.widget_pages .menu>li:last-child,.widget_pages>ul>li:last-child,.widget_archive .menu>li:last-child,.widget_archive>ul>li:last-child,.widget_categories .menu>li:last-child,.widget_categories>ul>li:last-child,.wp-block-archives .menu>li:last-child,.wp-block-archives>ul>li:last-child,.wp-block-categories .menu>li:last-child,.wp-block-categories>ul>li:last-child { border-bottom: 0; margin-bottom: 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,.wp-block-archives .menu>li:last-child>a,.wp-block-archives>ul>li:last-child>a,.wp-block-categories .menu>li:last-child>a,.wp-block-categories>ul>li:last-child>a { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 } .widget_nav_menu a:hover,.widget_meta a:hover,.widget_pages a:hover,.widget_archive a:hover,.widget_categories a:hover,.wp-block-archives a:hover,.wp-block-categories a:hover { color: var(--theme-color) } .widget_nav_menu a:hover ~ span,.widget_meta a:hover ~ span,.widget_pages a:hover ~ span,.widget_archive a:hover ~ span,.widget_categories a:hover ~ span,.wp-block-archives a:hover ~ span,.wp-block-categories a:hover ~ span { color: var(--theme-color) } .widget_nav_menu .sub-menu,.widget_nav_menu .children,.widget_meta .sub-menu,.widget_meta .children,.widget_pages .sub-menu,.widget_pages .children,.widget_archive .sub-menu,.widget_archive .children,.widget_categories .sub-menu,.widget_categories .children,.wp-block-archives .sub-menu,.wp-block-archives .children,.wp-block-categories .sub-menu,.wp-block-categories .children { margin-left: 10px } .wp-block-archives,.wp-block-page-list,.wp-block-categories { list-style: none; padding: 0; margin: 0 } .wp-block-archives>li:last-child,.wp-block-page-list>li:last-child,.wp-block-categories>li:last-child { margin-bottom: 0 } .wp-block-archives>li:last-child>a,.wp-block-page-list>li:last-child>a,.wp-block-categories>li:last-child>a { border-bottom: none; padding-bottom: 0; margin-bottom: 0 } .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 } .wp-block-archives a:not(:hover) { color: inherit } .th-blog ul.wp-block-archives li { margin: 5px 0 } .widget { padding: var(--widget-padding-y, 32px) var(--widget-padding-x, 24px); background-color: transparent; margin-bottom: 40px; position: relative; border: 1px solid var(--th-border-color7) } .widget[data-overlay]:before { z-index: -1 } .widget select,.widget input,.widget .form-select,.widget .form-control,.widget textarea { background-color: var(--white-color) } .widget textarea { min-height: 120px } .widget .form-group>i { background-color: var(--white-color) } .widget.widget_banner3 { position: relative; z-index: 2; height: 763px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 64px } @media (max-width: 1399px) { .widget.widget_banner3 { padding:30px } } .widget.widget_banner3:before { content: ""; position: absolute; inset: 0; background: -webkit-linear-gradient(top, rgba(3,6,14,0.2) -6.75%, #03060E 113.63%); background: linear-gradient(180deg, rgba(3,6,14,0.2) -6.75%, #03060E 113.63%); z-index: -1 } .widget.widget_banner3 .widget-banner { max-width: 380px } .widget.widget_banner3 .title { font-weight: 500; font-size: 40px; letter-spacing: 0.02em; text-transform: capitalize; color: var(--white-color) } @media (max-width: 1399px) { .widget.widget_banner3 .title { font-size:30px; line-height: 38px } } .widget.widget_banner3 .text { font-weight: 400; font-size: 20px; color: var(--white-color); margin-bottom: 50px } .wp-block-archives__label,.widget_title { position: relative; font-size: 24px; font-weight: 500; font-family: var(--title-font); line-height: 1em; margin: -0.12em 0 36px 0; padding-bottom: 20px; border-bottom: 3px solid var(--th-border-color2) } .wp-block-archives__label:after,.widget_title:after { content: ''; position: absolute; bottom: -3px; left: 0; height: 3px; width: 50px; background: var(--theme-color) } .widget-form { --bs-gutter-x: 20px } .widget.widget_search { background-color: var(--gray-color); border-color: transparent } .widget .search-form { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .widget .search-form input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 85px; border: 1px solid var(--th-border-color7); height: 56px; padding-left: 20px } .widget .search-form input:focus { border-color: var(--theme-color) } .widget .search-form button { border: none; font-size: 16px; background-color: var(--theme-color); color: var(--white-color); display: inline-block; padding: 0; width: 40px; height: 40px; text-align: center; position: absolute; top: 8px; right: 8px } .widget .search-form button:hover { background-color: var(--title-color) } .widget.widget_categories ul li a img { margin-right: 6px } .wp-block-tag-cloud,.tagcloud { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin: 0 } .wp-block-tag-cloud a,.tagcloud a { display: inline-block; font-size: 16px; font-weight: 400; font-family: var(--body-font); text-transform: capitalize; line-height: 1; padding: 10px 11px; color: var(--title-color); background-color: var(--smoke-color2); border-radius: 4px } .wp-block-tag-cloud a:hover,.tagcloud a:hover { background-color: var(--theme-color); color: var(--white-color) !important; border-color: var(--theme-color) } .sidebar-gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 320px } .sidebar-gallery .gallery-btn { position: absolute; top: 20px; left: 0; color: var(--white-color); visibility: hidden; opacity: 0; height: 100%; width: 100%; -webkit-transform: none; -ms-transform: none; transform: 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-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 18px } .sidebar-gallery .gallery-btn:hover { color: var(--theme-color) } .sidebar-gallery .gallery-thumb { overflow: hidden; position: relative; border-radius: 20px } .sidebar-gallery .gallery-thumb:before { content: ''; height: 100%; width: 100%; background-color: var(--theme-color); mix-blend-mode: multiply; opacity: 0.8; position: absolute; top: 0; left: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); border-radius: inherit; -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; top: 0 } .sidebar-gallery .gallery-thumb:hover .gallery-btn:hover { color: var(--white-color) } .sidebar-gallery .wp-block-image { overflow: hidden; position: relative; border-radius: 5px; width: 100% !important } .sidebar-gallery .wp-block-image img { width: 100% } .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: 32px } .recent-post:last-child { margin-bottom: 0 } .recent-post .media-img { margin-right: 22px; width: 85px; overflow: hidden; border-radius: 4px; position: relative } .recent-post .media-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .recent-post .media-img:after { content: '\f0c1'; font-family: var(--icon-font); position: absolute; inset: 0; text-align: center; line-height: 85px; font-size: 24px; background-color: rgba(0,0,0,0.7); color: var(--theme-color); pointer-events: none; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .recent-post .post-title { font-weight: 600; font-size: 18px; line-height: 26px; margin: -0.35em 0 10px 0; font-family: var(--body-font); text-transform: capitalize } .recent-post .recent-post-meta { margin-top: -0.3em } .recent-post .recent-post-meta a { text-transform: capitalize; font-size: 14px; color: var(--gray-color3); font-family: var(--body-font) } .recent-post .recent-post-meta a i { margin-right: 8px; 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) } .recent-post:hover .media-img:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .sidebar-area.sidebar-sticky { position: -webkit-sticky; position: sticky; top: 140px; margin-bottom: 40px } @media (max-width: 991px) { .sidebar-area.sidebar-sticky { position:relative; top: auto; margin-bottom: -40px } } .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(--smoke-color2); border: 1px solid var(--th-border-color); border-radius: 0px } .sidebar-area .sidebar-gallery { margin-bottom: 0 !important } .sidebar-area .widget .wp-block-search { margin-bottom: 0 } .sidebar-area .wp-block-search__label,.sidebar-area .wp-block-group__inner-container h2 { position: relative; font-size: 24px; font-weight: 700; font-family: var(--title-font); line-height: 1em; padding-bottom: 20px; margin: -0.12em 0 38px 0 } .sidebar-area .wp-block-search__label:after,.sidebar-area .wp-block-search__label:before,.sidebar-area .wp-block-group__inner-container h2:after,.sidebar-area .wp-block-group__inner-container h2:before { content: ''; height: 3px; width: 100%; background-color: var(--th-border-color); position: absolute; bottom: 0; left: 0 } .sidebar-area .wp-block-search__label:after,.sidebar-area .wp-block-group__inner-container h2:after { background-color: var(--theme-color); width: 40px } .sidebar-area:has(.wp-block-group__inner-container h2) .wp-block-archives__label,.sidebar-area:has(.wp-block-group__inner-container h2) .wp-block-categories__label,.sidebar-area:has(.wp-block-group__inner-container h2) .wp-block-search__label { font-size: 20px; font-weight: 600; padding: 0; margin-bottom: 20px; border: 0 } .sidebar-area:has(.wp-block-group__inner-container h2) .wp-block-archives__label:after,.sidebar-area:has(.wp-block-group__inner-container h2) .wp-block-archives__label:before,.sidebar-area:has(.wp-block-group__inner-container h2) .wp-block-categories__label:after,.sidebar-area:has(.wp-block-group__inner-container h2) .wp-block-categories__label:before,.sidebar-area:has(.wp-block-group__inner-container h2) .wp-block-search__label:after,.sidebar-area:has(.wp-block-group__inner-container h2) .wp-block-search__label:before { display: none } .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 } .download-widget-wrap .th-btn { width: 100% } .download-widget-wrap .th-btn:first-child { margin-bottom: 15px } .download-widget-wrap .th-btn.style2 { color: var(--body-color) } .download-widget-wrap .th-btn.style2:before { background-color: var(--theme-color) } .download-widget-wrap .th-btn.style2:hover { color: var(--white-color); border-color: var(--theme-color) } .widget_info { background: #FFF6F8; border: 1px solid var(--theme-color); position: relative; z-index: 2; padding: 48px 42px 58px 42px } .widget_info:before { content: ""; position: absolute; inset: 10px; background: #FFFFFF; box-shadow: 0px 10px 50px rgba(135,143,151,0.2); z-index: -1 } .widget_info .th-btn { width: 100%; margin-bottom: 10px; display: block } .widget_info .th-video { margin-bottom: 20px } .widget_info .widget_title { font-size: 28px; margin-bottom: 20px } @media (max-width: 1299px) { .widget_info .widget_title { font-size:24px } } .info-list.style2 ul li { padding: 20px 0 } .info-list ul { list-style: none; padding: 0; margin: 0 } .info-list strong { font-weight: 600; color: var(--title-color); display: block; font-size: 18px; position: relative; margin-bottom: 4px } .info-list span { font-weight: 400; color: var(--title-color); display: block } .info-list li { border-bottom: 1px solid var(--th-border-color); padding: 16px 0; padding-left: 10px } .info-list li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0 } .info-list li a { color: var(--body-color) } .info-list li .th-social { margin-top: 10px } .contact_info { position: relative; border: 1px solid var(--theme-color); box-shadow: 0px 10px 50px rgba(135,143,151,0.2); padding: 48px 42px; z-index: 2 } .contact_info:before { content: ""; position: absolute; inset: 10px; background: var(--title-color); box-shadow: 0px 10px 50px rgba(135,143,151,0.2); z-index: -1 } .contact_info .widget_title { color: var(--white-color) } .contact_info .info-card .box-text { font-size: 18px; color: var(--white-color); display: block; margin-bottom: 5px } .contact_info .info-card .box-title { font-family: var(--body-font); font-weight: 400; font-size: 18px; letter-spacing: 0.02em; color: #B7C2CC; border-bottom: 1px solid #506172; margin-bottom: 24px; padding-bottom: 24px } .contact_info .th-social .title { display: block; font-weight: 600; font-size: 18px; letter-spacing: 0.02em; text-transform: capitalize; color: var(--white-color); margin-bottom: 24px } .contact_info .th-social a { --icon-size: 32px; background-color: var(--white-color); border-radius: 50%; font-size: 16px; color: var(--title-color) } .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: 7px 20px; min-width: 100px; font-size: 14px; border-radius: 0; -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: 35px; 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 } .widget_banner { --widget-padding-y: 68px; z-index: -1; overflow: hidden } .widget_banner .title { font-size: 24px; font-weight: 600; line-height: 1.333; color: var(--white-color); margin-bottom: 24px; margin-top: -0.3em } .widget_banner .logo { background: var(--white-color); padding: 16px 43px; display: inline-block; margin-bottom: 25px } .widget_banner .subtitle { color: var(--white-color); font-size: 20px; font-weight: 600; margin-bottom: 6px } .widget_banner .link { font-size: 18px; font-weight: 500; font-family: var(--title-font); color: var(--white-color); margin-bottom: 15px; display: block } .widget_banner .link:hover { color: var(--theme-color) } @media (max-width: 1199px) { .widget_banner .subtitle { font-size:20px; line-height: normal } .widget_banner .title { font-size: 20px; line-height: 1.5 } } .th-video-widget .video-thumb { position: relative } .th-video-widget .play-btn { --icon-size: 60px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .th-video-widget .play-btn i { font-size: 16px } .th-video-widget .video-thumb-title { font-size: 20px; font-weight: 600; line-height: 1.4; margin-top: 10px; margin-bottom: -0.3em } .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 } .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) } .wp-block-latest-comments__comment { line-height: 1.6 } .wp-block-latest-comments__comment a { color: var(--body-color) } .wp-block-latest-comments__comment a:hover { color: var(--theme-color) } .wp-block-latest-comments__comment:last-child { margin-bottom: 0 } .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 #fff; 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 { border: none; padding-bottom: 0 } .wp-block-calendar table caption { color: var(--white-color) } 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 } .sidebar-area .widget_shopping_cart .th-btn { margin-right: 10px; padding: 8px 22px; font-size: 14px } .widget:has(.author-widget-wrap) { padding: 0; overflow: hidden } .author-widget-wrap { text-align: center; position: relative; padding: var(--widget-padding-y, 40px) var(--widget-padding-x, 40px) } .author-widget-wrap .author-tag { background: var(--theme-color); position: absolute; left: 120px; top: -40px; font-size: 24px; font-weight: 800; color: var(--white-color); -webkit-transform: rotate(-45deg) translate(-100%, 0); -ms-transform: rotate(-45deg) translate(-100%, 0); transform: rotate(-45deg) translate(-100%, 0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; padding: 15px 57px } .author-widget-wrap .avater { display: inline-block } .author-widget-wrap .avater img { border-radius: 50%; width: 120px; height: 120px } .author-widget-wrap .name { font-size: 30px; font-weight: 700; margin-top: 22px; margin-bottom: 10px } .author-widget-wrap .meta { display: block; margin-bottom: 4px } .author-widget-wrap .meta a { color: var(--body-color) } .author-widget-wrap .meta a:hover { color: var(--theme-color) } .author-widget-wrap .meta:last-child { margin-bottom: -0.3em } .author-widget-wrap .meta i { color: var(--theme-color2); margin-right: 6px } @media (max-width: 1199px) { .author-widget-wrap .name { font-size:22px } .author-widget-wrap .author-tag { font-size: 18px; left: 100px } } .widget_schedule { background: var(--smoke-color); border-radius: 8px; border: 0 } .widget_schedule .widget_title { padding-bottom: 0; border-bottom: 0; margin-bottom: 20px } .widget_schedule .widget_title:after { display: none } .widget_schedule .checklist { margin-top: 38px; margin-bottom: 20px } .widget_schedule .th-btn { margin-top: 27px } .widget_banner2 .widget-banner { 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; gap: 8px; padding: 24px 0 } .widget_banner2 .widget-banner .icon-btn { --btn-size: 64px; background: var(--theme-color) } .widget_banner2 .widget-banner .box-title { font-size: 18px; font-weight: 500; color: var(--white-color); margin-bottom: 10px } .widget_banner2 .widget-banner .box-link { font-size: 28px; font-weight: 600; color: var(--white-color); margin-bottom: -0.1em; display: block } @media (max-width: 375px) { .widget_banner2 .widget-banner { display:block; padding: 10px 0 } .widget_banner2 .widget-banner .icon-btn { margin-bottom: 20px } } .widget_team_info { border: 0; padding: 0 !important; border-radius: 16px; overflow: hidden; background: var(--smoke-color) } .widget_team_info .widget-thumb img { width: 100% } .widget_team_info .widget-info-wrap { background: var(--title-color); border-radius: 3px; padding: 25px 48px } .widget_team_info .widget-info-wrap .box-title { color: var(--white-color); font-size: 28px; font-weight: 600; margin-bottom: -0.1em } .widget_team_info .widget-info-wrap .box-text { color: var(--white-color); font-size: 18px; font-weight: 400 } .widget-contact-wrap { padding: 56px; position: relative; z-index: 1 } .widget-contact-wrap .widget-logo { margin-bottom: 120px } .widget-contact-wrap .widget_title { border: 0; color: var(--white-color); font-size: 40px; font-weight: 600; padding-bottom: 0; margin-bottom: 58px } .widget-contact-wrap .widget_title:after { display: none } .widget-contact-wrap .widget-contact-list { list-style: none; padding: 0; margin: 0 } .widget-contact-wrap .widget-contact-list li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 24px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .widget-contact-wrap .widget-contact-list li:not(:last-child) { margin-bottom: 48px } .widget-contact-wrap .widget-contact-list li .box-icon { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 70px; height: 70px; line-height: 70px; border: 1px solid var(--light-color); border-radius: 50%; color: var(--theme-color); text-align: center; font-size: 30px } .widget-contact-wrap .widget-contact-list li .box-title { font-size: 24px; font-weight: 600; color: var(--white-color); margin-bottom: 3px } .widget-contact-wrap .widget-contact-list li .box-text { color: var(--light-color) } @media (max-width: 1399px) { .widget-contact-wrap .widget-logo { margin-bottom:60px } } @media (max-width: 1299px) { .widget-contact-wrap { padding:40px 30px } .widget-contact-wrap .widget-logo { margin-bottom: 40px } .widget-contact-wrap .widget_title { margin-bottom: 30px; font-size: 24px } .widget-contact-wrap .widget-contact-list li .box-icon { width: 56px; height: 56px; line-height: 56px; font-size: 20px } } @media (max-width: 375px) { .widget-contact-wrap .widget-contact-list li { display:block } .widget-contact-wrap .widget-contact-list li .box-icon { margin-bottom: 20px } } @media (min-width: 1200px) { .sidebar-shop .widget { padding:30px } } @media (min-width: 992px) { .sidebar-shop .widget { margin-bottom:24px } } @media (max-width: 1199px) { .widget { --widget-padding-y: 30px; --widget-padding-x: 30px } .widget_title { font-size: 22px; margin: -0.12em 0 28px 0 } } @media (max-width: 991px) { .sidebar-area { padding-top:30px } .widget { --widget-padding-y: 40px; --widget-padding-x: 40px } } @media (max-width: 767px) { .widget { padding:30px } } @media (max-width: 375px) { .recent-post .post-title { font-size:16px; line-height: 24px } .recent-post .recent-post-meta a { font-size: 12px } } @media (max-width: 330px) { .recent-post .media-img { margin-right:15px } .recent-post .post-title { font-size: 14px; line-height: 24px } } .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 .form-group>i { color: var(--theme-color); top: 18px } .footer-widget select { background-color: transparent; border: 1px solid var(--th-border-color); -webkit-filter: brightness(9); filter: brightness(9) } .footer-widget .search-form input { background: transparent } .footer-widget .widget_title { max-width: 270px; color: var(--white-color); font-weight: 600; font-size: 24px; margin: -0.12em 0 40px 0; padding: 0 0 0 11px; border: 0 } te .footer-widget .widget_title:before { display: none } .footer-widget .widget_title:after { content: ''; position: absolute; left: 0; top: 3px; height: 17px; width: 3px; background-color: var(--theme-color); opacity: 1; z-index: 1 } .footer-widget .widget_title img { margin: -7px 10px 0 0 } .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: -4px } .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: -4px } .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: 400; padding: 0 0 0 16px; margin-bottom: 24px; font-family: var(--body-font); display: block; max-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding-right: 0; background-color: transparent; border: none; position: relative; box-shadow: none; color: var(--body-color) } .footer-widget.widget_meta a:before,.footer-widget.widget_pages a:before,.footer-widget.widget_archive a:before,.footer-widget.widget_categories a:before,.footer-widget.widget_nav_menu a:before { content: "\f105"; position: absolute; font-weight: 400; font-family: var(--icon-font); left: 0; top: 0; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); font-size: 16px; background-color: transparent; border: none; color: var(--body-color); -webkit-transition: 0.4s; transition: 0.4s } .footer-widget.widget_meta a:after,.footer-widget.widget_pages a:after,.footer-widget.widget_archive a:after,.footer-widget.widget_categories a:after,.footer-widget.widget_nav_menu a:after { display: none } .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) } .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 { color: var(--theme-color); left: 2px } .footer-widget.widget_meta li,.footer-widget.widget_pages li,.footer-widget.widget_archive li,.footer-widget.widget_categories li,.footer-widget.widget_nav_menu li { border: 0; padding-bottom: 0; margin-bottom: 0 } .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; background-color: transparent; color: var(--body-color); line-height: 1; top: 2px } .footer-widget .recent-post { max-width: 300px; margin-bottom: 20px } .footer-widget .recent-post .media-img { max-width: 80px } .footer-widget .recent-post .media-img:after { line-height: 74px } .footer-widget .recent-post .post-title { color: var(--white-color) } .footer-widget .recent-post:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 } .footer-widget .recent-post .recent-post-meta { margin-top: -0.4em } .footer-widget .recent-post .recent-post-meta a { font-weight: 400; line-height: 1.2 } .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) } .footer-widget.widget_rss ul .rsswidget,.footer-widget.wp-block-rss ul .rsswidget { color: var(--white-color) } .footer-widget.widget_rss ul .rsswidget:hover,.footer-widget.wp-block-rss ul .rsswidget:hover { color: var(--theme-color) } .footer-widget.widget_rss ul .rss-date,.footer-widget.wp-block-rss ul .rss-date { color: var(--white-color) } .footer-widget.widget_rss ul .rssSummary,.footer-widget.wp-block-rss ul .rssSummary { color: var(--body-color) } .footer-widget.widget_rss ul cite,.footer-widget.wp-block-rss ul cite { color: var(--theme-color) } .about-logo { margin-bottom: 32px } .th-widget-about { max-width: 400px } .th-widget-about .about-logo { margin-bottom: 30px } .th-widget-about .about-text { margin-bottom: 45px; margin-top: -0.5em } .th-newsletter-widget { max-width: 290px } .th-newsletter-widget .newsletter-form { margin-top: 40px; position: relative; display: block } .th-newsletter-widget .newsletter-form .form-group input { -webkit-backdrop-filter: none; backdrop-filter: none; font-size: 14px; height: 56px; padding: 0 20px; border: 1px solid var(--body-color); border-radius: 0px; width: 400px } .th-newsletter-widget .newsletter-form .form-group input::-webkit-input-placeholder { color: var(--body-color) } .th-newsletter-widget .newsletter-form .form-group input::-moz-placeholder { color: var(--body-color) } .th-newsletter-widget .newsletter-form .form-group input:-ms-input-placeholder { color: var(--body-color) } .th-newsletter-widget .newsletter-form .form-group input::-ms-input-placeholder { color: var(--body-color) } .th-newsletter-widget .newsletter-form .form-group input::placeholder { color: var(--body-color) } .th-newsletter-widget .newsletter-form .form-group:after { display: none } .th-newsletter-widget .newsletter-form .th-btn { min-width: auto; font-size: 16px; font-weight: 400; 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-top: 16px; height: 56px; width: 400px } .th-newsletter-widget .form-group { margin-bottom: 0 } .th-newsletter-widget .check-group { margin-bottom: 20px } .th-newsletter-widget.style2 .newsletter-form .form-group input { border-radius: 8px } .th-newsletter-widget.style2 .newsletter-form .th-btn { border-radius: 8px } .th-newsletter-widget.style3 .newsletter-form .form-group input { border-radius: 0px } .th-widget-instagram .instagram-feeds { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 312px } .th-widget-instagram .insta-thumb { overflow: hidden; position: relative; border-radius: 0px } .th-widget-instagram .insta-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; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); border-radius: inherit; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .th-widget-instagram .insta-thumb img { width: 100%; height: 86px } .th-widget-instagram .insta-thumb .insta-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); background: transparent } .th-widget-instagram .insta-thumb .insta-btn:hover { color: var(--theme-color) } .th-widget-instagram .insta-thumb:hover:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .th-widget-instagram .insta-thumb:hover .insta-btn { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; visibility: visible } .footer-text { margin-top: -0.5em; margin-bottom: 25px } .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 } @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 } .th-header .menu-area { position: relative; z-index: 2 } .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; background-color: var(--white-color); -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.07)); filter: drop-shadow(0 0 10px 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.8); transform: translate3d(0, -40px, 0) scaleY(0.8); 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.8); transform: translate3d(0, -40px, 0) scaleY(0.8); opacity: 0.7 } 100% { -webkit-transform: translate3d(0, 0, 0) scaleY(1); transform: translate3d(0, 0, 0) scaleY(1); opacity: 1 } } .header-logo { padding: 16px 0 } .main-menu a { position: relative; display: block; font-size: 18px; font-weight: 500; letter-spacing: 0.02em; font-family: var(--body-font); color: var(--title-color) } @media (max-width: 1299px) { .main-menu a { font-size:16px } } .main-menu a:hover { color: var(--theme-color) } .main-menu>ul>li { margin: 0 18px } .main-menu>ul>li>a { padding: 41.5px 0 } .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:has(.sub-menu)>a:after,.main-menu ul li:has(.mega-menu)>a:after,.main-menu ul li.menu-item-has-children>a:after { content: "\2b"; position: relative; font-family: var(--icon-font); margin-left: 4px; font-weight: 600; top: 0; font-size: 14px } .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 li:hover ul.mega-menu { visibility: visible; opacity: 1; z-index: 9; -webkit-transform: scaleY(1) translateX(0%); -ms-transform: scaleY(1) translateX(0%); transform: scaleY(1) translateX(0%) } @media (max-width: 1599px) { .main-menu ul li:hover ul.mega-menu { -webkit-transform:scaleY(1) translateX(14%); -ms-transform: scaleY(1) translateX(14%); transform: scaleY(1) translateX(14%) } } .main-menu ul.sub-menu,.main-menu ul.mega-menu { position: absolute; text-align: left; top: 100%; 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-top: 3px solid var(--theme-color); 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,.main-menu ul.mega-menu a { font-size: 16px; 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 9px } .main-menu ul.sub-menu li.menu-item-has-children>a:after { content: "\f105"; float: right; top: 1px } .main-menu ul.sub-menu li.menu-item-has-children:hover:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .main-menu ul.sub-menu li a { position: relative; padding-left: 0; text-transform: capitalize } .main-menu ul.sub-menu li a:before { content: "\f02d"; position: absolute; top: 6px; left: 10px; font-family: var(--icon-font); width: 13px; height: 16px; text-align: center; display: inline-block; font-size: 16px; line-height: 1; color: var(--theme-color); font-weight: 500; opacity: 0; visibility: visible; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out } .main-menu ul.sub-menu li a:hover { padding-left: 23px } .main-menu ul.sub-menu li a:hover:before { visibility: visible; opacity: 1; left: 0; color: var(--theme-color) } .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 } .main-menu .mega-menu-wrap { position: static } .main-menu ul.mega-menu { 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; width: 100%; max-width: var(--main-container); padding: 20px 15px 23px 15px; left: 50%; -webkit-transform: scaleY(0) translateX(-50%); -ms-transform: scaleY(0) translateX(-50%); transform: scaleY(0) translateX(-50%) } @media (max-width: 1599px) { .main-menu ul.mega-menu { -webkit-transform:scaleY(0) translateX(14%); -ms-transform: scaleY(0) translateX(14%); transform: scaleY(0) translateX(14%) } } .main-menu ul.mega-menu li { display: block; width: 100%; padding: 0 15px } .main-menu ul.mega-menu li li { padding: 2px 0 } .main-menu ul.mega-menu li a { display: inline-block; text-transform: capitalize } .main-menu ul.mega-menu>li>a { display: block; padding: 0; padding-bottom: 15px; margin-bottom: 10px; text-transform: capitalize; letter-spacing: 1px; font-weight: 700; color: var(--title-color); border-color: var(--theme-color) } .main-menu ul.mega-menu>li>a::after,.main-menu ul.mega-menu>li>a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 15px; height: 1px; background-color: var(--theme-color) } .main-menu ul.mega-menu>li>a::after { width: calc(100% - 20px); left: 20px } .main-menu ul.mega-menu>li>a:hover { padding-left: 0 } @media (max-width: 1500px) { .main-menu>ul>li { margin:0 13px } } @media (max-width: 1299px) { .main-menu>ul>li { margin:0px 10px !important } } .menu-style1>ul>li { margin: 0 14px } @media (max-width: 1299px) { .menu-style1>ul>li { margin:0 10px } } .menu-style1>ul>li>a { padding: 17px 0; color: var(--white-color) } .menu-style1>ul>li>a:hover { color: var(--theme-color2) } .menu-style1 ul li:has(.sub-menu)>a:after,.menu-style1 ul li:has(.mega-menu)>a:after,.menu-style1 ul li.menu-item-has-children>a:after { color: var(--white-color) } .simple-icon { border: none; background-color: transparent; padding: 0; font-size: 24px; position: relative } .simple-icon:has(.badge) { padding-right: 8px } .simple-icon .badge { top: -8px; right: 0; font-size: 12px } .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: 15px } .header-button .icon-btn .badge { font-size: 12px; top: 0; right: 0; background: var(--theme-color2); color: var(--title-color) } .header-button .icon-btn:hover .badge { background: var(--theme-color); color: var(--white-color) } .header-button .th-btn { font-size: 18px; padding: 21px 48px } .social-links .social-title { font-weight: 500; font-size: 16px; display: inline-block; margin: 0 10px 0 0; color: var(--body-color) } .social-links a { font-size: 14px; display: inline-block; color: var(--body-color); margin: 0 15px 0 0 } .social-links a:last-child { margin-right: 0 !important } .social-links a:hover { color: var(--theme-color) } .header-links ul { margin: 0; padding: 0; list-style-type: none } .header-links li { display: inline-block; font-size: 16px; font-weight: 400; font-family: var(--body-font); line-height: normal } .header-links li:not(:last-child) { margin: 0 45px 0 0 } @media (max-width: 1199px) { .header-links li:not(:last-child) { margin:0 20px 0 0 } } @media (max-width: 575px) { .header-links li:not(:last-child) { margin:0 15px 0 0 } } .header-links li>i { margin-right: 10px } .header-links li,.header-links span,.header-links p,.header-links a { color: var(--white-color) } .header-links a:hover { color: var(--theme-color) } .header-links b,.header-links strong { font-weight: 600; margin-right: 6px } .header-links.social-links li:not(:last-child) { margin: 0 35px 0 0 } .header-links.social-links li:not(:last-child):after { right: -20px } @media (max-width: 375px) { .header-links li:not(:last-child):after { right:-18px } } .header-links.style2 ul { position: relative } .header-links.style2 ul::before { content: ''; position: absolute; left: 54%; top: 55%; width: 1px; height: 14px; background-color: var(--white-color); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .header-links.style2 ul li i { margin-right: 8px } .header-right-wrap li { position: relative } .header-right-wrap li:not(:last-child) { margin: 0 30px 0 0 } @media (max-width: 575px) { .header-right-wrap li:not(:last-child) { margin:0 16px 0 0 } } .header-right-wrap li:not(:last-child)::after { position: absolute; width: 1px; height: 14px; top: 5px; right: -17px; content: ""; background-color: #E7E7E7 } @media (max-width: 1700px) { .header-right-wrap li:not(:last-child)::after { right:-16px } } @media (max-width: 575px) { .header-right-wrap li:not(:last-child)::after { right:-10px } } @media (max-width: 575px) { .header-right-wrap li:nth-child(2)::after { display:none } } @media (max-width: 575px) { .header-right-wrap li .dropdown-toggle { display:none } } .header-right-wrap li .dropdown-toggle::after { margin-left: 5px } .header-top { padding: 11px 0; padding-bottom: 18px; background-color: var(--black-color) } .dropdown-link { position: relative } .dropdown-link>a { color: var(--white-color) } .dropdown-link>a i { color: var(--theme-color); margin-right: 5px } .dropdown-toggle::after { content: "\f078"; border: none; font-family: var(--icon-font); vertical-align: middle; font-weight: 400; margin-left: 12px; margin-top: -1px } .dropdown-menu { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: auto; top: calc(100% + 14px) !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(--th-border-color) } .dropdown-menu li { padding-right: 0; margin-right: 0 } .dropdown-menu li:after { display: none } .dropdown-menu li a { display: block; font-weight: 400; font-size: 14px; line-height: 1.7 } .dropdown-menu a { color: var(--title-color) !important } .dropdown-menu a:hover { color: var(--theme-color) !important } .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(--th-border-color); border-left: 1px solid var(--th-border-color) } .header-icons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; display: flex; gap: 15px } .header-icons .icon-btn { font-size: 18px } .header-icons .icon-btn .badge { font-size: 12px; top: 0; right: 0 } .header-icons .icon-btn:hover .badge { background-color: var(--title-color) } .header-search { position: relative } .header-search input { height: 46px; border: 1px solid var(--th-border-color); width: 500px; max-width: 100% } .header-search input:focus { border-color: var(--theme-color) } @media (max-width: 1199px) { .header-search input { max-width:350px } } .header-search button { display: inline-block; position: absolute; top: 0; right: 0; border: none; background-color: var(--theme-color); color: var(--white-color); width: 50px; height: 46px; line-height: 45px; text-align: center; padding: 0; border-radius: 0 99px 99px 0 } .menu-expand { display: inline-block; font-size: 16px; font-weight: 700; text-transform: uppercase; color: var(--white-color); background-color: var(--theme-color2); padding: 17px 25px; width: 100% } @media (max-width: 1299px) { .menu-expand { font-size:15px } } .menu-expand i { margin-right: 15px } .menu-expand:hover { color: var(--white-color) } .header-default { position: absolute; left: 0; right: 0; top: 0 } .header-default.unittest-header { position: relative } .header-default.unittest-header .menu-area { background: transparent; border-radius: 0px; padding: 0px; margin: 0 } .header-default.unittest-header .logo-bg { display: none } .header-default.unittest-header .icon-btn { border: 1px solid var(--th-border-color); color: var(--title-color) } .header-default.unittest-header .icon-btn:hover { color: var(--white-color) } .header-default .menu-area { background: var(--smoke-color); border-radius: 120px; padding: 0 24px; margin-top: 32px } .header-default .sticky-wrapper.sticky { background: var(--smoke-color) } .header-default .sticky-wrapper.sticky .menu-area { margin-top: 0; padding: 0 } @media (max-width: 1399px) { .header-default .header-button .th-btn { display:none } } @media (max-width: 1199px) { .header-default .menu-area { padding:0 40px 0 30px } } @media (max-width: 991px) { .header-default .menu-area { padding:0 20px } } @media (max-width: 575px) { .header-default .header-logo h2 { font-size:36px } .header-default .header-logo img { max-width: 160px } .header-default .menu-area { padding: 0 12px; margin-top: 20px } } @media (max-width: 375px) { .header-default .menu-area { padding:0 10px } } .sidebar-btn .line,.header-bars .line { display: block; height: 2px; width: 56px; background: var(--title-color); -webkit-transition: 0.4s; transition: 0.4s } .sidebar-btn .line:not(:last-child),.header-bars .line:not(:last-child) { margin-bottom: 13px } .sidebar-btn .line:nth-child(2),.header-bars .line:nth-child(2) { width: 40px } .sidebar-btn:hover .line:nth-child(2),.header-bars:hover .line:nth-child(2) { width: 56px } @media (max-width: 991px) { .sidebar-btn .line,.header-bars .line { width:40px } .sidebar-btn .line:nth-child(2),.header-bars .line:nth-child(2) { width: 26px } .sidebar-btn .line:not(:last-child),.header-bars .line:not(:last-child) { margin-bottom: 9px } .sidebar-btn:hover .line:nth-child(2),.header-bars:hover .line:nth-child(2) { width: 40px } } .sidebar-btn:has(.dots) .simple-icon,.header-bars:has(.dots) .simple-icon { 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-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 6px; height: 24px; width: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .sidebar-btn .dots,.header-bars .dots { width: 4px; height: 4px; background: var(--white-color); border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6px; position: relative; -webkit-transition: 0.4s; transition: 0.4s } .sidebar-btn .dots:after,.sidebar-btn .dots:before,.header-bars .dots:after,.header-bars .dots:before { content: ''; position: relative; display: inline-block; width: 4px; height: 4px; background: var(--white-color); border-radius: 50%; -webkit-transition: 0.4s; transition: 0.4s } .sidebar-btn .dots:before,.header-bars .dots:before { top: -10.5px } .sidebar-btn.header-bars:has(.dots) .simple-icon,.header-bars.header-bars:has(.dots) .simple-icon { 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-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 16px; width: 16px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .sidebar-btn.header-bars:has(.dots):hover .dots,.header-bars.header-bars:has(.dots):hover .dots { background-color: var(--white-color) } .sidebar-btn.header-bars:has(.dots):hover .dots::after,.sidebar-btn.header-bars:has(.dots):hover .dots::before,.header-bars.header-bars:has(.dots):hover .dots::after,.header-bars.header-bars:has(.dots):hover .dots::before { background-color: var(--white-color) } .sidebar-btn.header-bars .dots,.header-bars.header-bars .dots { background-color: var(--title-color) } .sidebar-btn.header-bars .dots::after,.sidebar-btn.header-bars .dots::before,.header-bars.header-bars .dots::after,.header-bars.header-bars .dots::before { background-color: var(--title-color) } .header-layout1 .th-btn:before { background-color: var(--theme-color) } .header-layout1 .sticky-wrapper.sticky { background: none; box-shadow: none } .header-layout1 .sticky-wrapper.sticky .menu-area { background-color: var(--th-body-background); padding: 16px 0 } .header-layout1 .sticky-wrapper.sticky .menu-area .menu-wrapp { background-color: var(--white-color) } .header-layout1 .sticky-wrapper.sticky .header-left .header-button { display: none !important } .header-layout1 .sticky-wrapper.sticky .header-left .header-logo { display: block !important; margin-right: 48px } @media (max-width: 375px) { .header-layout1 .sticky-wrapper.sticky .header-left .header-logo { margin-right:0 } } @media (max-width: 1299px) { .header-layout1 .sticky-wrapper.sticky .search-form { display:none } } .header-layout1 .search-form { position: relative } @media (max-width: 767px) { .header-layout1 .search-form { display:none } } .header-layout1 .search-form input { width: 248px; height: 72px; background: #D3DBE2 } @media (max-width: 1499px) { .header-layout1 .search-form input { width:200px } } @media (max-width: 1299px) { .header-layout1 .search-form input { width:150px } } .header-layout1 .search-form button { position: absolute; top: 20px; right: 15px; background-color: transparent; border: 0; color: var(--title-color) } .header-layout1 .th-menu-toggle { width: 72px; height: 72px; line-height: 65px; margin-right: 0px } @media (max-width: 767px) { .header-layout1 .th-menu-toggle { width:56px; height: 56px; line-height: 45px; margin-right: 10px } } .header-layout1 .header-left .header-button { margin-right: 48px } @media (max-width: 1299px) { .header-layout1 .header-left .header-button { margin-right:25px } } .header-layout1 .main-menu>ul>li>a { padding: 19px 0 } @media (max-width: 1399px) { .header-layout1 .main-menu>ul>li>a { font-size:16px } } @media (max-width: 1399px) { .header-layout1 .main-menu>ul>li { margin:0 10px } } .header-layout1 .header-button { gap: 0px } .header-layout1 .header-button .th-btn { padding: 23px 31.5px; font-weight: 400; background-color: var(--title-color) } @media (max-width: 1399px) { .header-layout1 .header-button .th-btn { padding:23px 25px } } @media (max-width: 1299px) { .header-layout1 .header-button .th-btn { padding:23px 16px; font-size: 16px } } .header-layout1 .header-button .th-btn::after { background-color: var(--theme-color) } .header-layout1 .icon-btn { width: 72px; height: 72px; line-height: 65px; text-align: center; margin: auto; background-color: var(--theme-color); border: none; -webkit-transition: 0.4s; transition: 0.4s } .header-layout1 .icon-btn:hover { background-color: var(--title-color) } @media (max-width: 1199px) { .header-layout1 .icon-btn button:nth-child(1) { display:none } } .header-layout1 .icon-btn button:nth-child(2) { display: none } @media (max-width: 1199px) { .header-layout1 .icon-btn button:nth-child(2) { 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-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } .header-layout1 .menu-area { margin-bottom: -36px } .header-layout1 .menu-area .menu-wrapp { background-color: #EEF1F4 } @media (max-width: 1500px) { .header-layout1 .menu-area { padding:0 12px } } @media (max-width: 575px) { .header-layout1 .header-logo { margin-left:10px } .header-layout1 .header-logo img { max-width: 160px } } @media (max-width: 375px) { .header-layout1 .header-button .icon-btn { --btn-size: 50px } } .header-info { padding: 14px 0 } .header-info-right { 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: 65px } .header-info-item { position: relative; 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 } @media (max-width: 1299px) { .header-info-item:nth-child(1) { display:-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } } @media (max-width: 1199px) { .header-info-item:nth-child(1) { display:none } } @media (max-width: 991px) { .header-info-item:nth-child(2) { display:-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } } @media (max-width: 767px) { .header-info-item:nth-child(2) { display:none } } .header-info-item:not(:last-child) ::after { position: absolute; width: 1px; height: 32px; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -32px; background-color: var(--th-border-color) } .header-info-icon { width: 32px; height: 32px; line-height: 28px; text-align: center; margin: auto; color: var(--theme-color); border: 1px solid var(--th-border-color); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .header-info-icon:hover { background-color: var(--theme-color) } .header-info-icon:hover i { color: var(--white-color) } .header-info-icon i { font-size: 16px } .header-info-content { margin-top: -3px } .header-info-text { font-weight: 400; font-size: 14px; line-height: 1.5; display: block; margin-bottom: 0 } .header-info-title { font-family: var(--body-font); font-weight: 600; font-size: 14px; line-height: 1.2; color: var(--title-color); margin-bottom: 0 } .header-info-title>a { color: var(--title-color) } .header-info-title>a:hover { color: var(--theme-color) } .header-layout2 .main-menu { margin-left: 80px } @media (max-width: 1299px) { .header-layout2 .main-menu { margin-left:0 } } .header-layout2 .main-menu a:hover { color: var(--theme-color) } .header-layout2 .header-button .icon-btn img { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .header-layout2 .header-links li { font-size: 14px } .header-layout2 .main-menu>ul>li>a { padding: 33px 0 } .header-layout2 .main-menu>ul>li>a:hover { color: var(--theme-color) } @media (max-width: 1600px) { .header-layout2 .main-menu ul li { margin:0 8px } } @media (max-width: 1500px) { .header-layout2 .main-menu ul li { margin:0 14px } } @media (max-width: 1299px) { .header-layout2 .main-menu ul li { margin:0 5px } } .header-layout2 .main-menu ul li:has(.sub-menu)>a:after,.header-layout2 .main-menu ul li:has(.mega-menu)>a:after,.header-layout2 .main-menu ul li.menu-item-has-children>a:after { color: var(--title-color) } .header-layout2 .main-menu ul li:has(.sub-menu)>a:hover:after,.header-layout2 .main-menu ul li:has(.mega-menu)>a:hover:after,.header-layout2 .main-menu ul li.menu-item-has-children>a:hover:after { color: var(--theme-color) } .header-layout2 .mega-menu-box .mega-menu-img .btn-wrap .th-btn:hover { color: var(--white-color) } .header-layout2 .main-menu ul.sub-menu { background: var(--white-color); box-shadow: 0px 4px 15px rgba(255,255,255,0.05) } .header-layout2 .menu-area { position: relative; background: var(--white-color); z-index: 2; --shape-width: 25.2% } @media (min-width: 1930px) { .header-layout2 .menu-area { --shape-width: 29% } } @media (max-width: 1799px) { .header-layout2 .menu-area { --shape-width: 23% } } @media (max-width: 1500px) { .header-layout2 .menu-area { --shape-width: 21% } } @media (max-width: 1299px) { .header-layout2 .menu-area { --shape-width: 22% } } @media (max-width: 1199px) { .header-layout2 .menu-area { --shape-width: 33% } } @media (max-width: 991px) { .header-layout2 .menu-area { --shape-width: 40% } } @media (max-width: 767px) { .header-layout2 .menu-area { --shape-width: 53% } } @media (max-width: 375px) { .header-layout2 .menu-area { --shape-width: 60% } } .header-layout2 .menu-area::before { position: absolute; width: var(--shape-width); height: 100px; bottom: 0px; left: 0; content: ""; background-color: var(--theme-color); -webkit-clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%); z-index: -1 } @media (max-width: 1199px) { .header-layout2 .menu-area { padding:6px 0 } } @media (max-width: 575px) { .header-layout2 .menu-area { padding:11px 0 } } .header-layout2 .header-logo { position: relative } @media (max-width: 375px) { .header-layout2 .header-logo { max-width:90px } } @media (min-width: 1600px) { .header-layout2 .header-action { display:block } } @media (max-width: 1599px) { .header-layout2 .header-action { display:none } } .header-layout2 .header-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; gap: 16px } @media (max-width: 375px) { .header-layout2 .header-right { gap:10px } } .header-layout2 .header-search { width: 56px; height: 56px; line-height: 56px; text-align: center; background: none; display: inline-block; border: 1px solid var(--th-border-color) } @media (max-width: 375px) { .header-layout2 .header-search { width:50px; height: 50px; line-height: 50px; font-size: 18px } } .header-layout2 .header-search:hover { color: var(--white-color); background-color: var(--theme-color); border: 1px solid var(--theme-color) } .header-layout2 .header-bars { width: 56px; height: 56px; font-size: inherit; line-height: 50px; text-align: center; background: none; display: inline-block; border: 1px solid var(--th-border-color); border-radius: 0 } .header-layout2 .header-bars:hover { color: var(--white-color); background-color: var(--theme-color); border: 1px solid var(--theme-color) } .header-layout2 .header-bars:hover .bars { -webkit-filter: invert(100%) sepia(2%) saturate(5%) hue-rotate(227deg) brightness(103%) contrast(100%) brightness(1) contrast(1); filter: invert(100%) sepia(2%) saturate(5%) hue-rotate(227deg) brightness(103%) contrast(100%) brightness(1) contrast(1) } .header-layout2 .header-bars.th-mobile-menu-btn { display: none } @media (max-width: 1199px) { .header-layout2 .header-bars.th-mobile-menu-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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 6px } } @media (max-width: 575px) { .header-layout2 .header-logo { margin-right:0 } .header-layout2 .header-logo h2 { font-size: 36px } .header-layout2 .header-logo img { max-width: 160px } } .header-layout3 .menu-area::before { -webkit-clip-path: none; clip-path: none } .header-layout3 .main-menu { margin-left: 0px } @media (max-width: 1500px) { .header-layout3 .main-menu { margin-left:60px } } @media (max-width: 1399px) { .header-layout3 .main-menu { margin-left:18px } } .header-layout3 .header-logo::before { -webkit-clip-path: unset; clip-path: unset; left: -680px } @media (max-width: 1500px) { .header-layout3 .header-logo::before { left:-750px } } @media (max-width: 1399px) { .header-layout3 .header-logo::before { left:-788px } } @media (max-width: 1199px) { .header-layout3 .header-logo::before { left:-750px } } @media (max-width: 1599px) { .header-layout3 .header-action { display:none } } @media (max-width: 767px) { .header-layout3 .header-action { display:none } } @media (max-width: 1199px) { .header-layout3 .header-action { display:block } } @media (max-width: 575px) { .header-layout3 .header-action { display:none } } @media (max-width: 1299px) { .header-layout3 .header-bars.th-offcanvas-btn { display:-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } } @media (max-width: 1199px) { .header-layout3 .header-bars.th-offcanvas-btn { display:none } } .footer-wrapper { --border-color: rgba(255, 255, 255, 0.3); --body-color: #829592; position: relative; z-index: 2; overflow: hidden } .footer-wrapper .social-links a { margin: 0 30px 0 0 } .fa-phone-volume { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .footer-overlay { position: relative } .footer-overlay::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ""; background-color: rgba(8,25,51,0.5) } .widget-area { padding-top: 120px; padding-bottom: 16px } @media (max-width: 991px) { .widget-area { padding-top:80px; padding-bottom: 5px } } .sticky-footer { position: fixed; bottom: 0; left: 0; width: 100% } .footer-links ul { padding: 0; margin: 0 } .footer-links li { position: relative; font-family: var(--body-font); display: inline-block; margin-right: 32px } .footer-links li:last-child { margin-right: 0; padding-right: 0 } .footer-links li:not(:last-child)::after { position: absolute; width: 4px; height: 4px; right: -20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ""; background-color: var(--theme-color) } .footer-links a { font-family: inherit; color: var(--body-color); font-size: 14px } .footer-links a:hover { color: var(--theme-color) } .footer-info a { display: block; color: #B7C2CC } .footer-info a:not(:last-child) { margin-bottom: 16px } .footer-info a:hover { color: var(--theme-color) } .footer-info a:hover .footer-info-icon { color: var(--theme-color); border-color: var(--theme-color) } .footer-info-icon { font-size: 16px; width: 32px; height: 32px; line-height: 32px; display: inline-block; text-align: center; color: var(--white-color); margin-right: 8px; border: 1px solid var(--th-border-color); border-radius: 50%; -webkit-transition: .4s; transition: .4s } .copyright-wrap { padding: 26.5px 0; background-size: 100% auto; border-top: 1px solid rgba(255,255,255,0.2) } .copyright-wrap .copyright-text { color: var(--body-color); font-size: 14px } .copyright-wrap .copyright-text a { color: var(--theme-color) } .copyright-wrap .copyright-text a:hover { color: var(--white-color) } .copyright-wrap.bg-title .copyright-text a:hover { color: var(--theme-color) } .copyright-text { margin: 0 } .copyright-text a { color: var(--theme-color) } .copyright-text a:hover { color: var(--white-color) } .th-social a { width: var(--icon-size, 40px); height: var(--icon-size, 40px); background-color: transparent; color: var(--white-color); border: 1px solid var(--white-color); border-radius: 0; 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .th-social a:hover { background-color: var(--theme-color); border-color: transparent } @media (max-width: 991px) { .footer-wrapper .widget-area { padding-top:var(--section-space-mobile); padding-bottom: 30px } .copyright-text { text-align: center } } .footer-default { --body-color: #B7C2CC } .footer-default .footer-top { border-bottom: 1px solid var(--th-border-color3); padding: 80px 0 } .footer-default .footer-top .client-group-wrap { 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: 40px } .footer-default .footer-top .client-group-wrap .title { color: var(--white-color); font-size: 28px; font-weight: 600; margin-bottom: 0 } .footer-default .footer-top .client-group-wrap .title a { color: var(--white-color) } .footer-default .footer-top .client-group-wrap .title a:hover { color: var(--theme-color) } @media (max-width: 1199px) { .footer-default .footer-top { text-align:center } .footer-default .footer-top .client-group-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .footer-default .footer-top .client-group-wrap .title { font-size: 24px } } @media (max-width: 991px) { .footer-default .footer-top .client-group-wrap { display:block } .footer-default .footer-top .client-group-wrap .title { margin-top: 20px } } @media (max-width: 767px) { .footer-default .footer-top .client-group-wrap .title { font-size:20px } } .footer-layout1 { --body-color: #B7C2CC } .footer-layout1 .footer-widget .widget_title { padding: 0 } .footer-layout1 .footer-widget .widget_title:after { display: none } .footer-layout1 .copyright-wrap { padding: 0 } .footer-layout1 .copyright-wrap .footer-logo { background-color: var(--theme-color); padding: 22px 60px; text-align: center } @media (max-width: 1199px) { .footer-layout1 .copyright-wrap .footer-logo { padding:22px 30px } } .footer-layout1 .copyright-wrap .copyright-text { font-weight: 500; font-size: 16px; color: #B7C2CC } .footer-layout1.footer-sticky .copyright-wrap { padding: 26.5px 0 } .footer-layout3 { overflow: hidden; background: var(--title-color); --body-color: #57585F; background-repeat: no-repeat; background-size: cover } .footer-layout3 .footer-line { border-left: 1px solid var(--th-border-color3); border-right: 1px solid var(--th-border-color3) } .footer-layout3 .footer-top { padding: 32px } .footer-layout3 .footer-author { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 15px 32px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .footer-layout3 .footer-author .author-thumb { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } .footer-layout3 .footer-author .author-title { margin-bottom: 0; font-size: 72px; font-weight: 800; font-family: var(--title-font) } .footer-layout3 .footer-author .author-title a { -webkit-text-stroke: 1px var(--body-color); color: transparent } .footer-layout3 .footer-author .author-title a:hover { color: var(--theme-color); -webkit-text-stroke: 1px var(--theme-color) } @media (max-width: 767px) { .footer-layout3 .footer-author .author-title { font-size:60px } } @media (max-width: 575px) { .footer-layout3 .footer-author .author-title { font-size:40px } } @media (max-width: 575px) { .footer-layout3 .footer-author { -webkit-box-pack:center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } .footer-layout3 .client-group-wrap { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 20px 40px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .footer-layout3 .client-group-wrap .title { color: var(--white-color); font-size: 28px; font-weight: 600; margin-bottom: 0 } .footer-layout3 .client-group-wrap .title a { color: white; text-decoration: underline; text-underline-offset: 5px } .footer-layout3 .client-group-wrap .title a:hover { color: var(--theme-color) } @media (max-width: 767px) { .footer-layout3 .client-group-wrap .title { font-size:24px } } @media (max-width: 991px) { .footer-layout3 .client-group-wrap { -webkit-box-pack:center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } .footer-layout3 .footer-middle { border-top: 1px solid var(--th-border-color3); border-bottom: 1px solid var(--th-border-color3); padding: 32px } .footer-layout3 .footer-links { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 20px 48px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .footer-layout3 .footer-links a { color: var(--white-color); font-size: 16px; font-weight: 400 } .footer-layout3 .footer-links a:hover { color: var(--theme-color) } @media (max-width: 991px) { .footer-layout3 .footer-links { gap:20px 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } .footer-layout3 .copyright-wrap { background: transparent; padding: 23px 0px } .footer-layout3 .copyright-wrap .copyright-text { color: var(--light-color); font-size: 16px } .footer-layout3 .copyright-wrap .footer-links a { color: var(--light-color) } .footer-layout3 .copyright-wrap .footer-links a:hover { color: var(--theme-color) } .footer-layout3 .widget-area { padding-top: 120px; padding-bottom: 70px } @media (max-width: 1199px) { .footer-layout3 .widget-area { padding-top:80px; padding-bottom: 30px } } .footer-layout3 .widget-area .widget_title { padding-left: 0 } .footer-layout3 .widget-area .widget_title:after { display: none } .footer-layout3 .widget-area .row [class*="col-"]:not(:last-child) .widget { position: relative } .footer-layout3 .widget-area .row [class*="col-"]:not(:last-child) .widget::after { position: absolute; width: 1px; height: 352px; top: 0; right: -85px; content: ""; background: -webkit-linear-gradient(45deg, transparent, var(--body-color), transparent); background: linear-gradient(45deg, transparent, var(--body-color), transparent) } @media (min-width: 1501px) and (max-width: 1559px) { .footer-layout3 .widget-area .row [class*="col-"]:not(:last-child) .widget::after { right:-30px } } @media (max-width: 1500px) { .footer-layout3 .widget-area .row [class*="col-"]:not(:last-child) .widget::after { right:-50px } } @media (max-width: 1399px) { .footer-layout3 .widget-area .row [class*="col-"]:not(:last-child) .widget::after { display:none } } .footer-layout3 .footer-widget .about-text { color: var(--th-border-color7) } .footer-layout3 .footer-widget.widget_nav_menu a { color: var(--th-border-color7) } .footer-layout3 .footer-widget.widget_nav_menu a::before { color: var(--th-border-color7) } .footer-layout3 .footer-widget.widget_nav_menu a:hover { color: var(--theme-color) } .footer-layout3 .footer-widget.widget_nav_menu a:hover::before { color: var(--theme-color) } .footer-layout3.footer-overlay { background-repeat: no-repeat; background-position: center; background-size: cover } .footer-layout3.footer-overlay::before { background-color: rgba(7,14,32,0.9) } .breadcumb-menu { max-width: 100%; padding: 0; list-style-type: none; position: relative; margin-bottom: -0.5em; margin-top: 18px } .breadcumb-menu li { display: inline-block; margin-right: 3px; padding-right: 3px; list-style: none; position: relative } .breadcumb-menu li:after { content: "\f101"; position: relative; margin-left: 10px; font-weight: 500; font-size: 16px; color: var(--black-color); font-family: var(--icon-font) } .breadcumb-menu li:last-child { padding-right: 0; margin-right: 0; color: var(--theme-color) } .breadcumb-menu li:last-child:after { display: none } .breadcumb-menu li,.breadcumb-menu a,.breadcumb-menu span { white-space: normal; word-break: break-word; font-weight: 500; font-size: 18px; font-family: var(--title-font); color: var(--black-color) } .breadcumb-menu a:hover { color: var(--theme-color) } .breadcumb-title { font-size: 40px; font-weight: 500; line-height: 1.285; color: var(--title-color); letter-spacing: 0.02em; text-transform: capitalize; margin-bottom: -0.3em; margin-top: -0.3em } .breadcumb-patern,.breadcumb-banner { position: absolute; top: 0; left: 0 } .breadcumb-banner { height: 100%; left: auto; right: -10px; z-index: 2; width: 1091px; -webkit-mask-image: url("../img/bg/breadcrumbs-shape.png"); mask-image: url("../img/bg/breadcrumbs-shape.png"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat } .breadcumb-banner::before { content: ""; position: absolute; inset: 0; background: -webkit-linear-gradient(bottom, rgba(7,14,32,0.3), rgba(7,14,32,0.3)); background: linear-gradient(0deg, rgba(7,14,32,0.3), rgba(7,14,32,0.3)); z-index: 1 } .breadcumb-banner img { object-fit: cover; height: 100%; width: 100% } @media (min-width: 1501px) and (max-width: 1700px) { .breadcumb-banner { width:900px } } @media (max-width: 1500px) { .breadcumb-banner { width:850px } } @media (max-width: 1399px) { .breadcumb-banner { width:800px } } @media (max-width: 1299px) { .breadcumb-banner { width:720px } } @media (max-width: 1199px) { .breadcumb-banner { width:590px } } @media (max-width: 991px) { .breadcumb-banner { width:420px } } @media (max-width: 767px) { .breadcumb-banner { display:none } } .breadcumb-shape { position: absolute; top: 15px; left: 38% } .breadcumb-wrapper { background-color: var(--smoke-color); overflow: hidden; position: relative; z-index: 1 } .breadcumb-wrapper .breadcumb-content { --space: 142px; padding: var(--space) 0; position: relative; z-index: 1 } @media (max-width: 1399px) { .breadcumb-wrapper .breadcumb-content { max-width:500px } } @media (max-width: 991px) { .breadcumb-wrapper .breadcumb-content { max-width:470px } } @media (max-width: 767px) { .breadcumb-wrapper .breadcumb-content { max-width:100%; text-align: center } } .breadcumb-wrapper .breadcumb-thumb { position: relative; z-index: 1; text-align: end; margin: -124px -50px 0px 0 } @media (max-width: 1199px) { .breadcumb-wrapper .breadcumb-content { --space: 120px } .breadcumb-menu li,.breadcumb-menu a,.breadcumb-menu span { font-size: 16px } } @media (max-width: 991px) { .breadcumb-title { font-size:35px } } @media (max-width: 767px) { .breadcumb-title { font-size:40px } } @media (max-width: 575px) { .breadcumb-title { font-size:34px } .breadcumb-wrapper .breadcumb-content { --space: 100px } } .wp-block-query-pagination-numbers,.th-pagination { margin-bottom: 40px } .wp-block-query-pagination-numbers ul,.th-pagination ul { margin: 0; padding: 0 } .wp-block-query-pagination-numbers li,.th-pagination li { display: inline-block; margin: 0 7px; list-style-type: none } @media (max-width: 375px) { .wp-block-query-pagination-numbers li,.th-pagination li { margin:2px 3px } } .wp-block-query-pagination-numbers li:last-child,.th-pagination li:last-child { margin-right: 0 } .wp-block-query-pagination-numbers li:first-child,.th-pagination li:first-child { margin-left: 0 } .wp-block-query-pagination-numbers span,.wp-block-query-pagination-numbers a,.th-pagination span,.th-pagination a { 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; border: none; color: var(--black-color8); background-color: transparent; border: 1px solid var(--th-border-color); width: 48px; height: 48px; line-height: 30px; z-index: 1; font-size: 20px; font-weight: 400 } .wp-block-query-pagination-numbers span.active,.wp-block-query-pagination-numbers span:hover,.wp-block-query-pagination-numbers a.active,.wp-block-query-pagination-numbers a:hover,.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); border-color: var(--theme-color) } .wp-block-query-pagination-numbers span.active i,.wp-block-query-pagination-numbers span:hover i,.wp-block-query-pagination-numbers a.active i,.wp-block-query-pagination-numbers a:hover i,.th-pagination span.active i,.th-pagination span:hover i,.th-pagination a.active i,.th-pagination a:hover i { color: inherit } .wp-block-query-pagination-next { display: inline-block; text-align: center; position: relative; border: none; color: var(--title-color); background-color: var(--smoke-color2); min-width: 56px; height: 56px; line-height: 56px; z-index: 1; font-size: 16px; padding: 0 20px; font-weight: 500; border-radius: 0px; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .wp-block-query-pagination-next.active,.wp-block-query-pagination-next:hover { color: var(--white-color); background-color: var(--theme-color); border-color: var(--theme-color) } @media (max-width: 767px) { .wp-block-query-pagination-numbers span,.wp-block-query-pagination-numbers a,.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.777; padding: 16px 60px 20px 60px; font-weight: 600; display: block; position: relative; background-color: #fff; margin: 40px 0 58px 0; color: var(--title-color3); font-family: var(--body-font); border: 1px solid #D8DDE1 !important; border-radius: 10px } blockquote p,.wp-block-quote p { font-size: inherit; font-family: inherit; margin-top: -0.3em; margin-bottom: 9px; line-height: inherit; color: inherit; width: 100%; position: relative; z-index: 3 } blockquote p a,.wp-block-quote p a { color: inherit } blockquote:before,.wp-block-quote:before { content: ""; position: absolute; top: -1px; left: -1px; height: 50px; width: 33px; background-color: var(--white-color) } blockquote:after,.wp-block-quote:after { content: ""; position: absolute; top: -10px; left: 0px; height: 20px; width: 25px; background-color: var(--theme-color); -webkit-clip-path: path("M2.21945 18.2759C0.775335 16.6762 0 14.8819 0 11.9734C0 6.8553 3.44484 2.26804 8.45438 0L9.70641 2.01506C5.03057 4.65307 4.11643 8.07633 3.75189 10.2347C4.5048 9.82818 5.49044 9.68633 6.45645 9.77992C8.98576 10.0241 10.9795 12.1898 10.9795 14.8819C10.9795 16.2393 10.4625 17.5411 9.54219 18.5009C8.62192 19.4608 7.37376 20 6.07229 20C5.35256 19.9934 4.64126 19.8376 3.97981 19.5416C3.31836 19.2457 2.71996 18.8154 2.21945 18.2759ZM16.24 18.2759C14.7959 16.6762 14.0205 14.8819 14.0205 11.9734C14.0205 6.8553 17.4654 2.26804 22.4749 0L23.7269 2.01506C19.0511 4.65307 18.137 8.07633 17.7724 10.2347C18.5253 9.82818 19.511 9.68633 20.477 9.77992C23.0063 10.0241 25 12.1898 25 14.8819C25 16.2393 24.483 17.5411 23.5627 18.5009C22.6424 19.4608 21.3943 20 20.0928 20C19.3731 19.9934 18.6618 19.8376 18.0003 19.5416C17.3389 19.2457 16.7405 18.8154 16.24 18.2759Z"); clip-path: path("M2.21945 18.2759C0.775335 16.6762 0 14.8819 0 11.9734C0 6.8553 3.44484 2.26804 8.45438 0L9.70641 2.01506C5.03057 4.65307 4.11643 8.07633 3.75189 10.2347C4.5048 9.82818 5.49044 9.68633 6.45645 9.77992C8.98576 10.0241 10.9795 12.1898 10.9795 14.8819C10.9795 16.2393 10.4625 17.5411 9.54219 18.5009C8.62192 19.4608 7.37376 20 6.07229 20C5.35256 19.9934 4.64126 19.8376 3.97981 19.5416C3.31836 19.2457 2.71996 18.8154 2.21945 18.2759ZM16.24 18.2759C14.7959 16.6762 14.0205 14.8819 14.0205 11.9734C14.0205 6.8553 17.4654 2.26804 22.4749 0L23.7269 2.01506C19.0511 4.65307 18.137 8.07633 17.7724 10.2347C18.5253 9.82818 19.511 9.68633 20.477 9.77992C23.0063 10.0241 25 12.1898 25 14.8819C25 16.2393 24.483 17.5411 23.5627 18.5009C22.6424 19.4608 21.3943 20 20.0928 20C19.3731 19.9934 18.6618 19.8376 18.0003 19.5416C17.3389 19.2457 16.7405 18.8154 16.24 18.2759Z") } blockquote cite,.wp-block-quote cite { display: inline-block; font-size: 20px; line-height: 1; font-weight: 500; font-style: normal; font-family: var(--body-font); white-space: nowrap; position: absolute; bottom: -17px; left: 100px; background-color: var(--theme-color); color: var(--white-color); padding: 7px 45px 7px 20px; -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 25px) 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, calc(100% - 25px) 100%, 0% 100%); border-radius: 10px 0 0 10px } blockquote cite br,.wp-block-quote cite br { display: none } blockquote.is-large:not(.is-style-plain),blockquote.is-style-large:not(.is-style-plain),blockquote.style-left-icon,blockquote.has-text-align-right,.wp-block-quote.is-large:not(.is-style-plain),.wp-block-quote.is-style-large:not(.is-style-plain),.wp-block-quote.style-left-icon,.wp-block-quote.has-text-align-right { padding: 40px; margin-bottom: 30px } 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:not(:has(>cite)) p:last-child,.wp-block-quote:not(:has(>cite)) p:last-child { margin-bottom: -0.3em } blockquote p:has(cite),.wp-block-quote p:has(cite) { padding-bottom: 10px } blockquote p cite,.wp-block-quote p cite { margin-top: 20px; margin-bottom: -0.5em; bottom: -32px } .wp-block-pullquote { color: var(--white-color); padding: 0 } @media (max-width: 375px) { .wp-block-pullquote.is-style-solid-color blockquote p { font-size:22px } } blockquote.has-very-dark-gray-color { color: var(--title-color) !important } .wp-block-pullquote blockquote,.wp-block-pullquote p { color: var(--title-color) } .wp-block-pullquote cite { position: absolute; color: var(--white-color) !important } .wp-block-column blockquote,.wp-block-column .wp-block-quote { padding: 40px 15px 40px 15px } .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: 40px 15px 40px 15px } .wp-block-column blockquote cite,.wp-block-column .wp-block-quote cite { font-size: 14px; left: 8px } .wp-block-column blockquote cite:before,.wp-block-column .wp-block-quote cite:before { bottom: 6px } .wp-block-pullquote__citation::before,.wp-block-pullquote cite::before,.wp-block-pullquote footer::before { bottom: 7px } .has-cyan-bluish-gray-background-color blockquote,.has-cyan-bluish-gray-background-color .wp-block-quote { background-color: var(--white-color) } @media (max-width: 1199px) { blockquote,.wp-block-quote { padding:22px 30px } } @media (max-width: 767px) { .wp-block-pullquote.is-style-solid-color blockquote { max-width:90% } blockquote cite,.wp-block-quote cite { font-size: 18px; left: 30px } } @media (max-width: 575px) { .wp-block-quote.is-large:not(.is-style-plain) p,.wp-block-quote.is-style-large:not(.is-style-plain) p { font-size:1.2em } } @media (max-width: 375px) { blockquote cite,.wp-block-quote cite { font-size:18px; padding-left: 22px } blockquote cite:before,.wp-block-quote cite:before { width: 20px } } .blog-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .blog-meta span,.blog-meta a { display: inline-block; font-size: 14px; font-weight: 500; color: var(--black-color8); font-family: var(--body-font); position: relative; margin-right: 30px; line-height: 21px } .blog-meta span i,.blog-meta a i { margin-right: 8px; color: var(--theme-color) !important } .blog-meta span:after,.blog-meta a:after { content: ''; position: absolute; height: 14px; width: 1px; background: var(--black-color8); right: -15px; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .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 { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .blog-radius-img { border-radius: 16px; overflow: hidden } .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: 32px; font-weight: 600; font-size: 40px } @media (max-width: 375px) { .blog-inner-title { font-size:30px } } .blog-inner-title i { color: var(--theme-color); margin-right: 8px } .blog-single { position: relative; margin-bottom: var(--blog-space-y, 62px); background-color: var(--white-color); overflow: hidden } .blog-single:not(.has-post-thumbnail) { overflow: unset } .blog-single .blog-text { max-width: 1077px; margin-bottom: 30px } .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(--title-color); text-align: center; border-radius: 5px } .blog-single .social-links a:hover { color: var(--white-color); background-color: var(--theme-color) } .blog-single .blog-meta { margin: -0.2em 0 20px 0 } .blog-single .blog-content { margin: 0px 0 0 0; padding: 0 0 0; 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); border-radius: 16px; margin-bottom: 40px } .blog-single .blog-img .slick-arrow { --pos-x: 30px; --icon-size: 45px; border: none; background-color: var(--white-color); color: var(--theme-color); box-shadow: none } .blog-single .blog-img .slick-arrow:hover { background-color: var(--theme-color); color: var(--white-color) } .blog-single .blog-img .play-btn { --icon-size: 89px; position: absolute; left: 50%; top: 50%; margin: calc(var(--icon-size) / -2) 0 0 calc(var(--icon-size) / -2) } .blog-single .blog-img .play-btn i { background-color: var(--theme-color); color: var(--white-color) } .blog-single .blog-img .play-btn::after,.blog-single .blog-img .play-btn::before { background-color: var(--white-color); opacity: 0.2 } .blog-single .blog-img .play-btn:hover i { background-color: var(--white-color); color: var(--theme-color) } .blog-single .blog-img .play-btn:hover::after,.blog-single .blog-img .play-btn:hover::before { background-color: var(--white-color) } .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 .th-slider .slider-arrow { --pos-x: 20px } .blog-single:hover .blog-img .slick-arrow { opacity: 1; visibility: visible } .blog-details .blog-meta { margin: -0.15em 0 20px 0 } .blog-details .blog-single { margin-bottom: 80px } .blog-details .blog-single .blog-img { border-radius: 0 } .blog-details .blog-single .blog-img img { width: 100% } .blog-details .page-title { color: var(--title-color4) } .blog-details .checklist li { font-family: var(--body-font); color: var(--black-color8) } .share-links-title { font-size: 18px; color: var(--title-color); font-weight: 500; margin: 0 13px 0 0; display: inline-block } .share-links { margin: 70px 0 0 0; border-top: 1px solid var(--th-border-color4); padding: 24px 0 0 } .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 { gap: 10px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex } .share-links .wp-block-tag-cloud a,.share-links .tagcloud a { background: transparent; box-shadow: none; border: 1px solid var(--th-border-color); padding: 12px 25px; font-size: 14px; font-weight: 400; font-family: var(--title-font); color: var(--title-color) } .share-links .wp-block-tag-cloud a:hover,.share-links .tagcloud a:hover { background: var(--theme-color) } .share-links .th-social { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex } .blog-author { background: var(--smoke-color2); margin: 40px 0; padding: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 30px; border-radius: 10px } .blog-author .author-img { border-radius: 50%; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; background: var(--smoke-color); -webkit-align-self: self-start; -ms-flex-item-align: self-start; align-self: self-start; display: inline-block } .blog-author .author-img img { width: 130px; height: 130px; object-fit: cover; border-radius: 50% } .blog-author .media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center } .blog-author .media .media-body .th-social { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex } .blog-author .author-name { font-weight: 500; font-size: 20px; margin-bottom: 3px } .blog-author .author-name a { color: var(--title-color) } .blog-author .author-name a:hover { color: var(--theme-color) } .blog-author .author-desig { color: var(--theme-color); font-size: 14px; font-weight: 500 } .blog-author .author-text { margin-bottom: -0.3em } @media (max-width: 1399px) { .share-links { --blog-space-x: 20px } } @media (max-width: 1199px) { .blog-author { display:block; --blog-space-y: 40px; --blog-space-x: 30px } .blog-author .author-img { margin-bottom: 25px } } @media (max-width: 991px) { .blog-author,.share-links { --blog-space-x: 40px } } @media (max-width: 767px) { .blog-author,.share-links { --blog-space-x: 20px } .blog-inner-title { margin-bottom: 22px } .blog-details .blog-single { --blog-space-x: 20px; --blog-space-y: 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 .blog-meta span,.blog-single .blog-meta a { padding-right: 3px } .blog-single .blog-meta span:after,.blog-single .blog-meta a:after { display: none } .blog-single .share-links-title { font-size: 18px; display: block; margin: 0 0 10px 0 } } @media (max-width: 575px) { blockquote,.wp-block-quote { padding:20px 20px 30px } blockquote:before,.wp-block-quote:before { right: 30px } .blog-author { padding: 20px } } .th-comment-form { margin-bottom: 30px; position: relative; margin-right: 16px } @media (max-width: 991px) { .th-comment-form { margin:0 } } .th-comment-form .row { --bs-gutter-x: 20px } .th-comment-form .blog-inner-title { margin-bottom: 0px } .th-comment-form .form-title { margin-bottom: 30px } .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 } .th-comment-form .th-btn { padding: 19px 30px } .blog-comment-area { margin-bottom: 25px } .th-comment-form.blog-comment-wrap { background-color: var(--smoke-color2) } .th-comments-wrap { margin-top: var(--blog-space-y, 40px); margin-right: 16px; padding-bottom: 64px } .th-comments-wrap .description p:last-child { margin-bottom: -0.5em } .th-comments-wrap .comment-respond { margin: 30px 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; background: #F0F0F0; padding: 30px } .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; margin-bottom: -30px } .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: 24px; overflow: hidden } .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; position: relative } .th-comments-wrap .commented-on { font-size: 14px; display: inline-block; margin-bottom: 12px; font-weight: 400; color: var(--body-color) } .th-comments-wrap .commented-on i { color: var(--theme-color); margin-right: 7px; font-size: 0.9rem } .th-comments-wrap .name { margin-bottom: 5px; font-size: 16px; font-weight: 700 } .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: -0.3rem } .th-comments-wrap .children { margin: 0; padding: 0; list-style-type: none; margin-left: 80px } .th-comments-wrap .reply_and_edit { margin-top: 0px; margin-bottom: -0.46em; position: absolute; top: 0; right: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .th-comments-wrap .reply_and_edit a { margin-right: 10px } .th-comments-wrap .reply_and_edit a:last-child { margin-right: 0 } .th-comments-wrap .reply-btn { font-weight: 500; font-size: 14px; text-transform: uppercase; display: inline-block; color: var(--theme-color) } @media (max-width: 450px) { .th-comments-wrap .reply-btn { font-size:12px; padding: 4px 12px } } .th-comments-wrap .reply-btn i { margin-right: 7px } .th-comments-wrap .reply-btn:hover { color: var(--title-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:last-child >.th-post-comment { border-bottom: none } ul.comment-list .th-comment-item:first-child >.th-post-comment { padding-bottom: 30px } .th-comments-wrap.th-comment-form { margin: 0 } @media (max-width: 1399px) { .th-comment-form,.th-comments-wrap { margin-right:0 } } @media (max-width: 1199px) { .th-comments-wrap .children { margin-left:40px } } @media (max-width: 767px) { .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-comments-wrap .children { margin-left: 30px } } @media (max-width: 767px) { .th-comment-form { --blog-space-x: 20px } } .th-hero-wrapper { position: relative; z-index: 2; overflow: hidden } @media (max-width: 1299px) { .th-hero-wrapper .hero-text-wrap { margin-top:-60px } } @media (max-width: 991px) { .th-hero-wrapper .hero-text-wrap { margin-top:0 } } .th-hero-bg { position: absolute; inset: 0; z-index: -1 } .th-hero-bg img { height: 100%; width: 100%; object-fit: cover; background-size: cover } .hero-1 { position: relative; height: 600px; overflow: hidden; } .hero-1 .th-hero-bg::before { content: ""; position: absolute; inset: 0; background: -webkit-linear-gradient(right, rgba(3,6,14,0) -46.25%, rgba(3,6,14,0.7) 68.02%); background: linear-gradient(270deg, rgba(3,6,14,0) -46.25%, rgba(3,6,14,0.7) 68.02%) } .hero-1 .slider-pagination { position: absolute; right: 150px; left: auto !important; bottom: 18.5% !important; margin: 0; width: auto !important; height: auto; -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%) } .hero-1 .slider-pagination .swiper-pagination-bullet { border-color: #D3DBE2 } @media (max-width: 1199px) { .hero-1 .slider-pagination { display:none } } @media (max-width: 991px) { .hero-1 .hero-video { padding:0 0 160px 0 } } @media (max-width: 575px) { .hero-1 .hero-video { padding:0 0 100px 0 } } .hero-1 .video-play-btn { width: 89px; height: 89px; line-height: 89px; font-size: 30px; color: #f18a27; display: flex; align-items: center; justify-content: center; } .hero-style1 { padding:120px 25px; width: 1140px; /* max-width: 694px; */ height:100%; } @media (max-width: 1299px) { .hero-style1 { padding:210px 0 210px 0 } } @media (max-width: 991px) { .hero-style1 { padding:0px 0px; text-align: center } } @media (max-width: 575px) { .hero-style1 { padding:30px 0px; } } .hero-style1 .hero-title { font-family: 'Yantramanav', sans-serif; color: #19232B; font-weight: bold; margin-bottom: 30px; font-size:45px; } .hero-style1 .hero-title span{ color: #ef8f26; } .hero-style1 .hero-text { font-weight: 400; margin-bottom: 50px; max-width: 695px; font-family: 'Poppins', sans-serif !important; color: #757F95; font-size:16px } @media (max-width: 767px) { .hero-style1 .hero-text { max-width:100% } } .hero-style1 .th-btn { color: var(--white-color); padding: 16px 10px; } @media (max-width: 375px) { .hero-style1 .th-btn { padding:15px 20px } } .hero-style1 .th-btn .th-arrow { -webkit-filter: brightness(1) contrast(1); filter: brightness(1) contrast(1) } .hero-2 { overflow: hidden } .hero-2::before { content: ''; position: absolute; inset: 0; background: -webkit-linear-gradient(right, rgba(3,6,14,0) -7.32%, rgba(3,6,14,0.6) 51.2%); background: linear-gradient(270deg, rgba(3,6,14,0) -7.32%, rgba(3,6,14,0.6) 51.2%) } .hero-2 .hero-image { position: absolute; right: 70px; bottom: 0 } @media (max-width: 1500px) { .hero-2 .hero-image { right:0px } } @media (max-width: 991px) { .hero-2 .hero-image { position:relative } } .hero-2-social { position: absolute; left: 80px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2 } @media (max-width: 1500px) { .hero-2-social { display:none !important } } .hero-2 .th-social a { width: 40px; height: 40px; line-height: 40px; border: 1px solid var(--th-border-color); display: block } .hero-2 .th-social a:not(:last-child) { margin-bottom: 16px } .hero-2 .th-social a:hover { /* border: 1px solid var(--theme-color) */ } .hero-2-inner { position: relative } @media (max-width: 1199px) { .hero-2-inner .hero-text { text-align:center } } .hero-slider2 { position: relative } .hero-slider2 .slider-pagination { position: absolute; right: 150px; left: auto !important; bottom: 16.5% !important; margin: 0; width: auto !important; height: auto; -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%) } @media (max-width: 1199px) { .hero-slider2 .slider-pagination { bottom:3.5% !important; left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); right: unset } } .hero-slider2 .slider-pagination .swiper-pagination-bullet { border-color: var(--white-color) } .hero-style2 { position: relative; z-index: 6; padding: 220px 0 232px 0 } @media (max-width: 1199px) { .hero-style2 { padding:160px 0 180px 0 } } @media (max-width: 991px) { .hero-style2 { padding:130px 0 80px 0 } } @media (max-width: 575px) { .hero-style2 { padding:90px 0 80px 0 } } .hero-style2 .hero-title { font-weight: 500 } .hero-style2 .hero-text { max-width: 694px; margin-bottom: 50px } @media (max-width: 1199px) { .hero-style2 .hero-text { max-width:100% } } .hero-style2 .th-btn { padding: 19px 25px; color: var(--white-color) } .hero-style2 .th-btn .th-arrow { -webkit-filter: brightness(1) contrast(1); filter: brightness(1) contrast(1) } @media (max-width: 991px) { .hero-style2 { text-align:center } .hero-style2 .hero-text { margin-left: auto; margin-right: auto } .hero-style2 .btn-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; display: flex; align-items: center; justify-content: center } } .hero-style3 { padding: 188px 0; padding-left: 72px } @media (max-width: 1199px) { .hero-style3 { padding-left:30px } } @media (max-width: 991px) { .hero-style3 { padding:120px 0 70px 0; text-align: center } } @media (max-width: 767px) { .hero-style3 { padding:90px 0 70px 0 } } @media (max-width: 991px) { .hero-style3 .hero-title { font-size:45px } } @media (max-width: 575px) { .hero-style3 .hero-title { font-size:38px } } @media (max-width: 375px) { .hero-style3 .hero-title { font-size:34px } } .hero-style3 .hero-text { font-size: 18px; max-width: 750px; margin-bottom: 50px } .hero-3 { background-color: var(--theme-color) } .hero-3 .th-hero-bg { margin-left: 150px } @media (max-width: 1799px) { .hero-3 .th-hero-bg { margin-left:50px } } @media (max-width: 991px) { .hero-3 .th-hero-bg { margin:0 } } .hero-3 .th-hero-bg:before { content: ""; position: absolute; inset: 0; background: -webkit-linear-gradient(178.27deg, rgba(3,6,14,0) -39.89%, rgba(3,6,14,0.7) 77.99%); background: linear-gradient(271.73deg, rgba(3,6,14,0) -39.89%, rgba(3,6,14,0.7) 77.99%) } .hero-3 .slider-pagination { position: absolute; top: 38%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 48px } @media (max-width: 1799px) { .hero-3 .slider-pagination { left:0 } } @media (max-width: 991px) { .hero-3 .slider-pagination { top:86%; width: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } } @media (max-width: 575px) { .hero-3 .slider-pagination { display:none !important } } .hero-3 .slider-pagination::before,.hero-3 .slider-pagination::after { width: 1px; height: 130px; position: absolute; content: ""; left: 20px; top: 154px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: var(--th-border-color) } @media (max-width: 991px) { .hero-3 .slider-pagination::before,.hero-3 .slider-pagination::after { display:none } } .hero-3 .slider-pagination::after { top: -188px } .hero-3 .slider-pagination .swiper-pagination-bullet { display: block; margin-bottom: 16px; background-color: transparent; border: 1px solid rgba(211,219,226,0.5) } .hero-3 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var(--white-color) } .hero-3 .slider-pagination .swiper-pagination-bullet:before { background-color: var(--white-color) } @media (max-width: 991px) { .hero-3 .slider-pagination .swiper-pagination-bullet { display:inline-block; margin-bottom: 0 } } .hero-3 .slider-pagination .swiper-pagination-bullet:last-child { margin-bottom: 0 } .hero-3 .hero-video { text-align: center } @media (max-width: 991px) { .hero-3 .hero-video { margin-bottom:120px } } .hero-3 .hero-video .video-play-btn { width: 90px; height: 90px; line-height: 90px } .hero-3 .hero-video .video-play-btn i { font-size: 30px; color: var(--theme-color) } .hero-3 .hero-search-wrap { max-width: 685px; position: relative; margin-top: 2px } @media (max-width: 1299px) { .hero-3 .hero-search-wrap { max-width:590px } } @media (max-width: 991px) { .hero-3 .hero-search-wrap { max-width:100% } } .hero-3 .hero-search-wrap input { font-size: 14px; border-radius: 0; height: 56px } .hero-3 .hero-search-wrap button[type="submit"] { position: absolute; right: 0; height: 56.5px; border: 0; width: 56px; 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: var(--theme-color); color: var(--white-color); -webkit-transform: 0.4s; -ms-transform: 0.4s; transform: 0.4s } .hero-3 .hero-search-wrap button[type="submit"]:hover { background-color: var(--title-color) } .error-page-wrap { background: var(--smoke-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; border-radius: 16px; overflow: hidden } @media (max-width: 991px) { .error-page-wrap { display:block } } .error-content { text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; padding: 20px } @media (max-width: 991px) { .error-content { padding:60px 30px } } .error-content .page-title { margin-bottom: 14px !important } .error-content .page-title:before { display: none } .error-content .th-btn { padding: 19px 25px } .error-img { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .error-img img { height: 100%; width: 100%; object-fit: cover } .popup-search-box { position: fixed; top: 0; left: 50%; background-color: rgba(19,24,43,0.9); 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; line-height: 58px; position: absolute; top: 40px; right: 40px; border-width: 2px; 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(--white-color) } .popup-search-box button.searchClose:hover { color: var(--white-color); border-color: var(--theme-color); background: var(--theme-color); -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 } } @media (max-width: 575px) { .popup-search-box form { max-width:400px } } @media (max-width: 375px) { .popup-search-box form { max-width:300px } } .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; padding-right: 80px } .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 .info-box_link { color: var(--title-color) } .sidemenu-wrapper .info-box_link:hover { color: var(--theme-color) } .sidemenu-wrapper .th-newsletter-widget .newsletter-form input { color: var(--title-color); -webkit-transition: 0.4s ease-in; transition: 0.4s ease-in } .sidemenu-wrapper .th-newsletter-widget .newsletter-form input:focus { border-color: var(--theme-color) } .sidemenu-wrapper .newsletter-widget .newsletter-form .th-btn:hover { color: var(--title-color) } .sidemenu-wrapper .th-social a { box-shadow: none; color: var(--title-color) } .sidemenu-wrapper .closeButton { border: 2px solid; width: 50px; height: 50px; 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-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; 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: 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 } @media (max-width: 575px) { .sidemenu-wrapper { background:transparent } .sidemenu-wrapper .sidemenu-content { width: 100% } .sidemenu-wrapper .sidemenu-content .widget_shopping_cart .th-btn { margin-bottom: 10px } } .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: 500; margin-bottom: 15px; border-radius: 0px } .woocommerce-message a,.woocommerce-info a { color: var(--white-color); text-decoration: underline } .woocommerce-message a:hover,.woocommerce-info a:hover { color: var(--theme-color2) } .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(--theme-color2) } .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; border-radius: 0px } @media (max-width: 575px) { .woocommerce-form-register,.woocommerce-form-coupon,.woocommerce-form-login { padding:40px 20px; border-radius: 10px } } .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-error { background-color: var(--error-color); color: #fff; list-style: none; padding: 10px 26px; margin: 0 0 30px 0; border-radius: 0; font-weight: 500; 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(--th-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-grouped-product-list-item__label:after,.woocommerce-grouped-product-list-item__price:after { display: none } .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: 24px; margin-bottom: 5px } #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: 14px } .star-rating:before { content: "\e28b\e28b\e28b\e28b\e28b"; 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: "\e28b\e28b\e28b\e28b\e28b"; top: 0; position: absolute; left: 0; color: var(--theme-color); 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: "\e28b"; font-weight: 400; text-indent: 0; color: var(--yellow-color) } .rating-select p.stars a:hover ~ a::before { content: "\e28b"; font-weight: 400 } .rating-select p.stars:hover a::before { content: "\e28b"; font-weight: 700 } .rating-select p.stars.selected a.active::before { content: "\e28b"; font-weight: 700 } .rating-select p.stars.selected a.active ~ a::before { content: "\e28b"; font-weight: 400 } .rating-select p.stars.selected a:not(.active)::before { content: "\e28b"; 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 } } .th-product { text-align: center; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; background-color: var(--white-color); box-shadow: 0px 3px 15px rgba(0,0,0,0.05); padding: 18px } .th-product .product-title { font-size: 20px; margin: 4px 0 6px 0; font-weight: 500 } .th-product .product-title a { color: inherit } .th-product .product-title a:hover { color: var(--theme-color) } .th-product .product-category { color: var(--body-color); margin-bottom: 0px; display: block } .th-product .product-category:hover { color: var(--theme-color) } .th-product .category,.th-product .product-tag { font-size: 14px; position: absolute; top: 10px; left: 10px; background-color: var(--theme-color); color: var(--white-color); padding: 0 12px; min-width: 60px; z-index: 3; line-height: 24px } .th-product .woocommerce-product-rating { 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: 5px; margin-top: 8px; margin-bottom: 5px } .th-product .star-rating { margin: 0 auto 0 auto; width: 93px } .th-product .price { display: block; color: var(--body-color); font-weight: 500; margin-bottom: -0.4em; font-family: var(--body-font) } .th-product .price del { margin-left: 10px; color: #a9a9a9 } .th-product .product-img { --space: 0px; background-color: var(--smoke-color2); overflow: hidden; position: relative; margin: 0 0 23px 0; text-align: center; z-index: 2 } .th-product .product-img:before { --space: 0px; content: ''; height: calc(100% - var(--space)*2); width: calc(100% - var(--space)*2); border-radius: inherit; position: absolute; top: var(--space); left: var(--space); background-color: var(--title-color); z-index: 1; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); 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 .actions { height: 100%; position: absolute; top: 5px; right: 10px; text-align: center; z-index: 3; opacity: 0; visibility: hidden; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; display: grid; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; width: 40px } .th-product .actions .woosw-btn,.th-product .actions .icon-btn { --btn-size: 40px; width: 40px; height: 40px; line-height: 40px; display: block; font-size: 14px; border-color: var(--theme-color); color: var(--white-color); margin-bottom: 10px; box-shadow: 0px 3px 10px rgba(0,0,0,0.08); background: var(--theme-color) } .th-product .actions .woosw-btn:hover,.th-product .actions .icon-btn:hover { color: var(--white-color); background: var(--title-color); border-color: var(--title-color) } .th-product .actions>* { margin: 0 0 } .th-product .actions>*>a { margin: 0 } .th-product .woosw-btn .icon-btn { -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(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: 0; 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 { display: block; width: 40px; height: 40px; line-height: 38px; background-color: var(--title-color); color: var(--white-color); font-size: 0; text-align: center; border-radius: 99px; border: none; margin-bottom: 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(--theme-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 { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); visibility: visible; opacity: 0.50 } .th-product:hover .actions { margin-top: 0; opacity: 1; visibility: visible } .th-product:hover .woosw-btn,.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%; padding: 10px } .th-product.list-view .product-img { --space: 0px; width: 100%; width: 87px; margin: 0; border-radius: 10px } .th-product.list-view .product-img:before { --space: 0px } .th-product.list-view .product-category { font-size: 13px; line-height: 23px; margin-top: -3px } .th-product.list-view .star-rating { margin: 5px 0 0 0; width: 93px; font-size: 12px } .th-product.list-view .product-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; 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 4px 0 13px } .th-product.list-view .actions { --icon-gap-x: 2px; width: 100%; right: 0; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .th-product.list-view .actions .icon-btn { --btn-size: 36px; --btn-font-size: 14px; background-color: var(--theme-color2); color: var(--white-color); border: none } .th-product.list-view .actions .icon-btn:hover { background-color: var(--title-color) } .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 .tag { top: 8px; right: 8px; padding: 0px 15px } .th-product.list-view .product-title { font-size: 14px; margin: 0 } .th-product.list-view .price { font-weight: 600; font-size: 13px; line-height: 23px; color: var(--theme-color) } .product-list-area { margin-bottom: -24px } #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: 20px; padding-bottom: 20px } .mfp-content .container { position: relative } .mfp-content .product-big-img { margin-top: 12px; margin-bottom: 12px } .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 { border-radius: 10px } .woosq-popup .product_meta>span>a:after,.woosq-popup .product_meta>span>span:after { display: none } .woosq-product>.product .summary { display: grid; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center } .woosq-product .thumbnails .slick-list { display: block } .woosq-product .thumbnails .slick-dots li button { width: 12px; height: 12px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background-color: var(--theme-color); opacity: 0.4 } .woosq-product .thumbnails .slick-dots li button:before { display: none } .woosq-product .thumbnails .slick-dots li.slick-active button { opacity: 1 } .woosq-product .tinv-wraper { display: none } .th-sort-bar { padding: 10px; margin: 0 0 24px 0; background-color: var(--smoke-color2); border-radius: 8px } .th-sort-bar .row { --bs-gutter-x: 0; --bs-gutter-y: 15px } .th-sort-bar select { height: 50px; border: 1px solid var(--th-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; 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(--th-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; border-radius: 5px } .th-sort-bar .nav a.active,.th-sort-bar .nav a:hover { color: var(--theme-color) } .product-thumb-area { position: relative; margin-right: 10px } .product-thumb-area .product-thumb-tab { position: absolute; top: 0; left: 0 } .product-thumb-tab { --thumb: 120px; --gap: 10px; max-width: var(--thumb); margin-left: calc(0px - var(--thumb)/2); position: relative; z-index: 3; display: grid; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; height: 100% } .product-thumb-tab .tab-btn { background-color: var(--white-color); cursor: pointer; height: var(--thumb); width: var(--thumb); padding: var(--gap) } .product-thumb-tab .tab-btn img { max-width: 100% } .product-thumb-tab .tab-btn:not(:last-of-type) { margin-bottom: 20px } .product-thumb-tab .indicator { position: absolute; top: calc(var(--pos-y) + var(--gap)); left: calc(var(--pos-x) + var(--gap)); width: calc(var(--width-set) - var(--gap)*2); height: calc(var(--height-set) - var(--gap)*2); border: 2px solid var(--theme-color); pointer-events: none; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .product-big-img { background-color: var(--smoke-color2); text-align: center; overflow: hidden } .product-big-img .img { width: 100% } .product-big-img .img img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .product-big-img .slider-pagination { position: absolute; bottom: 40px; left: 0 } .product-big-img .slick-dots { margin: -11px 0 0 0 !important; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); --border-color: #c0c0c0 } .img-magnifier-container { position: relative } .img-magnifier-glass { position: absolute; box-shadow: inset 0 10px 18px rgba(0,0,0,0.2); border-radius: 50%; cursor: none; width: 200px; height: 200px } .magnify { position: relative; cursor: none } .magnify .magnifier { height: 180px; width: 180px; position: absolute; z-index: 20; box-shadow: inset 0 10px 18px rgba(0,0,0,0.2); border-radius: 50%; background-size: 700%; background-repeat: no-repeat; margin-left: -90px !important; margin-top: -90px !important; pointer-events: none; display: none } .magnify .magnified { display: block; z-index: 10; margin: auto; width: 100%; height: 100% } .magnify img { width: 100%; height: 100% } .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 var(--smoke-color2); margin: 95px auto 40px auto; padding-bottom: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 24px } .product-tab-style1 .th-btn.active { background: var(--title-color); color: var(--white-color) } #productTabContent { margin-bottom: -10px } #additional_information { 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-title,.product-about .product-title { margin: 0 0 14px 0 } .summary-content .product_title,.product-about .product_title { margin-bottom: 20px !important } .summary-content>.price,.product-about>.price { font-family: var(--body-font); font-size: 20px; font-weight: 800; color: var(--title-color); display: block; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-bottom: 19px; margin-top: -0.2em } .summary-content>.price del,.product-about>.price del { color: var(--body-color); font-weight: 500; margin-left: 15px } .summary-content .woocommerce-product-rating,.summary-content .product-rating,.product-about .woocommerce-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: 22px } .summary-content .woocommerce-product-rating .star-rating,.summary-content .product-rating .star-rating,.product-about .woocommerce-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: 29px 0 29px 0 } .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: 35px 0 27px 0 } .summary-content .actions .th-btn .btn-icon,.product-about .actions .th-btn .btn-icon { padding: 10.5px 15px 10.5px 15px } .summary-content .actions .woosw-btn,.summary-content .actions .icon-btn,.product-about .actions .woosw-btn,.product-about .actions .icon-btn { border-color: var(--title-color); background-color: var(--title-color); color: var(--white-color); --btn-size: 64px; width: 64px; height: 64px; line-height: 64px; display: inline-block; text-align: center } .summary-content .actions .woosw-btn:hover,.summary-content .actions .icon-btn:hover,.product-about .actions .woosw-btn:hover,.product-about .actions .icon-btn:hover { background-color: var(--theme-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(--th-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: 56px; height: 56px; line-height: 54px; display: inline-block; border-radius: 99px; background-color: var(--theme-color); color: var(--white-color); border: none } .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 .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover,.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover,.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover,.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover { background-color: var(--title-color) } .summary-content .tinv-wishlist a,.product-about .tinv-wishlist a { display: inline-block; width: 56px; height: 56px; line-height: 56px; 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 } .summary-content .quantity:after,.product-about .quantity:after { content: ''; height: 100%; width: 1px; background-color: var(--th-border-color); position: absolute; top: 0; left: 65px } .summary-content .quantity .qty-input,.product-about .quantity .qty-input { width: 132px; height: 64px; border: 1px solid var(--th-border-color); background-color: transparent; color: var(--title-color); padding: 0 30px; text-align: left; font-weight: 500 } .summary-content .quantity .qty-btn,.product-about .quantity .qty-btn { color: var(--title-color); background-color: transparent; position: absolute; right: 30px; height: auto; width: auto; border: none; line-height: 16px } .summary-content .quantity .quantity-minus,.product-about .quantity .quantity-minus { bottom: 12px } .summary-content .quantity .quantity-plus,.product-about .quantity .quantity-plus { top: 12px } .woocommerce-Reviews .th-post-comment .text { margin-bottom: -0.5em } .woocommerce-Reviews .th-comments-wrap { padding: 0; margin-right: 0 !important; box-shadow: none; margin: 0 } .woocommerce-Reviews .th-comment-form { padding: 60px; background-color: var(--smoke-color2); box-shadow: none; margin-right: 0 !important; margin-top: 28px; margin-bottom: 40px } .woocommerce-Reviews .th-comment-form input,.woocommerce-Reviews .th-comment-form .form-control { background-color: var(--white-color); border: 1px solid #B7C2CC } .woocommerce-Reviews .th-comment-form .blog-inner-title { margin-bottom: 10px } .woocommerce-Reviews .comment-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 0 24px; margin: -12px !important; margin-bottom: 28px !important } .woocommerce-Reviews .comment-list li { width: 50% } @media (max-width: 991px) { .woocommerce-Reviews .comment-list li { width:100% } } .woocommerce-Reviews .th-post-comment { border: 0 !important; padding: 40px !important; margin: 12px; background: var(--smoke-color2); box-shadow: none } .woocommerce-Reviews .th-post-comment .name { margin-bottom: 3px } .woocommerce-Reviews .th-post-comment .commented-on { margin-bottom: 12px } .woocommerce-Reviews .th-post-comment .description { word-break: break-word } @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 } } #description { margin-bottom: 30px } .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(--th-border-color); padding: 0 0 7px 0; margin: 0 0 30px 0 } .related-product-wrapper { padding-top: 115px } @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 } } @media (max-width: 991px) { .product-big-img { margin-bottom:40px } .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: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; padding: 10px 15px 15px 15px } .th-sort-bar .nav { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .th-sort-bar select { margin: 0 auto } .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-grid { max-width: 340px; margin-left: auto; margin-right: auto } } @media (max-width: 375px) { .th-product.list-view .product-img { max-width:130px } } button.tinvwl_button_close.th-btn .ftinvwl.ftinvwl-times,button.tinvwl_button_view.th-btn .ftinvwl.ftinvwl-heart-o { top: -3px } .woosw-btn { display: inline-block; width: var(--btn-size, 56px); height: var(--btn-size, 56px); line-height: var(--btn-size, 56px); font-size: var(--btn-font-size, 18px); background-color: var(--icon-bg, transparent); color: var(--title-color); text-align: center; border-radius: 10px; border: 1px solid #4B5261; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .productSlide { position: relative } .productSlide img { border-radius: 25px } @media (max-width: 991px) { .productSlide { margin-bottom:30px } } .productSlide .product-tag { font-size: 14px; position: absolute; top: 10px; left: 10px; background-color: var(--theme-color); color: var(--white-color); padding: 7px 12px 4px 12px; min-width: 60px; border-radius: 100px; text-align: center; z-index: 3; line-height: 14px } .product-thumb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; cursor: pointer } .product-thumb .tab-btn { border: 1px solid var(--title-color); width: 60px; height: 60px; border-radius: 10px } @media (max-width: 375px) { .product-thumb .tab-btn { width:40px; height: 40px } } .product-thumb .tab-btn.active { border: 1px solid var(--theme-color) } .product-thumb-wrap { position: absolute; left: 30px; bottom: 30px; z-index: 2 } @media (max-width: 1199px) { .product-thumb-wrap { left:10px; bottom: 10px } } @media (max-width: 991px) { .product-thumb-wrap { left:20px; bottom: 20px } } .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: 600; 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: 400; font-family: var(--body-font); color: var(--body-color) } .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 td.product-quantity { min-width: 155px } .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: 14px; 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: 60px; height: 30px; font-size: 14px; text-align: center; color: var(--title-color); font-weight: 700; margin: 0 3px; 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; padding-left: 20px; padding-right: 20px } .cart_table .actions>.th-btn { padding: 20px 28px; margin-right: 15px } .cart_table .actions>.th-btn:last-child { margin-right: 0 } .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: 10px } .cart_table .th-cart-coupon .th-btn { 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 { display: none } .cart_totals .shipping-calculator-form p:first-child { margin-top: 20px } .cart_totals .shipping-calculator-form p:last-child { margin-bottom: 0 } .cart_totals .amount { font-weight: 700 } .cart_totals .order-total .amount { color: var(--theme-color) } .empty-notice { margin: 40px auto } @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 } .cart_table .cart-productimage { max-width: 100px } } @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: 0 } .woocommerce-checkout .select2-container--open .select2-dropdown--above { position: relative; bottom: 0 } .woocommerce-checkout .select2-dropdown { border: none; border-top: none } .woocommerce-checkout .select2-container--default .select2-selection--single { border-radius: 27px } .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) } .woocommerce-checkout .shipping_address { margin-top: -3px } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid transparent; 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: 56px; border: 1px solid transparent; background-color: var(--smoke-color2); border-radius: 27px } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 56px; padding-left: 25px; 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: 56px; line-height: 56px; margin-right: 30px } span.select2-selection.select2-selection--single:focus { outline: none } .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: 600; 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: 0; 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: 30px } @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.8rem; text-transform: capitalize } .tinv-wishlist .cart-empty { padding: 14px 25px; font-weight: 700; font-size: 14px; padding-left: 45px; border-radius: 8px } .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(--th-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: 300px; 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: 38px; line-height: 38px; font-size: 14px; font-weight: 600; background-color: var(--theme-color); color: #fff; padding: 1px 15px; min-width: 140px } .tinv-wishlist button.button i { font-size: 18px !important; margin-right: 3px !important } .tinv-wishlist button.button:hover { background-color: var(--title-color); color: #fff } .tinv-wishlist .tinvwl-buttons-group button i { font-size: 14px } .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) } @media (max-width: 991px) { .tinvwl-full { display:none } .tinv-wishlist .tinvwl-mobile { display: block } .tinvwl-txt { display: inline-block !important } .product-stock { width: 40px; text-align: center } } @media (max-width: 767px) { .tinv-wishlist table { table-layout:fixed; border-bottom: 1px solid var(--th-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(--th-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(--th-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-thumb1-1 { position: absolute; right: 0; top: 0; bottom: 0; width: 45% } .contact-thumb1-1 img { width: 100%; height: 100%; object-fit: cover } @media (max-width: 1199px) { .contact-thumb1-1 { position:relative; width: 100%; top: -150px } } @media (max-width: 991px) { .contact-thumb1-1 { top:-80px } } .contact-form.style-border { border: 1px solid var(--th-border-color); border-radius: 50px; padding: 60px } @media (max-width: 991px) { .contact-form.style-border { border-radius:40px; padding: 40px } } @media (max-width: 575px) { .contact-form.style-border { padding:30px } } .contact-title-wrap { max-width: 713px } @media (max-width: 1199px) { .contact-thumb2-1 { display:none } } .contact-form-v2 { background: var(--title-color); padding: 56px } .contact-form-v2 .title-area .sub-title { font-size: 18px; padding-bottom: 0; margin-bottom: 15px } .contact-form-v2 .title-area .title { font-size: 40px } @media (max-width: 1199px) { .contact-form-v2 .title-area .title { font-size:36px } } @media (max-width: 767px) { .contact-form-v2 .title-area .title { font-size:34px } } @media (max-width: 1199px) { .contact-form-v2 .title-area .title { font-size:28px } } @media (max-width: 575px) { .contact-form-v2 { padding:40px 30px } .contact-form-v2 .title-area .sub-title { font-size: 16px } } .contact-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 32px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: var(--title-color); padding: 32px 24px } .contact-info .box-icon { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; border: 1px solid rgba(87,88,95,0.5); -webkit-align-self: self-start; -ms-flex-item-align: self-start; align-self: self-start; position: relative; height: 80px; width: 80px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; 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; z-index: 1 } .contact-info .box-icon:after { content: ''; position: absolute; inset: 7px; background: var(--black-color2); z-index: -1 } .contact-info .box-title { color: var(--white-color); font-size: 24px; font-weight: 600; margin-bottom: 0 } .contact-info .box-text { font-size: 16px; color: var(--light-color); margin-top: 10px; line-height: 1.4 } .contact-info .box-text a { color: var(--light-color) } .contact-info .box-text a:hover { color: var(--theme-color) } @media (max-width: 991px) { .contact-info .box-title { font-size:24px } } @media (max-width: 575px) { .contact-info { display:block } .contact-info .box-icon { margin-bottom: 25px } .contact-info .box-text { margin-bottom: -0.3em } .contact-info .box-title { font-size: 24px } } .contact-feature { padding: 71px 40px; border: 1px solid #D3DBE2; 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: 24px } @media (max-width: 1399px) { .contact-feature { padding:50px 20px } } @media (max-width: 375px) { .contact-feature { -webkit-box-orient:vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center } } .contact-feature:not(:last-child) { margin-bottom: 24px } .contact-feature .box-icon { width: 80px; height: 80px; line-height: 80px; text-align: center; background: #FFF6F8; color: var(--theme-color); font-size: 24px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .contact-feature .box-icon i { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .contact-feature .box-icon:hover { background: var(--theme-color) } .contact-feature .box-icon:hover i { color: var(--white-color) } .contact-feature .box-text { font-weight: 400; font-size: 18px; letter-spacing: 0.02em; color: var(--body-color) } .contact-feature .box-text a { display: block; font-weight: 400; font-size: 18px; letter-spacing: 0.02em; color: var(--body-color) } .contact-image { overflow: hidden; height: 768px } @media (max-width: 1399px) { .contact-image { height:100% } } .contact-image img { width: 100%; height: 100%; object-fit: cover } .contact-info-wrap2 { 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; background: var(--title-color); -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px 30px; padding: 40px; margin: 0 -40px; margin-top: -160px; position: relative; z-index: 1 } .contact-info-wrap2 .contact-info { width: calc(25% - 30px); padding: 0 } @media (max-width: 1500px) { .contact-info-wrap2 { margin:-160px 0 0 } .contact-info-wrap2 .contact-info { width: calc(50% - 30px) } } @media (max-width: 1199px) { .contact-info-wrap2 { margin-top:60px } } @media (max-width: 991px) { .contact-info-wrap2 .contact-info { width:100% } } @media (max-width: 575px) { .contact-info-wrap2 { gap:40px 30px; padding: 40px 30px; margin-top: 40px } } .contact-form-v3 { background: var(--title-color); padding: 48px; border: 1px solid var(--body-color); border-radius: 8px } .contact-form-v3 .title-area .sub-title { font-size: 18px; padding-bottom: 0; margin-bottom: 15px } .contact-form-v3 .title-area .title { font-size: 40px } @media (max-width: 1199px) { .contact-form-v3 .title-area .title { font-size:36px } } @media (max-width: 767px) { .contact-form-v3 .title-area .title { font-size:34px } } @media (max-width: 1199px) { .contact-form-v3 .title-area .title { font-size:28px } } @media (max-width: 575px) { .contact-form-v3 { padding:40px 30px } .contact-form-v3 .title-area .sub-title { font-size: 16px } } .contact-info.style2 { background: transparent; padding: 0; gap: 24px } .contact-info.style2 .box-icon { border: 1px solid var(--white-color); border-radius: 8px } .contact-info.style2 .box-icon:after { display: none } .contact-form-v4 { padding: 56px } @media (max-width: 575px) { .contact-form-v4 { padding:40px 30px } } .contact-page-contact-form-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: var(--smoke-color); border-radius: 16px; overflow: hidden } .contact-page-contact-form-wrap .contact-form-wrap { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; padding: 56px } .contact-page-contact-form-wrap .contact-page-thumb1-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .contact-page-contact-form-wrap .contact-page-thumb1-1 img { height: 100%; object-fit: cover } @media (max-width: 991px) { .contact-page-contact-form-wrap { display:block } } @media (max-width: 575px) { .contact-page-contact-form-wrap .contact-form-wrap { padding:40px 30px } } .contact-map { position: relative; line-height: 0px; margin-bottom: 60px } @media (max-width: 991px) { .contact-map { margin-bottom:40px } } .contact-map .contact-icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer } .contact-map .contact-icon i { width: 100px; height: 100px; line-height: 100px; text-align: center; font-size: 24px; color: var(--white-color); background-color: var(--theme-color); border-radius: 50% } @media (max-width: 991px) { .contact-map .contact-icon i { width:80px; height: 80px; line-height: 80px } } .contact-map .contact-icon { width: 50px; height: 50px; display: inline-block; z-index: 3 } .contact-map .contact-icon img { -webkit-animation: jumpAni 2s ease-in-out infinite alternate; animation: jumpAni 2s ease-in-out infinite alternate } .contact-map .contact-icon:after { content: ""; position: absolute; left: 0px; right: 0; margin: auto; top: 90%; width: 38px; height: 18px; border-radius: 50%; background: rgba(13,13,12,0.2); z-index: -1 } .contact-map .contact-icon:before { content: ""; position: absolute; left: -40px; right: 0; margin: auto; top: 50%; width: 130px; height: 60px; border-radius: 50%; background: rgba(255,255,255,0.5); border: 1px solid var(--white-color); z-index: -1 } @-webkit-keyframes location-anim { 0% { -webkit-transform: rotate(5deg) translate(5px, 5px); transform: rotate(5deg) translate(5px, 5px) } 100% { -webkit-transform: rotate(5deg) translate(-5px, -5px); transform: rotate(5deg) translate(-5px, -5px) } } @keyframes location-anim { 0% { -webkit-transform: rotate(5deg) translate(5px, 5px); transform: rotate(5deg) translate(5px, 5px) } 100% { -webkit-transform: rotate(5deg) translate(-5px, -5px); transform: rotate(5deg) translate(-5px, -5px) } } @-webkit-keyframes location-anim2 { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(0.5); transform: scale(0.5) } } @keyframes location-anim2 { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(0.5); transform: scale(0.5) } } .contact-map iframe { width: 100%; height: 400px } .contact-map.style2 iframe { width: 100%; height: 398px; border-radius: 0 } .contact-map.style3 { margin-bottom: 0 } .contact-map.style3 iframe { height: 653px } @media (max-width: 1199px) { .contact-map.style3 iframe { height:450px } } .contact-form2 { background-color: #EEF1F4; padding: 68px 56px } @media (max-width: 1199px) { .contact-form2 { padding:40px 30px } } .contact-form2 select,.contact-form2 .form-control,.contact-form2 .form-select,.contact-form2 textarea,.contact-form2 input { height: 60px } .contact-form2 textarea.form-control,.contact-form2 textarea { min-height: 200px } .contact-form2 .th-btn { padding: 19px 25px } .contact-img { height: 100% } .contact-img img { width: 100%; height: 100%; object-fit: cover } .global-img { position: relative; overflow: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease } .global-img:after { content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255,255,255,0.3); -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1 } .global-img img { width: 100%; object-fit: cover; -webkit-transition: 1.3s all ease; transition: 1.3s all ease } .global-img:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .global-img:hover:after { height: 250%; -webkit-transition: all 600ms linear; transition: all 600ms linear; background-color: transparent } .about-wrap1 { z-index: 2 } .about-wrap1 .box-text { margin-top: -6px; font-size: 16px } .about-wrap1 .btn-wrap { margin-top: 55px } @media (max-width: 1500px) { .about-wrap1 .checklist.list-two-column ul { grid-template-columns:auto } } .about-wrap1 .about-feature-grid { margin-left: 20px } .about-profile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .about-profile .avater { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } .about-profile .avater img { border-radius: 50%; overflow: hidden } .about-profile .about-profile-name { font-size: 18px; font-weight: 500; margin-bottom: 0; color: var(--theme-color); margin-top: -0.2em } .about-profile .desig { font-size: 16px; font-weight: 400; color: var(--title-color); margin-bottom: -0.4em } .img-box1 { position: relative; 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: 24px; z-index: 2 } @media (max-width: 575px) { .img-box1 { gap:15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .img-box1 .img1 img,.img-box1 .img2 img { width: 100%; height: 100%; object-fit: cover } .img-box1 .about-wrapp { position: absolute; left: -120px; top: 100px } @media (max-width: 575px) { .img-box1 .about-wrapp { left:0 } } @media (max-width: 375px) { .img-box1 .about-wrapp { position:relative; top: 0px } } .img-box1 .about-wrapp .logo { background-color: var(--theme-color) } .img-box1 .counter-card3 { position: absolute; left: 10%; bottom: 10% } .img-box4 { position: relative; margin-left: 100px } @media (max-width: 1299px) { .img-box4 { margin-left:0 } } @media (max-width: 1199px) { .img-box4 { margin-bottom:110px } } .img-box4 .img1 { position: relative; z-index: 2 } .img-box4 .img2 { position: absolute; right: 0; bottom: -21%; z-index: 1 } @media (max-width: 767px) { .img-box4 .img2 { position:relative; bottom: 0 } } .img-box4 .counter-card3 { position: absolute; left: 10%; bottom: -10%; z-index: 9 } .img-box5 { position: relative; margin-bottom: 110px } .img-box5 .img1 { position: relative; z-index: 2 } .img-box5 .img2 { position: absolute; right: 0; bottom: -21%; z-index: 1 } @media (max-width: 767px) { .img-box5 .img2 { position:relative; bottom: 0 } } .img-box5 .counter-card3 { position: absolute; left: 10%; bottom: -10%; z-index: 9 } .counter-card3 { background-color: #081933; border: 5px solid #FFFFFF; padding: 70px 35px; text-align: center; max-width: 255px } .about-feature { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 24px } .about-feature-wrapp { max-width: 480px } @media (max-width: 1199px) { .about-feature { -webkit-box-align:center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } } .about-feature:not(:last-child) { margin-bottom: 45px } @media (max-width: 375px) { .about-feature { display:block } } .about-feature .box-icon { position: relative; min-width: 80px; height: 80px; line-height: 80px; text-align: center; border: 1px solid var(--th-border-color); overflow: hidden } .about-feature .box-icon:before { content: ""; position: absolute; inset: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); border-radius: 0; background-color: var(--theme-color); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52); transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index: -1 } .about-feature .box-icon img { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } @media (max-width: 375px) { .about-feature .box-icon { 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px } } .about-feature .box-title { font-family: --title-font; font-weight: 500; font-size: 24px; line-height: 1.5; letter-spacing: 0.02em; margin-bottom: 6px } .about-feature:hover .box-icon { border-color: var(--theme-color) } .about-feature:hover .box-icon:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .about-feature:hover .box-icon img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } @media (max-width: 1299px) { .about-shape-left,.about-shape-right { display:none } } @media (max-width: 1199px) { .about2-area .about-shape1,.about2-area .about-shape2 { display:none } } .img-box2 { position: relative; 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: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; gap: 0 76px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } @media (max-width: 1299px) { .img-box2 { gap:0 30px } } @media (max-width: 1199px) { .img-box2 { gap:0 70px } } @media (max-width: 767px) { .img-box2 { gap:0 20px } } .img-box2 img:nth-child(1) { width: 290px } @media (max-width: 575px) { .img-box2 img:nth-child(1) { width:100% } } .img-box2 img:nth-child(2) { width: 200px } @media (max-width: 575px) { .img-box2 img:nth-child(2) { width:100% } } .img-box2 img:nth-child(3) { width: 200px; margin-top: -100px } @media (max-width: 575px) { .img-box2 img:nth-child(3) { margin-top:0; width: 100% } } @media (max-width: 575px) { .img-box2 img:not(:last-child) { margin-bottom:20px } } @media (max-width: 1199px) { .about-area-3 .about-shape { display:none } } .counter-wrap3 { position: absolute; background-color: var(--title-color); border: 5px solid var(--white-color); color: var(--white-color); left: 25%; top: 370px; padding: 90px 35px } @media (max-width: 1500px) { .counter-wrap3 { top:375px; left: 38% } } @media (max-width: 1299px) { .counter-wrap3 { left:19%; top: 280px } } @media (max-width: 1199px) { .counter-wrap3 { left:47%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } } @media (max-width: 991px) { .counter-wrap3 { left:50% } } @media (max-width: 575px) { .counter-wrap3 { position:relative } } .counter-card2 { max-width: 185px } .counter-card2 .media-body { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; text-align: center } .counter-card2 .media-body .box-number { font-weight: 500; line-height: 48px; letter-spacing: 0.8px; font-size: 40px } .counter-card2 .media-body .box-text { margin-top: -0.78em } .team-area { background-color: #FFF6F8 } .th-team { position: relative } .th-team .team-img { position: relative; overflow: hidden } .th-team .team-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .th-team .team-desig { font-size: 14px; font-weight: 500; display: block; margin-bottom: -0.45em; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; color: var(--theme-color) } .th-team .th-social { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .th-team .th-social a { --icon-size: 40px; background-color: var(--white-color); color: var(--theme-color) } .th-team .th-social a:hover { background-color: var(--theme-color); color: var(--white-color) } .th-team .box-title { margin-bottom: 0 } .team-slider1 { margin-right: -315px } @media (max-width: 1199px) { .team-slider1 { margin-right:-200px } } @media (max-width: 991px) { .team-slider1 { margin-right:0 } } .team-card { position: relative; overflow: hidden } .team-card:after { content: ''; position: absolute } .team-card .team-img img { width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: 0.4s; transition: 0.4s } .team-card .team-card-content { position: absolute; background: var(--black-color2); padding: 0; bottom: 24px; left: 0; right: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.7s; transition: 0.7s; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0) } .team-card .team-card-content .media-body { padding: 56px 60px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } @media (max-width: 1500px) { .team-card .team-card-content .media-body { padding:56px 30px } } @media (max-width: 375px) { .team-card .team-card-content .media-body { padding:56px 20px } } .team-card .team-card-content:after { content: ''; position: absolute; height: 100%; width: 3px; background: var(--theme-color); right: 0; top: 0; bottom: 0; z-index: 2; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0) } .team-card .box-title { font-size: 24px; font-weight: 600; margin-bottom: 0px; position: relative; z-index: 1 } .team-card .box-title a { color: var(--white-color) } .team-card .box-title a:hover { color: var(--theme-color) } @media (max-width: 767px) { .team-card .box-title { font-size:20px } } .team-card .team-desig { font-size: 14px; font-weight: 400; font-family: var(--body-font); margin-bottom: -0.5em; display: block; color: var(--light-color); position: relative; z-index: 1 } .team-card .th-social { width: 60px; z-index: 1; -webkit-transition: 0.4s; transition: 0.4s; z-index: 2; background: var(--theme-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between } .team-card .th-social .line { display: block; width: 100%; height: 1px; background: var(--white-color) } .team-card .th-social a { display: block; text-align: center; height: 52px; width: 60px; padding: 0; line-height: 52px; color: var(--white-color); margin: 0; background: var(--theme-color); border: 0; border-radius: 0 } .team-card .th-social a:hover { color: var(--theme-color); background: var(--white-color) } .team-card:hover .team-img img { -webkit-transform: scale(1.05) translate(0, 0); -ms-transform: scale(1.05) translate(0, 0); transform: scale(1.05) translate(0, 0) } .team-card:hover .team-card-content { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .team-card:hover .team-card-content:after { display: none } .team-card.style2 .team-card-content { background: var(--title-color) } .team-card.style2 .th-social a { color: var(--title-color) } .team-card.style2 .th-social .line { background: var(--title-color) } .team-card.style3 .team-img { position: relative } .team-card.style3 .team-img:after { content: ''; position: absolute; inset: 0; background: var(--title-color); opacity: 0; -webkit-transition: 0.4s; transition: 0.4s } .team-card.style3 .team-card-content { background: var(--title-color); bottom: 0; right: 0; border-bottom: 2px solid var(--theme-color) } .team-card.style3 .team-card-content:after { display: none } .team-card.style3 .th-social a { color: var(--title-color) } .team-card.style3 .th-social .line { background: var(--title-color) } .team-card.style3:hover .team-img:after { opacity: 0.2 } @media (max-width: 767px) { .team-card .team-card-content { -webkit-transform:translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .team-card .team-card-content:after { display: none } } .team-card.style4 { border-radius: 16px } .team-img-box { display: inline-block } .team-img-box .team-content-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 24px } .team-img-box .team-content-wrap .team-card-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .team-img-box .team-content-wrap .team-card-content .team-social-wrap { background: var(--theme-color); padding: 73px 40px; position: relative; height: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .team-img-box .team-content-wrap .team-card-content .team-social-wrap .box-title { color: var(--white-color); font-size: 18px; font-weight: 600; margin-bottom: 14px; margin-top: -0.3em; width: 100% } .team-img-box .team-content-wrap .team-card-content .team-card-title { background: var(--title-color); margin-bottom: 0; padding: 38px 40px; color: var(--white-color); font-size: 40px; font-weight: 600; line-height: 1.2em; height: 50%; 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 } .team-img-box .team-content-wrap .img1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .team-img-box .team-content-wrap .img1 img { width: 100%; height: 100%; object-fit: cover } .team-img-box .img2 { margin-top: 24px } .team-img-box .img2 img { width: 100% } @media (max-width: 1199px) { .team-img-box .team-content-wrap .team-card-content .team-card-title { font-size:30px } } @media (max-width: 991px) { .team-img-box .team-content-wrap { display:block } .team-img-box .team-content-wrap .img1 { margin-top: 24px } .team-img-box .team-content-wrap .team-card-content .team-social-wrap { padding: 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .team-img-box .team-content-wrap .team-card-content .team-social-wrap .circle-tag { position: relative; bottom: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none } .team-img-box .team-content-wrap .team-card-content .team-card-title { font-size: 24px; padding: 40px } } @media (max-width: 575px) { .team-img-box .team-content-wrap .team-card-content .team-social-wrap .circle-tag { margin-top:30px } } .team-info-card { border: 1px solid var(--light-color); padding: 32px; -webkit-transition: 0.4s; transition: 0.4s; background: var(--white-color) } .team-info-card:not(:last-child) { margin-bottom: 40px } .team-info-card .card-title-wrap { 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: 16px } .team-info-card .card-title-wrap .box-icon { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } .team-info-card .card-title-wrap .box-icon .color-masking { -webkit-transition: 0.4s; transition: 0.4s } .team-info-card .box-title { font-size: 28px; font-weight: 600; margin-bottom: -0.3em; -webkit-transition: 0.4s; transition: 0.4s } @media (max-width: 575px) { .team-info-card .box-title { font-size:24px } } .team-info-card .box-text { color: var(--title-color); margin-top: 15px; -webkit-transition: 0.4s; transition: 0.4s } .team-info-card:hover { background: var(--title-color); border-color: var(--title-color) } .team-info-card:hover .box-icon .color-masking { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .team-info-card:hover .box-title { color: var(--white-color) } .team-info-card:hover .box-text { color: var(--light-color) } @media (max-width: 575px) { .team-info-card .card-title-wrap { display:block } .team-info-card .card-title-wrap .box-title { margin-top: 15px } } .feature-wrap1 { position: absolute; height: 200px; width: 100%; bottom: 0; left: 0; right: 0; z-index: -1 } .feature-wrap1 p { margin-bottom: 0; position: absolute; display: inline-block; left: 0; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: auto; -webkit-transition: none; transition: none } .feature-wrap1 .feature-item { display: inline-block; font-size: 18px; font-weight: 600; font-family: var(--title-font); border-radius: 48px; padding: 13.5px 32px; line-height: 1; color: var(--title-color); background: var(--theme-color2) } @media (max-width: 991px) { .feature-wrap1 .feature-item { padding:10px 25px; font-size: 16px } } @media (max-width: 575px) { .feature-wrap1 { position:relative; margin-top: -200px } } .team-bg-img-5 { position: absolute; inset: 0 0 35%; z-index: -1; overflow: hidden } .team-bg-img-5 img { height: 100%; width: 100%; object-fit: cover } .team-slider5 .slider-pagination { height: 35px } @media (max-width: 575px) { .team-slider5 .slider-pagination { display:none } } .team-details-wrap { background: var(--smoke-color2); border-radius: 50px; padding: 60px } @media (max-width: 767px) { .team-details-wrap { padding:40px } } @media (max-width: 575px) { .team-details-wrap { padding:30px } } .about-card-img { position: relative; border-radius: 30px; height: 100% } .about-card-img img { border-radius: 30px; width: 100%; height: 100%; object-fit: cover } .about-card-img .th-social { text-align: center; margin-top: -20px } .about-card-img .th-social a { --icon-size: 40px; border-radius: 50%; background: var(--white-color); box-shadow: 0px 10px 50px rgba(0,0,0,0.08) } .about-card-img .th-social a:hover { background: var(--theme-color) } .about-card_title { margin-bottom: 8px } .about-card_desig { color: var(--theme-color); margin-bottom: 25px; font-weight: 600; margin-top: -0.5em } .about-card_text { margin-bottom: 30px } .about-card-title-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 } @media (max-width: 575px) { .about-card-title-wrap { display:block; margin-bottom: 30px } } .team-details-about-info { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--th-border-color); border-bottom: 1px solid var(--th-border-color); margin-bottom: 40px } .team-details-about-info .about-contact { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 5px 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; --space-x: 60px; --space-y: 30px } .team-details-about-info .about-contact:not(:nth-child(3n)) { border-right: unset } .team-details-about-info .about-contact:not(:nth-last-child(-n+2)) { padding-bottom: var(--space-y); padding-top: var(--space-y) } .team-details-about-info .about-contact:not(:nth-child(-n+2)) { padding-top: var(--space-y); padding-bottom: var(--space-y); border-top: 2px solid var(--th-border-color) } .team-details-about-info .about-contact:nth-child(odd) { padding-right: var(--space-x) } .team-details-about-info .about-contact:nth-child(even) { padding-left: var(--space-x); border-left: 2px solid var(--th-border-color) } .team-details-about-info .about-contact:not(:nth-last-child(-n+4)) { border-top: 0 } @media (max-width: 1500px) { .team-details-about-info .about-contact { --space-x: 40px } } @media (max-width: 1299px) { .team-details-about-info .about-contact { --space-x: 30px; --space-y: 30px } } @media (max-width: 1199px) { .team-details-about-info .about-contact { --space-x: 20px; --space-y: 25px } } @media (max-width: 991px) { .team-details-about-info .about-contact { --space-x: 30px; --space-y: 30px } } @media (max-width: 767px) { .team-details-about-info .about-contact { padding:0; border: 0 } .team-details-about-info .about-contact:nth-child(odd),.team-details-about-info .about-contact:nth-child(even) { padding: 0; border: 0 } .team-details-about-info .about-contact:not(:last-child) { padding-bottom: 20px } } .team-details-about-info .about-contact .icon { width: 50px; height: 50px; box-shadow: 0px 10px 50px 10px #E8E8E8; border-radius: 50%; 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; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: var(--theme-color); background: var(--white-color) } .team-details-about-info .about-contact .about-contact-title { font-size: 16px; font-weight: 400; font-family: var(--title-font); min-width: 112px; margin-bottom: 0; color: var(--body-color) } .team-details-about-info .about-contact .about-contact-text { color: var(--title-color); font-size: 18px; font-weight: 600; margin-bottom: -0.25em } @media (max-width: 320px) { .team-details-about-info .about-contact { display:block } .team-details-about-info .about-contact .icon { margin-bottom: 10px } } @media (max-width: 1299px) { .team-details-about-info .about-contact .icon { width:40px; height: 40px } } @media (max-width: 767px) { .team-details-about-info { display:block; padding: 20px 0 } } .circle-progressbar { text-align: center } .circular-progress { position: relative; width: 190px; height: 190px; text-align: center; display: inline-block } .circular-progress svg { width: 100%; height: 100% } .circular-progress .circle-bg { fill: none; stroke: var(--smoke-color2); stroke-width: 3 } .circular-progress .circle { fill: none; stroke-width: 3; stroke-dasharray: 100; stroke-dashoffset: 100; -webkit-transition: stroke-dashoffset 1s ease; transition: stroke-dashoffset 1s ease; stroke-linecap: round; stroke: var(--theme-color) } .circular-progress .circle-progressbar-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 36px; font-weight: 700; color: var(--title-color); width: 100% } .circular-progress .box-title { font-size: 16px; font-weight: 400; color: var(--body-color); margin-bottom: -0.3em; margin-top: 13px } @media (max-width: 1299px) { .circular-progress { width:170px; height: 170px } .circular-progress .circle-bg { stroke-width: 2 } .circular-progress .circle { stroke-width: 2 } .circular-progress .box-title { font-size: 14px } } .add-team-form { border: 1px solid var(--th-border-color); border-radius: 50px; padding: 60px } @media (max-width: 767px) { .add-team-form { padding:40px; border-radius: 20px } } @media (max-width: 575px) { .add-team-form { padding:30px } } .team-author { border-radius: 16px } .team-author .box-img { background-color: transparent; border-radius: 16px 16px 0 0 } .team-author .box-img img { width: 100%; border-radius: 16px 16px 0 0 } .team-author .box-content { background: #D3224D; border-radius: 3px; padding: 25px 48px } @media (max-width: 1399px) { .team-author .box-content { padding:20px 25px } } .team-author .box-content .box-title { color: var(--white-color); font-size: 28px } .team-author .box-content .box-title a { color: inherit } @media (max-width: 1299px) { .team-author .box-content .box-title { font-size:20px } } .team-author .box-content .box-desig { font-size: 18px; color: var(--white-color) } @media (max-width: 1299px) { .team-author .box-content .box-desig { font-size:16px } } .team-author .th-social a { --icon-size: 32px; font-size: 16px; color: var(--white-color); border: 1px solid rgba(183,194,204,0.5); border-radius: 50%; color: #506172 } .team-author .th-social a:hover { border-color: var(--theme-color) } .team-info-list { border: 1px solid #B7C2CC; padding: 48px } @media (max-width: 1299px) { .team-info-list { padding:40px 20px } } .team-info-list .info-box { display: block } .team-info-list .info-box:not(:last-child) { border-bottom: 1px solid #C6C9D4; padding-bottom: 24px; margin-bottom: 24px } .team-info-list .info-box .box-title { position: relative; font-size: 18px; font-weight: 500; margin-bottom: 10px; z-index: 2; padding-left: 10px } .team-info-list .info-box .box-title:before { content: ""; position: absolute; top: 7px; left: 0; width: 2px; height: 13px; background-color: var(--theme-color) } .team-info-list .info-box .box-link { font-weight: 500; font-size: 16px; color: #506172 } .contact-info-area { position: relative; z-index: 3 } .contact-info { background-color: #24272E; 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; padding: 72px; gap: 72px; width: 100% } @media (max-width: 1699px) { .contact-info { gap:50px } } @media (max-width: 1500px) { .contact-info { padding:72px 40px; gap: 30px } } @media (max-width: 1199px) { .contact-info { padding:50px 20px } } @media (max-width: 991px) { .contact-info { -webkit-box-orient:vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } } .contact-info-wrapp { background-color: var(--black-color2); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } @media (max-width: 1299px) { .contact-info-wrapp { display:block } } .about-card .checklist ul li { font-family: var(--body-font); font-weight: 600; font-size: 20px; color: var(--title-color) } .team-counter { text-align: center; border: 1px solid #C6C9D4; border-radius: 8px; padding: 53px 10px } .team-counter-wrap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; margin-top: 40px } @media (max-width: 1299px) { .team-counter-wrap { gap:24px } } @media (max-width: 1199px) { .team-counter-wrap { grid-template-columns:repeat(2, 1fr) } } @media (max-width: 375px) { .team-counter-wrap { grid-template-columns:repeat(1, 1fr) } } .team-counter .box-title { font-size: 57px; margin-bottom: 0px } .team-counter .box-text { font-size: 20px; font-weight: 500; color: var(--title-color) } .testi-area3 .slider-arrow { background: #EEF1F4; border-color: #EEF1F4; color: var(--title-color) } .testi-area3 .slider-arrow:hover { background: var(--theme-color); color: var(--white-color); border-color: var(--theme-color) } .testi-area3 .slider-arrow.slider-prev { left: var(--pos-x, 0px) } .testi-thumb1-1 { position: absolute; left: 0; top: 0; bottom: 0; width: calc(50% - 128px) } .testi-thumb1-1 img { width: 100%; height: 100%; object-fit: cover } .testi-thumb1-1 .testi-grid-thumb1 { position: absolute; right: 0; top: 50%; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); height: 450px } .testi-thumb1-1 .testi-grid-thumb1 .swiper-slide { text-align: center } .testi-thumb1-1 .testi-grid-thumb1 .swiper-slide.swiper-slide-thumb-active { position: relative; z-index: 1 } .testi-thumb1-1 .testi-grid-thumb1 .swiper-slide.swiper-slide-thumb-active .box-img { -webkit-filter: none; filter: none } .testi-thumb1-1 .testi-grid-thumb1 .swiper-slide.swiper-slide-thumb-active .box-img:after { opacity: 1; inset: -7px } .testi-thumb1-1 .testi-grid-thumb1 .box-img { border: 7px solid var(--white-color); border-radius: 50%; display: inline-block; cursor: pointer; position: relative; overflow: hidden; -webkit-transition: 0.4s; transition: 0.4s; -webkit-filter: blur(1.5px); filter: blur(1.5px) } .testi-thumb1-1 .testi-grid-thumb1 .box-img:after { content: ''; position: absolute; inset: 0px; border: 2px solid var(--theme-color); border-radius: 50%; -webkit-transition: 0.4s; transition: 0.4s; opacity: 0 } .testi-thumb1-1 .testi-grid-thumb1 .box-img img { width: 96px; -webkit-transition: 0.4s; transition: 0.4s } @media (max-width: 991px) { .testi-thumb1-1 { position:relative; width: 100%; top: -80px; bottom: auto; margin-bottom: 55px } .testi-thumb1-1 .testi-grid-thumb1 { right: auto; top: auto; bottom: 0; left: 0; -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%); height: auto; width: inherit; padding: 0 60px 0px 30px; z-index: 3 } .testi-thumb1-1 .testi-grid-thumb1 .swiper-wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 134px !important; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .testi-thumb1-1 .testi-grid-thumb1 .swiper-slide { display: inline-block; width: auto !important } .testi-thumb1-1 .testi-grid-thumb1 .swiper-slide.swiper-slide-thumb-active .box-img img { width: 96px } } @media (max-width: 575px) { .testi-thumb1-1 .testi-grid-thumb1 .swiper-wrapper { height:110px !important } .testi-thumb1-1 .testi-grid-thumb1 .swiper-slide .box-img img { width: 80px } } @media (max-width: 375px) { .testi-thumb1-1 { margin-bottom:42px } .testi-thumb1-1 .testi-grid-thumb1 .swiper-wrapper { height: 84px !important } .testi-thumb1-1 .testi-grid-thumb1 .swiper-slide .box-img img { width: 60px } .testi-thumb1-1 .testi-grid-thumb1 .swiper-slide.swiper-slide-thumb-active .box-img img { width: 70px } } .testi-area { background-color: #EEF1F4 } .testi-slider1 { margin-right: -12% } @media (max-width: 1199px) { .testi-slider1 { margin:0 } } .testi-card { position: relative; background-color: var(--white-color); padding: 48px 48px 24px 48px } @media (max-width: 1199px) { .testi-card { padding:30px } } @media (max-width: 375px) { .testi-card { padding:25px } } .testi-card .box-wrapp { 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-card .quote-icon { width: 65px; height: 56px; background: var(--theme-color); margin-bottom: 26px } .testi-card .box-text { font-size: 20px; font-weight: 600; font-family: var(--body-font); color: #506172; line-height: 1.555em; margin: 0px 0 15px 0; margin-top: -0.4em } @media (max-width: 1299px) { .testi-card .box-text { font-size:18px } } @media (max-width: 1199px) { .testi-card .box-text { font-size:20px } } .testi-card-thumb { max-width: 78px } .testi-card .testi-card_review { color: #ED6D0C; 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: 8px; margin-bottom: 24px } .testi-card .rating { color: #00274C; font-size: 18px } .testi-card_profile { 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-card .box-title { font-weight: 600; margin-bottom: -0.3em; color: var(--title-color) } @media (max-width: 375px) { .testi-card .box-title { font-size:20px } } .testi-card .box-desig { margin-bottom: -0.5em; display: block; font-size: 16px; margin-top: 7px } @media (max-width: 1299px) { .testi-card .box-desig { font-size:16px } } @media (max-width: 575px) { .testi-card .box-text { font-size:16px } .testi-card .quote-icon { right: 30px; bottom: 30px; width: 35px; height: 35px } } .testi-card2 { background-color: #081933; padding: 60px 70px; text-align: center } @media (max-width: 767px) { .testi-card2 { padding:40px 20px } } .testi-card2-img { height: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease } .testi-card2-img img { width: 100%; height: 100%; min-height: 424px; object-fit: cover } .testi-card2 .box-quote { margin-bottom: 17px } .testi-card2 .box-text { font-weight: 400; font-size: 20px; line-height: 30px; color: #B7C2CC; margin-bottom: 30px } @media (max-width: 575px) { .testi-card2 .box-text { font-size:18px } } .testi-card2 .box-review { margin-bottom: 10px } .testi-card2 .box-review i { color: #FF9F43; margin-right: 8px } .testi-card2 .box-title { font-weight: 600; font-size: 28px; letter-spacing: 0.02em; color: var(--white-color); margin-bottom: 0 } @media (max-width: 575px) { .testi-card2 .box-title { font-size:22px } } .testi-card2 .box-desig { font-weight: 500; font-size: 16px; color: var(--white-color); display: block; margin-bottom: -0.3rem } .testi-thumb-slider { position: relative; z-index: 2 } .testi-thumb { position: relative; overflow: hidden } .testi-thumb-slider { position: relative; margin-right: -280px; margin-left: -410px; z-index: 2 } @media (max-width: 1199px) { .testi-thumb-slider { margin-left:-50px; margin-right: -170px } } @media (max-width: 575px) { .testi-thumb-slider { margin-left:0; margin-right: 0 } } .testi-thumb-slider .swiper-slide-active .testi-card2-img { -webkit-filter: none; filter: none } .testi-grid { max-width: 807px; display: block; margin: auto; text-align: center } .testi-grid .quote { background-color: var(--white-color); color: var(--white-color); width: 55px; height: 33px; display: block; margin: auto; margin-bottom: 30px } .testi-grid .box-thumb { margin: 62px 0 } .testi-grid .box-thumb img { -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8) } .testi-grid .box-text { font-weight: 500; font-size: 20px; color: #B7C2CC; margin-bottom: 45px } @media (max-width: 575px) { .testi-grid .box-text { font-size:18px } } .testi-grid .box-review { margin-bottom: 10px } .testi-grid .box-review i { color: #FF9F43; margin-right: 8px } .testi-grid .box-title { font-weight: 600; font-size: 28px; letter-spacing: 0.02em; color: var(--white-color); margin-bottom: 0 } @media (max-width: 575px) { .testi-grid .box-title { font-size:22px } } .testi-grid .box-desig { font-weight: 500; font-size: 16px; color: var(--white-color); display: block; margin-bottom: -0.3rem } .testi-grid-dots .tab-btn { position: absolute; width: 80px; height: 80px; z-index: 2 } @media (max-width: 1299px) { .testi-grid-dots .tab-btn { display:none } } .testi-grid-dots .tab-btn:nth-child(1) { position: absolute; bottom: 0%; left: 0% } @media (max-width: 1399px) { .testi-grid-dots .tab-btn:nth-child(1) { left:0 } } .testi-grid-dots .tab-btn:nth-child(2) { position: absolute; bottom: 26%; left: 10% } @media (max-width: 1399px) { .testi-grid-dots .tab-btn:nth-child(2) { left:0 } } .testi-grid-dots .tab-btn:nth-child(3) { position: absolute; bottom: 5%; right: 0% } .testi-grid-dots .tab-btn:nth-child(4) { position: absolute; bottom: 35%; right: 15% } .testi-grid-dots .tab-btn img { cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s } .testi-bg-shape4-1 { position: absolute; top: 0; bottom: 0; left: 0; width: 664px; background-color: var(--title-color) } @media (max-width: 1500px) { .testi-bg-shape4-1 { width:500px } } @media (max-width: 1399px) { .testi-bg-shape4-1 { width:100%; height: 50%; bottom: 0; top: auto } } .testi-bg-shape4-2 { z-index: 1 } .testi-slider4 { margin-left: 105px; margin-right: -130px } @media (min-width: 1922px) { .testi-slider4 { margin-right:0; margin-left: 0 } } @media (max-width: 1500px) { .testi-slider4 { margin-right:0 } } @media (max-width: 1399px) { .testi-slider4 { margin-left:0 } .testi-slider4 .slider-pagination.style3 .swiper-pagination-bullet.swiper-pagination-bullet-active:before { background: var(--white-color); border-color: var(--white-color) } } .testi-slider4 .swiper-slide { -webkit-filter: blur(10px); filter: blur(10px); -webkit-transition: 0.4s; transition: 0.4s } .testi-slider4 .swiper-slide.swiper-slide-active { -webkit-filter: none; filter: none } .testi-card3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 8px; overflow: hidden; background: var(--gray-color2) } .testi-card3 .box-img { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .testi-card3 .box-img img { height: 100%; width: 100%; object-fit: cover } .testi-card3 .box-content { padding: 60px; -webkit-box-flex: 1.2; -webkit-flex: 1.2; -ms-flex: 1.2; flex: 1.2; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center } .testi-card3 .quote-icon { width: 65px; height: 56px; background: var(--title-color); margin-bottom: 42px; display: inline-block } .testi-card3 .box-text { font-size: 28px; font-weight: 600; font-family: var(--title-font); color: var(--title-color); line-height: 1.5em; margin-bottom: 47px } .testi-card3 .testi-card_review { color: var(--title-color); margin-bottom: 20px; display: block; font-size: 24px; font-weight: 600; font-family: var(--title-font); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 10px } .testi-card3 .testi-card_review i { color: var(--theme-color); font-size: 18px; color: var(--yellow-color) } .testi-card3 .box-title { font-size: 28px; font-weight: 600; margin-bottom: 0; color: var(--title-color) } .testi-card3 .box-desig { margin-bottom: -0.5em; font-size: 18px; font-weight: 400; color: var(--body-color) } @media (max-width: 1399px) { .testi-card3 .box-text { font-size:20px } } @media (max-width: 1299px) { .testi-card3 .box-text { font-size:18px } } @media (max-width: 1199px) { .testi-card3 .box-content { padding:50px } .testi-card3 .quote-icon { margin-bottom: 22px } .testi-card3 .box-text { margin-bottom: 27px } } @media (max-width: 991px) { .testi-card3 .box-text { font-size:16px } } @media (max-width: 767px) { .testi-card3 { display:block } } @media (max-width: 575px) { .testi-card3 .box-content { padding:30px } .testi-card3 .quote-icon { width: 45px; height: 36px } .testi-card3 .box-title { font-size: 24px } } .counter-area1 { background: var(--title-color); padding: 80px 0 } .counter-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 32px } @media (max-width: 1199px) { .counter-card { margin-right:0; display: block; text-align: center; padding: 80px; border-right: 1px solid var(--theme-color); border-bottom: 1px solid var(--theme-color) } .counter-card:nth-child(3) { border-right: 1px solid transparent } .counter-card:nth-child(5) { border-bottom: 1px solid transparent } .counter-card:nth-child(7) { border-bottom: 1px solid transparent; border-right: 1px solid transparent } .counter-card:last-child { border-bottom: 1px solid transparent } } @media (max-width: 1199px) and (max-width: 767px) { .counter-card { padding:40px 20px } } @media (max-width: 1199px) and (max-width: 575px) { .counter-card { border-right:1px solid transparent; padding: 20px 20px } .counter-card:nth-child(5) { border-bottom: 1px solid var(--theme-color) } } @media (max-width: 1199px) { .counter-card .box-icon { margin-bottom:25px } } @media (max-width: 1199px) { .counter-card:last-child { border-right-color:transparent } } .counter-card .box-number { color: var(--white-color); font-weight: 700; font-size: 57px; line-height: 1.2; letter-spacing: 0.02em; margin-top: -0.22em; margin-bottom: 0 } @media (max-width: 1299px) { .counter-card .box-number { font-size:40px; line-height: 52px } } .counter-card .box-text { font-family: var(--title-font); color: var(--white-color); max-width: 210px; font-size: 24px; font-weight: 500; display: inline-block } @media (max-width: 1299px) { .counter-card .box-text { font-size:20px } } @media (max-width: 767px) { .counter-card .box-text { font-size:16px; max-width: 170px } } .counter-wrap1 { 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 } @media (max-width: 1199px) { .counter-wrap1 { display:grid; grid-template-columns: auto auto; -webkit-box-pack: normal; -webkit-justify-content: normal; -ms-flex-pack: normal; justify-content: normal; gap: 0px } } @media (max-width: 575px) { .counter-wrap1 { display:-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 0px } } .counter-wrap1 .divider { width: 1px; height: 115px; background: var(--body-color) } .counter-wrap1 .divider:last-of-type { display: none } @media (max-width: 1199px) { .counter-wrap1 .divider { display:none } } @media (max-width: 1299px) { .counter-wrap1 .divider { height:65px } } @media (max-width: 1199px) { .counter-wrap1 .divider { display:none } } .counter-wrap1 .media-body { gap: 32px } @media (max-width: 1299px) { .counter-wrap1 .media-body { gap:12px } } @media (max-width: 1199px) { .counter-wrap1 .media-body { display:block } } @media (max-width: 1299px) { .counter-wrap1 .media-body .counter-icon { width:50px } } @media (max-width: 575px) { .counter-wrap1 .media-body .counter-icon { margin-bottom:30px } } .blog-card { overflow: hidden; border: 1px solid var(--light-color); -webkit-transition: 0.4s; transition: 0.4s } .blog-card.style2 { background-color: #EEF1F4; border: none } .blog-card.style2 .blog-date { background-color: var(--theme-color); border: 1px solid var(--white-color) } .blog-card.style2 .th-btn { padding: 9px 18px } .blog-card .blog-date { position: absolute; top: 32px; left: 32px; background: var(--theme-color) } .blog-card .blog-date-title { font-family: var(--subtitle-font); font-weight: 600; font-size: 40px; line-height: 1.5; letter-spacing: 0.02em; text-transform: capitalize; text-align: center; margin-bottom: 0; color: var(--white-color) } .blog-card .blog-date-text { font-weight: 500; font-size: 12px; display: inline-block; color: var(--title-color); background-color: var(--white-color); margin-bottom: 0; padding: 2.5px 13px } .blog-card .blog-content { padding: 38px 32px 32px 32px } @media (max-width: 1299px) { .blog-card .blog-content { padding:30px 22px 22px 22px } } .blog-card .blog-meta { gap: 5px 0; margin-bottom: 16px } .blog-card .blog-meta .comment-icon,.blog-card .blog-meta .author-icon { width: 24px; height: 24px; text-align: center; background: #EEF1F4; border-radius: 48px } .blog-card .blog-meta .comment-icon i,.blog-card .blog-meta .author-icon i { font-size: 12px; margin: 0 } .blog-card .blog-meta span,.blog-card .blog-meta a { font-size: 16px; font-weight: 400; color: var(--body-color); margin-right: 24px } .blog-card .blog-meta span:after,.blog-card .blog-meta a:after { display: none } .blog-card .blog-meta span:last-child,.blog-card .blog-meta a:last-child { margin-right: 8px } .blog-card .blog-meta span:hover,.blog-card .blog-meta a:hover { color: var(--theme-color) } .blog-card .box-title { margin-top: 8px; font-size: 24px; font-weight: 500; margin-bottom: 0 } .blog-card .box-text { margin-top: 9px; margin-bottom: 0 } .blog-card .btn-wrap { margin-top: 25px } .blog-card .th-btn:before { background-color: var(--theme-color) } .blog-card:hover .blog-img a .blog-img-box img:nth-child(1) { -webkit-transform: translatex(0) scalex(1); -ms-transform: translatex(0) scalex(1); transform: translatex(0) scalex(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0) } .blog-card:hover .blog-img a .blog-img-box img:nth-child(2) { -webkit-transform: translatex(-50%) scalex(2); -ms-transform: translatex(-50%) scalex(2); transform: translatex(-50%) scalex(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px) } .blog-card:hover .blog-img .icon-btn { opacity: 1 } .blog-card:hover .blog-img:after { opacity: 0.8 } .blog-card:hover .th-btn { border-color: var(--theme-color) } @media (max-width: 1299px) { .blog-card .box-title { font-size:22px } } @media (max-width: 1199px) { .blog-card .box-title { font-size:24px } } @media (max-width: 991px) { .blog-card .box-title { font-size:20px } } @media (max-width: 767px) { .blog-card { display:block } .blog-card .box-title { font-size: 24px } } @media (max-width: 575px) { .blog-card .box-title { font-size:20px } } @media (max-width: 767px) { .blog-button { margin-bottom:40px } } .blog-img { overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .blog-img a .blog-img-box { width: 100%; height: 270px } @media (max-width: 1299px) { .blog-img a .blog-img-box { height:220px } } @media (max-width: 575px) { .blog-img a .blog-img-box { height:230px } } @media (max-width: 375px) { .blog-img a .blog-img-box { height:190px } } .blog-img a .blog-img-box img { width: 100%; height: auto; background-size: cover; -webkit-transition: 0.5s; transition: 0.5s; position: absolute; top: 0; left: 0 } .blog-img a .blog-img-box img:nth-child(1) { -webkit-transform: translatex(50%) scalex(2); -ms-transform: translatex(50%) scalex(2); transform: translatex(50%) scalex(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px) } .blog-img2 .blog-img-box2 { overflow: hidden } .blog-img2 .blog-img-box2 img { -webkit-transition: 0.9s; transition: 0.9s } .blog-card2:hover .blog-img2 .blog-img-box2 img { -webkit-transform: scale(1.2) rotate(-2deg); -ms-transform: scale(1.2) rotate(-2deg); transform: scale(1.2) rotate(-2deg) } .blog-card2 .blog-content { margin-top: 36px } .blog-card2 .box-text { margin-bottom: 35px } .blog-card2 .blog-date { padding: 4px 0px; bottom: -40px; left: 40px; background-color: var(--title-color); top: unset } .blog-card2 .blog-date .blog-date-title { background-color: unset; font-size: 24px; font-weight: 500; font-family: var(--title-font); line-height: 28px; letter-spacing: 0.48px } .blog-card2 .blog-date .blog-date-text { background-color: unset; color: var(--white-color); font-size: 14px; line-height: 500; line-height: 21px } .blog-card2 .blog-meta a { font-size: 16px; line-height: 28px } .blog-card2 .blog-meta a:last-child { top: 1px } .blog-card2 .blog-meta a:last-child span { margin-right: 6px !important; background: transparent } .blog-card2 .blog-meta a .author-icon { top: 7px; margin-right: 6px !important; background: transparent } .blog-card2 .blog-meta a .author-icon img { width: 14px; height: 14px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .blog-card2 .blog-meta a span { width: 24px; height: 24px; border-radius: 50%; border: 1px solid var(--th-border-color); 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; margin-right: 6px !important } .blog-card2 .blog-meta a span i { margin-right: 0; font-size: 11.5px } @media (max-width: 1199px) { .blog-arae-3 .blog-shape2,.blog-arae-3 .blog-shape1 { display:none } } .blog-grid { position: relative; background-color: #EEF1F4; z-index: 2 } .blog-grid.style2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 0px } @media (max-width: 1399px) { .blog-grid.style2 { display:block } } .blog-grid.style2 .blog-img { min-width: 312px; height: 100%; margin-bottom: 0 } .blog-grid.style2 .blog-img img { width: 100%; height: 100%; object-fit: cover } @media (max-width: 1399px) { .blog-grid.style2 .blog-img { width:100%; min-width: 100%; height: 200px } } .blog-grid.style2 .box-content { padding: 37px 26px 37px 37px } @media (max-width: 375px) { .blog-grid.style2 .box-content { padding:25px 20px } } .blog-grid.style2 .box-title { font-weight: 500 } .blog-grid.style2 .box-text { margin-bottom: 27px } .blog-grid.style2 .blog-date { left: -24px; bottom: 24px } @media (max-width: 1399px) { .blog-grid.style2 .blog-date { left:24px } } .blog-grid .blog-date { position: absolute; bottom: -24px; left: 24px; background: var(--theme-color); padding: 15px 7px; text-align: center; border: 2px solid var(--white-color) } .blog-grid .blog-date .blog-date-text { color: var(--white-color); background-color: unset; font-weight: 500; font-size: 14px; margin-bottom: 0 } .blog-grid .blog-date .blog-date-title { font-family: var(--title-font); font-weight: 500; font-size: 24px; line-height: 24px; letter-spacing: 0.02em; color: var(--white-color); display: block; margin-top: -0.5rem; margin-bottom: 0 } .blog-grid .blog-img { position: relative; overflow: visible } .blog-grid .blog-img img { width: 100% } .blog-grid .blog-meta { margin-bottom: 15px } .blog-grid .blog-meta i { color: var(--theme-color) } .blog-grid .blog-meta img { margin-right: 8px } .blog-grid .box-title { font-weight: 500; margin-bottom: 42px } @media (max-width: 1500px) { .blog-grid .box-title { font-size:24px; line-height: 34px } } .blog-grid .th-btn { padding: 9px 25px } .blog-grid .line-btn { font-size: 16px } .blog-grid .box-content { padding: 56px 26px 51px 32px } .brand-wrap1 .brand-wrap-title { font-size: 24px; font-weight: 600; margin-top: -0.25em; margin-bottom: 40px } .brand-wrap1 .brand-wrap-title span { font-size: 30px } .brand-box { display: grid; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; min-height: 32px } .brand-box img { -webkit-transition: 0.4s; transition: 0.4s } .brand-box:hover img { -webkit-filter: none; filter: none; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) } .brand-wrap3 { position: relative; z-index: 1; padding: 23px 0 } .brand-wrap3:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; background: var(--theme-color2); width: calc(50% - 150px); z-index: -1; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50px 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 50px 100%) } .brand-wrap3 .counter-wrap3 { 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: 24px; padding-left: 140px } .brand-wrap3 .counter-wrap3 .counter-number { color: var(--white-color); font-size: 56px; font-weight: 700; margin-bottom: 0 } .brand-wrap3 .counter-wrap3 .counter-rating { color: var(--yellow-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 8px } .brand-wrap3 .counter-wrap3 .counter-text { font-size: 18px; font-weight: 600; color: var(--white-color); margin-bottom: -0.3em; margin-top: 10px } @media (max-width: 1199px) { .brand-wrap3 .counter-wrap3 { padding-left:50px } .brand-wrap3:after { display: none } } @media (max-width: 991px) { .brand-wrap3 { text-align:center } .brand-wrap3 .counter-wrap3 { padding-left: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; text-align: start } } .checklist ul { padding-left: 0; list-style: none; text-align: left; margin-bottom: 0 } .checklist li { color: var(--title-color); font-weight: 500; font-size: 20px; font-family: var(--title-font); padding-left: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 12px; line-height: normal; position: relative } .checklist li:before { content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_651_4102)'%3E%3Cpath d='M23.3137 3.2813C22.9607 2.92762 22.3878 2.92701 22.0348 3.2798L11.1835 14.1024L7.26844 9.85022C6.93014 9.483 6.35817 9.45919 5.99034 9.79744C5.6228 10.1357 5.59927 10.708 5.93756 11.0755L10.4903 16.02C10.6571 16.2012 10.8904 16.3064 11.1365 16.3115C11.1431 16.3118 11.1495 16.3118 11.1558 16.3118C11.3949 16.3118 11.6249 16.2168 11.7944 16.048L23.312 4.56056C23.6659 4.20783 23.6665 3.63497 23.3137 3.2813Z' fill='%23D3224D'/%3E%3Cpath d='M23.0955 11.0955C22.5959 11.0955 22.191 11.5004 22.191 12C22.191 17.6195 17.6195 22.191 12 22.191C6.38081 22.191 1.80905 17.6195 1.80905 12C1.80905 6.38081 6.38081 1.80905 12 1.80905C12.4996 1.80905 12.9045 1.40414 12.9045 0.904547C12.9045 0.404906 12.4996 0 12 0C5.38312 0 0 5.38312 0 12C0 18.6166 5.38312 24 12 24C18.6166 24 24 18.6166 24 12C24 11.5004 23.5951 11.0955 23.0955 11.0955Z' fill='%23D3224D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_651_4102'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); position: absolute; left: 0; top: 2px; width: 24px; height: 24px } .checklist li>i { color: var(--theme-color); position: relative; top: 2px } .checklist li:not(:last-child) { margin-bottom: 14px } @media (max-width: 575px) { .checklist li { font-size:18px } } @media (max-width: 1199px) { .checklist.mb-45 { margin-bottom:40px } } .checklist.style1 ul li { font-family: var(--body-font); font-size: 18px; font-weight: 400; letter-spacing: 0.02em } .checklist.style2 li { font-size: 20px; font-weight: 500; font-family: var(--title-font); color: var(--title-color); padding-left: 37px } .checklist.style2 li:before { content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_799_6989)'%3E%3Cpath d='M23.3145 3.2813C22.9614 2.92762 22.3886 2.92701 22.0355 3.2798L11.1843 14.1024L7.26917 9.85022C6.93087 9.483 6.3589 9.45919 5.99107 9.79744C5.62353 10.1357 5.6 10.708 5.93829 11.0755L10.4911 16.02C10.6578 16.2012 10.8912 16.3064 11.1372 16.3115C11.1438 16.3118 11.1502 16.3118 11.1565 16.3118C11.3956 16.3118 11.6256 16.2168 11.7951 16.048L23.3127 4.56056C23.6667 4.20783 23.6673 3.63497 23.3145 3.2813Z' fill='%23070E20'/%3E%3Cpath d='M23.0955 11.0955C22.5959 11.0955 22.191 11.5004 22.191 12C22.191 17.6195 17.6195 22.191 12 22.191C6.38081 22.191 1.80905 17.6195 1.80905 12C1.80905 6.38081 6.38081 1.80905 12 1.80905C12.4996 1.80905 12.9045 1.40414 12.9045 0.904547C12.9045 0.404906 12.4996 0 12 0C5.38312 0 0 5.38312 0 12C0 18.6166 5.38312 24 12 24C18.6166 24 24 18.6166 24 12C24 11.5004 23.5951 11.0955 23.0955 11.0955Z' fill='%23070E20'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_799_6989'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); width: 24px } .checklist.style2 li:not(:last-child) { margin-bottom: 18px } .checklist.style3 li { color: var(--title-color); padding-left: 37px } .checklist.style3 li:before { -webkit-clip-path: path("M8.55186 18.5479C11.0008 14.7831 20.008 5.09279 27.4776 0.0585812C27.7949 -0.155222 28.1531 0.264464 27.8901 0.542246C20.7938 8.03629 13.2087 16.513 8.85249 23.8428C8.73114 24.047 8.43819 24.0541 8.31139 23.8533C6.11928 20.381 4.2392 15.3898 0.209389 13.8603C-0.089979 13.7467 -0.0612074 13.3235 0.250089 13.2485C4.1119 12.318 5.92146 15.6208 8.55186 18.5475V18.5479Z"); clip-path: path("M8.55186 18.5479C11.0008 14.7831 20.008 5.09279 27.4776 0.0585812C27.7949 -0.155222 28.1531 0.264464 27.8901 0.542246C20.7938 8.03629 13.2087 16.513 8.85249 23.8428C8.73114 24.047 8.43819 24.0541 8.31139 23.8533C6.11928 20.381 4.2392 15.3898 0.209389 13.8603C-0.089979 13.7467 -0.0612074 13.3235 0.250089 13.2485C4.1119 12.318 5.92146 15.6208 8.55186 18.5475V18.5479Z"); width: 27px; background: var(--title-color) } .checklist.style3 li:not(:last-child) { margin-bottom: 18px } .checklist.style4 li { color: var(--body-color); padding-left: 20px; font-size: 18px; font-weight: 400; font-family: var(--body-font); line-height: inherit } .checklist.style4 li:before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--body-color); -webkit-clip-path: none; clip-path: none; top: 12px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) } .checklist.style4 li:not(:last-child) { margin-bottom: 10px } .checklist.style5 li { font-family: var(--body-font); font-weight: 600; font-size: 18px } .checklist.style5 li:not(:last-child) { margin-bottom: 24px } .checklist.style6 li { font-family: var(--body-font); font-weight: 400; font-size: 18px; letter-spacing: 0.02em; color: var(--body-color) } .checklist.style6 li:before { content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_795_6981)'%3E%3Cpath d='M19.4284 2.73506C19.1342 2.44034 18.6568 2.43983 18.3626 2.73381L9.31989 11.7526L6.05731 8.20917C5.7754 7.90315 5.29876 7.88331 4.99224 8.16518C4.68595 8.44709 4.66634 8.92397 4.94825 9.23026L8.74224 13.3506C8.88118 13.5016 9.07563 13.5893 9.28067 13.5936C9.28618 13.5938 9.29149 13.5938 9.29677 13.5938C9.49603 13.5938 9.68771 13.5147 9.82892 13.374L19.4269 3.80112C19.7219 3.50717 19.7224 3.02979 19.4284 2.73506Z' fill='%23506172'/%3E%3Cpath d='M19.2462 9.24621C18.8299 9.24621 18.4925 9.58363 18.4925 10C18.4925 14.6829 14.6829 18.4925 10 18.4925C5.31734 18.4925 1.50754 14.6829 1.50754 10C1.50754 5.31734 5.31734 1.50754 10 1.50754C10.4163 1.50754 10.7538 1.17012 10.7538 0.753789C10.7538 0.337422 10.4163 0 10 0C4.48594 0 0 4.48594 0 10C0 15.5138 4.48594 20 10 20C15.5138 20 20 15.5138 20 10C20 9.58367 19.6626 9.24621 19.2462 9.24621Z' fill='%23506172'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_795_6981'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") } .checklist.style7 ul li { font-family: var(--body-font); padding: 0; font-weight: 400; font-size: 18px; letter-spacing: 0.02em; color: var(--body-color) } .checklist.style7 ul li:before { display: none } .checklist.style7 ul li span { font-weight: 400; font-size: 18px; letter-spacing: 0.02em; color: var(--title-color) } .checklist.style-line li { font-size: 16px; font-family: var(--body-font); position: relative; gap: 15px } .checklist.style-line li::before { content: ''; position: relative; height: 1px; width: 30px; background: var(--theme-color) } .checklist.style-white li { color: var(--white-color) } .checklist.list-two-column ul { display: inline-grid; grid-template-columns: auto auto; gap: 16px 40px } .checklist.list-two-column ul li { margin-bottom: 0px !important } @media (max-width: 767px) { .checklist.list-two-column ul { grid-template-columns:auto; gap: 20px } .checklist.list-two-column ul li { text-align: initial } } .mega-hover { position: relative; overflow: hidden; z-index: 2 } .mega-hover:after,.mega-hover:before { content: ""; position: absolute; pointer-events: none; opacity: 1; z-index: -1 } .mega-hover:before { top: 0; right: 51%; bottom: 0; left: 50%; background: rgba(255,255,255,0.2) } .mega-hover:after { top: 50%; right: 0; bottom: 50%; left: 0; background: rgba(255,255,255,0.3) } .mega-hover:hover:before { left: 0; right: 0; opacity: 0; -webkit-transition: all 900ms linear; transition: all 900ms linear } .mega-hover:hover:after { top: 0; bottom: 0; opacity: 0; -webkit-transition: all 900ms linear; transition: all 900ms linear } .bg-img { position: absolute; inset: 0; height: 100%; width: 100% } .bg-img img { width: 100%; height: 100% } .th-video { position: relative; border-radius: 10px } .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%) } .rounded-10 { border-radius: 10px } .rounded-20 { border-radius: 20px } @media (max-width: 767px) { .rounded-20 { border-radius: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 30px } .btn-wrap.style2 { gap: 20px 40px } .filter-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 15px; text-align: center; margin-bottom: 60px } @media (max-width: 1199px) { .filter-menu { margin-bottom:50px } } @media (max-width: 991px) { .filter-menu { margin-top:-10px; margin-bottom: 45px; gap: 6px } } .filter-menu .th-btn { border-radius: 5px; padding: 15px 30px; background-color: transparent; color: var(--body-color); border: 1px solid var(--th-border-color); min-width: auto } .filter-menu .th-btn:before { background-color: var(--theme-color) } .filter-menu .th-btn:hover,.filter-menu .th-btn.active { border-color: var(--theme-color); color: var(--white-color) } .filter-menu .th-btn:hover:before,.filter-menu .th-btn.active:before { border-radius: 3px } @media (max-width: 991px) { .filter-menu .th-btn { padding:13px 20px } } @media (max-width: 1199px) { p.mb-40 { margin-bottom:35px } p.mb-45 { margin-bottom: 38px } } .modal-backdrop.show { opacity: .7; z-index: 99 } .modal { z-index: 999; padding-right: 0 !important } .modal-dialog { max-width: 100% } .modal-dialog .modal-content { background: transparent; border: 0 } .modal-dialog .modal-content .modal-header { border: 0 } .modal-dialog .btn-close { padding: 0; outline: 0; box-shadow: none; margin: 0 10px 0 auto; border-radius: 50%; background: var(--theme-color); color: var(--white-color); border: 0; opacity: 1 } .modal-dialog .btn-close:hover i { -webkit-animation: toTopFromBottom .5s forwards; animation: toTopFromBottom .5s forwards } .discount-wrapp { position: relative; width: 160px; height: 160px; border-radius: 50%; z-index: 2 } .discount-wrapp .play-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .discount-wrapp .logo { position: absolute; top: 50%; left: 50%; width: 94px; height: 94px; line-height: 94px; text-align: center; border-radius: 50%; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: var(--title-color); border-radius: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .discount-wrapp .logo:hover>i { background-color: var(--theme-color); color: var(--white-color) } .discount-wrapp .discount { position: absolute; left: 20%; top: 35%; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: 600; font-size: 36px; line-height: 46px; color: var(--theme-color); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); text-align: center; margin-top: -5px; margin-bottom: 0 } .discount-tag { display: inline-block; min-height: 160px; min-width: 160px; border-radius: 50%; z-index: 1; color: var(--title-color); font-size: 14px; font-weight: 600; text-align: center; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); animation: spin 10s infinite alternate-reverse } .discount-tag span { --rotate-letter: 9deg; min-height: 80px; position: absolute; min-width: 64px; left: 24px; top: -2px; text-transform: uppercase; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; -webkit-transform: rotate(var(--rotate-letter)); -ms-transform: rotate(var(--rotate-letter)); transform: rotate(var(--rotate-letter)) } .discount-tag span.char2 { -webkit-transform: rotate(calc(var(--rotate-letter) * 2)); -ms-transform: rotate(calc(var(--rotate-letter) * 2)); transform: rotate(calc(var(--rotate-letter) * 2)) } .discount-tag span.char3 { -webkit-transform: rotate(calc(var(--rotate-letter) * 3)); -ms-transform: rotate(calc(var(--rotate-letter) * 3)); transform: rotate(calc(var(--rotate-letter) * 3)) } .discount-tag span.char4 { -webkit-transform: rotate(calc(var(--rotate-letter) * 4)); -ms-transform: rotate(calc(var(--rotate-letter) * 4)); transform: rotate(calc(var(--rotate-letter) * 4)) } .discount-tag span.char5 { -webkit-transform: rotate(calc(var(--rotate-letter) * 5)); -ms-transform: rotate(calc(var(--rotate-letter) * 5)); transform: rotate(calc(var(--rotate-letter) * 5)) } .discount-tag span.char6 { -webkit-transform: rotate(calc(var(--rotate-letter) * 6)); -ms-transform: rotate(calc(var(--rotate-letter) * 6)); transform: rotate(calc(var(--rotate-letter) * 6)) } .discount-tag span.char7 { -webkit-transform: rotate(calc(var(--rotate-letter) * 7)); -ms-transform: rotate(calc(var(--rotate-letter) * 7)); transform: rotate(calc(var(--rotate-letter) * 7)) } .discount-tag span.char8 { -webkit-transform: rotate(calc(var(--rotate-letter) * 8)); -ms-transform: rotate(calc(var(--rotate-letter) * 8)); transform: rotate(calc(var(--rotate-letter) * 8)) } .discount-tag span.char9 { -webkit-transform: rotate(calc(var(--rotate-letter) * 9)); -ms-transform: rotate(calc(var(--rotate-letter) * 9)); transform: rotate(calc(var(--rotate-letter) * 9)) } .discount-tag span.char10 { -webkit-transform: rotate(calc(var(--rotate-letter) * 10)); -ms-transform: rotate(calc(var(--rotate-letter) * 10)); transform: rotate(calc(var(--rotate-letter) * 10)) } .discount-tag span.char11 { -webkit-transform: rotate(calc(var(--rotate-letter) * 11)); -ms-transform: rotate(calc(var(--rotate-letter) * 11)); transform: rotate(calc(var(--rotate-letter) * 11)) } .discount-tag span.char12 { -webkit-transform: rotate(calc(var(--rotate-letter) * 12)); -ms-transform: rotate(calc(var(--rotate-letter) * 12)); transform: rotate(calc(var(--rotate-letter) * 12)) } .discount-tag span.char13 { -webkit-transform: rotate(calc(var(--rotate-letter) * 13)); -ms-transform: rotate(calc(var(--rotate-letter) * 13)); transform: rotate(calc(var(--rotate-letter) * 13)) } .discount-tag span.char14 { -webkit-transform: rotate(calc(var(--rotate-letter) * 14)); -ms-transform: rotate(calc(var(--rotate-letter) * 14)); transform: rotate(calc(var(--rotate-letter) * 14)) } .discount-tag span.char15 { -webkit-transform: rotate(calc(var(--rotate-letter) * 15)); -ms-transform: rotate(calc(var(--rotate-letter) * 15)); transform: rotate(calc(var(--rotate-letter) * 15)) } .discount-tag span.char16 { -webkit-transform: rotate(calc(var(--rotate-letter) * 16)); -ms-transform: rotate(calc(var(--rotate-letter) * 16)); transform: rotate(calc(var(--rotate-letter) * 16)) } .discount-tag span.char17 { -webkit-transform: rotate(calc(var(--rotate-letter) * 17)); -ms-transform: rotate(calc(var(--rotate-letter) * 17)); transform: rotate(calc(var(--rotate-letter) * 17)) } .discount-tag span.char18 { -webkit-transform: rotate(calc(var(--rotate-letter) * 18)); -ms-transform: rotate(calc(var(--rotate-letter) * 18)); transform: rotate(calc(var(--rotate-letter) * 18)) } .discount-tag span.char19 { -webkit-transform: rotate(calc(var(--rotate-letter) * 19)); -ms-transform: rotate(calc(var(--rotate-letter) * 19)); transform: rotate(calc(var(--rotate-letter) * 19)) } .discount-tag span.char20 { -webkit-transform: rotate(calc(var(--rotate-letter) * 20)); -ms-transform: rotate(calc(var(--rotate-letter) * 20)); transform: rotate(calc(var(--rotate-letter) * 20)) } .discount-tag span.char21 { -webkit-transform: rotate(calc(var(--rotate-letter) * 21)); -ms-transform: rotate(calc(var(--rotate-letter) * 21)); transform: rotate(calc(var(--rotate-letter) * 21)) } .discount-tag span.char22 { -webkit-transform: rotate(calc(var(--rotate-letter) * 22)); -ms-transform: rotate(calc(var(--rotate-letter) * 22)); transform: rotate(calc(var(--rotate-letter) * 22)) } .discount-tag span.char23 { -webkit-transform: rotate(calc(var(--rotate-letter) * 23)); -ms-transform: rotate(calc(var(--rotate-letter) * 23)); transform: rotate(calc(var(--rotate-letter) * 23)) } .discount-tag span.char24 { -webkit-transform: rotate(calc(var(--rotate-letter) * 24)); -ms-transform: rotate(calc(var(--rotate-letter) * 24)); transform: rotate(calc(var(--rotate-letter) * 24)) } .discount-tag span.char25 { -webkit-transform: rotate(calc(var(--rotate-letter) * 25)); -ms-transform: rotate(calc(var(--rotate-letter) * 25)); transform: rotate(calc(var(--rotate-letter) * 25)) } .discount-tag span.char26 { -webkit-transform: rotate(calc(var(--rotate-letter) * 26)); -ms-transform: rotate(calc(var(--rotate-letter) * 26)); transform: rotate(calc(var(--rotate-letter) * 26)) } .discount-tag span.char27 { -webkit-transform: rotate(calc(var(--rotate-letter) * 27)); -ms-transform: rotate(calc(var(--rotate-letter) * 27)); transform: rotate(calc(var(--rotate-letter) * 27)) } .discount-tag span.char28 { -webkit-transform: rotate(calc(var(--rotate-letter) * 28)); -ms-transform: rotate(calc(var(--rotate-letter) * 28)); transform: rotate(calc(var(--rotate-letter) * 28)) } .discount-tag span.char29 { -webkit-transform: rotate(calc(var(--rotate-letter) * 29)); -ms-transform: rotate(calc(var(--rotate-letter) * 29)); transform: rotate(calc(var(--rotate-letter) * 29)) } .discount-tag span.char30 { -webkit-transform: rotate(calc(var(--rotate-letter) * 30)); -ms-transform: rotate(calc(var(--rotate-letter) * 30)); transform: rotate(calc(var(--rotate-letter) * 30)) } .discount-tag span.char31 { -webkit-transform: rotate(calc(var(--rotate-letter) * 31)); -ms-transform: rotate(calc(var(--rotate-letter) * 31)); transform: rotate(calc(var(--rotate-letter) * 31)) } .discount-tag span.char32 { -webkit-transform: rotate(calc(var(--rotate-letter) * 32)); -ms-transform: rotate(calc(var(--rotate-letter) * 32)); transform: rotate(calc(var(--rotate-letter) * 32)) } .discount-tag span.char33 { -webkit-transform: rotate(calc(var(--rotate-letter) * 33)); -ms-transform: rotate(calc(var(--rotate-letter) * 33)); transform: rotate(calc(var(--rotate-letter) * 33)) } .discount-tag span.char34 { -webkit-transform: rotate(calc(var(--rotate-letter) * 34)); -ms-transform: rotate(calc(var(--rotate-letter) * 34)); transform: rotate(calc(var(--rotate-letter) * 34)) } .discount-tag span.char35 { -webkit-transform: rotate(calc(var(--rotate-letter) * 35)); -ms-transform: rotate(calc(var(--rotate-letter) * 35)); transform: rotate(calc(var(--rotate-letter) * 35)) } .discount-tag span.char36 { -webkit-transform: rotate(calc(var(--rotate-letter) * 36)); -ms-transform: rotate(calc(var(--rotate-letter) * 36)); transform: rotate(calc(var(--rotate-letter) * 36)) } .discount-tag span.char37 { -webkit-transform: rotate(calc(var(--rotate-letter) * 37)); -ms-transform: rotate(calc(var(--rotate-letter) * 37)); transform: rotate(calc(var(--rotate-letter) * 37)) } .discount-tag span.char38 { -webkit-transform: rotate(calc(var(--rotate-letter) * 38)); -ms-transform: rotate(calc(var(--rotate-letter) * 38)); transform: rotate(calc(var(--rotate-letter) * 38)) } .discount-tag span.char39 { -webkit-transform: rotate(calc(var(--rotate-letter) * 39)); -ms-transform: rotate(calc(var(--rotate-letter) * 39)); transform: rotate(calc(var(--rotate-letter) * 39)) } .discount-tag span.char40 { -webkit-transform: rotate(calc(var(--rotate-letter) * 40)); -ms-transform: rotate(calc(var(--rotate-letter) * 40)); transform: rotate(calc(var(--rotate-letter) * 40)) } .discount-tag span.char41 { -webkit-transform: rotate(calc(var(--rotate-letter) * 41)); -ms-transform: rotate(calc(var(--rotate-letter) * 41)); transform: rotate(calc(var(--rotate-letter) * 41)) } .discount-tag span.char42 { -webkit-transform: rotate(calc(var(--rotate-letter) * 42)); -ms-transform: rotate(calc(var(--rotate-letter) * 42)); transform: rotate(calc(var(--rotate-letter) * 42)) } .discount-tag span.char43 { -webkit-transform: rotate(calc(var(--rotate-letter) * 43)); -ms-transform: rotate(calc(var(--rotate-letter) * 43)); transform: rotate(calc(var(--rotate-letter) * 43)) } .discount-tag span.char44 { -webkit-transform: rotate(calc(var(--rotate-letter) * 44)); -ms-transform: rotate(calc(var(--rotate-letter) * 44)); transform: rotate(calc(var(--rotate-letter) * 44)) } .discount-tag span.char45 { -webkit-transform: rotate(calc(var(--rotate-letter) * 45)); -ms-transform: rotate(calc(var(--rotate-letter) * 45)); transform: rotate(calc(var(--rotate-letter) * 45)) } .discount-tag span.char46 { -webkit-transform: rotate(calc(var(--rotate-letter) * 46)); -ms-transform: rotate(calc(var(--rotate-letter) * 46)); transform: rotate(calc(var(--rotate-letter) * 46)) } .discount-tag span.char47 { -webkit-transform: rotate(calc(var(--rotate-letter) * 47)); -ms-transform: rotate(calc(var(--rotate-letter) * 47)); transform: rotate(calc(var(--rotate-letter) * 47)) } .discount-tag span.char48 { -webkit-transform: rotate(calc(var(--rotate-letter) * 48)); -ms-transform: rotate(calc(var(--rotate-letter) * 48)); transform: rotate(calc(var(--rotate-letter) * 48)) } .discount-tag span.char49 { -webkit-transform: rotate(calc(var(--rotate-letter) * 49)); -ms-transform: rotate(calc(var(--rotate-letter) * 49)); transform: rotate(calc(var(--rotate-letter) * 49)) } .discount-tag span.char50 { -webkit-transform: rotate(calc(var(--rotate-letter) * 50)); -ms-transform: rotate(calc(var(--rotate-letter) * 50)); transform: rotate(calc(var(--rotate-letter) * 50)) } .video-box1 { position: relative; z-index: 3; min-height: 721px; background-attachment: fixed } @media (max-width: 767px) { .video-box1 { min-height:450px } } .video-box1:before { content: ""; position: absolute; inset: 0; background: -webkit-linear-gradient(bottom, rgba(3,6,14,0.2), rgba(3,6,14,0.2)); background: linear-gradient(0deg, rgba(3,6,14,0.2), rgba(3,6,14,0.2)); z-index: -1 } .video-box1 .video-wrapp { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .video-box1 .video-wrapp .play-btn:before,.video-box1 .video-wrapp .play-btn:after { display: none } .video-box1 .video-wrapp .play-btn>i { background-color: var(--theme-color); color: var(--white-color) } .video-box1 .video-wrapp .discount-tag { color: var(--white-color) } .video-box2 { position: relative; z-index: 3; min-height: 605px } @media (max-width: 767px) { .video-box2 { min-height:450px } } .video-box2:before { content: ""; position: absolute; inset: 0; background: -webkit-linear-gradient(bottom, rgba(3,6,14,0.2), rgba(3,6,14,0.2)); background: linear-gradient(0deg, rgba(3,6,14,0.2), rgba(3,6,14,0.2)); z-index: -1 } .video-box2 .video-wrapp { position: absolute; top: -10px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .video-box2 .video-wrapp .play-btn:before,.video-box2 .video-wrapp .play-btn:after { display: none } .video-box2 .video-wrapp .play-btn>i { background-color: var(--theme-color); color: var(--white-color) } .video-box2 .video-wrapp .discount-tag { color: var(--title-color) } @media (max-width: 991px) { .why-area .choose-wrapp { margin-top:15px !important } } @media (max-width: 767px) { .why-card { max-width:-webkit-max-content; max-width: -moz-max-content; max-width: max-content; margin-left: auto; margin-right: auto } } @media (max-width: 575px) { .why-card { max-width:auto; text-align: center } } .why-card .th-btn { padding: 10px 20px } @media (max-width: 1700px) { .why-shape { width:100px } } @media (max-width: 1500px) { .why-shape { display:none } } .why-bg { background-color: #FFF6F8 } .why-video { position: absolute; max-width: 724px; height: 100%; top: 0; right: 0 } @media (max-width: 1840px) { .why-video { max-width:600px } } @media (max-width: 1600px) { .why-video { max-width:550px } } @media (max-width: 1399px) { .why-video { max-width:480px } } @media (max-width: 1299px) { .why-video { max-width:425px } } @media (max-width: 1199px) { .why-video { max-width:100%; position: relative } } @media (max-width: 575px) { .why-video { max-width:100% } } .why-video-bg { position: relative; height: 100%; z-index: 3; margin-right: -16% } @media (max-width: 1399px) { .why-video-bg { margin:0 } } .why-video-bg img { width: 100%; height: 100%; object-fit: cover } .why-video-bg:before { content: ""; position: absolute; inset: 0; background: -webkit-linear-gradient(bottom, rgba(3,6,14,0.4), rgba(3,6,14,0.4)); background: linear-gradient(0deg, rgba(3,6,14,0.4), rgba(3,6,14,0.4)); z-index: 1 } .why-video-btn { position: absolute; left: 0; right: 0; margin: auto; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 3 } .why-video-btn .video-play-btn { width: 94px; height: 94px; line-height: 94px; background-color: var(--theme-color) } .why-video-btn .video-play-btn>i { --icon-size: 94px; color: var(--white-color); font-size: 28px } .why-card .th-btn { border-color: var(--th-border-color) } .why-titlebox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 22px; max-width: 352px } @media (max-width: 575px) { .why-titlebox { display:block } } .why-number { font-weight: 400; font-size: 57px; line-height: 72px; letter-spacing: 0.02em; color: var(--theme-color); font-family: var(--subtitle-font); top: -12px } .why-title { font-weight: 500; font-size: 24px; line-height: 1.5; letter-spacing: 0.02em; color: var(--title-color) } .why-title a { color: var(--title-color) } .why-content .box-text-wrap { max-width: 377px } .why-content .box-text { font-size: 16px; letter-spacing: 0; margin-top: -0.1em; margin-bottom: -0.5em } .why-content .box-title { font-weight: 500; margin-bottom: 10px } .why-area-3 { background-color: var(--smoke-color) } @media (max-width: 991px) { .why-area-3 { padding-top:0 !important } } .why-area-3 .why-shape-1 { z-index: 1; top: 20%; left: 41% } @media (min-width: 1922px) { .why-area-3 .why-shape-1 { left:55% } } @media (max-width: 1800px) { .why-area-3 .why-shape-1 { left:47% } } @media (max-width: 991px) { .why-area-3 .why-shape-1 { display:none } } @media (max-width: 991px) { .why-area-3 .why-shape-2 { display:none } } .why-area-3 .sec-text { max-width: 608px } .why-video3 { position: absolute; height: 100%; top: 0; right: 0 } @media (max-width: 1800px) { .why-video3 { width:50% } } @media (max-width: 991px) { .why-video3 { position:relative; width: 100% } } @media (max-width: 991px) { .why-wrap3 { margin-top:60px } } .why-wrap3 .title-wrap { max-width: 382px; margin-bottom: -0.10em } @media (max-width: 991px) { .why-wrap3 .title-wrap { text-align:left } } .why-wrap3 .checklist { width: 100%; margin-top: -5px } .why-wrap3 .checklist ul li { font-family: var(--body-font); color: var(--black-color8); letter-spacing: 0.36px; font-size: 18px; line-height: 32px; font-weight: 600; padding-left: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 16px } .why-wrap3 .checklist ul li::before { display: none } .why-wrap3 .checklist ul li img { width: 20px; height: 20px } .resources-sec { background-color: #EEF1F4 } .faculty-search-wrap { position: relative } .faculty-search-wrap input { font-weight: 400; font-size: 18px; letter-spacing: 0.02em; background-color: transparent; border: 1px solid #B7C2CC; border-radius: 0; color: #506172; height: 66px } .faculty-search-wrap button { position: absolute; right: 0; height: 64px; border: 0; width: 64px; background-color: transparent; color: var(--body-color); -webkit-transform: 0.4s; -ms-transform: 0.4s; transform: 0.4s } .faculty-card { position: relative } @media (max-width: 1500px) { .faculty-card.style2 .box-content { padding:40px 30px } } @media (max-width: 1399px) { .faculty-card.style2 .box-content { width:calc(100% - 30px) } } @media (max-width: 1299px) { .faculty-card.style2 .box-content { padding:40px 10px } } .faculty-card .box-img { position: relative; z-index: 2 } .faculty-card .box-img:before { content: ""; position: absolute; inset: 0; background: -webkit-linear-gradient(bottom, rgba(11,11,12,0.3), rgba(11,11,12,0.3)); background: linear-gradient(0deg, rgba(11,11,12,0.3), rgba(11,11,12,0.3)); z-index: 1 } .faculty-card .box-content { position: relative; background-color: var(--white-color); box-shadow: 0px 10px 50px rgba(135,143,151,0.2); width: calc(100% - 80px); margin: -75px auto 0 auto; padding: 48px 60px; text-align: center; z-index: 2 } @media (max-width: 1500px) { .faculty-card .box-content { padding:40px } } @media (max-width: 1399px) { .faculty-card .box-content { padding:40px 20px } } @media (max-width: 1299px) { .faculty-card .box-content { width:calc(100% - 30px) } } @media (max-width: 1199px) { .faculty-card .box-content { padding:40px 35px; width: calc(100% - 50px) } } @media (max-width: 375px) { .faculty-card .box-content { padding:40px 20px; width: calc(100% - 20px) } } .faculty-card .box-title { position: relative; font-weight: 500; font-size: 24px; color: #070E20; line-height: 1.4; display: block; letter-spacing: 0.02em; padding-bottom: 18px; margin-bottom: 32px } .faculty-card .box-title:after { position: absolute; width: 58px; height: 2px; bottom: 0; left: 50%; content: ""; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: var(--theme-color); -webkit-transition: .4s; transition: .4s } .faculty-card .th-btn:before { background: var(--theme-color) } .faculty-card .th-btn:hover { border-color: var(--theme-color) } .faculty-item:not(:last-child) { border-bottom: 1px solid #D3DBE2; margin-bottom: 40px; padding-bottom: 40px } .faculty-item .faculty-wrapp { 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; gap: 24px } @media (max-width: 991px) { .faculty-item .faculty-wrapp { -webkit-box-orient:vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .faculty-item .faculty-wrapp .box-wrapp { 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: 24px } @media (max-width: 767px) { .faculty-item .faculty-wrapp .box-wrapp { -webkit-box-orient:vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .faculty-item .faculty-wrapp .box-img { min-width: 260px } @media (max-width: 767px) { .faculty-item .faculty-wrapp .box-img { min-width:100% } } .faculty-item .faculty-wrapp .box-title { margin-bottom: 8px } .faculty-item .faculty-wrapp .box-text { font-size: 16px; max-width: 650px } .faculty-item .faculty-wrapp .box-meta { min-width: 394px; text-align: left } @media (max-width: 1199px) { .faculty-item .faculty-wrapp .box-meta { min-width:300px } } @media (max-width: 991px) { .faculty-item .faculty-wrapp .box-meta { min-width:100% } } .faculty-item .faculty-wrapp .box-meta a { display: block; font-size: 18px; font-family: var(--title-font); font-weight: 500 } .faculty-card .faculty-image { margin-bottom: 30px } .faculty-card .box-text { font-size: 16px; margin-bottom: 0 } .faculty-card .h5 { font-size: 24px } .faculty-card .th-btn { padding: 11px 25px } .faculty-list { margin-bottom: 30px } .faculty-list .box-title { margin-bottom: 5px } .faculty-list .box-text { font-size: 16px } .faculty-area { background-color: #FFF6F8 } .research-card { background-color: #EEF1F4 } .research-card .box-content { padding: 48px 30px 48px 48px } @media (max-width: 1500px) { .research-card .box-content { padding:38px 30px 38px 30px } } @media (max-width: 1299px) { .research-card .box-content { padding:38px 20px 38px 20px } } .research-card .box-text { margin-bottom: 35px } .mfp-wrap { -webkit-transform: translateY(-65px); -ms-transform: translateY(-65px); transform: translateY(-65px); -webkit-transition: all 1s ease-out; transition: all 1s ease-out } .mfp-wrap.mfp-ready { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .popup-login-register { position: relative; max-width: 606px; display: block; margin: auto; background: var(--white-color); border-radius: 16px; padding: 40px } .popup-login-register ul { gap: 30px; border-bottom: 3px solid var(--th-border-color); margin-bottom: 28px } .popup-login-register ul li .nav-menu { position: relative; background: transparent; font-size: 18px; color: var(--body-color); border: none; font-family: var(--title-font); font-weight: 600; padding: 0; padding-bottom: 20px } .popup-login-register ul li .nav-menu:before { content: ''; height: 3px; width: 100%; position: absolute; bottom: -3px; left: 0 } .popup-login-register ul li .nav-menu.active { color: var(--black-color2) } .popup-login-register ul li .nav-menu.active:before { background-color: var(--theme-color) } .popup-login-register .box-title { font-size: 28px; font-weight: 700 } .faq-area-1 { background-color: var(--smoke-color) } .faq-area-1 .ripple-1,.faq-area-1 .ripple-2,.faq-area-1 .ripple-3,.faq-area-1 .ripple-4,.faq-area-1 .ripple-5 { width: 526px; height: 526px; position: absolute; left: -150px; text-align: center; bottom: -50px; margin: auto; background-color: transparent; border: 1px solid rgba(87,88,95,0.5); border-radius: 50%; -webkit-animation: ripple2 10s linear infinite; animation: ripple2 10s linear infinite; opacity: 0 } .faq-area-1 .ripple-1 { -webkit-animation-delay: 0; animation-delay: 0 } .faq-area-1 .ripple-2 { -webkit-animation-delay: 2s; animation-delay: 2s } .faq-area-1 .ripple-3 { -webkit-animation-delay: 4s; animation-delay: 4s } .faq-area-1 .ripple-4 { -webkit-animation-delay: 6s; animation-delay: 6s } .faq-area-1 .ripple-5 { -webkit-animation-delay: 8s; animation-delay: 8s } .accordion-card { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; border-radius: 0; overflow: hidden; background-color: var(--title-color); border: 1px solid var(--th-border-color); text-align: left; position: relative; z-index: 3; padding-bottom: 13px } .accordion-card:not(:last-child) { margin-bottom: 16px } .accordion-card:has(.accordion-button.collapsed) { background-color: transparent; border: 1px solid var(--th-border-color) } .accordion-card .accordion-button { font-size: 24px; font-weight: 500; font-family: var(--title-font); border: 0; color: var(--title-color); background-color: transparent; border-radius: 0; padding: 27px 55px 12px 30px; gap: 10px; margin-bottom: 0; text-align: left; letter-spacing: 0.02em; -webkit-transition: 0.3s; transition: 0.3s; position: relative } @media (max-width: 767px) { .accordion-card .accordion-button { font-size:20px } } .accordion-card .accordion-button:after { content: "\2b"; height: 100%; width: auto; line-height: 1; background-color: transparent; background-image: none; font-family: var(--icon-font); color: var(--title-color); font-weight: 500; font-size: 24px; 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: 6px; right: 30px; -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(--white-color) } .accordion-card .accordion-button:not(.collapsed):after { content: "\f00d"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); color: var(--white-color) } .accordion-card .accordion-collapse { border: none } .accordion-card .accordion-body { border: none; padding: 0 35px 20px 0; margin: 0 30px } .accordion-card .faq-text { margin-bottom: -0.48em; color: var(--white-color); font-size: 16px; letter-spacing: 0 } @media (max-width: 575px) { .accordion-card { padding-bottom:6px } .accordion-card .accordion-button { font-size: 18px; padding: 20px 55px 12px 20px } .accordion-card .accordion-button:after { right: 20px } .accordion-card .accordion-body { padding: 0px 0 20px; margin: 0 20px } } .faq-wrap { max-width: 500px } @media (max-width: 1399px) { .faq-wrap { max-width:100%; text-align: center } } .faq-content { margin-left: 37px } @media (max-width: 1600px) { .faq-content { margin-left:100px } } @media (max-width: 1500px) { .faq-content { margin-left:200px } } @media (max-width: 1399px) { .faq-content { margin-left:0px } } .faq .box-text { font-size: 18px; max-width: 480px } @media (max-width: 1700px) { .faq-shape3 { width:100px } } @media (max-width: 991px) { .faq-shape3 { display:none } } .faq-imgbox { position: relative; left: -50%; 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: 16px } @media (max-width: 1700px) { .faq-imgbox { left:-38% } } @media (max-width: 1600px) { .faq-imgbox { left:-24% } } @media (max-width: 1500px) { .faq-imgbox { left:0 } } @media (max-width: 1399px) { .faq-imgbox { -webkit-box-pack:center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } @media (max-width: 1299px) { .faq-imgbox { -webkit-box-pack:center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } @media (max-width: 767px) { .faq-imgbox { display:block; text-align: center; margin: auto } } .faq-imgbox img { max-width: inherit } @media (max-width: 767px) { .faq-imgbox img { width:100% } } .faq-imgbox .img1>img { margin-bottom: 16px } @media (max-width: 1299px) { .faq-imgbox .img1>img { display:block } } @media (max-width: 767px) { .faq-imgbox .img1 { text-align:center; margin: auto } } .faq-area-2 { background-color: var(--smoke-color) } @media (max-width: 1700px) { .faq-area-2 .faq-shape { width:100px } } @media (max-width: 1299px) { .faq-area-2 .faq-shape { display:none } } .faq-area-2 .faq-wrap2:last-child { margin-top: 16px } .accordion-card.style2 { background-color: transparent } .accordion-card.style2 .accordion-button:not(.collapsed) { color: var(--title-color) } .accordion-card.style2 .accordion-button:not(.collapsed)::after { color: var(--theme-color) } .accordion-card.style2 .faq-text { color: var(--body-color) } .accordion-card.style3 { background-color: transparent; padding-bottom: 0 } .accordion-card.style3 .accordion-button { padding: 24px 33px; font-size: 28px } @media (max-width: 1500px) { .accordion-card.style3 .accordion-button { font-size:24px } } @media (max-width: 1399px) { .accordion-card.style3 .accordion-button { font-size:20px } } @media (max-width: 1299px) { .accordion-card.style3 .accordion-button { padding:20px 16px } } .accordion-card.style3 .accordion-button:after { border: 1px solid #B7C2CC; width: 40px; height: 40px; background-color: transparent; border-radius: 48px; content: "\f107"; top: 20px } @media (max-width: 1299px) { .accordion-card.style3 .accordion-button:after { top:15px; right: 16px } } @media (max-width: 375px) { .accordion-card.style3 .accordion-button:after { width:25px; height: 25px; font-size: 20px; top: 25px } } .accordion-card.style3 .accordion-button:not(.collapsed) { background-color: var(--theme-color); color: var(--white-color) } .accordion-card.style3 .accordion-button:not(.collapsed)::after { background-color: #FFF6F8; color: var(--theme-color); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); border-color: var(--theme-color) } .accordion-card.style3 .faq-text { color: var(--body-color) } .accordion-card.style3 .accordion-body { position: relative; margin: 0; z-index: 2; padding: 35px 32px } .accordion-card.style3 .accordion-body:before { content: ""; position: absolute; inset: 0; background: -webkit-linear-gradient(bottom, rgba(7,14,32,0.7), rgba(7,14,32,0.7)); background: linear-gradient(0deg, rgba(7,14,32,0.7), rgba(7,14,32,0.7)); z-index: -1 } .accordion-card.style3 .accordion-body .list { padding: 0 } .accordion-card.style3 .accordion-body .list li { list-style: none; font-weight: 600; font-size: 24px; color: var(--white-color) } @media (max-width: 1399px) { .accordion-card.style3 .accordion-body .list li { font-size:18px } } .accordion-card.style3 .accordion-body .list li:not(:last-child) { margin-bottom: 10px } .top-rated { background-color: #FFF6F8; padding: 30px 78px; 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 } @media (max-width: 1500px) { .top-rated { padding:30px 40px } } @media (max-width: 480px) { .top-rated { -webkit-box-orient:vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 30px } } .top-rated .author { margin-bottom: 10px } .top-rated .h4 { margin-bottom: 0 } @media (max-width: 1399px) { .top-rated .h4 { font-size:20px; line-height: 30px } } .top-rated .title { font-family: var(--body-font); font-weight: 600; font-size: 20px; line-height: 20px; color: var(--title-color); margin-bottom: 0 } .top-rated .text { font-weight: 500; font-size: 14px; color: var(--title-color); margin-bottom: 0 } .service-card { background-color: var(--title-color); padding: 40px; 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-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } @media (max-width: 1499px) { .service-card { padding:30px } } @media (max-width: 991px) { .service-card { padding:30px 20px } } @media (max-width: 375px) { .service-card { -webkit-box-orient:vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 20px } } .service-card .box-title { font-weight: 700; font-size: 28px; letter-spacing: 0.02em; color: var(--white-color); max-width: 174px; margin-bottom: 5px } .service-card .box-title a { color: inherit } @media (max-width: 1499px) { .service-card .box-title { font-size:24px } } .service-card .box-text { font-weight: 400; font-size: 18px; letter-spacing: 0.02em; color: var(--white-color); margin-bottom: 30px; max-width: 294px } @media (max-width: 375px) { .service-card .box-text { max-width:100% } } .service-card .icon-btn { width: 48px; height: 48px; background-color: var(--theme-color); border-radius: 48px; border: none } .service-card .box-wrapp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 375px) { .service-card .box-wrapp { gap:20px } } .service-card .box-number { font-weight: 600; font-size: 72px; line-height: 72px; /* leading-trim: both; text-edge: cap; */ text-transform: capitalize; color: rgba(255,255,255,0.2); margin-bottom: 0 } .service-card:hover { background-color: var(--theme-color) } .service-card:hover .icon-btn { background-color: var(--title-color) } .service-card2 { position: relative; background: var(--title-color); overflow: hidden; z-index: 1; padding: 40px } .service-card2 .box-img { position: absolute; inset: 0; z-index: -1; -webkit-transition: 0.4s; transition: 0.4s; opacity: 0 } .service-card2 .box-img img { width: 100%; height: 100%; object-fit: cover } .service-card2 .box-img:after { content: ''; position: absolute; inset: 0; background: -webkit-linear-gradient(top, rgba(32,40,68,0.16) -25.28%, rgba(32,40,68,0.8) 50.11%); background: linear-gradient(180deg, rgba(32,40,68,0.16) -25.28%, rgba(32,40,68,0.8) 50.11%) } .service-card2 .box-icon { -webkit-transition: 0.4s; transition: 0.4s; width: 100px; height: 100px; line-height: 100px; border-radius: 50%; background: var(--black-color2); text-align: center; margin-bottom: 40px; position: relative; z-index: 1 } .service-card2 .box-icon:after { content: ""; position: absolute; inset: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); border-radius: 50%; background-color: var(--theme-color); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52); transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index: -1 } .service-card2 .box-icon img { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-filter: brightness(99); filter: brightness(99) } .service-card2 .box-title { margin-top: -0.35em; margin-bottom: 15px; font-weight: 600; font-size: 28px } .service-card2 .box-title a { color: var(--white-color) } .service-card2 .box-title:hover a { color: var(--theme-color) } .service-card2 .box-text { margin-bottom: -0.5em; color: var(--light-color) } .service-card2 .th-btn { margin-top: 40px } .service-card2 .th-btn:after { -webkit-transition: 0.4s; transition: 0.4s } .service-card2:hover .box-img { opacity: 1 } .service-card2:hover .box-icon:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .service-card2:hover .box-icon img { -webkit-filter: none; filter: none; -webkit-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg) } .service-card2:hover .th-btn { color: var(--title-color) } .service-card2:hover .th-btn:after { width: 100% } .service-card2:hover .th-btn:hover:after { background: var(--white-color) } @media (max-width: 767px) { .service-card2 .box-title { font-size:24px } } @media (max-width: 375px) { .service-card2 { padding:35px } .service-card2 .box-icon { margin-bottom: 30px } } .service-slider3 { margin-right: -140px } .service-slider3 .slider-scrollbar { max-width: calc(100% - 140px) } @media (min-width: 1922px) { .service-slider3 { margin-right:0 } .service-slider3 .slider-scrollbar { max-width: 100% } } @media (max-width: 1500px) { .service-slider3 { margin-right:0 } .service-slider3 .slider-scrollbar { max-width: 100% } } .service-card3 { background: var(--black-color2); padding: 48px 32px } .service-card3 .box-icon { height: 100px; width: 100px; border-radius: 50%; display: inline-block; 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 1px solid var(--light-color); margin-bottom: 48px; position: relative; z-index: 1; -webkit-transition: 0.4s; transition: 0.4s } .service-card3 .box-icon:after { content: ""; position: absolute; inset: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); border-radius: 50%; background-color: var(--theme-color); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52); transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index: -1 } .service-card3 .box-icon .color-masking { -webkit-transition: 0.4s; transition: 0.4s } .service-card3 .box-title { font-size: 28px } .service-card3 .box-title a { color: var(--white-color) } .service-card3 .box-title a:hover { color: var(--theme-color) } .service-card3 .box-text { color: var(--light-color); margin-bottom: 40px; font-size: 18px } .service-card3:hover .box-icon { border-color: var(--theme-color) } .service-card3:hover .box-icon:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .service-card3:hover .box-icon .color-masking { -webkit-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); -webkit-filter: brightness(99); filter: brightness(99) } .service-card3:hover .th-btn { color: var(--title-color) } .service-card3:hover .th-btn:after { width: 100% } .service-card3:hover .th-btn:hover:after { background: var(--white-color) } @media (max-width: 991px) { .service-card3 { padding:40px 30px } .service-card3 .box-icon { margin-bottom: 30px } .service-card3 .box-title { font-size: 24px } .service-card3 .box-text { font-size: 15px } } @media (max-width: 767px) { .service-card3 .box-text { font-size:16px } } .service-area-4 { background-repeat: no-repeat; background-size: 100% 50%; background-position: top } .service-slider4 { margin-right: -140px } @media (min-width: 1922px) { .service-slider4 { margin-right:0 } } @media (max-width: 1500px) { .service-slider4 { margin-right:0 } } .service-card4 { background: var(--smoke-color); padding: 56px; position: relative; z-index: 1 } .service-card4 .box-img { position: absolute; inset: 0; z-index: -1; -webkit-transition: 0.4s; transition: 0.4s; opacity: 0 } .service-card4 .box-img img { width: 100%; height: 100%; object-fit: cover } .service-card4 .box-img:after { content: ''; position: absolute; inset: 0; background: var(--title-color); opacity: 0.6 } .service-card4 .box-icon { -webkit-transition: 0.4s; transition: 0.4s; width: 80px; height: 80px; line-height: 78px; border-radius: 50%; background: transparent; border: 1px solid var(--light-color); text-align: center; margin-bottom: 40px; position: relative; z-index: 1 } .service-card4 .box-icon:after { content: ""; position: absolute; inset: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); border-radius: 50%; background-color: var(--theme-color); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52); transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index: -1 } .service-card4 .box-icon img { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .service-card4 .box-number { font-size: 72px; font-weight: 800; font-family: var(--title-font); position: absolute; top: 70px; right: 56px; line-height: 0.75em; color: transparent; -webkit-text-stroke: 1px var(--light-color) } .service-card4 .box-title { font-size: 28px; font-weight: 600; margin-bottom: 7px } .service-card4 .box-text { -webkit-transition: 0.4s; transition: 0.4s } .service-card4 .th-btn { margin-top: 32px } .service-card4:hover .box-img { opacity: 1 } .service-card4:hover .box-icon { border-color: var(--theme-color) } .service-card4:hover .box-icon:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .service-card4:hover .box-icon img { -webkit-filter: none; filter: none; -webkit-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg) } .service-card4:hover .box-title a { color: var(--white-color) } .service-card4:hover .box-title a:hover { color: var(--theme-color) } .service-card4:hover .box-text { color: var(--light-color) } .service-card4:hover .th-btn { border-color: var(--theme-color) } .service-card4:hover .th-btn:after { width: 100%; background: var(--theme-color) } .service-card4:hover .th-btn:hover { border-color: var(--theme-color2) } .service-card4:hover .th-btn:hover:after { background: var(--theme-color2) } @media (max-width: 1500px) { .service-card4 { padding:50px } .service-card4 .box-title { font-size: 24px } } @media (max-width: 1399px) { .service-card4 { padding:40px } } @media (max-width: 575px) { .service-card4 { padding:30px } .service-card4 .box-icon { margin-bottom: 30px } .service-card4 .box-number { top: 45px; right: 30px } } .service-bg-shape5-1 { width: 158px } .service-tabs { border: 0; gap: 1px; padding-bottom: 53px } .service-tabs .nav-item { width: 33.26% } .service-tabs .nav-item .nav-link { margin-bottom: 0; width: 100%; padding: 48px 20px; border-radius: 0; border: 0; background: var(--title-color); font-size: 28px; font-weight: 600; color: var(--white-color); position: relative; height: 100% } .service-tabs .nav-item .nav-link:after { content: ''; position: absolute; bottom: 40px; background: transparent; height: 40px; width: 60px; left: 50%; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-50%, 100%); border-top: solid 40px var(--theme-color); border-left: solid 30px transparent; border-right: solid 30px transparent; -webkit-transition: 0.4s; transition: 0.4s; opacity: 0; z-index: -1 } .service-tabs .nav-item .nav-link .box-icon { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100px; height: 100px; border-radius: 50%; margin: auto; text-align: center; -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; background: var(--white-color); margin-bottom: 28px } .service-tabs .nav-item .nav-link .box-icon .color-masking { -webkit-filter: brightness(0.2); filter: brightness(0.2); -webkit-transition: 0.4s; transition: 0.4s } .service-tabs .nav-item .nav-link .box-icon .masking-src { background: var(--title-color); -webkit-transition: 0.4s; transition: 0.4s } .service-tabs .nav-item .nav-link.active { background: var(--theme-color) } .service-tabs .nav-item .nav-link.active:after { bottom: 0; opacity: 1 } .service-tabs .nav-item .nav-link.active .box-icon .color-masking { -webkit-filter: none; filter: none } .service-tabs .nav-item .nav-link.active .box-icon .masking-src { background: var(--theme-color) } @media (max-width: 1199px) { .service-tabs .nav-item .nav-link { font-size:24px } } @media (max-width: 991px) { .service-tabs .nav-item { width:33.23% } .service-tabs .nav-item .nav-link { padding: 30px 20px; font-size: 18px } .service-tabs .nav-item .nav-link .box-icon { width: 90px; height: 90px; margin-bottom: 20px } .service-tabs .nav-item .nav-link:after { height: 25px; width: 40px; border-top: solid 25px var(--theme-color); border-left: solid 20px transparent; border-right: solid 20px transparent } } @media (max-width: 767px) { .service-tabs { -webkit-box-pack:center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .service-tabs .nav-item { width: 49.9% } .service-tabs .nav-item .nav-link:after { display: none } } @media (max-width: 575px) { .service-tabs .nav-item { width:100% } } .service-tab-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: var(--title-color) } .service-tab-content .service-tab-list-wrap { padding: 80px 48px; width: 33.333%; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } .service-tab-content .service-tab-list-wrap .service-tab-list { position: relative; padding-left: 80px; z-index: 1 } .service-tab-content .service-tab-list-wrap .service-tab-list:before { content: ''; position: absolute; left: 15px; top: 25px; height: 24px; background: var(--theme-color); -webkit-clip-path: path("M8.55186 18.5479C11.0008 14.7831 20.008 5.09279 27.4776 0.0585812C27.7949 -0.155222 28.1531 0.264464 27.8901 0.542246C20.7938 8.03629 13.2087 16.513 8.85249 23.8428C8.73114 24.047 8.43819 24.0541 8.31139 23.8533C6.11928 20.381 4.2392 15.3898 0.209389 13.8603C-0.089979 13.7467 -0.0612074 13.3235 0.250089 13.2485C4.1119 12.318 5.92146 15.6208 8.55186 18.5475V18.5479Z"); clip-path: path("M8.55186 18.5479C11.0008 14.7831 20.008 5.09279 27.4776 0.0585812C27.7949 -0.155222 28.1531 0.264464 27.8901 0.542246C20.7938 8.03629 13.2087 16.513 8.85249 23.8428C8.73114 24.047 8.43819 24.0541 8.31139 23.8533C6.11928 20.381 4.2392 15.3898 0.209389 13.8603C-0.089979 13.7467 -0.0612074 13.3235 0.250089 13.2485C4.1119 12.318 5.92146 15.6208 8.55186 18.5475V18.5479Z"); width: 27px } .service-tab-content .service-tab-list-wrap .service-tab-list:after { content: ''; position: absolute; height: 56px; width: 56px; border-radius: 50%; background: var(--black-color2); left: 0; top: 9px; z-index: -1 } .service-tab-content .service-tab-list-wrap .service-tab-list:not(:last-child) { border-bottom: 1px solid var(--body-color); padding-bottom: 64px; margin-bottom: 64px } .service-tab-content .service-tab-list-wrap .service-tab-list .box-title { font-size: 28px; font-weight: 600; color: var(--white-color) } .service-tab-content .service-tab-list-wrap .service-tab-list .box-text { font-size: 18px; color: var(--light-color) } .service-tab-content .service-tab-thumb img { height: 100%; object-fit: cover } @media (max-width: 1399px) { .service-tab-content .service-tab-list-wrap { padding:40px } .service-tab-content .service-tab-list-wrap .service-tab-list:not(:last-child) { padding-bottom: 40px; margin-bottom: 40px } } @media (max-width: 1299px) { .service-tab-content .service-tab-list-wrap { padding:40px } .service-tab-content .service-tab-list-wrap .service-tab-list { padding-left: 0; padding-top: 80px } .service-tab-content .service-tab-list-wrap .service-tab-list:after { top: 0px } .service-tab-content .service-tab-list-wrap .service-tab-list:before { top: 15px } .service-tab-content .service-tab-list-wrap .service-tab-list:not(:last-child) { padding-bottom: 40px; margin-bottom: 40px } .service-tab-content .service-tab-list-wrap .service-tab-list .box-text { font-size: 16px } } @media (max-width: 991px) { .service-tab-content { -webkit-box-orient:vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .service-tab-content .service-tab-list-wrap { width: 100% } .service-tab-content .service-tab-list-wrap .service-tab-list { padding-left: 80px; padding-top: 0 } .service-tab-content .service-tab-list-wrap .service-tab-list:after { top: 9px } .service-tab-content .service-tab-list-wrap .service-tab-list:before { top: 25px } } @media (max-width: 767px) { .service-tab-content .service-tab-list-wrap .service-tab-list .box-title { font-size:24px } } @media (max-width: 575px) { .service-tab-content .service-tab-list-wrap .service-tab-list { padding-left:0; padding-top: 80px } .service-tab-content .service-tab-list-wrap .service-tab-list:after { top: 0px } .service-tab-content .service-tab-list-wrap .service-tab-list:before { top: 15px } .service-tab-content .service-tab-list-wrap .service-tab-list:not(:last-child) { padding-bottom: 40px; margin-bottom: 40px } .service-tab-content .service-tab-list-wrap .service-tab-list .box-text { font-size: 16px } } .service-card2.style2 { background: var(--smoke-color2) } .service-card2.style2 .box-icon { background: var(--white-color); border: 1px solid var(--light-color) } .service-card2.style2 .box-icon img { -webkit-filter: none; filter: none } .service-card2.style2 .box-icon:after { display: none } .service-card2.style2 .box-title a { color: var(--title-color) } .service-card2.style2 .box-title a:hover { color: var(--theme-color) } .service-card2.style2 .box-text { color: var(--body-color); -webkit-transition: 0.4sth; transition: 0.4sth } .service-card2.style2:hover .box-icon { border: 1px solid var(--white-color) } .service-card2.style2:hover .box-title a { color: var(--white-color) } .service-card2.style2:hover .box-title a:hover { color: var(--theme-color) } .service-card2.style2:hover .box-text { color: var(--light-color) } .service-card2.style2:hover .th-btn { color: var(--white-color) } .service-card2.style2:hover .th-btn:hover { color: var(--theme-color) } .page-title { margin-bottom: 20px } .sidebar-area.style2 { margin-left: 50px } @media (max-width: 1199px) { .sidebar-area.style2 { margin-left:0 } } .page-img { margin-bottom: 40px; overflow: hidden; position: relative } .page-img img { width: 100% } .page-img .tag { position: absolute; padding: 4px 14px; top: 16px; right: 16px; color: var(--white-color); display: block; background-color: var(--theme-color); text-transform: uppercase; margin-bottom: 0; z-index: 3 } .page-img .tag .tag-number { display: block; font-weight: 500; font-size: 24px; line-height: 1; letter-spacing: 0.02em; text-align: center } @media (max-width: 767px) { .page-img { border-radius:10px } .page-img .tag { top: 20px } } .page-single { margin-bottom: 30px } .service-page-list-wrap { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px } .service-page-list-wrap .single-service-list { max-width: 550px } .service-page-list-wrap .single-service-list .box-title { margin-bottom: 10px } .service-page-list-wrap .single-service-list .box-text { font-size: 18px } @media (max-width: 1199px) { .service-page-list-wrap { grid-template-columns:repeat(1, 1fr) } .service-page-list-wrap .single-service-list { max-width: none } } .service-process-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; gap: 30px 15px } .service-process-wrap .service-process-line { position: absolute; top: 4px; left: 40px; z-index: -1 } @media (max-width: 1500px) { .service-process-wrap .service-process-line { display:none } } .service-process-wrap .service-process-card .box-icon { width: 100px; height: 100px; 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-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background: var(--smoke-color2); margin-bottom: 24px } .service-process-wrap .service-process-card .box-title { font-size: 18px; font-weight: 600; margin-bottom: 12px } .service-process-wrap .service-process-card .box-text { font-size: 14px; font-family: var(--title-font) } @media (max-width: 1500px) { .service-process-wrap { display:grid; grid-template-columns: repeat(3, 1fr) } } @media (max-width: 1199px) { .service-process-wrap { grid-template-columns:repeat(2, 1fr) } } @media (max-width: 575px) { .service-process-wrap { grid-template-columns:repeat(1, 1fr) } } .page-img-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 24px } .page-img-grid .page-img { height: 100% } .page-img-grid .page-img img { height: 100% } @media (max-width: 575px) { .page-img-grid { display:block } } .process-area { background-color: #FFF6F8 } .process-card { position: relative; padding: 60px 60px 0px 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; z-index: 2; margin-top: 30px } @media (max-width: 1299px) { .process-card { padding:30px 20px } } .process-card:before { content: ""; position: absolute; inset: 0; bottom: 75px; background-color: var(--white-color); z-index: -1 } @media (max-width: 1199px) { .process-card { margin-top:30px } } .process-card:nth-child(even) { padding-bottom: 60px } @media (max-width: 1299px) { .process-card:nth-child(even) { padding-bottom:30px } } .process-card:nth-child(even):before { top: 75px; bottom: 0 } .process-card:nth-child(even) .process-card_icon { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } @media (max-width: 991px) { .process-card:nth-child(even) .process-card_icon .number { margin-top:20px } } .process-card:nth-child(even) .process-card_content { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .process-card:nth-child(even) .process-card_img { margin-top: -75px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .process-card_wrapp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 24px } @media (max-width: 1199px) { .process-card_wrapp { -webkit-box-pack:center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } @media (max-width: 1199px) { .process-card_wrapp { display:grid; grid-template-columns: repeat(2, 1fr) } } @media (max-width: 991px) { .process-card_wrapp { grid-template-columns:repeat(1, 1fr) } } .process-card_wrapp .process-card_icon { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .process-card_wrapp .process-card_content { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .process-card_wrapp .process-card_img { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .process-card_img { position: relative; width: 174px; height: 174px; line-height: 174px; background: var(--theme-color); border-radius: 0px 0px 87px 87px; -webkit-transition: 0.4s; transition: 0.4s; margin-top: 42px } .process-card_img img { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .process-card_icon .number { font-weight: 700; font-size: 57px; letter-spacing: 0.02em; color: var(--title-color); display: block; margin: auto; font-family: var(--title-font); -webkit-transition: 0.4s; transition: 0.4s } .process-card_icon .step { display: block; font-family: var(--body-font); font-style: normal; font-weight: 500; font-size: 20px; display: block; margin-top: 16px } .process-card_icon:last-child .number { border: none; line-height: 45px; border-top: 5px solid var(--theme-color); border-radius: 0px 0px 30px 30px } .process-card .box-title { font-size: 28px; margin: 20px 0 12px 0 } @media (max-width: 1299px) { .process-card .box-title { font-size:24px } } .process-card .th-btn { padding: 11px 25px } .process-card .th-btn:before { background-color: var(--theme-color) } .process-card .th-btn:hover { border-color: var(--theme-color) } .process-card_text { font-size: 16px; margin-bottom: 30px } @media (max-width: 1199px) { .process-card_content { padding:0 30px } } @media (max-width: 375px) { .process-card_content { padding:0 } } .process-card:hover .process-card_img img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .price-card { position: relative; padding: 48px 40px 40px 40px; background: var(--white-color); border: 1px solid var(--gray-color); z-index: 1 } .price-card .card-icon { margin-bottom: 15px } .price-card .price-card_price { font-size: 28px; font-weight: 700; font-family: var(--title-font); line-height: 40px; letter-spacing: 0.56px } .price-card .box-subtitle { color: var(--theme-color); margin-top: 30px } .price-card .box-text { margin-top: 8px; margin-bottom: 29px; font-size: 16px } .price-card .checklist { display: inline-block; margin-top: 40px } .price-card .checklist li { color: var(--body-color); -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; font-size: 16px; font-weight: 500; font-family: var(--body-font) } .price-card .checklist li:not(:last-child) { margin-bottom: 20px } .price-card .checklist li.unavailable i { color: var(--light-color); opacity: 0.5 } .price-card .btn-wrap { margin-top: 62px } .price-card .btn-wrap a { padding: 0px 20px; width: 100% } .price-card.active { background: var(--title-color) } .price-card.active .card-sill-wrap { position: absolute; width: 0; height: 0; border-top: 113px solid var(--theme-color); border-left: 134px solid transparent; top: 0; right: 0 } .price-card.active .card-sill-wrap .card-sill { position: relative; top: -110px; left: -85px; rotate: 40deg } .price-card.active .card-sill-wrap span { font-size: 16px; font-weight: 600; color: var(--white-color); line-height: 19.2px } .price-card.active .box-title { color: var(--white-color) } .price-card.active .box-subtitle { color: var(--theme-color) } .price-card.active .price-card_price { color: var(--white-color) } .price-card.active .box-text { color: var(--white-color) } .price-card.active .checklist li { color: var(--th-border-color7) } @media (max-width: 1299px) { .price-card { padding:40px 25px } .price-card .box-title { font-size: 24px } .price-card .price-card_price { font-size: 36px } } @media (max-width: 991px) { .price-card .box-title { font-size:20px } .price-card .price-card_price { font-size: 30px } } @media (max-width: 375px) { .price-card .price-card_price { font-size:25px } } .price-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 0px } @media (max-width: 1199px) { .price-item { -webkit-box-orient:vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .price-item:not(:last-child) { margin-bottom: 60px } .price-item:nth-child(even) .box-img { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .price-item:nth-child(even) .price-content { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .price-item .box-img { min-height: 586px } @media (max-width: 991px) { .price-item .box-img { min-height:100% } } .price-item .box-img img { width: 100%; height: 100%; object-fit: cover } .price-item .price-content { background-color: #EEF1F4; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 28px; padding: 60px 40px 48px 40px } @media (max-width: 1500px) { .price-item .price-content { padding:60px 20px 48px 20px; gap: 15px } } @media (max-width: 991px) { .price-item .price-content { -webkit-box-orient:vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .price-item .price-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 80px } @media (max-width: 1500px) { .price-item .price-left { margin-bottom:30px } } .price-item .price-left .box-title { font-weight: 700; font-size: 28px; letter-spacing: 0.02em; margin-bottom: 0; max-width: 150px } @media (max-width: 1500px) { .price-item .price-left .box-title { max-width:100% } } @media (max-width: 375px) { .price-item .price-left .box-title { font-size:22px } } .price-item .text { font-weight: 700; font-size: 24px; letter-spacing: 0.02em; color: #B30738; display: block; margin-bottom: 30px } .price-item .price-descrition { max-width: 369px; margin-bottom: 90px } @media (max-width: 1500px) { .price-item .price-descrition { margin-bottom:30px } } .price-item .pricce-list { max-width: 310px } .price-item .pricce-list:not(:last-child) { border-bottom: 1px solid #B7C2CC; padding-bottom: 24px; margin-bottom: 24px } .price-item .pricce-list .box-title { font-weight: 700; font-size: 24px; letter-spacing: 0.02em } @media (max-width: 375px) { .price-item .pricce-list .box-title { font-size:22px } } .price-item .divided { background-color: #B7C2CC; width: 1px; height: 466px } @media (max-width: 1500px) { .price-item .divided { display:none } } .price-item .btn-wrap { gap: 16px } .feature-sec-1 { z-index: 2; margin-top: -70px } .feature-sec-1__shep1 { top: 92px; left: 0; z-index: -1 } .feature-card { padding: 48px 40px; background-color: #FFF6F8 } @media (max-width: 1399px) { .feature-card { padding:38px 30px } } .feature-card_wrapp:nth-child(2) .feature-card { background-color: #EEF1F4 } .feature-card_wrapp:nth-child(3) .feature-card { background-color: #F3F0F8 } .feature-card_wrapp:nth-child(4) .feature-card { background-color: #F0FFF6 } @media (max-width: 1299px) { .feature-card { padding:48px 35px } } .feature-card .th-btn { padding: 11px 25px } .feature-card:hover .box-icon img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .feature-card .box-icon { margin-bottom: 28px } .feature-card .box-icon img { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out } .feature-card .box-title { font-size: 28px; margin-bottom: 13px } .feature-card .box-text { margin-bottom: 42px } .project-card { position: relative; overflow: hidden; border-radius: 24px } .project-card .box-img { overflow: hidden; position: relative; border-radius: 24px } .project-card .box-img img { width: 100%; object-fit: cover; -webkit-transition: 0.4s; transition: 0.4s; -webkit-filter: blur(5px); filter: blur(5px) } .project-card .box-img:after { content: ''; position: absolute; inset: 0; background: -webkit-linear-gradient(top, rgba(19,24,43,0) 17.42%, rgba(19,24,43,0.8) 75.87%); background: linear-gradient(180deg, rgba(19,24,43,0) 17.42%, rgba(19,24,43,0.8) 75.87%); -webkit-transition: 0.4s; transition: 0.4s; opacity: 0 } .project-card .box-content { padding: 40px 36px 40px; background-color: transparent; border-radius: 0px; position: absolute; z-index: 3; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden } .project-card .box-number { font-size: 40px; font-weight: 600; font-family: var(--title-font); color: var(--white-color); line-height: 0.7em; margin-bottom: 22px } .project-card .box-title { font-weight: 600; font-size: 28px; margin-top: -0.2em; margin-bottom: 5px } .project-card .box-title a { color: var(--white-color) } .project-card .box-title a:hover { color: var(--theme-color) } .project-card .box-text { color: var(--white-color) } .project-card:hover .project-img img { -webkit-filter: grayscale(1); filter: grayscale(1) } .project-card:hover .project-content { opacity: 1; visibility: visible; left: 0 } .project-card:hover .project-card-bg-shape { width: 100% } @media (max-width: 991px) { .project-card .project-content { margin-right:0 } } @media (max-width: 575px) { .project-card .box-number { font-size:24px; margin-bottom: 17px } .project-card .box-title { font-size: 24px; margin-bottom: 10px } .project-card .box-text { font-size: 14px } } @media (max-width: 375px) { .project-card .box-content { padding:30px 26px 30px } } .sticky-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 80px } @media (max-width: 991px) { .sticky-wrap { gap:50px } } .single-sticky-wrap { position: -webkit-sticky; position: sticky; top: 140px; width: 100% } .single-sticky-wrap.position-sticky .project-card2 { -webkit-transform: scale3d(0.98, 0.98, 1); transform: scale3d(0.98, 0.98, 1) } @media (max-width: 991px) { .single-sticky-wrap { position:relative !important; top: 0 } .single-sticky-wrap .project-card2 { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } } .project-card2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; gap: 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1); transition: -webkit-transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1); transition: transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1); transition: transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), -webkit-transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1) } .project-card2 .box-img { border-radius: 24px; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .project-card2 .box-img img { width: 100%; height: 100%; object-fit: cover } .project-card2 .box-content { max-width: 550px; background: var(--white-color); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .project-card2 .box-number { font-size: 56px; font-weight: 700; font-family: var(--title-font); letter-spacing: 0.02em; line-height: 0.8em; color: var(--white-color); -webkit-text-stroke: 1px var(--title-color); display: block; margin-bottom: 32px } @media (max-width: 1199px) { .project-card2 .box-number { font-size:40px } } .project-card2 .box-subtitle { font-size: 16px; font-weight: 500; color: var(--theme-color); background: var(--smoke-color2); padding: 6px 12px; display: inline-block; margin-bottom: 32px } .project-card2 .box-title { font-size: 40px; font-weight: 600; line-height: 1.2em; margin-bottom: 14px } @media (max-width: 1199px) { .project-card2 .box-title { font-size:30px } } .project-card2 .box-text { max-width: 495px } .project-card2 .th-btn { margin-top: 64px } @media (max-width: 1199px) { .project-card2 .th-btn { margin-top:40px } } @media (max-width: 991px) { .project-card2 { display:block } .project-card2 .box-img { margin-bottom: 30px } .project-card2 .box-content { max-width: none } .project-card2 .box-text { max-width: none } } @media (max-width: 575px) { .project-card2 .box-img { border-radius:16px } .project-card2 .box-number { font-size: 30px; margin-bottom: 24px } .project-card2 .box-subtitle { margin-bottom: 30px } .project-card2 .box-title { font-size: 24px } .project-card2 .th-btn { margin-top: 30px } } .project-slider2 { margin-right: -315px } .project-slider2 .swiper-wrapper:has(.swiper-slide.swiper-slide-prev) { margin-left: 428px } .project-slider2 .swiper-slide { display: inline-block; width: auto } .project-slider2 .swiper-slide.swiper-slide-active .project-card2.style2 .box-thumb { -webkit-filter: none; filter: none } .project-slider2 .swiper-slide.swiper-slide-active .project-card2.style2 .box-thumb img { width: 828px } .project-slider2 .swiper-slide.swiper-slide-active .project-card2.style2 .box-content { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .project-slider2 .swiper-slide.swiper-slide-active .project-card2.style2 .box-content:after { left: 0; right: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .project-slider2 .slider-pagination { padding-right: 315px; --swiper-pagination-bottom: 0 } @media (min-width: 1922px) { .project-slider2 { margin-right:0 } } @media (max-width: 1299px) { .project-slider2 { margin-right:0 } .project-slider2 .swiper-wrapper:has(.swiper-slide.swiper-slide-prev) { margin-left: 0 } .project-slider2 .slider-pagination { padding-right: 0 } .project-slider2 .swiper-slide.swiper-slide-active .project-card2.style2 .box-thumb img { width: 100% } } .project-card2.style2 { display: block; -webkit-transition: 0.4s; transition: 0.4s; position: relative; padding: 0; overflow: hidden } .project-card2.style2 .box-thumb { border-radius: 0; position: relative; -webkit-filter: blur(7.5px); filter: blur(7.5px); -webkit-transition: 0.4s; transition: 0.4s } .project-card2.style2 .box-thumb img { border-radius: 0; -webkit-transition: 0.4s; transition: 0.4s; width: 402px; height: 650px; object-fit: cover } .project-card2.style2 .box-thumb:after { content: ''; position: absolute; inset: 0; background: var(--title-color); opacity: 0.2 } .project-card2.style2 .box-content { position: absolute; background: var(--black-color2); padding: 40px 100px 40px 36px; bottom: 24px; left: 0; -webkit-transition: 0.4s; transition: 0.4s; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); display: inline-block } .project-card2.style2 .box-content:after { content: ''; position: absolute; height: 100%; width: 3px; background: var(--theme-color); right: 0; top: 0; bottom: 0; z-index: 2; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0) } .project-card2.style2 .box-text { font-size: 14px; font-weight: 400; font-family: var(--title-font); color: var(--theme-color); margin-top: -0.4em; margin-bottom: 12px } .project-card2.style2 .box-title { font-size: 24px; font-weight: 600; margin-bottom: -0.3em; position: relative; z-index: 1 } .project-card2.style2 .box-title a { color: var(--white-color) } .project-card2.style2 .box-title a:hover { color: var(--theme-color) } @media (max-width: 767px) { .project-card2.style2 .box-title { font-size:20px } } .project-card2.style2 .icon-btn { position: absolute; right: 8px; top: 8px; border-radius: 0; color: var(--title-color); --btn-size: 48px; --btn-font-size: 36px } .project-card2.style2 .icon-btn:hover { color: var(--theme-color) } @media (max-width: 1299px) { .project-card2.style2 .box-thumb img { width:100% } } @media (max-width: 767px) { .project-card2.style2 .box-thumb img { height:auto } } @media (max-width: 375px) { .project-card2.style2 .icon-btn { --btn-size: 40px; --btn-font-size: 30px } .project-card2.style2 .box-content { right: 24px; padding: 35px 40px 35px 24px } } .project-slider3 .swiper-slide { -webkit-filter: blur(2.5px); filter: blur(2.5px); -webkit-transition: 0.4s; transition: 0.4s } .project-slider3 .swiper-slide.swiper-slide-active { -webkit-filter: none; filter: none } .project-slider3 .swiper-slide.swiper-slide-active .project-card3 .project-content { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1) } .project-slider3 .slider-scrollbar { margin-left: 30px; margin-right: 30px; width: -webkit-fill-available } @media (max-width: 575px) { .project-slider3 { margin:0 15px } .project-slider3 .slider-scrollbar { margin-left: 0px; margin-right: 0px; width: -webkit-fill-available } } .project-card3 { position: relative } .project-card3 .project-img { -webkit-transition: 0.4s; transition: 0.4s; position: relative } .project-card3 .project-img:after { content: ''; position: absolute; inset: 0; border: 24px solid var(--white-color) } .project-card3 .project-img img { width: 100%; object-fit: cover } .project-card3 .project-content { position: absolute; bottom: 24px; left: 24px; right: 24px; background: rgba(19,24,43,0.9); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); padding: 40px; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom } .project-card3 .icon-btn { position: absolute; right: 8px; top: 8px; border-radius: 0; --btn-font-size: 36px; --btn-size: 48px } .project-card3 .project-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px } .project-card3 .project-meta a { border-radius: 30px; text-transform: capitalize; margin-bottom: 0 } .project-card3 .project-meta a:hover { background: var(--theme-color) } .project-card3 .box-title { font-size: 28px; font-weight: 600; margin-bottom: -0.32em; margin-top: 15px; max-width: 520px } .project-card3 .box-title a { color: var(--white-color) } .project-card3 .box-title a:hover { color: var(--theme-color) } @media (max-width: 1299px) { .project-card3 .box-title { font-size:24px } } @media (max-width: 767px) { .project-card3 .project-img:after { border:12px solid var(--white-color) } .project-card3 .project-content { bottom: 12px; left: 12px; right: 12px; padding: 30px } .project-card3 .box-title { font-size: 20px } } @media (max-width: 575px) { .project-card3 .project-img img { height:500px } } .project-slider4 { margin-right: -140px } @media (min-width: 1922px) { .project-slider4 { margin-right:0 } } @media (max-width: 1500px) { .project-slider4 { margin-right:0 } } .project-card4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .project-card4 .box-img { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .project-card4 .box-img img { height: 100%; object-fit: cover } .project-card4 .box-content { background: var(--smoke-color); padding: 84px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .project-card4 .box-title { font-size: 40px; font-weight: 600; margin-bottom: 9px } .project-card4 .box-title a:hover { color: var(--theme-color2) } .project-card4 .box-text { font-size: 18px; margin-bottom: 30px } .project-card4 .checklist { margin-bottom: 44px } @media (max-width: 1299px) { .project-card4 .box-content { padding:50px } } @media (max-width: 1199px) { .project-card4 .box-title { font-size:30px } } @media (max-width: 991px) { .project-card4 { display:block } } @media (max-width: 767px) { .project-card4 .box-content { padding:40px } .project-card4 .box-title { font-size: 24px } } @media (max-width: 575px) { .project-card4 .box-text { font-size:16px } } @media (max-width: 375px) { .project-card4 .box-content { padding:30px } } .project-title-wrap5 { max-width: 485px } .project-card5 .box-img { position: relative; display: inline-block } .project-card5 .box-img.small-img-width { max-width: 544px } @media (max-width: 991px) { .project-card5 .box-img.small-img-width { max-width:none; width: 100% } } .project-card5 .box-img img { width: 100%; -webkit-filter: brightness(0.8); filter: brightness(0.8) } .project-card5 .box-img .icon-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); background: rgba(255,255,255,0.3); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); color: var(--white-color); --btn-size: 80px; --btn-font-size: 30px; opacity: 0 } .project-card5 .box-img .icon-btn:hover { background: var(--theme-color) } .project-card5 .box-content { margin-top: -30px; position: relative; z-index: 1 } .project-card5 .box-number { font-size: 56px; font-weight: 700; font-family: var(--title-font); color: transparent; letter-spacing: 0.02em; -webkit-text-stroke: 1px var(--title-color); display: block; line-height: 0.75em; margin-bottom: 32px } .project-card5 .box-subtitle { font-size: 16px; font-weight: 500; color: var(--theme-color); background: var(--smoke-color2); padding: 6px 12px; display: inline-block; margin-bottom: 32px } .project-card5 .box-title { font-size: 40px; font-weight: 600; margin-bottom: 12px } .project-card5 .th-btn { margin-top: 48px } .project-card5:hover .box-img { opacity: 1 } .project-card5:hover .box-img .icon-btn { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1 } @media (max-width: 991px) { .project-card5 .box-title { font-size:30px } } @media (max-width: 767px) { .project-card5 .box-title { font-size:24px } .project-card5 .th-btn { margin-top: 36px } } .cat-card { background-color: var(--white-color); height: 150px } @media (max-width: 375px) { .cat-card { padding:0 16px } } .cat-card .box-title { margin-bottom: -0.10em; -webkit-transition: 0.1s; transition: 0.1s } @media (max-width: 1199px) { .cat-card .box-title { font-size:20px } } .cat-card .box-title a:hover { color: var(--title-color) } .cat-card .box-text { margin-top: 2px; font-weight: 500; letter-spacing: 0.36px; color: var(--black-color8) } @media (max-width: 1199px) { .cat-card .box-text { font-size:16px } } .cat-card:hover .box-title { color: var(--theme-color) } .cat-card:hover .box-icon img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .cat-area-1 { background-color: var(--gray-color) } .cat-wrap1 { margin-bottom: 56px; display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 24px; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px } @media (max-width: 1500px) { .cat-wrap1 { grid-template-columns:repeat(3, 1fr) } } @media (max-width: 1299px) { .cat-wrap1 { grid-template-columns:repeat(2, 1fr) } } @media (max-width: 767px) { .cat-wrap1 { grid-template-columns:repeat(1, 1fr) } } .cta-card { border-radius: 30px; padding: 55px 40px; position: relative; overflow: hidden; text-align: center } .cta-card .cta-card-bg-shape { mix-blend-mode: overlay; -webkit-transition: 0.4s; transition: 0.4s } .cta-card .cta-card-bg-shape:after { content: ''; position: absolute; inset: 0; background: var(--theme-color2); -webkit-transition: 0.4s; transition: 0.4s } .cta-card:before { z-index: -1; -webkit-transition: 0.4s; transition: 0.4s; content: ''; position: absolute; inset: 0; background: var(--title-color); opacity: 0.8 } .cta-card .box-title { color: var(--white-color); font-size: 36px; font-weight: 700; margin-bottom: 10px } .cta-card .box-text { font-size: 16px; font-weight: 400; color: var(--white-color); margin-bottom: 20px } .cta-card.style2 .cta-card-bg-shape { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .cta-card:hover:before { background: var(--theme-color) } .cta-card:hover .cta-card-bg-shape:after { background: #122F2A } @media (max-width: 575px) { .cta-card { padding:40px 30px } .cta-card .box-title { font-size: 24px } } @media (max-width: 1500px) { .cta-bg-shape2-4,.cta-bg-shape2-3 { max-width:420px } } @media (max-width: 1399px) { .cta-bg-shape2-4,.cta-bg-shape2-3 { max-width:400px } } @media (max-width: 1299px) { .cta-bg-shape2-4,.cta-bg-shape2-3 { max-width:300px } } @media (max-width: 991px) { .cta-bg-shape2-4,.cta-bg-shape2-3 { max-width:250px } } @media (max-width: 1399px) { .cta-bg-shape2-2 { max-width:200px } } .cta-wrap3 { border-radius: 0 0 50px 50px; overflow: hidden; margin: 0 auto; max-width: 1720px } .cta-wrap3 .cta-content-wrap { padding: 80px 80px 56px } .cta-wrap3 .contact-map { width: 100%; height: 434px } .cta-wrap3 .contact-map iframe { height: 100%; border-radius: 0; -webkit-filter: invert(0) grayscale(1) contrast(0.6); filter: invert(0) grayscale(1) contrast(0.6) } @media (max-width: 1500px) { .cta-wrap3 .cta-content-wrap { padding:80px 60px 56px } } @media (max-width: 1399px) { .cta-wrap3 .contact-map { height:513px } } @media (max-width: 1299px) { .cta-wrap3 .cta-content-wrap { padding:60px 60px 36px } .cta-wrap3 .contact-map { height: 532px } } @media (max-width: 1199px) { .cta-wrap3 { display:block } .cta-wrap3 .cta-content-wrap { padding: 80px 60px 56px } .cta-wrap3 .contact-map { height: auto } .cta-wrap3 .contact-map iframe { height: 400px } } @media (max-width: 991px) { .cta-wrap3 .cta-content-wrap { padding:60px 40px 36px } } @media (max-width: 575px) { .cta-wrap3 .cta-content-wrap { padding:60px 15px 36px } } .cta-wrap3.style2 { border-radius: 0; max-width: none } .color-scheme-wrap { position: fixed; right: 0; top: 50%; z-index: 99; background: var(--black-color2); padding: 20px; border-radius: 10px 0 0 10px; display: inline-block; -webkit-transition: 0.4s; transition: 0.4s } .color-scheme-wrap .switchIcon { position: absolute; left: 0; top: 10px; border: 0; background: var(--theme-color); color: var(--white-color); height: 45px; width: 45px; border-radius: 5px 0 0 5px; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0) } .color-scheme-wrap .color-scheme-wrap-title { font-size: 22px; border-bottom: 2px solid var(--th-border-color); padding-bottom: 6px; color: var(--white-color); margin-bottom: 20px } .color-scheme-wrap .color-scheme-wrap-title i { font-size: 18px; margin-right: 3px } .color-scheme-wrap .color-scheme-wrap-subtitle { font-size: 18px; color: var(--white-color); margin-bottom: 20px } .color-scheme-wrap .color-scheme-wrap-subtitle i { font-size: 18px; margin-right: 3px } .color-scheme-wrap .secondary-color-switch-btns,.color-scheme-wrap .color-switch-btns { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 18px } .color-scheme-wrap .secondary-color-switch-btns button,.color-scheme-wrap .color-switch-btns button { padding: 0; border: 0; background: transparent; font-size: 24px; color: var(--theme-color); text-align: left } .color-scheme-wrap .secondary-color-switch-btns button { color: var(--theme-color2) } .color-scheme-wrap.active { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0) } .appointment-page-form { border-radius: 30px; padding: 60px } @media (max-width: 767px) { .appointment-page-form { padding:40px } } @media (max-width: 575px) { .appointment-page-form { padding:30px 20px } } .video-box-center { position: relative } .video-box-center .play-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .video-area-1 { position: relative; overflow: hidden; background-attachment: fixed; background-size: cover; background-position: 100% 100%; padding: 310px 0 } @media (max-width: 991px) { .video-area-1 { padding:200px 0 } } .video-thumb1-1 img { height: 100%; width: 100%; object-fit: cover } .video-thumb1-1 .video-play-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2 } @media (max-width: 767px) { .video-thumb1-1 .video-play-btn { width:55px; height: 55px; line-height: 55px } } .video-thumb1-1 .video-play-btn i { color: var(--theme-color) } @media (max-width: 767px) { .video-thumb1-1 .video-play-btn i { width:55px; height: 55px; line-height: 55px } } .video-thumb2-1 { position: relative } .video-thumb2-1 .play-btn { --icon-size: 80px; --icon-font-size: 24px } @media (max-width: 575px) { .video-thumb2-1 .play-btn { --icon-size: 70px } } .video-thumb2-1 .play-btn:hover:after,.video-thumb2-1 .play-btn:hover:before { background: var(--black-color2) } .video-thumb2-1 .play-btn:hover i { background: var(--black-color2); color: var(--theme-color) } .video-thumb3-1 { text-align: center; position: relative } .video-thumb3-1 .video-trigger-thumb { position: relative; border-radius: 50%; width: 1153px; height: 1153px; object-fit: cover; top: 0; display: inline-block } @media (max-width: 1399px) { .video-thumb3-1 .video-trigger-thumb { width:850px; height: 850px } } @media (max-width: 1199px) { .video-thumb3-1 .video-trigger-thumb { width:600px; height: 600px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); top: 0 } } @media (max-width: 991px) { .video-thumb3-1 .video-trigger-thumb { width:450px; height: 450px } } @media (max-width: 767px) { .video-thumb3-1 .video-trigger-thumb { width:350px; height: 350px } } @media (max-width: 575px) { .video-thumb3-1 .video-trigger-thumb { width:100%; height: auto; border-radius: 0 } } .video-thumb4-1 { margin-right: -140px } @media (min-width: 1922px) { .video-thumb4-1 { margin-right:0 } } @media (max-width: 1500px) { .video-thumb4-1 { margin-right:0 } } .client-area-1 { padding-bottom: 538px } @media (max-width: 991px) { .client-area-1 { padding-bottom:498px } } .client-slider1 { border-bottom: 1px solid #B7B7B7 } .client-slider1 .swiper-slide { border-right: 1px solid #B7B7B7 } .client-card { text-align: center; padding: 70px 0; display: block } .tab-menu1 { gap: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .tab-menu1 .tab-btn { font-size: 14px; padding: 4px 12px; background-color: var(--smoke-color2); border: 1px solid var(--th-border-color); border-radius: 6px } .tab-menu1 .tab-btn.active { background-color: var(--theme-color); border-color: var(--theme-color); color: var(--white-color) } .marquee-slider1 { margin: 0 -50px -3px } .marquee-slider1 .swiper-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear } .marquee-slider1 .swiper-slide { width: auto } .marquee-card { margin-bottom: 0; padding: 0; 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 } .marquee-card a { font-size: 56px; font-weight: 700; font-family: var(--title-font); color: var(--title-color); display: inline-block; line-height: 0.75em; margin-left: 40px } .marquee-card a:hover { color: var(--theme-color) } @media (max-width: 1199px) { .marquee-card a { font-size:50px } } @media (max-width: 767px) { .marquee-card a { font-size:40px } .marquee-card img { width: 40px } } @media (max-width: 575px) { .marquee-card a { font-size:24px } } .class-card { border-radius: 30px; background: var(--black-color2); padding: 30px 30px 0; text-align: center; position: relative; z-index: 1; margin-bottom: 28px } .class-card:before,.class-card:after { content: ''; position: absolute; inset: 0; border-radius: 30px; background: -webkit-linear-gradient(transparent, var(--th-border-color5)); background: linear-gradient(transparent, var(--th-border-color5)); z-index: -2; -webkit-transition: 0.4s; transition: 0.4s } .class-card:before { background: var(--black-color2); inset: 1px; z-index: -1 } .class-card_img { border-radius: 15px; overflow: hidden; margin-bottom: 30px } .class-card_img img { width: 100%; -webkit-transition: 0.4s; transition: 0.4s } .class-card .box-title { font-weight: 500; margin-bottom: 15px } .class-card .box-title a { color: var(--white-color) } .class-card .box-title a:hover { color: var(--theme-color) } .class-card .class-card_text { color: var(--light-color) } .class-card .btn-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%); margin-top: -24px } .class-card .icon-btn { border-radius: 50%; background: var(--th-border-color5); border-color: var(--th-border-color5); color: var(--white-color); position: relative } .class-card .icon-btn:after { content: ''; position: absolute; inset: -10px -10px 50%; background: var(--black-color2); z-index: -1; border-radius: 50% 50% 0 0/100% 100% 0 0; border: 1px solid var(--th-border-color5); border-bottom: 0 } .class-card .icon-btn:hover { background: var(--theme-color); border-color: var(--theme-color) } .class-card:hover:after { background: -webkit-linear-gradient(transparent, var(--theme-color)); background: linear-gradient(transparent, var(--theme-color)) } .class-card:hover .class-card_img img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) } .class-card:hover .icon-btn:after { border-color: var(--theme-color) } .class-area-2 { padding-bottom: 30px } .class-bg-shape { position: absolute; inset: 0 } .class-slider2 { padding: 0 130px } @media (max-width: 575px) { .class-slider2 { padding:0; margin: 0 15px } } .class-card2 { position: relative } .class-card2 .class-card_img { border-radius: 30px; margin-bottom: 0 } .class-card2 .box-title { margin-bottom: 13px; font-weight: 500 } .class-card2 .box-title a { color: var(--white-color) } .class-card2 .box-title a:hover { color: var(--theme-color) } .class-card2 .class-card_text { color: var(--light-color); margin-bottom: 22px } .class-card2 .class-card_content { position: absolute; bottom: 0; left: 0; right: 0; border-radius: 30px; background: rgba(29,34,41,0.7); border: 1px solid var(--th-border-color5); -webkit-backdrop-filter: blur(5.1px); backdrop-filter: blur(5.1px); margin: 0 10px; text-align: center; padding: 30px; -webkit-transition: 0.4s; transition: 0.4s } .class-card2 .class-card_content .btn-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .class-card2 .class-card_content .class-card_text { margin-bottom: -0.4em } .class-card2 .class-card_hover-content { position: absolute; bottom: 0; left: 0; right: 0; border-radius: 30px; background: rgba(29,34,41,0.7); border: 1px solid var(--th-border-color5); -webkit-backdrop-filter: blur(5.1px); backdrop-filter: blur(5.1px); margin: 0 10px; text-align: center; padding: 30px; -webkit-transition: 0.4s; transition: 0.4s; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0) } .class-card2 .class-card_hover-content .btn-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .class-card2:hover .class-card_content { opacity: 0; visibility: hidden } .class-card2:hover .class-card_hover-content { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1) } .cat-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 24px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; padding: 50px 38px } .gallery-card { position: relative; overflow: hidden; display: inline-block } .gallery-card .gallery-img { position: relative; border-radius: 24px; overflow: hidden } .gallery-card .gallery-img img { width: 100% } .gallery-card .gallery-img:after { content: ''; position: absolute; inset: 0px; background: var(--title-color); opacity: 0; border-radius: 0px; -webkit-transition: 0.4s; transition: 0.4s } .gallery-card .icon-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -20%); -ms-transform: translate(-50%, -20%); transform: translate(-50%, -20%); border-radius: 50%; background: rgba(255,255,255,0.3); color: var(--white-color); z-index: 1; opacity: 0; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); --btn-size: 60px; --btn-font-size: 24px } .gallery-card .icon-btn:hover { background: var(--theme-color); border-color: var(--theme-color); color: var(--white-color) } @media (max-width: 991px) { .gallery-card .icon-btn { --btn-size: 50px; --btn-font-size: 24px } } .gallery-slider1 .swiper-slide:hover .gallery-img:after { opacity: 0.7 } .gallery-slider1 .swiper-slide:hover .icon-btn { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1 } .gallery-slider1 .slider-pagination { height: 34px } @media (max-width: 575px) { .gallery-slider1 .slider-pagination { display:none } } .gallery-card2 { position: relative; margin-bottom: 0 } .gallery-card2 img { width: 100% } .gallery-card2 .icon-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); width: auto; height: auto; background: transparent; font-size: 40px; z-index: 1 } .gallery-card2:after { content: ''; position: absolute; inset: 0; background: var(--title-color); opacity: 0; -webkit-transition: 0.4s; transition: 0.4s } .gallery-card2:hover .icon-btn { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1) } .gallery-card2:hover:after { opacity: 0.5 } .main-menu ul.mega-menu { position: absolute; top: 100%; left: 0 !important; right: 0 !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1200px; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; max-height: 500px; overflow: overlay; opacity: 0; visibility: hidden; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transform: scaleY(0) translateZ(100px); transform: scaleY(0) translateZ(100px); -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease; z-index: 99; background-color: var(--white-color); padding: 20px 10px } @media (max-width: 1599px) { .main-menu ul.mega-menu { width:1170px; left: -10rem !important } } @media (max-width: 1399px) { .main-menu ul.mega-menu { left:-23rem !important } } @media (max-width: 1199px) { .main-menu ul.mega-menu { left:-18rem !important } } .main-menu ul.mega-menu li { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; position: relative } .main-menu ul.mega-menu a { font-size: 16px; line-height: 30px } .main-menu ul.mega-menu::-webkit-scrollbar { width: 5px; height: 5px; border-radius: 0px } .main-menu ul.mega-menu::-webkit-scrollbar-track { background: #fff; box-shadow: inset 0 0 0px rgba(0,0,0,0.3); border-radius: 0px } .main-menu ul.mega-menu::-webkit-scrollbar-thumb { background-color: var(--theme-color); background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.3) 25%, transparent 20%, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) 75%, transparent 75%, transparent); border-radius: 0px } .main-menu ul.mega-menu li li { padding: 2px 0 } .main-menu ul.mega-menu li a { display: inline-block; text-transform: capitalize } .main-menu ul.mega-menu>li>a { display: block; padding: 0; padding-bottom: 15px; margin-bottom: 10px; text-transform: capitalize; letter-spacing: 1px; font-weight: 700; color: var(--title-color); border-color: var(--theme-color) } .main-menu ul.mega-menu>li>a::after,.main-menu ul.mega-menu>li>a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 15px; height: 1px; background-color: var(--theme-color) } .main-menu ul.mega-menu>li>a::after { width: calc(100% - 20px); left: 20px } .main-menu ul.mega-menu>li>a:hover { padding-left: 0 } @media (max-width: 1299px) { .main-menu ul.mega-menu { width:1060px } } @media (max-width: 1199px) { .main-menu ul.mega-menu { width:900px } } @media (max-width: 991px) { .main-menu ul.mega-menu { padding:10px 0 !important } } .main-menu ul.mega-menu .th-mobile-menu ul li ul li { padding-left: 0px } .main-menu ul.mega-menu .th-mobile-menu ul li a:before { content: '\f105'; font-family: var(--icon-font); position: absolute; left: 0; top: 12px; margin-right: 10px; display: none } .mega-menu-box { box-shadow: 0px 0px 34px rgba(0,0,0,0.08); border-radius: 5px } .mega-menu-box .mega-menu-img { position: relative; border-radius: 5px 5px 0 0; overflow: hidden } .mega-menu-box .mega-menu-img:after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0) } .mega-menu-box .mega-menu-img img { -webkit-transition: -webkit-filter 500ms ease; transition: -webkit-filter 500ms ease; transition: filter 500ms ease; transition: filter 500ms ease, -webkit-filter 500ms ease; -webkit-filter: blur(0px); filter: blur(0px) } .mega-menu-box .mega-menu-img .btn-wrap { z-index: 1; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; 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-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transition: opacity 600ms linear, -webkit-transform 500ms ease; transition: opacity 600ms linear, -webkit-transform 500ms ease; transition: transform 500ms ease, opacity 600ms linear; transition: transform 500ms ease, opacity 600ms linear, -webkit-transform 500ms ease; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; opacity: 0 } .mega-menu-box .mega-menu-img .btn-wrap .th-btn { padding: 6px 18px; font-size: 14px; color: var(--white-color); width: -webkit-max-content; width: -moz-max-content; width: max-content } .mega-menu-box .mega-menu-img .btn-wrap .th-btn:before { background-color: var(--title-color) } .mega-menu-box:hover .btn-wrap { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center } .mega-menu-box:hover .mega-menu-img img { -webkit-filter: blur(2px); filter: blur(2px) } .mega-menu-box .mega-menu-title { margin-bottom: 0; text-align: center; line-height: normal; 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; padding: 14px 0 } .mega-menu-box .mega-menu-title span { color: var(--theme-color); text-transform: capitalize; font-size: 16px; margin-right: 5px } .mega-menu-box .mega-menu-title span:after { display: none } .mega-menu-box .mega-menu-title a { color: var(--black-color2); line-height: normal } .mega-menu-box .mega-menu-title a:after { display: none } .mega-menu-box .mega-menu-title a:hover { color: var(--title-color) } @media (max-width: 991px) { .mega-menu-box .mega-menu-title a { padding:0 } .mega-menu-box .mega-menu-title a:before { display: none } } .award-title-wrap1 { max-width: 437px } .award-list-card { 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: 100px; position: relative; padding-bottom: 56px } .award-list-card:not(:last-child) { margin-bottom: 56px } .award-list-card:after { content: ''; position: absolute; bottom: 0; left: -31.8%; right: 0; border-bottom: 1px solid rgba(255,255,255,0.1) } .award-list-card .box-number { margin-right: 40px; font-size: 56px; font-weight: 700; font-family: var(--title-font); color: transparent; -webkit-text-stroke: 1px var(--light-color); letter-spacing: 0.02em; line-height: 0.75em; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 85px; -webkit-transition: 0.4s; transition: 0.4s } .award-list-card .box-img { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } .award-list-card .box-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 38px } .award-list-card .box-title { font-size: 28px; font-weight: 600; margin-bottom: 12px } .award-list-card .box-title a { color: var(--white-color) } .award-list-card .box-title a:hover { color: var(--theme-color) } .award-list-card .box-text { font-size: 18px; color: var(--light-color) } .award-list-card .th-btn { margin-top: 40px } .award-list-card:hover .box-number { color: var(--white-color) } @media (max-width: 1500px) { .award-list-card { gap:60px } .award-list-card .box-number { margin-right: 0 } } @media (max-width: 1399px) { .award-list-card { gap:40px; padding-bottom: 40px } .award-list-card:not(:last-child) { margin-bottom: 40px } .award-list-card .box-number { margin-right: 0 } .award-list-card .box-title { font-size: 24px } .award-list-card .box-text { font-size: 16px } } @media (max-width: 1299px) { .award-list-card .box-img { -webkit-box-flex:0.5; -webkit-flex: 0.5; -ms-flex: 0.5; flex: 0.5 } } @media (max-width: 1199px) { .award-list-card { padding-bottom:0 } .award-list-card:not(:last-child) { margin-bottom: 60px } .award-list-card:after { display: none } } @media (max-width: 767px) { .award-list-card { -webkit-flex-wrap:wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .award-list-card .box-number { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: -webkit-fill-available; font-size: 40px } .award-list-card .box-img { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .award-list-card .box-content { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } } .award-list-card.style2 .box-number { -webkit-text-stroke: 1px var(--theme-color) } .award-list-card.style2 .box-title a { color: var(--title-color) } .award-list-card.style2 .box-title a:hover { color: var(--theme-color) } .award-list-card.style2 .box-text { color: var(--body-color) } .award-list-card.style2:after { background: var(--body-color); opacity: 0.2; left: 0 } .award-list-card.style2:hover .box-number { color: var(--theme-color) } .experience-card-wrap { --card-space: 60px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: var(--card-space); margin-bottom: var(--card-space) } .experience-card-wrap:nth-last-child(2),.experience-card-wrap:last-child { margin-bottom: 0 } .experience-card-wrap:nth-child(2),.experience-card-wrap:first-child { border-top: 1px solid rgba(255,255,255,0.1); padding-top: var(--card-space) } @media (max-width: 991px) { .experience-card-wrap:nth-child(2) { border-top:0; padding-top: 0 } .experience-card-wrap:nth-last-child(2) { margin-bottom: var(--card-space) } } @media (max-width: 575px) { .experience-card-wrap { --card-space: 45px } } .experience-card { max-width: 685px; margin-right: 30px } .experience-card .experience-meta { font-size: 18px; font-weight: 500; margin-top: -0.3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 42px } .experience-card .experience-meta span,.experience-card .experience-meta a { color: var(--light-color); position: relative; margin-right: 16px } .experience-card .experience-meta span:after,.experience-card .experience-meta a:after { content: ''; display: inline-block; height: 13px; width: 3px; background-color: var(--theme-color); margin-left: 16px; position: relative; top: 0px } .experience-card .experience-meta span:last-child,.experience-card .experience-meta a:last-child { margin-right: 0 } .experience-card .experience-meta span:last-child:after,.experience-card .experience-meta a:last-child:after { display: none } .experience-card .experience-meta a:hover { color: var(--theme-color) } .experience-card .box-title { color: var(--white-color); font-size: 28px; font-weight: 600 } .experience-card .box-text { color: var(--light-color) } @media (max-width: 1199px) { .experience-card .experience-meta { margin-bottom:30px } .experience-card .experience-meta span,.experience-card .experience-meta a { font-size: 16px } .experience-card .box-title { font-size: 24px } } @media (max-width: 991px) { .experience-card { max-width:none; margin-right: 0 } } .work-slider1 { margin-right: -140px } @media (min-width: 1922px) { .work-slider1 { margin-right:0 } } @media (max-width: 1500px) { .work-slider1 { margin-right:0 } } .work-card { background: var(--title-color); padding: 40px; position: relative; overflow: hidden; z-index: 1 } .work-card .card-bg-shape { position: absolute; inset: 0; -webkit-transition: 0.4s; transition: 0.4s; opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); z-index: -1 } .work-card .box-icon { display: inline-block; margin-bottom: 56px; position: relative } .work-card .box-icon:after { content: ''; position: absolute; inset: 0; border-radius: 8px; border: 1px solid transparent; background: -webkit-linear-gradient(0, transparent 0%, var(--theme-color) 100%) border-box; background: linear-gradient(0, transparent 0%, var(--theme-color) 100%) border-box; /* -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box,-webkit-linear-gradient(#fff 0 0); */ -webkit-mask-composite: destination-out; mask-composite: exclude } .work-card .box-icon img { border-radius: 8px } .work-card .box-title { color: var(--white-color); font-size: 40px; font-weight: 600; margin-top: -0.5em; margin-bottom: 10px } .work-card .box-text { color: var(--light-color) } .work-card .th-btn { margin-top: 56px } .work-card:hover .card-bg-shape { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1 } @media (max-width: 1199px) { .work-card .box-title { font-size:30px } } @media (max-width: 991px) { .work-card .box-icon { margin-bottom:40px } .work-card .box-title { font-size: 24px } .work-card .th-btn { margin-top: 40px } } @media (max-width: 375px) { .work-card { padding:30px } } .work-thumb2-1 { position: absolute; top: 0; left: 0; bottom: 0; width: 32% } .work-thumb2-1 img { width: 100%; height: 100%; object-fit: cover } @media (max-width: 1199px) { .work-thumb2-1 { position:relative; right: 0; width: 100%; top: -150px } } @media (max-width: 991px) { .work-thumb2-1 { top:-80px } } .work-card-wrap { --space-x: 45px; --space-y: 50px; --th-border-color: rgba(206, 208, 211, 0.5) } .work-card-wrap:not(:nth-child(3n)) { border-right: unset } .work-card-wrap:not(:nth-last-child(-n+2)) { padding-bottom: var(--space-y) } .work-card-wrap:not(:nth-child(-n+2)) { padding-top: var(--space-y); border-top: 1px solid var(--th-border-color) } .work-card-wrap:nth-child(odd) { padding-right: var(--space-x) } .work-card-wrap:nth-child(even) { padding-left: var(--space-x); border-left: 1px solid var(--th-border-color) } .work-card-wrap:not(:nth-last-child(-n+4)) { border-top: 0 } @media (max-width: 1500px) { .work-card-wrap { --space-x: 40px } } @media (max-width: 1299px) { .work-card-wrap { --space-x: 30px; --space-y: 30px } } @media (max-width: 1199px) { .work-card-wrap { --space-x: 40px; --space-y: 40px } } @media (max-width: 991px) { .work-card-wrap { --space-x: 30px; --space-y: 30px } } @media (max-width: 767px) { .work-card-wrap:nth-child(even) { padding-left:12px; border-left: 0 } .work-card-wrap:not(:nth-child(-n+2)) { border-top: 0; padding-top: 0; padding-bottom: var(--space-x) } .work-card-wrap:nth-child(odd) { padding-left: 12px; padding-right: 12px; padding-top: 0 } .work-card-wrap:last-child { padding-bottom: 0 } } .work-card2 .box-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .work-card2 .box-icon { width: 64px; height: 64px; border-radius: 8px; background: var(--title-color); 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin: 9px 0 0 9px; position: relative } .work-card2 .box-icon:after { content: ''; position: absolute; inset: -9px 9px 9px -9px; border: 1px dashed var(--title-color); border-radius: 8px } .work-card2 .box-title { margin-bottom: -0.3em; font-size: 24px; font-weight: 600 } .work-card2 .box-text { margin-top: 16px } @media (max-width: 575px) { .work-card2 .box-title { font-size:20px } } .work-card-wrap3 { position: relative } .work-card-wrap3 .center-line { position: absolute; height: 100%; width: 1px; background: rgba(255,255,255,0.2); top: 0; left: 50%; opacity: 0; -webkit-animation: heightanim 1.3s forwards 1; animation: heightanim 1.3s forwards 1 } @media (max-width: 991px) { .work-card-wrap3 .center-line { display:none } } @-webkit-keyframes heightanim { 0% { height: 0; opacity: 0 } 100% { height: 100%; opacity: 1 } } @keyframes heightanim { 0% { height: 0; opacity: 0 } 100% { height: 100%; opacity: 1 } } .work-card3 { max-width: 495px; margin: 0 auto } .work-card3 .box-title { color: var(--white-color); font-size: 40px; font-weight: 600 } @media (max-width: 575px) { .work-card3 .box-title { font-size:30px } } .work-card3 .box-text { color: var(--light-color); margin-top: 16px } .work-card3 .work-tools-wrap { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 40px; margin-top: 40px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .work-grid-content-wrap { position: relative } .work-grid-content-wrap .top-line { position: absolute; height: 1px; width: 100%; background: rgba(255,255,255,0.2); top: 0; left: 50%; opacity: 0; -webkit-animation: widthanim 1.3s forwards 1; animation: widthanim 1.3s forwards 1 } @-webkit-keyframes widthanim { 0% { width: 0; opacity: 0 } 100% { width: 100%; opacity: 1; left: 0 } } @keyframes widthanim { 0% { width: 0; opacity: 0 } 100% { width: 100%; opacity: 1; left: 0 } } .work-grid-content { 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; gap: 160px } @media (max-width: 1500px) { .work-grid-content { gap:30px } } @media (max-width: 991px) { .work-grid-content { -webkit-flex-wrap:wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 30px; padding: 25px 0 } } .work-grid-content .work-grid-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 28px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 33px 0; position: relative } .work-grid-content .work-grid-card:after { content: ''; position: absolute; height: 130px; width: 1px; background: rgba(255,255,255,0.2); right: -80px } @media (max-width: 1500px) { .work-grid-content .work-grid-card:after { display:none } } .work-grid-content .work-grid-card .box-icon { width: 64px; height: 64px; border-radius: 50%; border: 1px solid var(--light-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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } @media (max-width: 1299px) { .work-grid-content .work-grid-card .box-icon { width:55px; height: 55px } } .work-grid-content .work-grid-card .box-title { color: var(--white-color); margin-bottom: -0.32em; font-size: 24px; font-weight: 600 } @media (max-width: 1399px) { .work-grid-content .work-grid-card .box-title { font-size:20px } } .work-grid-content .work-grid-card:last-child:after { display: none } @media (max-width: 991px) { .work-grid-content .work-grid-card { display:block; text-align: center; padding: 15px 0 } .work-grid-content .work-grid-card .box-icon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 25px } } @media (max-width: 1199px) { .event-area-1 .event-shape { display:none } } .event-card { 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; gap: 50px 48px } @media (max-width: 1199px) { .event-card { display:block } } .event-card.style2 { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } @media (max-width: 1299px) { .event-card.style2 .event-card-img { width:50% } } @media (max-width: 1199px) { .event-card.style2 .event-card-img { width:100% } } .event-card.style2 .box-title { font-size: 40px; line-height: 48px; max-width: 600px } @media (max-width: 1199px) { .event-card.style2 .box-title { max-width:100% } } @media (max-width: 991px) { .event-card.style2 .box-title { font-size:30px; line-height: 38px } } @media (max-width: 767px) { .event-card.style2 .box-title { font-size:24px; line-height: 38px } } .event-card.style2 .box-text { max-width: 716px } @media (max-width: 1199px) { .event-card.style2 .box-text { max-width:100% } } .event-card:not(:last-child) { border-bottom: 1px solid var(--light-color); padding-bottom: 48px; margin-bottom: 48px } .event-card:nth-child(2n+2) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .event-card .box-title { font-size: 28px; letter-spacing: 0.56px; font-weight: 700; line-height: 40px; margin-bottom: 16px } .event-card .box-text { margin-bottom: 22px } .event-card .event-wrapp { margin-bottom: 36px } .event-card .blog-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 10px } @media (max-width: 1299px) { .event-card .blog-meta a::after { display:none } } @media (max-width: 1199px) { .event-card .blog-meta a::after { display:block } } @media (max-width: 767px) { .event-card .blog-meta a::after { display:none } } @media (max-width: 1199px) { .event-card .blog-meta a:last-child::after { display:none } } @media (max-width: 991px) { .event-card .blog-meta { display:block } } .event-card-img { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; z-index: 2 } @media (max-width: 1299px) { .event-card-img { margin-bottom:35px; width: 50% } } @media (max-width: 1199px) { .event-card-img { width:100% } } .event-card-img img { width: 100% } .event-card-img::before { content: ""; position: absolute; inset: 0; background: rgba(11,11,12,0.3); z-index: 1 } .event-card .box-text { font-weight: 400; font-size: 18px; line-height: 1.7; letter-spacing: 0.02em } .event-card-tag { position: absolute; padding: 4px 14px; top: 16px; right: 16px; color: var(--white-color); display: block; background-color: var(--theme-color); text-transform: uppercase; margin-bottom: 0; z-index: 3 } .event-card-tag .tag-number { display: block; font-weight: 500; font-size: 24px; line-height: 1; letter-spacing: 0.02em; text-align: center } .story-area-1 { padding-top: 1px } .story-card { position: relative; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .story-card::before,.story-card::after { position: absolute; width: 50%; height: 0; top: 0; left: 0; content: ""; background: -webkit-linear-gradient(bottom, rgba(3,6,14,0.7), rgba(3,6,14,0.7)); background: linear-gradient(0deg, rgba(3,6,14,0.7), rgba(3,6,14,0.7)); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .story-card:hover::after { height: 100%; opacity: 1; visibility: visible } .story-card:hover::before { height: 100%; top: auto; left: auto; right: 0; bottom: 0; opacity: 1; visibility: visible } .story-card:hover .story-content { opacity: 0; visibility: hidden; bottom: -60px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .story-card:hover .story-content.hover-style { opacity: 1; visibility: visible; bottom: 50px } @media (max-width: 1199px) { .story-card:hover .story-content.hover-style { bottom:15px } } @media (max-width: 575px) { .story-card:hover .story-content.hover-style { bottom:35px } } .story-thumb img { width: 100% } .story-content { position: absolute; bottom: 50px; left: 20px; right: 20px; z-index: 2; text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease } @media (max-width: 1500px) { .story-content { bottom:20px } } @media (max-width: 1199px) { .story-content { bottom:10px } } @media (max-width: 575px) { .story-content { bottom:20px } } .story-content .quote-icon { display: inline-block; margin-bottom: 18px } @media (max-width: 1199px) { .story-content .quote-icon { margin-bottom:10px } } @media (max-width: 575px) { .story-content .quote-icon { margin-bottom:15px } } .story-content .box-text { color: var(--white-color); margin-bottom: 45px; font-size: 16px; letter-spacing: 0 } @media (max-width: 1500px) { .story-content .box-text { margin-bottom:20px } } @media (max-width: 1199px) { .story-content .box-text { margin-bottom:10px } } @media (max-width: 575px) { .story-content .box-text { margin-bottom:18px } } .story-content .box-title { color: var(--white-color); font-weight: 700; font-size: 28px; line-height: 1.4; letter-spacing: 0.02em; margin-bottom: 0 } .story-content.hover-style { opacity: 0; visibility: hidden; bottom: -60px } .story-slider1 { margin: 0 -30px } .story-list-wrap .single-story-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 68px } .story-list-wrap .single-story-list:not(:last-child) { margin-bottom: 100px } .story-list-wrap .single-story-list .story-date { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 16px; font-weight: 600; color: var(--title-color); margin-top: -0.3em; position: relative; padding-right: 64px; -webkit-align-self: start; -ms-flex-item-align: start; align-self: start } .story-list-wrap .single-story-list .story-date:before,.story-list-wrap .single-story-list .story-date:after { content: ''; position: absolute; width: 48px; height: 2px; background: var(--light-color); right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) } .story-list-wrap .single-story-list .story-date:before { width: 8px; height: 8px; border-radius: 50%; background: var(--theme-color); z-index: 1 } .story-list-wrap .single-story-list .box-title { font-size: 28px; font-weight: 600; margin-bottom: 15px } @media (max-width: 575px) { .story-list-wrap .single-story-list { display:block } .story-list-wrap .single-story-list .story-date { display: inline-block; margin-bottom: 24px } .story-list-wrap .single-story-list .box-title { font-size: 24px } .story-list-wrap .single-story-list:not(:last-child) { margin-bottom: 50px } } .academic-card { padding: 24px; border: 1px solid var(--th-border-color) } .academic-card.style2 { background-color: var(--white-color); border-color: var(--white-color) } .academic-card .box-text { letter-spacing: 0; margin-top: -0.5em } .academic-card:hover .academic-img a img { -webkit-transform: scale(1.3) rotate(-2deg); -ms-transform: scale(1.3) rotate(-2deg); transform: scale(1.3) rotate(-2deg) } .academic-card .th-btn { padding: 7px 18px } .academic-card .th-btn:before { background-color: var(--theme-color) } .academic-card .th-btn:hover { border-color: var(--theme-color) } .academic-img { position: relative; margin-bottom: 32px; overflow: hidden } .academic-img a img { width: 100%; -webkit-transition: 0.9s; transition: 0.9s } .academic-content { border-bottom: 1px solid var(--th-border-color); padding-bottom: 32px; margin-bottom: 24px } @media (max-width: 1399px) { .academic-content { margin-bottom:14px } } .academic-content .box-title { margin-bottom: 0; margin-top: -0.4em } .academic-meta-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; gap: 16px } @media (max-width: 1399px) { .academic-meta-wrap { -webkit-flex-wrap:wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } } @media (max-width: 575px) { .academic-meta-wrap { -webkit-flex-wrap:wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 } } @media (max-width: 1399px) { .academic-meta-wrap .th-btn { width:100% } } @media (max-width: 991px) { .academic-meta-wrap .th-btn { width:unset } } @media (max-width: 575px) { .academic-meta-wrap .th-btn { width:100% } } .academic-meta { 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: 16px } @media (max-width: 1399px) { .academic-meta { width:100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } } @media (max-width: 575px) { .academic-meta { -webkit-box-pack:justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } } .academic-meta .subject { color: var(--title-color); -webkit-transition: 0.4s; transition: 0.4s } .academic-meta .subject:hover { color: var(--theme-color) } .academic-meta .subject i { font-size: 16px; margin-right: 5px; color: var(--theme-color) } @media (max-width: 575px) { .academic-meta .subject { margin-bottom:15px } } .academic-meta .duration { margin-bottom: 0; color: var(--title-color); -webkit-transition: 0.4s; transition: 0.4s } .academic-meta .duration:hover { color: var(--theme-color) } @media (max-width: 575px) { .academic-meta .duration { margin-bottom:15px } } .academic-meta .duration i { font-size: 16px; color: var(--theme-color); margin-right: 5px } .academic-review { font-size: 12px; 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: 8px; color: #ED6D0C; margin-bottom: 14px } .academic-review .review-text { font-size: 16px; color: var(--black-color); margin-bottom: 0 } .academic-tag { position: absolute; font-size: 14px; color: var(--white-color); padding: 0px 13px; top: 8px; right: 8px; background-color: var(--theme-color) } .academic-tag i { font-size: 16px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); margin-right: 7px } .campus .title-wrap { margin-bottom: 22px } @media (max-width: 991px) { .campus .title-wrap { margin-bottom:2px } } .campus-card.style2 { position: relative } .campus-card.style2 .box-thumb img { width: 100%; height: 100% } .campus-card.style2 .campus-content { position: absolute } .campus-card.style2 .box-title-wrap { position: absolute; display: block; text-align: center } .campus-card .th-btn { border-color: var(--th-border-color); margin-top: 34px; padding: 11px 25px } .campus-img { margin-bottom: 35px } .campus-content .box-title { position: relative; font-weight: 700; font-size: 28px; line-height: 1.4; display: inline-block; letter-spacing: 0.02em; padding-bottom: 18px; margin-bottom: 23.5px } @media (max-width: 575px) { .campus-content .box-title { font-size:24px } } .campus-content .box-title::after { position: absolute; width: 36px; height: 2px; bottom: 0; left: 0; content: ""; background-color: var(--theme-color); -webkit-transition: .4s; transition: .4s } .campus-content .box-title:hover::after { width: 100% } .campus-content .box-text { font-size: 16px; letter-spacing: 0 } .campus-item { position: relative; z-index: 2 } .campus-item_wrapp:not(:first-child) .box-title { margin-bottom: 0 } .campus-item .box-img { position: relative; z-index: 2; height: 100% } .campus-item .box-img:before { content: ""; position: absolute; inset: 0; background: -webkit-linear-gradient(top, rgba(7,14,32,0) 14.48%, rgba(7,14,32,0.7) 100%); background: linear-gradient(180deg, rgba(7,14,32,0) 14.48%, rgba(7,14,32,0.7) 100%); z-index: 1 } .campus-item .box-img img { width: 100%; height: 100%; min-height: 397px; object-fit: cover } .campus-item .box-content { position: absolute; left: 48px; right: 48px; bottom: 48px; z-index: 3 } @media (max-width: 480px) { .campus-item .box-content { left:20px; right: 20px; bottom: 20px } } .campus-item .box-title { letter-spacing: 0.02em; color: var(--white-color) } .campus-item .box-text { color: var(--white-color); font-size: 16px } .campus-area-2 { background-color: var(--smoke-color) } .campus-card.style2::before,.campus-card.style2::after { position: absolute; width: 0; height: 50%; top: 0; left: 0; content: ""; background: rgba(0,39,76,0.6); opacity: 0; visibility: hidden; -webkit-transition: .4s; transition: .4s } .campus-card.style2:hover { cursor: pointer } .campus-card.style2:hover::after { width: 100%; opacity: 1; visibility: visible } .campus-card.style2:hover::before { width: 100%; top: auto; left: auto; right: 0; bottom: 0; opacity: 1; visibility: visible } .campus-card.style2:hover .campus-content { scale: 1 } .campus-card.style2:hover .box-title-wrap { bottom: 25px } @media (max-width: 575px) { .campus-card.style2 .campus-thumb img { width:100% } } .campus-card.style2 .campus-content { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; scale: 0; -webkit-transition: 0.4s ease-in; transition: 0.4s ease-in } .campus-card.style2 .campus-content a { font-size: 45px; color: var(--white-color) } .campus-card.style2 .campus-content a:hover { color: var(--theme-color) } .campus-card.style2 .box-title-wrap { width: 100%; bottom: -50px; z-index: 1; -webkit-transition: 0.4s ease-in; transition: 0.4s ease-in } .campus-card.style2 .box-title-wrap .box-title { color: var(--white-color) } .campus-card.style2 .box-title-wrap .box-title::after { display: none } .campusSlider1 { margin-left: 120px !important; margin-right: -24% !important } @media (max-width: 1500px) { .campusSlider1 { margin:0 0 0 0% !important } } .campusSlider1 .swiper-slide { width: calc(397px) !important; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out } @media (max-width: 991px) { .campusSlider1 .swiper-slide { width:100% !important } } .campusSlider1 .swiper-slide.swiper-slide-active { width: calc(810px) !important } @media (max-width: 1500px) { .campusSlider1 .swiper-slide.swiper-slide-active { width:calc(650px) !important } } @media (max-width: 991px) { .campusSlider1 .swiper-slide.swiper-slide-active { width:100% !important } } .campusSlider1 .swiper-slide.swiper-slide-active .box-text { opacity: 1; visibility: visible; height: 100% } .campusSlider1 .swiper-slide.swiper-slide-active .box-content2 { opacity: 0; overflow: hidden; -webkit-transform: translateX(150px); -ms-transform: translateX(150px); transform: translateX(150px) } .campusSlider1 .swiper-slide.swiper-slide-active .box-content { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px) } .campusSlider1 .slider-controller { width: 80%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-right: 120px } @media (max-width: 1500px) { .campusSlider1 .slider-controller { padding:0 30px; width: 100% } } .campus-card2 { position: relative; z-index: 2; height: 397px } .campus-card2:before { content: ""; position: absolute; inset: 0; background: -webkit-linear-gradient(top, rgba(7,14,32,0) 25.82%, rgba(7,14,32,0.7) 100%); background: linear-gradient(180deg, rgba(7,14,32,0) 25.82%, rgba(7,14,32,0.7) 100%); z-index: 1 } .campus-card2 .box-content { position: absolute; left: 40px; right: 40px; bottom: 40px; z-index: 2; max-width: 100%; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); opacity: 0; visibility: hidden } @media (max-width: 480px) { .campus-card2 .box-content { left:20px; right: 20px; bottom: 20px } } .campus-card2 .box-content2 { position: absolute; left: 40px; right: 40px; bottom: 40px; z-index: 2; max-width: 100%; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out } @media (max-width: 480px) { .campus-card2 .box-content2 { left:20px; right: 20px; bottom: 20px } } .campus-card2 .box-content2 .box-title { margin-bottom: 0 } .campus-card2 .box-title { color: var(--white-color) } .campus-card2 .box-text { font-family: var(--body-font); font-weight: 400; font-size: 16px; color: var(--white-color); margin-bottom: 0; opacity: 0; height: 0; visibility: hidden; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out } .apply-stadum-titlebox .sec-title-wrap { max-width: 375px } @media (max-width: 1199px) { .apply-stadum-titlebox .sec-title-wrap { max-width:100% } } .apply-stadum-titlebox .box-text-wrap { max-width: 552px } @media (max-width: 1199px) { .apply-stadum-titlebox .box-text-wrap { max-width:100% } } .apply-stadum-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 56px; margin-top: 53px } @media (max-width: 1299px) { .apply-stadum-box { -webkit-box-orient:vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 14px } } @media (max-width: 1199px) { .apply-stadum-box { display:-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } } .apply-stadum-box .checklist ul li { font-size: 18px; color: var(--white-color) } .apply-stadum-wrapp .box-text { font-size: 18px; max-width: 520px } @media (max-width: 1199px) { .apply-stadum-wrapp .box-text { max-width:100% } } .apply-stadum-thumb { position: relative; z-index: 3; min-width: 696px; margin-left: 50px; margin-right: -10% } @media (max-width: 1500px) { .apply-stadum-thumb { min-width:100%; margin-right: 0 } } @media (max-width: 1199px) { .apply-stadum-thumb { margin:0 } } .apply-stadum-action.th-btn-wrap { margin-top: 50px } @media (max-width: 991px) { .apply-stadum-action { margin-top:42px } } .apply-stadum-action .th-btn { color: var(--white-color); border: 0; background-color: var(--theme-color) } .apply-stadum-shape { position: absolute; width: 40%; height: 100%; right: 0; top: 0 } @media (max-width: 1199px) { .apply-stadum-shape { width:370px } } .apply-stadum-shape::before { position: absolute; width: 100%; height: 100%; top: 0; right: 0; content: ""; background-color: var(--theme-color); -webkit-clip-path: polygon(52% 0, 100% 0%, 100% 100%, 0 100%); clip-path: polygon(52% 0, 100% 0%, 100% 100%, 0 100%) } @media (max-width: 1199px) { .apply-stadum-shape::before { display:none } } .chancellor-thumb { position: relative; width: 593px; height: 535px; background-color: #EEF1F4; overflow: hidden } @media (max-width: 1299px) { .chancellor-thumb { width:unset } } @media (max-width: 1199px) { .chancellor-thumb { text-align:center; margin: auto; margin-bottom: 50px; width: 100% } } @media (max-width: 991px) { .chancellor-thumb { width:100% } } .chancellor-thumb img { position: absolute; left: 0; right: 0; text-align: center; margin: auto; bottom: 0; z-index: 2 } .chancellor-thumb .ripple-1,.chancellor-thumb .ripple-2,.chancellor-thumb .ripple-3,.chancellor-thumb .ripple-4,.chancellor-thumb .ripple-5 { width: 456px; height: 456px; position: absolute; left: 0; right: 0; text-align: center; bottom: -285px; margin: auto; background-color: transparent; border: 1px solid rgba(87,88,95,0.5); border-radius: 50%; -webkit-animation: ripple2 10s linear infinite; animation: ripple2 10s linear infinite; opacity: 0 } .chancellor-thumb .ripple-1 { -webkit-animation-delay: 0; animation-delay: 0 } .chancellor-thumb .ripple-2 { -webkit-animation-delay: 2s; animation-delay: 2s } .chancellor-thumb .ripple-3 { -webkit-animation-delay: 4s; animation-delay: 4s } .chancellor-thumb .ripple-4 { -webkit-animation-delay: 6s; animation-delay: 6s } .chancellor-thumb .ripple-5 { -webkit-animation-delay: 8s; animation-delay: 8s } .chancellor-titlebox .box-text { font-size: 18px; max-width: 520px } @media (max-width: 1299px) { .chancellor-titlebox .box-text { max-width:100% } } .chancellor-bottom { 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: 69px; margin-top: 52px } @media (max-width: 1299px) { .chancellor-bottom { gap:30px } } @media (max-width: 575px) { .chancellor-bottom { display:block } } @media (max-width: 575px) { .chancellor-action { margin-bottom:30px } } .chancellor-signature { margin-top: -20px } .chancellor-signature-box .box-text { font-weight: 600; font-size: 18px; letter-spacing: 0.02em; color: var(--title-color); position: relative; top: 16px } .chancellor-content { position: relative; top: -3px } .skill-feature { text-align: left } .skill-feature:not(:last-child) { margin-bottom: 27px } .skill-feature-title,.skill-feature .progress-value { font-size: 18px; font-weight: 600; margin-bottom: 8px; margin-top: -0.5em; letter-spacing: 0.02em; font-family: var(--subtitle-cont); color: var(--title-color) } .skill-feature .progress { position: relative; overflow: visible; background: var(--smoke-color); height: 8px; border-radius: 24px } .skill-feature .progress-bar { background-color: var(--theme-color); height: 8px; border-radius: inherit; overflow: visible; position: relative } .skill-feature .progress-value { position: absolute; top: -30px; right: -8px } .community-area { position: relative } .community { height: 800px } .community-wrap { position: relative; left: -63px; padding: 118px 76px 118px 76px; background-color: var(--white-color) } @media (max-width: 1500px) { .community-wrap { left:20px } } @media (max-width: 1299px) { .community-wrap { left:0 } } @media (max-width: 991px) { .community-wrap { padding:70px 50px } } @media (max-width: 575px) { .community-wrap { padding:45px 30px } } @media (max-width: 767px) { .community-wrap .sec-title { font-size:29px } } @media (max-width: 575px) { .community-wrap .sec-title { font-size:22px } } .community-wrap .box-text { margin-top: -0.4em } .community-area-2 { background-color: var(--gray-color) } @media (max-width: 1199px) { .community-area-2 { padding-top:0 !important } } .community-area-2 .title-wrap { max-width: 412px } @media (max-width: 1199px) { .community-area-2 .title-wrap { max-width:100%; text-align: center } } .community-area-2 .sec-text { max-width: 464px } @media (max-width: 1199px) { .community-area-2 .sec-text { max-width:100%; text-align: center } } @media (max-width: 767px) { .community-area-2 .community-shape1 { display:none } } .community-banner { margin-left: 70px; margin-right: -19% } @media (max-width: 1500px) { .community-banner { margin-right:0 } } @media (max-width: 1399px) { .community-banner { margin-left:0 } } .community-banner img { height: 100%; object-fit: cover } .community-wrap2 { display: grid; gap: 24px; grid-template-columns: repeat(2, 1fr) } @media (max-width: 1199px) { .community-wrap2 { grid-template-columns:repeat(2, 1fr) } } @media (max-width: 767px) { .community-wrap2 { grid-template-columns:1fr; margin-top: 45px } } .community-card2 { 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: 24px; padding: 40px 25px; background-color: var(--white-color) } @media (max-width: 1500px) { .community-card2 { padding:30px 20px } } @media (max-width: 1399px) { .community-card2 { -webkit-box-orient:vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center } } .community-card2:nth-child(2) .community-icon { background: #FEF9EC } .community-card2:nth-child(3) .community-icon { background: #EEF1F4 } .community-card2:nth-child(4) .community-icon { background: #FFF6F8 } .community-card2 .community-icon { min-width: 80px; height: 80px; line-height: 80px; text-align: center; background: #F4F9F7; border-radius: 50% } .community-card2 .community-icon img { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .community-card2:hover .community-icon img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .community-card2 .community-icon span { width: 80px; height: 80px; 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: var(--theme-color); border-radius: 50%; -webkit-transition: 0.4s ease; transition: 0.4s ease } .community-card2 .box-title { margin-bottom: 0 } @media (max-width: 1500px) { .community-card2 .box-title { font-size:22px } } @media (max-width: 375px) { .community-card2 .box-title { text-align:center } } .community-card2 .box-text { margin-top: 10px; line-height: 32px; font-size: 18px; letter-spacing: 0.36px } @media (max-width: 1500px) { .community-card2 .box-text { font-size:16px } } @media (max-width: 375px) { .community-card2 .box-text { text-align:center } } .program-card { border: 1px solid var(--th-border-color); -webkit-transition: .4s; transition: .4s } .program-card:hover { border: 1px solid transparent; background-color: var(--white-color); box-shadow: 0 10px 15px 0 rgba(135,143,151,0.2) } .program-card:hover .program-img { position: relative } .program-card:hover .program-img img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .program-card .program-content { padding: 32px } .program-card .program-content .box-text { margin-bottom: 25px; font-size: 14px; line-height: 28px; margin-top: -0.3em } .program-card .program-content .box-title { margin-bottom: 13px } .program-card .program-img { overflow: hidden } .program-card .program-img img { width: 100%; -webkit-transition: 1.4s; transition: 1.4s } .program-card .btn-wrap a { font-size: 16px; font-weight: 500; line-height: 28px; color: var(--black-color8); -webkit-transition: linear 0.3s ease; transition: linear 0.3s ease } .program-card .btn-wrap a img { -webkit-filter: brightness(0) contrast(1); filter: brightness(0) contrast(1); -webkit-transition: linear 0.3s ease; transition: linear 0.3s ease; position: relative; top: -1px; left: -5px } .program-card .btn-wrap a:hover { color: var(--theme-color) } .program-card .btn-wrap a:hover img { -webkit-filter: invert(79%) sepia(40%) saturate(7323%) hue-rotate(333deg) brightness(85%) contrast(93%); filter: invert(79%) sepia(40%) saturate(7323%) hue-rotate(333deg) brightness(85%) contrast(93%) } .program-btn { display: block } @media (max-width: 1399px) { .program-btn { display:-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 2px } } .program-btn .th-btn { font-family: var(--title-font); display: inline-block; font-weight: 500; font-size: 24px; letter-spacing: 0.02em; color: var(--theme-color); padding: 16px 24px; color: var(--theme-color); border-color: #B7C2CC } @media (max-width: 1399px) { .program-btn .th-btn { padding:16px 18px; font-size: 20px } } .program-btn .th-btn:before { background-color: var(--theme-color) } .program-btn .th-btn:hover { border-color: var(--theme-color) } .program-btn .th-btn:not(:last-child) { margin-bottom: 16px } .program-item { position: relative; z-index: 2; overflow: hidden; min-height: 474px } .program-item .box-img { position: relative; z-index: 2; width: 100%; height: 372px } .program-item .box-img img { width: 100%; height: 100%; object-fit: cover } .program-item .box-content { position: absolute; inset: 0; background-color: #EEF1F4; z-index: 2; -webkit-transform: translateY(79%); -ms-transform: translateY(79%); transform: translateY(79%); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } @media (max-width: 1399px) { .program-item .box-content { -webkit-transform:translateY(80%); -ms-transform: translateY(80%); transform: translateY(80%) } } .program-item .box-title { background-color: var(--title-color); padding: 38px 32px; color: var(--white-color); font-size: 28px; line-height: 28px; display: block; margin-top: -0.4rem; margin-bottom: 0 } @media (max-width: 1399px) { .program-item .box-title { font-size:24px; line-height: 24px } } @media (max-width: 375px) { .program-item .box-title { font-size:20px; line-height: 20px } } .program-item .box-subject { padding: 40px 33px 30px 33px } @media (max-width: 1299px) { .program-item .box-subject { padding:30px 33px 30px 33px } } .program-item .box-subject ul { padding: 0; margin: 0 } .program-item .box-subject ul li { list-style: none; font-weight: 500; font-size: 24px; color: var(--title-color); font-family: var(--body-font) } @media (max-width: 1399px) { .program-item .box-subject ul li { font-size:20px } } @media (max-width: 375px) { .program-item .box-subject ul li { font-size:18px } } .program-item .box-subject ul li:not(:last-child) { margin-bottom: 10px } @media (max-width: 375px) { .program-item .box-subject ul li:not(:last-child) { margin-bottom:5px } } .program-item:hover .box-content { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%) } .program-details .program-content { border: 1px solid #B7C2CC; padding: 36px 32px; 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; gap: 42px } @media (max-width: 1500px) { .program-details .program-content { gap:20px } } @media (max-width: 991px) { .program-details .program-content { -webkit-box-orient:vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .program-details .program-grid { position: relative } .program-details .program-grid .box-title { margin-bottom: 0 } .program-details .program-grid .box-text { font-weight: 400; font-size: 18px; letter-spacing: 0.02em; color: var(--body-color); max-width: 280px } .program-details .divided { height: 77px; width: 1px; background-color: #B7C2CC } @media (max-width: 1500px) { .program-details .divided { display:none } } .program-details .program-blockquote { position: relative; background-color: #EEF1F4; padding: 56px 56px 21px 56px; border: none !important; color: var(--body-color); font-size: 20px; z-index: 2; margin-bottom: 60px } @media (max-width: 767px) { .program-details .program-blockquote { padding:36px 36px 21px 36px } } .program-details .program-blockquote .review { margin-bottom: 12px } .program-details .program-blockquote .review i { color: #FF9F43; margin-right: 5px } .program-details .program-blockquote:before,.program-details .program-blockquote:after { display: none } .program-details .program-blockquote cite { position: relative; left: 0; bottom: 0; -webkit-clip-path: none; clip-path: none; margin: 30px 0 0 0; background-color: transparent; padding: 0; display: block; font-weight: 700; font-size: 28px; letter-spacing: 0.02em; color: #081933; font-family: var(--title-font) } @media (max-width: 767px) { .program-details .program-blockquote cite { font-size:24px } } .program-details .program-blockquote span { font-weight: 500; font-size: 16px; color: #081933 } .program-details .program-blockquote .quote { position: absolute; right: 104px; bottom: 26px } @media (max-width: 767px) { .program-details .program-blockquote .quote { right:30px; bottom: 20px } } @media (max-width: 575px) { .program-details .program-blockquote .quote { position:relative; bottom: 0; right: unset; left: 0px } } .peogram-area { position: relative; z-index: 2 } .peogram-area .program-wrapp { position: absolute; top: 113px; right: 80px } @media (max-width: 1399px) { .peogram-area .program-wrapp { top:40px; right: 0px } } @media (max-width: 991px) { .peogram-area .program-wrapp { top:0 } } @media (max-width: 575px) { .peogram-area .program-wrapp { position:relative } } .scholar-area { background-color: var(--smoke-color3); padding-bottom: 37px } @media (max-width: 575px) { .scholar-area { padding-bottom:0 } } .scholar-area .btn-wrap { margin-top: -2px } .scholar-right { margin-top: 380px } @media (max-width: 1199px) { .scholar-right { margin-top:445px } } @media (max-width: 991px) { .scholar-right { margin-top:440px } } @media (max-width: 767px) { .scholar-right { margin-top:320px } } @media (max-width: 575px) { .scholar-right { margin-top:-40px } } .scholar-imgbox { position: absolute; bottom: -10px; z-index: 2 } @media (max-width: 1199px) { .scholar-imgbox { left:0; right: 0; text-align: center } } @media (max-width: 575px) { .scholar-imgbox { position:relative } } .scholar-imgbox img { max-width: inherit } @media (max-width: 991px) { .scholar-imgbox img { max-width:100% } } .scholar-dot-shape { position: absolute; top: 0; left: 0 } .scholar-dash-shape { position: absolute; bottom: 4%; left: 0 } @media (min-width: 1922px) { .scholar-dash-shape { display:none } } @media (max-width: 1199px) { .scholar-style { padding-bottom:0 } } @media (max-width: 1500px) { .alumni-shape { display:none } } .alumni-imgbox { display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 4px; -webkit-column-gap: 4px; -moz-column-gap: 4px; column-gap: 4px; margin-right: -35px } @media (max-width: 1199px) { .alumni-imgbox { margin-right:0 } } @media (max-width: 575px) { .alumni-imgbox { grid-template-columns:repeat(2, 1fr); margin-right: 0 } } @media (max-width: 375px) { .alumni-imgbox { grid-template-columns:repeat(1, 1fr) } } .alumni-img img { width: 100% } .alumni-content { position: relative; margin-left: 45px } .alumni-content .sec-title-wrap { max-width: 445px } @media (max-width: 1299px) { .alumni-content .sec-title-wrap { max-width:100% } } .alumni-content .sec-text-wrap { max-width: 530px } @media (max-width: 1299px) { .alumni-content .sec-text-wrap { max-width:100% } } @media (max-width: 1299px) { .alumni-content { margin-left:0 } } .alumni .btn-wrap { margin-top: -3px } @media (max-width: 1299px) { .professor-area-1 .professor-shape1 { display:none } } .professor-card { 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: 1px solid var(--th-border-color); padding: 20px; gap: 40px } @media (max-width: 1299px) { .professor-card { gap:20px } } @media (max-width: 1199px) { .professor-card { gap:40px } } @media (max-width: 767px) { .professor-card { -webkit-box-orient:vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center } } .professor-card .professor-img { background-color: var(--gray-color) } @media (max-width: 767px) { .professor-card .professor-img { width:100% } } .professor-card .professor-img img { width: 100%; height: 100%; object-fit: cover } @media (max-width: 575px) { .professor-card .professor-content { margin-top:30px; text-align: center } } .professor-card .professor-content .box-title { margin-bottom: 0 } .professor-card .professor-content .box-text { font-size: 16px; font-weight: 500; color: #506172; margin-bottom: 0px } .professor-card .professor-content .professor-details { margin-top: 15px; margin-bottom: 24px } .professor-card .professor-content .professor-details a { display: block } @media (max-width: 575px) { .professor-card .professor-content .professor-details { display:block; text-align: center } } .professor-card .professor-content .professor-contact { font-size: 14px; line-height: 21px } .professor-card .professor-content .professor-contact i { font-size: 14px } .professor-card .professor-content .professor-contact:last-child { margin-top: 8px } .addmission-area { position: relative; height: 650px } .addmission-area .addmission-bg-thumb { inset: 0; position: absolute } .addmission-area .addmission-bg-thumb img { height: 100%; width: 100%; object-fit: cover } .admission-forum-wrap { margin-top: -350px } .admission-forum-wrap .admission-forum-inner { background-color: var(--title-color); position: relative } .admission-forum-wrap .admission-forum-inner .addmission-forum-thumb { position: absolute; top: 0; left: 0; bottom: 0; width: 43.5% } @media (max-width: 991px) { .admission-forum-wrap .admission-forum-inner .addmission-forum-thumb { width:100%; position: relative } } .admission-forum-wrap .admission-forum-inner .addmission-forum-thumb img { width: 100%; height: 100%; object-fit: cover } .admission-forum-wrap .admission-forum-inner .addmisson-forum { padding: 60px 60px 60px 162px } @media (max-width: 1299px) { .admission-forum-wrap .admission-forum-inner .addmisson-forum { padding:45.5px 45.5px 45.5px 125px } } @media (max-width: 991px) { .admission-forum-wrap .admission-forum-inner .addmisson-forum { padding:60px } } @media (max-width: 575px) { .admission-forum-wrap .admission-forum-inner .addmisson-forum { padding:25px } } .admission-forum-wrap .admission-forum-inner .addmisson-forum input,.admission-forum-wrap .admission-forum-inner .addmisson-forum textarea,.admission-forum-wrap .admission-forum-inner .addmisson-forum select { border-radius: 0; color: var(--th-border-color7); border: 1px solid var(--body-color); -webkit-transition: 0.4s ease-in; transition: 0.4s ease-in; background-color: transparent } .admission-forum-wrap .admission-forum-inner .addmisson-forum input:focus,.admission-forum-wrap .admission-forum-inner .addmisson-forum textarea:focus,.admission-forum-wrap .admission-forum-inner .addmisson-forum select:focus { border: 1px solid var(--theme-color) } .admission-forum-wrap .admission-forum-inner .addmisson-forum input::-webkit-input-placeholder, .admission-forum-wrap .admission-forum-inner .addmisson-forum textarea::-webkit-input-placeholder, .admission-forum-wrap .admission-forum-inner .addmisson-forum select::-webkit-input-placeholder { color: var(--th-border-color7) } .admission-forum-wrap .admission-forum-inner .addmisson-forum input::-moz-placeholder, .admission-forum-wrap .admission-forum-inner .addmisson-forum textarea::-moz-placeholder, .admission-forum-wrap .admission-forum-inner .addmisson-forum select::-moz-placeholder { color: var(--th-border-color7) } .admission-forum-wrap .admission-forum-inner .addmisson-forum input:-ms-input-placeholder, .admission-forum-wrap .admission-forum-inner .addmisson-forum textarea:-ms-input-placeholder, .admission-forum-wrap .admission-forum-inner .addmisson-forum select:-ms-input-placeholder { color: var(--th-border-color7) } .admission-forum-wrap .admission-forum-inner .addmisson-forum input::-ms-input-placeholder, .admission-forum-wrap .admission-forum-inner .addmisson-forum textarea::-ms-input-placeholder, .admission-forum-wrap .admission-forum-inner .addmisson-forum select::-ms-input-placeholder { color: var(--th-border-color7) } .admission-forum-wrap .admission-forum-inner .addmisson-forum input::placeholder,.admission-forum-wrap .admission-forum-inner .addmisson-forum textarea::placeholder,.admission-forum-wrap .admission-forum-inner .addmisson-forum select::placeholder { color: var(--th-border-color7) } .admission-forum-wrap .admission-forum-inner .addmisson-forum select { color: var(--th-border-color7) } .admission-forum-wrap .admission-forum-inner .addmisson-forum select option { color: var(--body-color) } .admission-forum-wrap .admission-forum-inner .addmisson-forum input:-webkit-autofill,.admission-forum-wrap .admission-forum-inner .addmisson-forum textarea:-webkit-autofill,.admission-forum-wrap .admission-forum-inner .addmisson-forum select:-webkit-autofill { box-shadow: 0 0 0 1000px transparent inset !important; -webkit-text-fill-color: #fff !important; -webkit-transition: background-color 9999s ease-in-out 0s !important; transition: background-color 9999s ease-in-out 0s !important } .course-card { position: relative; border: 1px solid var(--th-border-color); padding: 32px } @media (max-width: 1500px) { .course-card { padding:28px } } @media (max-width: 1399px) { .course-card { padding:32px } } @media (max-width: 375px) { .course-card { padding:20px } } .course-card .course-img-thumb { position: relative; overflow: hidden } .course-card .course-img-thumb { margin-bottom: 32px } .course-card .course-img-thumb img { -webkit-transition: 0.4s ease-in; transition: 0.4s ease-in } @media (max-width: 1399px) { .course-card .course-img-thumb img { width:100% } } .course-card .course-img-thumb .wishlist-icon { position: absolute; top: 17px; right: 17px; color: var(--white-color); font-size: 22px; -webkit-transition: 0.4 ease-in; transition: 0.4 ease-in } .course-card .course-img-thumb .wishlist-icon:hover { color: var(--theme-color) } .course-card .card-content .tag { padding: 0px 10px; border: 1px solid var(--th-border-color); max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; margin-bottom: 15px } .course-card .card-content .tag a { font-size: 14px; font-weight: 500; -webkit-transition: 0.4s ease-in; transition: 0.4s ease-in } .course-card .card-content .tag:hover a { color: var(--title-color) } .course-card .card-content .course-rating { 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-top: 21px; margin-bottom: 28px } .course-card .card-content .course-rating .rating-text { margin-bottom: 0; color: var(--black-color8); font-size: 16px; font-weight: 500; line-height: 28px } .course-card .card-content .course-rating .star-rating::before { color: var(--yellow-color) } .course-card .card-content .course-meta { border: 1px solid var(--th-border-color); -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 16px 24px } @media (max-width: 575px) { .course-card .card-content .course-meta { -webkit-box-pack:start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; gap: 8px; padding: 16px 13px } } @media (max-width: 1500px) { .course-card .card-content .course-meta a { margin-right:0 } } @media (max-width: 1399px) { .course-card .card-content .course-meta a { margin-right:30px } } @media (max-width: 1199px) { .course-card .card-content .course-meta a { margin-right:0 } } @media (max-width: 991px) { .course-card .card-content .course-meta a { margin-right:30px } } @media (max-width: 575px) { .course-card .card-content .course-meta a { margin-right:0 } } .course-card .card-content .course-meta a::after { right: -25px } @media (max-width: 1500px) { .course-card .card-content .course-meta a::after { display:none } } @media (max-width: 1399px) { .course-card .card-content .course-meta a::after { display:block; right: -40px } } @media (max-width: 1299px) { .course-card .card-content .course-meta a::after { right:-25px } } @media (max-width: 1199px) { .course-card .card-content .course-meta a::after { display:none } } @media (max-width: 991px) { .course-card .card-content .course-meta a::after { display:block; right: -65px } } @media (max-width: 767px) { .course-card .card-content .course-meta a::after { right:-18px } } @media (max-width: 575px) { .course-card .card-content .course-meta a::after { display:none } } .course-card .card-content .course-meta a:last-child::after { display: none } .course-card .card-content .course-meta a img { position: relative; top: -1px; margin-right: 8px } .course-card .card-content .card-content-bottom { 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-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 32px } @media (max-width: 575px) { .course-card .card-content .card-content-bottom { display:block } } .course-card .card-content .card-content-bottom .author { 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: 8px } .course-card .card-content .card-content-bottom .author p { margin-bottom: 0 } .course-card .card-content .card-content-bottom .author p a { font-size: 18px; line-height: 32px; font-weight: 500; color: var(--black-color8); -webkit-transition: 0.4s ease-in; transition: 0.4s ease-in } .course-card .card-content .card-content-bottom .author p a:hover { color: var(--theme-color) } .course-card .card-content .card-content-bottom .author img { width: 32px; height: 32px; border-radius: 50% } .course-card .card-content .card-content-bottom>.btn-wrap { margin-top: 0 } @media (max-width: 575px) { .course-card .card-content .card-content-bottom>.btn-wrap { margin-top:32px } } @media (max-width: 575px) { .course-card .card-content .card-content-bottom>.btn-wrap a { width:100%; text-align: center } } .course-card .card-content .box-title { margin-bottom: 0 } .course-card .review-text { margin-bottom: 0 } .nav-tabs.course-tabs .nav-link.active { background-color: var(--theme-color); color: var(--white-color); border-color: transparent } .nav-tabs.course-tabs .nav-link { border-radius: 0 } .nav-tabs.course-tabs { gap: 16px; border-bottom: unset } @media (max-width: 1299px) { .nav-tabs.course-tabs { margin-top:-10px } } .title-wrap { max-width: 496px } @media (max-width: 1299px) { .title-wrap { max-width:100%; text-align: center } } .course-card { position: relative; border: 1px solid var(--th-border-color); padding: 32px } @media (max-width: 1500px) { .course-card { padding:28px } } @media (max-width: 1399px) { .course-card { padding:32px } } @media (max-width: 375px) { .course-card { padding:20px } } .course-card .course-img-thumb { position: relative; overflow: hidden } .course-card .course-img-thumb { margin-bottom: 32px } .course-card .course-img-thumb img { -webkit-transition: 0.4s ease-in; transition: 0.4s ease-in } @media (max-width: 1399px) { .course-card .course-img-thumb img { width:100% } } .course-card .course-img-thumb .wishlist-icon { position: absolute; top: 17px; right: 17px; color: var(--white-color); font-size: 22px; -webkit-transition: 0.4 ease-in; transition: 0.4 ease-in } .course-card .course-img-thumb .wishlist-icon:hover { color: var(--theme-color) } .course-card .card-content .tag { padding: 0px 10px; border: 1px solid var(--th-border-color); max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; margin-bottom: 15px } .course-card .card-content .tag a { font-size: 14px; font-weight: 500; -webkit-transition: 0.4s ease-in; transition: 0.4s ease-in } .course-card .card-content .tag:hover a { color: var(--title-color) } .course-card .card-content .course-rating { 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-top: 21px; margin-bottom: 28px } .course-card .card-content .course-rating .rating-text { margin-bottom: 0; color: var(--black-color8); font-size: 16px; font-weight: 500; line-height: 28px } .course-card .card-content .course-rating .star-rating::before { color: var(--yellow-color) } .course-card .card-content .course-meta { border: 1px solid var(--th-border-color); -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 16px 24px } @media (max-width: 575px) { .course-card .card-content .course-meta { -webkit-box-pack:start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; gap: 8px; padding: 16px 13px } } @media (max-width: 1500px) { .course-card .card-content .course-meta a { margin-right:0 } } @media (max-width: 1399px) { .course-card .card-content .course-meta a { margin-right:30px } } @media (max-width: 1199px) { .course-card .card-content .course-meta a { margin-right:0 } } @media (max-width: 991px) { .course-card .card-content .course-meta a { margin-right:30px } } @media (max-width: 575px) { .course-card .card-content .course-meta a { margin-right:0 } } .course-card .card-content .course-meta a::after { right: -25px } @media (max-width: 1500px) { .course-card .card-content .course-meta a::after { display:none } } @media (max-width: 1399px) { .course-card .card-content .course-meta a::after { display:block; right: -40px } } @media (max-width: 1299px) { .course-card .card-content .course-meta a::after { right:-25px } } @media (max-width: 1199px) { .course-card .card-content .course-meta a::after { display:none } } @media (max-width: 991px) { .course-card .card-content .course-meta a::after { display:block; right: -65px } } @media (max-width: 767px) { .course-card .card-content .course-meta a::after { right:-18px } } @media (max-width: 575px) { .course-card .card-content .course-meta a::after { display:none } } .course-card .card-content .course-meta a:last-child::after { display: none } .course-card .card-content .course-meta a img { position: relative; top: -1px; margin-right: 8px } .course-card .card-content .card-content-bottom { 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-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 32px } @media (max-width: 575px) { .course-card .card-content .card-content-bottom { display:block } } .course-card .card-content .card-content-bottom .author { 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: 8px } .course-card .card-content .card-content-bottom .author p { margin-bottom: 0 } .course-card .card-content .card-content-bottom .author p a { font-size: 18px; line-height: 32px; font-weight: 500; color: var(--black-color8); -webkit-transition: 0.4s ease-in; transition: 0.4s ease-in } .course-card .card-content .card-content-bottom .author p a:hover { color: var(--theme-color) } .course-card .card-content .card-content-bottom .author img { width: 32px; height: 32px; border-radius: 50% } .course-card .card-content .card-content-bottom>.btn-wrap { margin-top: 0 } @media (max-width: 575px) { .course-card .card-content .card-content-bottom>.btn-wrap { margin-top:32px } } @media (max-width: 575px) { .course-card .card-content .card-content-bottom>.btn-wrap a { width:100%; text-align: center } } .course-card .card-content .box-title { margin-bottom: 0 } .course-card .review-text { margin-bottom: 0 } .nav-tabs.course-tabs .nav-link.active { background-color: var(--theme-color); color: var(--white-color); border-color: transparent } .nav-tabs.course-tabs .nav-link { border-radius: 0 } .nav-tabs.course-tabs { gap: 16px; border-bottom: unset } @media (max-width: 1299px) { .nav-tabs.course-tabs { margin-top:-10px } } .title-wrap { max-width: 496px } @media (max-width: 1299px) { .title-wrap { max-width:100%; text-align: center } } .instr-area-1 { background-color: var(--gray-color) } @media (max-width: 767px) { .instr-area-1 .instr-shape1,.instr-area-1 .instr-shape2 { display:none } } .instr-area-1 .title-wrap { max-width: 340px } @media (max-width: 991px) { .instr-area-1 .title-wrap { max-width:100% } } .instr-card { position: relative; --space: 20px } .instr-card.style2 .instr-img { background-color: #EEF1F4 } .instr-card.style2 .card-icon { color: var(--title-color); line-height: 44px } .instr-card.style2 .card-icon i { font-size: 25px } .instr-card .instr-img { position: relative; background-color: var(--white-color) } .instr-card .instr-img img { width: 100%; height: 100%; object-fit: cover } .instr-card .box-content { padding: 8px 10px 16px 10px; position: absolute; bottom: var(--space); margin: 0 20px; max-width: calc(100% - var(--space)*2); width: 100%; z-index: 2; text-align: center; -webkit-filter: drop-shadow(0px 10px 50px rgba(135,143,151,0.2)); filter: drop-shadow(0px 10px 50px rgba(135,143,151,0.2)); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .instr-card .box-content:before,.instr-card .box-content:after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; -webkit-mask-image: url("../img/mentor/team-shape.png"); mask-image: url("../img/mentor/team-shape.png"); background-color: var(--theme-color); background-repeat: no-repeat; background-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; z-index: -1; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .instr-card .box-content:after { background-color: var(--white-color); width: 100%; z-index: -1 } .instr-card .card-icon { width: 40px; height: 40px; line-height: 37px; display: block; border: 1px solid #B7C2CC; border-radius: 48px; margin: auto auto 16px auto } .instr-card .card-icon img { margin: 0 } .instr-card .box-title { margin-bottom: 0 } .instr-card .instr-desig { font-weight: 500; font-size: 16px; color: #506172; display: block; margin-bottom: 10px } .instr-card .th-social { 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 } .instr-card .th-social a { border-color: transparent; box-shadow: 0px 10px 50px rgba(135,143,151,0.3); border-radius: 48px } .instr-card:hover .box-content:after { width: 0 } .instr-card:hover .card-icon { background-color: var(--white-color); border: 1px solid transparent } .instr-card:hover .box-title a { color: var(--white-color) } .instr-card:hover .instr-desig { color: var(--white-color) } .instr-card:hover .th-social a { background-color: var(--white-color); color: var(--title-color); border: 1px solid transparent } @media (max-width: 1299px) { .partners-area-1 .partners-shape1 { display:none } } .partners-area-1 .sec-text { margin-top: -0.60em } @media (max-width: 1199px) { .partners-area-1 .btn-wrap { margin-top:-1.5em } } @media (max-width: 991px) { .partners-area-1 .btn-wrap { margin-top:0 } } .partners-wrap1 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin: 0 60px; border-left: 1px solid #E0E8F0; border-bottom: 1px solid #E0E8F0 } @media (max-width: 1399px) { .partners-wrap1 { margin:0 } } @media (max-width: 1199px) { .partners-wrap1 { margin-top:52px } } @media (max-width: 767px) { .partners-wrap1 { grid-template-columns:repeat(2, 1fr) } } @media (max-width: 375px) { .partners-wrap1 { display:block } } .partners-card { position: relative; height: 194px; 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; border-top: 1px solid var(--th-border-color); border-right: 1px solid var(--th-border-color) } .partners-card a img { -webkit-transition: 0.4s; transition: 0.4s } .partners-card:hover a img { scale: 1.1 } .mentorship-area-1 { padding-bottom: calc(120px - 75px) !important } @media (max-width: 991px) { .mentorship-area-1 { padding-bottom:80px !important } } .mentorship-card .card-content { position: relative; background-color: var(--gray-color); width: calc(100% - 48px); margin: -75px auto 0 auto; padding: 65px 25px; text-align: center; z-index: 2 } @media (max-width: 1199px) { .mentorship-card .card-content { padding:40px 25px } } @media (max-width: 575px) { .mentorship-card .card-content { padding:30px 20px } } .mentorship-card .box-title { font-size: 28px; font-weight: 700; line-height: 40px; letter-spacing: 0.56px } @media (max-width: 1199px) { .mentorship-card .box-title { font-size:24px; line-height: 36px } } @media (max-width: 575px) { .mentorship-card .box-title { font-size:20px; line-height: 30px } } .mentorship-card .box-text { font-size: 20px; line-height: 30px; margin-top: 17px } @media (max-width: 1199px) { .mentorship-card .box-text { font-size:18px; line-height: 28px } } @media (max-width: 575px) { .mentorship-card .box-text { font-size:16px; line-height: 26px } } .mentorship-card .btn-wrap { margin-top: 52px } .banner-area-1 { background-color: #FFF6F8 } .banner-wrap1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: end; -webkit-align-items: end; -ms-flex-align: end; align-items: end } @media (max-width: 1199px) { .banner-wrap1 { -webkit-box-pack:justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } } @media (max-width: 767px) { .banner-wrap1 { -webkit-box-orient:vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .banner-wrap1 .banner-left-img { margin-left: 80px } @media (max-width: 1199px) { .banner-wrap1 .banner-left-img { margin-left:0 } } @media (max-width: 991px) { .banner-wrap1 .banner-left-img { display:none } } .banner-wrap1 .banner-content { padding: 198px 0; max-width: 522px; display: block; margin-left: 80px } @media (max-width: 1500px) { .banner-wrap1 .banner-content { padding:150px 0 } } @media (max-width: 1199px) { .banner-wrap1 .banner-content { margin-left:0 } } @media (max-width: 767px) { .banner-wrap1 .banner-content { padding:80px 0 30px 0 } } .banner-wrap1 .banner-content .box-title { font-size: 40px; font-weight: 500; line-height: 48px; letter-spacing: 0.8px } @media (max-width: 1199px) { .banner-wrap1 .banner-content .box-title { font-size:30px; line-height: 40px; text-align: center } } @media (max-width: 575px) { .banner-wrap1 .banner-content .box-title { font-size:30px; list-style: 38px } } @media (max-width: 1199px) { .banner-wrap1 .btn-wrap { gap:4px } } @media (max-width: 767px) { .banner-wrap1 .btn-wrap { -webkit-box-pack:center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } .short-services-wrap1 { 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-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 107px } @media (max-width: 1299px) { .short-services-wrap1 { height:auto; margin-top: 30px } } .short-services-social { position: relative } .short-services-social::before { position: absolute; width: 1000px; height: 100px; top: -34px; z-index: -1; background-color: var(--theme-color); content: ''; left: -705px } @media (max-width: 1500px) { .short-services-social::before { left:-730px } } .short-services-social .th-social { position: relative; top: -5px } .short-services-social .th-social a { border-color: #D3DBE2 } .short-services-social .th-social a:hover { background-color: var(--white-color); border-color: var(--white-color); color: var(--theme-color) } @media (max-width: 1299px) { .short-services-social { display:none } } .short-services-items { 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: 80px; position: relative } @media (max-width: 1399px) { .short-services-items { gap:40px } } @media (max-width: 1299px) { .short-services-items { -webkit-box-pack:center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } @media (max-width: 991px) { .short-services-items { -webkit-flex-wrap:wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } @media (max-width: 767px) { .short-services-items { -webkit-box-pack:start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start } } .short-services-items::before { width: 316px; height: 1px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: var(--th-border-color); left: -35%; content: '' } @media (max-width: 1799px) { .short-services-items::before { width:200px; left: -24% } } @media (max-width: 1500px) { .short-services-items::before { display:none } } .short-services-item { 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: 24px; position: relative } .short-services-item::before { width: 1px; height: 64px; background-color: var(--th-border-color); content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -40px } @media (max-width: 1399px) { .short-services-item::before { right:-20px } } @media (max-width: 991px) { .short-services-item::before { display:none } } .short-services-item:last-child::before { display: none } .short-services-item .short-services-text .box-title { font-size: 28px; line-height: 40px; font-weight: 700; letter-spacing: 0.56px; margin-bottom: 0 } @media (max-width: 575px) { .short-services-item .short-services-text .box-title { font-size:22px; line-height: 32px } } .short-services-item .short-services-text .box-text { font-size: 16px; color: var(--title-color) } .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 } .pt-60 { padding-top: 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 } .mt-60 { margin-top: 60px } .mt-70 { margin-top: 70px } .mb-28 { margin-bottom: 28px } .mb-33 { margin-bottom: 33px } .mb-55 { margin-bottom: 55px } .mb-60 { margin-bottom: 60px } .mb-65 { margin-bottom: 65px } .mb-70 { margin-bottom: 70px } .mb-80 { margin-bottom: 80px } @media (max-width: 1199px) { .mb-80 { margin-bottom:60px } .hero-1 { height: 500px; } .th-slider{ height:100%; } .th-hero-bg { height: 100%; } .th-hero-wrapper .hero-text-wrap { margin-top: -122px; } } .mt-n1 { margin-top: -.25rem } .mt-n2 { margin-top: -.45rem } .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: -.45rem } .mb-n3 { margin-bottom: -0.8rem } .mb-n4 { margin-bottom: -1.5rem } .mb-n5 { margin-bottom: -3rem } .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) } .th-hero-wrapper .hero-text-wrap { margin-top: 60px; } .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 } /* .hero-1 { position: relative; height: 0px; } */ .space-extra2,.space-extra2-top { padding-top: calc(var(--section-space-mobile) - 30px) } .space-extra2,.space-extra2-bottom { padding-bottom: calc(var(--section-space-mobile) - 30px) } .hero-style1 { width: 100%; } } .th-hero-bg { width: 100%; height: 100vh; /* Full viewport height */ background-size: cover; background-position: center; transition: background-image 0.5s ease-in-out; } .hero-title, .hero-text, .btn-wrap { opacity: 1; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; } @media(max-width:490px){ .hero-style1 .hero-title { font-size: 35px; margin-bottom: 18px; } .th-hero-wrapper .hero-text-wrap { margin-top: 0px; } .th-hero-bg{ height: auto; } .hero-1{ height: auto; } .hero-title, .hero-text, .btn-wrap { opacity: 1; transform: translateY(2px); transition: opacity 0.6s ease, transform 0.6s ease; } .hero-style1 .hero-text { font-weight: 400; margin-bottom: 50px; max-width: 695px; font-size: 13px; } .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 30px; } .hero-style1 .th-btn { color: var(--white-color); padding: 15px 6px; } } @media(max-width:400px){ .hero-style1 .hero-title { font-size: 27px; /* border: 1px solid; */ margin-bottom: 18px; } } .hero-style1 .hero-text { font-weight: 400; margin-bottom: 30px; max-width: 695px; font-size: 13px; } }