a,
button {
    --webkit-transition: .4s
}

iframe,
img {
    border: none
}

.tinv-wishlist ins,
a,
ins {
    text-decoration: none
}

body,
p,
pre {
    font-family: var(--body-font)
}

a,
body,
p {
    color: var(--body-color)
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.blog-navigation .nav-btn.next,
.error-page-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse
}

.community-wrap2,
.sidebar-gallery {
    grid-template-columns: repeat(2, 1fr)
}

@use "sass:math";

:root {
    --theme-color: #C50C72;
    --theme-color2: rgb(15, 131, 201);
    --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: #0f83c9;
    --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: #dc3545;
    --th-border-color5: #49515c;
    --th-border-color6: #383d46;
    --title-font: "Plus Jakarta Sans", sans-serif;
    --subtitle-font: "Plus Jakarta Sans", sans-serif;
    --body-font: "Plus Jakarta Sans", sans-serif;
    --icon-font: "Font Awesome\ 6 Pro";
    --main-container: 1320px;
    --container-gutters: 24px;
    --section-space: 80px;
    --section-space-mobile: 80px;
    --section-title-space: 56px;
    --ripple-ani-duration: 5s;
    --th-body-background: #ffffff;
    --light-white: #f9f9f9
}

.footer-default,
.footer-layout1 {
    --body-color: #b7c2cc
}

body,
html {
    scroll-behavior: auto !important;
    height: 100%
}

.pt-80 {
    padding-top: 80px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

body {
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    overflow-x: hidden;
    background: var(--th-body-background);
    -webkit-font-smoothing: antialiased;
    letter-spacing: .36px;
    display: flex;
    flex-direction: column
}

main {
    flex: 1
}

.th-comments-wrap pre,
pre {
    overflow: auto;
    word-wrap: break-word
}

.theme-color {
    color: #c50c72
}

.theme-color2 {
    color: var(--theme-color2)
}

.th-bg-dark {
    --th-body-background: #13182b
}

iframe {
    width: 100%
}

table,
td,
th {
    border: 1px solid var(--th-border-color)
}

.slick-slide:focus,
a:active,
a:focus,
button:focus,
input,
input:active,
input:focus,
input:hover,
textarea,
textarea:active,
textarea:focus,
textarea:hover {
    outline: 0
}

embed,
img:not([draggable]),
object,
video {
    max-width: 100%;
    height: auto
}

ul {
    list-style-type: disc
}

ol {
    list-style-type: decimal
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

th {
    font-weight: 700;
    color: var(--title-color)
}

td,
th {
    padding: 9px 12px
}

.woosw-list table.woosw-items tr td,
pre {
    padding: 20px
}

a {
    outline: 0;
    transition: .4s
}

.author-widget-wrap .meta a:hover,
.blog-navigation .blog-btn:hover,
.blog-navigation .nav-btn:hover .nav-text,
.blog-navigation .nav-btn:hover .nav-text .title,
.box-title a:hover,
.box-title2 a:hover,
.footer-widget .recent-post .recent-post-meta a:hover i,
.footer-widget .recent-post .recent-post-meta i,
.footer-widget.wp-block-rss ul .rsswidget:hover,
.footer-widget.wp-block-rss ul cite,
.header-info-title>a:hover,
.header-layout2 .main-menu a:hover,
.header-layout2 .main-menu>ul>li>a:hover,
.link-btn.active,
.link-btn.style2:hover,
.link-btn:hover,
.main-menu a:hover,
.main-menu>ul>li>a.active,
.main-menu>ul>li>a:hover,
.recent-post .recent-post-meta a:hover,
.sidebar-gallery .gallery-btn:hover,
.social-links a:hover,
.text-inherit:hover,
.th-mobile-menu ul li a.active,
.th-mobile-menu ul li.active,
.th-mobile-menu ul li.th-active>a,
.th-search .search-grid-title a:hover,
.th-widget-instagram .insta-thumb .insta-btn:hover,
.widget_archive a:hover,
.widget_archive a:hover~span,
.widget_categories a:hover,
.widget_categories a:hover~span,
.widget_meta a:hover,
.widget_meta a:hover~span,
.widget_nav_menu a:hover,
.widget_nav_menu a:hover~span,
.widget_pages a:hover,
.widget_pages a:hover~span,
.woosw-list table.woosw-items .woosw-item .woosw-item--name a:hover,
.wp-block-rss a:hover,
.wp-block-rss ul a:hover,
a:hover,
input[type=checkbox].style2:checked~label:before,
ul.wp-block-latest-posts a:hover {
    color: var(--theme-color2)
}

.link-btn.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background-color: var(--theme-color);
    transition: width .4s
}

a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none;
    outline: 0
}

button {
    transition: .4s
}

img {
    max-width: 100%
}

pre {
    background: #f5f5f5;
    color: #666;
    font-size: 14px;
    margin: 20px 0;
    white-space: pre-wrap
}

p:empty,
span.ajax-loader:empty {
    display: none
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
span a {
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--title-font);
    color: var(--title-color);
    text-transform: none;
    font-weight: 700
}

.blocks-gallery-caption,
.gallery-caption,
.th-search .search-grid-meta a,
.th-search .search-grid-meta span,
.wp-block-embed figcaption,
.wp-block-image figcaption {
    color: var(--body-color)
}

.h1,
h1 {
    font-size: 72px;
    line-height: 1.18
}

.h2,
h2 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: .8px
}

.h3,
h3 {
    font-size: 36px;
    line-height: 1.278
}

.h4,
h4 {
    font-size: 28px;
    line-height: 40px
}

.h5,
h5 {
    font-size: 24px;
    line-height: 36px
}

.h6,
h6 {
    font-size: 20px;
    line-height: 1.5
}

@media (max-width:1399px) {

    .h1,
    h1 {
        font-size: 64px;
        line-height: 1.3
    }

    :root {
        --main-container: 1250px
    }
}

@media (max-width:1299px) {

    .h1,
    h1 {
        font-size: 60px
    }

    .arrow-wrap .slider-arrow {
        display: none
    }
}

@media (max-width:1199px) {

    .h1,
    .h2,
    h1,
    h2 {
        line-height: 1.3
    }

    .h1,
    h1 {
        font-size: 55px
    }

    .h2,
    h2 {
        font-size: 36px
    }

    .h3,
    h3 {
        font-size: 30px
    }

    .h4,
    h4 {
        font-size: 24px
    }

    .h5,
    h5 {
        font-size: 20px
    }

    .h6,
    h6 {
        font-size: 16px
    }
}

@media (max-width:767px) {

    .h1,
    h1 {
        font-size: 40px
    }

    .h2,
    h2 {
        font-size: 34px;
        line-height: 1.3
    }

    .h3,
    h3 {
        font-size: 26px
    }

    .h4,
    h4 {
        font-size: 22px
    }

    .h5,
    h5 {
        font-size: 18px
    }

    .h6,
    h6 {
        font-size: 16px
    }
}

@media (max-width:575px) {

    .h1,
    h1 {
        font-size: 38px;
        line-height: 1.35
    }

    .h2,
    h2 {
        font-size: 28px
    }

    .post-password-form p {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.blog-title,
.breadcumb-title,
.pagi-title {
    word-break: break-word
}

.bypostauthor,
.gallery-caption,
.professor-card .professor-content .professor-details a,
.slick-3d-active .slick-3d-next,
.slick-3d-active .slick-3d-next2,
.slick-3d-active .slick-3d-prev,
.slick-3d-active .slick-3d-prev2,
.tinv-wishlist .product-stock .stock {
    display: block
}

.alignleft,
.alignright {
    display: inline;
    margin-bottom: 10px
}

.clearfix,
.page-links {
    clear: both
}

.page--item {
    margin-bottom: 30px
}

.page--item p {
    line-height: 1.8
}

.content-none-search,
.mt-30 {
    margin-top: 30px
}

.alignleft {
    float: left;
    margin-right: 1.5em
}

.alignright {
    float: right;
    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
}

#description,
.faculty-card .faculty-image,
.faculty-list,
.footer-widget.widget_nav_menu a,
.mb-30,
.page-single,
.th-blog,
.th-comment-form .form-title,
.th-widget-about .about-logo,
.wp-block-search,
figure.wp-block-gallery {
    margin-bottom: 30px
}

.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;
    line-height: 1.5;
    padding: .5em 0
}

.post-password-form p,
.wp-block-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.editor-styles-wrapper .has-large-font-size,
.has-large-font-size {
    line-height: 1.4
}

ul.wp-block-latest-posts {
    padding: 0;
    margin: 0 0 15px
}

.blog-title a,
.box-title a,
.box-title2 a,
.product_meta>span a,
.text-inherit,
.th-search .search-grid-title a,
ul.wp-block-latest-posts a,
ul.wp-block-rss a {
    color: inherit
}

ul.wp-block-latest-posts li {
    margin: 15px 0
}

.arrow-wrap,
.dropdown-link,
.faculty-card,
.footer-layout3 .widget-area .row [class*=col-]:not(:last-child) .widget,
.footer-overlay,
.header-default.unittest-header,
.header-layout1 .search-form,
.header-layout2 .header-logo,
.header-links.style2 ul,
.header-right-wrap li,
.header-search,
.hero-2-inner,
.hero-slider2,
.img-magnifier-container,
.mfp-content .container,
.product-about .quantity,
.program-details .program-grid,
.slider-area,
.summary-content .quantity,
.wp-block-search__inside-wrapper {
    position: relative
}

.wp-block-search {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.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: 0 13px 25px rgb(0 0 0 / .04);
    border-radius: 0
}

.about-feature:hover .box-icon,
.academic-card .th-btn:hover,
.blog-card:hover .th-btn,
.faculty-card .th-btn:hover,
.form-group.style-border input:active,
.form-group.style-border input:focus,
.form-group.style-border textarea:active,
.form-group.style-border textarea:focus,
.form-group.style2 input:active,
.form-group.style2 input:focus,
.form-group.style2 textarea:active,
.form-group.style2 textarea:focus,
.header-search input:focus,
.play-btn.style6:hover:after,
.play-btn.style6:hover:before,
.product-about .th-social a:hover,
.sidemenu-wrapper .th-newsletter-widget .newsletter-form input:focus,
.summary-content .th-social a:hover,
.widget .search-form input:focus,
.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: 0;
    position: absolute;
    top: 0;
    right: 0
}

.slider-controller .slider-arrow,
.wp-block-search .wp-block-search__button.has-icon {
    min-width: 56px
}

.post-password-form input[type=submit]:hover,
.th-menu-toggle:hover,
.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
}

.copyright-text,
.th-comments-wrap li,
.th-comments-wrap.th-comment-form,
.wp-block-latest-posts__post-excerpt,
ul.wp-block-rss {
    margin: 0
}

.wp-block-group.has-background {
    padding: 15px 15px 1px;
    margin-bottom: 30px
}

.wp-block-table td,
.wp-block-table th {
    border-color: rgb(0 0 0 / .1)
}

.wp-block-table.is-style-stripes {
    border: 0;
    margin-bottom: 30px;
    border-bottom: 0
}

.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
    border-color: var(--th-border-color)
}

.logged-in .preloader .th-btn,
.logged-in .sticky-wrapper.sticky-active {
    top: 32px
}

@media (max-width:782px) {

    .logged-in .preloader .th-btn,
    .logged-in .sticky-wrapper.sticky-active {
        top: 46px
    }
}

@media (max-width:600px) {

    .logged-in .preloader .th-btn,
    .logged-in .sticky-wrapper.sticky-active {
        top: 0
    }
}

.post-password-form {
    margin-bottom: 30px;
    margin-top: 20px
}

.post-password-form p {
    display: flex;
    position: relative;
    gap: 15px
}

.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
}

.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
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
    padding-top: 1em
}

.header-links li>i,
.page-links>.page-links-title,
.th-comments-wrap .reply_and_edit a,
.th-menu-toggle.style-text i,
.th-menu-toggle.style-text-white i {
    margin-right: 10px
}

.page-links>a,
.page-links>span:not(.page-links-title):not(.screen-reader-text) {
    display: inline-block;
    padding: 5px 13px;
    background-color: var(--white-color);
    color: var(--title-color);
    border: 1px solid;
    margin-right: 10px
}

.page-links>a:hover,
.page-links>span:not(.page-links-title):not(.screen-reader-text):hover {
    opacity: .8;
    color: var(--white-color);
    background-color: var(--theme-color);
    border-color: #fff0
}

.page-links>a.current,
.page-links>span:not(.page-links-title):not(.screen-reader-text).current {
    background-color: var(--theme-color);
    color: var(--white-color);
    border-color: #fff0
}

.blog-details .blog-single.format-link:before,
.blog-details .blog-single.format-quote:before,
.blog-details .blog-single.sticky:before,
.blog-details .blog-single.tag-sticky-2:before,
.blog-details .blog-single:before,
.blog-single.format-link .blog-content:before,
.blog-single.format-quote .blog-content:before,
.blog-single.sticky .blog-content:before,
.blog-single.tag-sticky-2 .blog-content:before,
.form-messages,
.page-links span.screen-reader-text {
    display: none
}

.blog-single.format-link,
.blog-single.format-quote,
.blog-single.sticky,
.blog-single.tag-sticky-2 {
    border-color: #fff0;
    position: relative
}

.blog-single.format-link:before,
.blog-single.format-quote:before,
.blog-single.sticky:before,
.blog-single.tag-sticky-2:before {
    content: "\f0c1";
    position: absolute;
    font-family: "Font Awesome\ 6 Pro";
    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
}

.blog-single.sticky::before,
.blog-single.tag-sticky-2::before {
    content: "\f08d"
}

.blog-single.format-quote:before {
    content: "\f10e"
}

.blog-single .blog-content .wp-block-archives-dropdown,
.blog-single .blog-content .wp-block-categories-dropdown.wp-block-categories {
    display: block;
    margin-bottom: 30px
}

.album-page .th-widget-instagram .insta-thumb:before,
.blog-details .blog-single .blog-content,
.blog-details .blog-single.format-link,
.blog-details .blog-single.format-quote,
.blog-details .blog-single.sticky,
.blog-details .blog-single.tag-sticky-2 {
    background-color: #fff0
}

.blog-details .blog-single.format-chat .blog-meta,
.mb-20,
.widget_info .th-video,
.widget_info .widget_title {
    margin-bottom: 20px
}

.blog-details .blog-single.format-chat .blog-content>p:nth-child(2n) {
    background: var(--smoke-color);
    padding: 5px 20px
}

.blog-details .share-links {
    margin: 52px 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: -.24em
}

.th-search {
    background-color: var(--smoke-color2);
    margin-bottom: 30px;
    border-radius: 15px;
    overflow: hidden
}

.blog-card .blog-content,
.th-search .search-grid-content {
    padding: 30px
}

.th-search .search-grid-title {
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 0
}

.th-search .search-grid-meta>* {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px
}

.blog-single .social-links li:last-child,
.icon-group a:last-child,
.page-subtitle:after,
.th-comments-wrap .reply_and_edit a:last-child,
.th-search .search-grid-meta>:last-child,
.th-social a:last-child,
.th-social.style3 a:last-child {
    margin-right: 0
}

@media (max-width:768px) {
    .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: -.4em;
    margin-bottom: 4px
}

.blog-navigation .nav-text .title {
    font-size: 18px;
    font-weight: 600;
    font-family: var(--title-font);
    margin-bottom: -.3em;
    max-width: 218px;
    -webkit-transition: .4s;
    transition: .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: .4s;
    transition: .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: .4s;
    transition: .4s
}

.blog-navigation .nav-btn img {
    border-radius: 10px;
    height: 100%;
    object-fit: cover
}

.blog-navigation .nav-btn.next {
    -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: .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 .blog-btn {
    font-size: 38px;
    color: var(--light-color)
}

.header-top .gt_float_switcher,
.header-top .gt_float_switcher .gt-selected .gt-current-lang,
.widget.widget_banner3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.blog-details .blog-single,
.community-card2 .box-title,
.contact-map.style3,
.footer-wrapper .widget,
.form-messages.mb-0 *,
.hero-3 .slider-pagination .swiper-pagination-bullet:last-child,
.mb-sm-3,
.product_meta>span:last-child,
.professor-card .professor-content .box-title,
.program-details .program-grid .box-title,
.recent-post:last-child,
.row.no-gutters>.form-group,
.sidebar-area .widget .wp-block-search,
.sidebar-area ul.wp-block-latest-posts,
.sidebar-area ul.wp-block-latest-posts li:last-child,
.th-comment-form .blog-inner-title,
.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,
.th-comments-wrap ul.comment-list ol ol,
.th-comments-wrap ul.comment-list ol ul,
.th-comments-wrap ul.comment-list ul ol,
.th-comments-wrap ul.comment-list ul ul,
.tinv-wishlist .stock.in-stock,
.wp-block-social-links {
    margin-bottom: 0
}

.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: #fff0;
    box-shadow: none;
    line-height: 1;
    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: #fff0;
    padding: 0 !important;
    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_float_switcher .gt-selected,
.header-top .gt_switcher .gt_selected {
    background: #fff0;
    overflow: inherit
}

.header-top .gt_float_switcher .gt-selected .gt-current-lang img {
    width: 16px;
    margin: 0 8px 0 0;
    min-width: 20px;
    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 (min-width:992px) {
    .th-container4 {
        max-width: 960px
    }

    .title-area.text-lg-start.text-center .sub-title {
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.th-container3 {
    --main-container: 1680px
}

@media (min-width:1370px) {
    .th-container2 {
        --main-container: 1698px
    }

    .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,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: calc(var(--main-container) + var(--container-gutters));
        padding-left: calc(var(--container-gutters)/ 2);
        padding-right: calc(var(--container-gutters)/ 2)
    }

    .container-lg.px-0,
    .container-md.px-0,
    .container-sm.px-0,
    .container-xl.px-0,
    .container-xxl.px-0,
    .container.px-0 {
        max-width: var(--main-container)
    }

    .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
}

.slick-track>[class*=col] {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2);
    margin-top: var(--bs-gutter-y)
}

.gy-30 {
    --bs-gutter-y: 30px
}

.g-0 {
    --bs-gutter-y: 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
    }
}

.form-control,
.form-select,
input,
select,
textarea {
    height: 58px;
    padding: 0 45px 0 25px;
    border: 1px solid #fff0;
    color: var(--title-color);
    background-color: var(--smoke-color2);
    font-size: 16px;
    width: 100%;
    font-family: var(--body-font);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.form-control:focus,
.form-select:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0;
    box-shadow: none;
    border-color: var(--th-border-color);
    background-color: var(--smoke-color2)
}

.form-control::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder,
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: var(--title-color)
}

