.tss-wrapper {
--tss-primary: #3858e9;
--tss-primary-hover: #2843c4;
--tss-primary-soft: #eef1fe;
--tss-star: #f5b800;
--tss-ink: #1f2330;
--tss-muted: #6a6f7e;
--tss-line: #e7e8ee;
--tss-card: #ffffff;
--tss-panel: #f7f8fb;
--tss-slide: #f8f9fc;
--tss-line-soft: #ebecf1;
--tss-radius: 16px;
} .rt-container,
.rt-container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.rt-row {
margin-left: -15px;
margin-right: -15px;
}
.rt-row:after,
.rt-row:before {
display: table;
content: " ";
}
.rt-row:after {
clear: both;
}
.rt-col-xs-1,
.rt-col-sm-1,
.rt-col-md-1,
.rt-col-lg-1,
.rt-col-xs-2,
.rt-col-sm-2,
.rt-col-md-2,
.rt-col-lg-2,
.rt-col-xs-3,
.rt-col-sm-3,
.rt-col-md-3,
.rt-col-lg-3,
.rt-col-xs-4,
.rt-col-sm-4,
.rt-col-md-4,
.rt-col-lg-4,
.rt-col-xs-5,
.rt-col-sm-5,
.rt-col-md-5,
.rt-col-lg-5,
.rt-col-xs-6,
.rt-col-sm-6,
.rt-col-md-6,
.rt-col-lg-6,
.rt-col-xs-7,
.rt-col-sm-7,
.rt-col-md-7,
.rt-col-lg-7,
.rt-col-xs-8,
.rt-col-sm-8,
.rt-col-md-8,
.rt-col-lg-8,
.rt-col-xs-9,
.rt-col-sm-9,
.rt-col-md-9,
.rt-col-lg-9,
.rt-col-xs-10,
.rt-col-sm-10,
.rt-col-md-10,
.rt-col-lg-10,
.rt-col-xs-11,
.rt-col-sm-11,
.rt-col-md-11,
.rt-col-lg-11,
.rt-col-xs-12,
.rt-col-sm-12,
.rt-col-md-12,
.rt-col-lg-12,
.rt-col-xs-24,
.rt-col-sm-24,
.rt-col-md-24,
.rt-col-lg-24 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.rt-col-xs-1,
.rt-col-xs-2,
.rt-col-xs-3,
.rt-col-xs-4,
.rt-col-xs-5,
.rt-col-xs-6,
.rt-col-xs-7,
.rt-col-xs-8,
.rt-col-xs-9,
.rt-col-xs-10,
.rt-col-xs-11,
.rt-col-xs-12,
.rt-col-xs-24 {
float: left;
}
.rt-col-xs-12 {
width: 20%;
}
.rt-col-xs-12 {
width: 100%;
}
.rt-col-xs-11 {
width: 91.66666667%;
}
.rt-col-xs-10 {
width: 83.33333333%;
}
.rt-col-xs-9 {
width: 75%;
}
.rt-col-xs-8 {
width: 66.66666667%;
}
.rt-col-xs-7 {
width: 58.33333333%;
}
.rt-col-xs-6 {
width: 50%;
}
.rt-col-xs-5 {
width: 41.66666667%;
}
.rt-col-xs-4 {
width: 33.33333333%;
}
.rt-col-xs-3 {
width: 25%;
}
.rt-col-xs-2 {
width: 16.66666667%;
}
.rt-col-xs-1 {
width: 8.33333333%;
}
.tss-wrapper[data-layout*="layout"] .rt-row.tss-even {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}   .tss-wrapper .tss-pre-loader {
position: relative;
overflow: hidden;
max-height: 300px;
min-height: 200px;
}
.tss-wrapper .tss-even .tss-grid-item {
margin-bottom: 30px;
}
.tss-wrapper .tss-even .tss-grid-item .video-testimonial-wrap iframe {
max-width: 100%;
}
.tss-wrapper .rt-loading-overlay {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #fff;
-webkit-transition: opacity 0.1s, visibility 0.1s;
transition: opacity 0.1s, visibility 0.1s;
}
.tss-wrapper .rt-loading {
color: #fb4c35;
position: absolute; top: 50%;
margin-top: -16px;
left: 50%;
margin-left: -16px;
z-index: 2;
opacity: 0;
visibility: hidden;
}
.tss-wrapper .tss-pre-loader .rt-loading-overlay {
opacity: 0.8;
visibility: visible;
}
.tss-wrapper .tss-pre-loader .rt-loading {
opacity: 1;
visibility: visible;
}
.rt-ball-clip-rotate {
width: 32px;
height: 32px;
}
.rt-ball-clip-rotate {
display: block;
font-size: 0;
color: #fff;
}
.rt-ball-clip-rotate,
.rt-ball-clip-rotate > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.rt-ball-clip-rotate > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.rt-ball-clip-rotate > div {
width: 32px;
height: 32px;
background: transparent;
border-width: 2px;
border-bottom-color: transparent;
border-radius: 100%;
-webkit-animation: ball-clip-rotate 0.75s linear infinite;
-moz-animation: ball-clip-rotate 0.75s linear infinite;
-o-animation: ball-clip-rotate 0.75s linear infinite;
animation: ball-clip-rotate 0.75s linear infinite;
} .tss-wrapper .rt-responsive-img {
max-width: 100%;
height: auto;
}
.tss-wrapper[data-layout*="carousel"] .rt-responsive-img { }
.tss-carousel.swiper .profile-img-wrapper {
position: relative;
}
.tss-carousel-thumb.swiper .rt-dummy-img + .swiper-lazy-preloader,
.tss-carousel.swiper .rt-dummy-img + .swiper-lazy-preloader {
display: none;
}
.tss-wrapper .swiper-lazy-preloader {
border: 4px solid #2550ea;
border-top-color: transparent;
width: 34px;
height: 34px;
margin-left: -17px;
margin-top: -17px;
opacity: 0.75;
border-radius: 50%;
}
.tss-carousel-thumb.swiper .rt-responsive-img,
.tss-carousel.swiper .rt-responsive-img {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.tss-carousel-thumb.swiper .swiper-lazy:not(.swiper-lazy-loaded),
.tss-carousel.swiper .swiper-lazy:not(.swiper-lazy-loaded) {
min-height: 150px;
opacity: 0;
}
.tss-wrapper[data-layout="carousel12"] .tss-carousel-thumb .swiper-lazy:not(.swiper-lazy-loaded),
.tss-wrapper[data-layout="carousel11"] .tss-carousel-thumb .swiper-lazy:not(.swiper-lazy-loaded) {
min-height: 132px;
}
.tss-wrapper .swiper-lazy-preloader:after {
background: none;
}
.tss-wrapper img.rt-responsive-img.rt-dummy-img {
width: 150px;
}
.tss-wrapper .tss-load-more .rt-button {
display: inline-block;
}
.tss-wrapper .tss-img-circle .profile-img-wrapper img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.tss-wrapper .author-social a,
.tss-wrapper .tss-social-share a {
display: inline-flex;
text-decoration: none;
box-shadow: none !important;
margin: 5px;
color: #2529ed;
}
.tss-wrapper .rating-wrapper span.dashicons,
.tss-wrapper .tss-social-share i.fa,
.tss-wrapper .author-social span.dashicons {
width: auto;
height: auto;
}
.tss-wrapper .tss-social-share .dashicons::before,
.tss-wrapper .author-social span.dashicons::before {
transition: all 0.3s;
}
.tss-wrapper .tss-social-share a:hover .dashicons::before,
.tss-wrapper .author-social a:hover span.dashicons::before {
opacity: 0.8;
}
.rt-sm-sortable-list .social-item span.dashicons-skype:before,
.rt-sm-sortable-list .social-item span.dashicons-telegram:before,
.tss-wrapper .author-social .dashicons-skype:before,
.tss-wrapper .author-social .dashicons-telegram:before {
content: '';
width: 20px;
height: 20px;
display: block;
-webkit-mask-size: cover;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-size: cover;
mask-repeat: no-repeat;
mask-position: center;
margin: auto;
background-color: #2529ed;
}
.rt-sm-sortable-list .social-item span.dashicons::before {
color: #333;
}
.rt-sm-sortable-list .social-item span.dashicons-skype:before,
.rt-sm-sortable-list .social-item span.dashicons-telegram:before {
background-color: #333;
}
.rt-sm-sortable-list .social-item span.dashicons-skype:before,
.tss-wrapper .author-social .dashicons-skype:before {
-webkit-mask-image: url(//www.buildwithdove.com/wp-content/plugins/testimonial-slider-and-showcase/assets/images/skype.svg);
mask-image: url(//www.buildwithdove.com/wp-content/plugins/testimonial-slider-and-showcase/assets/images/skype.svg);
}
.rt-sm-sortable-list .social-item span.dashicons-telegram:before,
.tss-wrapper .author-social .dashicons-telegram:before {
-webkit-mask-image: url(//www.buildwithdove.com/wp-content/plugins/testimonial-slider-and-showcase/assets/images/telegram.svg);
mask-image: url(//www.buildwithdove.com/wp-content/plugins/testimonial-slider-and-showcase/assets/images/telegram.svg);
} .tss-wrapper .author-social a,
.tss-wrapper .tss-social-share a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
}
.tss-wrapper .author-social .dashicons,
.tss-wrapper .tss-social-share .dashicons {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 1em;
height: 1em; min-width: 1em;
min-height: 1em;
margin: 0;
line-height: 1;
} .tss-wrapper .tss-social-share .share-icons,
.tss-wrapper .author-social .tss-social-label {
margin-right: 4px;
font-size: 12px;
line-height: 1;
letter-spacing: 0.02em;
white-space: nowrap;
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-layout9 .tss-social-share .share-icons,
.tss-wrapper .tss-isotope4 .tss-social-share .share-icons,
.tss-wrapper .tss-carousel9 .tss-social-share .share-icons,
.tss-wrapper .tss-layout9 .author-social .tss-social-label,
.tss-wrapper .tss-isotope4 .author-social .tss-social-label,
.tss-wrapper .tss-carousel9 .author-social .tss-social-label {
color: rgba(255, 255, 255, 0.8);
}
.tss-wrapper .author-social .dashicons-skype:before,
.tss-wrapper .author-social .dashicons-telegram:before,
.tss-wrapper .author-social .dashicons-twitter:before,
.tss-wrapper .tss-social-share .dashicons-skype:before,
.tss-wrapper .tss-social-share .dashicons-telegram:before,
.tss-wrapper .tss-social-share .dashicons-twitter:before {
width: 1em;
height: 1em;
margin: 0;
background-color: currentColor;
} .tss-wrapper .author-social .dashicons-twitter:before,
.tss-wrapper .tss-social-share .dashicons-twitter:before {
width: 0.8em;
height: 0.8em;
} .tss-wrapper .author-social .dashicons-facebook:before {
content: "\f305";
}
.tss-wrapper .tss-utility {
margin: 15px 0;
text-align: center;
}   .tss-wrapper .tss-iso-filter {
margin: 0 0 40px;
} .elementor-editor-active .tss-wrapper .tss-iso-filter {
padding-top: 32px;
}
.tss-wrapper .tss-isotope-button-wrapper {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
max-width: 100%;
padding: 5px;
background: #f1f3f9;
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: 999px;
-webkit-box-shadow: inset 0 1px 2px rgba(27, 31, 42, 0.05);
box-shadow: inset 0 1px 2px rgba(27, 31, 42, 0.05);
vertical-align: middle;
} .tss-wrapper .tss-isotope-button-wrapper .rt-iso-button {
position: relative;
z-index: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
margin: 0;
padding: 10px 22px;
border: 0;
border-radius: 999px;
background: transparent;
color: var(--tss-muted, #6a6f7e);
font-size: 15px;
font-weight: 500;
line-height: 1.2;
white-space: nowrap; cursor: pointer;
-webkit-transition: color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
transition: color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}
.tss-wrapper .tss-isotope-button-wrapper .rt-iso-button:hover {
background: rgba(27, 31, 42, 0.05);
color: var(--tss-ink, #1f2330);
}
.tss-wrapper .tss-isotope-button-wrapper .rt-iso-button.selected,
.tss-wrapper .tss-isotope-button-wrapper .rt-iso-button.selected:hover {
background: var(--tss-primary, #3858e9);
color: #ffffff;
-webkit-box-shadow: 0 6px 16px rgba(56, 88, 233, 0.32);
box-shadow: 0 6px 16px rgba(56, 88, 233, 0.32);
box-shadow: 0 6px 16px color-mix(in srgb, var(--tss-primary, #3858e9) 32%, transparent);
} .tss-wrapper .tss-glider {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-radius: 999px;
background: var(--tss-primary, #3858e9);
-webkit-box-shadow: 0 6px 16px rgba(56, 88, 233, 0.32);
box-shadow: 0 6px 16px rgba(56, 88, 233, 0.32);
box-shadow: 0 6px 16px color-mix(in srgb, var(--tss-primary, #3858e9) 32%, transparent);
pointer-events: none;
z-index: 0;
-webkit-transition: -webkit-transform 0.32s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: transform 0.32s cubic-bezier(0.4, 0.22, 0.28, 1), width 0.32s cubic-bezier(0.4, 0.22, 0.28, 1), height 0.32s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper .tss-isotope-button-wrapper:not(.tss-glider-ready) .tss-glider {
opacity: 0;
} .tss-wrapper .tss-isotope-button-wrapper.tss-glider-ready .rt-iso-button.selected,
.tss-wrapper .tss-isotope-button-wrapper.tss-glider-ready .rt-iso-button.selected:hover {
-webkit-box-shadow: none;
box-shadow: none;
} @media (prefers-reduced-motion: reduce) {
.tss-wrapper .tss-glider {
-webkit-transition: none;
transition: none;
}
} .tss-wrapper .tss-isotope-button-wrapper .rt-iso-button:after {
content: attr(data-filter-counter);
padding: 2px 8px;
border-radius: 999px;
background: rgba(27, 31, 42, 0.08);
color: inherit;
font-size: 12px;
font-weight: 500;
line-height: 1.4;
}
.tss-wrapper .tss-isotope-button-wrapper .rt-iso-button[data-filter-counter=""]:after {
display: none;
}
.tss-wrapper .tss-isotope-button-wrapper .rt-iso-button.selected:after {
background: rgba(255, 255, 255, 0.24);
} .tss-wrapper .tss-isotope-button-wrapper .rt-iso-button i {
margin: 0 1px;
font-size: 15px;
line-height: 1;
}
.tss-wrapper .iso-search {
margin: 0 0 0 12px;
vertical-align: middle;
}
.tss-wrapper .iso-search input {
height: 44px;
padding: 0 18px;
background: #ffffff;
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: 999px;
font-size: 15px;
color: var(--tss-ink, #1f2330);
-webkit-transition: border-color 0.16s ease, box-shadow 0.16s ease;
transition: border-color 0.16s ease, box-shadow 0.16s ease;
}
.tss-wrapper .iso-search input:focus {
border-color: var(--tss-primary, #3858e9);
-webkit-box-shadow: 0 0 0 4px rgba(56, 88, 233, 0.14);
box-shadow: 0 0 0 4px rgba(56, 88, 233, 0.14);
box-shadow: 0 0 0 4px color-mix(in srgb, var(--tss-primary, #3858e9) 14%, transparent);
}
@media only screen and (max-width: 640px) {
.tss-wrapper .tss-isotope-button-wrapper .rt-iso-button {
padding: 9px 16px;
font-size: 14px;
}
.tss-wrapper .iso-search {
margin: 10px 0 0;
}
}
.tss-wrapper .tss-utility .rt-button {
background: #6f6f6f;
border: 0;
border-radius: 2px;
color: #fff;
font-size: 16px;
line-height: 1;
padding: 10px 15px;
text-transform: capitalize;
margin-right: 4px;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.tss-wrapper .tss-utility .rt-button:hover {
cursor: pointer;
background: #000;
}
.tss-wrapper .single-item-wrapper h3.author-name {
font-size: 24px;
margin: 15px 0 8px;
padding: 0px;
line-height: 1.25;
font-weight: 400;
color: #2550ea;
}
.tss-wrapper .rt-read-more {
color: #2550ea;
}
.tss-wrapper .single-item-wrapper h3.author-name a {
text-decoration: none;
}
.tss-wrapper .single-item-wrapper h4.author-bio {
font-size: 18px;
margin-top: 8px;
margin-bottom: 15px;
padding: 0px;
line-height: 1.4;
text-transform: none;
font-weight: 400;
color: #333;
}
.tss-wrapper .single-item-wrapper .author-social,
.tss-wrapper .single-item-wrapper .tss-social-share {
text-align: center;
margin-bottom: 8px;
}
.tss-carousel-thumb.swiper:not(.swiper-initialized) .swiper-wrapper,
.tss-carousel.swiper:not(.swiper-initialized) .swiper-wrapper {
opacity: 0;
}
.tlp-average-rating i,
.tss-wrapper .tss-isotope-button-wrapper i{
color: gold;
}
.tlp-average-rating i{
margin: 3px 0 0 ;
}
.tss-wrapper .tss-meta-info.tss-left { }
.tss-wrapper .tss-carousel_video > .carousel-wrapper {
width: 100%;
} .tss-wrapper[data-layout="carousel12"] .carousel-wrapper,
.tss-wrapper[data-layout="carousel11"] .carousel-wrapper,
.tss-wrapper[data-layout*="carousel"] {
position: relative;
}
.tss-carousel-main.swiper,
.tss-carousel.swiper {
position: static;
}
.tss-carousel-main .swiper-arrow,
.tss-carousel .swiper-arrow {
background: #2550ea;
width: 30px;
height: 30px;
display: block;
border-radius: 4px;
text-align: center;
line-height: 30px; margin-top: -55px;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: 1px solid transparent;
}
.tss-wrapper[data-layout="carousel12"] .carousel-wrapper .swiper-arrow,
.tss-wrapper[data-layout="carousel11"] .carousel-wrapper .swiper-arrow {
margin-top: -35px;
}
.tss-wrapper[data-layout="carousel12"] .carousel-wrapper .swiper-pagination,
.tss-wrapper[data-layout="carousel11"] .carousel-wrapper .swiper-pagination {
display: none;
}
.tss-carousel-main.swiper .swiper-pagination,
.tss-carousel.swiper .swiper-pagination {
-webkit-transition: all 0.3s;
transition: all 0.3s;
bottom: -10px !important;
width: 100%;
}
.tss-carousel-main.swiper:not(.swiper-initialized) .swiper-pagination,
.tss-carousel.swiper:not(.swiper-initialized) .swiper-pagination {
opacity: 0;
}
.tss-carousel-main.swiper.swiper.swiper-container-initialized .swiper-pagination,
.tss-carousel.swiper.swiper.swiper-container-initialized .swiper-pagination,
.tss-carousel-thumb.swiper.swiper-container-initialized .swiper-wrapper,
.tss-carousel.swiper.swiper-container-initialized .swiper-wrapper,
.swiper-container-initialized.tss-carousel-main .swiper-button-next:not(.swiper-button-disabled),
.swiper-container-initialized.tss-carousel-main .swiper-button-prev:not(.swiper-button-disabled),
.swiper-container-initialized.tss-carousel .swiper-button-next:not(.swiper-button-disabled),
.swiper-container-initialized.tss-carousel .swiper-button-prev:not(.swiper-button-disabled),
.swiper-initialized.tss-carousel-main .swiper-button-next:not(.swiper-button-disabled),
.swiper-initialized.tss-carousel-main .swiper-button-prev:not(.swiper-button-disabled),
.swiper-initialized.tss-carousel .swiper-button-next:not(.swiper-button-disabled),
.swiper-initialized.tss-carousel .swiper-button-prev:not(.swiper-button-disabled) {
opacity: 1 !important;
}
.tss-carousel-main .swiper-button-next::after,
.tss-carousel-main .swiper-button-prev::after,
.tss-carousel .swiper-button-next::after,
.tss-carousel .swiper-button-prev::after {
font-size: 14px;
color: #fff;
font-weight: bold;
content: none !important;
}
.tss-carousel-main .swiper-arrow > i,
.tss-carousel .swiper-arrow > i {
color: #fff;
font-size: 16px;
display: block;
line-height: 30px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.tss-carousel-main.swiper-rtl .swiper-button-next > i::before,
.tss-carousel.swiper-rtl .swiper-button-next > i::before {
content: "\f053";
}
.tss-carousel-main.swiper-rtl .swiper-button-prev > i::before,
.tss-carousel.swiper-rtl .swiper-button-prev > i::before {
content: "\f054";
}
.tss-carousel-main .swiper-button-next,
.tss-carousel .swiper-button-next {
right: -10px;
}
.tss-carousel-main:not(.swiper-rtl) .swiper-button-prev,
.tss-carousel .swiper-button-prev {
left: -10px;
}
.tss-carousel.swiper-autoheight[data-dots='true'] .swiper-wrapper {
margin-bottom: 50px;
}
.tss-carousel-main .swiper-pagination-bullet,
.tss-carousel .swiper-pagination-bullet {
margin: 0 5px !important;
width: 10px;
height: 10px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: #2550ea;
}
.tss-carousel-main .swiper-pagination-bullet:hover,
.tss-carousel-main .swiper-pagination-bullet-active,
.tss-carousel .swiper-pagination-bullet:hover,
.tss-carousel .swiper-pagination-bullet-active {
opacity: 1;
background: #2550ea;
} #tss-submit-form {
position: relative;
padding: 20px;
}
#tss-submit-form.rtcessing:after {
content: "";
background: rgba(0, 0, 0, .4);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tss-submit-wrapper #tss-submit-response.error,
#tss-submit-form .field-holder .error {
color: red;
}
#tss-submit-form .field-holder input.error,
#tss-submit-form .field-holder textarea.error {
border-color: red;
}
#tss-submit-form .field-holder .valid {
border-color: green;
}
.tss-submit-wrapper #tss-submit-response.success {
color: green;
}
#tss-submit-form .field-holder:after {
clear: both;
display: block;
content: "";
}
#tss-submit-form .field-holder {
margin-bottom: 15px;
}
#tss-submit-form .rt-label {
font-weight: 600;
margin-bottom: 5px;
}
#tss-submit-form .rt-field-wrapper + .rt-field-wrapper {
margin-top: 13px;
}
#tss-submit-form .field-holder .field > input,
#tss-submit-form .field-holder .field input[type=url],
#tss-submit-form .field-holder .field > textarea {
width: 100%;
box-sizing: border-box;
}
.rt-sm-sortable-list .social-item {
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rt-sm-sortable-list .social-item span.dashicons {
margin-right: 10px;
}
.tss-wrapper.tss-submit-wrapper {
max-width: 700px;
margin: 0 auto;
border: 1px solid #0000001a;
padding: 20px;
border-radius: 10px;
}
.tss-wrapper.tss-submit-wrapper select:focus{
border-width: 1px;
box-shadow: none;
outline: none;
}
.tss-wrapper.tss-submit-wrapper input,
.tss-wrapper.tss-submit-wrapper select,
.tss-wrapper.tss-submit-wrapper select:focus,
.tss-wrapper.tss-submit-wrapper textarea{
border: 1px solid #0000001a;
}
.tss-wrapper.tss-submit-wrapper input:focus,
.tss-wrapper.tss-submit-wrapper textarea:focus{
border-color: #999;
outline: none;
}
#tss-submit-response p {
font-size: 16px;
}
#tss-submit-form input[type=text],
#tss-submit-form input[type=url] {
padding: 8px 8px;
width: 100%;
}
#tss-submit-form textarea {
height: 200px;
}
.field-holder.submit-holder input.tss-submit-button {
font-size: 14px;
padding: 10px 25px;
}
.tss-submit-wrapper .rt-rating > span {
margin: 0;
cursor: pointer;
}
.tss-submit-wrapper .rt-rating {
display: inline-block;
}
.tss-submit-wrapper .rt-rating.selected span:before,
.tss-submit-wrapper .rt-rating:hover span:before,
.tss-submit-wrapper .rt-rating.selected:hover span:before {
content: "\f155";
}
.tss-submit-wrapper .rt-rating:hover span:hover ~ span:before,
.tss-submit-wrapper .rt-rating span.active ~ span:before,
.tss-submit-wrapper .rt-rating.selected:hover span:hover ~ span:before {
content: "\f154";
}
.tss-submit-wrapper #tss_social_media_holder .rt-label{
margin: 0 0 15px;
}
.tss-submit-wrapper #tss_social_media_holder .dashicons-skype,
.tss-submit-wrapper #tss_social_media_holder .dashicons-telegram,
.tss-submit-wrapper #tss_social_media_holder .dashicons-twitter{
position: relative;
}
.tss-submit-wrapper #tss_social_media_holder .dashicons-skype:before,
.tss-submit-wrapper #tss_social_media_holder .dashicons-telegram:before,
.tss-submit-wrapper #tss_social_media_holder .dashicons-twitter:before{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.tss-submit-wrapper #tss_social_media_holder input:focus{
outline: none;
border: 1px solid #999;
}
.rt-sm-sortable-list .social-item span.dashicons {
margin: 0;
width: 44px;
height: 44px;
border: 1px solid;
text-align: center;
display: inline-block;
line-height: 44px;
border-radius: 3px 0 0 3px;
border-right-width: 0;
border-color: #0000001a;
}
.tss-submit-wrapper #tss_social_media_holder input{
border-radius: 0 3px 3px 0;
} .rt-single-testimonial-detail {
padding: 30px 0;
margin: 30px 0 !important;
overflow: hidden;
}
.rt-single-testimonial-detail .testi-meta {
text-align: center;
}
.rt-single-testimonial-detail .tss-social-share a {
display: inline-block;
padding: 5px;
margin-right: 5px;
}
.rt-single-testimonial-detail .tss-social-share a:last-child {
margin-right: 0;
}
.clearfix:before,
.clearfix:after,
.rt-container-fluid:before,
.rt-container-fluid:after,
.rt-row:before,
.rt-row:after {
content: " ";
display: table;
}
.rt-single-testimonial-detail .testimonial + .author-social {
margin-top: 20px;
}
.rt-single-testimonial-detail .testimonial + .tss-social-share,
.rt-single-testimonial-detail .author-social + .tss-social-share {
margin-top: 10px;
}
.rt-single-testimonial-detail .author-social > a {
display: inline-block;
padding: 5px;
margin-right: 5px;
} .tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .carousel-wrapper {
position: relative; padding: 0 64px 34px;
} .tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .carousel-wrapper:not(:has(.swiper-arrow)) {
padding-left: 0;
padding-right: 0;
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .carousel-wrapper:not(:has(.swiper-pagination)) {
padding-bottom: 0;
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .carousel-wrapper > .tss-carousel,
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .carousel-wrapper > .tss-carousel-main {
position: static;
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .swiper-arrow { top: calc(50% - 17px);
width: 48px;
height: 48px;
margin-top: 0;
padding: 0;
border-radius: 50%;
background: var(--tss-card, #ffffff);
border: 1px solid var(--tss-line-soft, #ebecf1);
box-shadow: 0 6px 18px rgba(27, 31, 42, 0.10);
display: -ms-grid;
display: grid;
place-items: center;
line-height: 48px;
cursor: pointer;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
} .tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .swiper-arrow > i {
color: var(--tss-ink, #1b1f2a);
font-size: 0;
line-height: 0;
display: -ms-grid;
display: grid;
place-items: center;
-webkit-transition: color 0.16s ease;
transition: color 0.16s ease;
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .swiper-arrow > i::before {
content: "";
display: block;
width: 10px;
height: 10px;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
border-radius: 1px;
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .swiper-button-next > i::before {
-webkit-transform: translateX(-2px) rotate(45deg);
transform: translateX(-2px) rotate(45deg);
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .swiper-button-prev > i::before {
-webkit-transform: translateX(2px) rotate(-135deg);
transform: translateX(2px) rotate(-135deg);
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .swiper-arrow:hover {
background: var(--tss-primary, #3858e9);
border-color: var(--tss-primary, #3858e9);
box-shadow: 0 10px 24px rgba(56, 88, 233, 0.32);
box-shadow: 0 10px 24px color-mix(in srgb, var(--tss-primary, #3858e9) 32%, transparent);
-webkit-transform: translateY(-50%) scale(1.06);
transform: translateY(-50%) scale(1.06);
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .swiper-arrow:hover > i {
color: #ffffff;
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .swiper-arrow:active {
-webkit-transform: translateY(-50%) scale(0.97);
transform: translateY(-50%) scale(0.97);
} .tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .swiper-arrow:focus-visible {
outline: none;
border-color: var(--tss-primary, #3858e9);
box-shadow: 0 0 0 4px #dbe1fb;
box-shadow: 0 0 0 4px color-mix(in srgb, var(--tss-primary, #3858e9) 22%, #fff);
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .swiper-button-prev {
left: 0;
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .swiper-button-next {
right: 0;
} .tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .swiper-pagination {
left: 0;
right: 0;
width: auto;
text-align: center;
bottom: 0 !important;
}    .tss-wrapper .single-item-wrapper .tss-readmore-toggle {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: start;
align-self: flex-start;
gap: 6px;
margin-top: 14px;
padding: 2px 0;
background: none;
border: none;
border-radius: 4px;
box-shadow: none;
font-family: inherit;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: var(--tss-primary, #3858e9);
text-decoration: none;
text-underline-offset: 3px;
cursor: pointer;
-webkit-transition: color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, box-shadow 0.15s ease;
}
.tss-wrapper .single-item-wrapper .tss-readmore-toggle.tss-is-visible {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.tss-wrapper .single-item-wrapper .tss-readmore-toggle:hover,
.tss-wrapper .single-item-wrapper .tss-readmore-toggle:focus {
background: none;
color: var(--tss-primary-hover, #2843c4);
text-decoration: underline;
}
.tss-wrapper .single-item-wrapper .tss-readmore-toggle:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(56, 88, 233, 0.25);
box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 25%, transparent);
}
.tss-wrapper .single-item-wrapper .tss-readmore-icon {
display: inline-block;
width: 7px;
height: 7px;
margin-top: -3px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: -webkit-transform 0.2s ease, margin 0.2s ease;
transition: transform 0.2s ease, margin 0.2s ease;
}
.tss-wrapper .single-item-wrapper.tss-expanded .tss-readmore-icon {
margin-top: 2px;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
} .tss-wrapper .tss-layout2 .tss-readmore-toggle,
.tss-wrapper .tss-layout4 .tss-readmore-toggle,
.tss-wrapper .tss-isotope2 .tss-readmore-toggle {
margin-top: 16px;
}
.tss-wrapper .tss-isotope1 .tss-readmore-toggle,
.tss-wrapper .tss-carousel4 .tss-readmore-toggle,
.tss-wrapper .tss-carousel7 .tss-readmore-toggle,
.tss-wrapper .tss-carousel8 .tss-readmore-toggle {
margin-top: 12px;
}
.tss-wrapper .tss-isotope1 .tss-readmore-toggle {
font-size: 13.5px;
} .tss-wrapper .tss-carousel3 .tss-readmore-toggle,
.tss-wrapper .tss-layout3 .tss-readmore-toggle,
.tss-wrapper .tss-isotope3 .tss-readmore-toggle {
-ms-flex-item-align: center;
align-self: center;
}
.tss-wrapper .tss-carousel4 .tss-readmore-toggle {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
} .tss-wrapper .tss-carousel11 .tss-readmore-toggle,
.tss-wrapper .tss-carousel12 .tss-readmore-toggle {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
visibility: hidden;
-ms-flex-item-align: auto;
align-self: auto;
margin: 10px auto 0;
}
.tss-wrapper .tss-carousel11 .tss-readmore-toggle.tss-is-visible,
.tss-wrapper .tss-carousel12 .tss-readmore-toggle.tss-is-visible {
visibility: visible;
}    .tss-wrapper .single-item-wrapper .rt-read-more {
display: inline-block;
margin-top: 10px;
padding: 2px 0;
border-radius: 4px;
box-shadow: none;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 1.4;
color: var(--tss-primary, #3858e9);
text-decoration: none;
text-underline-offset: 3px;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}
.tss-wrapper .single-item-wrapper .rt-read-more::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
margin-left: 7px;
vertical-align: 1px;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
}
.tss-wrapper .single-item-wrapper .rt-read-more:hover,
.tss-wrapper .single-item-wrapper .rt-read-more:focus {
color: var(--tss-primary-hover, #2843c4);
text-decoration: underline;
}
.tss-wrapper .single-item-wrapper .rt-read-more:hover::after,
.tss-wrapper .single-item-wrapper .rt-read-more:focus::after {
-webkit-transform: translateX(3px) rotate(45deg);
transform: translateX(3px) rotate(45deg);
}
.tss-wrapper .single-item-wrapper .rt-read-more:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(56, 88, 233, 0.25);
box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 25%, transparent);
} .tss-wrapper .tss-layout4 .rt-read-more,
.tss-wrapper .tss-isotope2 .rt-read-more {
margin-top: 12px;
}
.tss-wrapper .tss-isotope1 .rt-read-more {
font-size: 13.5px;
} .tss-wrapper .tss-carousel4 .rt-read-more {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: 12px;
}   .tss-wrapper .tss-carousel1 .single-item-wrapper,
.tss-wrapper .tss-carousel1 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .tss-wrapper .tss-carousel1 .single-item-wrapper {
height: 100%;
overflow: hidden;
display: -ms-grid;
display: grid;
-ms-grid-columns: 210px 1fr;
grid-template-columns: 210px 1fr; grid-template-columns: clamp(150px, 38%, 210px) minmax(0, 1fr);
background: var(--tss-slide, #f8f9fc);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: var(--tss-radius, 16px);
} .tss-wrapper .tss-carousel1 .tss-meta-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30px 22px;
text-align: center;
background: #ffffff;
border-right: 1px solid var(--tss-line-soft, #ebecf1);
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
flex: none;
}
.tss-wrapper .tss-carousel1 .profile-img-wrapper {
margin: 0 0 16px;
line-height: 0;
}
.tss-wrapper .tss-carousel1 .profile-img-wrapper img {
width: 92px;
height: 92px;
border-radius: 18px;
object-fit: cover;
display: block;
background: #eef0f4;
box-shadow: 0 8px 20px rgba(27, 31, 42, 0.14);
}
.tss-wrapper .tss-carousel1 .single-item-wrapper h3.author-name {
margin: 0;
padding: 0;
font-size: 19px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.01em;
text-align: center;
color: var(--tss-primary, #3858e9);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel1 .single-item-wrapper h3.author-name a {
color: inherit;
}
.tss-wrapper .tss-carousel1 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-carousel1 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary-hover, #2843c4);
}
.tss-wrapper .tss-carousel1 .single-item-wrapper h4.author-bio {
margin: 4px 0 12px;
padding: 0;
font-size: 13.5px;
line-height: 1.45;
font-weight: 500;
text-align: center;
color: var(--tss-muted, #6a6f7e);
}
.tss-wrapper .tss-carousel1 .rating-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 3px;
margin: 0;
padding: 0;
line-height: 1;
text-align: center;
} .tss-wrapper .tss-carousel1 .single-item-wrapper .rating-wrapper span.dashicons {
color: var(--tss-star, #f5b800);
font-size: 17px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-carousel1 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-carousel1 .tss-meta-actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
width: 100%;
margin-top: 12px;
} .tss-wrapper .tss-carousel1 .author-social,
.tss-wrapper .tss-carousel1 .tss-social-share {
width: 100%;
max-width: 100%;
margin: 0;
text-align: center;
}
.tss-wrapper .tss-carousel1 .author-social .tss-social-label,
.tss-wrapper .tss-carousel1 .tss-social-share .share-icons {
display: block;
margin: 0 0 2px;
white-space: nowrap;
font-size: 11px;
font-weight: 600;
line-height: 1;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--tss-muted, #6a6f7e);
}
.tss-wrapper .tss-carousel1 .author-social a,
.tss-wrapper .tss-carousel1 .tss-social-share a {
margin: 3px 5px;
color: var(--tss-muted, #6a6f7e);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel1 .author-social a:hover,
.tss-wrapper .tss-carousel1 .tss-social-share a:hover {
color: var(--tss-primary, #3858e9);
} .tss-wrapper .tss-carousel1 .tss-meta-actions:has(.author-social):has(.tss-social-share) .tss-social-share {
padding-top: 10px;
border-top: 1px dashed var(--tss-line, #e7e8ee);
} .tss-wrapper .tss-carousel1 .item-content-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; -webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30px 30px 28px;
margin-top: 0;
background: transparent;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
flex: none;
} .tss-wrapper .tss-carousel1 .item-content-wrapper:before,
.tss-wrapper .tss-carousel1 .item-content-wrapper:after {
content: none;
display: none;
}
.tss-wrapper .tss-carousel1 .tss-quote-mark {
display: block;
margin-bottom: 10px;
font-family: Georgia, "Times New Roman", serif;
font-size: 48px;
line-height: 0.5;
font-weight: 700;
color: #c5cffc;
color: color-mix(in srgb, var(--tss-primary, #3858e9) 30%, #fff);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-carousel1 .item-content {
font-style: italic;
font-size: 15.5px;
line-height: 1.7;
color: #3c4150;
margin: 0;
padding-top: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 10;
overflow: hidden;
}
.tss-wrapper .tss-carousel1 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-carousel1 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-carousel1 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-carousel1 .tss-card-spacer { -webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-height: 0;
} .tss-wrapper .tss-carousel1 .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 0 5px !important;
border-radius: 999px;
background: #d3d7e3;
opacity: 1;
-webkit-transition: all 0.25s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: all 0.25s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper .tss-carousel1 .swiper-pagination-bullet:hover {
background: #aab1c7;
}
.tss-wrapper .tss-carousel1 .swiper-pagination-bullet-active {
width: 30px;
background: var(--tss-primary, #3858e9);
} .tss-wrapper .tss-carousel1 .slide-item {
container-type: inline-size;
container-name: tss-c1-slide;
}
@container tss-c1-slide (max-width: 430px) {
.tss-wrapper .tss-carousel1 .single-item-wrapper {
grid-template-columns: 1fr;
}
.tss-wrapper .tss-carousel1 .tss-meta-info {
border-right: 0;
border-bottom: 1px solid var(--tss-line-soft, #ebecf1);
}
.tss-wrapper .tss-carousel1 .item-content-wrapper {
padding: 24px 22px 22px;
}
}   .tss-wrapper .tss-layout1 .tss-grid-item {
margin-bottom: 28px;
} .tss-wrapper .tss-layout1 .single-item-wrapper,
.tss-wrapper .tss-layout1 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tss-wrapper .tss-layout1 .single-item-wrapper {
height: 100%;
} .tss-wrapper .tss-layout1 .item-content-wrapper {
position: relative;
margin-top: 0;
overflow: hidden;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 32px;
background: var(--tss-card, #ffffff);
border: 1px solid var(--tss-line, #e7e8ee);
border-radius: var(--tss-radius, 16px);
box-shadow: 0 1px 2px rgba(31, 35, 48, 0.04), 0 8px 24px rgba(31, 35, 48, 0.06);
-webkit-transition: -webkit-transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), border-color 0.22s ease;
transition: transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), border-color 0.22s ease;
} .tss-wrapper .tss-layout1 .item-content-wrapper:before {
content: "";
position: absolute;
inset: 0 0 auto 0;
left: 0;
right: 0;
top: 0;
height: 4px;
background: -webkit-linear-gradient(left, var(--tss-primary, #3858e9), #6f86ff);
background: linear-gradient(90deg, var(--tss-primary, #3858e9), #6f86ff); background: linear-gradient(90deg, var(--tss-primary, #3858e9), color-mix(in srgb, var(--tss-primary, #3858e9) 62%, #fff));
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: transform 0.3s cubic-bezier(0.4, 0.22, 0.28, 1);
font-family: inherit;
font-size: 0;
color: transparent;
} .tss-wrapper .tss-layout1 .item-content-wrapper:after {
content: none;
display: none;
}
.tss-wrapper .tss-layout1 .single-item-wrapper:hover .item-content-wrapper {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
box-shadow: 0 1px 2px rgba(31, 35, 48, 0.05), 0 16px 40px rgba(56, 88, 233, 0.12);
box-shadow: 0 1px 2px rgba(31, 35, 48, 0.05), 0 16px 40px color-mix(in srgb, var(--tss-primary, #3858e9) 12%, transparent);
box-shadow: 0 1px 2px rgba(31, 35, 48, 0.05), 0 16px 40px color-mix(in srgb, var(--tss-primary, #3858e9) 12%, transparent);
border-color: #d8def8;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 22%, #fff);
}
.tss-wrapper .tss-layout1 .single-item-wrapper:hover .item-content-wrapper:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .tss-wrapper .tss-layout1 .tss-card-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 16px;
margin-bottom: 18px;
min-height: 24px;
}
.tss-wrapper .tss-layout1 .rating-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 3px;
margin: 0;
line-height: 1;
} .tss-wrapper .tss-layout1 .single-item-wrapper .rating-wrapper span.dashicons {
color: var(--tss-star, #f5b800);
font-size: 18px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-layout1 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-layout1 .tss-quote-mark {
margin-left: auto;
margin-top: -6px;
font-family: Georgia, "Times New Roman", serif;
font-size: 64px;
line-height: 0.8;
font-weight: 700;
color: var(--tss-primary-soft, #eef1fe);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .tss-wrapper .tss-layout1 .item-content {
font-size: 16px;
line-height: 1.7;
color: #3c4150;
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
} .tss-wrapper .tss-layout1 .tss-card-spacer {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 24px;
}
.tss-wrapper .tss-layout1 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-layout1 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-layout1 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-layout1 .tss-meta-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 14px;
margin-top: 0;
padding-top: 22px;
border-top: 1px solid var(--tss-line, #e7e8ee); -ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tss-wrapper .tss-layout1 .profile-img-wrapper {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 52px;
height: 52px;
line-height: 0;
margin: 0;
}
.tss-wrapper .tss-layout1 .profile-img-wrapper img {
width: 52px;
height: 52px;
border-radius: 50%;
object-fit: cover;
display: block;
background: #eef0f4;
} .tss-wrapper .tss-layout1 .tss-author-meta {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
max-width: calc(100% - 66px);
}
.tss-wrapper .tss-layout1 .tss-meta-info:not(:has(.profile-img-wrapper)) .tss-author-meta {
max-width: none;
}
.tss-wrapper .tss-layout1 h3.author-name {
margin: 0;
font-size: 18px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--tss-ink, #1f2330);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout1 h3.author-name a {
color: inherit;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout1 h3.author-name:hover,
.tss-wrapper .tss-layout1 h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-layout1 h4.author-bio {
margin: 2px 0 0;
font-size: 14px;
line-height: 1.45;
font-weight: 400;
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-layout1 .tss-meta-actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 6px;
} .tss-wrapper .tss-layout1 .tss-meta-actions {
min-width: 0;
max-width: 100%;
}
.tss-wrapper .tss-layout1 .author-social,
.tss-wrapper .tss-layout1 .tss-social-share {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-width: 0;
max-width: 100%;
}
.tss-wrapper .tss-layout1 .author-social a {
color: var(--tss-muted, #6a6f7e);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout1 .author-social a:hover {
color: var(--tss-primary, #3858e9);
} .tss-wrapper .tss-layout1 .tss-social-share .share-icons {
margin-right: 4px;
white-space: nowrap;
font-size: 12px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.02em;
color: var(--tss-muted, #6a6f7e);
}
.tss-wrapper .tss-layout1 .tss-social-share a {
font-size: 20px;
line-height: 1;
color: var(--tss-muted, #6a6f7e);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout1 .tss-social-share a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-layout1 .tss-social-share .dashicons {
font-size: inherit;
} .tss-wrapper .tss-layout1 .author-social .tss-social-label {
margin-right: 4px;
white-space: nowrap;
font-size: 12px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.02em;
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-layout1 .tss-meta-actions:has(.author-social):has(.tss-social-share) {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px;
padding-top: 14px;
border-top: 1px dashed var(--tss-line, #e7e8ee);
}
.tss-wrapper .tss-layout1 .tss-meta-actions:has(.author-social):has(.tss-social-share) .tss-social-label,
.tss-wrapper .tss-layout1 .tss-meta-actions:has(.author-social):has(.tss-social-share) .share-icons {
min-width: 64px;
text-align: left;
}     .tss-wrapper .tss-carousel2 .single-item-wrapper,
.tss-wrapper .tss-carousel2 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .tss-wrapper .tss-carousel2 .tss-grid-item {
container-type: inline-size;
container-name: tss-c2-slide; height: auto;
}
.tss-wrapper .tss-carousel2 .single-item-wrapper {
height: 100%;
overflow: hidden;
margin-bottom: 0;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 210px;
grid-template-columns: 1fr 210px; grid-template-columns: minmax(0, 1fr) clamp(140px, 36%, 210px);
background: var(--tss-slide, #f8f9fc);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: var(--tss-radius, 16px);
} .tss-wrapper .tss-carousel2 .item-content-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; -webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; min-width: 0;
padding: 30px 30px 28px;
margin-top: 0;
background: transparent;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
flex: none;
} .tss-wrapper .tss-carousel2 .item-content-wrapper:before,
.tss-wrapper .tss-carousel2 .item-content-wrapper:after {
content: none;
display: none;
}
.tss-wrapper .tss-carousel2 .tss-quote-mark {
display: block;
margin-bottom: 10px;
font-family: Georgia, "Times New Roman", serif;
font-size: 48px;
line-height: 0.5;
font-weight: 700;
color: #c5cffc;
color: color-mix(in srgb, var(--tss-primary, #3858e9) 30%, #fff);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-carousel2 .item-content {
font-style: italic;
font-size: 15.5px;
line-height: 1.7;
color: #3c4150;
margin: 0;
padding-top: 0;
overflow-wrap: break-word;
word-wrap: break-word;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 10;
overflow: hidden;
}
.tss-wrapper .tss-carousel2 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-carousel2 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-carousel2 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-carousel2 .tss-card-spacer { -webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-height: 0;
} .tss-wrapper .tss-carousel2 .tss-meta-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 0;
padding: 30px 18px;
text-align: center;
background: #ffffff;
border-left: 1px solid var(--tss-line-soft, #ebecf1);
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
flex: none; overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.tss-wrapper .tss-carousel2 .profile-img-wrapper {
margin: 0 0 16px;
max-width: 100%;
line-height: 0;
}
.tss-wrapper .tss-carousel2 .profile-img-wrapper img {
width: 92px;
height: 92px;
max-width: 100%;
border-radius: 18px;
object-fit: cover;
display: block;
background: #eef0f4;
box-shadow: 0 8px 20px rgba(27, 31, 42, 0.14);
}
.tss-wrapper .tss-carousel2 .single-item-wrapper h3.author-name {
margin: 0;
padding: 0;
font-size: 19px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.01em;
text-align: center;
color: var(--tss-primary, #3858e9);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel2 .single-item-wrapper h3.author-name a {
color: inherit;
}
.tss-wrapper .tss-carousel2 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-carousel2 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary-hover, #2843c4);
}
.tss-wrapper .tss-carousel2 .single-item-wrapper h4.author-bio {
margin: 4px 0 12px;
padding: 0;
font-size: 13.5px;
line-height: 1.45;
font-weight: 500;
text-align: center;
color: var(--tss-muted, #6a6f7e);
}
.tss-wrapper .tss-carousel2 .rating-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 3px;
margin: 0;
padding: 0;
line-height: 1;
text-align: center;
} .tss-wrapper .tss-carousel2 .single-item-wrapper .rating-wrapper span.dashicons {
color: var(--tss-star, #f5b800);
font-size: 17px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-carousel2 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-carousel2 .author-social,
.tss-wrapper .tss-carousel2 .tss-social-share {
max-width: 100%;
margin-top: 10px;
}
.tss-wrapper .tss-carousel2 .author-social a,
.tss-wrapper .tss-carousel2 .tss-social-share a {
color: var(--tss-muted, #6a6f7e);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel2 .author-social a:hover,
.tss-wrapper .tss-carousel2 .tss-social-share a:hover {
color: var(--tss-primary, #3858e9);
} @container tss-c2-slide (max-width: 520px) {
.tss-wrapper .tss-carousel2 .item-content-wrapper {
padding: 26px 24px 24px;
}
.tss-wrapper .tss-carousel2 .tss-meta-info {
padding: 24px 12px;
}
.tss-wrapper .tss-carousel2 .profile-img-wrapper {
margin-bottom: 12px;
}
.tss-wrapper .tss-carousel2 .profile-img-wrapper img {
width: 72px;
height: 72px;
border-radius: 14px;
}
.tss-wrapper .tss-carousel2 .single-item-wrapper h3.author-name {
font-size: 16.5px;
}
.tss-wrapper .tss-carousel2 .single-item-wrapper h4.author-bio {
font-size: 12.5px;
margin-bottom: 10px;
}
.tss-wrapper .tss-carousel2 .single-item-wrapper .rating-wrapper span.dashicons {
font-size: 15px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-carousel2 .tss-quote-mark {
font-size: 40px;
margin-bottom: 8px;
}
.tss-wrapper .tss-carousel2 .item-content {
font-size: 15px;
-webkit-line-clamp: 8;
}
} @container tss-c2-slide (max-width: 400px) {
.tss-wrapper .tss-carousel2 .single-item-wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr; grid-template-rows: 1fr auto;
}
.tss-wrapper .tss-carousel2 .tss-meta-info {
border-left: 0;
border-top: 1px solid var(--tss-line-soft, #ebecf1);
padding: 22px 20px;
}
.tss-wrapper .tss-carousel2 .profile-img-wrapper img {
width: 64px;
height: 64px;
}
.tss-wrapper .tss-carousel2 .item-content {
-webkit-line-clamp: 6;
}
}
.tss-wrapper .single-item-wrapper .author-social,
.tss-wrapper .single-item-wrapper .tss-social-share {
text-align: center;
margin-bottom: 0px;
} .tss-wrapper .tss-layout2 .single-item-wrapper,
.tss-wrapper .tss-layout2 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tss-wrapper .tss-layout2 .tss-grid-item {
margin-bottom: 28px;
container-type: inline-size;
container-name: tss-l2-card;
}
.tss-wrapper .tss-layout2 .single-item-wrapper {
height: 100%;
overflow: hidden;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 224px;
grid-template-columns: 1fr 224px; grid-template-columns: minmax(0, 1fr) clamp(150px, 40%, 224px);
background: var(--tss-card, #ffffff);
border: 1px solid var(--tss-line, #e7e8ee);
border-radius: 18px;
box-shadow: 0 1px 2px rgba(31, 35, 48, 0.04), 0 10px 28px rgba(31, 35, 48, 0.06);
-webkit-transition: -webkit-transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), border-color 0.22s ease;
transition: transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), border-color 0.22s ease;
}
.tss-wrapper .tss-layout2 .single-item-wrapper:hover {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
box-shadow: 0 1px 2px rgba(31, 35, 48, 0.05), 0 20px 48px rgba(56, 88, 233, 0.13);
box-shadow: 0 1px 2px rgba(31, 35, 48, 0.05), 0 20px 48px color-mix(in srgb, var(--tss-primary, #3858e9) 13%, transparent);
box-shadow: 0 1px 2px rgba(31, 35, 48, 0.05), 0 20px 48px color-mix(in srgb, var(--tss-primary, #3858e9) 13%, transparent);
border-color: #d8def8;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 22%, #fff);
} .tss-wrapper .tss-layout2 .item-content-wrapper { -webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
margin-top: 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 32px 30px 28px;
background: var(--tss-card, #ffffff);
} .tss-wrapper .tss-layout2 .item-content-wrapper:before,
.tss-wrapper .tss-layout2 .item-content-wrapper:after {
content: none;
display: none;
}
.tss-wrapper .tss-layout2 .tss-quote-mark {
display: block;
margin-bottom: 8px;
font-family: Georgia, "Times New Roman", serif;
font-size: 60px;
line-height: 0.7;
font-weight: 700;
color: var(--tss-primary-soft, #eef1fe);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-layout2 .item-content {
font-size: 16px;
line-height: 1.72;
color: #3c4150;
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
}
.tss-wrapper .tss-layout2 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-layout2 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-layout2 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-layout2 .tss-card-spacer {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 0;
} .tss-wrapper .tss-layout2 .tss-meta-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 4px;
padding: 32px 24px;
text-align: center;
background: var(--tss-panel, #f7f8fb);
border-left: 1px solid var(--tss-line, #e7e8ee);
}
.tss-wrapper .tss-layout2 .profile-img-wrapper {
margin: 0 0 14px;
line-height: 0;
}
.tss-wrapper .tss-layout2 .profile-img-wrapper img {
width: 76px;
height: 76px;
border-radius: 50%;
object-fit: cover;
display: block;
background: #eef0f4;
border: 3px solid #fff;
box-shadow: 0 6px 18px rgba(31, 35, 48, 0.16);
}
.tss-wrapper .tss-layout2 h3.author-name {
margin: 0;
padding: 0;
font-size: 18px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--tss-ink, #1f2330);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout2 h3.author-name a {
color: inherit;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout2 h3.author-name:hover,
.tss-wrapper .tss-layout2 h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-layout2 h4.author-bio {
margin: 2px 0 14px;
padding: 0;
font-size: 13.5px;
line-height: 1.45;
font-weight: 400;
color: var(--tss-muted, #6a6f7e);
}
.tss-wrapper .tss-layout2 .rating-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 3px;
margin: 0;
padding: 0;
line-height: 1;
} .tss-wrapper .tss-layout2 .single-item-wrapper .rating-wrapper span.dashicons {
color: var(--tss-star, #f5b800);
font-size: 17px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-layout2 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-layout2 .author-social,
.tss-wrapper .tss-layout2 .tss-social-share {
margin-top: 10px;
}
.tss-wrapper .tss-layout2 .author-social a,
.tss-wrapper .tss-layout2 .tss-social-share a {
color: var(--tss-muted, #6a6f7e);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout2 .author-social a:hover,
.tss-wrapper .tss-layout2 .tss-social-share a:hover {
color: var(--tss-primary, #3858e9);
} @container tss-l2-card (max-width: 400px) {
.tss-wrapper .tss-layout2 .single-item-wrapper {
grid-template-columns: 1fr;
}
.tss-wrapper .tss-layout2 .tss-meta-info {
border-left: 0;
border-top: 1px solid var(--tss-line, #e7e8ee);
}
.tss-wrapper .tss-layout2 .item-content-wrapper { -webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
margin-top: 0;
padding: 26px 24px 22px;
}
}   .tss-wrapper .tss-carousel3 .single-item-wrapper,
.tss-wrapper .tss-carousel3 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tss-wrapper .tss-carousel3 .single-item {
padding: 0;
} .tss-wrapper .tss-carousel3 .single-item-wrapper {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; -webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 32px 28px 28px;
text-align: center;
background: var(--tss-card, #ffffff);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: var(--tss-radius, 16px);
-webkit-transition: border-color 0.18s ease, box-shadow 0.18s ease, -webkit-transform 0.18s ease;
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.tss-wrapper .tss-carousel3 .single-item-wrapper:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
border-color: #dcdfe8;
box-shadow: 0 14px 30px rgba(27, 31, 42, 0.10);
} .tss-wrapper .tss-carousel3 .profile-img-wrapper {
display: block;
margin: 0 0 14px;
line-height: 0;
text-align: center;
} .tss-wrapper .tss-carousel3 .profile-img-wrapper img {
width: 88px;
height: 88px;
border-radius: 50%;
object-fit: cover;
display: inline-block;
background: #eef0f4;
box-shadow: 0 0 0 5px var(--tss-primary-soft, #eef1fe), 0 8px 20px rgba(27, 31, 42, 0.12);
} .tss-wrapper .tss-carousel3 .rating-wrapper {
display: block;
margin: 0 0 10px;
padding: 0;
line-height: 1;
} .tss-wrapper .tss-carousel3 .single-item-wrapper .rating-wrapper span.dashicons {
color: var(--tss-star, #f5b800);
font-size: 17px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-carousel3 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
} .tss-wrapper .tss-carousel3 .single-item-wrapper h3.author-name {
margin: 0;
padding: 0;
font-size: 19px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--tss-ink, #1f2330);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel3 .single-item-wrapper h3.author-name a {
color: inherit;
}
.tss-wrapper .tss-carousel3 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-carousel3 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-carousel3 .single-item-wrapper h4.author-bio {
margin: 4px 0 18px;
padding: 0;
font-size: 13.5px;
line-height: 1.45;
font-weight: 500;
color: var(--tss-muted, #6a6f7e);
}
.tss-wrapper .tss-carousel3 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel3 .single-item-wrapper .tss-social-share {
margin: 0 0 14px;
}
.tss-wrapper .tss-carousel3 .author-social a,
.tss-wrapper .tss-carousel3 .tss-social-share a {
color: var(--tss-muted, #6a6f7e);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel3 .author-social a:hover,
.tss-wrapper .tss-carousel3 .tss-social-share a:hover {
color: var(--tss-primary, #3858e9);
} .tss-wrapper .tss-carousel3 .item-content-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; -webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
margin-top: 0;
padding: 26px 24px 22px;
background: var(--tss-panel, #f7f8fb);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: 12px;
} .tss-wrapper .tss-carousel3 .item-content-wrapper:before,
.tss-wrapper .tss-carousel3 .item-content-wrapper:after {
content: none;
display: none;
} .tss-wrapper .tss-carousel3 .tss-quote-mark {
position: absolute;
top: -17px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: -ms-grid;
display: grid;
place-items: center;
width: 34px;
height: 34px;
padding-top: 12px;
border-radius: 50%;
background: var(--tss-primary, #3858e9);
color: #ffffff;
font-family: Georgia, "Times New Roman", serif;
font-size: 26px;
line-height: 1;
box-shadow: 0 6px 14px rgba(56, 88, 233, 0.30);
box-shadow: 0 6px 14px color-mix(in srgb, var(--tss-primary, #3858e9) 30%, transparent);
box-shadow: 0 6px 14px color-mix(in srgb, var(--tss-primary, #3858e9) 30%, transparent);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-carousel3 .item-content {
margin: 8px 0 0;
padding: 0;
font-size: 15.5px;
line-height: 1.7;
font-style: normal;
color: #3c4150;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
.tss-wrapper .tss-carousel3 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-carousel3 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-carousel3 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-carousel3 .tss-card-spacer { -webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-height: 0;
}
.tss-wrapper .tss-carousel3 .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 0 5px !important;
border-radius: 999px;
background: #d3d7e3;
opacity: 1;
-webkit-transition: all 0.25s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: all 0.25s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper .tss-carousel3 .swiper-pagination-bullet:hover {
background: #aab1c7;
}
.tss-wrapper .tss-carousel3 .swiper-pagination-bullet-active {
width: 30px;
background: var(--tss-primary, #3858e9);
} .tss-wrapper .tss-carousel3 .slide-item {
height: auto;
container-type: inline-size;
container-name: tss-c3-slide;
}
@container tss-c3-slide (max-width: 380px) {
.tss-wrapper .tss-carousel3 .single-item-wrapper {
padding: 26px 20px 22px;
}
.tss-wrapper .tss-carousel3 .profile-img-wrapper img {
width: 72px;
height: 72px;
}
.tss-wrapper .tss-carousel3 .item-content-wrapper {
padding: 24px 18px 20px;
}
}   .tss-wrapper .tss-layout3 .single-item-wrapper,
.tss-wrapper .tss-layout3 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tss-wrapper .tss-layout3 .single-item {
padding: 0;
} .tss-wrapper .tss-layout3 .single-item-wrapper {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 32px 28px 28px;
text-align: center;
background: var(--tss-card, #ffffff);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: var(--tss-radius, 16px);
-webkit-transition: border-color 0.18s ease, box-shadow 0.18s ease, -webkit-transform 0.18s ease;
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.tss-wrapper .tss-layout3 .single-item-wrapper:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
border-color: #dcdfe8;
box-shadow: 0 14px 30px rgba(27, 31, 42, 0.10);
} .tss-wrapper .tss-layout3 .profile-img-wrapper {
display: block;
margin: 0 0 14px;
line-height: 0;
text-align: center;
} .tss-wrapper .tss-layout3 .profile-img-wrapper img {
width: 88px;
height: 88px;
border-radius: 50%;
object-fit: cover;
display: inline-block;
background: #eef0f4;
box-shadow: 0 0 0 5px var(--tss-primary-soft, #eef1fe), 0 8px 20px rgba(27, 31, 42, 0.12);
} .tss-wrapper .tss-layout3 .rating-wrapper {
display: block;
margin: 0 0 10px;
padding: 0;
line-height: 1;
} .tss-wrapper .tss-layout3 .single-item-wrapper .rating-wrapper span.dashicons {
color: var(--tss-star, #f5b800);
font-size: 17px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-layout3 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
} .tss-wrapper .tss-layout3 .single-item-wrapper h3.author-name {
margin: 0;
padding: 0;
font-size: 19px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--tss-ink, #1f2330);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout3 .single-item-wrapper h3.author-name a {
color: inherit;
}
.tss-wrapper .tss-layout3 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-layout3 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-layout3 .single-item-wrapper h4.author-bio {
margin: 4px 0 18px;
padding: 0;
font-size: 13.5px;
line-height: 1.45;
font-weight: 500;
color: var(--tss-muted, #6a6f7e);
}
.tss-wrapper .tss-layout3 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout3 .single-item-wrapper .tss-social-share {
margin: 0 0 14px;
}
.tss-wrapper .tss-layout3 .author-social a,
.tss-wrapper .tss-layout3 .tss-social-share a {
color: var(--tss-muted, #6a6f7e);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout3 .author-social a:hover,
.tss-wrapper .tss-layout3 .tss-social-share a:hover {
color: var(--tss-primary, #3858e9);
} .tss-wrapper .tss-layout3 .item-content-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
margin-top: 0;
padding: 26px 24px 22px;
background: var(--tss-panel, #f7f8fb);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: 12px;
} .tss-wrapper .tss-layout3 .item-content-wrapper:before,
.tss-wrapper .tss-layout3 .item-content-wrapper:after {
content: none;
display: none;
} .tss-wrapper .tss-layout3 .tss-quote-mark {
position: absolute;
top: -17px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: -ms-grid;
display: grid;
place-items: center;
width: 34px;
height: 34px;
padding-top: 12px;
border-radius: 50%;
background: var(--tss-primary, #3858e9);
color: #ffffff;
font-family: Georgia, "Times New Roman", serif;
font-size: 26px;
line-height: 1;
box-shadow: 0 6px 14px rgba(56, 88, 233, 0.30);
box-shadow: 0 6px 14px color-mix(in srgb, var(--tss-primary, #3858e9) 30%, transparent);
box-shadow: 0 6px 14px color-mix(in srgb, var(--tss-primary, #3858e9) 30%, transparent);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-layout3 .item-content {
margin: 8px 0 0;
padding: 0;
font-size: 15.5px;
line-height: 1.7;
font-style: normal;
color: #3c4150;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
.tss-wrapper .tss-layout3 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-layout3 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-layout3 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-layout3 .tss-card-spacer {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 0;
} .tss-wrapper .tss-layout3 .tss-grid-item {
margin-bottom: 28px;
container-type: inline-size;
container-name: tss-l3-card;
}
@container tss-l3-card (max-width: 400px) {
.tss-wrapper .tss-layout3 .single-item-wrapper {
padding: 26px 20px 22px;
}
.tss-wrapper .tss-layout3 .profile-img-wrapper img {
width: 72px;
height: 72px;
}
.tss-wrapper .tss-layout3 .item-content-wrapper {
padding: 24px 18px 20px;
}
}    .tss-wrapper .tss-video1 .item-content-wrapper {
padding: 20px;
background: #f8f8f8;
position: relative;
}
.tss-wrapper .tss-video1 .item-content-wrapper:before {
content: "\F10D";
color: #eaeaea;
position: absolute;
left: 0px;
top: -15px;
font-family: "tss-font", serif;
font-size: 30px;
}  .tss-wrapper .tss-isotope1 .tss-grid-item {
margin-bottom: 26px;
container-type: inline-size;
container-name: tss-iso1-card;
} .tss-wrapper .tss-isotope1 .single-item-wrapper,
.tss-wrapper .tss-isotope1 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tss-wrapper .tss-isotope1 .item-content-wrapper {
position: relative; margin-top: 0;
padding: 28px 26px 24px;
background: var(--tss-slide, #f8f9fc);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: var(--tss-radius, 16px);
text-align: center;
-webkit-transition: -webkit-transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), -webkit-box-shadow 0.22s ease;
transition: transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}
.tss-wrapper .tss-isotope1 .single-item-wrapper:hover .item-content-wrapper {
background: #ffffff;
border-color: #d8def8;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #ffffff);
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-box-shadow: 0 1px 2px rgba(27, 31, 42, 0.05), 0 18px 40px rgba(56, 88, 233, 0.1);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.05), 0 18px 40px rgba(56, 88, 233, 0.1);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.05), 0 18px 40px color-mix(in srgb, var(--tss-primary, #3858e9) 12%, transparent);
} .tss-wrapper .tss-isotope1 .tss-meta-info {
display: block;
}
.tss-wrapper .tss-isotope1 .profile-img-wrapper {
display: block;
margin: 0 0 14px;
line-height: 0;
}
.tss-wrapper .tss-isotope1 .profile-img-wrapper a {
display: inline-block;
line-height: 0;
} .tss-wrapper .tss-isotope1 .profile-img-wrapper img {
display: inline-block;
width: 84px;
height: 84px;
max-width: 84px;
-o-object-fit: cover;
object-fit: cover;
background: #eef0f4;
border: 4px solid #ffffff;
-webkit-box-shadow: 0 0 0 1.5px #dde3fc, 0 8px 18px rgba(27, 31, 42, 0.12);
box-shadow: 0 0 0 1.5px #dde3fc, 0 8px 18px rgba(27, 31, 42, 0.12);
box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--tss-primary, #3858e9) 18%, #ffffff), 0 8px 18px rgba(27, 31, 42, 0.12);
} .tss-wrapper .tss-isotope1 .single-item-wrapper h3.author-name {
margin: 0;
padding: 0;
font-size: 19px;
font-weight: 700;
line-height: 1.3;
letter-spacing: -0.01em;
color: var(--tss-ink, #1f2330);
}
.tss-wrapper .tss-isotope1 .single-item-wrapper h3.author-name a {
color: inherit;
text-decoration: none;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-isotope1 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-isotope1 .single-item-wrapper h4.author-bio {
margin: 3px 0 0;
padding: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-isotope1 .rating-wrapper {
display: block;
margin: 10px 0 0;
line-height: 1;
} .tss-wrapper .tss-isotope1 .single-item-wrapper .rating-wrapper span.dashicons {
display: inline-block;
vertical-align: middle;
width: auto;
height: auto;
margin: 0 1px;
color: var(--tss-star, #f5b800);
font-size: 17px;
line-height: 1;
}
.tss-wrapper .tss-isotope1 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}  .tss-wrapper .tss-isotope1 .single-item-wrapper .author-social,
.tss-wrapper .tss-isotope1 .single-item-wrapper .tss-social-share {
display: block;
margin: 12px 0 0;
}
.tss-wrapper .tss-isotope1 .tss-social-share .share-icons,
.tss-wrapper .tss-isotope1 .author-social .tss-social-label {
display: block;
margin-bottom: 4px;
font-size: 12px;
line-height: 1.4;
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-isotope1 .author-social a,
.tss-wrapper .tss-isotope1 .tss-social-share a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
height: auto;
min-width: 32px;
min-height: 32px;
padding: 8px;
margin: 0 4px;
vertical-align: middle;
border-radius: 50%;
color: var(--tss-primary, #3858e9);
background: var(--tss-primary-soft, #eef1fe);
border: 1px solid #dde3fc;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #ffffff);
-webkit-transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper .tss-isotope1 .author-social a:hover,
.tss-wrapper .tss-isotope1 .tss-social-share a:hover {
color: #ffffff;
background: var(--tss-primary, #3858e9);
border-color: var(--tss-primary, #3858e9);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
-webkit-box-shadow: 0 6px 14px rgba(56, 88, 233, 0.28);
box-shadow: 0 6px 14px rgba(56, 88, 233, 0.28);
box-shadow: 0 6px 14px color-mix(in srgb, var(--tss-primary, #3858e9) 28%, transparent);
}
.tss-wrapper .tss-isotope1 .author-social span.dashicons,
.tss-wrapper .tss-isotope1 .author-social i,
.tss-wrapper .tss-isotope1 .tss-social-share span.dashicons,
.tss-wrapper .tss-isotope1 .tss-social-share i.dashicons,
.tss-wrapper .tss-isotope1 .tss-social-share i.fa { margin: 0;
width: auto;
height: auto;
font-size: 15px;
line-height: 1;
} .tss-wrapper .tss-isotope1 .author-social .dashicons-skype:before,
.tss-wrapper .tss-isotope1 .author-social .dashicons-telegram:before,
.tss-wrapper .tss-isotope1 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-isotope1 .tss-social-share .dashicons-skype:before,
.tss-wrapper .tss-isotope1 .tss-social-share .dashicons-telegram:before,
.tss-wrapper .tss-isotope1 .tss-social-share .dashicons-twitter:before { margin: 0;
width: 1em;
height: 1em;
background-color: currentColor;
} .tss-wrapper .tss-isotope1 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-isotope1 .tss-social-share .dashicons-twitter:before {
width: 0.8em;
height: 0.8em;
} .tss-wrapper .tss-isotope1 .tss-divider {
display: block;
width: 40px;
height: 2px;
margin: 18px auto 16px;
border-radius: 2px;
background: var(--tss-primary-soft, #eef1fe);
} .tss-wrapper .tss-isotope1 .tss-quote-col {
display: block;
min-width: 0;
}
.tss-wrapper .tss-isotope1 .item-content {
margin: 0;
padding: 0;
font-style: italic;
font-size: 14.5px;
line-height: 1.68;
color: #3c4150;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
.tss-wrapper .tss-isotope1 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-isotope1 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-isotope1 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
}    @container tss-iso1-card (max-width: 320px) {
.tss-wrapper .tss-isotope1 .item-content-wrapper {
padding: 24px 20px 20px;
}
.tss-wrapper .tss-isotope1 .profile-img-wrapper img {
width: 72px;
height: 72px;
max-width: 72px;
border-width: 3px;
}
.tss-wrapper .tss-isotope1 .single-item-wrapper h3.author-name {
font-size: 17px;
}
}   .tss-wrapper .tss-layout4 .single-item-wrapper,
.tss-wrapper .tss-layout4 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .tss-wrapper .tss-layout4 .tss-grid-item {
margin-bottom: 28px;
container-type: inline-size;
container-name: tss-l4-card;
} .tss-wrapper .tss-layout4 .single-item-wrapper {
height: 100%;
margin-bottom: 0;
overflow: hidden;
display: -ms-grid;
display: grid;
-ms-grid-columns: 210px 1fr;
grid-template-columns: 210px minmax(0, 1fr); grid-template-columns: clamp(150px, 36%, 210px) minmax(0, 1fr);
background: var(--tss-card, #ffffff);
border: 1px solid var(--tss-line, #e7e8ee);
border-radius: 18px;
box-shadow: 0 1px 2px rgba(31, 35, 48, 0.04), 0 10px 28px rgba(31, 35, 48, 0.06);
-webkit-transition: border-color 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.tss-wrapper .tss-layout4 .single-item-wrapper:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
border-color: #dcdfe8;
box-shadow: 0 2px 4px rgba(31, 35, 48, 0.05), 0 16px 36px rgba(31, 35, 48, 0.10);
} .tss-wrapper .tss-layout4 .tss-meta-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 32px 22px;
text-align: center;
background: var(--tss-panel, #f7f8fb);
border-right: 1px solid var(--tss-line, #e7e8ee);
}
.tss-wrapper .tss-layout4 .profile-img-wrapper {
display: block;
-ms-flex: none;
flex: none;
margin: 0 0 14px;
padding: 0;
line-height: 0;
text-align: center;
} .tss-wrapper .tss-layout4 .profile-img-wrapper img {
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
display: inline-block;
background: #eef0f4;
border: 3px solid #ffffff;
box-shadow: 0 6px 18px rgba(31, 35, 48, 0.16);
}
.tss-wrapper .tss-layout4 .single-item-wrapper h3.author-name {
margin: 0;
padding: 0;
font-size: 18px;
line-height: 1.6;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--tss-ink, #1f2330);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout4 .single-item-wrapper h3.author-name a {
color: inherit;
}
.tss-wrapper .tss-layout4 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-layout4 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-layout4 .single-item-wrapper h4.author-bio {
margin: 3px 0 14px;
padding: 0;
font-size: 13.5px;
line-height: 1.45;
font-weight: 400;
color: var(--tss-muted, #6a6f7e);
}
.tss-wrapper .tss-layout4 .rating-wrapper {
display: block;
margin: 0;
padding: 0;
line-height: 1;
text-align: center;
} .tss-wrapper .tss-layout4 .single-item-wrapper .rating-wrapper span.dashicons {
color: var(--tss-star, #f5b800);
font-size: 17px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-layout4 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-layout4 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout4 .single-item-wrapper .tss-social-share {
margin: 12px 0 0;
text-align: center;
}
.tss-wrapper .tss-layout4 .author-social a,
.tss-wrapper .tss-layout4 .tss-social-share a {
color: var(--tss-muted, #6a6f7e);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout4 .author-social a:hover,
.tss-wrapper .tss-layout4 .tss-social-share a:hover {
color: var(--tss-primary, #3858e9);
} .tss-wrapper .tss-layout4 .item-content-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0;
padding: 30px 32px 28px;
background: transparent;
} .tss-wrapper .tss-layout4 .item-content-wrapper:before,
.tss-wrapper .tss-layout4 .item-content-wrapper:after {
content: none;
display: none;
}
.tss-wrapper .tss-layout4 .tss-quote-mark {
display: block;
margin-bottom: 6px;
font-family: Georgia, "Times New Roman", serif;
font-size: 58px;
line-height: 0.7;
font-weight: 700;
color: var(--tss-primary-soft, #eef1fe);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-layout4 .item-content {
margin: 0;
padding: 0;
font-size: 16px;
line-height: 1.72;
font-style: italic;
color: #41475a;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
}
.tss-wrapper .tss-layout4 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-layout4 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-layout4 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-layout4 .tss-card-spacer {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 0;
} @media (min-width: 768px) {
@container tss-l4-card (max-width: 520px) {
.tss-wrapper .tss-layout4 .single-item-wrapper {
-ms-grid-columns: 160px 1fr;
grid-template-columns: clamp(140px, 42%, 180px) minmax(0, 1fr);
}
.tss-wrapper .tss-layout4 .tss-meta-info {
padding: 22px 12px;
}
.tss-wrapper .tss-layout4 .profile-img-wrapper {
margin-bottom: 8px;
}
.tss-wrapper .tss-layout4 .profile-img-wrapper img {
width: 60px;
height: 60px;
border-width: 2px;
}
.tss-wrapper .tss-layout4 .single-item-wrapper h3.author-name {
font-size: 15.5px;
line-height: 1.35;
}
.tss-wrapper .tss-layout4 .single-item-wrapper h4.author-bio {
margin: 2px 0 8px;
font-size: 12px;
line-height: 1.4;
}
.tss-wrapper .tss-layout4 .single-item-wrapper .rating-wrapper span.dashicons {
font-size: 13px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-layout4 .item-content-wrapper {
padding: 22px 20px 20px;
}
.tss-wrapper .tss-layout4 .tss-quote-mark {
margin-bottom: 4px;
font-size: 40px;
}
.tss-wrapper .tss-layout4 .item-content {
font-size: 14.5px;
line-height: 1.65;
}
.tss-wrapper .tss-layout4 .tss-readmore-toggle {
margin-top: 10px;
font-size: 13px;
}
}
}    .tss-wrapper .tss-carousel4 .single-item-wrapper,
.tss-wrapper .tss-carousel4 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .tss-wrapper .tss-carousel4 .tss-grid-item {
container-type: inline-size;
container-name: tss-c4-slide;
height: auto;
}
.tss-wrapper .tss-carousel4 .single-item-wrapper {
height: 100%;
margin-bottom: 0;
display: -ms-grid;
display: grid;
-ms-grid-columns: 120px 24px 1fr;
grid-template-columns: 120px minmax(0, 1fr);
grid-template-columns: clamp(88px, 20%, 120px) minmax(0, 1fr);
gap: 24px; -webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 4px 22px;
background: transparent;
border-bottom: 1px solid var(--tss-line, #e7e8ee);
} .tss-wrapper .tss-carousel4 .profile-img-wrapper {
margin: 4px 0 0;
padding: 0;
max-width: 100%;
line-height: 0;
} .tss-wrapper .tss-carousel4 .profile-img-wrapper img,
.tss-wrapper .tss-carousel4 .profile-img-wrapper a img {
width: 100% !important;
height: auto;
aspect-ratio: 1 / 1;
object-fit: cover;
display: block;
border-radius: 50%;
background: #eef0f4;
box-shadow: 0 0 0 5px var(--tss-primary-soft, #eef1fe);
} .tss-wrapper .tss-carousel4 .item-content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; -webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 0;
padding: 0;
margin-top: 0;
background: transparent;
overflow-wrap: break-word;
word-wrap: break-word;
}
.tss-wrapper .tss-carousel4 .tss-quote-mark {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
display: block;
margin: 0 0 4px;
font-family: Georgia, "Times New Roman", serif;
font-size: 38px;
line-height: 0.55;
font-weight: 700;
color: #c1cbfa;
color: color-mix(in srgb, var(--tss-primary, #3858e9) 24%, #fff);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-carousel4 .item-content {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin: 0;
padding: 0;
font-size: 16px;
line-height: 1.68;
font-weight: 400;
letter-spacing: -0.005em;
color: var(--tss-ink, #1f2330);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.tss-wrapper .tss-carousel4 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-carousel4 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-carousel4 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-carousel4 .tss-card-spacer {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; -webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-height: 0;
} .tss-wrapper .tss-carousel4 .single-item-wrapper h3.author-name {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
margin: 18px 0 0;
padding: 0;
font-size: 15.5px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.01em;
text-align: left;
color: var(--tss-ink, #1f2330);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel4 .single-item-wrapper h3.author-name a {
color: inherit;
}
.tss-wrapper .tss-carousel4 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-carousel4 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-carousel4 .single-item-wrapper h4.author-bio {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
margin: 3px 0 0;
padding: 0;
font-size: 12.5px;
line-height: 1.5;
font-weight: 500;
text-align: left;
text-transform: uppercase;
letter-spacing: 0.07em;
color: var(--tss-muted, #6a6f7e);
}
.tss-wrapper .tss-carousel4 .rating-wrapper {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-item-align: start;
align-self: flex-start;
gap: 2px;
margin: 10px 0 0;
padding: 0;
line-height: 1;
text-align: left;
} .tss-wrapper .tss-carousel4 .single-item-wrapper .rating-wrapper span.dashicons {
color: var(--tss-star, #f5b800);
font-size: 14px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-carousel4 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-carousel4 .single-item-wrapper .author-social {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
-ms-flex-item-align: start;
align-self: flex-start;
margin: 12px 0 0;
text-align: left;
}
.tss-wrapper .tss-carousel4 .single-item-wrapper .tss-social-share {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
-ms-flex-item-align: start;
align-self: flex-start;
margin: 10px 0 0;
text-align: left;
}
.tss-wrapper .tss-carousel4 .author-social a,
.tss-wrapper .tss-carousel4 .tss-social-share a {
color: var(--tss-muted, #6a6f7e);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel4 .author-social a:hover,
.tss-wrapper .tss-carousel4 .tss-social-share a:hover {
color: var(--tss-primary, #3858e9);
} @container tss-c4-slide (max-width: 360px) {
.tss-wrapper .tss-carousel4 .single-item-wrapper {
-ms-grid-columns: 64px 16px 1fr;
grid-template-columns: 64px minmax(0, 1fr);
gap: 16px;
}
.tss-wrapper .tss-carousel4 .item-content {
-webkit-line-clamp: 4;
}
.tss-wrapper .tss-carousel4 .tss-quote-mark {
font-size: 32px;
}
}
.tss-wrapper .tss-carousel2 .rt-responsive-img {
margin: auto;
}    .tss-wrapper .tss-isotope2 .single-item-wrapper,
.tss-wrapper .tss-isotope2 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .tss-wrapper .tss-isotope2 .tss-grid-item {
margin-bottom: 28px;
container-type: inline-size;
container-name: tss-iso2-card;
} .tss-wrapper .tss-isotope2 .single-item-wrapper { height: auto;
margin-bottom: 0;
overflow: hidden;
display: -ms-grid;
display: grid;
-ms-grid-columns: 210px 1fr;
grid-template-columns: 210px minmax(0, 1fr); grid-template-columns: clamp(150px, 36%, 210px) minmax(0, 1fr);
background: var(--tss-card, #ffffff);
border: 1px solid var(--tss-line, #e7e8ee);
border-radius: 18px;
box-shadow: 0 1px 2px rgba(31, 35, 48, 0.04), 0 10px 28px rgba(31, 35, 48, 0.06);
-webkit-transition: border-color 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.tss-wrapper .tss-isotope2 .single-item-wrapper:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
border-color: #dcdfe8;
box-shadow: 0 2px 4px rgba(31, 35, 48, 0.05), 0 16px 36px rgba(31, 35, 48, 0.10);
} .tss-wrapper .tss-isotope2 .tss-meta-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 32px 22px;
text-align: center;
background: var(--tss-panel, #f7f8fb);
border-right: 1px solid var(--tss-line, #e7e8ee);
}
.tss-wrapper .tss-isotope2 .profile-img-wrapper {
display: block;
-ms-flex: none;
flex: none;
margin: 0 0 14px;
padding: 0;
line-height: 0;
text-align: center;
} .tss-wrapper .tss-isotope2 .profile-img-wrapper img {
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
display: inline-block;
background: #eef0f4;
border: 3px solid #ffffff;
box-shadow: 0 6px 18px rgba(31, 35, 48, 0.16);
}
.tss-wrapper .tss-isotope2 .single-item-wrapper h3.author-name {
margin: 0;
padding: 0;
font-size: 18px;
line-height: 1.6;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--tss-ink, #1f2330);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-isotope2 .single-item-wrapper h3.author-name a {
color: inherit;
}
.tss-wrapper .tss-isotope2 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-isotope2 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-isotope2 .single-item-wrapper h4.author-bio {
margin: 3px 0 14px;
padding: 0;
font-size: 13.5px;
line-height: 1.45;
font-weight: 400;
color: var(--tss-muted, #6a6f7e);
}
.tss-wrapper .tss-isotope2 .rating-wrapper {
display: block;
margin: 0;
padding: 0;
line-height: 1;
text-align: center;
} .tss-wrapper .tss-isotope2 .single-item-wrapper .rating-wrapper span.dashicons {
color: var(--tss-star, #f5b800);
font-size: 17px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-isotope2 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-isotope2 .single-item-wrapper .author-social,
.tss-wrapper .tss-isotope2 .single-item-wrapper .tss-social-share {
margin: 12px 0 0;
text-align: center;
}
.tss-wrapper .tss-isotope2 .author-social a,
.tss-wrapper .tss-isotope2 .tss-social-share a {
color: var(--tss-muted, #6a6f7e);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-isotope2 .author-social a:hover,
.tss-wrapper .tss-isotope2 .tss-social-share a:hover {
color: var(--tss-primary, #3858e9);
} .tss-wrapper .tss-isotope2 .item-content-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0;
padding: 30px 32px 28px;
background: transparent;
} .tss-wrapper .tss-isotope2 .item-content-wrapper:before,
.tss-wrapper .tss-isotope2 .item-content-wrapper:after {
content: none;
display: none;
}
.tss-wrapper .tss-isotope2 .tss-quote-mark {
display: block;
margin-bottom: 6px;
font-family: Georgia, "Times New Roman", serif;
font-size: 58px;
line-height: 0.7;
font-weight: 700;
color: var(--tss-primary-soft, #eef1fe);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-isotope2 .item-content {
margin: 0;
padding: 0;
font-size: 16px;
line-height: 1.72;
font-style: italic;
color: #41475a;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
}
.tss-wrapper .tss-isotope2 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-isotope2 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-isotope2 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-isotope2 .tss-card-spacer {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 0;
} @media (min-width: 768px) {
@container tss-iso2-card (max-width: 520px) {
.tss-wrapper .tss-isotope2 .single-item-wrapper {
-ms-grid-columns: 160px 1fr;
grid-template-columns: clamp(140px, 42%, 180px) minmax(0, 1fr);
}
.tss-wrapper .tss-isotope2 .tss-meta-info {
padding: 22px 12px;
}
.tss-wrapper .tss-isotope2 .profile-img-wrapper {
margin-bottom: 8px;
}
.tss-wrapper .tss-isotope2 .profile-img-wrapper img {
width: 60px;
height: 60px;
border-width: 2px;
}
.tss-wrapper .tss-isotope2 .single-item-wrapper h3.author-name {
font-size: 15.5px;
line-height: 1.35;
}
.tss-wrapper .tss-isotope2 .single-item-wrapper h4.author-bio {
margin: 2px 0 8px;
font-size: 12px;
line-height: 1.4;
}
.tss-wrapper .tss-isotope2 .single-item-wrapper .rating-wrapper span.dashicons {
font-size: 13px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-isotope2 .item-content-wrapper {
padding: 22px 20px 20px;
}
.tss-wrapper .tss-isotope2 .tss-quote-mark {
margin-bottom: 4px;
font-size: 40px;
}
.tss-wrapper .tss-isotope2 .item-content {
font-size: 14.5px;
line-height: 1.65;
}
.tss-wrapper .tss-isotope2 .tss-readmore-toggle {
margin-top: 10px;
font-size: 13px;
}
}
}    .tss-wrapper .tss-layout5 .tss-grid-item {
margin-bottom: 28px;
} .tss-wrapper .tss-layout5 .single-item-wrapper,
.tss-wrapper .tss-layout5 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .tss-wrapper .tss-layout5 .single-item-wrapper {
display: block;
height: 100%;
margin-bottom: 0;
background: transparent;
} .tss-wrapper .tss-layout5 .item-content-wrapper {
position: relative;
height: 100%;
margin-top: 0;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: var(--tss-card, #ffffff);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: var(--tss-radius, 16px);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.06), 0 6px 18px rgba(27, 31, 42, 0.14);
-webkit-transition: -webkit-transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
transition: transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
} .tss-wrapper .tss-layout5 .item-content-wrapper:after {
content: none;
display: none;
}
.tss-wrapper .tss-layout5 .single-item-wrapper:hover .item-content-wrapper {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.08), 0 10px 26px rgba(56, 88, 233, 0.26);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.08), 0 10px 26px color-mix(in srgb, var(--tss-primary, #3858e9) 26%, transparent);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.08), 0 10px 26px color-mix(in srgb, var(--tss-primary, #3858e9) 26%, transparent);
border-color: #d8def8;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 22%, #fff);
} .tss-wrapper .tss-layout5 .tss-card-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; -ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
} .tss-wrapper .tss-layout5 .tss-meta-info {
-webkit-box-flex: 0;
-ms-flex: 0 0 116px;
flex: 0 0 116px;
width: 116px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: center;
background: transparent;
}
.tss-wrapper .tss-layout5 .profile-img-wrapper {
-ms-flex-negative: 0;
flex-shrink: 0;
display: inline-block;
margin: 0;
padding: 3px;
line-height: 0;
border-radius: 50%;
box-shadow: 0 0 0 2px var(--tss-primary-soft, #eef1fe);
-webkit-transition: box-shadow 0.22s ease;
transition: box-shadow 0.22s ease;
}
.tss-wrapper .tss-layout5 .profile-img-wrapper a {
display: block;
line-height: 0;
}
.tss-wrapper .tss-layout5 .profile-img-wrapper img {
width: 92px;
height: 92px;
max-width: 92px;
border-radius: 50%;
object-fit: cover;
display: block;
background: #eef0f4;
border: 3px solid #fff;
} .tss-wrapper .tss-layout5 .tss-rail-info {
width: 100%;
min-width: 0;
} .tss-wrapper .tss-layout5 .rating-wrapper {
display: block;
margin: 16px 0 12px;
line-height: 1;
text-align: center;
} .tss-wrapper .tss-layout5 .single-item-wrapper .rating-wrapper span.dashicons {
display: inline-block;
vertical-align: middle;
margin: 0 1.5px;
color: var(--tss-star, #f5b800);
font-size: 16px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-layout5 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
} .tss-wrapper .tss-layout5 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout5 .single-item-wrapper .tss-social-share {
display: block;
margin: 0;
text-align: center;
}
.tss-wrapper .tss-layout5 .single-item-wrapper .tss-social-share {
margin-top: 10px;
} .tss-wrapper .tss-layout5 .tss-social-share .share-icons,
.tss-wrapper .tss-layout5 .author-social .tss-social-label {
display: block;
margin-bottom: 4px;
font-size: 12px;
line-height: 1.4;
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-layout5 .author-social a,
.tss-wrapper .tss-layout5 .tss-social-share a {
width: 32px;
height: 32px;
margin: 3px;
vertical-align: middle;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
color: var(--tss-primary, #3858e9);
background: var(--tss-primary-soft, #eef1fe);
border: 1px solid #dde3fc;
border: 1px solid color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff);
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff);
-webkit-transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper .tss-layout5 .author-social a:hover,
.tss-wrapper .tss-layout5 .tss-social-share a:hover {
color: #fff;
background: var(--tss-primary, #3858e9);
border-color: var(--tss-primary, #3858e9);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.tss-wrapper .tss-layout5 .author-social span.dashicons,
.tss-wrapper .tss-layout5 .tss-social-share span.dashicons,
.tss-wrapper .tss-layout5 .tss-social-share i.dashicons,
.tss-wrapper .tss-layout5 .tss-social-share i.fa {
font-size: 15px;
width: 15px;
height: 15px;
line-height: 15px;
} .tss-wrapper .tss-layout5 .author-social .dashicons-skype:before,
.tss-wrapper .tss-layout5 .author-social .dashicons-telegram:before,
.tss-wrapper .tss-layout5 .author-social .dashicons-twitter:before {
width: 15px;
height: 15px;
background-color: currentColor;
} .tss-wrapper .tss-layout5 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-layout5 .tss-social-share .dashicons-twitter:before {
width: 0.8em;
height: 0.8em;
} .tss-wrapper .tss-layout5 .tss-quote-col {
-webkit-box-flex: 1;
-ms-flex: 1 1 220px;
flex: 1 1 220px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
}
.tss-wrapper .tss-layout5 .tss-quote-mark {
font-family: Georgia, "Times New Roman", serif;
font-size: 46px;
line-height: 0.5;
font-weight: 700;
color: var(--tss-primary-soft, #eef1fe);
margin-bottom: 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-layout5 .item-content {
font-style: italic;
font-size: 15.5px;
line-height: 1.7;
color: #3c4150;
margin: 0;
padding: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
}
.tss-wrapper .tss-layout5 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-layout5 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-layout5 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-layout5 .tss-card-foot {
margin-top: 22px;
padding-top: 20px;
border-top: 1px solid var(--tss-line-soft, #ebecf1);
}
.tss-wrapper .tss-layout5 .single-item-wrapper h3.author-name {
margin: 0;
padding: 0;
font-size: 20px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--tss-ink, #1f2330);
display: inline-block;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout5 .single-item-wrapper h3.author-name a {
color: inherit;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout5 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-layout5 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-layout5 .single-item-wrapper h4.author-bio {
margin: 4px 0 0;
padding: 0;
font-size: 15px;
line-height: 1.45;
font-weight: 500;
color: var(--tss-muted, #6a6f7e);
} @media (max-width: 767px) {
.tss-wrapper .tss-layout5 .tss-card-body {
gap: 20px;
}
.tss-wrapper .tss-layout5 .tss-meta-info {
-ms-flex: 0 0 100px;
flex: 0 0 100px;
width: 100px;
}
.tss-wrapper .tss-layout5 .profile-img-wrapper img {
width: 80px;
height: 80px;
max-width: 80px;
}
}
@media (max-width: 480px) {
.tss-wrapper .tss-layout5 .item-content-wrapper {
padding: 24px;
}
.tss-wrapper .tss-layout5 .tss-card-body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 18px;
}
.tss-wrapper .tss-layout5 .tss-meta-info {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
text-align: left;
} .tss-wrapper .tss-layout5 .tss-rail-info {
width: auto;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
min-width: 0;
}
.tss-wrapper .tss-layout5 .rating-wrapper {
margin: 0 0 6px;
}
.tss-wrapper .tss-layout5 .single-item-wrapper .tss-social-share {
margin-top: 6px;
}
}     .tss-wrapper .tss-carousel5 .tss-grid-item {
margin-bottom: 0;
container-type: inline-size;
container-name: tss-c5-slide; height: auto; padding-top: 20px;
padding-right: 28px;
padding-bottom: 38px;
padding-left: 28px;
} .tss-wrapper .tss-carousel5 .single-item-wrapper,
.tss-wrapper .tss-carousel5 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .tss-wrapper .tss-carousel5 .single-item-wrapper {
display: block;
height: 100%;
margin-bottom: 0;
background: transparent;
} .tss-wrapper .tss-carousel5 .item-content-wrapper {
position: relative;
height: 100%;
margin-top: 0;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: var(--tss-card, #ffffff);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: var(--tss-radius, 16px);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.06), 0 6px 18px rgba(27, 31, 42, 0.14);
-webkit-transition: -webkit-transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
transition: transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
} .tss-wrapper .tss-carousel5 .item-content-wrapper:after {
content: none;
display: none;
}
.tss-wrapper .tss-carousel5 .single-item-wrapper:hover .item-content-wrapper {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.08), 0 10px 26px rgba(56, 88, 233, 0.26);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.08), 0 10px 26px color-mix(in srgb, var(--tss-primary, #3858e9) 26%, transparent);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.08), 0 10px 26px color-mix(in srgb, var(--tss-primary, #3858e9) 26%, transparent);
border-color: #d8def8;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 22%, #fff);
} .tss-wrapper .tss-carousel5 .tss-card-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; -ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
} .tss-wrapper .tss-carousel5 .tss-meta-info {
-webkit-box-flex: 0;
-ms-flex: 0 0 116px;
flex: 0 0 116px;
width: 116px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: center;
background: transparent;
}
.tss-wrapper .tss-carousel5 .profile-img-wrapper {
-ms-flex-negative: 0;
flex-shrink: 0;
display: inline-block;
margin: 0;
padding: 3px;
line-height: 0;
box-shadow: 0 0 0 2px var(--tss-primary-soft, #eef1fe);
-webkit-transition: box-shadow 0.22s ease;
transition: box-shadow 0.22s ease;
}
.tss-wrapper .tss-carousel5 .profile-img-wrapper a {
display: block;
line-height: 0;
}
.tss-wrapper .tss-carousel5 .profile-img-wrapper img {
width: 92px;
height: 92px;
max-width: 92px;
object-fit: cover;
display: block;
background: #eef0f4;
border: 3px solid #fff;
} .tss-wrapper .tss-carousel5 .tss-rail-info {
width: 100%;
min-width: 0;
} .tss-wrapper .tss-carousel5 .rating-wrapper {
display: block;
margin: 16px 0 12px;
line-height: 1;
text-align: center;
} .tss-wrapper .tss-carousel5 .single-item-wrapper .rating-wrapper span.dashicons {
display: inline-block;
vertical-align: middle;
margin: 0 1.5px;
color: var(--tss-star, #f5b800);
font-size: 16px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-carousel5 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
} .tss-wrapper .tss-carousel5 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel5 .single-item-wrapper .tss-social-share {
display: block;
margin: 0;
text-align: center;
}
.tss-wrapper .tss-carousel5 .single-item-wrapper .tss-social-share {
margin-top: 10px;
} .tss-wrapper .tss-carousel5 .tss-social-share .share-icons,
.tss-wrapper .tss-carousel5 .author-social .tss-social-label {
display: block;
margin-bottom: 4px;
font-size: 12px;
line-height: 1.4;
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-carousel5 .author-social a,
.tss-wrapper .tss-carousel5 .tss-social-share a {
width: 32px;
height: 32px;
margin: 3px;
vertical-align: middle;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
color: var(--tss-primary, #3858e9);
background: var(--tss-primary-soft, #eef1fe);
border: 1px solid #dde3fc;
border: 1px solid color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff);
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff);
-webkit-transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper .tss-carousel5 .author-social a:hover,
.tss-wrapper .tss-carousel5 .tss-social-share a:hover {
color: #fff;
background: var(--tss-primary, #3858e9);
border-color: var(--tss-primary, #3858e9);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.tss-wrapper .tss-carousel5 .author-social span.dashicons,
.tss-wrapper .tss-carousel5 .tss-social-share span.dashicons,
.tss-wrapper .tss-carousel5 .tss-social-share i.dashicons,
.tss-wrapper .tss-carousel5 .tss-social-share i.fa {
font-size: 15px;
width: 15px;
height: 15px;
line-height: 15px;
} .tss-wrapper .tss-carousel5 .author-social .dashicons-skype:before,
.tss-wrapper .tss-carousel5 .author-social .dashicons-telegram:before,
.tss-wrapper .tss-carousel5 .author-social .dashicons-twitter:before {
width: 15px;
height: 15px;
background-color: currentColor;
} .tss-wrapper .tss-carousel5 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-carousel5 .tss-social-share .dashicons-twitter:before {
width: 0.8em;
height: 0.8em;
} .tss-wrapper .tss-carousel5 .tss-quote-col {
-webkit-box-flex: 1;
-ms-flex: 1 1 220px;
flex: 1 1 220px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
}
.tss-wrapper .tss-carousel5 .tss-quote-mark {
font-family: Georgia, "Times New Roman", serif;
font-size: 46px;
line-height: 0.5;
font-weight: 700;
color: var(--tss-primary-soft, #eef1fe);
margin-bottom: 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-carousel5 .item-content {
font-style: italic;
font-size: 15.5px;
line-height: 1.7;
color: #3c4150;
margin: 0;
padding: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
}
.tss-wrapper .tss-carousel5 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-carousel5 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-carousel5 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-carousel5 .tss-card-foot {
margin-top: 22px;
padding-top: 20px;
border-top: 1px solid var(--tss-line-soft, #ebecf1);
}
.tss-wrapper .tss-carousel5 .single-item-wrapper h3.author-name {
margin: 0;
padding: 0;
font-size: 20px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--tss-ink, #1f2330);
display: inline-block;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel5 .single-item-wrapper h3.author-name a {
color: inherit;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel5 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-carousel5 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-carousel5 .single-item-wrapper h4.author-bio {
margin: 4px 0 0;
padding: 0;
font-size: 15px;
line-height: 1.45;
font-weight: 500;
color: var(--tss-muted, #6a6f7e);
} @container tss-c5-slide (max-width: 520px) {
.tss-wrapper .tss-carousel5 .tss-card-body {
gap: 20px;
}
.tss-wrapper .tss-carousel5 .tss-meta-info {
-ms-flex: 0 0 100px;
flex: 0 0 100px;
width: 100px;
}
.tss-wrapper .tss-carousel5 .profile-img-wrapper img {
width: 80px;
height: 80px;
max-width: 80px;
}
} @container tss-c5-slide (max-width: 420px) {
.tss-wrapper .tss-carousel5 .item-content-wrapper {
padding: 24px;
}
.tss-wrapper .tss-carousel5 .tss-card-body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 18px;
}
.tss-wrapper .tss-carousel5 .tss-meta-info {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
text-align: left;
} .tss-wrapper .tss-carousel5 .tss-rail-info {
width: auto;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
min-width: 0;
}
.tss-wrapper .tss-carousel5 .rating-wrapper {
margin: 0 0 6px;
}
.tss-wrapper .tss-carousel5 .single-item-wrapper .tss-social-share {
margin-top: 6px;
}
} @supports not (container-type: inline-size) {
@media (max-width: 767px) {
.tss-wrapper .tss-carousel5 .tss-card-body {
gap: 20px;
}
.tss-wrapper .tss-carousel5 .tss-meta-info {
-ms-flex: 0 0 100px;
flex: 0 0 100px;
width: 100px;
}
.tss-wrapper .tss-carousel5 .profile-img-wrapper img {
width: 80px;
height: 80px;
max-width: 80px;
}
}
@media (max-width: 480px) {
.tss-wrapper .tss-carousel5 .item-content-wrapper {
padding: 24px;
}
.tss-wrapper .tss-carousel5 .tss-card-body {
-ms-flex-direction: column;
flex-direction: column;
gap: 18px;
}
.tss-wrapper .tss-carousel5 .tss-meta-info {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
gap: 16px;
text-align: left;
}
.tss-wrapper .tss-carousel5 .tss-rail-info {
width: auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
min-width: 0;
}
}
}    .tss-wrapper .tss-carousel6 .single-item {
padding: 0;
}
.tss-wrapper .tss-carousel6 .tss-grid-item {
margin-bottom: 0;
container-type: inline-size;
container-name: tss-c6-slide; height: auto; padding-top: 20px;
padding-right: 28px;
padding-bottom: 38px;
padding-left: 28px;
} .tss-wrapper .tss-carousel6 .single-item-wrapper,
.tss-wrapper .tss-carousel6 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .tss-wrapper .tss-carousel6 .single-item-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; -webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
background: transparent;
} .tss-wrapper .tss-carousel6 .item-content-wrapper {
position: relative; -webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-top: 0;
padding: 28px 30px 26px;
background: var(--tss-card, #ffffff);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: var(--tss-radius, 16px);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.06), 0 6px 18px rgba(27, 31, 42, 0.14);
-webkit-transition: -webkit-transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
transition: transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
} .tss-wrapper .tss-carousel6 .item-content-wrapper:before {
content: none;
display: none;
} .tss-wrapper .tss-carousel6 .item-content-wrapper:after {
content: "";
position: absolute;
left: var(--tss-a6-tail-l, 46px);
right: var(--tss-a6-tail-r, auto);
bottom: -9px;
width: 18px;
height: 18px;
background: var(--tss-card, #ffffff);
border-right: 1px solid var(--tss-line-soft, #ebecf1);
border-bottom: 1px solid var(--tss-line-soft, #ebecf1);
border-bottom-right-radius: 4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: border-color 0.22s ease;
transition: border-color 0.22s ease;
}
.tss-wrapper .tss-carousel6 .single-item-wrapper:hover .item-content-wrapper {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.08), 0 10px 26px rgba(56, 88, 233, 0.26);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.08), 0 10px 26px color-mix(in srgb, var(--tss-primary, #3858e9) 26%, transparent);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.08), 0 10px 26px color-mix(in srgb, var(--tss-primary, #3858e9) 26%, transparent);
border-color: #d8def8;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 22%, #fff);
}
.tss-wrapper .tss-carousel6 .single-item-wrapper:hover .item-content-wrapper:after {
border-color: #d8def8;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 22%, #fff);
}
.tss-wrapper .tss-carousel6 .tss-quote-mark {
display: block;
margin-bottom: 12px;
font-family: Georgia, "Times New Roman", serif;
font-size: 50px;
line-height: 0.5;
font-weight: 700;
color: #c5cffc; color: color-mix(in srgb, var(--tss-primary, #3858e9) 28%, #fff);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-carousel6 .item-content-wrapper .item-content {
font-style: italic;
font-size: 15.5px;
line-height: 1.72;
color: #3c4150;
margin: 0;
padding: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
}
.tss-wrapper .tss-carousel6 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-carousel6 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-carousel6 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-carousel6 .tss-meta-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 18px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 26px;
padding-left: 6px;
flex-direction: var(--tss-a6-dir, row);
text-align: var(--tss-a6-ta, left);
}
.tss-wrapper .tss-carousel6 .profile-img-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: inline-block;
margin: 0;
line-height: 0;
text-align: center;
}
.tss-wrapper .tss-carousel6 .profile-img-wrapper a {
display: block;
line-height: 0;
}
.tss-wrapper .tss-carousel6 .profile-img-wrapper img {
width: 78px;
height: 78px;
max-width: 78px;
border-radius: 50%;
object-fit: cover;
display: block;
background: #eef0f4;
border: 4px solid #fff;
box-shadow: 0 0 0 1.5px #dde3fc, 0 8px 18px rgba(27, 31, 42, 0.12);
box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff), 0 8px 18px rgba(27, 31, 42, 0.12);
box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff), 0 8px 18px rgba(27, 31, 42, 0.12);
}
.tss-wrapper .tss-carousel6 .tss-meta-info .tss-right {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
padding: 0;
position: relative;
}
.tss-wrapper .tss-carousel6 .single-item-wrapper h3.author-name {
margin: 0;
padding: 0;
font-size: 21px;
line-height: 1.3;
font-weight: 600;
letter-spacing: -0.01em;
color: var(--tss-ink, #1f2330);
display: inline-block;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel6 .single-item-wrapper h3.author-name a {
color: inherit;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel6 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-carousel6 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-carousel6 .single-item-wrapper h4.author-bio {
margin: 3px 0 8px;
padding: 0;
font-size: 15px;
line-height: 1.45;
font-weight: 500;
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-carousel6 .rating-wrapper,
.tss-wrapper .tss-carousel6 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel6 .single-item-wrapper .tss-social-share {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
} .tss-wrapper .tss-carousel6 .tss-meta-info .author-social,
.tss-wrapper .tss-carousel6 .tss-meta-info .tss-social-share {
margin-left: var(--tss-a6-ml, 0);
margin-right: var(--tss-a6-mr, 0);
}
.tss-wrapper .tss-carousel6 .rating-wrapper {
display: block;
margin: 0 var(--tss-a6-mr, 0) 0 var(--tss-a6-ml, 0);
line-height: 1;
text-align: left;
} .tss-wrapper .tss-carousel6 .single-item-wrapper .rating-wrapper span.dashicons {
display: inline-block;
vertical-align: middle;
margin: 0 1.5px 0 0;
color: var(--tss-star, #f5b800);
font-size: 17px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-carousel6 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-carousel6 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel6 .single-item-wrapper .tss-social-share {
display: block;
margin: 8px 0 0;
text-align: left;
}
.tss-wrapper .tss-carousel6 .single-item-wrapper .tss-social-share {
margin-top: 6px;
}
.tss-wrapper .tss-carousel6 .tss-social-share .share-icons,
.tss-wrapper .tss-carousel6 .author-social .tss-social-label {
display: inline-block;
margin-right: 4px;
font-size: 12px;
line-height: 1.4;
color: var(--tss-muted, #6a6f7e);
}
.tss-wrapper .tss-carousel6 .author-social a,
.tss-wrapper .tss-carousel6 .tss-social-share a {
width: 28px;
height: 28px;
margin: 2px 4px 2px 0;
vertical-align: middle;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
color: var(--tss-primary, #3858e9);
background: var(--tss-primary-soft, #eef1fe);
-webkit-transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper .tss-carousel6 .author-social a:hover,
.tss-wrapper .tss-carousel6 .tss-social-share a:hover {
color: #fff;
background: var(--tss-primary, #3858e9);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.tss-wrapper .tss-carousel6 .author-social span.dashicons,
.tss-wrapper .tss-carousel6 .tss-social-share span.dashicons,
.tss-wrapper .tss-carousel6 .tss-social-share i.dashicons,
.tss-wrapper .tss-carousel6 .tss-social-share i.fa {
font-size: 14px;
width: 14px;
height: 14px;
line-height: 14px;
} .tss-wrapper .tss-carousel6 .author-social .dashicons-skype:before,
.tss-wrapper .tss-carousel6 .author-social .dashicons-telegram:before,
.tss-wrapper .tss-carousel6 .author-social .dashicons-twitter:before {
width: 14px;
height: 14px;
background-color: currentColor;
} .tss-wrapper .tss-carousel6 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-carousel6 .tss-social-share .dashicons-twitter:before {
width: 0.8em;
height: 0.8em;
} @container tss-c6-slide (max-width: 420px) {
.tss-wrapper .tss-carousel6 .item-content-wrapper {
padding: 24px 22px 22px;
}
.tss-wrapper .tss-carousel6 .item-content-wrapper:after {
left: var(--tss-a6-tail-l, 32px);
}
.tss-wrapper .tss-carousel6 .tss-meta-info {
gap: 14px;
margin-top: 22px;
padding-left: 2px;
}
.tss-wrapper .tss-carousel6 .profile-img-wrapper img {
width: 64px;
height: 64px;
max-width: 64px;
border-width: 3px;
}
.tss-wrapper .tss-carousel6 .single-item-wrapper h3.author-name {
font-size: 19px;
}
} @supports not (container-type: inline-size) {
@media (max-width: 480px) {
.tss-wrapper .tss-carousel6 .item-content-wrapper {
padding: 24px 22px 22px;
}
.tss-wrapper .tss-carousel6 .item-content-wrapper:after {
left: var(--tss-a6-tail-l, 32px);
}
.tss-wrapper .tss-carousel6 .tss-meta-info {
gap: 14px;
margin-top: 22px;
padding-left: 2px;
}
.tss-wrapper .tss-carousel6 .profile-img-wrapper img {
width: 64px;
height: 64px;
max-width: 64px;
border-width: 3px;
}
.tss-wrapper .tss-carousel6 .single-item-wrapper h3.author-name {
font-size: 19px;
}
}
}    .tss-wrapper .tss-layout6 .single-item {
padding: 0;
}
.tss-wrapper .tss-layout6 .tss-grid-item {
margin-bottom: 34px;
} .tss-wrapper .tss-layout6 .single-item-wrapper,
.tss-wrapper .tss-layout6 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .tss-wrapper .tss-layout6 .single-item-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
background: transparent;
} .tss-wrapper .tss-layout6 .item-content-wrapper {
position: relative; -webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-top: 0;
padding: 28px 30px 26px;
background: var(--tss-card, #ffffff);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: var(--tss-radius, 16px);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.06), 0 6px 18px rgba(27, 31, 42, 0.14);
-webkit-transition: -webkit-transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
transition: transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
} .tss-wrapper .tss-layout6 .item-content-wrapper:before {
content: none;
display: none;
} .tss-wrapper .tss-layout6 .item-content-wrapper:after {
content: "";
position: absolute;
left: var(--tss-a6-tail-l, 46px);
right: var(--tss-a6-tail-r, auto);
bottom: -9px;
width: 18px;
height: 18px;
background: var(--tss-card, #ffffff);
border-right: 1px solid var(--tss-line-soft, #ebecf1);
border-bottom: 1px solid var(--tss-line-soft, #ebecf1);
border-bottom-right-radius: 4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: border-color 0.22s ease;
transition: border-color 0.22s ease;
}
.tss-wrapper .tss-layout6 .single-item-wrapper:hover .item-content-wrapper {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.08), 0 10px 26px rgba(56, 88, 233, 0.26);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.08), 0 10px 26px color-mix(in srgb, var(--tss-primary, #3858e9) 26%, transparent);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.08), 0 10px 26px color-mix(in srgb, var(--tss-primary, #3858e9) 26%, transparent);
border-color: #d8def8;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 22%, #fff);
}
.tss-wrapper .tss-layout6 .single-item-wrapper:hover .item-content-wrapper:after {
border-color: #d8def8;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 22%, #fff);
}
.tss-wrapper .tss-layout6 .tss-quote-mark {
display: block;
margin-bottom: 12px;
font-family: Georgia, "Times New Roman", serif;
font-size: 50px;
line-height: 0.5;
font-weight: 700;
color: #c5cffc; color: color-mix(in srgb, var(--tss-primary, #3858e9) 28%, #fff);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-layout6 .item-content-wrapper .item-content {
font-style: italic;
font-size: 15.5px;
line-height: 1.72;
color: #3c4150;
margin: 0;
padding: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
}
.tss-wrapper .tss-layout6 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-layout6 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-layout6 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-layout6 .tss-meta-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 18px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 26px;
padding-left: 6px;
flex-direction: var(--tss-a6-dir, row);
text-align: var(--tss-a6-ta, left);
}
.tss-wrapper .tss-layout6 .profile-img-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: inline-block;
margin: 0;
line-height: 0;
text-align: center;
}
.tss-wrapper .tss-layout6 .profile-img-wrapper a {
display: block;
line-height: 0;
}
.tss-wrapper .tss-layout6 .profile-img-wrapper img {
width: 78px;
height: 78px;
max-width: 78px;
border-radius: 50%;
object-fit: cover;
display: block;
background: #eef0f4;
border: 4px solid #fff;
box-shadow: 0 0 0 1.5px #dde3fc, 0 8px 18px rgba(27, 31, 42, 0.12);
box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff), 0 8px 18px rgba(27, 31, 42, 0.12);
box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff), 0 8px 18px rgba(27, 31, 42, 0.12);
}
.tss-wrapper .tss-layout6 .tss-meta-info .tss-right {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
padding: 0;
position: relative;
}
.tss-wrapper .tss-layout6 .single-item-wrapper h3.author-name {
margin: 0;
padding: 0;
font-size: 21px;
line-height: 1.3;
font-weight: 600;
letter-spacing: -0.01em;
color: var(--tss-ink, #1f2330);
display: inline-block;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout6 .single-item-wrapper h3.author-name a {
color: inherit;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout6 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-layout6 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-layout6 .single-item-wrapper h4.author-bio {
margin: 3px 0 8px;
padding: 0;
font-size: 15px;
line-height: 1.45;
font-weight: 500;
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-layout6 .rating-wrapper,
.tss-wrapper .tss-layout6 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout6 .single-item-wrapper .tss-social-share {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
} .tss-wrapper .tss-layout6 .tss-meta-info .author-social,
.tss-wrapper .tss-layout6 .tss-meta-info .tss-social-share {
margin-left: var(--tss-a6-ml, 0);
margin-right: var(--tss-a6-mr, 0);
}
.tss-wrapper .tss-layout6 .rating-wrapper {
display: block;
margin: 0 var(--tss-a6-mr, 0) 0 var(--tss-a6-ml, 0);
line-height: 1;
text-align: left;
} .tss-wrapper .tss-layout6 .single-item-wrapper .rating-wrapper span.dashicons {
display: inline-block;
vertical-align: middle;
margin: 0 1.5px 0 0;
color: var(--tss-star, #f5b800);
font-size: 17px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-layout6 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-layout6 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout6 .single-item-wrapper .tss-social-share {
display: block;
margin: 8px 0 0;
text-align: left;
}
.tss-wrapper .tss-layout6 .single-item-wrapper .tss-social-share {
margin-top: 6px;
}
.tss-wrapper .tss-layout6 .tss-social-share .share-icons,
.tss-wrapper .tss-layout6 .author-social .tss-social-label {
display: inline-block;
margin-right: 4px;
font-size: 12px;
line-height: 1.4;
color: var(--tss-muted, #6a6f7e);
}
.tss-wrapper .tss-layout6 .author-social a,
.tss-wrapper .tss-layout6 .tss-social-share a {
width: 28px;
height: 28px;
margin: 2px 4px 2px 0;
vertical-align: middle;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
color: var(--tss-primary, #3858e9);
background: var(--tss-primary-soft, #eef1fe);
-webkit-transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper .tss-layout6 .author-social a:hover,
.tss-wrapper .tss-layout6 .tss-social-share a:hover {
color: #fff;
background: var(--tss-primary, #3858e9);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.tss-wrapper .tss-layout6 .author-social span.dashicons,
.tss-wrapper .tss-layout6 .tss-social-share span.dashicons,
.tss-wrapper .tss-layout6 .tss-social-share i.dashicons,
.tss-wrapper .tss-layout6 .tss-social-share i.fa {
font-size: 14px;
width: 14px;
height: 14px;
line-height: 14px;
} .tss-wrapper .tss-layout6 .author-social .dashicons-skype:before,
.tss-wrapper .tss-layout6 .author-social .dashicons-telegram:before,
.tss-wrapper .tss-layout6 .author-social .dashicons-twitter:before {
width: 14px;
height: 14px;
background-color: currentColor;
} .tss-wrapper .tss-layout6 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-layout6 .tss-social-share .dashicons-twitter:before {
width: 0.8em;
height: 0.8em;
}
@media (max-width: 480px) {
.tss-wrapper .tss-layout6 .item-content-wrapper {
padding: 24px 22px 22px;
}
.tss-wrapper .tss-layout6 .item-content-wrapper:after {
left: var(--tss-a6-tail-l, 32px);
}
.tss-wrapper .tss-layout6 .tss-meta-info {
gap: 14px;
margin-top: 22px;
padding-left: 2px;
}
.tss-wrapper .tss-layout6 .profile-img-wrapper img {
width: 64px;
height: 64px;
max-width: 64px;
border-width: 3px;
}
.tss-wrapper .tss-layout6 .single-item-wrapper h3.author-name {
font-size: 19px;
}
}    .tss-wrapper .tss-isotope3 .single-item-wrapper,
.tss-wrapper .tss-isotope3 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tss-wrapper .tss-isotope3 .single-item {
padding: 0;
} .tss-wrapper .tss-isotope3 .single-item-wrapper { height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 32px 28px 28px;
text-align: center;
background: var(--tss-card, #ffffff);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: var(--tss-radius, 16px);
-webkit-transition: border-color 0.18s ease, box-shadow 0.18s ease, -webkit-transform 0.18s ease;
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.tss-wrapper .tss-isotope3 .single-item-wrapper:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
border-color: #dcdfe8;
box-shadow: 0 14px 30px rgba(27, 31, 42, 0.10);
} .tss-wrapper .tss-isotope3 .profile-img-wrapper {
display: block;
margin: 0 0 14px;
line-height: 0;
text-align: center;
} .tss-wrapper .tss-isotope3 .profile-img-wrapper img {
width: 88px;
height: 88px;
border-radius: 50%;
object-fit: cover;
display: inline-block;
background: #eef0f4;
box-shadow: 0 0 0 5px var(--tss-primary-soft, #eef1fe), 0 8px 20px rgba(27, 31, 42, 0.12);
} .tss-wrapper .tss-isotope3 .rating-wrapper {
display: block;
margin: 0 0 10px;
padding: 0;
line-height: 1;
} .tss-wrapper .tss-isotope3 .single-item-wrapper .rating-wrapper span.dashicons {
color: var(--tss-star, #f5b800);
font-size: 17px;
width: 1em;
height: 1em;
line-height: 1em;
}
.tss-wrapper .tss-isotope3 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
} .tss-wrapper .tss-isotope3 .single-item-wrapper h3.author-name {
margin: 0;
padding: 0;
font-size: 19px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--tss-ink, #1f2330);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-isotope3 .single-item-wrapper h3.author-name a {
color: inherit;
}
.tss-wrapper .tss-isotope3 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-isotope3 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-isotope3 .single-item-wrapper h4.author-bio {
margin: 4px 0 18px;
padding: 0;
font-size: 13.5px;
line-height: 1.45;
font-weight: 500;
color: var(--tss-muted, #6a6f7e);
}
.tss-wrapper .tss-isotope3 .single-item-wrapper .author-social,
.tss-wrapper .tss-isotope3 .single-item-wrapper .tss-social-share {
margin: 0 0 14px;
}
.tss-wrapper .tss-isotope3 .author-social a,
.tss-wrapper .tss-isotope3 .tss-social-share a {
color: var(--tss-muted, #6a6f7e);
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-isotope3 .author-social a:hover,
.tss-wrapper .tss-isotope3 .tss-social-share a:hover {
color: var(--tss-primary, #3858e9);
} .tss-wrapper .tss-isotope3 .item-content-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
margin-top: 0;
padding: 26px 24px 22px;
background: var(--tss-panel, #f7f8fb);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: 12px;
} .tss-wrapper .tss-isotope3 .item-content-wrapper:before,
.tss-wrapper .tss-isotope3 .item-content-wrapper:after {
content: none;
display: none;
} .tss-wrapper .tss-isotope3 .tss-quote-mark {
position: absolute;
top: -17px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: -ms-grid;
display: grid;
place-items: center;
width: 34px;
height: 34px;
padding-top: 12px;
border-radius: 50%;
background: var(--tss-primary, #3858e9);
color: #ffffff;
font-family: Georgia, "Times New Roman", serif;
font-size: 26px;
line-height: 1;
box-shadow: 0 6px 14px rgba(56, 88, 233, 0.30);
box-shadow: 0 6px 14px color-mix(in srgb, var(--tss-primary, #3858e9) 30%, transparent);
box-shadow: 0 6px 14px color-mix(in srgb, var(--tss-primary, #3858e9) 30%, transparent);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-isotope3 .item-content {
margin: 8px 0 0;
padding: 0;
font-size: 15.5px;
line-height: 1.7;
font-style: normal;
color: #3c4150;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
.tss-wrapper .tss-isotope3 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-isotope3 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-isotope3 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-isotope3 .tss-card-spacer {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 0;
} .tss-wrapper .tss-isotope3 .tss-grid-item {
margin-bottom: 28px;
container-type: inline-size;
container-name: tss-iso3-card;
}
@container tss-iso3-card (max-width: 400px) {
.tss-wrapper .tss-isotope3 .single-item-wrapper {
padding: 26px 20px 22px;
}
.tss-wrapper .tss-isotope3 .profile-img-wrapper img {
width: 72px;
height: 72px;
}
.tss-wrapper .tss-isotope3 .item-content-wrapper {
padding: 24px 18px 20px;
}
}    .tss-wrapper .tss-carousel7 .single-item {
padding: 0;
}
.tss-wrapper .tss-carousel7 .tss-grid-item {
margin-bottom: 0;
container-type: inline-size;
container-name: tss-c7-slide; height: auto; padding-top: 20px;
padding-right: 28px;
padding-bottom: 38px;
padding-left: 28px;
} .tss-wrapper .tss-carousel7 .single-item-wrapper,
.tss-wrapper .tss-carousel7 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .tss-wrapper .tss-carousel7 .single-item-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
padding: 0;
overflow: hidden;
text-align: center;
background: var(--tss-card, #ffffff);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: 18px;
-webkit-transition: -webkit-transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
transition: transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
} .tss-wrapper .tss-carousel7 .single-item-wrapper:hover {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.05), 0 20px 46px rgba(56, 88, 233, 0.1);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.05), 0 20px 46px color-mix(in srgb, var(--tss-primary, #3858e9) 10%, transparent);
border-color: #d8def8;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 22%, #fff);
} .tss-wrapper .tss-carousel7 .tss-card-head {
padding: 26px 26px 0;
background: rgba(31, 35, 48, 0.035);
border-bottom: 1px solid rgba(31, 35, 48, 0.07);
} .tss-wrapper .tss-carousel7 .tss-meta-info {
display: block;
position: relative;
z-index: 2;
margin-bottom: -42px;
}
.tss-wrapper .tss-carousel7 .profile-img-wrapper {
display: block;
margin: 0 auto;
line-height: 0;
text-align: center;
}
.tss-wrapper .tss-carousel7 .profile-img-wrapper a {
display: inline-block;
line-height: 0;
}
.tss-wrapper .tss-carousel7 .profile-img-wrapper img {
width: 84px;
height: 84px;
max-width: 84px;
object-fit: cover;
display: inline-block;
background: #eef0f4;
border: 4px solid #fff;
box-shadow: 0 0 0 1.5px #dde3fc, 0 8px 20px rgba(27, 31, 42, 0.12);
box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff), 0 8px 20px rgba(27, 31, 42, 0.12);
} .tss-wrapper .tss-carousel7 .item-content-wrapper {
position: relative;
margin-top: 0;
padding: 56px 30px 0;
}
.tss-wrapper .tss-carousel7 .tss-quote-mark {
display: block;
margin: 0 auto 12px;
font-family: Georgia, "Times New Roman", serif;
font-size: 40px;
line-height: 0.3;
font-weight: 700;
color: #c5cffc; color: color-mix(in srgb, var(--tss-primary, #3858e9) 28%, #fff);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-carousel7 .item-content-wrapper .item-content {
font-style: italic;
font-size: 15.5px;
line-height: 1.74;
color: #41475a;
margin: 0 auto;
padding: 0;
max-width: 42ch;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
.tss-wrapper .tss-carousel7 .item-content-wrapper .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-carousel7 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-carousel7 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-carousel7 .tss-card-foot {
margin-top: auto;
padding: 0 30px 24px;
}
.tss-wrapper .tss-carousel7 .tss-divider {
display: block;
width: 44px;
height: 2px;
margin: 14px auto 12px;
border-radius: 2px;
background: var(--tss-primary-soft, #eef1fe);
}
.tss-wrapper .tss-carousel7 .single-item-wrapper h3.author-name {
margin: 0;
padding: 0;
font-size: 20px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--tss-ink, #1f2330);
text-align: center;
display: inline-block;
clear: none;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel7 .single-item-wrapper h3.author-name a {
color: inherit;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel7 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-carousel7 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-carousel7 .single-item-wrapper h4.author-bio {
margin: 5px 0 0;
padding: 0;
font-size: 14.5px;
line-height: 1.45;
font-weight: 500;
color: var(--tss-muted, #6a6f7e);
text-align: center;
clear: none;
} .tss-wrapper .tss-carousel7 .rating-wrapper {
display: block;
margin: 10px 0 0;
line-height: 1;
text-align: center;
}  .tss-wrapper .tss-carousel7 .single-item-wrapper .rating-wrapper span.dashicons {
display: inline-block;
vertical-align: middle;
width: auto;
height: auto;
margin: 0 1.5px;
color: var(--tss-star, #f5b800);
font-size: 18px;
line-height: 1;
}
.tss-wrapper .tss-carousel7 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-carousel7 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel7 .single-item-wrapper .tss-social-share {
display: block;
margin: 10px 0 0;
text-align: center;
}
.tss-wrapper .tss-carousel7 .tss-social-share .share-icons,
.tss-wrapper .tss-carousel7 .author-social .tss-social-label {
display: inline-block;
margin-right: 4px;
font-size: 12px;
line-height: 1.4;
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-carousel7 .author-social a,
.tss-wrapper .tss-carousel7 .tss-social-share a {
width: auto;
height: auto;
min-width: 30px;
min-height: 30px;
padding: 7px;
margin: 0 3px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 9px;
background: var(--tss-primary-soft, #eef1fe);
color: var(--tss-primary, #3858e9);
-webkit-transition: background 0.15s ease, color 0.15s ease, -webkit-transform 0.15s ease;
transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.tss-wrapper .tss-carousel7 .author-social a:hover,
.tss-wrapper .tss-carousel7 .tss-social-share a:hover {
background: var(--tss-primary, #3858e9);
color: #fff;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.tss-wrapper .tss-carousel7 .author-social a span.dashicons,
.tss-wrapper .tss-carousel7 .author-social a i,
.tss-wrapper .tss-carousel7 .tss-social-share a span.dashicons,
.tss-wrapper .tss-carousel7 .tss-social-share a i {
width: auto;
height: auto;
font-size: 15px;
line-height: 1;
} .tss-wrapper .tss-carousel7 .author-social .dashicons-skype:before,
.tss-wrapper .tss-carousel7 .author-social .dashicons-telegram:before,
.tss-wrapper .tss-carousel7 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-carousel7 .tss-social-share .dashicons-skype:before,
.tss-wrapper .tss-carousel7 .tss-social-share .dashicons-telegram:before,
.tss-wrapper .tss-carousel7 .tss-social-share .dashicons-twitter:before {
width: 1em;
height: 1em;
background-color: currentColor;
} .tss-wrapper .tss-carousel7 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-carousel7 .tss-social-share .dashicons-twitter:before {
width: 0.8em;
height: 0.8em;
} @container tss-c7-slide (max-width: 340px) {
.tss-wrapper .tss-carousel7 .tss-card-head {
padding: 20px 18px 0;
}
.tss-wrapper .tss-carousel7 .profile-img-wrapper img {
width: 68px;
height: 68px;
max-width: 68px;
border-width: 3px;
}
.tss-wrapper .tss-carousel7 .tss-meta-info {
margin-bottom: -34px;
}
.tss-wrapper .tss-carousel7 .item-content-wrapper {
padding: 46px 20px 0;
}
.tss-wrapper .tss-carousel7 .item-content-wrapper .item-content {
font-size: 15px;
-webkit-line-clamp: 5;
}
.tss-wrapper .tss-carousel7 .tss-card-foot {
padding: 0 20px 20px;
}
.tss-wrapper .tss-carousel7 .single-item-wrapper h3.author-name {
font-size: 18px;
}
} @supports not (container-type: inline-size) {
@media (max-width: 767px) {
.tss-wrapper .tss-carousel7 .tss-card-head {
padding: 20px 18px 0;
}
.tss-wrapper .tss-carousel7 .profile-img-wrapper img {
width: 68px;
height: 68px;
max-width: 68px;
border-width: 3px;
}
.tss-wrapper .tss-carousel7 .tss-meta-info {
margin-bottom: -34px;
}
.tss-wrapper .tss-carousel7 .item-content-wrapper {
padding: 46px 20px 0;
}
.tss-wrapper .tss-carousel7 .item-content-wrapper .item-content {
font-size: 15px;
-webkit-line-clamp: 5;
}
.tss-wrapper .tss-carousel7 .tss-card-foot {
padding: 0 20px 20px;
}
.tss-wrapper .tss-carousel7 .single-item-wrapper h3.author-name {
font-size: 18px;
}
}
}    .tss-wrapper .tss-layout7 .single-item {
padding: 0;
}
.tss-wrapper .tss-layout7 .tss-grid-item {
margin-bottom: 28px;
} .tss-wrapper .tss-layout7 .single-item-wrapper,
.tss-wrapper .tss-layout7 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .tss-wrapper .tss-layout7 .single-item-wrapper {
position: relative;
height: 100%;
padding: 36px 36px 32px;
text-align: center;
background: var(--tss-slide, #f8f9fc);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: 18px;
-webkit-transition: -webkit-transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
transition: transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
} .tss-wrapper .tss-layout7 .single-item-wrapper:before {
content: none;
display: none;
} .tss-wrapper .tss-layout7 .single-item-wrapper:hover {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.05), 0 20px 46px rgba(56, 88, 233, 0.1);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.05), 0 20px 46px color-mix(in srgb, var(--tss-primary, #3858e9) 10%, transparent);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.05), 0 20px 46px color-mix(in srgb, var(--tss-primary, #3858e9) 10%, transparent);
border-color: #d8def8;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 22%, #fff);
}
.tss-wrapper .tss-layout7 .tss-meta-info {
display: block;
}
.tss-wrapper .tss-layout7 .profile-img-wrapper {
display: block;
margin: 0 auto 18px;
line-height: 0;
text-align: center;
}
.tss-wrapper .tss-layout7 .profile-img-wrapper a {
display: inline-block;
line-height: 0;
}
.tss-wrapper .tss-layout7 .profile-img-wrapper img {
width: 88px;
height: 88px;
max-width: 88px;
border-radius: 50%;
object-fit: cover;
display: inline-block;
background: #eef0f4;
border: 4px solid #fff;
box-shadow: 0 0 0 1.5px #dde3fc, 0 8px 20px rgba(27, 31, 42, 0.12);
box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff), 0 8px 20px rgba(27, 31, 42, 0.12);
box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff), 0 8px 20px rgba(27, 31, 42, 0.12);
}
.tss-wrapper .tss-layout7 .single-item-wrapper h3.author-name {
margin: 0;
padding: 0;
font-size: 21px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--tss-ink, #1f2330);
text-align: center;
display: inline-block;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout7 .single-item-wrapper h3.author-name a {
color: inherit;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout7 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-layout7 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-layout7 .single-item-wrapper h4.author-bio {
margin: 5px 0 12px;
padding: 0;
font-size: 15px;
line-height: 1.45;
font-weight: 500;
color: var(--tss-muted, #6a6f7e);
text-align: center;
} .tss-wrapper .tss-layout7 .rating-wrapper {
display: block;
margin: 0;
line-height: 1;
text-align: center;
} .tss-wrapper .tss-layout7 .single-item-wrapper .rating-wrapper span.dashicons {
display: inline-block;
vertical-align: middle; width: auto;
height: auto;
margin: 0 1.5px;
color: var(--tss-star, #f5b800);
font-size: 18px;
line-height: 1;
}
.tss-wrapper .tss-layout7 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-layout7 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout7 .single-item-wrapper .tss-social-share {
display: block;
margin: 10px 0 0;
text-align: center;
}
.tss-wrapper .tss-layout7 .tss-social-share .share-icons,
.tss-wrapper .tss-layout7 .author-social .tss-social-label {
display: inline-block;
margin-right: 4px;
font-size: 12px;
line-height: 1.4;
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-layout7 .author-social a,
.tss-wrapper .tss-layout7 .tss-social-share a {
width: auto;
height: auto;
min-width: 30px;
min-height: 30px;
padding: 7px;
margin: 2px 3px;
vertical-align: middle;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
color: var(--tss-primary, #3858e9);
background: var(--tss-primary-soft, #eef1fe);
-webkit-transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper .tss-layout7 .author-social a:hover,
.tss-wrapper .tss-layout7 .tss-social-share a:hover {
color: #fff;
background: var(--tss-primary, #3858e9);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.tss-wrapper .tss-layout7 .author-social span.dashicons,
.tss-wrapper .tss-layout7 .author-social i,
.tss-wrapper .tss-layout7 .tss-social-share span.dashicons,
.tss-wrapper .tss-layout7 .tss-social-share i.dashicons,
.tss-wrapper .tss-layout7 .tss-social-share i.fa {
width: auto;
height: auto;
font-size: 15px;
line-height: 1;
} .tss-wrapper .tss-layout7 .author-social .dashicons-skype:before,
.tss-wrapper .tss-layout7 .author-social .dashicons-telegram:before,
.tss-wrapper .tss-layout7 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-layout7 .tss-social-share .dashicons-skype:before,
.tss-wrapper .tss-layout7 .tss-social-share .dashicons-telegram:before,
.tss-wrapper .tss-layout7 .tss-social-share .dashicons-twitter:before { width: 1em;
height: 1em;
background-color: currentColor;
} .tss-wrapper .tss-layout7 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-layout7 .tss-social-share .dashicons-twitter:before {
width: 0.8em;
height: 0.8em;
} .tss-wrapper .tss-layout7 .tss-divider {
display: block;
width: 44px;
height: 2px;
margin: 22px auto 18px;
border-radius: 2px;
background: var(--tss-primary-soft, #eef1fe);
}
.tss-wrapper .tss-layout7 .item-content-wrapper {
position: relative;
padding: 0;
margin-top: 0;
}
.tss-wrapper .tss-layout7 .tss-quote-mark {
display: block;
margin: 0 auto 12px;
font-family: Georgia, "Times New Roman", serif;
font-size: 40px;
line-height: 0.3;
font-weight: 700;
color: #c5cffc; color: color-mix(in srgb, var(--tss-primary, #3858e9) 28%, #fff);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-layout7 .item-content-wrapper .item-content {
font-style: italic;
font-size: 15.5px;
line-height: 1.74;
color: #41475a;
margin: 0 auto;
padding: 0;
max-width: 40ch;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
.tss-wrapper .tss-layout7 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-layout7 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-layout7 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
}
@media (max-width: 480px) {
.tss-wrapper .tss-layout7 .single-item-wrapper {
padding: 28px 22px 26px;
}
.tss-wrapper .tss-layout7 .profile-img-wrapper img {
width: 72px;
height: 72px;
max-width: 72px;
border-width: 3px;
}
.tss-wrapper .tss-layout7 .single-item-wrapper h3.author-name {
font-size: 19px;
}
.tss-wrapper .tss-layout7 .tss-divider {
margin: 18px auto 14px;
}
}    .tss-wrapper .tss-carousel8 .single-item {
padding: 0;
}
.tss-wrapper .tss-carousel8 .tss-grid-item {
margin-bottom: 0;
container-type: inline-size;
container-name: tss-c8-slide; height: auto; padding-top: 20px;
padding-right: 28px;
padding-bottom: 38px;
padding-left: 28px;
} .tss-wrapper .tss-carousel8 .single-item-wrapper,
.tss-wrapper .tss-carousel8 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .tss-wrapper .tss-carousel8 .single-item-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
padding: 34px 32px 32px;
text-align: center;
background: var(--tss-slide, #f8f9fc);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: 18px;
-webkit-transition: -webkit-transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
transition: transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
} .tss-wrapper .tss-carousel8 .single-item-wrapper:before {
content: none;
display: none;
} .tss-wrapper .tss-carousel8 .single-item-wrapper:hover {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.05), 0 20px 46px rgba(56, 88, 233, 0.1);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.05), 0 20px 46px color-mix(in srgb, var(--tss-primary, #3858e9) 10%, transparent);
border-color: #d8def8;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 22%, #fff);
} .tss-wrapper .tss-carousel8 .item-content-wrapper {
position: relative;
padding: 0;
margin-top: 0;
}
.tss-wrapper .tss-carousel8 .tss-quote-mark {
display: block;
margin: 0 auto 18px;
font-family: Georgia, "Times New Roman", serif;
font-size: 46px;
line-height: 0.4;
font-weight: 700;
color: #c5cffc; color: color-mix(in srgb, var(--tss-primary, #3858e9) 28%, #fff);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-carousel8 .item-content-wrapper .item-content {
font-style: italic;
font-size: 15.5px;
line-height: 1.74;
color: #41475a;
margin: 0 auto;
padding: 0;
max-width: 42ch;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.tss-wrapper .tss-carousel8 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-carousel8 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-carousel8 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-carousel8 .tss-meta-info {
display: block;
margin-top: auto;
}
.tss-wrapper .tss-carousel8 .profile-img-wrapper {
display: block;
margin: 24px auto 16px;
line-height: 0;
text-align: center;
}
.tss-wrapper .tss-carousel8 .profile-img-wrapper a {
display: inline-block;
line-height: 0;
}
.tss-wrapper .tss-carousel8 .profile-img-wrapper img {
width: 92px;
height: 92px;
max-width: 92px;
object-fit: cover;
display: inline-block;
background: #eef0f4;
border: 4px solid #fff;
box-shadow: 0 0 0 1.5px #dde3fc, 0 8px 20px rgba(27, 31, 42, 0.12);
box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff), 0 8px 20px rgba(27, 31, 42, 0.12);
} .tss-wrapper .tss-carousel8 .single-item-wrapper h3.author-name {
margin: 0;
padding: 0;
font-size: 21px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--tss-primary, #3858e9);
text-align: center;
display: inline-block;
clear: none;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel8 .single-item-wrapper h3.author-name a {
color: inherit;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel8 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-carousel8 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary-hover, #2843c4);
}
.tss-wrapper .tss-carousel8 .single-item-wrapper h4.author-bio {
margin: 5px 0 12px;
padding: 0;
font-size: 15px;
line-height: 1.45;
font-weight: 500;
color: var(--tss-muted, #6a6f7e);
text-align: center;
clear: none;
} .tss-wrapper .tss-carousel8 .rating-wrapper {
display: block;
margin: 0 0 14px;
line-height: 1;
text-align: center;
} .tss-wrapper .tss-carousel8 .single-item-wrapper .rating-wrapper span.dashicons {
display: inline-block;
vertical-align: middle;
width: auto;
height: auto;
margin: 0 1.5px;
color: var(--tss-star, #f5b800);
font-size: 18px;
line-height: 1;
}
.tss-wrapper .tss-carousel8 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-carousel8 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel8 .single-item-wrapper .tss-social-share {
display: block;
margin: 0;
text-align: center;
}
.tss-wrapper .tss-carousel8 .single-item-wrapper .tss-social-share {
margin-top: 8px;
}
.tss-wrapper .tss-carousel8 .tss-social-share .share-icons,
.tss-wrapper .tss-carousel8 .author-social .tss-social-label {
display: inline-block;
margin-right: 4px;
font-size: 12px;
line-height: 1.4;
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-carousel8 .author-social a,
.tss-wrapper .tss-carousel8 .tss-social-share a {
width: auto;
height: auto;
min-width: 36px;
min-height: 36px;
padding: 9px;
margin: 3px 5px;
vertical-align: middle;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
color: var(--tss-primary, #3858e9);
background: var(--tss-primary-soft, #eef1fe);
border: 1px solid #dde3fc;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff);
-webkit-transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper .tss-carousel8 .author-social a:hover,
.tss-wrapper .tss-carousel8 .tss-social-share a:hover {
color: #fff;
background: var(--tss-primary, #3858e9);
border-color: var(--tss-primary, #3858e9);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 6px 14px rgba(56, 88, 233, 0.28);
box-shadow: 0 6px 14px color-mix(in srgb, var(--tss-primary, #3858e9) 28%, transparent);
}
.tss-wrapper .tss-carousel8 .author-social a span.dashicons,
.tss-wrapper .tss-carousel8 .author-social a i,
.tss-wrapper .tss-carousel8 .tss-social-share a span.dashicons,
.tss-wrapper .tss-carousel8 .tss-social-share a i {
width: auto;
height: auto;
font-size: 16px;
line-height: 1;
} .tss-wrapper .tss-carousel8 .author-social .dashicons-skype:before,
.tss-wrapper .tss-carousel8 .author-social .dashicons-telegram:before,
.tss-wrapper .tss-carousel8 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-carousel8 .tss-social-share .dashicons-skype:before,
.tss-wrapper .tss-carousel8 .tss-social-share .dashicons-telegram:before,
.tss-wrapper .tss-carousel8 .tss-social-share .dashicons-twitter:before {
width: 1em;
height: 1em;
background-color: currentColor;
} .tss-wrapper .tss-carousel8 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-carousel8 .tss-social-share .dashicons-twitter:before {
width: 0.8em;
height: 0.8em;
} @container tss-c8-slide (max-width: 340px) {
.tss-wrapper .tss-carousel8 .single-item-wrapper {
padding: 26px 22px 26px;
}
.tss-wrapper .tss-carousel8 .tss-quote-mark {
font-size: 40px;
margin-bottom: 14px;
}
.tss-wrapper .tss-carousel8 .item-content-wrapper .item-content {
font-size: 15px;
-webkit-line-clamp: 4;
}
.tss-wrapper .tss-carousel8 .profile-img-wrapper {
margin: 20px auto 14px;
}
.tss-wrapper .tss-carousel8 .profile-img-wrapper img {
width: 74px;
height: 74px;
max-width: 74px;
border-width: 3px;
}
.tss-wrapper .tss-carousel8 .single-item-wrapper h3.author-name {
font-size: 19px;
}
.tss-wrapper .tss-carousel8 .author-social a,
.tss-wrapper .tss-carousel8 .tss-social-share a {
min-width: 32px;
min-height: 32px;
padding: 8px;
margin: 3px 4px;
}
} @supports not (container-type: inline-size) {
@media (max-width: 767px) {
.tss-wrapper .tss-carousel8 .single-item-wrapper {
padding: 26px 22px 26px;
}
.tss-wrapper .tss-carousel8 .tss-quote-mark {
font-size: 40px;
margin-bottom: 14px;
}
.tss-wrapper .tss-carousel8 .item-content-wrapper .item-content {
font-size: 15px;
-webkit-line-clamp: 4;
}
.tss-wrapper .tss-carousel8 .profile-img-wrapper {
margin: 20px auto 14px;
}
.tss-wrapper .tss-carousel8 .profile-img-wrapper img {
width: 74px;
height: 74px;
max-width: 74px;
border-width: 3px;
}
.tss-wrapper .tss-carousel8 .single-item-wrapper h3.author-name {
font-size: 19px;
}
.tss-wrapper .tss-carousel8 .author-social a,
.tss-wrapper .tss-carousel8 .tss-social-share a {
min-width: 32px;
min-height: 32px;
padding: 8px;
margin: 3px 4px;
}
}
}    .tss-wrapper .tss-layout8 .single-item {
padding: 0;
}
.tss-wrapper .tss-layout8 .tss-grid-item {
margin-bottom: 28px;
} .tss-wrapper .tss-layout8 .single-item-wrapper,
.tss-wrapper .tss-layout8 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .tss-wrapper .tss-layout8 .single-item-wrapper {
position: relative;
height: 100%;
padding: 36px 36px 34px;
text-align: center;
background: var(--tss-slide, #f8f9fc);
border: 1px solid var(--tss-line-soft, #ebecf1);
border-radius: 18px;
-webkit-transition: -webkit-transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
transition: transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
} .tss-wrapper .tss-layout8 .single-item-wrapper:before {
content: none;
display: none;
} .tss-wrapper .tss-layout8 .single-item-wrapper:hover {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.05), 0 20px 46px rgba(56, 88, 233, 0.1);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.05), 0 20px 46px color-mix(in srgb, var(--tss-primary, #3858e9) 10%, transparent);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.05), 0 20px 46px color-mix(in srgb, var(--tss-primary, #3858e9) 10%, transparent);
border-color: #d8def8;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 22%, #fff);
}
.tss-wrapper .tss-layout8 .item-content-wrapper {
position: relative;
padding: 0;
margin-top: 0;
}
.tss-wrapper .tss-layout8 .tss-quote-mark {
display: block;
margin: 0 auto 18px;
font-family: Georgia, "Times New Roman", serif;
font-size: 46px;
line-height: 0.4;
font-weight: 700;
color: #c5cffc; color: color-mix(in srgb, var(--tss-primary, #3858e9) 28%, #fff);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tss-wrapper .tss-layout8 .item-content-wrapper .item-content {
font-style: italic;
font-size: 15.5px;
line-height: 1.74;
color: #41475a;
margin: 0 auto;
padding: 0;
max-width: 42ch;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.tss-wrapper .tss-layout8 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-layout8 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-layout8 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-layout8 .tss-meta-info {
display: block;
}
.tss-wrapper .tss-layout8 .profile-img-wrapper {
display: block;
margin: 26px auto 18px;
line-height: 0;
text-align: center;
}
.tss-wrapper .tss-layout8 .profile-img-wrapper a {
display: inline-block;
line-height: 0;
}
.tss-wrapper .tss-layout8 .profile-img-wrapper img {
width: 96px;
height: 96px;
max-width: 96px;
border-radius: 50%;
object-fit: cover;
display: inline-block;
background: #eef0f4;
border: 4px solid #fff;
box-shadow: 0 0 0 1.5px #dde3fc, 0 8px 20px rgba(27, 31, 42, 0.12);
box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff), 0 8px 20px rgba(27, 31, 42, 0.12);
box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff), 0 8px 20px rgba(27, 31, 42, 0.12);
} .tss-wrapper .tss-layout8 .single-item-wrapper h3.author-name {
margin: 0;
padding: 0;
font-size: 21px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--tss-primary, #3858e9);
text-align: center;
display: inline-block;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout8 .single-item-wrapper h3.author-name a {
color: inherit;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout8 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-layout8 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary-hover, #2843c4);
}
.tss-wrapper .tss-layout8 .single-item-wrapper h4.author-bio {
margin: 5px 0 12px;
padding: 0;
font-size: 15px;
line-height: 1.45;
font-weight: 500;
color: var(--tss-muted, #6a6f7e);
text-align: center;
} .tss-wrapper .tss-layout8 .rating-wrapper {
display: block;
margin: 0 0 16px;
line-height: 1;
text-align: center;
} .tss-wrapper .tss-layout8 .single-item-wrapper .rating-wrapper span.dashicons {
display: inline-block;
vertical-align: middle; width: auto;
height: auto;
margin: 0 1.5px;
color: var(--tss-star, #f5b800);
font-size: 18px;
line-height: 1;
}
.tss-wrapper .tss-layout8 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-layout8 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout8 .single-item-wrapper .tss-social-share {
display: block;
margin: 0;
text-align: center;
}
.tss-wrapper .tss-layout8 .single-item-wrapper .tss-social-share {
margin-top: 8px;
}
.tss-wrapper .tss-layout8 .tss-social-share .share-icons,
.tss-wrapper .tss-layout8 .author-social .tss-social-label {
display: inline-block;
margin-right: 4px;
font-size: 12px;
line-height: 1.4;
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-layout8 .author-social a,
.tss-wrapper .tss-layout8 .tss-social-share a {
width: auto;
height: auto;
min-width: 36px;
min-height: 36px;
padding: 9px;
margin: 3px 5px;
vertical-align: middle;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
color: var(--tss-primary, #3858e9);
background: var(--tss-primary-soft, #eef1fe);
border: 1px solid #dde3fc;
border: 1px solid color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff);
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff);
-webkit-transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper .tss-layout8 .author-social a:hover,
.tss-wrapper .tss-layout8 .tss-social-share a:hover {
color: #fff;
background: var(--tss-primary, #3858e9);
border-color: var(--tss-primary, #3858e9);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 6px 14px rgba(56, 88, 233, 0.28);
box-shadow: 0 6px 14px color-mix(in srgb, var(--tss-primary, #3858e9) 28%, transparent);
box-shadow: 0 6px 14px color-mix(in srgb, var(--tss-primary, #3858e9) 28%, transparent);
}
.tss-wrapper .tss-layout8 .author-social span.dashicons,
.tss-wrapper .tss-layout8 .author-social i,
.tss-wrapper .tss-layout8 .tss-social-share span.dashicons,
.tss-wrapper .tss-layout8 .tss-social-share i.dashicons,
.tss-wrapper .tss-layout8 .tss-social-share i.fa {
width: auto;
height: auto;
font-size: 16px;
line-height: 1;
} .tss-wrapper .tss-layout8 .author-social .dashicons-skype:before,
.tss-wrapper .tss-layout8 .author-social .dashicons-telegram:before,
.tss-wrapper .tss-layout8 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-layout8 .tss-social-share .dashicons-skype:before,
.tss-wrapper .tss-layout8 .tss-social-share .dashicons-telegram:before,
.tss-wrapper .tss-layout8 .tss-social-share .dashicons-twitter:before { width: 1em;
height: 1em;
background-color: currentColor;
} .tss-wrapper .tss-layout8 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-layout8 .tss-social-share .dashicons-twitter:before {
width: 0.8em;
height: 0.8em;
}
@media (max-width: 480px) {
.tss-wrapper .tss-layout8 .single-item-wrapper {
padding: 28px 22px 26px;
}
.tss-wrapper .tss-layout8 .profile-img-wrapper img {
width: 78px;
height: 78px;
max-width: 78px;
border-width: 3px;
}
.tss-wrapper .tss-layout8 .profile-img-wrapper {
margin: 22px auto 14px;
}
.tss-wrapper .tss-layout8 .single-item-wrapper h3.author-name {
font-size: 19px;
}
.tss-wrapper .tss-layout8 .author-social a,
.tss-wrapper .tss-layout8 .tss-social-share a {
min-width: 32px;
min-height: 32px;
padding: 8px;
margin: 3px 4px;
}
}    .tss-wrapper .tss-layout9 .single-item,
.tss-wrapper .tss-isotope4 .single-item,
.tss-wrapper .tss-carousel9 .single-item {
padding: 0;
} .tss-wrapper .tss-layout9 .tss-grid-item,
.tss-wrapper .tss-isotope4 .tss-grid-item {
margin-bottom: 28px;
} .tss-wrapper .tss-carousel9 .tss-grid-item {
margin-bottom: 0;
padding-top: 26px;
padding-bottom: 34px;
} .tss-wrapper .tss-layout9 .single-item-wrapper,
.tss-wrapper .tss-layout9 .single-item-wrapper *,
.tss-wrapper .tss-isotope4 .single-item-wrapper,
.tss-wrapper .tss-isotope4 .single-item-wrapper *,
.tss-wrapper .tss-carousel9 .single-item-wrapper,
.tss-wrapper .tss-carousel9 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .tss-wrapper .tss-layout9 .single-item-wrapper,
.tss-wrapper .tss-isotope4 .single-item-wrapper,
.tss-wrapper .tss-carousel9 .single-item-wrapper {
position: relative;
width: 100%;
margin-bottom: 0;
aspect-ratio: 1 / 1;
text-align: center;
border-radius: 50%;
background: linear-gradient(155deg, var(--tss-primary, #3858e9), var(--tss-primary-hover, #2843c4));
outline: none;
} .tss-wrapper .tss-layout9 .profile-img-wrapper,
.tss-wrapper .tss-isotope4 .profile-img-wrapper,
.tss-wrapper .tss-carousel9 .profile-img-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
margin: 0;
}
.tss-wrapper .tss-layout9 .profile-img-wrapper a,
.tss-wrapper .tss-isotope4 .profile-img-wrapper a,
.tss-wrapper .tss-carousel9 .profile-img-wrapper a {
display: block;
width: 100%;
height: 100%;
}
.tss-wrapper .tss-layout9 .profile-img-wrapper img,
.tss-wrapper .tss-isotope4 .profile-img-wrapper img,
.tss-wrapper .tss-carousel9 .profile-img-wrapper img {
display: block;
width: 100%;
height: 100%;
max-width: none;
margin: 0;
object-fit: cover;
border: 3px solid var(--tss-primary, #3858e9);
border-radius: 50%;
background: var(--tss-panel, #f7f8fb); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.22, 0.28, 1), filter 0.35s ease;
transition: transform 0.35s cubic-bezier(0.4, 0.22, 0.28, 1), filter 0.35s ease;
} .tss-wrapper .tss-layout9 .profile-img-wrapper:before,
.tss-wrapper .tss-isotope4 .profile-img-wrapper:before,
.tss-wrapper .tss-carousel9 .profile-img-wrapper:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
width: auto;
height: auto;
border-radius: 50%;
background: linear-gradient(155deg, var(--tss-primary, #3858e9), var(--tss-primary-hover, #2843c4));
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: opacity 0.32s cubic-bezier(0.4, 0.22, 0.28, 1), -webkit-transform 0.32s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: opacity 0.32s cubic-bezier(0.4, 0.22, 0.28, 1), transform 0.32s cubic-bezier(0.4, 0.22, 0.28, 1);
pointer-events: none;
} .tss-wrapper .tss-layout9 .profile-img-wrapper:after,
.tss-wrapper .tss-isotope4 .profile-img-wrapper:after,
.tss-wrapper .tss-carousel9 .profile-img-wrapper:after {
content: "\F10D";
position: absolute;
top: 6%;
right: 6%;
left: auto;
z-index: 4;
width: 46px;
height: 46px;
font-family: "tss-font";
font-size: 20px;
line-height: 46px;
color: #ffffff;
background: var(--tss-primary, #3858e9);
border-radius: 50%;
-webkit-box-shadow: 0 6px 16px rgba(56, 88, 233, 0.4);
-webkit-box-shadow: 0 6px 16px color-mix(in srgb, var(--tss-primary, #3858e9) 40%, transparent);
box-shadow: 0 6px 16px rgba(56, 88, 233, 0.4);
box-shadow: 0 6px 16px color-mix(in srgb, var(--tss-primary, #3858e9) 40%, transparent);
-webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
transition: opacity 0.25s ease, transform 0.25s ease;
pointer-events: none;
} .tss-wrapper .tss-layout9 .item-content-wrapper,
.tss-wrapper .tss-isotope4 .item-content-wrapper,
.tss-wrapper .tss-carousel9 .item-content-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 17%;
border-radius: 50%;
text-align: center; overflow: hidden;
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: opacity 0.32s cubic-bezier(0.4, 0.22, 0.28, 1), -webkit-transform 0.32s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: opacity 0.32s cubic-bezier(0.4, 0.22, 0.28, 1), transform 0.32s cubic-bezier(0.4, 0.22, 0.28, 1);
pointer-events: none;
} .tss-wrapper .tss-layout9 .single-item-wrapper:hover .profile-img-wrapper img,
.tss-wrapper .tss-layout9 .single-item-wrapper:focus-within .profile-img-wrapper img,
.tss-wrapper .tss-layout9 .single-item-wrapper.tss-is-revealed .profile-img-wrapper img,
.tss-wrapper .tss-isotope4 .single-item-wrapper:hover .profile-img-wrapper img,
.tss-wrapper .tss-isotope4 .single-item-wrapper:focus-within .profile-img-wrapper img,
.tss-wrapper .tss-isotope4 .single-item-wrapper.tss-is-revealed .profile-img-wrapper img,
.tss-wrapper .tss-carousel9 .single-item-wrapper:hover .profile-img-wrapper img,
.tss-wrapper .tss-carousel9 .single-item-wrapper:focus-within .profile-img-wrapper img,
.tss-wrapper .tss-carousel9 .single-item-wrapper.tss-is-revealed .profile-img-wrapper img {
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-filter: saturate(0.6) brightness(0.9);
filter: saturate(0.6) brightness(0.9);
}
.tss-wrapper .tss-layout9 .single-item-wrapper:hover .profile-img-wrapper:before,
.tss-wrapper .tss-layout9 .single-item-wrapper:focus-within .profile-img-wrapper:before,
.tss-wrapper .tss-layout9 .single-item-wrapper.tss-is-revealed .profile-img-wrapper:before,
.tss-wrapper .tss-isotope4 .single-item-wrapper:hover .profile-img-wrapper:before,
.tss-wrapper .tss-isotope4 .single-item-wrapper:focus-within .profile-img-wrapper:before,
.tss-wrapper .tss-isotope4 .single-item-wrapper.tss-is-revealed .profile-img-wrapper:before,
.tss-wrapper .tss-carousel9 .single-item-wrapper:hover .profile-img-wrapper:before,
.tss-wrapper .tss-carousel9 .single-item-wrapper:focus-within .profile-img-wrapper:before,
.tss-wrapper .tss-carousel9 .single-item-wrapper.tss-is-revealed .profile-img-wrapper:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.tss-wrapper .tss-layout9 .single-item-wrapper:hover .profile-img-wrapper:after,
.tss-wrapper .tss-layout9 .single-item-wrapper:focus-within .profile-img-wrapper:after,
.tss-wrapper .tss-layout9 .single-item-wrapper.tss-is-revealed .profile-img-wrapper:after,
.tss-wrapper .tss-isotope4 .single-item-wrapper:hover .profile-img-wrapper:after,
.tss-wrapper .tss-isotope4 .single-item-wrapper:focus-within .profile-img-wrapper:after,
.tss-wrapper .tss-isotope4 .single-item-wrapper.tss-is-revealed .profile-img-wrapper:after,
.tss-wrapper .tss-carousel9 .single-item-wrapper:hover .profile-img-wrapper:after,
.tss-wrapper .tss-carousel9 .single-item-wrapper:focus-within .profile-img-wrapper:after,
.tss-wrapper .tss-carousel9 .single-item-wrapper.tss-is-revealed .profile-img-wrapper:after {
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.tss-wrapper .tss-layout9 .single-item-wrapper:hover .item-content-wrapper,
.tss-wrapper .tss-layout9 .single-item-wrapper:focus-within .item-content-wrapper,
.tss-wrapper .tss-layout9 .single-item-wrapper.tss-is-revealed .item-content-wrapper,
.tss-wrapper .tss-isotope4 .single-item-wrapper:hover .item-content-wrapper,
.tss-wrapper .tss-isotope4 .single-item-wrapper:focus-within .item-content-wrapper,
.tss-wrapper .tss-isotope4 .single-item-wrapper.tss-is-revealed .item-content-wrapper,
.tss-wrapper .tss-carousel9 .single-item-wrapper:hover .item-content-wrapper,
.tss-wrapper .tss-carousel9 .single-item-wrapper:focus-within .item-content-wrapper,
.tss-wrapper .tss-carousel9 .single-item-wrapper.tss-is-revealed .item-content-wrapper {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
pointer-events: auto;
} .tss-wrapper .tss-layout9 .rating-wrapper,
.tss-wrapper .tss-isotope4 .rating-wrapper,
.tss-wrapper .tss-carousel9 .rating-wrapper {
margin: 0 0 10px;
line-height: 1;
} .tss-wrapper .tss-layout9 .single-item-wrapper .rating-wrapper span.dashicons,
.tss-wrapper .tss-isotope4 .single-item-wrapper .rating-wrapper span.dashicons,
.tss-wrapper .tss-carousel9 .single-item-wrapper .rating-wrapper span.dashicons {
display: inline-block;
vertical-align: middle;
width: auto;
height: auto;
margin: 0 1px;
font-size: 15px;
line-height: 1;
color: var(--tss-star, #f5b800);
} .tss-wrapper .tss-layout9 .single-item-wrapper .rating-wrapper span.dashicons-star-empty,
.tss-wrapper .tss-isotope4 .single-item-wrapper .rating-wrapper span.dashicons-star-empty,
.tss-wrapper .tss-carousel9 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: rgba(255, 255, 255, 0.45);
}
.tss-wrapper .tss-layout9 .item-content,
.tss-wrapper .tss-isotope4 .item-content,
.tss-wrapper .tss-carousel9 .item-content {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
margin: 0 0 12px;
font-size: 13.5px;
font-style: italic;
line-height: 1.55;
color: rgba(255, 255, 255, 0.95);
}
.tss-wrapper .tss-layout9 .item-content p:last-child,
.tss-wrapper .tss-isotope4 .item-content p:last-child,
.tss-wrapper .tss-carousel9 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-layout9 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope4 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel9 .single-item-wrapper h3.author-name {
margin: 0;
font-size: 17px;
font-weight: 700;
line-height: 1.3;
letter-spacing: -0.01em;
text-align: center;
color: #ffffff;
}
.tss-wrapper .tss-layout9 .single-item-wrapper h3.author-name a,
.tss-wrapper .tss-isotope4 .single-item-wrapper h3.author-name a,
.tss-wrapper .tss-carousel9 .single-item-wrapper h3.author-name a {
color: inherit;
}
.tss-wrapper .tss-layout9 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-isotope4 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-carousel9 .single-item-wrapper h4.author-bio {
margin: 2px 0 0;
font-size: 12.5px;
font-weight: 500;
line-height: 1.4;
text-align: center;
color: rgba(255, 255, 255, 0.82);
} .tss-wrapper .tss-layout9 .single-item-wrapper .author-social,
.tss-wrapper .tss-isotope4 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel9 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout9 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-isotope4 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-carousel9 .single-item-wrapper .tss-social-share {
margin: 10px 0 0;
line-height: 1;
}
.tss-wrapper .tss-layout9 .single-item-wrapper .author-social a,
.tss-wrapper .tss-isotope4 .single-item-wrapper .author-social a,
.tss-wrapper .tss-carousel9 .single-item-wrapper .author-social a,
.tss-wrapper .tss-layout9 .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-isotope4 .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-carousel9 .single-item-wrapper .tss-social-share a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
width: 28px;
height: 28px;
margin: 0 3px;
font-size: 15px;
line-height: 28px;
text-align: center;
color: #ffffff;
background: rgba(255, 255, 255, 0.18);
border: 0;
border-radius: 50%;
-webkit-transition: background 0.2s ease, color 0.2s ease;
transition: background 0.2s ease, color 0.2s ease;
}
.tss-wrapper .tss-layout9 .single-item-wrapper .author-social a:hover,
.tss-wrapper .tss-isotope4 .single-item-wrapper .author-social a:hover,
.tss-wrapper .tss-carousel9 .single-item-wrapper .author-social a:hover,
.tss-wrapper .tss-layout9 .single-item-wrapper .tss-social-share a:hover,
.tss-wrapper .tss-isotope4 .single-item-wrapper .tss-social-share a:hover,
.tss-wrapper .tss-carousel9 .single-item-wrapper .tss-social-share a:hover {
color: var(--tss-primary, #3858e9);
background: #ffffff;
}
.tss-wrapper .tss-layout9 .single-item-wrapper .author-social a .dashicons,
.tss-wrapper .tss-isotope4 .single-item-wrapper .author-social a .dashicons,
.tss-wrapper .tss-carousel9 .single-item-wrapper .author-social a .dashicons,
.tss-wrapper .tss-layout9 .single-item-wrapper .tss-social-share a .dashicons,
.tss-wrapper .tss-isotope4 .single-item-wrapper .tss-social-share a .dashicons,
.tss-wrapper .tss-carousel9 .single-item-wrapper .tss-social-share a .dashicons { width: 1em;
height: 1em;
font-size: inherit;
line-height: 1;
vertical-align: middle;
} @media (max-width: 991px) {
.tss-wrapper .tss-layout9 .item-content-wrapper,
.tss-wrapper .tss-isotope4 .item-content-wrapper,
.tss-wrapper .tss-carousel9 .item-content-wrapper {
padding: 15%;
}
.tss-wrapper .tss-layout9 .item-content,
.tss-wrapper .tss-isotope4 .item-content,
.tss-wrapper .tss-carousel9 .item-content {
-webkit-line-clamp: 4;
font-size: 13px;
}
}
@media (max-width: 767px) {
.tss-wrapper .tss-layout9 .tss-grid-item,
.tss-wrapper .tss-isotope4 .tss-grid-item {
margin-bottom: 22px;
}
.tss-wrapper .tss-layout9 .profile-img-wrapper:after,
.tss-wrapper .tss-isotope4 .profile-img-wrapper:after,
.tss-wrapper .tss-carousel9 .profile-img-wrapper:after {
width: 38px;
height: 38px;
font-size: 17px;
line-height: 38px;
}
.tss-wrapper .tss-layout9 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope4 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel9 .single-item-wrapper h3.author-name {
font-size: 16px;
}
}
@media (max-width: 480px) {
.tss-wrapper .tss-layout9 .item-content-wrapper,
.tss-wrapper .tss-isotope4 .item-content-wrapper,
.tss-wrapper .tss-carousel9 .item-content-wrapper {
padding: 13%;
}
.tss-wrapper .tss-layout9 .item-content,
.tss-wrapper .tss-isotope4 .item-content,
.tss-wrapper .tss-carousel9 .item-content {
-webkit-line-clamp: 3;
margin-bottom: 8px;
font-size: 12px;
}
.tss-wrapper .tss-layout9 .rating-wrapper,
.tss-wrapper .tss-isotope4 .rating-wrapper,
.tss-wrapper .tss-carousel9 .rating-wrapper {
margin-bottom: 6px;
}
.tss-wrapper .tss-layout9 .single-item-wrapper .rating-wrapper span.dashicons,
.tss-wrapper .tss-isotope4 .single-item-wrapper .rating-wrapper span.dashicons,
.tss-wrapper .tss-carousel9 .single-item-wrapper .rating-wrapper span.dashicons {
font-size: 13px;
}
.tss-wrapper .tss-layout9 .profile-img-wrapper:after,
.tss-wrapper .tss-isotope4 .profile-img-wrapper:after,
.tss-wrapper .tss-carousel9 .profile-img-wrapper:after {
width: 32px;
height: 32px;
font-size: 15px;
line-height: 32px;
}
.tss-wrapper .tss-layout9 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope4 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel9 .single-item-wrapper h3.author-name {
font-size: 15px;
}
.tss-wrapper .tss-layout9 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-isotope4 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-carousel9 .single-item-wrapper h4.author-bio {
font-size: 11.5px;
}
.tss-wrapper .tss-layout9 .single-item-wrapper .author-social a,
.tss-wrapper .tss-isotope4 .single-item-wrapper .author-social a,
.tss-wrapper .tss-carousel9 .single-item-wrapper .author-social a,
.tss-wrapper .tss-layout9 .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-isotope4 .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-carousel9 .single-item-wrapper .tss-social-share a {
width: 24px;
height: 24px;
margin: 0 2px;
font-size: 13px;
line-height: 24px;
}
} @media (max-width: 400px) {
.tss-wrapper .tss-layout9 .item-content-wrapper,
.tss-wrapper .tss-isotope4 .item-content-wrapper,
.tss-wrapper .tss-carousel9 .item-content-wrapper {
padding: 11%;
}
.tss-wrapper .tss-layout9 .item-content,
.tss-wrapper .tss-isotope4 .item-content,
.tss-wrapper .tss-carousel9 .item-content {
-webkit-line-clamp: 2;
margin-bottom: 6px;
}
.tss-wrapper .tss-layout9 .rating-wrapper,
.tss-wrapper .tss-isotope4 .rating-wrapper,
.tss-wrapper .tss-carousel9 .rating-wrapper {
margin-bottom: 4px;
}
.tss-wrapper .tss-layout9 .single-item-wrapper .author-social,
.tss-wrapper .tss-isotope4 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel9 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout9 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-isotope4 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-carousel9 .single-item-wrapper .tss-social-share {
margin-top: 6px;
}
.tss-wrapper .tss-layout9 .single-item-wrapper .author-social a,
.tss-wrapper .tss-isotope4 .single-item-wrapper .author-social a,
.tss-wrapper .tss-carousel9 .single-item-wrapper .author-social a,
.tss-wrapper .tss-layout9 .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-isotope4 .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-carousel9 .single-item-wrapper .tss-social-share a {
width: 22px;
height: 22px;
font-size: 12px;
line-height: 22px;
}
}    .tss-wrapper .tss-layout10,
.tss-wrapper .tss-isotope5,
.tss-wrapper .tss-carousel10 {
padding: 0;
}
.tss-wrapper .tss-layout10 .single-item,
.tss-wrapper .tss-isotope5 .single-item,
.tss-wrapper .tss-carousel10 .single-item {
padding: 0;
}
.tss-wrapper .tss-layout10 .tss-grid-item,
.tss-wrapper .tss-isotope5 .tss-grid-item {
margin-bottom: 34px;
} .tss-wrapper .tss-layout10 .single-item-wrapper,
.tss-wrapper .tss-layout10 .single-item-wrapper *,
.tss-wrapper .tss-isotope5 .single-item-wrapper,
.tss-wrapper .tss-isotope5 .single-item-wrapper *,
.tss-wrapper .tss-carousel10 .single-item-wrapper,
.tss-wrapper .tss-carousel10 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .tss-wrapper .tss-layout10 .single-item-wrapper,
.tss-wrapper .tss-isotope5 .single-item-wrapper,
.tss-wrapper .tss-carousel10 .single-item-wrapper {
position: relative;
display: flow-root;
background: none;
border: 0;
padding: 0;
} .tss-wrapper .tss-layout10 .item-content-wrapper,
.tss-wrapper .tss-isotope5 .item-content-wrapper,
.tss-wrapper .tss-carousel10 .item-content-wrapper {
margin: 0;
padding: 0;
} .tss-wrapper .tss-layout10 .tss-meta-info,
.tss-wrapper .tss-isotope5 .tss-meta-info,
.tss-wrapper .tss-carousel10 .tss-meta-info {
float: var(--tss-a10-float, right);
display: var(--tss-a10-md, block);
margin: var(--tss-a10-m, 0 4px 10px 18px);
}
.tss-wrapper .tss-layout10 .profile-img-wrapper,
.tss-wrapper .tss-isotope5 .profile-img-wrapper,
.tss-wrapper .tss-carousel10 .profile-img-wrapper {
position: static;
display: block;
width: 84px;
height: 84px;
margin: 0;
padding: 0;
}
.tss-wrapper .tss-layout10 .profile-img-wrapper img,
.tss-wrapper .tss-isotope5 .profile-img-wrapper img,
.tss-wrapper .tss-carousel10 .profile-img-wrapper img {
display: block;
width: 84px;
height: 84px;
max-width: none;
margin: 0;
object-fit: cover;
background: #eef0f4;
border: 4px solid #ffffff;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 1.5px #dde3fc, 0 10px 22px rgba(27, 31, 42, 0.16);
-webkit-box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff), 0 10px 22px rgba(27, 31, 42, 0.16);
box-shadow: 0 0 0 1.5px #dde3fc, 0 10px 22px rgba(27, 31, 42, 0.16);
box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff), 0 10px 22px rgba(27, 31, 42, 0.16);
}  .tss-wrapper .tss-layout10 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope5 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel10 .single-item-wrapper h3.author-name {
clear: none;
margin: 0;
font-size: 21px;
font-weight: 700;
line-height: 1.3;
letter-spacing: -0.01em;
text-align: var(--tss-a10-ta, left);
color: var(--tss-ink, #1b1f2a);
}
.tss-wrapper .tss-layout10 .single-item-wrapper h3.author-name a,
.tss-wrapper .tss-isotope5 .single-item-wrapper h3.author-name a,
.tss-wrapper .tss-carousel10 .single-item-wrapper h3.author-name a {
color: inherit;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout10 .single-item-wrapper h3.author-name a:hover,
.tss-wrapper .tss-isotope5 .single-item-wrapper h3.author-name a:hover,
.tss-wrapper .tss-carousel10 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-layout10 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-isotope5 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-carousel10 .single-item-wrapper h4.author-bio {
clear: none;
display: block;
margin: 3px 0 8px;
font-size: 14.5px;
font-weight: 500;
line-height: 1.45;
text-align: var(--tss-a10-ta, left);
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-layout10 .rating-wrapper,
.tss-wrapper .tss-isotope5 .rating-wrapper,
.tss-wrapper .tss-carousel10 .rating-wrapper {
display: var(--tss-a10-rd, block);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 var(--tss-a10-mr, 0) 4px var(--tss-a10-rml, 0);
line-height: 1;
} .tss-wrapper .tss-layout10 .item-content-wrapper > .author-social,
.tss-wrapper .tss-isotope5 .item-content-wrapper > .author-social,
.tss-wrapper .tss-carousel10 .item-content-wrapper > .author-social {
text-align: var(--tss-a10-ta, left);
} .tss-wrapper .tss-layout10 .single-item-wrapper .rating-wrapper span.dashicons,
.tss-wrapper .tss-isotope5 .single-item-wrapper .rating-wrapper span.dashicons,
.tss-wrapper .tss-carousel10 .single-item-wrapper .rating-wrapper span.dashicons {
display: inline-block;
vertical-align: middle;
width: auto;
height: auto;
margin: 0 1.5px 0 0;
font-size: 17px;
line-height: 1;
color: var(--tss-star, #f5b800);
}
.tss-wrapper .tss-layout10 .single-item-wrapper .rating-wrapper span.dashicons-star-empty,
.tss-wrapper .tss-isotope5 .single-item-wrapper .rating-wrapper span.dashicons-star-empty,
.tss-wrapper .tss-carousel10 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}  .tss-wrapper .tss-layout10 .item-content,
.tss-wrapper .tss-isotope5 .item-content,
.tss-wrapper .tss-carousel10 .item-content {
position: relative;
clear: both;
margin: 18px 0 0;
padding: 28px 30px 26px;
background: #f5f7ff;
border: 1px solid #e4e8fb;
border: 1px solid color-mix(in srgb, var(--tss-primary, #3858e9) 12%, #fff);
border-radius: var(--tss-radius, 16px);
font-size: 15.5px;
line-height: 1.72;
text-align: left;
color: #3c4150;
-webkit-box-shadow: 0 1px 2px rgba(27, 31, 42, 0.03), 0 10px 26px rgba(56, 88, 233, 0.07);
-webkit-box-shadow: 0 1px 2px rgba(27, 31, 42, 0.03), 0 10px 26px color-mix(in srgb, var(--tss-primary, #3858e9) 7%, transparent);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.03), 0 10px 26px rgba(56, 88, 233, 0.07);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.03), 0 10px 26px color-mix(in srgb, var(--tss-primary, #3858e9) 7%, transparent);
-webkit-transition: -webkit-transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
transition: transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.22s ease, border-color 0.22s ease;
} .tss-wrapper .tss-layout10 .single-item-wrapper:hover .item-content,
.tss-wrapper .tss-isotope5 .single-item-wrapper:hover .item-content,
.tss-wrapper .tss-carousel10 .single-item-wrapper:hover .item-content {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
border-color: #cdd6ff;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 28%, #fff);
-webkit-box-shadow: 0 1px 2px rgba(27, 31, 42, 0.04), 0 18px 40px rgba(56, 88, 233, 0.12);
-webkit-box-shadow: 0 1px 2px rgba(27, 31, 42, 0.04), 0 18px 40px color-mix(in srgb, var(--tss-primary, #3858e9) 12%, transparent);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.04), 0 18px 40px rgba(56, 88, 233, 0.12);
box-shadow: 0 1px 2px rgba(27, 31, 42, 0.04), 0 18px 40px color-mix(in srgb, var(--tss-primary, #3858e9) 12%, transparent);
} .tss-wrapper .tss-layout10 .item-content:after,
.tss-wrapper .tss-isotope5 .item-content:after,
.tss-wrapper .tss-carousel10 .item-content:after {
content: "";
position: absolute;
top: -9px;
left: var(--tss-a10-tail-l, 34px);
right: auto;
bottom: auto;
width: 16px;
height: 16px;
background: #f5f7ff;
border: 0;
border-left: 1px solid #e4e8fb;
border-left: 1px solid color-mix(in srgb, var(--tss-primary, #3858e9) 12%, #fff);
border-top: 1px solid #e4e8fb;
border-top: 1px solid color-mix(in srgb, var(--tss-primary, #3858e9) 12%, #fff);
border-top-left-radius: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: border-color 0.22s ease;
transition: border-color 0.22s ease;
}
.tss-wrapper .tss-layout10 .single-item-wrapper:hover .item-content:after,
.tss-wrapper .tss-isotope5 .single-item-wrapper:hover .item-content:after,
.tss-wrapper .tss-carousel10 .single-item-wrapper:hover .item-content:after {
border-color: #cdd6ff;
border-color: color-mix(in srgb, var(--tss-primary, #3858e9) 28%, #fff);
}
.tss-wrapper .tss-layout10 .tss-quote,
.tss-wrapper .tss-isotope5 .tss-quote,
.tss-wrapper .tss-carousel10 .tss-quote {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 9;
overflow: hidden;
}
.tss-wrapper .tss-layout10 .tss-quote p:last-child,
.tss-wrapper .tss-isotope5 .tss-quote p:last-child,
.tss-wrapper .tss-carousel10 .tss-quote p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-layout10 .single-item-wrapper.tss-expanded .tss-quote,
.tss-wrapper .tss-layout10 .single-item-wrapper.tss-no-clamp .tss-quote,
.tss-wrapper .tss-isotope5 .single-item-wrapper.tss-expanded .tss-quote,
.tss-wrapper .tss-isotope5 .single-item-wrapper.tss-no-clamp .tss-quote,
.tss-wrapper .tss-carousel10 .single-item-wrapper.tss-expanded .tss-quote,
.tss-wrapper .tss-carousel10 .single-item-wrapper.tss-no-clamp .tss-quote {
display: block;
-webkit-line-clamp: unset;
overflow: visible;
}  .tss-wrapper .tss-layout10 .single-item-wrapper .author-social,
.tss-wrapper .tss-isotope5 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel10 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout10 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-isotope5 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-carousel10 .single-item-wrapper .tss-social-share {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 14px 0 0;
text-align: left;
line-height: 1;
}
.tss-wrapper .tss-layout10 .single-item-wrapper .author-social a,
.tss-wrapper .tss-isotope5 .single-item-wrapper .author-social a,
.tss-wrapper .tss-carousel10 .single-item-wrapper .author-social a,
.tss-wrapper .tss-layout10 .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-isotope5 .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-carousel10 .single-item-wrapper .tss-social-share a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
width: 32px;
height: 32px;
margin: 0 6px 0 0;
font-size: 15px;
line-height: 32px;
text-align: center;
color: var(--tss-muted, #6a6f7e);
background: #f5f7ff;
border: 1px solid #e4e8fb;
border: 1px solid color-mix(in srgb, var(--tss-primary, #3858e9) 12%, #fff);
border-radius: 50%;
-webkit-transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
.tss-wrapper .tss-layout10 .single-item-wrapper .author-social a:hover,
.tss-wrapper .tss-isotope5 .single-item-wrapper .author-social a:hover,
.tss-wrapper .tss-carousel10 .single-item-wrapper .author-social a:hover,
.tss-wrapper .tss-layout10 .single-item-wrapper .tss-social-share a:hover,
.tss-wrapper .tss-isotope5 .single-item-wrapper .tss-social-share a:hover,
.tss-wrapper .tss-carousel10 .single-item-wrapper .tss-social-share a:hover {
color: #ffffff;
background: var(--tss-primary, #3858e9);
border-color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-layout10 .single-item-wrapper .author-social a .dashicons,
.tss-wrapper .tss-isotope5 .single-item-wrapper .author-social a .dashicons,
.tss-wrapper .tss-carousel10 .single-item-wrapper .author-social a .dashicons,
.tss-wrapper .tss-layout10 .single-item-wrapper .tss-social-share a .dashicons,
.tss-wrapper .tss-isotope5 .single-item-wrapper .tss-social-share a .dashicons,
.tss-wrapper .tss-carousel10 .single-item-wrapper .tss-social-share a .dashicons { width: 1em;
height: 1em;
font-size: inherit;
line-height: 1;
vertical-align: middle;
} @media (max-width: 767px) {
.tss-wrapper .tss-layout10 .tss-grid-item,
.tss-wrapper .tss-isotope5 .tss-grid-item {
margin-bottom: 26px;
}
.tss-wrapper .tss-layout10 .item-content,
.tss-wrapper .tss-isotope5 .item-content,
.tss-wrapper .tss-carousel10 .item-content {
padding: 24px 24px 22px;
font-size: 15px;
}
.tss-wrapper .tss-layout10 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope5 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel10 .single-item-wrapper h3.author-name {
font-size: 19px;
}
}
@media (max-width: 480px) {
.tss-wrapper .tss-layout10 .tss-meta-info,
.tss-wrapper .tss-isotope5 .tss-meta-info,
.tss-wrapper .tss-carousel10 .tss-meta-info {
margin-left: var(--tss-a10-ml, 14px);
}
.tss-wrapper .tss-layout10 .profile-img-wrapper,
.tss-wrapper .tss-isotope5 .profile-img-wrapper,
.tss-wrapper .tss-carousel10 .profile-img-wrapper,
.tss-wrapper .tss-layout10 .profile-img-wrapper img,
.tss-wrapper .tss-isotope5 .profile-img-wrapper img,
.tss-wrapper .tss-carousel10 .profile-img-wrapper img {
width: 64px;
height: 64px;
}
.tss-wrapper .tss-layout10 .profile-img-wrapper img,
.tss-wrapper .tss-isotope5 .profile-img-wrapper img,
.tss-wrapper .tss-carousel10 .profile-img-wrapper img {
border-width: 3px;
}
.tss-wrapper .tss-layout10 .item-content,
.tss-wrapper .tss-isotope5 .item-content,
.tss-wrapper .tss-carousel10 .item-content {
margin-top: 16px;
padding: 20px 20px 18px;
font-size: 14.5px;
line-height: 1.66;
}
.tss-wrapper .tss-layout10 .item-content:after,
.tss-wrapper .tss-isotope5 .item-content:after,
.tss-wrapper .tss-carousel10 .item-content:after {
left: var(--tss-a10-tail-l, 24px);
}
.tss-wrapper .tss-layout10 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope5 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel10 .single-item-wrapper h3.author-name {
font-size: 18px;
}
.tss-wrapper .tss-layout10 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-isotope5 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-carousel10 .single-item-wrapper h4.author-bio {
font-size: 13.5px;
}
.tss-wrapper .tss-layout10 .single-item-wrapper .author-social a,
.tss-wrapper .tss-isotope5 .single-item-wrapper .author-social a,
.tss-wrapper .tss-carousel10 .single-item-wrapper .author-social a,
.tss-wrapper .tss-layout10 .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-isotope5 .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-carousel10 .single-item-wrapper .tss-social-share a {
width: 28px;
height: 28px;
margin-right: 5px;
font-size: 14px;
line-height: 28px;
}
}    .tss-wrapper .tss-carousel11 .single-item {
padding: 0;
}
.tss-wrapper .tss-carousel11 .tss-grid-item {
margin-bottom: 0;
} .tss-wrapper .tss-carousel11 .single-item-wrapper,
.tss-wrapper .tss-carousel11 .single-item-wrapper *,
.tss-wrapper .tss-carousel11 .tss-carousel-thumb,
.tss-wrapper .tss-carousel11 .tss-carousel-thumb * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tss-wrapper .tss-carousel11 .single-item-wrapper {
background: transparent;
text-align: center;
}  .tss-wrapper .tss-carousel11 .tss-carousel-thumb {
max-width: 554px;
margin-left: auto;
margin-right: auto;
padding-left: 70px;
padding-right: 70px;
} .tss-wrapper .tss-carousel11 .tss-carousel-thumb .swiper-wrapper { min-height: 176px;
padding: 22px 0 26px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} .tss-wrapper .tss-carousel11 .tss-carousel-thumb .profile-img-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
text-align: center;
cursor: pointer;
background: none;
border-radius: 50%;
}
.tss-wrapper .tss-carousel11 .tss-carousel-thumb .profile-img-wrapper:before {
content: none;
display: none;
}
.tss-wrapper .tss-carousel11 .tss-carousel-thumb .profile-img-wrapper:focus {
outline: none;
} .tss-wrapper .tss-carousel11 .tss-carousel-thumb .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.tss-wrapper .tss-carousel11 .tss-carousel-thumb .profile-img-wrapper-inner {
position: relative;
display: block;
width: 84px;
height: 84px;
line-height: 0;
opacity: 0.5;
-webkit-filter: grayscale(1);
filter: grayscale(1); -webkit-transition: opacity 0.2s ease, -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
transition: opacity 0.2s ease, filter 0.2s ease, transform 0.2s ease;
}
.tss-wrapper .tss-carousel11 .tss-carousel-thumb .profile-img-wrapper-inner a {
display: block;
width: 100%;
height: 100%;
line-height: 0;
} .tss-wrapper .tss-carousel11 .tss-carousel-thumb .profile-img-wrapper img {
display: block;
width: 100%;
height: 100%;
max-width: none;
margin: 0;
object-fit: cover;
border-radius: 50%;
background: var(--tss-line-soft, #ebecf1);
border: 1px solid var(--tss-line, #e7e8ee);
-webkit-transform: none;
transform: none;
}
.tss-wrapper .tss-carousel11 .tss-carousel-thumb .profile-img-wrapper:hover .profile-img-wrapper-inner {
opacity: 0.85;
-webkit-filter: grayscale(0.3);
filter: grayscale(0.3);
-webkit-transform: scale(1.05);
transform: scale(1.05);
} .tss-wrapper .tss-carousel11 .tss-carousel-thumb .swiper-slide-active .profile-img-wrapper-inner {
width: 128px;
height: 128px;
opacity: 1;
-webkit-filter: none;
filter: none;
}
.tss-wrapper .tss-carousel11 .tss-carousel-thumb .swiper-slide-active:hover .profile-img-wrapper-inner {
-webkit-transform: none;
transform: none;
}
.tss-wrapper .tss-carousel11 .tss-carousel-thumb .swiper-slide-active img {
border: 2px solid #fff;
-webkit-box-shadow: 0 0 0 3px #3858e9, 0 2px 6px rgba(26, 26, 26, 0.1);
-webkit-box-shadow: 0 0 0 3px var(--tss-primary, #3858e9), 0 2px 6px rgba(26, 26, 26, 0.1);
box-shadow: 0 0 0 3px #3858e9, 0 2px 6px rgba(26, 26, 26, 0.1);
box-shadow: 0 0 0 3px var(--tss-primary, #3858e9), 0 2px 6px rgba(26, 26, 26, 0.1);
} .tss-wrapper .tss-carousel11 .tss-carousel-thumb .swiper-slide-active .profile-img-wrapper-inner:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 34px;
height: 34px;
border-radius: 50%;
border: 3px solid #fff;
background-color: var(--tss-primary, #3858e9);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9.5 7C7 7 5 9 5 11.5V17h5.5v-5.5H8c0-1.4 1.1-2.5 2.5-2.5V7zm9 0C16 7 14 9 14 11.5V17h5.5v-5.5H17c0-1.4 1.1-2.5 2.5-2.5V7z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: 20px;
}  .tss-wrapper .tss-carousel11 .item-content-wrapper {
padding: 0;
margin-top: 0;
} .tss-wrapper .tss-carousel11 .item-content-wrapper .item-content {
font-style: normal;
font-size: 16px;
line-height: 1.5;
color: var(--tss-ink, #1f2330);
max-width: 62ch;
margin: 0 auto;
padding: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
min-height: 9em;
}
.tss-wrapper .tss-carousel11 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-carousel11 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
}  .tss-wrapper .tss-carousel11 .item-content p {
width: auto;
margin: 0 auto 12px;
}
.tss-wrapper .tss-carousel11 .item-content p:first-of-type:before {
content: "\201C";
}
.tss-wrapper .tss-carousel11 .item-content p:last-of-type:after {
content: "\201D";
} .tss-wrapper .tss-carousel11 .item-content:not(:has(p)):before {
content: "\201C";
}
.tss-wrapper .tss-carousel11 .item-content:not(:has(p)):after {
content: "\201D";
}
.tss-wrapper .tss-carousel11 .item-content p:last-child {
margin-bottom: 0;
}
.tss-wrapper .tss-carousel11 .single-item-wrapper h3.author-name {
margin: 24px 0 0;
padding: 0;
font-size: 16px;
line-height: 1.5;
font-weight: 600;
letter-spacing: -0.01em;
color: var(--tss-ink, #1f2330);
text-align: center;
display: block;
clear: none;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel11 .single-item-wrapper h3.author-name a {
color: inherit;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel11 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-carousel11 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-carousel11 .single-item-wrapper h4.author-bio {
margin: 4px 0 0;
padding: 0;
font-size: 14px;
line-height: 1.43;
font-weight: 400;
color: var(--tss-muted, #6a6f7e);
text-align: center;
clear: none;
} .tss-wrapper .tss-carousel11 .rating-wrapper {
display: block;
margin: 16px 0 0;
line-height: 1;
text-align: center;
} .tss-wrapper .tss-carousel11 .single-item-wrapper .rating-wrapper span.dashicons {
display: inline-block;
vertical-align: middle;
width: auto;
height: auto;
margin: 0 1px;
color: var(--tss-star, #f5b800);
font-size: 20px;
line-height: 1;
}
.tss-wrapper .tss-carousel11 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-carousel11 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel11 .single-item-wrapper .tss-social-share {
display: block;
margin: 14px 0 0;
text-align: center;
}
.tss-wrapper .tss-carousel11 .tss-social-share .share-icons,
.tss-wrapper .tss-carousel11 .author-social .tss-social-label {
display: inline-block;
margin-right: 4px;
font-size: 12px;
line-height: 1.4;
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-carousel11 .author-social a,
.tss-wrapper .tss-carousel11 .tss-social-share a {
width: auto;
height: auto;
min-width: 32px;
min-height: 32px;
padding: 8px;
margin: 0 3px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
color: var(--tss-primary, #3858e9);
background: var(--tss-primary-soft, #eef1fe);
-webkit-transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper .tss-carousel11 .author-social a:hover,
.tss-wrapper .tss-carousel11 .tss-social-share a:hover {
color: #fff;
background: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-carousel11 .author-social a span.dashicons,
.tss-wrapper .tss-carousel11 .author-social a i,
.tss-wrapper .tss-carousel11 .tss-social-share a span.dashicons,
.tss-wrapper .tss-carousel11 .tss-social-share a i { margin: 0;
width: auto;
height: auto;
font-size: 15px;
line-height: 1;
} .tss-wrapper .tss-carousel11 .author-social .dashicons-skype:before,
.tss-wrapper .tss-carousel11 .author-social .dashicons-telegram:before,
.tss-wrapper .tss-carousel11 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-carousel11 .tss-social-share .dashicons-skype:before,
.tss-wrapper .tss-carousel11 .tss-social-share .dashicons-telegram:before,
.tss-wrapper .tss-carousel11 .tss-social-share .dashicons-twitter:before { margin: 0;
width: 1em;
height: 1em;
background-color: currentColor;
} .tss-wrapper .tss-carousel11 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-carousel11 .tss-social-share .dashicons-twitter:before {
width: 0.8em;
height: 0.8em;
}  .tss-wrapper[data-layout="carousel11"] .tss-carousel-main.swiper {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr auto 16px auto 16px auto 1fr;
grid-template-columns: 1fr auto auto auto 1fr;
grid-template-areas:
"main main main main main"
". prev dots next .";
row-gap: 40px;
column-gap: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
}
.tss-wrapper[data-layout="carousel11"] .tss-carousel-main.swiper > .swiper-wrapper {
grid-area: main;
width: 100%;
} .tss-wrapper[data-layout="carousel11"] .tss-carousel-main .swiper-arrow {
position: static;
width: 36px;
height: 36px;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 1;
line-height: 1;
color: var(--tss-ink, #1f2330);
background: #fff;
border: 1px solid #8a8a8a;
border-radius: 8px;
-webkit-box-shadow: 0 1px 0 rgba(26, 26, 26, 0.1), inset 0 -1px 0 rgba(26, 26, 26, 0.2);
box-shadow: 0 1px 0 rgba(26, 26, 26, 0.1), inset 0 -1px 0 rgba(26, 26, 26, 0.2);
-webkit-transition: background 0.1s cubic-bezier(0.4, 0.22, 0.28, 1), border-color 0.1s ease;
transition: background 0.1s cubic-bezier(0.4, 0.22, 0.28, 1), border-color 0.1s ease;
}
.tss-wrapper[data-layout="carousel11"] .tss-carousel-main .swiper-arrow:hover {
background: var(--tss-panel, #f1f1f1);
border-color: #616161;
}
.tss-wrapper[data-layout="carousel11"] .tss-carousel-main .swiper-arrow:after {
content: none;
}
.tss-wrapper[data-layout="carousel11"] .tss-carousel-main .swiper-arrow i {
font-size: 16px;
line-height: 1;
color: inherit;
}
.tss-wrapper[data-layout="carousel11"] .tss-carousel-main .swiper-button-prev {
grid-area: prev;
left: auto;
right: auto;
}
.tss-wrapper[data-layout="carousel11"] .tss-carousel-main .swiper-button-next {
grid-area: next;
left: auto;
right: auto;
}
.tss-wrapper[data-layout="carousel11"] .tss-carousel-main .swiper-button-disabled {
opacity: 0.4;
cursor: default;
} .tss-wrapper[data-layout="carousel11"] .carousel-wrapper .swiper-pagination,
.tss-wrapper[data-layout="carousel11"] .tss-carousel-main .swiper-pagination {
grid-area: dots;
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
width: auto;
margin: 0;
padding: 0;
bottom: auto;
left: auto;
right: auto;
-webkit-transform: none;
transform: none;
}
.tss-wrapper[data-layout="carousel11"] .tss-carousel-main .swiper-pagination-bullet {
width: 8px;
height: 8px;
margin: 0;
padding: 0;
opacity: 1;
border: none;
border-radius: 9999px;
background: #cdcdcd;
-webkit-transition: background 0.2s cubic-bezier(0.4, 0.22, 0.28, 1), width 0.2s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: background 0.2s cubic-bezier(0.4, 0.22, 0.28, 1), width 0.2s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper[data-layout="carousel11"] .tss-carousel-main .swiper-pagination-bullet:hover {
background: #8a8a8a;
}
.tss-wrapper[data-layout="carousel11"] .tss-carousel-main .swiper-pagination-bullet-active {
width: 24px;
background: var(--tss-primary, #3858e9);
} @media (max-width: 600px) {
.tss-wrapper .tss-carousel11 .tss-carousel-thumb .profile-img-wrapper-inner {
width: 60px;
height: 60px;
}
.tss-wrapper .tss-carousel11 .tss-carousel-thumb .swiper-wrapper {
min-height: 152px;
}
.tss-wrapper .tss-carousel11 .tss-carousel-thumb .swiper-slide-active .profile-img-wrapper-inner {
width: 104px;
height: 104px;
}
.tss-wrapper .tss-carousel11 .tss-carousel-thumb .swiper-slide-active .profile-img-wrapper-inner:after {
width: 28px;
height: 28px;
background-size: 16px;
border-width: 2px;
} .tss-wrapper .tss-carousel11 .tss-carousel-thumb {
max-width: 390px;
padding-left: 24px;
padding-right: 24px;
}
.tss-wrapper .tss-carousel11 .item-content-wrapper .item-content {
font-size: 15px;
}
.tss-wrapper[data-layout="carousel11"] .tss-carousel-main.swiper {
row-gap: 28px;
}
}    .tss-wrapper .tss-carousel12 .single-item {
padding: 0;
margin-bottom: 0;
}
.tss-wrapper .tss-carousel12 .tss-grid-item {
margin-bottom: 0;
} .tss-wrapper .tss-carousel12 .single-item-wrapper,
.tss-wrapper .tss-carousel12 .single-item-wrapper *,
.tss-wrapper .tss-carousel12 .tss-carousel-thumb,
.tss-wrapper .tss-carousel12 .tss-carousel-thumb * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tss-wrapper .tss-carousel12 .single-item-wrapper {
background: transparent;
text-align: center;
}  .tss-wrapper .tss-carousel12 .item-content-wrapper {
padding: 0;
margin-top: 0;
} .tss-wrapper .tss-carousel12 .item-content-wrapper .item-content {
font-style: normal;
font-size: 16px;
line-height: 1.5;
color: var(--tss-ink, #1f2330);
max-width: 62ch;
margin: 0 auto;
padding: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
min-height: 9em;
}
.tss-wrapper .tss-carousel12 .single-item-wrapper.tss-expanded .item-content,
.tss-wrapper .tss-carousel12 .single-item-wrapper.tss-no-clamp .item-content {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
} .tss-wrapper .tss-carousel12 .item-content p {
width: auto;
margin: 0 auto 12px;
}
.tss-wrapper .tss-carousel12 .item-content p:first-of-type:before {
content: "\201C";
}
.tss-wrapper .tss-carousel12 .item-content p:last-of-type:after {
content: "\201D";
}
.tss-wrapper .tss-carousel12 .item-content p:last-child {
margin-bottom: 0;
} .tss-wrapper .tss-carousel12 .item-content:not(:has(p)):before {
content: "\201C";
}
.tss-wrapper .tss-carousel12 .item-content:not(:has(p)):after {
content: "\201D";
} .tss-wrapper .tss-carousel12 .single-item-wrapper h3.author-name {
margin: 24px 0 0;
padding: 0;
font-size: 16px;
line-height: 1.5;
font-weight: 600;
letter-spacing: -0.01em;
color: var(--tss-ink, #1f2330);
text-align: center;
display: block;
clear: none;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel12 .single-item-wrapper h3.author-name a {
color: inherit;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-carousel12 .single-item-wrapper h3.author-name:hover,
.tss-wrapper .tss-carousel12 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-carousel12 .single-item-wrapper h4.author-bio {
margin: 4px 0 0;
padding: 0;
font-size: 14px;
line-height: 1.43;
font-weight: 400;
color: var(--tss-muted, #6a6f7e);
text-align: center;
clear: none;
} .tss-wrapper .tss-carousel12 .rating-wrapper {
display: block;
margin: 16px 0 0;
line-height: 1;
text-align: center;
} .tss-wrapper .tss-carousel12 .single-item-wrapper .rating-wrapper span.dashicons {
display: inline-block;
vertical-align: middle;
width: auto;
height: auto;
margin: 0 1px;
color: var(--tss-star, #f5b800);
font-size: 20px;
line-height: 1;
}
.tss-wrapper .tss-carousel12 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-carousel12 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel12 .single-item-wrapper .tss-social-share {
display: block;
margin: 14px 0 0;
text-align: center;
}
.tss-wrapper .tss-carousel12 .tss-social-share .share-icons,
.tss-wrapper .tss-carousel12 .author-social .tss-social-label {
display: inline-block;
margin-right: 4px;
font-size: 12px;
line-height: 1.4;
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-carousel12 .author-social a,
.tss-wrapper .tss-carousel12 .tss-social-share a {
width: auto;
height: auto;
min-width: 32px;
min-height: 32px;
padding: 8px;
margin: 0 3px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
color: var(--tss-primary, #3858e9);
background: var(--tss-primary-soft, #eef1fe);
-webkit-transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper .tss-carousel12 .author-social a:hover,
.tss-wrapper .tss-carousel12 .tss-social-share a:hover {
color: #fff;
background: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-carousel12 .author-social a span.dashicons,
.tss-wrapper .tss-carousel12 .author-social a i,
.tss-wrapper .tss-carousel12 .tss-social-share a span.dashicons,
.tss-wrapper .tss-carousel12 .tss-social-share a i { margin: 0;
width: auto;
height: auto;
font-size: 15px;
line-height: 1;
} .tss-wrapper .tss-carousel12 .author-social .dashicons-skype:before,
.tss-wrapper .tss-carousel12 .author-social .dashicons-telegram:before,
.tss-wrapper .tss-carousel12 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-carousel12 .tss-social-share .dashicons-skype:before,
.tss-wrapper .tss-carousel12 .tss-social-share .dashicons-telegram:before,
.tss-wrapper .tss-carousel12 .tss-social-share .dashicons-twitter:before { margin: 0;
width: 1em;
height: 1em;
background-color: currentColor;
} .tss-wrapper .tss-carousel12 .author-social .dashicons-twitter:before,
.tss-wrapper .tss-carousel12 .tss-social-share .dashicons-twitter:before {
width: 0.8em;
height: 0.8em;
}  .tss-wrapper .tss-carousel12 .tss-carousel-thumb {
max-width: 554px;
margin-left: auto;
margin-right: auto;
padding-left: 70px;
padding-right: 70px;
} .tss-wrapper .tss-carousel12 .tss-carousel-thumb .swiper-wrapper {
min-height: 176px;
padding: 30px 0 18px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} .tss-wrapper .tss-carousel12 .tss-carousel-thumb .profile-img-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
text-align: center;
cursor: pointer;
background: none;
border-radius: 50%;
outline: 0;
}
.tss-wrapper .tss-carousel12 .tss-carousel-thumb .profile-img-wrapper:before {
content: none;
display: none;
}
.tss-wrapper .tss-carousel12 .tss-carousel-thumb .profile-img-wrapper:focus,
.tss-wrapper .tss-carousel12 .tss-meta-info:focus {
outline: none;
} .tss-wrapper .tss-carousel12 .tss-carousel-thumb .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.tss-wrapper .tss-carousel12 .tss-carousel-thumb .profile-img-wrapper-inner {
position: relative;
display: block;
width: 84px;
height: 84px;
line-height: 0;
opacity: 0.5;
-webkit-filter: grayscale(1);
filter: grayscale(1); -webkit-transition: opacity 0.2s ease, -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
transition: opacity 0.2s ease, filter 0.2s ease, transform 0.2s ease;
}
.tss-wrapper .tss-carousel12 .tss-carousel-thumb .profile-img-wrapper-inner a {
display: block;
width: 100%;
height: 100%;
line-height: 0;
}
.tss-wrapper .tss-carousel12 .tss-carousel-thumb .profile-img-wrapper img {
display: block;
width: 100%;
height: 100%;
max-width: none;
margin: 0;
object-fit: cover;
border-radius: 50%;
background: var(--tss-line-soft, #ebecf1);
border: 1px solid var(--tss-line, #e7e8ee);
-webkit-transform: none;
transform: none;
}
.tss-wrapper .tss-carousel12 .tss-carousel-thumb .profile-img-wrapper:hover .profile-img-wrapper-inner {
opacity: 0.85;
-webkit-filter: grayscale(0.3);
filter: grayscale(0.3);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.tss-wrapper .tss-carousel12 .tss-carousel-thumb .swiper-slide-active .profile-img-wrapper-inner {
width: 128px;
height: 128px;
opacity: 1;
-webkit-filter: none;
filter: none;
}
.tss-wrapper .tss-carousel12 .tss-carousel-thumb .swiper-slide-active:hover .profile-img-wrapper-inner {
-webkit-transform: none;
transform: none;
}
.tss-wrapper .tss-carousel12 .tss-carousel-thumb .swiper-slide-active img {
border: 2px solid #fff;
-webkit-box-shadow: 0 0 0 3px #3858e9, 0 2px 6px rgba(26, 26, 26, 0.1);
-webkit-box-shadow: 0 0 0 3px var(--tss-primary, #3858e9), 0 2px 6px rgba(26, 26, 26, 0.1);
box-shadow: 0 0 0 3px #3858e9, 0 2px 6px rgba(26, 26, 26, 0.1);
box-shadow: 0 0 0 3px var(--tss-primary, #3858e9), 0 2px 6px rgba(26, 26, 26, 0.1);
} .tss-wrapper .tss-carousel12 .tss-carousel-thumb .swiper-slide-active .profile-img-wrapper-inner:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 34px;
height: 34px;
border-radius: 50%;
border: 3px solid #fff;
background-color: var(--tss-primary, #3858e9);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9.5 7C7 7 5 9 5 11.5V17h5.5v-5.5H8c0-1.4 1.1-2.5 2.5-2.5V7zm9 0C16 7 14 9 14 11.5V17h5.5v-5.5H17c0-1.4 1.1-2.5 2.5-2.5V7z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: 20px;
}   .tss-wrapper[data-layout="carousel12"] .tss-carousel-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 16px;
margin-top: 26px;
} .tss-wrapper[data-layout="carousel12"] .tss-carousel-controls .swiper-button-prev {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.tss-wrapper[data-layout="carousel12"] .tss-carousel-controls .swiper-pagination {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.tss-wrapper[data-layout="carousel12"] .tss-carousel-controls .swiper-button-next {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
} .tss-wrapper[data-layout="carousel12"] .swiper-arrow {
position: static;
width: 36px;
height: 36px;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 1;
line-height: 1;
color: var(--tss-ink, #1f2330);
background: #fff;
border: 1px solid #8a8a8a;
border-radius: 8px;
-webkit-box-shadow: 0 1px 0 rgba(26, 26, 26, 0.1), inset 0 -1px 0 rgba(26, 26, 26, 0.2);
box-shadow: 0 1px 0 rgba(26, 26, 26, 0.1), inset 0 -1px 0 rgba(26, 26, 26, 0.2);
-webkit-transition: background 0.1s cubic-bezier(0.4, 0.22, 0.28, 1), border-color 0.1s ease;
transition: background 0.1s cubic-bezier(0.4, 0.22, 0.28, 1), border-color 0.1s ease;
}
.tss-wrapper[data-layout="carousel12"] .swiper-arrow:hover {
background: var(--tss-panel, #f1f1f1);
border-color: #616161;
}
.tss-wrapper[data-layout="carousel12"] .swiper-arrow:after {
content: none;
}
.tss-wrapper[data-layout="carousel12"] .swiper-arrow i {
font-size: 16px;
line-height: 1;
color: inherit;
}
.tss-wrapper[data-layout="carousel12"] .swiper-button-prev {
left: auto;
right: auto;
}
.tss-wrapper[data-layout="carousel12"] .swiper-button-next {
left: auto;
right: auto;
}
.tss-wrapper[data-layout="carousel12"] .swiper-button-disabled {
opacity: 0.4;
cursor: default;
} .tss-wrapper[data-layout="carousel12"] .carousel-wrapper .swiper-pagination,
.tss-wrapper[data-layout="carousel12"] .swiper-pagination {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
width: auto;
margin: 0;
padding: 0;
bottom: auto;
left: auto;
right: auto;
-webkit-transform: none;
transform: none;
}
.tss-wrapper[data-layout="carousel12"] .swiper-pagination-bullet {
width: 8px;
height: 8px;
margin: 0;
padding: 0;
opacity: 1;
border: none;
border-radius: 9999px;
background: #cdcdcd;
-webkit-transition: background 0.2s cubic-bezier(0.4, 0.22, 0.28, 1), width 0.2s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: background 0.2s cubic-bezier(0.4, 0.22, 0.28, 1), width 0.2s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper[data-layout="carousel12"] .swiper-pagination-bullet:hover {
background: #8a8a8a;
}
.tss-wrapper[data-layout="carousel12"] .swiper-pagination-bullet-active {
width: 24px;
background: var(--tss-primary, #3858e9);
} @media (max-width: 600px) {
.tss-wrapper .tss-carousel12 .tss-carousel-thumb {
max-width: 390px;
padding-left: 24px;
padding-right: 24px;
}
.tss-wrapper .tss-carousel12 .tss-carousel-thumb .swiper-wrapper {
min-height: 152px;
padding: 24px 0 14px;
}
.tss-wrapper .tss-carousel12 .tss-carousel-thumb .profile-img-wrapper-inner {
width: 60px;
height: 60px;
}
.tss-wrapper .tss-carousel12 .tss-carousel-thumb .swiper-slide-active .profile-img-wrapper-inner {
width: 104px;
height: 104px;
}
.tss-wrapper .tss-carousel12 .tss-carousel-thumb .swiper-slide-active .profile-img-wrapper-inner:after {
width: 28px;
height: 28px;
background-size: 16px;
border-width: 2px;
}
.tss-wrapper .tss-carousel12 .item-content-wrapper .item-content {
font-size: 15px;
}
.tss-wrapper[data-layout="carousel12"] .tss-carousel-controls {
margin-top: 20px;
gap: 12px;
}
}
.tss-wrapper .video-testimonial-wrap + .tss-meta-info + .rating-wrapper,
.tss-wrapper .video-testimonial-wrap + .tss-meta-info .profile-img-wrapper {
margin-top: 20px;
}    .tss-wrapper .tss-layout_video .single-item,
.tss-wrapper .tss-carousel_video .single-item,
.tss-wrapper .tss-isotope_video .single-item {
padding: 0;
}
.tss-wrapper .tss-layout_video .tss-grid-item,
.tss-wrapper .tss-isotope_video .tss-grid-item {
margin-bottom: 36px;
} .tss-wrapper .tss-layout_video .single-item-wrapper,
.tss-wrapper .tss-layout_video .single-item-wrapper *,
.tss-wrapper .tss-carousel_video .single-item-wrapper,
.tss-wrapper .tss-carousel_video .single-item-wrapper *,
.tss-wrapper .tss-isotope_video .single-item-wrapper,
.tss-wrapper .tss-isotope_video .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tss-wrapper .tss-layout_video .single-item-wrapper,
.tss-wrapper .tss-carousel_video .single-item-wrapper,
.tss-wrapper .tss-isotope_video .single-item-wrapper {
position: relative;
}  .tss-wrapper .tss-layout_video .video-testimonial-wrap,
.tss-wrapper .tss-carousel_video .video-testimonial-wrap,
.tss-wrapper .tss-isotope_video .video-testimonial-wrap {
position: relative;
width: 100%;
height: 0;
margin: 0;
padding-top: 0;
padding-bottom: 56.25%;
overflow: hidden;
background: #0f1118;
border-radius: var(--tss-radius, 16px);
-webkit-box-shadow: 0 10px 30px rgba(27, 31, 42, 0.16);
box-shadow: 0 10px 30px rgba(27, 31, 42, 0.16);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.25s ease;
transition: transform 0.25s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.25s ease;
}
.tss-wrapper .tss-layout_video .single-item-wrapper:hover .video-testimonial-wrap,
.tss-wrapper .tss-carousel_video .single-item-wrapper:hover .video-testimonial-wrap,
.tss-wrapper .tss-isotope_video .single-item-wrapper:hover .video-testimonial-wrap {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-box-shadow: 0 20px 44px rgba(56, 88, 233, 0.22);
-webkit-box-shadow: 0 20px 44px color-mix(in srgb, var(--tss-primary, #3858e9) 22%, transparent);
box-shadow: 0 20px 44px rgba(56, 88, 233, 0.22);
box-shadow: 0 20px 44px color-mix(in srgb, var(--tss-primary, #3858e9) 22%, transparent);
}
.tss-wrapper .tss-layout_video .video-testimonial-wrap iframe,
.tss-wrapper .tss-carousel_video .video-testimonial-wrap iframe,
.tss-wrapper .tss-isotope_video .video-testimonial-wrap iframe,
.tss-wrapper .tss-layout_video .video-testimonial-wrap video,
.tss-wrapper .tss-carousel_video .video-testimonial-wrap video,
.tss-wrapper .tss-isotope_video .video-testimonial-wrap video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 100%;
border: 0;
} .tss-wrapper .tss-layout_video .item-content-wrapper,
.tss-wrapper .tss-carousel_video .item-content-wrapper,
.tss-wrapper .tss-isotope_video .item-content-wrapper {
margin: 0;
padding: 0;
}
.tss-wrapper .tss-layout_video .item-content,
.tss-wrapper .tss-carousel_video .item-content,
.tss-wrapper .tss-isotope_video .item-content {
margin: 18px 0 0;
padding: 20px;
font-size: 15.5px;
line-height: 1.7;
text-align: left;
color: var(--tss-muted, #6a6f7e);
}
.tss-wrapper .tss-layout_video .item-content p:last-child,
.tss-wrapper .tss-carousel_video .item-content p:last-child,
.tss-wrapper .tss-isotope_video .item-content p:last-child {
margin-bottom: 0;
} .tss-wrapper .tss-layout_video .tss-meta-info,
.tss-wrapper .tss-carousel_video .tss-meta-info,
.tss-wrapper .tss-isotope_video .tss-meta-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 14px;
margin: 18px 0 0;
padding: 18px 0 0;
border-top: 1px solid var(--tss-line, #ebecf1);
} .tss-wrapper .tss-layout_video .tss-meta-info .profile-img-wrapper,
.tss-wrapper .tss-carousel_video .tss-meta-info .profile-img-wrapper,
.tss-wrapper .tss-isotope_video .tss-meta-info .profile-img-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50px;
height: 50px;
margin: 0;
padding: 0;
}
.tss-wrapper .tss-layout_video .tss-meta-info .profile-img-wrapper img,
.tss-wrapper .tss-carousel_video .tss-meta-info .profile-img-wrapper img,
.tss-wrapper .tss-isotope_video .tss-meta-info .profile-img-wrapper img {
display: block;
width: 50px;
height: 50px;
max-width: none;
margin: 0;
object-fit: cover;
background: #eef0f4;
border: 3px solid #ffffff;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 1.5px #dde3fc, 0 5px 14px rgba(27, 31, 42, 0.12);
-webkit-box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff), 0 5px 14px rgba(27, 31, 42, 0.12);
box-shadow: 0 0 0 1.5px #dde3fc, 0 5px 14px rgba(27, 31, 42, 0.12);
box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--tss-primary, #3858e9) 20%, #fff), 0 5px 14px rgba(27, 31, 42, 0.12);
} .tss-wrapper .tss-layout_video .tss-meta-text,
.tss-wrapper .tss-carousel_video .tss-meta-text,
.tss-wrapper .tss-isotope_video .tss-meta-text {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
} .tss-wrapper .tss-layout_video .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel_video .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope_video .single-item-wrapper h3.author-name {
clear: none;
margin: 0;
font-size: 19px;
font-weight: 700;
line-height: 1.3;
letter-spacing: -0.01em;
text-align: left;
color: var(--tss-ink, #1b1f2a);
}
.tss-wrapper .tss-layout_video .single-item-wrapper h3.author-name a,
.tss-wrapper .tss-carousel_video .single-item-wrapper h3.author-name a,
.tss-wrapper .tss-isotope_video .single-item-wrapper h3.author-name a {
color: inherit;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout_video .single-item-wrapper h3.author-name a:hover,
.tss-wrapper .tss-carousel_video .single-item-wrapper h3.author-name a:hover,
.tss-wrapper .tss-isotope_video .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-layout_video .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-carousel_video .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-isotope_video .single-item-wrapper h4.author-bio {
clear: none;
display: block;
margin: 2px 0 0;
font-size: 14px;
font-weight: 500;
line-height: 1.45;
text-align: left;
color: var(--tss-muted, #6a6f7e);
}  .tss-wrapper .tss-layout_video .rating-wrapper,
.tss-wrapper .tss-carousel_video .rating-wrapper,
.tss-wrapper .tss-isotope_video .rating-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 0 0 auto;
padding: 0;
line-height: 1;
}
.tss-wrapper .tss-layout_video .tss-rating-stars,
.tss-wrapper .tss-carousel_video .tss-rating-stars,
.tss-wrapper .tss-isotope_video .tss-rating-stars {
display: block;
white-space: nowrap;
} .tss-wrapper .tss-layout_video .single-item-wrapper .rating-wrapper span.dashicons,
.tss-wrapper .tss-carousel_video .single-item-wrapper .rating-wrapper span.dashicons,
.tss-wrapper .tss-isotope_video .single-item-wrapper .rating-wrapper span.dashicons {
display: inline-block;
vertical-align: middle;
width: auto;
height: auto;
margin: 0 0 0 1px;
font-size: 16px;
line-height: 1;
color: var(--tss-star, #f5b800);
}
.tss-wrapper .tss-layout_video .single-item-wrapper .rating-wrapper span.dashicons-star-empty,
.tss-wrapper .tss-carousel_video .single-item-wrapper .rating-wrapper span.dashicons-star-empty,
.tss-wrapper .tss-isotope_video .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-layout_video .tss-rating-score,
.tss-wrapper .tss-carousel_video .tss-rating-score,
.tss-wrapper .tss-isotope_video .tss-rating-score {
display: block;
margin-top: 3px;
font-size: 12px;
font-weight: 500;
line-height: 1.3;
color: var(--tss-muted, #6a6f7e);
}  .tss-wrapper .tss-layout_video .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel_video .single-item-wrapper .author-social,
.tss-wrapper .tss-isotope_video .single-item-wrapper .author-social,
.tss-wrapper .tss-layout_video .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-carousel_video .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-isotope_video .single-item-wrapper .tss-social-share {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 14px 0 0;
text-align: left;
line-height: 1;
}
.tss-wrapper .tss-layout_video .single-item-wrapper .author-social a,
.tss-wrapper .tss-carousel_video .single-item-wrapper .author-social a,
.tss-wrapper .tss-isotope_video .single-item-wrapper .author-social a,
.tss-wrapper .tss-layout_video .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-carousel_video .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-isotope_video .single-item-wrapper .tss-social-share a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
width: 32px;
height: 32px;
margin: 0 6px 0 0;
font-size: 15px;
line-height: 32px;
text-align: center;
color: var(--tss-muted, #6a6f7e);
background: var(--tss-panel, #f7f8fb);
border: 1px solid var(--tss-line, #ebecf1);
border-radius: 50%;
-webkit-transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
.tss-wrapper .tss-layout_video .single-item-wrapper .author-social a:hover,
.tss-wrapper .tss-carousel_video .single-item-wrapper .author-social a:hover,
.tss-wrapper .tss-isotope_video .single-item-wrapper .author-social a:hover,
.tss-wrapper .tss-layout_video .single-item-wrapper .tss-social-share a:hover,
.tss-wrapper .tss-carousel_video .single-item-wrapper .tss-social-share a:hover,
.tss-wrapper .tss-isotope_video .single-item-wrapper .tss-social-share a:hover {
color: #ffffff;
background: var(--tss-primary, #3858e9);
border-color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-layout_video .single-item-wrapper .author-social a .dashicons,
.tss-wrapper .tss-carousel_video .single-item-wrapper .author-social a .dashicons,
.tss-wrapper .tss-isotope_video .single-item-wrapper .author-social a .dashicons,
.tss-wrapper .tss-layout_video .single-item-wrapper .tss-social-share a .dashicons,
.tss-wrapper .tss-carousel_video .single-item-wrapper .tss-social-share a .dashicons,
.tss-wrapper .tss-isotope_video .single-item-wrapper .tss-social-share a .dashicons { width: 1em;
height: 1em;
font-size: inherit;
line-height: 1;
vertical-align: middle;
} @media (max-width: 767px) {
.tss-wrapper .tss-layout_video .tss-grid-item,
.tss-wrapper .tss-isotope_video .tss-grid-item {
margin-bottom: 28px;
}
.tss-wrapper .tss-layout_video .item-content,
.tss-wrapper .tss-carousel_video .item-content,
.tss-wrapper .tss-isotope_video .item-content {
font-size: 15px;
}
.tss-wrapper .tss-layout_video .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel_video .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope_video .single-item-wrapper h3.author-name {
font-size: 18px;
}
}
@media (max-width: 480px) {
.tss-wrapper .tss-layout_video .tss-meta-info,
.tss-wrapper .tss-carousel_video .tss-meta-info,
.tss-wrapper .tss-isotope_video .tss-meta-info {
gap: 11px;
margin-top: 14px;
padding-top: 14px;
}
.tss-wrapper .tss-layout_video .tss-meta-info .profile-img-wrapper,
.tss-wrapper .tss-carousel_video .tss-meta-info .profile-img-wrapper,
.tss-wrapper .tss-isotope_video .tss-meta-info .profile-img-wrapper,
.tss-wrapper .tss-layout_video .tss-meta-info .profile-img-wrapper img,
.tss-wrapper .tss-carousel_video .tss-meta-info .profile-img-wrapper img,
.tss-wrapper .tss-isotope_video .tss-meta-info .profile-img-wrapper img {
width: 42px;
height: 42px;
}
.tss-wrapper .tss-layout_video .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel_video .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope_video .single-item-wrapper h3.author-name {
font-size: 16.5px;
}
.tss-wrapper .tss-layout_video .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-carousel_video .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-isotope_video .single-item-wrapper h4.author-bio {
font-size: 13px;
}
.tss-wrapper .tss-layout_video .single-item-wrapper .rating-wrapper span.dashicons,
.tss-wrapper .tss-carousel_video .single-item-wrapper .rating-wrapper span.dashicons,
.tss-wrapper .tss-isotope_video .single-item-wrapper .rating-wrapper span.dashicons {
font-size: 14px;
}
.tss-wrapper .tss-layout_video .item-content,
.tss-wrapper .tss-carousel_video .item-content,
.tss-wrapper .tss-isotope_video .item-content {
margin-top: 14px;
font-size: 14.5px;
}
.tss-wrapper .tss-layout_video .single-item-wrapper .author-social a,
.tss-wrapper .tss-carousel_video .single-item-wrapper .author-social a,
.tss-wrapper .tss-isotope_video .single-item-wrapper .author-social a,
.tss-wrapper .tss-layout_video .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-carousel_video .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-isotope_video .single-item-wrapper .tss-social-share a {
width: 28px;
height: 28px;
margin-right: 5px;
font-size: 14px;
line-height: 28px;
}
}    .tss-wrapper .tss-layout_video2 .single-item,
.tss-wrapper .tss-carousel_video2 .single-item,
.tss-wrapper .tss-isotope_video2 .single-item {
padding: 0;
}
.tss-wrapper .tss-layout_video2 .tss-grid-item,
.tss-wrapper .tss-isotope_video2 .tss-grid-item {
margin-bottom: 36px;
} .tss-wrapper .tss-layout_video2 .single-item-wrapper,
.tss-wrapper .tss-layout_video2 .single-item-wrapper *,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper *,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper {
position: relative;
background: none;
border: 0;
padding: 0;
} .tss-wrapper .tss-layout_video2 .tss-meta-info,
.tss-wrapper .tss-carousel_video2 .tss-meta-info,
.tss-wrapper .tss-isotope_video2 .tss-meta-info {
position: relative;
display: block;
margin: 0;
padding: 0;
}
.tss-wrapper .tss-layout_video2 .profile-img-wrapper,
.tss-wrapper .tss-carousel_video2 .profile-img-wrapper,
.tss-wrapper .tss-isotope_video2 .profile-img-wrapper {
position: relative;
display: block;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
background: #0f1118;
border-radius: var(--tss-radius, 16px);
-webkit-box-shadow: 0 10px 30px rgba(27, 31, 42, 0.16);
box-shadow: 0 10px 30px rgba(27, 31, 42, 0.16);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.25s ease;
transition: transform 0.25s cubic-bezier(0.4, 0.22, 0.28, 1), box-shadow 0.25s ease;
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper:hover .profile-img-wrapper,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper:hover .profile-img-wrapper,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper:hover .profile-img-wrapper {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-box-shadow: 0 20px 44px rgba(56, 88, 233, 0.22);
box-shadow: 0 20px 44px rgba(56, 88, 233, 0.22);
-webkit-box-shadow: 0 20px 44px color-mix(in srgb, var(--tss-primary, #3858e9) 22%, transparent);
box-shadow: 0 20px 44px color-mix(in srgb, var(--tss-primary, #3858e9) 22%, transparent);
} .tss-wrapper .tss-carousel_video2 .profile-img-wrapper,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper:hover .profile-img-wrapper {
-webkit-box-shadow: none;
box-shadow: none;
}
.tss-wrapper .tss-carousel_video2 .profile-img-wrapper {
border: 1px solid var(--tss-line, #e7e8ee);
} .tss-wrapper .tss-layout_video2 .tlp-openPopup,
.tss-wrapper .tss-carousel_video2 .tlp-openPopup,
.tss-wrapper .tss-isotope_video2 .tlp-openPopup,
.tss-wrapper .tss-layout_video2 .tlp-openinline,
.tss-wrapper .tss-carousel_video2 .tlp-openinline,
.tss-wrapper .tss-isotope_video2 .tlp-openinline {
position: relative;
display: block;
width: 100%; aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: inherit;
line-height: 0;
}
.tss-wrapper .tss-layout_video2 .profile-img-wrapper img,
.tss-wrapper .tss-carousel_video2 .profile-img-wrapper img,
.tss-wrapper .tss-isotope_video2 .profile-img-wrapper img {
display: block;
width: 100%;
height: 100%;
max-width: none;
margin: 0;
object-fit: cover;
object-position: center 35%;
border-radius: 0;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: transform 0.35s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper:hover .profile-img-wrapper img,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper:hover .profile-img-wrapper img,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper:hover .profile-img-wrapper img {
-webkit-transform: scale(1.04);
transform: scale(1.04);
} .tss-wrapper .tss-layout_video2 .tlp-openPopup:before,
.tss-wrapper .tss-carousel_video2 .tlp-openPopup:before,
.tss-wrapper .tss-isotope_video2 .tlp-openPopup:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
width: auto;
height: auto;
background: rgba(15, 17, 24, 0.28);
-webkit-transition: background 0.25s ease;
transition: background 0.25s ease;
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper:hover .tlp-openPopup:before,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper:hover .tlp-openPopup:before,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper:hover .tlp-openPopup:before {
background: rgba(15, 17, 24, 0.44);
} .tss-wrapper .tss-layout_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons,
.tss-wrapper .tss-carousel_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons,
.tss-wrapper .tss-isotope_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 66px;
height: 66px;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
color: #ffffff;
background: var(--tss-primary, #3858e9);
border: 2px solid rgba(255, 255, 255, 0.92);
border-radius: 50%;
-webkit-box-shadow: 0 10px 26px rgba(15, 17, 24, 0.38);
box-shadow: 0 10px 26px rgba(15, 17, 24, 0.38);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
transition: transform 0.22s cubic-bezier(0.4, 0.22, 0.28, 1), background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease; -webkit-animation: tssVideoPulse 2.8s cubic-bezier(0.4, 0.22, 0.28, 1) infinite;
animation: tssVideoPulse 2.8s cubic-bezier(0.4, 0.22, 0.28, 1) infinite;
}
@-webkit-keyframes tssVideoPulse {
0%   { -webkit-box-shadow: 0 10px 26px rgba(15, 17, 24, 0.38), 0 0 0 0 rgba(255, 255, 255, 0.5); }
70%  { -webkit-box-shadow: 0 10px 26px rgba(15, 17, 24, 0.38), 0 0 0 20px rgba(255, 255, 255, 0); }
100% { -webkit-box-shadow: 0 10px 26px rgba(15, 17, 24, 0.38), 0 0 0 0 rgba(255, 255, 255, 0); }
}
@keyframes tssVideoPulse {
0%   { box-shadow: 0 10px 26px rgba(15, 17, 24, 0.38), 0 0 0 0 rgba(255, 255, 255, 0.5); }
70%  { box-shadow: 0 10px 26px rgba(15, 17, 24, 0.38), 0 0 0 20px rgba(255, 255, 255, 0); }
100% { box-shadow: 0 10px 26px rgba(15, 17, 24, 0.38), 0 0 0 0 rgba(255, 255, 255, 0); }
} .tss-wrapper .tss-layout_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:before,
.tss-wrapper .tss-carousel_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:before,
.tss-wrapper .tss-isotope_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:before {
content: "";
display: block;
width: 0;
height: 0;
margin-left: 4px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 17px solid currentColor;
border-right: 0;
}
@supports ((-webkit-mask-image: url()) or (mask-image: url())) {
.tss-wrapper .tss-layout_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:before,
.tss-wrapper .tss-carousel_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:before,
.tss-wrapper .tss-isotope_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:before {
width: 30px;
height: 30px;
margin-left: 3px;
border: 0;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.3 6.9 17.6 12l-8.3 5.1z' fill='%23000' stroke='%23000' stroke-width='2.9' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.3 6.9 17.6 12l-8.3 5.1z' fill='%23000' stroke='%23000' stroke-width='2.9' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
} .tss-wrapper .tss-layout_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:after,
.tss-wrapper .tss-carousel_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:after,
.tss-wrapper .tss-isotope_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:after {
content: "";
position: absolute;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
z-index: -1;
border: 2px solid currentColor;
border-radius: 50%;
opacity: 0;
-webkit-transform: scale(0.72);
transform: scale(0.72);
-webkit-transition: opacity 0.32s ease, -webkit-transform 0.32s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: opacity 0.32s ease, transform 0.32s cubic-bezier(0.4, 0.22, 0.28, 1);
pointer-events: none;
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper:hover .tlp-openPopup .dashicons:after,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper:hover .tlp-openPopup .dashicons:after,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper:hover .tlp-openPopup .dashicons:after {
opacity: 0.45;
-webkit-transform: scale(1);
transform: scale(1);
} .tss-wrapper .tss-layout_video2 .single-item-wrapper:hover .tlp-openPopup .dashicons,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper:hover .tlp-openPopup .dashicons,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper:hover .tlp-openPopup .dashicons {
background: var(--tss-primary-hover, #2843c4);
border-color: #ffffff;
-webkit-animation-play-state: paused;
animation-play-state: paused;
-webkit-transform: translate(-50%, -50%) scale(1.12);
transform: translate(-50%, -50%) scale(1.12);
-webkit-box-shadow: 0 14px 34px rgba(15, 17, 24, 0.44), 0 0 26px rgba(56, 88, 233, 0.55);
box-shadow: 0 14px 34px rgba(15, 17, 24, 0.44), 0 0 26px rgba(56, 88, 233, 0.55);
-webkit-box-shadow: 0 14px 34px rgba(15, 17, 24, 0.44), 0 0 26px color-mix(in srgb, var(--tss-primary, #3858e9) 55%, transparent);
box-shadow: 0 14px 34px rgba(15, 17, 24, 0.44), 0 0 26px color-mix(in srgb, var(--tss-primary, #3858e9) 55%, transparent);
} .tss-wrapper .tss-layout_video2 .tlp-openPopup:active .dashicons,
.tss-wrapper .tss-carousel_video2 .tlp-openPopup:active .dashicons,
.tss-wrapper .tss-isotope_video2 .tlp-openPopup:active .dashicons {
-webkit-transform: translate(-50%, -50%) scale(0.94);
transform: translate(-50%, -50%) scale(0.94);
-webkit-transition-duration: 0.08s;
transition-duration: 0.08s;
} .tss-wrapper .tss-layout_video2 .tlp-openPopup:focus-visible .dashicons,
.tss-wrapper .tss-carousel_video2 .tlp-openPopup:focus-visible .dashicons,
.tss-wrapper .tss-isotope_video2 .tlp-openPopup:focus-visible .dashicons {
background: var(--tss-primary-hover, #2843c4);
-webkit-animation-play-state: paused;
animation-play-state: paused;
-webkit-transform: translate(-50%, -50%) scale(1.12);
transform: translate(-50%, -50%) scale(1.12);
outline: 3px solid #ffffff;
outline-offset: 3px;
}
.tss-wrapper .tss-layout_video2 .tlp-openPopup:focus-visible,
.tss-wrapper .tss-carousel_video2 .tlp-openPopup:focus-visible,
.tss-wrapper .tss-isotope_video2 .tlp-openPopup:focus-visible {
outline: none;
} @media (prefers-reduced-motion: reduce) {
.tss-wrapper .tss-layout_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons,
.tss-wrapper .tss-carousel_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons,
.tss-wrapper .tss-isotope_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons {
-webkit-animation: none;
animation: none;
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper:hover .tlp-openPopup .dashicons,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper:hover .tlp-openPopup .dashicons,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper:hover .tlp-openPopup .dashicons {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper:hover .tlp-openPopup .dashicons:after,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper:hover .tlp-openPopup .dashicons:after,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper:hover .tlp-openPopup .dashicons:after {
-webkit-transform: scale(1);
transform: scale(1);
}
} .tss-wrapper .tss-layout_video2 .item-content-wrapper,
.tss-wrapper .tss-carousel_video2 .item-content-wrapper,
.tss-wrapper .tss-isotope_video2 .item-content-wrapper {
margin: 0;
padding: 0;
}
.tss-wrapper .tss-layout_video2 .tlp-popup-wrapper .item-content,
.tss-wrapper .tss-carousel_video2 .tlp-popup-wrapper .item-content,
.tss-wrapper .tss-isotope_video2 .tlp-popup-wrapper .item-content {
margin: 18px 0 0;
padding: 0;
font-size: 15.5px;
line-height: 1.7;
text-align: left;
color: var(--tss-muted, #6a6f7e);
}
.tss-wrapper .tss-layout_video2 .item-content p:last-child,
.tss-wrapper .tss-carousel_video2 .item-content p:last-child,
.tss-wrapper .tss-isotope_video2 .item-content p:last-child {
margin-bottom: 0;
} .tss-wrapper .tss-layout_video2 .tss-author-row,
.tss-wrapper .tss-carousel_video2 .tss-author-row,
.tss-wrapper .tss-isotope_video2 .tss-author-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 14px;
margin: 18px 0 0;
padding: 18px 0 0;
border-top: 1px solid var(--tss-line, #ebecf1);
}
.tss-wrapper .tss-layout_video2 .tss-meta-text,
.tss-wrapper .tss-carousel_video2 .tss-meta-text,
.tss-wrapper .tss-isotope_video2 .tss-meta-text {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
} .tss-wrapper .tss-layout_video2 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper h3.author-name {
clear: none;
margin: 0;
font-size: 19px;
font-weight: 700;
line-height: 1.3;
letter-spacing: -0.01em;
text-align: left;
color: var(--tss-ink, #1b1f2a);
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper h3.author-name a,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper h3.author-name a,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper h3.author-name a {
color: inherit;
-webkit-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper h3.author-name a:hover,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper h3.author-name a:hover,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper h3.author-name a:hover {
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper h4.author-bio {
clear: none;
display: block;
margin: 2px 0 0;
font-size: 14px;
font-weight: 500;
line-height: 1.45;
text-align: left;
color: var(--tss-muted, #6a6f7e);
} .tss-wrapper .tss-layout_video2 .rating-wrapper,
.tss-wrapper .tss-carousel_video2 .rating-wrapper,
.tss-wrapper .tss-isotope_video2 .rating-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 0 0 auto;
padding: 0;
line-height: 1;
}
.tss-wrapper .tss-layout_video2 .tss-rating-stars,
.tss-wrapper .tss-carousel_video2 .tss-rating-stars,
.tss-wrapper .tss-isotope_video2 .tss-rating-stars {
display: block;
white-space: nowrap;
} .tss-wrapper .tss-layout_video2 .single-item-wrapper .rating-wrapper span.dashicons,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper .rating-wrapper span.dashicons,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper .rating-wrapper span.dashicons {
display: inline-block;
vertical-align: middle;
width: auto;
height: auto;
margin: 0 0 0 1px;
font-size: 16px;
line-height: 1;
color: var(--tss-star, #f5b800);
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper .rating-wrapper span.dashicons-star-empty,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper .rating-wrapper span.dashicons-star-empty,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper .rating-wrapper span.dashicons-star-empty {
color: #dcdfe8;
}
.tss-wrapper .tss-layout_video2 .tss-rating-score,
.tss-wrapper .tss-carousel_video2 .tss-rating-score,
.tss-wrapper .tss-isotope_video2 .tss-rating-score {
display: block;
margin-top: 3px;
font-size: 12px;
font-weight: 500;
line-height: 1.3;
text-align: right;
color: var(--tss-muted, #6a6f7e);
}  .tss-wrapper .tss-layout_video2 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper .author-social,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout_video2 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper .tss-social-share {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 14px 0 0;
text-align: left;
line-height: 1;
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper .author-social a,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper .author-social a,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper .author-social a,
.tss-wrapper .tss-layout_video2 .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper .tss-social-share a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
width: 32px;
height: 32px;
margin: 0 6px 0 0;
font-size: 15px;
line-height: 32px;
text-align: center;
color: var(--tss-muted, #6a6f7e);
background: var(--tss-panel, #f7f8fb);
border: 1px solid var(--tss-line, #ebecf1);
border-radius: 50%;
-webkit-transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper .author-social a:hover,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper .author-social a:hover,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper .author-social a:hover,
.tss-wrapper .tss-layout_video2 .single-item-wrapper .tss-social-share a:hover,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper .tss-social-share a:hover,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper .tss-social-share a:hover {
color: #ffffff;
background: var(--tss-primary, #3858e9);
border-color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper .author-social a .dashicons,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper .author-social a .dashicons,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper .author-social a .dashicons,
.tss-wrapper .tss-layout_video2 .single-item-wrapper .tss-social-share a .dashicons,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper .tss-social-share a .dashicons,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper .tss-social-share a .dashicons { width: 1em;
height: 1em;
font-size: inherit;
line-height: 1;
vertical-align: middle;
} @media (max-width: 767px) {
.tss-wrapper .tss-layout_video2 .tss-grid-item,
.tss-wrapper .tss-isotope_video2 .tss-grid-item {
margin-bottom: 28px;
}
.tss-wrapper .tss-layout_video2 .tlp-popup-wrapper .item-content,
.tss-wrapper .tss-carousel_video2 .tlp-popup-wrapper .item-content,
.tss-wrapper .tss-isotope_video2 .tlp-popup-wrapper .item-content {
font-size: 15px;
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper h3.author-name {
font-size: 18px;
}
}
@media (max-width: 480px) {
.tss-wrapper .tss-layout_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons,
.tss-wrapper .tss-carousel_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons,
.tss-wrapper .tss-isotope_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons {
width: 52px;
height: 52px;
}
.tss-wrapper .tss-layout_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:before,
.tss-wrapper .tss-carousel_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:before,
.tss-wrapper .tss-isotope_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:before {
margin-left: 3px;
border-top-width: 8px;
border-bottom-width: 8px;
border-left-width: 13px;
}
@supports ((-webkit-mask-image: url()) or (mask-image: url())) {
.tss-wrapper .tss-layout_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:before,
.tss-wrapper .tss-carousel_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:before,
.tss-wrapper .tss-isotope_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:before {
width: 24px;
height: 24px;
margin-left: 2px;
border: 0;
}
}
.tss-wrapper .tss-layout_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:after,
.tss-wrapper .tss-carousel_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:after,
.tss-wrapper .tss-isotope_video2 .tlp-popup-wrapper .tlp-openPopup .dashicons:after {
top: -9px;
right: -9px;
bottom: -9px;
left: -9px;
}
.tss-wrapper .tss-layout_video2 .tss-author-row,
.tss-wrapper .tss-carousel_video2 .tss-author-row,
.tss-wrapper .tss-isotope_video2 .tss-author-row {
gap: 11px;
margin-top: 14px;
padding-top: 14px;
}
.tss-wrapper .tss-layout_video2 .tlp-popup-wrapper .item-content,
.tss-wrapper .tss-carousel_video2 .tlp-popup-wrapper .item-content,
.tss-wrapper .tss-isotope_video2 .tlp-popup-wrapper .item-content {
margin-top: 14px;
font-size: 14.5px;
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper h3.author-name {
font-size: 16.5px;
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper h4.author-bio {
font-size: 13px;
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper .rating-wrapper span.dashicons,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper .rating-wrapper span.dashicons,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper .rating-wrapper span.dashicons {
font-size: 14px;
}
.tss-wrapper .tss-layout_video2 .single-item-wrapper .author-social a,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper .author-social a,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper .author-social a,
.tss-wrapper .tss-layout_video2 .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-carousel_video2 .single-item-wrapper .tss-social-share a,
.tss-wrapper .tss-isotope_video2 .single-item-wrapper .tss-social-share a {
width: 28px;
height: 28px;
margin-right: 5px;
font-size: 14px;
line-height: 28px;
}
}  .tss-wrapper .tss-pagination {
margin-top: 52px;
text-align: center;
}
.tss-wrapper .tss-pagination ul.pagination-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.tss-wrapper .tss-pagination ul.pagination-list li {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
.tss-wrapper .tss-pagination ul.pagination-list li:before {
content: none;
}
.tss-wrapper .tss-pagination ul.pagination-list li span,
.tss-wrapper .tss-pagination ul.pagination-list li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 44px;
height: 44px;
padding: 0 6px;
background: #ffffff;
border: 1px solid var(--tss-line, #e7e8ee);
border-radius: 12px;
font-size: 15px;
font-weight: 500;
line-height: 1;
text-decoration: none;
color: var(--tss-ink, #1f2330);
-webkit-transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
transition: all 0.16s cubic-bezier(0.4, 0.22, 0.28, 1);
}
.tss-wrapper .tss-pagination ul.pagination-list li a:hover,
.tss-wrapper .tss-pagination ul.pagination-list li a:focus {
background: var(--tss-primary-soft, #eef1fe);
border-color: var(--tss-primary, #3858e9);
color: var(--tss-primary, #3858e9);
}
.tss-wrapper .tss-pagination ul.pagination-list li.active span {
background: var(--tss-primary, #3858e9);
border-color: var(--tss-primary, #3858e9);
color: #ffffff;
box-shadow: 0 6px 16px rgba(56, 88, 233, 0.3);
box-shadow: 0 6px 16px color-mix(in srgb, var(--tss-primary, #3858e9) 30%, transparent);
box-shadow: 0 6px 16px color-mix(in srgb, var(--tss-primary, #3858e9) 30%, transparent);
}
.tss-wrapper .tss-pagination .tss-loading-holder {
padding: 15px 0;
} .tss-wrapper .single-item-wrapper .rating-wrapper span.dashicons {
color: gold;
}
.tss-wrapper .tss-iso-filter {
text-align: center;
}
.tss-wrapper .iso-search {
display: inline-block;
}
.tss-wrapper .iso-search {
margin: 0 10px;
}
.tss-wrapper .iso-search input {
width: auto;
padding: 10px;
font-size: 16px;
outline: none !important;
height: 37px;
}
.rt-container-fluid [class*='rt-col-'],
.rt-container [class*='rt-col-'] {
box-sizing: border-box;
} body > .tss-tooltip {
font-size: 100%;
position: absolute;
z-index: 9999;
-o-box-shadow: 0 0 5px #aaa;
-moz-box-shadow: 0 0 5px #aaa;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
color: #fff;
border-radius: 3px;
background: #666;
padding: 0 10px;
border-width: 2px;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-ms-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
}
body > .tss-tooltip,
body > .tss-tooltip .tss-tooltip-bottom:after {
background: #000;
border-radius: 2px;
}
body > .tss-tooltip .tss-tooltip-bottom {
width: 70px;
height: 18px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -32px;
bottom: -16px;
}
body > .tss-tooltip .tss-tooltip-bottom:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
} @media (min-width: 768px) {
.rt-container {
width: 750px;
}
}
@media (min-width: 992px) {
.rt-container {
width: 970px;
}
}
@media (min-width: 1200px) {
.rt-container {
width: 1170px;
}
}
@media (min-width: 768px) {
.rt-col-sm-24,
.rt-col-sm-1,
.rt-col-sm-2,
.rt-col-sm-3,
.rt-col-sm-4,
.rt-col-sm-5,
.rt-col-sm-6,
.rt-col-sm-7,
.rt-col-sm-8,
.rt-col-sm-9,
.rt-col-sm-10,
.rt-col-sm-11,
.rt-col-sm-12 {
float: left;
}
.rt-col-sm-24 {
width: 20%;
}
.rt-col-sm-12 {
width: 100%;
}
.rt-col-sm-11 {
width: 91.66666667%;
}
.rt-col-sm-10 {
width: 83.33333333%;
}
.rt-col-sm-9 {
width: 75%;
}
.rt-col-sm-8 {
width: 66.66666667%;
}
.rt-col-sm-7 {
width: 58.33333333%;
}
.rt-col-sm-6 {
width: 50%;
}
.rt-col-sm-5 {
width: 41.66666667%;
}
.rt-col-sm-4 {
width: 33.33333333%;
}
.rt-col-sm-3 {
width: 25%;
}
.rt-col-sm-2 {
width: 16.66666667%;
}
.rt-col-sm-1 {
width: 8.33333333%;
}
}
@media (min-width: 992px) {
.rt-col-md-24,
.rt-col-md-1,
.rt-col-md-2,
.rt-col-md-3,
.rt-col-md-4,
.rt-col-md-5,
.rt-col-md-6,
.rt-col-md-7,
.rt-col-md-8,
.rt-col-md-9,
.rt-col-md-10,
.rt-col-md-11,
.rt-col-md-12 {
float: left;
}
.rt-col-md-24 {
width: 20%;
}
.rt-col-md-12 {
width: 100%;
}
.rt-col-md-11 {
width: 91.66666667%;
}
.rt-col-md-10 {
width: 83.33333333%;
}
.rt-col-md-9 {
width: 75%;
}
.rt-col-md-8 {
width: 66.66666667%;
}
.rt-col-md-7 {
width: 58.33333333%;
}
.rt-col-md-6 {
width: 50%;
}
.rt-col-md-5 {
width: 41.66666667%;
}
.rt-col-md-4 {
width: 33.33333333%;
}
.rt-col-md-3 {
width: 25%;
}
.rt-col-md-2 {
width: 16.66666667%;
}
.rt-col-md-1 {
width: 8.33333333%;
}
}
@media (min-width: 1200px) {
.rt-col-lg-24,
.rt-col-lg-1,
.rt-col-lg-2,
.rt-col-lg-3,
.rt-col-lg-4,
.rt-col-lg-5,
.rt-col-lg-6,
.rt-col-lg-7,
.rt-col-lg-8,
.rt-col-lg-9,
.rt-col-lg-10,
.rt-col-lg-11,
.rt-col-lg-12 {
float: left;
}
.rt-col-lg-24 {
width: 20%;
}
.rt-col-lg-12 {
width: 100%;
}
.rt-col-lg-11 {
width: 91.66666667%;
}
.rt-col-lg-10 {
width: 83.33333333%;
}
.rt-col-lg-9 {
width: 75%;
}
.rt-col-lg-8 {
width: 66.66666667%;
}
.rt-col-lg-7 {
width: 58.33333333%;
}
.rt-col-lg-6 {
width: 50%;
}
.rt-col-lg-5 {
width: 41.66666667%;
}
.rt-col-lg-4 {
width: 33.33333333%;
}
.rt-col-lg-3 {
width: 25%;
}
.rt-col-lg-2 {
width: 16.66666667%;
}
.rt-col-lg-1 {
width: 8.33333333%;
}
}
@media (max-width: 991px) {
.rt-single-testimonial-detail .testimonial {
margin-top: 20px;
}
}
@media (max-width: 767px) {
.tss-wrapper .single-item-wrapper {
flex-direction: column;
}
.tss-wrapper .item-content-wrapper {
padding: 20px;
margin-top: 15px;
}
.item-content-wrapper.tss-left {
order: 2;
}
.item-content-wrapper.tss-right {
order: 1;
}
.tss-wrapper .profile-img-wrapper a,
.tss-wrapper .profile-img-wrapper {
display: flex;
justify-content: center;
} .tss-wrapper .item-content-wrapper:after,
.tss-wrapper .single-item-wrapper:before {
content: none;
} .tss-wrapper .tss-carousel8 .item-content-wrapper,
.tss-wrapper .tss-isotope2 .item-content-wrapper {
margin-top: 0;
} @supports not (container-type: inline-size) {
.tss-wrapper .tss-carousel4 .single-item-wrapper {
-ms-grid-columns: 64px 16px 1fr;
grid-template-columns: 64px minmax(0, 1fr);
gap: 16px;
}
.tss-wrapper .tss-carousel4 .item-content {
-webkit-line-clamp: 4;
}
.tss-wrapper .tss-carousel4 .tss-quote-mark {
font-size: 32px;
}
}    .tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .carousel-wrapper {
padding: 0 0 92px;
} .tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .carousel-wrapper:not(:has(.swiper-arrow)) {
padding-bottom: 40px;
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .carousel-wrapper:not(:has(.swiper-arrow)) .swiper-pagination {
bottom: 12px !important;
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .carousel-wrapper:not(:has(.swiper-pagination)) {
padding-bottom: 52px;
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .carousel-wrapper:not(:has(.swiper-arrow)):not(:has(.swiper-pagination)) {
padding-bottom: 0;
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .swiper-arrow {
width: 40px;
height: 40px;
line-height: 40px;
top: auto;
bottom: 0;
margin-top: 0;
-webkit-transform: none;
transform: none;
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .swiper-pagination {
bottom: 52px !important;
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .swiper-arrow:hover {
-webkit-transform: scale(1.06);
transform: scale(1.06);
}
.tss-wrapper[data-layout*="carousel"]:not([data-layout="carousel11"]):not([data-layout="carousel12"]) .swiper-arrow:active {
-webkit-transform: scale(0.97);
transform: scale(0.97);
}
.tss-wrapper .tss-carousel3 .single-item-wrapper {
padding: 26px 22px 24px;
}
.tss-wrapper .tss-layout1 .item-content-wrapper {
padding: 26px;
}
.tss-wrapper .tss-layout1 .tss-grid-item {
margin-bottom: 20px;
}
.tss-wrapper .tss-layout3 .single-item-wrapper {
padding: 26px 22px 24px;
}
.tss-wrapper .tss-layout3 .tss-grid-item {
margin-bottom: 20px;
} .tss-wrapper .tss-isotope3 .single-item-wrapper {
padding: 26px 22px 24px;
}
.tss-wrapper .tss-isotope3 .tss-grid-item {
margin-bottom: 20px;
} .tss-wrapper .tss-layout4 .single-item-wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.tss-wrapper .tss-layout4 .tss-meta-info {
border-right: 0;
border-bottom: 1px solid var(--tss-line, #e7e8ee);
}
.tss-wrapper .tss-layout4 .item-content-wrapper {
padding: 26px 24px 24px;
margin-top: 0;
}
.tss-wrapper .tss-layout4 .tss-grid-item {
margin-bottom: 20px;
} .tss-wrapper .tss-isotope2 .single-item-wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.tss-wrapper .tss-isotope2 .tss-meta-info {
border-right: 0;
border-bottom: 1px solid var(--tss-line, #e7e8ee);
}
.tss-wrapper .tss-isotope2 .item-content-wrapper {
padding: 26px 24px 24px;
margin-top: 0;
}
.tss-wrapper .tss-isotope2 .tss-grid-item {
margin-bottom: 20px;
}
.tss-wrapper .tss-pagination {
margin-top: 36px;
}
.tss-wrapper .tss-pagination ul.pagination-list {
gap: 6px;
}
.tss-wrapper .tss-pagination ul.pagination-list li span,
.tss-wrapper .tss-pagination ul.pagination-list li a {
min-width: 38px;
height: 38px;
border-radius: 10px;
font-size: 14px;
} .tss-wrapper .tss-carousel2 .single-item-wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr; grid-template-rows: 1fr auto;
}
.tss-wrapper .tss-carousel2 .item-content-wrapper { -webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
margin-top: 0;
padding: 26px 24px 22px;
}
.tss-wrapper .tss-carousel2 .tss-meta-info {
border-left: 0;
border-top: 1px solid var(--tss-line-soft, #ebecf1);
padding: 22px 20px;
}
.tss-wrapper .tss-carousel2 .profile-img-wrapper img {
width: 72px;
height: 72px;
} .tss-wrapper .tss-layout2 .single-item-wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.tss-wrapper .tss-layout2 .tss-meta-info {
border-left: 0;
border-top: 1px solid var(--tss-line, #e7e8ee);
}
.tss-wrapper .tss-layout2 .item-content-wrapper { -webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
margin-top: 0;
padding: 26px 24px 22px;
}
.tss-wrapper .tss-layout2 .tss-grid-item {
margin-bottom: 20px;
}
} .rt-animate-spin {
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
} @-webkit-keyframes ball-clip-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes ball-clip-rotate {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes ball-clip-rotate {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes ball-clip-rotate {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes ball-scale-multiple {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
5% {
opacity: .75;
}
100% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes ball-scale-multiple {
0% {
opacity: 0;
-moz-transform: scale(0);
transform: scale(0);
}
5% {
opacity: .75;
}
100% {
opacity: 0;
-moz-transform: scale(1);
transform: scale(1);
}
}
@-o-keyframes ball-scale-multiple {
0% {
opacity: 0;
-o-transform: scale(0);
transform: scale(0);
}
5% {
opacity: .75;
}
100% {
opacity: 0;
-o-transform: scale(1);
transform: scale(1);
}
}
@keyframes ball-scale-multiple {
0% {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
5% {
opacity: .75;
}
100% {
opacity: 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
} .rt-row.tss-carousel1,
.rt-row.tss-carousel2,
.rt-row.tss-carousel3,
.rt-row.tss-carousel4,
.rt-row.tss-carousel5,
.rt-row.tss-carousel6,
.rt-row.tss-carousel7,
.rt-row.tss-carousel8,
.rt-row.tss-carousel9,
.rt-row.tss-carousel10,
.rt-row.tss-carousel11,
.rt-row.tss-carousel12,
.rt-row.carousel_video {
display: block !important;
} .video-testimonial-wrap {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.video-testimonial-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .tss-wrapper .tss-masonry .tss-grid-item {
margin-bottom: 30px;
} .rt-single-testimonial-detail .rating-wrapper span.dashicons {
color: gold;
}
.rt-single-testimonial-detail .rating-wrapper {
margin-bottom: 5px;
}
.rt-single-testimonial-detail .testi-meta h2 {
margin-top: 10px;
margin-bottom: 5px;
}
.dashicons-twitter{
width:15px;
height:15px;
margin-top: 3px;
}
.dashicons-twitter:before {
content: "";
height: 15px;
-webkit-mask-image: url(//www.buildwithdove.com/wp-content/plugins/testimonial-slider-and-showcase/assets/images/twitter-x.svg);
mask-image: url(//www.buildwithdove.com/wp-content/plugins/testimonial-slider-and-showcase/assets/images/twitter-x.svg);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
width: 15px;
z-index: 1;
display: block;
background-color: #000;
}
.rt-single-testimonial-detail .ast-oembed-container {
margin: 0 0 20px;
} body .mfp-iframe-holder .mfp-close{
width: auto;
}
body .mfp-iframe-holder .mfp-close:focus,
body .mfp-iframe-holder .mfp-close:hover{
background-color: transparent;
color: #ff0000;
}
.tlp-popup-wrapper .tlp-openPopup .dashicons{
width: 50px;
height: 50px;
border: 2px solid #fff;
border-radius: 50%;
text-align: center;
line-height: 45px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0;
background-color: transparent;
z-index: 9;
color: #fff;
}
.tlp-popup-wrapper .item-content{
margin: 10px 0;
}
.tss-wrapper .tlp-openinline{
pointer-events: none;
}
.tss-wrapper .tlp-openinline,
.tss-wrapper .tlp-openPopup{
display: inline-block;
}
.tss-wrapper .tlp-openPopup{
position: relative;
}
.tss-wrapper .tlp-openPopup:before{
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: rgba( 0,0,0,0.3 );
left: 0;
top: 0;
transition: 0.3s;
}
.tss-wrapper .tlp-openPopup:hover:before{
background-color: transparent;
}
.tss-wrapper .rt-responsive-img{
display: block;
}
.tlp-popup-wrapper .tss-meta-info{
position: relative;
}
.tlp-average-rating{
text-align: center;
font-size: 18px;
}
.tlp-average-rating .tlp-rating-title{
font-size: 24px;
font-weight: 700;
display: block;
margin: 0 0 5px;
}
.dashicons-skype:before,
.dashicons-telegram:before {
content: "";
height: 20px;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
width: 20px;
z-index: 1;
display: block;
background-color: #000;
}
.dashicons-skype:before {
-webkit-mask-image: url(//www.buildwithdove.com/wp-content/plugins/testimonial-slider-and-showcase/assets/images/skype.svg);
mask-image: url(//www.buildwithdove.com/wp-content/plugins/testimonial-slider-and-showcase/assets/images/skype.svg);
}
.dashicons-telegram:before {
-webkit-mask-image: url(//www.buildwithdove.com/wp-content/plugins/testimonial-slider-and-showcase/assets/images/telegram.svg);
mask-image: url(//www.buildwithdove.com/wp-content/plugins/testimonial-slider-and-showcase/assets/images/telegram.svg);
}
.tss-social-share .share-icons{
font-weight: 500;
}
.rt-single-testimonial-detail .tss-social-share{
text-align: right;
}
.rt-single-testimonial-detail iframe{
width: 100%
}
.tss-wrapper.tss-submit-wrapper input,
.tss-wrapper.tss-submit-wrapper .rt-simple-image-preview{
cursor: pointer;
}
.tlp-portfolio-block-footer .wp-block-group-is-layout-flex,
.tlp-portfolio-block-header .wp-block-group-is-layout-flex{
justify-content: space-between;
}
.wp-site-blocks .rt-single-testimonial-detail .profile-img{
overflow: hidden;
} .tss-wrapper .tss-layout9 .single-item-wrapper:not(:has(.item-content)) .profile-img-wrapper:after,
.tss-wrapper .tss-isotope4 .single-item-wrapper:not(:has(.item-content)) .profile-img-wrapper:after,
.tss-wrapper .tss-carousel9 .single-item-wrapper:not(:has(.item-content)) .profile-img-wrapper:after,
.tss-wrapper .tss-carousel11:not(:has(.item-content)) .tss-carousel-thumb .profile-img-wrapper-inner:after,
.tss-wrapper .tss-carousel12:not(:has(.item-content)) .tss-carousel-thumb .profile-img-wrapper-inner:after {
display: none;
} .tss-wrapper .rt-row:not(.tss-layout_video2):not(.tss-carousel_video2):not(.tss-isotope_video2):not(.tss-carousel1):not(.tss-carousel2):not(.tss-carousel5):not(.tss-carousel7):not(.tss-carousel8):not(.tss-isotope1) .tss-img-normal .single-item-wrapper .profile-img-wrapper,
.tss-wrapper .rt-row:not(.tss-layout_video2):not(.tss-carousel_video2):not(.tss-isotope_video2):not(.tss-carousel1):not(.tss-carousel2):not(.tss-carousel5):not(.tss-carousel7):not(.tss-carousel8):not(.tss-isotope1) .tss-img-normal .single-item-wrapper .profile-img-wrapper:before,
.tss-wrapper .rt-row:not(.tss-layout_video2):not(.tss-carousel_video2):not(.tss-isotope_video2):not(.tss-carousel1):not(.tss-carousel2):not(.tss-carousel5):not(.tss-carousel7):not(.tss-carousel8):not(.tss-isotope1) .tss-img-normal .single-item-wrapper .profile-img-wrapper img,
.tss-wrapper .rt-row:has(.tss-img-normal) .tss-carousel-thumb .profile-img-wrapper,
.tss-wrapper .rt-row:has(.tss-img-normal) .tss-carousel-thumb .profile-img-wrapper .profile-img-wrapper-inner,
.tss-wrapper .rt-row:has(.tss-img-normal) .tss-carousel-thumb .profile-img-wrapper img {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.tss-wrapper .rt-row:not(.tss-layout_video2):not(.tss-carousel_video2):not(.tss-isotope_video2) .tss-img-circle .single-item-wrapper .profile-img-wrapper img,
.tss-wrapper .rt-row:not(.tss-layout_video2):not(.tss-carousel_video2):not(.tss-isotope_video2).tss-carousel5 .tss-img-circle .single-item-wrapper .profile-img-wrapper {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.tss-wrapper .rt-row:not(.tss-layout_video2):not(.tss-carousel_video2):not(.tss-isotope_video2) .tss-img-square .single-item-wrapper .profile-img-wrapper,
.tss-wrapper .rt-row:not(.tss-layout_video2):not(.tss-carousel_video2):not(.tss-isotope_video2) .tss-img-square .single-item-wrapper .profile-img-wrapper:before,
.tss-wrapper .rt-row:not(.tss-layout_video2):not(.tss-carousel_video2):not(.tss-isotope_video2) .tss-img-square .single-item-wrapper .profile-img-wrapper img,
.tss-wrapper .rt-row:has(.tss-img-square) .tss-carousel-thumb .profile-img-wrapper,
.tss-wrapper .rt-row:has(.tss-img-square) .tss-carousel-thumb .profile-img-wrapper .profile-img-wrapper-inner,
.tss-wrapper .rt-row:has(.tss-img-square) .tss-carousel-thumb .profile-img-wrapper img {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}