.form-control::-moz-placeholder,
.form-select::-moz-placeholder,
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: var(--title-color)
}

.form-control:-ms-input-placeholder,
.form-select:-ms-input-placeholder,
input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: var(--title-color)
}

.form-control::-ms-input-placeholder,
.form-select::-ms-input-placeholder,
input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: var(--title-color)
}

.form-control::placeholder,
.form-select::placeholder,
input::placeholder,
select::placeholder,
textarea::placeholder {
    color: var(--title-color)
}

input[type=date] {
    padding: 0 25px;
    position: relative
}

input[type=date]::-webkit-calendar-picker-indicator {
    background: #fff0;
    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: #fff0;
    position: absolute;
    left: 0;
    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,
textarea.form-control {
    min-height: 178px;
    padding-top: 16px;
    padding-bottom: 17px;
    border-radius: 5px
}

.career-form textarea,
.career-form textarea.form-control,
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 input,
.form-group.style2 select,
.form-group.style2 textarea {
    background: var(--black-color2);
    color: var(--white-color);
    height: 60px;
    border-radius: 8px
}

.form-group.style2 input::-webkit-input-placeholder,
.form-group.style2 textarea::-webkit-input-placeholder {
    color: var(--white-color)
}

.form-group.style2 input::-moz-placeholder,
.form-group.style2 textarea::-moz-placeholder {
    color: var(--white-color)
}

.form-group.style2 input:-ms-input-placeholder,
.form-group.style2 textarea:-ms-input-placeholder {
    color: var(--white-color)
}

.form-group.style2 input::-ms-input-placeholder,
.form-group.style2 textarea::-ms-input-placeholder {
    color: var(--white-color)
}

.form-group.style2 input::placeholder,
.form-group.style2 textarea::placeholder {
    color: var(--white-color)
}

.form-group.style2>i {
    top: 24px;
    color: var(--white-color)
}

.form-group.style-border input,
.form-group.style-border textarea {
    background: #fff0;
    border: 1px solid #d3dbe2
}

.form-group.style-border select {
    background-color: #fff0;
    border: 1px solid #d3dbe2
}

.form-group.style-border2 input,
.form-group.style-border2 textarea {
    background: #fff0;
    border: 1px solid var(--th-border-color2);
    color: var(--body-color)
}

.form-group.style-border2 input::-webkit-input-placeholder,
.form-group.style-border2 textarea::-webkit-input-placeholder {
    color: var(--body-color)
}

.form-group.style-border2 input::-moz-placeholder,
.form-group.style-border2 textarea::-moz-placeholder {
    color: var(--body-color)
}

.form-group.style-border2 input:-ms-input-placeholder,
.form-group.style-border2 textarea:-ms-input-placeholder {
    color: var(--body-color)
}

.form-group.style-border2 input::-ms-input-placeholder,
.form-group.style-border2 textarea::-ms-input-placeholder {
    color: var(--body-color)
}

.form-group.style-border2 input::placeholder,
.form-group.style-border2 textarea::placeholder {
    color: var(--body-color)
}

.form-group.style-border2 select {
    background: #fff0;
    border: 1px solid var(--th-border-color2)
}

.form-group.style-border3 input,
.form-group.style-border3 select,
.form-group.style-border3 textarea {
    border: 1px solid var(--th-border-color);
    background: var(--white-color)
}

.form-group.style-border2 i {
    color: var(--theme-color);
    top: 22px
}

.form-group.style-border3 input,
.form-group.style-border3 textarea {
    color: var(--body-color)
}

.form-group.style-border3 input::-webkit-input-placeholder,
.form-group.style-border3 textarea::-webkit-input-placeholder {
    color: var(--body-color)
}

.form-group.style-border3 input::-moz-placeholder,
.form-group.style-border3 textarea::-moz-placeholder {
    color: var(--body-color)
}

.form-group.style-border3 input:-ms-input-placeholder,
.form-group.style-border3 textarea:-ms-input-placeholder {
    color: var(--body-color)
}

.form-group.style-border3 input::-ms-input-placeholder,
.form-group.style-border3 textarea::-ms-input-placeholder {
    color: var(--body-color)
}

.form-group.style-border3 input::placeholder,
.form-group.style-border3 textarea::placeholder {
    color: var(--body-color)
}

.form-group.style-border3 i {
    color: var(--body-color);
    top: 20px;
    background: #fff0
}

.form-group.style-white .form-control,
.form-group.style-white .form-select,
.play-btn.style7:hover:after,
.play-btn.style7:hover:before,
.th-btn.style-border1:hover::after,
.th-btn.style-border2:hover::after {
    background: var(--white-color)
}

.form-group.style-dark3>i,
.form-group.style-white>i {
    top: 20px;
    background: #fff0;
    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: .4;
    border-radius: 50px;
    z-index: -1
}

.form-group.style-dark .form-control,
.form-group.style-dark .form-select {
    background: #fff0;
    border: 1px solid;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    color: var(--white-color)
}

.form-group.style-dark .form-control::-webkit-input-placeholder,
.form-group.style-dark .form-select::-webkit-input-placeholder {
    color: var(--th-border-color)
}

.form-group.style-dark .form-control::-moz-placeholder,
.form-group.style-dark .form-select::-moz-placeholder {
    color: var(--th-border-color)
}

.form-group.style-dark .form-control:-ms-input-placeholder,
.form-group.style-dark .form-select:-ms-input-placeholder {
    color: var(--th-border-color)
}

.form-group.style-dark .form-control::-ms-input-placeholder,
.form-group.style-dark .form-select::-ms-input-placeholder {
    color: var(--th-border-color)
}

.form-group.style-dark .form-control::placeholder,
.form-group.style-dark .form-select::placeholder {
    color: var(--th-border-color)
}

.form-group.style-dark>i {
    top: 20px;
    background: #fff0;
    color: var(--th-border-color)
}

.form-group.style-dark2 .form-control,
.form-group.style-dark2 .form-select {
    background: var(--black-color3);
    border: 1px solid var(--th-border-color2);
    color: #6b7586;
    border-radius: 0
}

.form-group.style-dark2 .form-control::-webkit-input-placeholder,
.form-group.style-dark2 .form-select::-webkit-input-placeholder {
    color: #6b7586
}

.form-group.style-dark2 .form-control::-moz-placeholder,
.form-group.style-dark2 .form-select::-moz-placeholder {
    color: #6b7586
}

.form-group.style-dark2 .form-control:-ms-input-placeholder,
.form-group.style-dark2 .form-select:-ms-input-placeholder {
    color: #6b7586
}

.form-group.style-dark2 .form-control::-ms-input-placeholder,
.form-group.style-dark2 .form-select::-ms-input-placeholder {
    color: #6b7586
}

.form-group.style-dark2 .form-control::placeholder,
.form-group.style-dark2 .form-select::placeholder {
    color: #6b7586
}

.form-group.style-dark2>i {
    top: 20px;
    background: #fff0;
    color: #6b7586
}

.form-group.style-dark3 .form-control,
.form-group.style-dark3 .form-select {
    background: var(--title-color);
    border: 1px solid var(--black-color4);
    color: var(--white-color);
    border-radius: 0
}

.blog-single .blog-img .play-btn i,
.blog-single .blog-img .slick-arrow:hover,
.icon-btn.style3,
.play-btn.style3:hover>i,
.play-btn.style5:hover>i,
.play-btn:hover i,
.play-btn:hover::before,
.play-btn:hover:after,
.product-about .tinv-wishlist a:hover,
.summary-content .tinv-wishlist a:hover,
.th-social a:hover,
input[type=checkbox]:checked~label:before,
option:checked,
option:focus,
option:hover {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.blog-details .blog-single .blog-img,
.form-group.style-radius-0 .form-control,
.form-group.style-radius-0 .form-select {
    border-radius: 0
}

.form-group.style-shadow .form-control,
.form-group.style-shadow .form-select {
    box-shadow: 0 2px 4px rgb(2 29 53 / .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
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=checkbox],
input[type=radio] {
    visibility: hidden;
    opacity: 0;
    vertical-align: middle;
    width: 0;
    height: 0;
    display: none
}

input[type=checkbox]:checked~label:before {
    content: "\f00c";
    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: "Font Awesome\ 6 Pro";
    font-weight: 700;
    position: absolute;
    left: 0;
    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: -.5em
}

input[type=checkbox].style2~label:before {
    background-color: rgb(255 255 255 / .1);
    border: 1px solid #8b929c;
    height: 14px;
    width: 14px;
    line-height: 14px;
    border-radius: 3px;
    top: 6px
}

.product-about .actions .icon-btn:hover,
.product-about .actions .woosw-btn:hover,
.slider-arrow.style2:hover,
.summary-content .actions .icon-btn:hover,
.summary-content .actions .woosw-btn:hover,
input[type=radio]:checked~label::before {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

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: "Font Awesome\ 6 Pro";
    left: 0;
    top: -2px;
    width: 20px;
    height: 20px;
    padding-left: 0;
    font-size: .6em;
    line-height: 19px;
    text-align: center;
    border: 1px solid var(--theme-color);
    border-radius: 100%;
    font-weight: 700;
    background: var(--white-color);
    color: #fff0;
    -webkit-transition: .2s;
    transition: .2s
}

input[type=radio]:checked~label::before {
    color: var(--white-color)
}

label {
    margin-bottom: .5em;
    margin-top: -.3em;
    display: block;
    color: var(--title-color);
    font-family: var(--body-font);
    font-size: 16px
}

.was-validated input:invalid,
input.is-invalid,
select.is-invalid,
textarea.is-invalid {
    border: 1px solid var(--error-color) !important;
    background-position: right calc(.375em + .8875rem) center;
    background-image: none
}

.was-validated input:invalid:focus,
input.is-invalid:focus,
select.is-invalid:focus,
textarea.is-invalid:focus {
    outline: 0;
    box-shadow: none
}

textarea.is-invalid {
    background-position: top calc(.375em + .5875rem) right calc(.375em + .8875rem)
}

.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: #fff0;
    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: .6s ease-in-out;
    transition: .6s ease-in-out
}

.mfp-fade.mfp-bg.mfp-removing,
.mfp-zoom-in.mfp-removing.mfp-bg,
.swiper-fade .swiper-slide-prev {
    opacity: 0
}

@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
    }

    .round-container {
        border-radius: 0
    }

    .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: 2px;
    background: rgb(255 255 255 / .6);
    --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
}

.footer-widget .recent-post .post-title,
.footer-widget.wp-block-rss ul .rss-date,
.footer-widget.wp-block-rss ul .rsswidget,
.icon-btn.style-border:hover,
.link-btn.style2,
.link-btn.style3:hover,
.play-btn.style4:hover>i,
.sidebar-gallery .gallery-thumb:hover .gallery-btn:hover,
.slider-arrow,
.th-btn.style-4:hover,
.th-menu-toggle.style-text-white,
.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 .swiper-pagination-progressbar {
    background-color: #f2f3fc
}

.swiper-pagination-bullets {
    position: relative;
    z-index: 3;
    text-align: center;
    margin: 45px 0 10px;
    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: #fff0;
    border: 1px solid var(--body-color);
    color: var(--white-color);
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    -webkit-transition: .4s ease-in-out;
    transition: .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: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.recent-post:hover .media-img img,
.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-arrow {
    display: inline-block;
    padding: 0;
    background-color: var(--title-color);
    border-radius: 50%;
    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
}

.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
}

.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)
}

.icon-btn:hover img,
.slider-arrow.style2:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.slider-arrow.style3 {
    background-color: #fff0;
    border: 1px solid;
    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 .slider-arrow {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4)
}

.arrow-wrap:hover .slider-arrow {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.icon-box .slider-arrow {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.blog-card .blog-meta a:last-child,
.blog-card .blog-meta span:last-child,
.header-links.style2 ul li i,
.icon-box .slider-arrow:not(:last-child) {
    margin-right: 8px
}

@media (max-width:1500px) {
    .slider-arrow.style2 {
        display: none !important
    }

    .slider-arrow {
        --arrow-horizontal: -20px;
        --pos-x: -70px
    }

    .icon-box .slider-arrow {
        display: block !important
    }
}

.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: transform 1s, opacity 1s, -webkit-transform 1s
}

.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)
}

.sidemenu-wrapper .th-social a,
.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: rgb(0 0 0 / .6);
    z-index: 999999;
    width: 100%;
    height: 100%;
    -webkit-transition: .8s;
    transition: .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;
    position: absolute;
    right: -16.5px;
    top: 25px;
    padding: 0;
    width: 33px;
    height: 33px;
    line-height: 35px;
    font-size: 18px;
    z-index: 1;
    color: #fff;
    background-color: var(--theme-color)
}

.icon-btn.style4,
.th-menu-wrapper .th-menu-toggle:hover,
.tinv-wishlist .social-buttons li a.social:hover,
.tinv-wishlist p.return-to-shop .button: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: 1s;
    transition: 1s;
    z-index: 1
}

.play-btn:after,
.play-btn:before,
.th-btn::before,
.video-play-btn:after,
.video-play-btn:before {
    position: absolute;
    top: 0;
    z-index: -1;
    content: ""
}

.blog-single:hover .blog-img .slick-arrow,
.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
}

.main-menu ul,
.th-mobile-menu ul {
    margin: 0;
    padding: 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 12px 18px;
    line-height: 1.4;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--title-color)
}

.th-mobile-menu ul li a:before {
    content: "\f105";
    font-family: "Font Awesome\ 6 Pro";
    position: absolute;
    left: 0;
    top: 12px;
    margin-right: 10px;
    display: inline-block
}

.th-mobile-menu ul li.th-active>a:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.th-mobile-menu li.menu-item-has-children:has(.sub-menu a.active)>a {
    color: var(--theme-color2) !important
}

.th-mobile-menu .sub-menu a.active {
    color: var(--theme-color2) !important
}

.th-mobile-menu li.menu-item-has-children:has(.active) {
    color: var(--theme-color2) !important
}

.th-mobile-menu ul li ul li {
    padding-left: 20px
}

.th-mobile-menu ul li ul li:last-child,
.th-mobile-menu>ul>li:last-child,
ul.comment-list .th-comment-item:last-child>.th-post-comment {
    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 rgb(173 136 88 / .5);
    border-radius: 50%
}

.th-mobile-menu ul .th-item-has-children>a .th-mean-expand:before {
    content: "\f067";
    font-family: "Font Awesome\ 6 Pro"
}

.th-mobile-menu ul .th-item-has-children>a:after {
    content: "\f067";
    font-family: "Font Awesome\ 6 Pro";
    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,
.th-mobile-menu ul .th-item-has-children.th-active>a:after {
    content: "\f068"
}

.th-mobile-menu>ul {
    padding: 0 40px
}

nav.th-mobile-menu>ul>li.menu-item-has-children:has(.sub-menu a.active)>a {
    color: var(--theme-color) !important
}

.text-theme,
nav.th-mobile-menu .sub-menu a.active {
    color: var(--theme-color) !important
}

.th-menu-toggle {
    width: 56px;
    height: 56px;
    padding: 0;
    font-size: 20px;
    border: none;
    background-color: var(--theme-color);
    color: var(--white-color)
}

.th-menu-toggle.style-text,
.th-menu-toggle.style-text-white {
    width: auto;
    height: auto;
    background-color: #fff0;
    color: var(--title-color);
    font-size: 20px
}

@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;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.icon-btn,
.play-btn,
.th-btn,
.th-btn.th-icon:after,
.video-play-btn {
    position: relative
}

.loading,
.loading-container {
    height: 150px;
    width: 150px;
    border-radius: 100%
}

.loading {
    border: 1.5px dashed #fff0;
    border-color: #fff0 #037e4b;
    animation: 1.5s linear infinite rotate-loading;
    transform-origin: 50% 50%
}

.loading-container .loading,
.loading-container:hover .loading {
    transition: .5s ease-in-out
}

#loading-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100px;
    transform: translate(-50%, -50%)
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.th-btn {
    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: var(--theme-color2);
    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: .5s;
    transition: .5s;
    text-transform: capitalize;
    border-radius: 0;
    border: 1px solid #fff0;
    gap: 8px;
    border: none
}

.icon-btn,
.play-btn,
.play-btn>i,
.video-play-btn {
    display: inline-block
}

.link-btn,
.sub-title,
.title-area2 .subtitle {
    text-transform: uppercase
}

.th-btn.th-icon:after {
    content: "";
    -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: .4s;
    transition: .4s
}

.th-btn:hover {
    border-color: var(--title-color)
}

.th-btn i {
    -webkit-transition: .1s;
    transition: .1s
}

.th-btn::before {
    width: 0;
    height: 100%;
    background: var(--theme-color);
    left: 0;
    -webkit-transition: .7s;
    transition: .7s
}

.header-button .icon-btn:hover .badge,
.th-btn:active,
.th-btn:hover,
.th-social.style2 a:hover,
.th-social.style3 a:hover {
    background: var(--theme-color);
    color: var(--white-color)
}

.icon-btn,
.th-btn.style-border2 {
    background-color: #fff0
}

.th-btn.style-4,
.th-btn.style-border2 {
    color: var(--title-color);
    border: 1px solid var(--title-color)
}

.link-btn.active i.fa-arrow-up-right,
.link-btn:hover i.fa-arrow-up-right,
.th-btn:active i.fa-arrow-up-right,
.th-btn:hover i.fa-arrow-up-right {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.blog-details .blog-single .blog-img img,
.faculty-card:hover .box-title::after,
.link-btn.active::before,
.link-btn:hover::before,
.product-big-img .img,
.sidebar-gallery .gallery-thumb img,
.sidebar-gallery .wp-block-image img,
.th-btn:active:before,
.th-btn:hover:before,
.th-comments-wrap .comment-avater img,
.widget_team_info .widget-thumb img {
    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: #fff0;
    border: 1px solid var(--th-border-color);
    color: var(--title-color)
}

.th-btn.style-border1::after,
.th-btn.style-border2::after {
    background: var(--title-color)
}

.th-btn.style-border1:hover,
.th-btn.style-border2:hover {
    border: 1px solid var(--th-border-color);
    color: var(--white-color)
}

.hero-style1 .th-btn .th-arrow,
.hero-style2 .th-btn .th-arrow,
.th-btn.style-border1:hover>.th-arrow {
    -webkit-filter: brightness(1) contrast(1);
    filter: brightness(1) contrast(1)
}

.th-btn.style-border1>.th-arrow,
.th-btn.style-border2>.th-arrow {
    -webkit-filter: brightness(0) contrast(1);
    filter: brightness(0) contrast(1);
    -webkit-transition: .4s;
    transition: .4s
}

.play-btn>i,
.th-arrow {
    -webkit-transition: .4s
}

.th-btn.style-4 {
    background: 0 0
}

.icon-btn,
.icon-btn.style2,
.icon-btn:hover,
.play-btn.style3>i {
    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;
    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 {
    width: var(--btn-size, 56px);
    height: var(--btn-size, 56px);
    line-height: var(--btn-size, 47px);
    font-size: var(--btn-font-size, 20px);
    text-align: center;
    border-radius: 0;
    border: 1px solid var(--th-border-color);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.about-feature .box-icon img,
.box-icon img,
.community-card2 .community-icon img,
.contact-feature .box-icon i,
.header-layout2 .header-button .icon-btn img,
.icon-btn img {
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.icon-btn:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.icon-btn.style2 {
    background-color: var(--theme-color2);
    border: none
}

.academic-card .th-btn:before,
.blog-card .th-btn:before,
.header-info-icon:hover,
.header-layout1 .header-button .th-btn::after,
.header-layout1 .th-btn:before,
.hero-3,
.icon-btn.style2:hover,
.img-box1 .about-wrapp .logo,
.play-btn.style2:hover i,
.play-btn.style3:hover:after,
.play-btn.style3:hover:before,
.play-btn.style5:hover:after,
.play-btn.style5:hover:before {
    background-color: var(--theme-color)
}

.play-btn:after,
.play-btn:before,
.play-btn>i {
    background-color: var(--white-color);
    border-radius: 50%
}

.blog-single .blog-img .play-btn:hover i,
.icon-btn.style3:hover {
    background-color: var(--white-color);
    color: var(--theme-color)
}

.icon-btn.style4:hover,
.play-btn.style3:after,
.play-btn.style3:before,
.play-btn.style5:after,
.play-btn.style5:before,
.play-btn.style7:after,
.play-btn.style7:before {
    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)
}

.play-btn {
    z-index: 1
}

.play-btn>i {
    width: var(--icon-size, 88px);
    height: var(--icon-size, 88px);
    line-height: var(--icon-size, 88px);
    text-align: center;
    color: var(--theme-color);
    font-size: var(--icon-font-size, 1.4em);
    z-index: 1;
    transition: .4s
}

.play-btn:after,
.play-btn:before {
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s
}

.play-btn:after {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.play-btn.style2 {
    --icon-size: 80px;
    --icon-font-size: 24px
}

.header-bars.header-bars .dots,
.header-bars.header-bars .dots::after,
.header-bars.header-bars .dots::before,
.header-icons .icon-btn:hover .badge,
.header-layout1 .icon-btn:hover,
.hero-3 .hero-search-wrap button[type=submit]:hover,
.play-btn.style2 i,
.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,
.sidebar-btn.header-bars .dots,
.sidebar-btn.header-bars .dots::after,
.sidebar-btn.header-bars .dots::before,
.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,
.widget .search-form button:hover {
    background-color: var(--title-color)
}

.play-btn.style2:hover:after,
.play-btn.style2:hover:before,
.widget .form-control,
.widget .form-group>i,
.widget .form-select,
.widget input,
.widget select,
.widget textarea {
    background-color: var(--white-color)
}

.link-btn:before,
.sub-title::before {
    background-color: var(--theme-color);
    left: 0
}

.play-btn.style3,
.play-btn.style5 {
    --icon-size: 56px;
    --icon-font-size: 16px
}

.play-btn.style3>i {
    background-color: var(--theme-color2)
}

.play-btn.style4>i {
    --icon-size: 100px;
    color: var(--title-color)
}

.play-btn.style4:after,
.play-btn.style4:before {
    background-color: #fff0;
    border: 1px solid var(--title-color)
}

.play-btn.style4:hover:after,
.play-btn.style4:hover:before,
.play-btn.style9:after,
.play-btn.style9:before {
    border: 1px solid var(--white-color)
}

.play-btn.style5>i {
    background-color: var(--white-color);
    color: var(--theme-color2)
}

.play-btn.style6>i {
    --icon-size: 100px;
    color: var(--white-color);
    font-size: 20px;
    background: #fff0;
    border: 2px solid var(--white-color)
}

.play-btn.style6:after,
.play-btn.style6:before {
    background: #fff0;
    border: 1px solid var(--white-color)
}

.play-btn.style6:hover>i {
    color: var(--theme-color);
    border-color: var(--theme-color)
}

.play-btn.style7>i {
    --icon-size: 80px;
    background: var(--theme-color2);
    color: var(--white-color)
}

.link-btn.style2:before,
.play-btn.style7:hover>i,
.play-btn.style8>i,
.video-play-btn {
    background: var(--white-color)
}

.link-btn,
.play-btn.style8>i,
.video-play-btn {
    color: var(--title-color)
}

.play-btn.style7:hover>i {
    color: var(--theme-color2)
}

.play-btn.style8>i {
    --icon-size: 40px;
    --icon-font-size: 16px
}

.play-btn.style9>i {
    --icon-size: 80px;
    --icon-font-size: 20px;
    background: var(--title-color);
    color: var(--theme-color)
}

.play-btn.style9:hover>i {
    background: var(--theme-color2);
    color: var(--white-color)
}

.video-play-btn {
    border: 0;
    width: 78px;
    height: 78px;
    line-height: 78px;
    -webkit-transition: 1s cubic-bezier(0, 0, .2, 1);
    transition: 1s cubic-bezier(0, 0, .2, 1);
    border-radius: 50%;
    margin: 0 auto;
    font-size: 25px;
    text-align: center
}

.link-btn,
.link-btn i {
    font-size: 14px;
    position: relative
}

.video-play-btn:before {
    display: block;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid var(--white-color);
    -webkit-animation: 2s linear infinite ripple;
    animation: 2s linear infinite ripple
}

.video-play-btn:after {
    display: block;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid var(--white-color);
    -webkit-animation: 2s linear 1s infinite ripple;
    animation: 2s linear 1s infinite ripple
}

.link-btn {
    font-weight: 600;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: .8;
    padding-bottom: 2px;
    margin-bottom: -2px
}

.link-btn.style3,
.sub-title,
.th-social a {
    color: var(--theme-color)
}

.link-btn .icon {
    overflow: hidden;
    display: inline-block;
    position: relative;
    top: -2px
}

.link-btn i {
    -webkit-transition: .1s;
    transition: .1s;
    top: -1px
}

.faculty-list .box-text,
.fs-18,
.fs-md,
.header-icons .icon-btn,
.sec-text,
.sub-title,
.th-social a {
    font-size: 18px
}

.link-btn:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 1px;
    -webkit-transition: .4s;
    transition: .4s
}

.link-btn.style2:before {
    width: 100%
}

.link-btn.style2:hover:before {
    background: var(--theme-color);
    width: 70%
}

.link-btn.style3 {
    margin-bottom: 0
}

.link-btn.style3:before {
    width: 100%;
    background: var(--theme-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: 20px;
    bottom: 90px;
    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: "Font Awesome\ 6 Pro";
    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: -.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-weight: 600;
    margin-bottom: 18px;
    position: relative;
    line-height: 24px;
    letter-spacing: .36px;
    font-family: var(--subtitle-font);
    padding-left: 52px;
    font-size: 16px
}

.sub-title::before {
    content: "";
    position: absolute;
    width: 36px;
    height: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sec-text.style2 {
    margin-top: -.75em
}

.box-title {
    font-size: 24px;
    line-height: 1.417;
    font-weight: 600
}

.box-subtitle {
    margin-bottom: 8px
}

.box-title2 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    margin-top: -.35em
}

.title-area {
    margin-bottom: 30px;
    position: relative;
    z-index: 2
}

.title-area:has(.box-text) {
    margin-bottom: calc(var(--section-title-space) - 1px)
}

.title-area .sec-title {
    margin-bottom: 0;
    font-size: 30px
}

.title-area.mb-0 .sec-title {
    margin-bottom: -.24em
}

.title-area.text-center .sub-title {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about-logo,
.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
}

.hero-3 .hero-video,
.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, rgb(226 232 250 / .7) 0, #fff0 88.54%);
    background-image: linear-gradient(180deg, rgb(226 232 250 / .7) 0, #fff0 88.54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    background-clip: text;
    margin: -.55em 0 -.45em -.25em
}

.shadow-title.color2 {
    background-image: -webkit-linear-gradient(top, #232c47 0, #fff0 91.15%);
    background-image: linear-gradient(180deg, #232c47 0, #fff0 91.15%)
}

.shadow-title.color3 {
    background-image: -webkit-linear-gradient(top, #e0e0e0 0, #fff0 93.75%);
    background-image: linear-gradient(180deg, #e0e0e0 0, #fff0 93.75%)
}

.title-area2 {
    padding: 50px 100px
}

.title-area2 .subtitle {
    color: var(--white-color);
    margin-top: -.4em;
    margin-bottom: 5px;
    display: block
}

.title-area2 .title {
    color: var(--white-color);
    max-width: 430px;
    margin-bottom: -.26em
}

.page-subtitle {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--body-font);
    display: inline-block;
    position: relative
}

.title-font,
.widget_title {
    font-family: var(--title-font)
}

.page-subtitle:after,
.page-subtitle:before {
    content: "";
    position: relative;
    width: 4px;
    height: 12px;
    background: var(--theme-color);
    display: inline-block;
    margin: 0 8px
}

.affiliation .page-title:before,
.page-title:before {
    position: absolute;
    bottom: -12px;
    width: 136px;
    height: 1px;
    background-color: var(--theme-color);
    content: ""
}

.header-layout3 .main-menu,
.page-subtitle:before,
.tinv-wishlist .social-buttons li a.social:first-child {
    margin-left: 0
}

.page-title {
    position: relative;
    font-size: 40px;
    font-weight: 600;
    z-index: 2;
    margin-bottom: 32px !important
}

.page-title:before {
    left: 0
}

.affiliation .page-title:before {
    left: 45%
}

@media (max-width:1700px) {
    .title-area2 {
        padding: 50px
    }
}

@media (max-width:1199px) {
    .slider-controller {
        margin-top: 45px
    }

    .shadow-title {
        font-size: 64px
    }

    .sec-title,
    .title-area {
        --section-title-space: 60px
    }

    .sec-title.mb-45,
    .title-area.mb-45 {
        margin-bottom: 36px
    }

    .sec-title.mb-50,
    .title-area.mb-50 {
        margin-bottom: 40px
    }

    .sec-btn,
    .title-line {
        --section-title-space: 55px
    }

    .title-area2 .title {
        max-width: 300px
    }
}

@media (max-width:991px) {
    .gy-50 {
        --bs-gutter-y: 40px
    }

    .gy-80 {
        --bs-gutter-y: 60px
    }

    .slider-controller .slider-arrow {
        min-width: 48px;
        height: 48px
    }

    .slider-arrow {
        --icon-size: 40px;
        line-height: 38px;
        margin-right: 40px;
        font-size: 14px
    }

    .icon-box .slider-arrow,
    .slider-arrow.slider-next {
        margin-right: 0
    }

    .slick-dots {
        margin: 40px 0 0
    }

    .shadow-title {
        font-size: 60px
    }

    .sec-title,
    .title-area {
        --section-title-space: 33px
    }

    .sec-title.style2,
    .title-area.style2 {
        --section-title-space: -20px
    }

    .sec-title.mb-45,
    .title-area.mb-45 {
        margin-bottom: 35px
    }

    .sec-btn,
    .title-line {
        --section-title-space: 50px
    }

    .sub-title.h4 {
        font-size: 22px
    }
}

@media (max-width:767px) {

    .blog-single.format-link:before,
    .blog-single.format-quote:before,
    .blog-single.sticky:before,
    .blog-single.tag-sticky-2:before {
        border-radius: 0 10px;
        font-size: 14px;
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .th-search .search-grid-content {
        padding: 20px
    }

    .slider-arrow {
        display: none
    }

    .play-btn.style7>i {
        --icon-size: 60px
    }

    .page-title {
        font-size: 36px
    }

    .title-area2 {
        text-align: center
    }

    .title-area2 .title {
        max-width: 100%
    }
}

@media (max-width:575px) {
    .post-password-form label {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .title-area .sec-title {
        font-size: 2rem
    }

    .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;
        gap: 8px
    }

    .blog-navigation .nav-btn.next {
        text-align: center
    }

    .blog-navigation .nav-btn .title {
        max-width: none
    }

    .blog-navigation>div {
        min-width: 150px
    }

    .blog-navigation .nav-img {
        width: 50px
    }

    .blog-navigation .nav-btn img {
        width: 50px !important;
        border-radius: 5px
    }

    .blog-navigation .nav-text {
        font-size: 14px
    }

    .blog-navigation .blog-btn {
        display: none
    }

    .play-btn.style2 {
        --icon-size: 56px;
        --icon-font-size: 20px
    }

    .play-btn.style6>i {
        --icon-size: 60px
    }

    .scroll-top {
        right: 10px !important
    }

    .page-title {
        font-size: 32px
    }

    .shadow-title {
        font-size: 52px
    }
}

.sec-text2 {
    font-weight: 500;
    font-size: 20px;
    color: var(--title-color)
}

.box-text2,
.sec-text3 {
    max-width: 464px
}

.badge,
.th-social a {
    display: inline-block;
    text-align: center
}

.sec-text4 {
    max-width: 659px
}

.shape-mockup-wrap {
    z-index: 2;
    position: relative
}

.shape-mockup {
    position: absolute;
    z-index: -1;
    pointer-events: none
}

.shape-mockup img {
    width: 100%
}

.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
}

.about-wrap1,
.z-index-2 {
    z-index: 2
}

.widget[data-overlay]:before,
.z-index-n1 {
    z-index: -1
}

.error-img,
.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;
    background-color: var(--theme-color);
    color: var(--white-color);
    padding: .25em .45em;
    font-size: .7em;
    border-radius: 50%;
    top: 8px;
    right: 8px;
    font-weight: 400;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.th-social a {
    width: var(--icon-size, 45px);
    height: var(--icon-size, 45px);
    line-height: var(--icon-size, 45px);
    background-color: var(--title-color);
    border: 0;
    margin-right: 11px
}

.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: #fff0;
    color: var(--body-color);
    font-size: 18px
}

.th-social.style3 a {
    --icon-size: 32px;
    line-height: 32px;
    font-size: 14px;
    border-radius: 50%;
    border: 1px solid var(--th-border-color4);
    background: #fff0;
    color: var(--title-color);
    margin-right: 16px
}

.widget,
.widget .search-form input {
    border: 1px solid var(--th-border-color7)
}

.box-text,
.th-comments-wrap .description p:last-child {
    margin-bottom: -.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
}

.color-masking,
.color-masking2 {
    position: relative;
    display: inline-block
}

.color-masking .masking-src {
    position: absolute;
    inset: 0;
    mix-blend-mode: color;
    background: var(--theme-color)
}

.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: .4s;
    transition: .4s;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: .4s;
    transition: .4s
}

.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: .7
}

.mfp-zoom-in.mfp-removing .mfp-content {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: 0
}

.fw-light {
    font-weight: 300
}

.fw-normal {
    font-weight: 400
}

.fw-medium,
.hero-style2 .hero-title {
    font-weight: 500
}

.fw-semibold {
    font-weight: 600
}

.fw-bold {
    font-weight: 700
}

.fw-extrabold {
    font-weight: 800
}

.fs-16 {
    font-size: 16px !important
}

.fs-20 {
    font-size: 20px !important
}

.fs-xs,
.professor-card .professor-content .professor-contact i,
.tinv-wishlist .tinvwl-buttons-group button i {
    font-size: 14px
}

.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-title {
    background-color: var(--title-color) !important
}

.bg-body {
    background-color: var(--body-color) !important
}

.background-image,
[data-bg-src] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.text-theme2 {
    color: var(--theme-color2) !important
}

.text-white {
    color: var(--white-color) !important
}

.text-reset:hover,
a.text-theme:hover {
    text-decoration: underline
}

.faculty-card .box-img,
.img-box4 .img1,
.peogram-area,
.th-header .menu-area,
[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
}

.jump,
.jumpAni {
    -webkit-animation: 7s linear infinite jumpAni;
    animation: 7s linear infinite jumpAni
}

@-webkit-keyframes jumpAni {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}

.movingX {
    -webkit-animation: 8s linear infinite movingX;
    animation: 8s linear infinite movingX
}

@-webkit-keyframes movingX {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
}

@keyframes movingX {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
}

.moving {
    -webkit-animation: 8s linear infinite moving;
    animation: 8s linear infinite moving
}

@-webkit-keyframes moving {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
}

@keyframes moving {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
}

@keyframes jumpAni {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}

.jump-reverse {
    -webkit-animation: 7s linear infinite jumpReverseAni;
    animation: 7s linear infinite jumpReverseAni
}

@-webkit-keyframes jumpReverseAni {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
}

@keyframes jumpReverseAni {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
}

.spin {
    -webkit-animation: 15s linear infinite spin;
    animation: 15s linear infinite spin
}

@-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)
    }
}

.fadein,
.rollinleft,
.rollinright,
.scalein,
.slidebottomright,
.slideindown,
.slideinleft,
.slideinright,
.slideinup,
.slidetopleft {
    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: .3s;
    animation-delay: .3s;
    -webkit-animation-name: var(--animation-name);
    animation-name: var(--animation-name)
}

.th-ani {
    -webkit-transition: .5s;
    transition: .5s
}

.th-ani:hover {
    -webkit-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    transform: translate(0, -15px)
}

.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)
    }
}

@-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)
    }
}

@-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
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .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
}

@-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
}

.info-list ul,
.widget-contact-wrap .widget-contact-list,
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.wp-block-categories ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages 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: .4s;
    transition: .4s;
    border-bottom: 1px solid var(--th-border-color)
}

.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.wp-block-categories li {
    display: block;
    position: relative;
    margin-bottom: 18px
}

.widget_archive li>span,
.widget_categories li>span,
.widget_meta li>span,
.widget_nav_menu li>span,
.widget_pages li>span,
.wp-block-categories li>span {
    color: var(--title-color);
    position: absolute;
    right: 0;
    top: -2px;
    -webkit-transition: .4s;
    transition: .4s;
    pointer-events: none;
    min-width: 20px;
    text-align: right
}

.widget_archive .menu,
.widget_archive>ul,
.widget_categories .menu,
.widget_categories>ul,
.widget_meta .menu,
.widget_meta>ul,
.widget_nav_menu .menu,
.widget_nav_menu>ul,
.widget_pages .menu,
.widget_pages>ul {
    margin-top: -.3em;
    margin-bottom: -.3em
}

.widget_archive .menu>li:last-child,
.widget_archive>ul>li:last-child,
.widget_categories .menu>li:last-child,
.widget_categories>ul>li:last-child,
.widget_meta .menu>li:last-child,
.widget_meta>ul>li:last-child,
.widget_nav_menu .menu>li:last-child,
.widget_nav_menu>ul>li:last-child,
.widget_pages .menu>li:last-child,
.widget_pages>ul>li:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.footer-widget .recent-post:last-child,
.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,
.widget_meta .menu>li:last-child>a,
.widget_meta>ul>li:last-child>a,
.widget_nav_menu .menu>li:last-child>a,
.widget_nav_menu>ul>li:last-child>a,
.widget_pages .menu>li:last-child>a,
.widget_pages>ul>li:last-child>a {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.widget_archive .children,
.widget_archive .sub-menu,
.widget_categories .children,
.widget_categories .sub-menu,
.widget_meta .children,
.widget_meta .sub-menu,
.widget_nav_menu .children,
.widget_nav_menu .sub-menu,
.widget_pages .children,
.widget_pages .sub-menu {
    margin-left: 10px
}

.widget_meta a,
.widget_nav_menu a,
.widget_pages a {
    padding-right: 20px
}

.widget {
    padding: var(--widget-padding-y, 32px) var(--widget-padding-x, 24px);
    background-color: #fff0;
    margin-bottom: 40px;
    position: relative
}

.widget textarea {
    min-height: 120px
}

.widget.widget_banner3 {
    position: relative;
    z-index: 2;
    height: 763px;
    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
}

.tagcloud,
.widget .search-form,
.wp-block-tag-cloud {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.widget.widget_banner3:before {
    content: "";
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(top, rgb(3 6 14 / .2) -6.75%, #03060e 113.63%);
    background: linear-gradient(180deg, rgb(3 6 14 / .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: .02em;
    text-transform: capitalize;
    color: var(--white-color)
}

.widget.widget_banner3 .text {
    font-weight: 400;
    font-size: 20px;
    color: var(--white-color);
    margin-bottom: 50px
}

.widget_title {
    margin: -.12em 0 36px;
    border-bottom: 3px solid var(--th-border-color2);
    position: relative;
    font-size: 28px;
    font-weight: 500;
    line-height: 1em;
    padding-bottom: 20px;
    border-bottom: 3px solid var(--th-border-color2)
}

.widget_title:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    width: 50px;
    background: var(--theme-color)
}

.th-comment-form .row,
.widget-form {
    --bs-gutter-x: 20px
}

.widget.widget_search {
    background-color: var(--gray-color);
    border-color: #fff0
}

.widget .search-form {
    position: relative;
    display: flex
}

.widget .search-form input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 85px;
    height: 56px;
    padding-left: 20px
}

.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.widget_categories ul li a img {
    margin-right: 6px
}

.tagcloud,
.wp-block-tag-cloud {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0
}

.tagcloud a,
.wp-block-tag-cloud 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
}

.tagcloud a:hover,
.wp-block-tag-cloud a:hover {
    background-color: var(--theme-color);
    color: var(--white-color) !important;
    border-color: var(--theme-color)
}

.th-widget-instagram .insta-thumb {
    overflow: hidden;
    position: relative;
    border-radius: 0;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8
}

.th-widget-instagram .insta-thumb:before {
    content: '';
    height: calc(100% - 14px);
    width: calc(100% - 14px);
    background-color: var(--theme-color2);
    opacity: .7;
    position: absolute;
    top: 7px;
    left: 7px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    border-radius: inherit;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.th-widget-instagram .insta-thumb img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block
}

#photo-gallery .th-widget-instagram .insta-thumb img {
    height: auto
}

.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: #fff0
}

.th-widget-instagram .insta-thumb .insta-btn i {
    font-size: 30px
}

.th-widget-instagram .insta-thumb .insta-btn i:hover {
    color: var(--theme-color)
}

.about-feature:hover .box-icon:before,
.sidebar-gallery .gallery-thumb:hover:before,
.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
}

.sidebar-gallery {
    display: grid;
    gap: 20px;
    max-width: 320px
}

.recent-post,
.sidebar-gallery .gallery-btn,
.widget_banner2 .widget-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.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: 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-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: .8;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    border-radius: inherit;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.sidebar-gallery .gallery-thumb:hover .gallery-btn {
    visibility: visible;
    opacity: 1;
    top: 0
}

.sidebar-gallery .wp-block-image {
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    width: 100% !important
}

.recent-post {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px
}

.recent-post .media-img {
    margin-right: 22px;
    width: 85px;
    height: 85px;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
    flex-shrink: 0
}

.product-big-img .img img,
.recent-post .media-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.recent-post .media-img:after {
    content: "\f0c1";
    font-family: "Font Awesome\ 6 Pro";
    position: absolute;
    inset: 0;
    text-align: center;
    line-height: 85px;
    font-size: 24px;
    background-color: rgb(0 0 0 / .7);
    color: var(--theme-color);
    pointer-events: none;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.recent-post .post-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    margin: -.35em 0 10px;
    font-family: var(--body-font);
    text-transform: capitalize
}

.recent-post .recent-post-meta {
    margin-top: -.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: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
}

.sidebar-area input,
.sidebar-area select {
    background-color: var(--smoke-color2);
    border: 1px solid var(--th-border-color);
    border-radius: 0
}

.checklist.list-two-column ul li,
.sidebar-area .sidebar-gallery {
    margin-bottom: 0 !important
}

.sidebar-area .wp-block-group__inner-container h2,
.sidebar-area .wp-block-search__label {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    font-family: var(--title-font);
    line-height: 1em;
    padding-bottom: 20px;
    margin: -.12em 0 38px
}

.sidebar-area .wp-block-group__inner-container h2:after,
.sidebar-area .wp-block-group__inner-container h2:before,
.sidebar-area .wp-block-search__label:after,
.sidebar-area .wp-block-search__label:before {
    content: "";
    height: 3px;
    width: 100%;
    background-color: var(--th-border-color);
    position: absolute;
    bottom: 0;
    left: 0
}

.sidebar-area .wp-block-group__inner-container h2:after,
.sidebar-area .wp-block-search__label: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
}

.widget_info {
    background: #fff6f8;
    border: 1px solid var(--theme-color);
    position: relative;
    z-index: 2;
    padding: 48px 42px 58px
}

.widget_info:before {
    content: "";
    position: absolute;
    inset: 10px;
    background: #fff;
    box-shadow: 0 10px 50px rgb(135 143 151 / .2);
    z-index: -1
}

.widget_info .th-btn {
    width: 100%;
    margin-bottom: 10px;
    display: block
}

.info-list.style2 ul li {
    padding: 20px 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
}

.addmission .info-list li {
    border: 1px solid var(--th-border-color);
    padding: 16px;
    margin: 16px 0
}

.addmission .info-list li:hover {
    background-color: var(--smoke-color)
}

.addmission .info-list li:last-child {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--th-border-color)
}

.info-list li {
    border-bottom: 1px solid var(--th-border-color);
    padding: 16px 0 16px 10px
}

.info-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.author-widget-wrap .meta a,
.box a,
.footer-widget.wp-block-rss ul .rssSummary,
.info-list li a,
.tinv-wishlist td.product-name a {
    color: #000
}

.info-list li .th-social,
.mt-10 {
    margin-top: 10px
}

.footer-layout3 .widget-area .widget_title,
ol.wp-block-rss,
ul.wp-block-rss {
    padding-left: 0
}

.wp-block-rss {
    list-style-type: none
}

.wp-block-rss ul {
    margin: -.2em 0 -.5em;
    padding: 0;
    list-style: none
}

.wp-block-rss ul .rsswidget {
    color: var(--title-color);
    font-family: var(--theme-font);
    font-size: 18px;
    display: block;
    margin-bottom: 10px
}

.footer-links li,
.header-info-title,
.header-links li,
.main-menu a,
.wp-block-rss ul cite {
    font-family: var(--body-font)
}

.main-menu a.active {
    font-weight: 800 !important
}

.wp-block-rss ul .rssSummary {
    font-size: 14px;
    margin-bottom: 7px;
    line-height: 1.5
}

.wp-block-rss ul a {
    display: block;
    font-weight: 600;
    color: inherit
}

.wp-block-rss ul .rss-date {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 400;
    color: var(--title-color)
}

.wp-block-rss ul .rss-date:before {
    content: "\f073";
    font-family: "Font Awesome\ 6 Pro";
    margin-right: 10px;
    font-weight: 300;
    color: var(--theme-color)
}

.wp-block-rss ul cite {
    font-weight: 500;
    color: var(--title-color);
    font-size: 14px
}

.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)
}

.wp-block-rss li:not(:last-child) {
    margin-bottom: 16px;
    border-bottom: 1px solid;
    padding-bottom: 16px
}

.textwidget {
    margin-top: -.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:last-child,
.blog-author .author-text {
    margin-bottom: -.3em
}

.author-widget-wrap .meta i {
    color: var(--theme-color2);
    margin-right: 6px
}

.widget_schedule {
    background: var(--smoke-color);
    border-radius: 8px;
    border: 0
}

.widget_schedule .widget_title {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 20px
}

.blog-card .blog-meta a:after,
.blog-card .blog-meta span:after,
.blog-meta a:last-child:after,
.blog-meta span:last-child:after,
.breadcumb-menu li:last-child:after,
.dropdown-menu li:after,
.error-content .page-title:before,
.footer-layout1 .footer-widget .widget_title:after,
.footer-layout3 .widget-area .widget_title:after,
.footer-widget.widget_archive a:after,
.footer-widget.widget_categories a:after,
.footer-widget.widget_meta a:after,
.footer-widget.widget_nav_menu a:after,
.footer-widget.widget_pages a:after,
.header-default.unittest-header .logo-bg,
.header-layout1 .icon-btn button:nth-child(2),
.header-layout2 .header-bars.th-mobile-menu-btn,
.product_meta>span>a:last-child:after,
.product_meta>span>span:last-child:after,
.tinv-wishlist .tinvwl-mobile,
.widget-contact-wrap .widget_title:after,
.widget_schedule .widget_title:after,
te .footer-widget .widget_title:before {
    display: none
}

.widget_schedule .checklist {
    margin-top: 38px;
    margin-bottom: 20px
}

.widget_schedule .th-btn {
    margin-top: 27px
}

.widget_banner2 .widget-banner {
    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
}

.header-button,
.widget-contact-wrap .widget-contact-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.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: -.1em;
    display: block
}

.widget_team_info {
    border: 0;
    padding: 0 !important;
    border-radius: 16px;
    overflow: hidden;
    background: var(--smoke-color)
}

.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: -.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-contact-list li {
    display: flex;
    gap: 24px;
    -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
}

.footer-layout3 .copyright-wrap .footer-links a,
.widget-contact-wrap .widget-contact-list li .box-text {
    color: var(--light-color)
}

@media (max-width:1399px) {
    .slider-arrow {
        --arrow-horizontal: 40px;
        --pos-x: -17px
    }

    .widget.widget_banner3 {
        padding: 30px
    }

    .widget.widget_banner3 .title {
        font-size: 30px;
        line-height: 38px
    }

    .widget-contact-wrap .widget-logo {
        margin-bottom: 60px
    }

    .header-default .header-button .th-btn {
        display: none
    }
}

@media (min-width:1200px) {
    .sidebar-shop .widget {
        padding: 30px
    }
}

@media (min-width:992px) {
    .sidebar-shop .widget {
        margin-bottom: 24px
    }
}

@media (max-width:375px) {

    .h1,
    h1 {
        font-size: 30px
    }

    .th-menu-toggle {
        width: 50px;
        height: 50px;
        font-size: 18px
    }

    .shadow-title {
        font-size: 40px
    }

    .title-area2 {
        padding: 40px 20px
    }

    .widget_banner2 .widget-banner {
        display: block;
        padding: 10px 0
    }

    .widget-contact-wrap .widget-contact-list li .box-icon,
    .widget_banner2 .widget-banner .icon-btn {
        margin-bottom: 20px
    }

    .widget-contact-wrap .widget-contact-list li {
        display: block
    }

    .recent-post .post-title {
        font-size: 16px;
        line-height: 24px
    }

    .recent-post .recent-post-meta a {
        font-size: 12px
    }

    .header-links li:not(:last-child):after {
        right: -18px
    }
}

@media (max-width:330px) {
    .recent-post .media-img {
        margin-right: 15px
    }

    .recent-post .post-title {
        font-size: 14px;
        line-height: 24px
    }
}

.footer-widget,
.footer-widget .widget {
    padding: 0;
    border: none;
    background-color: #fff0;
    box-shadow: none
}

.footer-widget .form-group>i {
    color: var(--theme-color);
    top: 18px
}

.footer-widget select {
    background-color: #fff0;
    border: 1px solid var(--th-border-color);
    -webkit-filter: brightness(9);
    filter: brightness(9)
}

.footer-widget .search-form input {
    background: #fff0
}

.footer-widget .widget_title {
    max-width: 270px;
    color: #000;
    font-weight: 600;
    font-size: 24px;
    margin: -.12em 0 40px;
    padding: 0 0 0 11px;
    border: 0
}

.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_archive ul,
.footer-widget.widget_categories ul,
.footer-widget.widget_meta ul,
.footer-widget.widget_nav_menu ul,
.footer-widget.widget_pages ul {
    margin-top: -4px
}

.footer-widget.widget_archive .menu,
.footer-widget.widget_archive>ul,
.footer-widget.widget_categories .menu,
.footer-widget.widget_categories>ul,
.footer-widget.widget_meta .menu,
.footer-widget.widget_meta>ul,
.footer-widget.widget_nav_menu .menu,
.footer-widget.widget_nav_menu>ul,
.footer-widget.widget_pages .menu,
.footer-widget.widget_pages>ul {
    margin-bottom: -4px
}

.footer-widget.widget_archive a,
.footer-widget.widget_categories a,
.footer-widget.widget_meta a,
.footer-widget.widget_nav_menu a,
.footer-widget.widget_pages 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;
    background-color: #fff0;
    border: none;
    position: relative;
    box-shadow: none;
    color: var(--body-color)
}

.footer-widget.widget_archive a:before,
.footer-widget.widget_categories a:before,
.footer-widget.widget_meta a:before,
.footer-widget.widget_nav_menu a:before,
.footer-widget.widget_pages a:before {
    content: "\f105";
    position: absolute;
    font-weight: 400;
    font-family: "Font Awesome\ 6 Pro";
    left: 0;
    top: 0;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-size: 16px;
    background-color: #fff0;
    border: none;
    color: var(--body-color);
    -webkit-transition: .4s;
    transition: .4s
}

.footer-widget.widget_archive a:hover,
.footer-widget.widget_categories a:hover,
.footer-widget.widget_meta a:hover,
.footer-widget.widget_nav_menu a:hover,
.footer-widget.widget_pages a:hover {
    background-color: #fff0;
    color: var(--theme-color)
}

.dropdown-menu:before,
.header-links.style2 ul::before,
.main-menu ul.sub-menu,
.sticky-wrapper.sticky {
    background-color: var(--white-color)
}

.footer-widget.widget_archive a:hover:before,
.footer-widget.widget_categories a:hover:before,
.footer-widget.widget_meta a:hover:before,
.footer-widget.widget_nav_menu a:hover:before,
.footer-widget.widget_pages a:hover:before {
    color: var(--theme-color);
    left: 2px
}

.footer-widget.widget_archive li,
.footer-widget.widget_categories li,
.footer-widget.widget_meta li,
.footer-widget.widget_nav_menu li,
.footer-widget.widget_pages li {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.footer-widget.widget_archive li>span,
.footer-widget.widget_categories li>span,
.footer-widget.widget_meta li>span,
.footer-widget.widget_nav_menu li>span,
.footer-widget.widget_pages li>span {
    width: auto;
    height: auto;
    background-color: #fff0;
    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
}

.community-wrap .box-text,
.footer-widget .recent-post .recent-post-meta {
    margin-top: -.4em
}

.footer-widget .recent-post .recent-post-meta a {
    font-weight: 400;
    line-height: 1.2
}

.th-widget-about {
    max-width: 400px
}

.th-widget-about .about-text {
    margin-bottom: 45px;
    margin-top: -.5em;
    color: #000
}

.footer-text {
    margin-top: -.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
}

.th-header {
    position: relative;
    z-index: 41
}

.sticky-wrapper {
    -webkit-transition: .4s ease-in-out;
    transition: 0.s ease-in-out
}

.sticky-wrapper.sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / .07));
    filter: drop-shadow(0 0 10px rgb(0 0 0 / .07))
}

.footer-layout1 .footer-widget .widget_title,
.header-logo,
.sticky-wrapper .menu-wrapp .col-auto:last-child {
    padding: 0
}

@-webkit-keyframes stickyAni {
    0% {
        -webkit-transform: translate3d(0, -40px, 0) scaleY(.8);
        transform: translate3d(0, -40px, 0) scaleY(.8);
        opacity: .7
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scaleY(1);
        transform: translate3d(0, 0, 0) scaleY(1);
        opacity: 1
    }
}

@keyframes stickyAni {
    0% {
        transform: translate3d(0, -30px, 0);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.main-menu a {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .02em;
    color: var(--title-color)
}

.social-links .social-title,
.social-links a {
    color: var(--body-color);
    display: inline-block
}

nav.main-menu>ul>li.menu-item-has-children:has(.sub-menu a.active)>a,
nav.main-menu>ul>li.menu-item-has-children:has(.sub-menu a.active)>a:after {
    color: var(--theme-color2) !important
}

.dropdown-menu a:hover,
nav.main-menu .sub-menu a.active {
    color: var(--theme-color2) !important
}

.main-menu>ul>li {
    margin: 0 20px
}

.main-menu>ul>li>a {
    padding: 41.5px 0
}

.main-menu ul li {
    list-style-type: none;
    display: inline-block;
    position: relative
}

.main-menu ul li.menu-item-has-children>a:after,
.main-menu ul li:has(.sub-menu)>a:after {
    content: "\2b";
    position: relative;
    font-family: "Font Awesome\ 6 Pro";
    margin-left: 4px;
    font-weight: 600;
    top: 0;
    font-size: 14px
}

.main-menu ul li:last-child,
.social-links a:last-child {
    margin-right: 0 !important
}

.main-menu ul li:first-child {
    margin-left: 0 !important
}

.main-menu ul li:hover>ul.sub-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 9
}

.main-menu ul.sub-menu {
    position: absolute;
    text-align: left;
    top: 100%;
    visibility: hidden;
    min-width: 225px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    opacity: 0;
    z-index: -1;
    border-top: 3px solid var(--theme-color2);
    box-shadow: 0 4px 15px rgb(1 15 28 / .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: .4s;
    transition: .4s;
    padding: 18px 20px 18px 18px;
    left: -27px
}

.blog-meta a:last-child,
.blog-meta span:last-child,
.breadcumb-menu li:last-child,
.dropdown-menu li,
.footer-links li:last-child {
    padding-right: 0;
    margin-right: 0
}

.main-menu ul.sub-menu a {
    font-size: 16px;
    line-height: 30px
}

.main-menu ul.sub-menu li {
    display: block;
    margin: 0;
    padding: 5px 9px
}

.main-menu ul.sub-menu li.menu-item-has-children>a:after {
    content: "\f105";
    float: right;
    top: 1px
}

.main-menu ul li ul.sub-menu li a.active {
    color: var(--theme-color);
    font-weight: 700
}

.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: Font Awesome\ 6 Pro;
    width: 13px;
    height: 16px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    color: var(--theme-color2) !important;
    font-weight: 500;
    opacity: 0;
    visibility: visible;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.main-menu ul.sub-menu li a:hover {
    padding-left: 23px
}

.main-menu ul.sub-menu li a.active,
.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 0 20px
}

.main-menu ul.sub-menu li ul.sub-menu li ul {
    left: 100%;
    right: auto
}

@media (max-width:1500px) {
    .main-menu>ul>li {
        margin: 0 13px
    }

    .header-layout1 .menu-area {
        padding: 0 12px
    }
}

@media (max-width:1299px) {
    .widget_info .widget_title {
        font-size: 24px
    }

    .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
    }

    .main-menu a {
        font-size: 16px
    }

    .main-menu>ul>li {
        margin: 0 6px !important
    }
}

@media (max-width:1024px) {
    .main-menu>ul>li {
        margin: 0 5px !important
    }

    .main-menu ul li:first-child {
        margin-left: 15px !important
    }
}

.menu-style1>ul>li {
    margin: 0 14px
}

.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.menu-item-has-children>a:after {
    color: var(--white-color)
}

.simple-icon {
    border: none;
    background-color: #fff0;
    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: flex;
    -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 .th-btn {
    font-size: 18px;
    padding: 21px 48px
}

.social-links .social-title {
    font-weight: 500;
    font-size: 16px;
    margin: 0 10px 0 0
}

.social-links a {
    font-size: 14px;
    margin: 0 15px 0 0
}

.header-links ul,
.product-inner-list>ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.header-links li {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: normal
}

.header-links li:not(:last-child) {
    margin: 0 45px 0 0
}

.checklist.style-white li,
.contact-feature .box-icon:hover i,
.copyright-text a:hover,
.dropdown-link>a,
.footer-default .footer-top .client-group-wrap .title a,
.header-default.unittest-header .icon-btn:hover,
.header-info-icon:hover i,
.header-links a,
.header-links li,
.header-links p,
.header-links span,
.menu-expand:hover {
    color: var(--white-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
}

.header-links.style2 ul::before {
    content: "";
    position: absolute;
    left: 54%;
    top: 55%;
    width: 1px;
    height: 14px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.footer-wrapper .social-links a,
.header-right-wrap li:not(:last-child) {
    margin: 0 30px 0 0
}

.header-right-wrap li:not(:last-child)::after {
    position: absolute;
    width: 1px;
    height: 14px;
    top: 5px;
    right: -17px;
    content: "";
    background-color: #e7e7e7
}

.header-right-wrap li .dropdown-toggle::after {
    margin-left: 5px
}

.header-top {
    padding: 05px 0;
    background-color: #0f82c9
}

.dropdown-link>a i {
    color: var(--theme-color);
    margin-right: 5px
}

.dropdown-toggle::after {
    content: "\f078";
    border: none;
    font-family: "Font Awesome\ 6 Pro";
    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 a {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.7
}

.dropdown-menu a {
    color: var(--title-color) !important
}

.dropdown-menu:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -7px;
    width: 14px;
    height: 14px;
    margin-left: -7px;
    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-search button,
.menu-expand {
    display: inline-block;
    color: var(--white-color)
}

.header-icons .icon-btn .badge {
    font-size: 12px;
    top: 0;
    right: 0
}

.header-search input {
    height: 46px;
    border: 1px solid var(--th-border-color);
    width: 500px;
    max-width: 100%
}

.header-search button {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background-color: var(--theme-color);
    width: 50px;
    height: 46px;
    line-height: 45px;
    text-align: center;
    padding: 0;
    border-radius: 0 99px 99px 0
}

.menu-expand {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: var(--theme-color2);
    padding: 17px 25px;
    width: 100%
}

.menu-expand i {
    margin-right: 15px
}

.header-default {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.header-default.unittest-header .menu-area {
    background: #fff0;
    border-radius: 0;
    padding: 0;
    margin: 0
}

.header-default .menu-area,
.header-default .sticky-wrapper.sticky {
    background: var(--smoke-color)
}

.header-default.unittest-header .icon-btn {
    border: 1px solid var(--th-border-color);
    color: var(--title-color)
}

.header-default .menu-area {
    border-radius: 120px;
    padding: 0 24px;
    margin-top: 32px
}

.header-default .sticky-wrapper.sticky .menu-area {
    margin-top: 0;
    padding: 0
}

@media (max-width:1199px) {
    .sec-text3 {
        max-width: 100%;
        display: block;
        margin: auto
    }

    .author-widget-wrap .name {
        font-size: 22px
    }

    .author-widget-wrap .author-tag {
        font-size: 18px;
        left: 100px
    }

    .widget {
        --widget-padding-y: 30px;
        --widget-padding-x: 30px
    }

    .widget_title {
        font-size: 22px;
        margin: -.12em 0 28px
    }

    .footer-widget.widget_archive a,
    .footer-widget.widget_categories a,
    .footer-widget.widget_meta a,
    .footer-widget.widget_nav_menu a,
    .footer-widget.widget_pages a {
        margin-bottom: 16px
    }

    .header-links li:not(:last-child) {
        margin: 0 20px 0 0
    }

    .header-search input {
        max-width: 350px
    }

    .header-default .menu-area {
        padding: 0 40px 0 30px
    }

    .header-layout1 .sticky-wrapper.sticky .menu-area {
        background-color: var(--th-body-background);
        padding: 5px 0
    }
}

@media (max-width:991px) {
    .sidebar-area.sidebar-sticky {
        position: relative;
        top: auto;
        margin-bottom: -40px
    }

    .sidebar-area {
        padding-top: 30px
    }

    .widget {
        --widget-padding-y: 40px;
        --widget-padding-x: 40px
    }

    .header-default .menu-area {
        padding: 0 20px
    }
}

@media (max-width:575px) {
    .header-top {
        padding: 0 0
    }

    .fs-20 {
        font-size: 16px !important
    }

    .header-links li:not(:last-child) {
        margin: 0 15px 0 0
    }

    .header-links ul {
        text-align: center
    }

    .header-right-wrap li:not(:last-child) {
        margin: 0 16px 0 0
    }

    .header-right-wrap li .dropdown-toggle,
    .header-right-wrap li:not(:last-child)::after,
    .header-right-wrap li:nth-child(2)::after {
        display: none
    }

    .header-default .header-logo h2 {
        font-size: 36px
    }

    .header-default .header-logo img,
    .header-layout1 .header-logo img {
        max-width: 160px
    }

    .header-default .menu-area {
        padding: 0 12px;
        margin-top: 20px
    }

    .header-layout1 .header-logo {
        margin-left: 10px
    }
}

.header-bars .line,
.sidebar-btn .line {
    display: block;
    height: 2px;
    width: 56px;
    background: var(--title-color);
    -webkit-transition: .4s;
    transition: .4s
}

.header-bars .line:not(:last-child),
.sidebar-btn .line:not(:last-child) {
    margin-bottom: 13px
}

.header-bars .line:nth-child(2),
.sidebar-btn .line:nth-child(2) {
    width: 40px
}

.header-bars:hover .line:nth-child(2),
.sidebar-btn:hover .line:nth-child(2) {
    width: 56px
}

.header-bars:has(.dots) .simple-icon,
.sidebar-btn: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%)
}

.header-bars .dots,
.sidebar-btn .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: .4s;
    transition: .4s
}

.header-bars .dots:after,
.header-bars .dots:before,
.sidebar-btn .dots:after,
.sidebar-btn .dots:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 4px;
    height: 4px;
    background: var(--white-color);
    border-radius: 50%;
    -webkit-transition: .4s;
    transition: .4s
}

.header-bars .dots:before,
.sidebar-btn .dots:before {
    top: -10.5px
}

.header-bars.header-bars:has(.dots) .simple-icon,
.sidebar-btn.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%)
}

.header-bars.header-bars:has(.dots):hover .dots,
.sidebar-btn.header-bars:has(.dots):hover .dots {
    background-color: var(--white-color)
}

.header-bars.header-bars:has(.dots):hover .dots::after,
.header-bars.header-bars:has(.dots):hover .dots::before,
.sidebar-btn.header-bars:has(.dots):hover .dots::after,
.sidebar-btn.header-bars:has(.dots):hover .dots::before {
    background-color: var(--white-color)
}

.header-layout1 .sticky-wrapper.sticky {
    background: 0 0;
    box-shadow: none
}

.header-layout1 .sticky-wrapper.sticky .menu-area {
    background-color: var(--th-body-background);
    padding: 5px 0
}

.blog-single .blog-img .play-btn:hover::after,
.blog-single .blog-img .play-btn:hover::before,
.cat-card-inner,
.header-layout1 .sticky-wrapper.sticky .menu-area .menu-wrapp,
.hero-3 .slider-pagination .swiper-pagination-bullet:before {
    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
}

.header-layout1 .search-form input {
    width: 248px;
    height: 72px;
    background: #d3dbe2
}

@media (max-width:1499px) {
    .header-layout1 .search-form input {
        width: 200px
    }
}

.header-layout1 .search-form button {
    position: absolute;
    top: 20px;
    right: 15px;
    background-color: #fff0;
    border: 0;
    color: var(--title-color)
}

.header-layout1 .th-menu-toggle {
    width: 72px;
    height: 72px;
    line-height: 65px;
    margin-right: 0
}

.header-layout1 .header-left .header-button {
    margin-right: 48px
}

.header-layout1 .main-menu>ul>li>a {
    padding: 19px 0
}

.header-layout1 .header-button {
    gap: 0
}

.header-layout1 .header-button .th-btn {
    padding: 23px 31.5px;
    font-weight: 400;
    background-color: var(--title-color)
}

@media (max-width:1399px) {
    .header-layout1 .main-menu>ul>li>a {
        font-size: 16px
    }

    .header-layout1 .main-menu>ul>li {
        margin: 0 10px
    }

    .header-layout1 .header-button .th-btn {
        padding: 23px 25px
    }
}

.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: .4s;
    transition: .4s
}

.blog-img img,
.header-info-icon {
    -webkit-transition: .4s ease-in-out
}

.header-layout1 .menu-area {
    margin-bottom: -36px
}

.header-layout1 .menu-area .menu-wrapp {
    background-color: #eef1f4
}

.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: 20px
}

@media (max-width:991px) {

    .header-bars .line,
    .header-bars:hover .line:nth-child(2),
    .sidebar-btn .line,
    .sidebar-btn:hover .line:nth-child(2) {
        width: 40px
    }

    .header-bars .line:nth-child(2),
    .sidebar-btn .line:nth-child(2) {
        width: 26px
    }

    .header-bars .line:not(:last-child),
    .sidebar-btn .line:not(:last-child) {
        margin-bottom: 9px
    }

    .header-info-item:nth-child(2) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.header-info-item:not(:last-child) ::after {
    width: 1px;
    height: 32px;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -32px
}

.header-info-icon {
    width: 45px;
    height: 45px;
    line-height: 40px;
    text-align: center;
    margin: auto;
    color: var(--theme-color);
    border: 1px solid var(--th-border-color);
    transition: .4s ease-in-out
}

.header-info-title,
.header-info-title>a {
    color: var(--title-color)
}

.header-info-icon i,
.header-layout2 .header-links li,
.quantity .qty-btn,
.tinv-wishlist table.tinvwl-table-manage-list {
    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-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 0
}

.header-layout2 .main-menu ul li ul.sub-menu li,
.header-layout2 .main-menu ul.sub-menu ul li {
    margin: 0 !important
}

.header-layout2 .main-menu>ul>li>a {
    padding: 25px 0
}

@media (max-width:1600px) {
    .header-layout2 .main-menu ul li {
        margin: 0 8px
    }
}

.header-layout2 .main-menu ul li.menu-item-has-children>a:after,
.header-layout2 .main-menu ul li:has(.sub-menu)>a:after {
    color: var(--title-color)
}

.header-layout2 .main-menu ul li.menu-item-has-children>a:hover:after,
.header-layout2 .main-menu ul li:has(.sub-menu)>a:hover:after {
    color: var(--theme-color2)
}

.header-layout2 .main-menu ul.sub-menu {
    background: var(--white-color);
    box-shadow: 0 4px 15px rgb(255 255 255 / .05)
}

.album-page .insta-thumb {
    width: 100%;
    height: 300px;
    overflow: hidden
}

.album-page .insta-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.header-layout2 .menu-area {
    position: relative;
    background: var(--white-color);
    z-index: 2;
    --shape-width: 15.2%
}

.header-layout2 .header-bars,
.header-layout2 .header-search {
    background: 0 0;
    border: 1px solid var(--th-border-color);
    text-align: center
}

@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 .main-menu ul li {
        margin: 0 14px
    }

    .header-layout2 .menu-area {
        --shape-width: 21%
    }

    .header-layout3 .main-menu {
        margin-left: 60px
    }
}

@media (max-width:1299px) {
    .menu-style1>ul>li {
        margin: 0 10px
    }

    .header-layout2 .header-links li,
    .menu-expand {
        font-size: 15px
    }

    .header-layout1 .sticky-wrapper.sticky .search-form {
        display: none
    }

    .header-layout1 .search-form input {
        width: 150px
    }

    .header-layout1 .header-left .header-button {
        margin-right: 25px
    }

    .header-layout1 .header-button .th-btn {
        padding: 23px 16px;
        font-size: 16px
    }

    .header-info-item:first-child,
    .header-layout3 .header-bars.th-offcanvas-btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .header-layout2 .main-menu {
        margin-left: 0
    }

    .header-layout2 .main-menu ul li {
        margin: 0 5px
    }

    .header-layout2 .menu-area {
        --shape-width: 22%
    }
}

@media (max-width:1199px) {

    .header-info-item:first-child,
    .header-layout1 .icon-btn button:first-child {
        display: none
    }

    .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-layout2 .menu-area {
        --shape-width: 65%;
        padding: 6px 0
    }
}

@media (max-width:991px) {
    .header-layout2 .menu-area {
        --shape-width: 65%
    }

    .footer-wrapper .widget-area {
        padding-top: var(--section-space-mobile);
        padding-bottom: 30px
    }

    .copyright-text {
        text-align: center
    }
}

@media (max-width:767px) {
    .btn-group.style2 {
        gap: 20px 30px
    }

    .btn-group {
        gap: 20px
    }

    .widget {
        padding: 30px 15px
    }

    .footer-widget .widget_title {
        margin-bottom: 35px
    }

    .th-widget-about .about-text {
        margin-bottom: 20px
    }

    .social-box.mb-30 {
        margin-bottom: 25px
    }

    .header-info-item:nth-child(2),
    .header-layout1 .search-form,
    .header-layout3 .header-action {
        display: none
    }

    .header-layout1 .th-menu-toggle {
        width: 56px;
        height: 56px;
        line-height: 45px;
        margin-right: 10px
    }

    .header-layout2 .menu-area {
        --shape-width: 65%
    }
}

@media (max-width:575px) {
    .widget {
        padding: 30px 0
    }

    .footer-wrapper .widget {
        padding: 0 0 30px
    }

    .th-program-wrapper .widget {
        padding: 30px 30px
    }

    .addmission .widget {
        padding: 30px 30px
    }
}

@media (min-width:1600px) {
    .header-layout2 .header-action {
        display: block
    }
}

.header-layout2 .header-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    gap: 16px
}

.header-layout2 .header-search {
    width: 56px;
    height: 56px;
    line-height: 56px;
    display: inline-block
}

.header-layout2 .header-bars:hover,
.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;
    display: inline-block;
    border-radius: 0
}

.copyright-wrap .copyright-text,
.footer-links a {
    color: var(--body-color);
    font-size: 14px
}

.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-layout3 .menu-area::before {
    -webkit-clip-path: none;
    clip-path: none
}

.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 .main-menu {
        margin-left: 18px
    }

    .header-layout3 .header-logo::before {
        left: -788px
    }

    .footer-layout3 .widget-area .row [class*=col-]:not(:last-child) .widget::after {
        display: none
    }
}

@media (max-width:1599px) {

    .header-layout2 .header-action,
    .header-layout3 .header-action {
        display: none
    }
}

email {
    text-transform: lowercase
}

email:before {
    content: attr(data-user) "\0040"
}

email::after {
    content: attr(data-domain) !important
}

.th-hero-wrapper {
    position: relative;
    z-index: 2;
    overflow: hidden
}

.footer-wrapper {
    position: relative;
    z-index: 2;
    overflow: visible
}

.fa-phone-volume {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.footer-overlay::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background-color: rgb(8 25 51 / .5)
}

.widget-area {
    padding-top: 80px;
    padding-bottom: 70px
}

.sticky-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%
}

.footer-links ul {
    padding: 0;
    margin: 0
}

.footer-links li {
    position: relative;
    display: inline-block;
    margin-right: 32px
}

.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
}

.academic-meta .subject:hover,
.academic-meta i,
.blog-author .author-name a:hover,
.blog-card .blog-meta a:hover,
.blog-card .blog-meta span:hover,
.blog-meta a:hover,
.blog-title a:hover,
.breadcumb-menu a:hover,
.cat-card:hover .box-title,
.copyright-text a,
.copyright-wrap.bg-title .copyright-text a:hover,
.footer-default .footer-top .client-group-wrap .title a:hover,
.footer-layout3 .client-group-wrap .title a:hover,
.footer-layout3 .copyright-wrap .footer-links a:hover,
.footer-layout3 .footer-links a:hover,
.footer-layout3 .footer-widget.widget_nav_menu a:hover,
.footer-layout3 .footer-widget.widget_nav_menu a:hover::before,
.footer-links a:hover,
.marquee-card a:hover,
.product_meta>span a:hover,
.share-title i,
.sidemenu-wrapper .info-box_link:hover,
.th-sort-bar .nav a.active,
.th-sort-bar .nav a:hover,
.tinv-wishlist td.product-name a:hover {
    color: var(--theme-color2)
}

.copyright-wrap .copyright-text a:hover,
.box:hover a,
.contact-feature:hover .box-text a,
.footer-info a:hover {
    color: var(--theme-color2)
}

.footer-info a {
    display: block;
    color: #000
}

.footer-layout3 .client-group-wrap,
.footer-layout3 .footer-author,
.th-social a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox
}

.footer-info a:not(:last-child),
.hero-2 .th-social a:not(:last-child) {
    margin-bottom: 16px
}

.footer-info-icon {
    font-size: 16px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    color: var(--theme-color2);
    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
}

.copyright-wrap .copyright-text a {
    color: #000
}

.th-social a {
    width: var(--icon-size, 40px);
    height: var(--icon-size, 40px);
    background-color: #fff0;
    color: var(--theme-color2);
    border: 1px solid var(--theme-color2);
    border-radius: 50%;
    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: #fff0
}

.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,
.footer-layout3 .client-group-wrap .title {
    color: var(--white-color);
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0
}

@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
    }

    .header-layout3 .header-logo::before {
        left: -750px
    }

    .header-layout3 .header-action {
        display: block
    }

    .header-layout3 .header-bars.th-offcanvas-btn {
        display: none
    }

    .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
    }
}

.footer-layout1 {
    background: #e1f0f8
}

.img-magnifier-glass,
.magnify .magnifier {
    box-shadow: inset 0 10px 18px rgb(0 0 0 / .2)
}

.footer-layout1 .copyright-wrap {
    padding: 10px 0
}

.footer-layout1 .copyright-wrap .footer-logo {
    background-color: var(--theme-color);
    padding: 22px 60px;
    text-align: center
}

.footer-layout1 .copyright-wrap .copyright-text {
    font-weight: 500;
    font-size: 16px;
    color: #000
}

.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: 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: #fff0
}

.footer-layout3 .footer-author .author-title a:hover {
    color: var(--theme-color);
    -webkit-text-stroke: 1px var(--theme-color)
}

.footer-layout3 .client-group-wrap {
    display: inline-flex;
    gap: 20px 40px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-layout3 .client-group-wrap .title a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 5px
}

.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 .copyright-wrap {
    background: #fff0;
    padding: 23px 0
}

.footer-layout3 .copyright-wrap .copyright-text {
    color: var(--light-color);
    font-size: 16px
}

.footer-layout3 .widget-area {
    padding-top: 120px;
    padding-bottom: 70px
}

.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
    }
}

.footer-layout3 .footer-widget .about-text,
.footer-layout3 .footer-widget.widget_nav_menu a,
.footer-layout3 .footer-widget.widget_nav_menu a::before {
    color: var(--th-border-color7)
}

.footer-layout3.footer-overlay {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.footer-layout3.footer-overlay::before {
    background-color: rgb(7 14 32 / .9)
}

.breadcumb-menu {
    max-width: 100%;
    padding: 0;
    list-style-type: none;
    position: relative;
    margin-bottom: -.5em;
    margin-top: 18px
}

.breadcumb-menu li {
    display: inline-block;
    margin-right: 3px;
    padding-right: 3px;
    list-style: none;
    position: relative
}

.breadcumb-menu li i {
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color)
}

.breadcumb-menu li:last-child {
    color: var(--title-color)
}

.breadcumb-menu a,
.breadcumb-menu li,
.breadcumb-menu span {
    white-space: normal;
    word-break: break-word;
    font-weight: 500;
    font-size: 18px;
    font-family: var(--title-font);
    color: var(--title-color)
}

.breadcumb-title {
    font-size: 35px;
    font-weight: 500;
    line-height: 1.285;
    color: var(--title-color);
    letter-spacing: .02em;
    text-transform: capitalize;
    margin-bottom: -.3em;
    margin-top: -.3em
}

.breadcumb-banner,
.breadcumb-patern {
    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.webp);
    mask-image: url(../img/bg/breadcrumbs-shape.webp);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.breadcumb-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(bottom, rgb(7 14 32 / .3), rgb(7 14 32 / .3));
    background: linear-gradient(0deg, rgb(7 14 32 / .3), rgb(7 14 32 / .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) {
    .footer-layout3 .widget-area .row [class*=col-]:not(:last-child) .widget::after {
        right: -50px
    }

    .breadcumb-banner {
        width: 850px
    }
}

@media (max-width:1399px) {
    .breadcumb-banner {
        width: 800px
    }

    .breadcumb-wrapper .breadcumb-content {
        max-width: 500px
    }
}

@media (max-width:1299px) {
    .breadcumb-banner {
        width: 720px
    }

    .th-hero-wrapper .hero-text-wrap {
        margin-top: -60px
    }
}

@media (max-width:1199px) {
    .footer-layout1 .copyright-wrap .footer-logo {
        padding: 22px 30px
    }

    .footer-layout3 .widget-area {
        padding-top: 80px;
        padding-bottom: 30px
    }

    .breadcumb-banner {
        width: 590px
    }

    .breadcumb-menu a,
    .breadcumb-menu li,
    .breadcumb-menu span {
        font-size: 16px
    }
}

.breadcumb-shape {
    position: absolute;
    top: 15px;
    left: 38%
}

.breadcumb-wrapper {
    background: #e1f0f8;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.breadcumb-wrapper .breadcumb-content {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    z-index: 1
}

@media (max-width:991px) {
    .footer-default .footer-top .client-group-wrap {
        display: block
    }

    .footer-default .footer-top .client-group-wrap .title {
        margin-top: 20px
    }

    .footer-layout3 .client-group-wrap {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer-layout3 .footer-links {
        gap: 20px 30px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .breadcumb-banner {
        width: 420px
    }

    .breadcumb-wrapper .breadcumb-content {
        max-width: 470px
    }

    .breadcumb-title {
        font-size: 35px
    }
}

.breadcumb-wrapper .breadcumb-thumb {
    position: relative;
    z-index: 1;
    text-align: end;
    margin: -124px -50px 0 0
}

.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 a,
.blog-meta span {
    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: 25px
}

.blog-meta a i,
.blog-meta span i {
    margin-right: 8px;
    color: var(--theme-color) !important
}

.blog-meta a:after,
.blog-meta span: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-img img {
    width: 100%;
    transition: .4s ease-in-out
}

.blog-inner-title {
    margin-top: -.25em;
    margin-bottom: 32px;
    font-weight: 600;
    font-size: 40px
}

.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 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: -.2em 0 20px
}

.blog-single .blog-content {
    margin: 0;
    padding: 0;
    position: relative
}

.blog-single .blog-audio {
    line-height: 1
}

.blog-single .blog-audio,
.blog-single .blog-img {
    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 .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::after,
.blog-single .blog-img .play-btn::before {
    background-color: var(--white-color);
    opacity: .2
}

.blog-single .line-btn {
    display: block;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-bottom: -1px
}

.blog-single .th-slider .slider-arrow {
    --pos-x: 20px
}

.blog-details .blog-meta {
    margin: -.15em 0 20px
}

.blog-details .page-title {
    color: var(--title-color4)
}

.blog-details .checklist li {
    font-family: var(--body-font);
    color: var(--black-color8)
}

.blog-author .author-name a,
.cat-card .box-title a:hover,
.share-links-title,
.sidemenu-wrapper .info-box_link,
.sidemenu-wrapper .newsletter-widget .newsletter-form .th-btn:hover,
.th-comments-wrap .reply-btn:hover,
.tinv-wishlist table th {
    color: var(--title-color)
}

.share-links-title {
    font-size: 18px;
    font-weight: 500;
    margin: 0 13px 0 0;
    display: inline-block
}

.share-links {
    margin: 70px 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 .tagcloud,
.share-links .wp-block-tag-cloud {
    gap: 10px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.share-links .tagcloud a,
.share-links .wp-block-tag-cloud a {
    background: #fff0;
    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)
}

.contact-feature .box-icon:hover,
.faculty-card .th-btn:before,
.share-links .tagcloud a:hover,
.share-links .wp-block-tag-cloud a:hover {
    background: var(--theme-color2)
}

.blog-author .media .media-body .th-social,
.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: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.blog-author .author-name {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 3px
}

.blog-author .author-desig {
    color: var(--theme-color);
    font-size: 14px;
    font-weight: 500
}

@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
    }
}

.th-comment-form {
    margin-bottom: 30px;
    position: relative;
    margin-right: 16px
}

.th-comment-form .form-title a#cancel-comment-reply-link {
    font-size: .7em;
    text-decoration: underline
}

.blog-comment-area,
.mb-25,
.th-comment-form .form-text {
    margin-bottom: 25px
}

.th-comment-form .th-btn {
    padding: 19px 30px
}

.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 .comment-respond {
    margin: 30px 0
}

.th-comments-wrap pre {
    background: #ededed;
    color: #666;
    font-size: 14px;
    margin: 20px 0;
    padding: 20px;
    white-space: pre-wrap
}

.th-comments-wrap .th-post-comment {
    padding: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    position: relative;
    background: #f0f0f0
}

.th-comments-wrap .th-post-comment dl,
.th-comments-wrap .th-post-comment ol,
.th-comments-wrap .th-post-comment ul {
    margin-bottom: 1rem
}

.th-comments-wrap ul.comment-list {
    list-style: none;
    margin: 0 0 -30px;
    padding: 0
}

.th-comments-wrap .comment-avater {
    width: 80px;
    height: 80px;
    margin-right: 24px;
    overflow: hidden
}

.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: .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: -.3rem
}

.th-comments-wrap .children {
    margin: 0 0 0 80px;
    padding: 0;
    list-style-type: none
}

.th-comments-wrap .reply_and_edit {
    margin-top: 0;
    margin-bottom: -.46em;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.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
    }
}

.hero-1 .video-play-btn,
.hero-3 .hero-video .video-play-btn i {
    font-size: 30px;
    color: var(--theme-color)
}

.th-comments-wrap .reply-btn i {
    margin-right: 7px
}

.pb-30,
ul.comment-list .th-comment-item:first-child>.th-post-comment {
    padding-bottom: 30px
}

@media (max-width:1199px) {
    .th-comments-wrap .children {
        margin-left: 40px
    }
}

#hero {
    min-height: auto;
    width: 100%
}

.th-hero-bg {
    position: absolute;
    inset: 0;
    z-index: -1
}

.th-hero-bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    background-size: cover;
    background-position: center
}

.hero-1 {
    position: relative;
    overflow: hidden;
    top: 0
}

.hero-1 .slider-pagination {
    position: absolute;
    left: 48.5% !important;
    bottom: 5.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
}

.hero-1 .video-play-btn {
    width: 89px;
    height: 89px;
    line-height: 89px
}

.hero-style1 {
    padding: 180px 0 229px;
    max-width: 694px;
    height: 700px
}

@media (max-width:1399px) {

    .th-comment-form,
    .th-comments-wrap {
        margin-right: 0
    }

    .hero-style1 {
        padding: 180px 0 229px;
        max-width: 694px;
        height: 500px
    }
}

@media (max-width:1299px) {
    .hero-style1 {
        padding: 210px 0;
        height: 500px
    }
}

.hero-style1 .hero-title {
    font-weight: 500;
    margin-bottom: 30px
}

.hero-style1 .hero-text {
    font-weight: 400;
    margin-bottom: 50px;
    max-width: 695px
}

.hero-style1 .th-btn {
    color: var(--white-color);
    padding: 19px 25px
}

.hero-2 {
    overflow: hidden
}

.hero-2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(right, #fff0 -7.32%, rgb(3 6 14 / .6) 51.2%);
    background: linear-gradient(270deg, #fff0 -7.32%, rgb(3 6 14 / .6) 51.2%)
}

.hero-2 .hero-image {
    position: absolute;
    right: 70px;
    bottom: 0
}

.hero-2-social {
    position: absolute;
    left: 80px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.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:hover {
    border: 1px solid var(--theme-color)
}

.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%)
}

.hero-3 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.hero-slider2 .slider-pagination .swiper-pagination-bullet {
    border-color: var(--white-color)
}

.hero-style2 {
    position: relative;
    z-index: 6;
    padding: 220px 0 232px
}

.hero-style2 .hero-text {
    max-width: 694px;
    margin-bottom: 50px
}

.hero-style2 .th-btn {
    padding: 19px 25px;
    color: var(--white-color)
}

.hero-style3 {
    padding: 188px 0 188px 72px
}

@media (max-width:1199px) {
    .hero-style1 {
        padding: 210px 0;
        height: 350px
    }

    .hero-2-inner .hero-text {
        text-align: center
    }

    .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-style2 {
        padding: 160px 0 180px
    }

    .hero-style2 .hero-text {
        max-width: 100%
    }

    .hero-style3 {
        padding-left: 30px
    }
}

@media (max-width:991px) {
    .th-comment-form {
        margin: 0
    }

    .th-hero-wrapper .hero-text-wrap {
        margin-top: 0;
        display: none
    }

    .hero-1 .hero-video {
        padding: 0 0 160px
    }

    .hero-style1 {
        padding: 170px 0 40px;
        text-align: center;
        height: 350px
    }

    .hero-2 .hero-image {
        position: relative
    }

    .hero-style2 {
        padding: 130px 0 80px;
        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;
        justify-content: center
    }

    .hero-style3 {
        padding: 120px 0 70px;
        text-align: center
    }

    .hero-style3 .hero-title {
        font-size: 45px
    }
}

@media (max-width:767px) {
    .footer-default .footer-top .client-group-wrap .title {
        font-size: 20px
    }

    .footer-layout3 .footer-author .author-title {
        font-size: 60px
    }

    .footer-layout3 .client-group-wrap .title {
        font-size: 24px
    }

    .blog-single .blog-meta a:after,
    .blog-single .blog-meta span:after,
    .breadcumb-banner,
    .tinv-wishlist table td,
    .tinv-wishlist table th {
        display: none
    }

    .breadcumb-wrapper .breadcumb-content {
        max-width: 100%;
        text-align: center
    }

    .breadcumb-title {
        font-size: 35px
    }

    .blog-author,
    .share-links,
    .th-comment-form {
        --blog-space-x: 20px
    }

    .blog-inner-title,
    .blog-single .blog-text {
        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-bottom {
        padding-top: 15px
    }

    .blog-single .blog-meta a,
    .blog-single .blog-meta span {
        padding-right: 3px
    }

    .blog-single .share-links-title {
        font-size: 18px;
        display: block;
        margin: 0 0 10px
    }

    .th-comments-wrap .comment-top,
    .th-comments-wrap .th-post-comment {
        display: block
    }

    .th-comments-wrap .comment-avater {
        margin-right: 0;
        margin-bottom: 25px
    }

    .th-comments-wrap .children {
        margin-left: 30px
    }

    .hero-style1 .hero-text {
        max-width: 100%
    }

    .hero-style3 {
        padding: 90px 0 70px
    }

    .tinvwl-table-manage-list tr {
        display: block;
        margin-bottom: 30px;
        border-bottom: 1px solid #ddd
    }

    .tinvwl-table-manage-list tr:last-child {
        display: block;
        margin-bottom: 0;
        border-bottom: none
    }

    .tinvwl-table-manage-list td,
    .tinvwl-table-manage-list th {
        display: block;
        text-align: left
    }

    .tinvwl-table-manage-list tbody tr td {
        border: 1px solid #ddd;
        border-bottom: none;
        display: block;
        padding-left: 45%;
        position: relative;
        text-align: left;
        white-space: normal
    }

    .tinvwl-table-manage-list tbody tr td:before {
        content: attr(data-title);
        font-weight: 700;
        left: 10px;
        padding-right: 10px;
        position: absolute;
        text-align: left;
        top: 6px;
        white-space: nowrap
    }
}

@media (max-width:575px) {
    .header-layout2 .menu-area {
        padding: 11px 0
    }

    .header-layout2 .header-logo {
        margin-right: 0
    }

    .header-layout2 .header-logo h2 {
        font-size: 36px
    }

    .header-layout2 .header-logo img {
        max-width: 100%
    }

    .header-layout3 .header-action {
        display: none
    }

    .footer-layout3 .footer-author .author-title {
        font-size: 40px
    }

    .footer-layout3 .footer-author {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .breadcumb-title {
        font-size: 34px
    }

    .breadcumb-wrapper .breadcumb-content {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .blog-author {
        padding: 20px
    }

    .hero-1 .hero-video {
        padding: 0 0 100px
    }

    .hero-style1 {
        padding: 240px 0 0;
        height: 240px
    }

    .hero-style2 {
        padding: 90px 0 80px
    }

    .hero-style3 .hero-title {
        font-size: 38px
    }

    .hero-3 .slider-pagination {
        display: none !important
    }
}

@media (max-width:460px) {
    .hero-1 .slider-pagination {
        position: absolute;
        left: 43.5%
    }
}

@media (max-width:360px) {
    .hero-1 .slider-pagination {
        position: absolute;
        left: 42.5%
    }
}

.hero-style3 .hero-text {
    font-size: 18px;
    max-width: 750px;
    margin-bottom: 50px
}

.hero-3 .th-hero-bg {
    margin-left: 150px
}

.hero-3 .th-hero-bg:before {
    content: "";
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(178.27deg, #fff0 -39.89%, rgb(3 6 14 / .7) 77.99%);
    background: linear-gradient(271.73deg, #fff0 -39.89%, rgb(3 6 14 / .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 .th-hero-bg {
        margin-left: 50px
    }

    .hero-3 .slider-pagination {
        left: 0
    }
}

.error-page-wrap,
.sidemenu-wrapper .closeButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.hero-3 .slider-pagination::after,
.hero-3 .slider-pagination::before {
    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)
}

.hero-3 .slider-pagination::after {
    top: -188px
}

.hero-3 .slider-pagination .swiper-pagination-bullet {
    display: block;
    margin-bottom: 16px;
    background-color: #fff0;
    border: 1px solid
}

.hero-3 .hero-video .video-play-btn {
    width: 90px;
    height: 90px;
    line-height: 90px
}

.hero-3 .hero-search-wrap {
    max-width: 685px;
    position: relative;
    margin-top: 2px
}

.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: .4s;
    -ms-transform: .4s;
    transform: .4s
}

.error-page-wrap {
    background: var(--smoke-color);
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    border-radius: 16px;
    overflow: hidden
}

.blog-card2 .blog-meta a span,
.quantity {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox
}

.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
}

.error-content .page-title {
    margin-bottom: 14px !important
}

.contact-form2 .th-btn,
.error-content .th-btn {
    padding: 19px 25px
}

.error-img img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.popup-banner {
    position: fixed;
    top: 0;
    left: 50%;
    background-color: rgb(19 24 43 / .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%);
    transition: opacity 0.4s ease, transform 0.4s ease
}

.popup-banner button.searchClose {
    width: 50px;
    height: 50px;
    line-height: 45px;
    position: absolute;
    top: 25px;
    right: 25px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--theme-color);
    background-color: #fff0;
    font-size: 22px;
    border-radius: 50%;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: transform 0.4s ease, background-color 0.4s ease, border-color 0.4s ease;
    color: var(--white-color)
}

.popup-banner 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-banner img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block
}

.popup-banner.show {
    opacity: 1;
    visibility: visible;
    width: 100.1%;
    height: 100%;
    border-radius: 0;
    transition: opacity 0.4s ease, transform 0.4s ease
}

.sidemenu-wrapper {
    position: fixed;
    z-index: 99999;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: rgb(0 0 0 / .75);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .8s;
    transition: .8s
}

.sidemenu-wrapper .th-newsletter-widget .newsletter-form input {
    color: var(--title-color);
    -webkit-transition: .4s ease-in;
    transition: .4s ease-in
}

.sidemenu-wrapper .closeButton {
    border: 2px solid;
    width: 50px;
    height: 50px;
    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: .4s;
    transition: .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: #fff;
    width: 450px;
    margin-left: auto;
    padding: 80px 30px;
    height: 100%;
    max-height: 100vh;
    overflow-y: auto;
    position: relative;
    right: -500px;
    cursor: auto;
    -webkit-transition: right 1s;
    transition: right 1s
}

.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px rgb(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: #fff0
}

.sidemenu-wrapper.show {
    opacity: 1;
    visibility: visible;
    width: 100%;
    -webkit-transition: .8s;
    transition: .8s
}

.sidemenu-wrapper.show .sidemenu-content {
    right: 0;
    opacity: 1;
    visibility: visible
}

.product-big-img,
.th-sort-bar {
    background-color: var(--smoke-color2)
}

.product-list-area {
    margin-bottom: -24px
}

#productCarousel .slick-arrow {
    top: 37.5%
}

.mfp-content {
    margin: 1.5rem auto
}

.mfp-content .product-details-img,
.pt-15 {
    padding-top: 15px
}

.mfp-content .product-about {
    padding-top: 20px;
    padding-bottom: 20px
}

.mfp-content .product-big-img {
    margin-top: 12px;
    margin-bottom: 12px
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out
}

.blog-card:hover .blog-img:after,
.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.th-sort-bar {
    padding: 10px;
    margin: 0 0 24px;
    border-radius: 8px
}

.th-sort-bar .nav a,
.th-sort-bar select {
    height: 50px;
    border: 1px solid var(--th-border-color);
    background-color: var(--white-color);
    color: var(--body-color);
    font-size: 16px
}

.th-sort-bar .row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 15px
}

.th-sort-bar select {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 250px;
    margin: 0
}

.th-sort-bar .nav a {
    display: inline-block;
    width: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    font-family: var(--title-font);
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 0 10px;
    border-radius: 5px
}

.product-big-img {
    text-align: center;
    overflow: hidden
}

.product-big-img .slider-pagination {
    position: absolute;
    bottom: 40px;
    left: 0
}

.product-big-img .slick-dots {
    margin: -11px 0 0 !important;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    --border-color: #c0c0c0
}

.img-magnifier-glass {
    position: absolute;
    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;
    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,
.magnify img {
    width: 100%;
    height: 100%
}

.box,
.faculty-card .box-content {
    box-shadow: 0 10px 50px rgb(135 143 151 / .2)
}

.magnify .magnified {
    display: block;
    z-index: 10;
    margin: auto
}

.quantity {
    position: relative;
    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 10px 0 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.quantity .qty-btn,
.quantity .qty-input {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: none;
    border-right: none;
    background-color: #fff0;
    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
}

.product_meta {
    font-weight: 700;
    font-size: 16px;
    font-family: var(--body-font);
    margin: 35px 0 0
}

.product_meta>span {
    display: block;
    margin-bottom: 5px;
    color: var(--title-color);
    font-weight: 700
}

.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: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;
    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,
.mb-40 {
    margin-bottom: 40px
}

.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
}

.product-about .product-title,
.summary-content .product-title {
    margin: 0 0 14px
}

.product-about .product_title,
.summary-content .product_title {
    margin-bottom: 20px !important
}

.product-about>.price,
.summary-content>.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: -.2em
}

.product-about>.price del,
.summary-content>.price del {
    color: var(--body-color);
    font-weight: 500;
    margin-left: 15px
}

.product-about .checklist,
.summary-content .checklist {
    margin: 29px 0
}

.product-about .actions,
.summary-content .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
}

.product-about .actions .th-btn .btn-icon,
.summary-content .actions .th-btn .btn-icon {
    padding: 10.5px 15px
}

.product-about .actions .icon-btn,
.product-about .actions .woosw-btn,
.summary-content .actions .icon-btn,
.summary-content .actions .woosw-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
}

.blog-card .btn-wrap,
.mt-25,
.product-about .share,
.summary-content .share {
    margin-top: 25px
}

.product-about .th-social a,
.summary-content .th-social a {
    --icon-size: 40px;
    line-height: 38px;
    font-size: 14px;
    border: 1px solid var(--th-border-color);
    border-radius: 0
}

.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,
.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 {
    width: 56px;
    height: 56px;
    line-height: 54px;
    display: inline-block;
    border-radius: 99px;
    background-color: var(--theme-color);
    color: var(--white-color);
    border: none
}

.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,
.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 {
    position: relative;
    top: 0;
    left: 0;
    line-height: inherit;
    margin: 0;
    font-size: 24px
}

.product-about .tinv-wishlist a,
.summary-content .tinv-wishlist a {
    display: inline-block;
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 0
}

.product-about .quantity:after,
.summary-content .quantity:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: var(--th-border-color);
    position: absolute;
    top: 0;
    left: 65px
}

.product-about .quantity .qty-input,
.summary-content .quantity .qty-input {
    width: 132px;
    height: 64px;
    border: 1px solid var(--th-border-color);
    background-color: #fff0;
    color: var(--title-color);
    padding: 0 30px;
    text-align: left;
    font-weight: 500
}

.product-about .quantity .qty-btn,
.summary-content .quantity .qty-btn {
    color: var(--title-color);
    background-color: #fff0;
    position: absolute;
    right: 30px;
    height: auto;
    width: auto;
    border: none;
    line-height: 16px
}

.product-about .quantity .quantity-minus,
.summary-content .quantity .quantity-minus {
    bottom: 12px
}

.product-about .quantity .quantity-plus,
.summary-content .quantity .quantity-plus {
    top: 12px
}

.blog-card2 .blog-content,
.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;
    margin: 0 0 30px
}

.related-product-wrapper {
    padding-top: 115px
}

.tinv-wishlist input[type=checkbox] {
    display: inline-block;
    opacity: 1;
    visibility: visible;
    vertical-align: middle;
    width: auto;
    height: auto
}

.tinv-wishlist .social-buttons,
.tinv-wishlist .social-buttons ul {
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.tinv-wishlist .tinv-header {
    margin-top: -.8rem;
    text-transform: capitalize
}

.tinv-wishlist .cart-empty {
    padding: 14px 25px 14px 45px;
    font-weight: 700;
    font-size: 14px;
    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 table {
    border: none
}

.tinv-wishlist table td,
.tinv-wishlist table th {
    padding: 15.3px 10px;
    border-bottom: 1px solid var(--th-border-color);
    text-align: center;
    color: #000
}

.tinv-wishlist table thead {
    background-color: #f3f3f3
}

.tinv-wishlist .product-cb,
.tinv-wishlist .product-remove {
    width: 40px;
    text-align: center
}

.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 .social-buttons {
    display: flex;
    max-width: 300px;
    -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;
    display: flex;
    gap: 6px
}

.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 td.product-name,
.tinv-wishlist th {
    font-size: 18px;
    font-weight: 700;
    font-family: var(--title-font)
}

.tinv-wishlist td.product-price del {
    margin-left: 8px;
    font-size: .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
}

.blog-card2 .blog-meta a .author-icon,
.blog-card2 .blog-meta a:last-child span {
    background: #fff0;
    margin-right: 6px !important
}

.tinv-wishlist .social-buttons li a.social i {
    line-height: inherit
}

.contact-feature,
.img-box1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    gap: 24px
}

.contact-form.style-border {
    border: 1px solid var(--th-border-color);
    border-radius: 50px;
    padding: 60px
}

.contact-feature {
    padding: 61px 40px;
    border: 1px solid #d3dbe2;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1399px) {
    .contact-feature {
        padding: 50px 20px
    }

    .faculty-card.style2 .box-content {
        width: calc(100% - 30px)
    }
}

.contact-feature:not(:last-child) {
    margin-bottom: 24px
}

.contact-feature .box-icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #e1f0f8;
    color: var(--theme-color2);
    font-size: 24px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.contact-feature .box-text,
.contact-feature .box-text a {
    font-size: 18px;
    letter-spacing: .02em;
    font-weight: 400;
    color: var(--body-color)
}

.contact-feature .box-text a {
    display: block
}

.contact-map {
    position: relative;
    line-height: 0;
    margin-bottom: 60px
}

.contact-map iframe {
    width: 100%;
    height: 400px
}

.contact-map.style2 iframe {
    width: 100%;
    height: 398px;
    border-radius: 0
}

.contact-map.style3 iframe {
    height: 500px
}

.contact-form2 {
    border: 1px solid #d3dbe2;
    padding: 50px
}

.career-form {
    background-color: #f3f7fa;
    padding: 68px 56px
}

.contact-form2 .form-control,
.contact-form2 .form-select,
.contact-form2 input,
.contact-form2 select,
.contact-form2 textarea {
    height: 60px
}

.contact-form2 textarea,
.contact-form2 textarea.form-control {
    min-height: 180px
}

.contact-img {
    height: 100%
}

.contact-img img,
.img-box1 .img1 img,
.img-box1 .img2 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.global-img {
    position: relative;
    overflow: hidden;
    -webkit-transition: .4s;
    transition: .4s
}

.global-img img {
    width: 100%;
    object-fit: cover;
    -webkit-transition: 1.3s;
    transition: 1.3s
}

.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: .6s linear;
    transition: .6s linear;
    background-color: #fff0
}

.about-wrap1 .box-text {
    margin-top: -6px;
    font-size: 16px
}

.about-wrap1 .btn-wrap {
    margin-top: 30px
}

.about-wrap1 .about-feature-grid {
    margin-left: 20px
}

.img-box1 {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
}

.img-box1 .about-wrapp {
    position: absolute;
    left: -120px;
    top: 100px
}

.img-box1 .counter-card3 {
    position: absolute;
    left: 10%;
    bottom: 10%
}

.img-box4 {
    position: relative
}

.img-box4 .img2 {
    position: absolute;
    right: 0;
    bottom: -21%;
    z-index: 1
}

.img-box4 .counter-card3 {
    position: absolute;
    left: 10%;
    bottom: -10%;
    z-index: 9
}

.counter-card3 {
    background-color: var(--theme-color);
    border: 5px solid #fff;
    padding: 60px 30px;
    text-align: center;
    max-width: 255px
}

.about-feature-wrapp,
.faq .box-text {
    max-width: 480px
}

.about-feature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.about-feature:not(:last-child),
.mb-45 {
    margin-bottom: 45px
}

.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: .5s cubic-bezier(.62, .21, .45, 1.52);
    transition: .5s cubic-bezier(.62, .21, .45, 1.52);
    z-index: -1
}

.btn-wrap,
.img-box2 {
    -webkit-flex-wrap: wrap
}

.about-feature .box-title {
    font-family: --title-font;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: .02em;
    margin-bottom: 6px
}

.about-feature:hover .box-icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.img-box2 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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) {
    .hero-3 .hero-search-wrap {
        max-width: 590px
    }

    .img-box4 {
        margin-left: 0
    }

    .about-shape-left,
    .about-shape-right {
        display: none
    }

    .img-box2 {
        gap: 0 30px
    }

    .blog-card .blog-content {
        padding: 30px
    }
}

@media (max-width:1199px) {
    .th-sort-bar select {
        min-width: auto
    }

    .product-tab-style1 {
        margin: 55px 0 40px
    }

    .product-about,
    .summary-content {
        padding-left: 0
    }

    .contact-map.style3 iframe {
        height: 450px
    }

    .contact-form2 {
        padding: 40px 30px
    }

    .img-box4 {
        margin-bottom: 110px
    }

    .about-feature {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .img-box2 {
        gap: 0 70px
    }
}

.img-box2 img:first-child {
    width: 290px
}

.img-box2 img:nth-child(2) {
    width: 200px
}

.img-box2 img:nth-child(3) {
    width: 200px;
    margin-top: -100px
}

.blog-card {
    overflow: hidden;
    border: 1px solid var(--light-color);
    -webkit-transition: .4s;
    transition: .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: .02em;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 0;
    color: var(--white-color)
}

.blog-card .blog-date-text,
.checklist li {
    color: var(--title-color);
    font-weight: 500
}

.blog-card .blog-date-text {
    font-size: 12px;
    display: inline-block;
    background-color: var(--white-color);
    margin-bottom: 0;
    padding: 2.5px 13px
}

.blog-card .blog-meta {
    gap: 5px 0;
    margin-bottom: 16px;
    font-size: 16px
}

.blog-card .blog-meta .author-icon,
.blog-card .blog-meta .comment-icon {
    width: 30px;
    height: 30px;
    text-align: center;
    background: #eef1f4;
    border-radius: 48px
}

.blog-card .blog-meta .author-icon i,
.blog-card .blog-meta .comment-icon i {
    font-size: 12px;
    margin: 0
}

.blog-card .blog-meta a,
.blog-card .blog-meta span {
    font-size: 16px;
    font-weight: 400;
    color: var(--body-color);
    margin-right: 24px
}

.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:hover .blog-img a .blog-img-box img:first-child {
    -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
}

@media (max-width:1299px) {
    .blog-card .box-title {
        font-size: 22px
    }
}

@media (max-width:1199px) {
    .blog-card .box-title {
        font-size: 24px
    }

    .blog-arae-3 .blog-shape1,
    .blog-arae-3 .blog-shape2 {
        display: none
    }
}

@media (max-width:991px) {
    .hero-3 .th-hero-bg {
        margin: 0
    }

    .hero-3 .slider-pagination {
        top: 86%;
        width: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .hero-3 .slider-pagination::after,
    .hero-3 .slider-pagination::before,
    .th-sort-bar .nav a:last-child:before {
        display: none
    }

    .hero-3 .slider-pagination .swiper-pagination-bullet {
        display: inline-block;
        margin-bottom: 0
    }

    .hero-3 .hero-video {
        margin-bottom: 120px
    }

    .hero-3 .hero-search-wrap {
        max-width: 100%
    }

    .error-page-wrap,
    .tinv-wishlist .tinvwl-mobile,
    .tinvwl-full {
        display: block
    }

    .error-content {
        padding: 60px 30px
    }

    .contact-map,
    .product-big-img {
        margin-bottom: 40px
    }

    .th-sort-bar .row {
        --bs-gutter-x: 20px
    }

    .tinvwl-txt {
        display: inline-block !important
    }

    .product-stock {
        width: 40px;
        text-align: center
    }

    .contact-form.style-border {
        border-radius: 40px;
        padding: 40px
    }

    .blog-card .box-title {
        font-size: 20px
    }

    .why-area .choose-wrapp {
        margin-top: 15px !important
    }
}

@media (max-width:767px) {
    .th-sort-bar {
        text-align: center;
        padding: 10px 15px 15px
    }

    .th-sort-bar .nav {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .error-content {
        padding: 30px 0 0
    }

    .th-sort-bar select {
        margin: 0 auto
    }

    .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);
        border-bottom: none
    }

    .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 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
    }

    .img-box4 .img2 {
        position: relative;
        bottom: 0
    }

    .img-box2 {
        gap: 0 20px
    }

    .blog-card {
        display: block
    }

    .blog-card .box-title {
        font-size: 24px
    }
}

.btn-wrap,
.checklist li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.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) {
    .sidemenu-wrapper {
        background: #fff0
    }

    .img-box2 img:first-child,
    .img-box2 img:nth-child(2),
    .sidemenu-wrapper .sidemenu-content {
        width: 100%
    }

    .sidemenu-wrapper .sidemenu-content .widget_shopping_cart .th-btn {
        margin-bottom: 10px
    }

    .product-about .actions {
        gap: 15px 15px
    }

    .product-grid {
        max-width: 340px;
        margin-left: auto;
        margin-right: auto
    }

    .contact-form.style-border {
        padding: 30px
    }

    .contact-feature {
        padding: 50px 10px
    }

    .contact-feature .box-icon {
        width: 60px;
        height: 60px;
        line-height: 60px
    }

    .career-form {
        padding: 50px 15px
    }

    .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 .about-wrapp {
        left: 0
    }

    .img-box2 img:nth-child(3) {
        margin-top: 0;
        width: 100%
    }

    .img-box2 img:not(:last-child) {
        margin-bottom: 20px
    }

    .blog-card .box-title {
        font-size: 20px
    }

    .blog-img a .blog-img-box {
        height: 230px
    }
}

.blog-img a .blog-img-box img {
    width: 100%;
    height: auto;
    background-size: cover;
    -webkit-transition: .5s;
    transition: .5s;
    position: absolute;
    top: 0;
    left: 0
}

.blog-img a .blog-img-box img:first-child {
    -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;
    height: 250px;
    width: 100%
}

.blog-img2 .blog-img-box2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: .9s;
    transition: .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 .box-text,
.mb-35 {
    margin-bottom: 35px
}

.blog-card2 .blog-date {
    padding: 4px 0;
    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: .48px
}

.blog-card2 .blog-date .blog-date-text {
    background-color: unset;
    color: var(--white-color);
    font-size: 14px;
    line-height: 21px
}

.blog-card2 .blog-meta a {
    font-size: 16px;
    line-height: 28px
}

.checklist.style4 li,
.checklist.style6 li {
    font-size: 18px;
    font-family: var(--body-font);
    font-weight: 400;
    color: var(--body-color)
}

.blog-card2 .blog-meta a:last-child {
    top: 1px
}

.blog-card2 .blog-meta a .author-icon {
    top: 7px
}

.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: 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
}

.checklist ul {
    padding-left: 0;
    list-style: none;
    text-align: left;
    margin-bottom: 0
}

.checklist li {
    font-size: 18px;
    font-family: var(--subtitle-font);
    padding-left: 40px;
    display: flex;
    gap: 12px;
    line-height: 32px;
    position: relative;
    color: var(--body-color)
}

.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
}

.checklist.style4 li {
    padding-left: 20px;
    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),
.mb-10 {
    margin-bottom: 10px
}

.checklist.style6 li {
    letter-spacing: .02em
}

.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.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.list-two-column ul {
    display: inline-grid;
    grid-template-columns: auto auto;
    gap: 16px 40px
}

.th-widget-instagram h2 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 0
}

.btn-wrap {
    display: flex;
    -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
}

.modal {
    z-index: 999;
    padding-right: 0 !important
}

@media (max-width:1700px) {
    .header-right-wrap li:not(:last-child)::after {
        right: -16px
    }

    .why-shape {
        width: 100px
    }
}

.why-bg {
    background-color: #fff6f8
}

.faculty-card .box-content {
    position: relative;
    background-color: var(--white-color);
    width: calc(100% - 80px);
    margin: -30px auto 0;
    padding: 12px 30px;
    text-align: center;
    z-index: 2
}

@media (max-width:1500px) {
    .hero-2 .hero-image {
        right: 0
    }

    .hero-2-social {
        display: none !important
    }

    .about-wrap1 .checklist.list-two-column ul {
        grid-template-columns: auto
    }

    .why-shape {
        display: none
    }

    .faculty-card.style2 .box-content {
        padding: 40px 30px
    }

    .faculty-card .box-content {
        padding: 40px
    }
}

@media (max-width:1399px) {
    .faculty-card .box-content {
        padding: 40px 20px
    }
}

@media (max-width:1299px) {
    .faculty-card.style2 .box-content {
        padding: 40px 10px
    }

    .faculty-card .box-content {
        width: calc(100% - 30px)
    }
}

.faculty-card .box-title {
    font-weight: 500;
    font-size: 24px;
    color: #070e20;
    line-height: 1.4;
    letter-spacing: .02em;
    padding-bottom: 0;
    margin-bottom: 0;
    position: relative;
    display: inline-block;
    overflow: hidden
}

.faculty-card .box-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background-color: var(--theme-color);
    transition: width .4s
}

.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 .box-title,
.mb-5 {
    margin-bottom: 5px
}

.faq .box-text {
    font-size: 18px
}

.sidebar-area.style2 {
    margin-left: 0
}

.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
}

.community-card2 .community-icon span,
.marquee-card {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox
}

.cat-card {
    background-color: var(--white-color);
    height: 390px
}

@media (max-width:575px) {
    .checklist li {
        flex-wrap: wrap
    }
}

@media (max-width:375px) {
    .header-default .menu-area {
        padding: 0 10px
    }

    .header-layout1 .sticky-wrapper.sticky .header-left .header-logo {
        margin-right: 0
    }

    .header-layout1 .header-button .icon-btn {
        --btn-size: 50px
    }

    .header-layout2 .menu-area {
        --shape-width: 60%
    }

    .header-layout2 .header-logo {
        max-width: 220px
    }

    .header-layout2 .header-right {
        gap: 10px
    }

    .header-layout2 .header-search {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 18px
    }

    .blog-inner-title {
        font-size: 30px
    }

    .hero-style1 .th-btn {
        padding: 15px 20px
    }

    .hero-style3 .hero-title {
        font-size: 34px
    }

    .contact-feature {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .img-box1 .about-wrapp {
        position: relative;
        top: 0
    }

    .about-feature {
        display: block
    }

    .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
    }

    .blog-img a .blog-img-box {
        height: 190px
    }

    .cat-card {
        padding: 0 16px
    }

    .community-card2 .box-title {
        text-align: center
    }
}

.cat-card .box-title {
    margin-bottom: -.1em;
    -webkit-transition: .1s;
    transition: .1s
}

.cat-card .box-text {
    margin-top: 2px;
    font-weight: 500;
    letter-spacing: .36px;
    color: var(--black-color8)
}

.cat-card:hover .box-icon img,
.community-card2:hover .community-icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.cat-area-1 {
    background-color: var(--gray-color)
}

.academic-card.style2,
.community-card2,
.community-wrap {
    background-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: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.academic-meta-wrap,
.cat-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.marquee-card a {
    font-size: 50px;
    font-weight: 700;
    font-family: var(--title-font);
    color: var(--title-color);
    display: inline-block;
    line-height: .75em;
    margin-left: 40px;
    margin-bottom: 15px
}

@media (max-width:1199px) {
    .checklist.mb-45 {
        margin-bottom: 40px
    }

    .faculty-card .box-content {
        padding: 40px 35px;
        width: calc(100% - 50px)
    }

    .sidebar-area.style2 {
        margin-left: 0
    }

    .cat-card .box-title {
        font-size: 20px
    }

    .cat-card {
        height: 355px
    }

    .cat-card .box-text {
        font-size: 16px
    }

    .marquee-card a {
        font-size: 42px
    }
}

.cat-card {
    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;
    height: 100%
}

.academic-card {
    padding: 24px;
    border: 1px solid var(--th-border-color);
    height: 100%
}

.academic-card.style2 {
    border-color: var(--white-color)
}

.academic-card .box-text {
    letter-spacing: 0;
    margin-top: -.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-img {
    position: relative;
    overflow: hidden;
    aspect-ratio: 374/200
}

.academic-img a img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-transition: .9s;
    transition: .9s
}

.academic-content {
    border-bottom: 1px solid var(--th-border-color);
    padding: 1.5rem 0
}

.academic-content .box-title {
    margin-bottom: 0;
    margin-top: -.4em
}

.academic-meta-wrap {
    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;
    padding-top: 1rem
}

@media (max-width:1399px) {
    .academic-content {
        margin-bottom: 14px
    }

    .academic-meta-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .academic1-area {
        padding-top: 0 !important
    }

    .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;
    font-size: 16px;
    color: var(--title-color)
}

@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
    }
}

.academic-meta .subject {
    color: var(--title-color);
    -webkit-transition: .4s;
    transition: .4s
}

.academic-meta .subject i {
    font-size: 16px;
    margin-right: 5px;
    color: var(--theme-color)
}

.academic-meta .duration {
    margin-bottom: 0;
    color: var(--title-color);
    -webkit-transition: .4s;
    transition: .4s
}

.academic-meta .duration i {
    font-size: 16px;
    color: var(--theme-color);
    margin-right: 5px
}

.campus .title-wrap {
    margin-bottom: 22px
}

.community {
    height: 800px
}

.community-wrap {
    position: relative;
    left: -63px;
    padding: 118px 76px
}

@media (max-width:1500px) {
    .community-wrap {
        left: 20px
    }
}

@media (max-width:1299px) {
    .academic-meta-wrap .th-btn {
        width: unset
    }

    .academic-meta {
        width: unset;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .community-wrap {
        left: 0
    }

    .professor-area-1 .professor-shape1 {
        display: none
    }
}

.community-wrap2 {
    display: grid;
    gap: 24px
}

.community-card2,
.program-details .program-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

@media (max-width:1199px) {
    .academic-meta {
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .community-wrap2 {
        grid-template-columns: repeat(2, 1fr)
    }
}

.community-card2 {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    padding: 40px 25px;
    height: 100%
}

.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 span {
    width: 80px;
    height: 80px;
    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: .4s;
    transition: .4s
}

.community-card2 .box-text {
    margin-top: 10px;
    line-height: 32px;
    font-size: 18px;
    letter-spacing: .36px
}

@media (max-width:375px) {
    .community-card2 .box-text {
        text-align: center
    }
}

.program-details .program-content {
    border: 1px solid #b7c2cc;
    padding: 36px 32px;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 42px
}

.program-details .program-grid .box-text {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .02em;
    color: var(--body-color);
    max-width: 280px
}

.program-details .divided {
    height: 77px;
    width: 1px;
    background-color: #b7c2cc
}

@media (max-width:1500px) {
    .community-card2 {
        padding: 30px 20px
    }

    .community-card2 .box-title {
        font-size: 22px
    }

    .community-card2 .box-text {
        font-size: 16px
    }

    .program-details .program-content {
        gap: 20px
    }

    .program-details .divided {
        display: none
    }
}

.peogram-area .program-wrapp {
    position: absolute;
    top: 0;
    right: 80px
}

@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
    }

    .peogram-area .program-wrapp {
        top: 40px;
        right: 0
    }
}

.professor-card {
    align-items: center;
    border: 1px solid var(--th-border-color);
    padding: 20px;
    gap: 40px
}

.professor-card .professor-content {
    padding: 30px 0 0;
    text-align: center
}

@media (max-width:1299px) {
    .professor-card {
        gap: 20px
    }
}

.professor-card .professor-img {
    background-color: var(--gray-color);
    width: 100%;
    height: 250px
}

@media (max-width:767px) {
    .checklist.list-two-column ul {
        grid-template-columns: auto;
        gap: 20px
    }

    .checklist.list-two-column ul li {
        text-align: initial
    }

    .marquee-card a {
        font-size: 40px
    }

    .marquee-card img {
        width: 40px
    }

    .community-wrap .sec-title {
        font-size: 29px
    }

    .community-wrap2 {
        grid-template-columns: 1fr;
        margin-top: 45px
    }

    .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 {
        width: 100%
    }
}

.professor-card .professor-img img {
    width: 100%;
    height: 100% !important;
    object-fit: cover
}

.professor-card .professor-content .box-text {
    font-size: 16px;
    font-weight: 500;
    color: #506172;
    margin-bottom: 0
}

.professor-card .professor-content .professor-details {
    margin-top: 15px;
    margin-bottom: 24px
}

.professor-card .professor-content .professor-contact {
    font-size: 14px;
    line-height: 21px
}

.professor-card .professor-content .professor-contact:last-child {
    margin-top: 8px
}

.mentorship-card {
    display: flex;
    flex-direction: column;
    height: 100%
}

.mentorship-card .card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #e1f0f8;
    width: calc(100% - 48px);
    margin: -30px auto 0;
    padding: 30px 16px;
    text-align: center;
    z-index: 2
}

.mentorship-card .box-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: .56px
}

.mentorship-card .box-text {
    font-size: 20px;
    line-height: 30px
}

.mentorship-card .btn-wrap {
    margin-top: 52px
}

.pt-5 {
    padding-top: 5px
}

.pt-10 {
    padding-top: 10px
}

.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-35 {
    padding-bottom: 35px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-45 {
    padding-bottom: 45px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-60 {
    padding-bottom: 60px
}

.pt-60 {
    padding-top: 60px
}

.mt-5 {
    margin-top: 5px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-45 {
    margin-top: 45px
}

.mt-50 {
    margin-top: 50px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-50 {
    margin-bottom: 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) {
    .professor-card {
        gap: 40px
    }

    .mentorship-card .card-content {
        padding: 40px 25px
    }

    .mentorship-card .box-title {
        font-size: 24px;
        line-height: 36px
    }

    .mentorship-card .box-text {
        font-size: 18px;
        line-height: 28px
    }

    .mb-80 {
        margin-bottom: 60px
    }
}

.mt-n1 {
    margin-top: -.25rem
}

.mt-n2 {
    margin-top: -.45rem
}

.mt-n3 {
    margin-top: -.8rem
}

.mt-n4 {
    margin-top: -1.5rem
}

.mt-n5 {
    margin-top: -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) {
    .sticky-wrap {
        gap: 50px
    }

    .cat-card {
        height: 100%
    }

    .academic-meta-wrap .th-btn {
        width: unset
    }

    .campus .title-wrap {
        margin-bottom: 2px
    }

    .community-wrap {
        padding: 70px 50px
    }

    .program-details .program-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .peogram-area .program-wrapp {
        top: 0
    }

    .mentorship-area-1 {
        padding-bottom: 80px !important
    }

    .space,
    .space-top {
        padding-top: var(--section-space-mobile)
    }

    .space,
    .space-bottom {
        padding-bottom: var(--section-space-mobile)
    }

    .space-extra,
    .space-extra-top,
    .space-extra2,
    .space-extra2-top {
        padding-top: calc(var(--section-space-mobile) - 30px)
    }

    .space-extra,
    .space-extra-bottom,
    .space-extra2,
    .space-extra2-bottom {
        padding-bottom: calc(var(--section-space-mobile) - 30px)
    }
}

@media (max-width:991.98px) {

    .sticky-wrapper,
    .sticky-wrapper.sticky {
        display: block
    }

    .header-info-right {
        display: none
    }
}

@media (max-width:575px) {
    .checklist li {
        font-size: 18px
    }

    .faculty-card .box-content {
        padding: 20px !important;
        width: calc(100% - 20px);
        margin: -40px auto 0
    }

    .marquee-card a {
        font-size: 30px
    }

    .academic-meta-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0
    }

    .academic-meta-wrap .th-btn {
        width: unset
    }

    .academic-meta {
        width: unset;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .academic-meta .duration,
    .academic-meta .subject {
        margin-bottom: 15px
    }

    .community-wrap {
        padding: 45px 30px
    }

    .community-wrap .sec-title {
        font-size: 22px
    }

    .peogram-area .program-wrapp {
        position: relative
    }

    .professor-card .professor-content {
        margin-top: 30px;
        text-align: center
    }

    .professor-card .professor-content .professor-details {
        display: block;
        text-align: center
    }

    .mentorship-card .card-content {
        padding: 30px 20px
    }

    .mentorship-card .box-title {
        font-size: 20px;
        line-height: 30px
    }

    .mentorship-card .box-text {
        font-size: 16px;
        line-height: 26px
    }

    .mb-sm-3 {
        margin-bottom: 16px
    }

    .sticky-wrapper {
        display: block
    }
}

.grecaptcha-badge {
    bottom: 60px;
    z-index: 999
}

.alert-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404
}

.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724
}

.alert-info {
    background-color: #cce5ff;
    border-color: #b8daff;
    color: #004085
}

.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24
}

.close {
    color: #000;
    float: right;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    opacity: .3;
    text-shadow: none;
    vertical-align: middle
}

@media (min-width:1199px) and (max-width:1399px) {
    .header-layout2 .sticky-wrapper .menu-area .container {
        width: 100% !important
    }

    .header-layout2 .sticky-wrapper .menu-area .th-container4 {
        max-width: 100% !important
    }
}

@media (max-width:1220px) {
    .header-layout2 .main-menu ul li {
        margin: 0 5px !important
    }
}

@media (max-width:1214px) {
    .header-layout2 .main-menu ul li {
        margin: 0 4px !important
    }
}

@media (max-width:1350px) {
    .header-layout2 .main-menu ul li {
        margin: 0 6px
    }
}

@media (max-width:1399px) {
    .header-layout2 .main-menu ul li {
        margin: 0 5px
    }
}

.box {
    padding: 10px 10px 30px;
    border-radius: 10px;
    border-bottom: 2px solid #fff0
}

.th-mobile-menu {
    overflow-y: auto !important;
    flex-grow: 1 !important;
    max-height: calc(100vh - 200px) !important;
    padding-bottom: 80px !important;
    margin-top: 33px !important;
    text-align: left !important
}

.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: -.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-author {
    border-radius: 16px
}

.team-author .box-img {
    background-color: #fff0;
    border-radius: 16px 16px 0 0
}

.team-author .box-img img {
    max-width: 100%;
    border-radius: 16px 16px
}

.team-author .box-content {
    background: #e1f0f8;
    border-radius: 3px;
    padding: 25px 30px;
    width: 370px
}

@media (max-width:1399px) {
    .team-author .box-content {
        padding: 20px 25px
    }
}

@media (max-width:1199px) {
    .team-author .box-content {
        padding: 20px 25px;
        width: 350px
    }
}

.team-author .box-content .box-title {
    color: #000;
    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
}

@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 rgb(183 194 204 / .5);
    border-radius: 50%;
    color: #506172
}

.team-author .th-social a:hover {
    border-color: var(--theme-color)
}

@media (max-width:575px) {
    .col-xl-3.col-md-5.position-relative {
        margin-bottom: 30px
    }
}

.swiper-slide {
    display: flex !important;
    justify-content: center !important
}

#academicSlider2 .swiper-wrapper {
    align-items: stretch !important
}

#academicSlider2 .swiper-slide {
    height: auto !important
}

#academicSlider2 .academic-card {
    height: 100% !important;
    min-height: 100%;
    display: flex;
    flex-direction: column
}

#academicSlider2 .academic-img {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    flex-shrink: 0
}

#academicSlider2 .academic-content {
    flex-grow: 1
}

#academicSlider2 .academic-meta-wrap {
    margin-top: auto
}