/*html,body{min-height: 100%;}
.box.active .header-title { width: 80%; }
.img-fullwidth { width: 100%; }
.overlay-intro { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: #FFC701; width: 100%; z-index: 999; background-size: 30%; background-image:url('../../img/Logo-Froyen-Zeitler-Creative-Label.png');
background-repeat:no-repeat; background-position: center; }
.logo { display: none; }
.logo.smaller { display: block; }
@media (max-width: 676px){
.overlay-intro { background-size: 70%; }
.full { padding: 30px 15px; }
}
@media only screen and (max-width: 1024px) and (min-width: 768px){
.item {
height: 40vw !important;
}
.item a { padding-top: 0px !important; }
.item .client-name {
left: 50px !important;
top: 65% !important;
width: 66% !important;
}
.item .project {
right: auto !important;
top: 80% !important;
width: 30% !important;
left: 50px !important;
}
.circle-wrap {
-webkit-mask-position: top center !important;
height: 24vw !important;
}
.item.small-nav {
height: 300px !important;
}
}
@media only screen and (max-width: 1200px){
.single .full {
padding: 60px 60px !important;
}
}
@media only screen and (max-width: 640px){
.circle-2 {
top: -10px;
}
.single .full {
padding: 0px 20px 30px !important;
}
.circle-4.appear, .triangle-1.appear, .triangle-2.appear, .circle-2.appear, .circle-3.appear { opacity: 0; visibility: hidden; display: none; }
.contact-details { min-height: 50px; }
#contact .full > .columns .large-4 { margin-top:30px; }
#contact .full > .columns .large-4:nth-child(1) { margin-top:0px; }
.post { height: auto !important; }
}
.members .slidebox .dynamic-image {
display: none;
}
.members .slidebox:hover .static-image {
display: none;
}
.members .slidebox:hover .dynamic-image {
display: block;
}
.gallery-isotope.gutter-20 .gallery-item {
padding-right: 20px;
padding-bottom: 20px;
}
.box.active .header {
height: 100vh;
}
.item .client-name {
left: 40px;
width: 40%;
}
iframe {
height: 70vh;
}
.post { height: 400px; }
#blog .column:last-child:not(:first-child), #blog .columns:last-child:not(:first-child){ float: left; }
.main-navigation {
list-style: none;
display: inline-block;
float: right;
margin: 23px 150px 0 0;
}
.main-navigation li {
display: inline-block;
margin-left: 50px;
}
.main-navigation li:first-child {
margin-left: 0px;
}
.main-navigation li a:hover, .main-navigation li.active a { color: #FFC701 !important; }
.case-title a { color: #FFF; }
@media only screen and (max-width: 700px){
.main-navigation {
margin-right: 100px;
}
.main-navigation li {
margin-left: 30px;
}
}
@media only screen and (max-width: 580px){
.main-navigation { display: none; }
#back { top: 0px; }
}
*/
.full {
padding: 80px 6%;
}
:root {
--tj-ff-body: 'Spline Sans', sans-serif;
--tj-ff-heading: 'Bricolage Grotesque', sans-serif;
--tj-ff-icons: 'agina-icons';
--tj-fw-thin: 100;
--tj-fw-elight: 200;
--tj-fw-light: 300;
--tj-fw-regular: 400;
--tj-fw-medium: 500;
--tj-fw-sbold: 600;
--tj-fw-bold: 700;
--tj-fw-ebold: 800;
--tj-fw-black: 900;
--tj-fs-body: 16px;
--tj-fs-h1: 90px;
--tj-fs-h2: 72px;
--tj-fs-h3: 48px;
--tj-fs-h4: 32px;
--tj-fs-h5: 28px;
--tj-fs-h6: 20px;
--tj-color-common-white: #ffffff;
--tj-color-common-black: #000000;
--tj-color-heading-primary: #0c0c0c;
--tj-color-text-body: #333333;
--tj-color-text-body-2: #707070;
--tj-color-theme-primary: #FFC701;
--tj-color-theme-bg: #fcf5ea;
--tj-color-theme-bg-2: #ede5d8;
--tj-color-theme-bg-3: rgba(12, 12, 12, 0.6);
--tj-color-theme-bg-dark: #0c0c0c;
--tj-color-theme-bg-dark-2: #333333;
--tj-color-theme-bg-dark-3: #707070;
--tj-color-theme-bg-dark-4: rgba(12, 12, 12, 0.2509803922);
--tj-color-theme-bg-dark-5: rgba(51, 51, 51, 0.5490196078);
--tj-color-theme-bg-dark-6: #161515;
--tj-color-theme-bg-dark-7: #040404;
--tj-color-light-1: #fcf8f0;
--tj-color-light-2: #bdb9b3;
--tj-color-light-3: #999691;
--tj-color-light-4: rgba(252, 245, 234, 0.5019607843);
--tj-color-light-5: rgba(252, 248, 240, 0.8);
--tj-color-grey-1: #c5c5c5;
--tj-color-grey-2: #1a1a19;
--tj-color-grey-3: rgba(252, 245, 234, 0.0588235294);
--tj-color-grey-4: #1d1c1c;
--tj-color-grey-5: #191919;
--tj-color-grey-6: rgba(252, 248, 240, 0.0588235294);
--tj-color-border-1: #e0dad1;
--tj-color-border-2: #dbd5cc;
--tj-color-border-3: #292826;
--tj-color-border-4: rgba(252, 248, 240, 0.1215686275);
--tj-color-border-5: rgba(224, 218, 209, 0.1019607843);
--tj-color-border-6: rgba(252, 248, 240, 0.1019607843);
--tj-color-gradient-1: linear-gradient(rgba(12, 12, 12, 0) 0%, rgb(12, 12, 12) 100%);
--tj-color-gradient-2: linear-gradient(rgba(12, 12, 12, 0) 50%, rgb(12, 12, 12) 80%);
}
.box.active { padding-top:0px }
#menu-opener { display:none }
.full.bg-theme.project-cta h4 { text-transform: none; }
.case-study-content strong { font-weight: 500; }
.case-study-content h3 strong { font-weight: 700; }
.case-study-content a { color: #000; }
/*.case-study-content h3 a { color: #FFC701; }
.case-study-content a:first-of-type { color: #FFC701 !important; }
.case-study-content p:last-child a:last-of-type { color: #FFC701 !important; }*/
a.yellow-link { color: #FFC701; }
.main-navigation { margin-right:40px }
.main-navigation li { position: relative; overflow:hidden; }
.main-navigation .subnav {
font-size: 1px;
position: absolute;
top: 45px;
left: 0px;
margin-left: 0px;
}
.main-navigation .subnav li { margin-left: 0px; }
.grecaptcha-badge { display:none !important }
.landing-hero {
background-color:#FFC701;
width:100%;
height:calc(100vh - 88px);
z-index:999;
/*background-size:30%;
background-image:url(../../img/Logo-Froyen-Zeitler-Creative-Label.png);*/
background-repeat:no-repeat;
background-position:center;
background-size: cover;
display: flex;
align-items: center;
margin-top:88px;
transition: opacity 1s ease;
opacity: 1;
}
.landing-hero::before {
content: ' ';
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(0,0,0,0.25);
cursor: pointer;
}
/* Background layers */
.landing-hero .bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
transition: opacity 1s ease;
opacity: 0;
z-index: 0;
}
.landing-hero .bg.active {
opacity: 1;
}
.landing-hero h1 {
font-family: 'Bebas Neue', cursive;
color: white;
font-size: 5rem;
font-weight: 400;
line-height: 0.85;
padding-left: 3%;
z-index: 9;
cursor: pointer;
}
.landing-hero h1 span.yellow {
color: #FFC701;
font-size: 12.4rem;
}
.landing-hero h1 span.base {
font-size: 7rem;
}
.landing-hero h1 a.button.boxed.black {
display: block;
margin-right: 6px;
/* float: left; */
/* clear: both; */
background: #FFC701;
border: none;
font-weight: bold;
}
.landing-hero .caption {
z-index: 9;
max-width: 35%;margin-bottom:40px;
font-family: "bebas-neue-pro", sans-serif;
padding-left: 3%;
h1 { padding-left:0%; font-size: 3rem; font-family: "bebas-neue-pro", sans-serif; font-weight: 600; margin-bottom: 20px;
span.yellow { text-transform:none; font-size: 5.5rem; font-weight: 600; }
span.base { font-size: 3.3rem; font-style:italic; text-transform: none; font-weight: 300}
}
p { color: white; margin-bottom:40px; }
a.button.boxed.black {
display: inline-block;
background: #FFC701;
border: none;
font-weight: bold;
}
}
.landing-hero.tax-overview::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.3);
/* vorm */
clip-path: polygon(
30% 100%, /* onderaan op 30% */
50% 0%, /* midden bovenaan */
0% 0%, /* linksboven */
0% 100% /* linksonder */
);
z-index: 1;
}
.main-page { width:100%;height:calc(100vh - 10px); position:relative; margin-top:60px; }
@media (max-width: 676px) {
/*.overlay-intro {
background-size:70%;
}
*/
.landing-hero h1 {
font-size: 3rem;
}
.landing-hero h1 span.yellow {
font-size: 7.4rem;
}
.landing-hero h1 span.base {
font-size: 4.2rem;
}
}
.cta-footer {
background-color: #F7F7F7;
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.cta-footer form {
margin-top: 0px;
}
.cta-footer form input, .cta-footer form textarea {
border-color: #CCC;
color: #000;
margin-bottom: 0px;
border-width: 0 0 1px 0;
box-shadow: none !important;
padding: 0;
height: 32px !important;
padding-bottom: 0px;
margin-bottom: 10px;
}
.cta-footer form textarea { height: 80px !important; }
.cta-footer form input.wpcf7-submit {
background: #FFC701 !important;
color: white !important;
display: block;
width: 100%;
border: 1px solid #FFC701 !important;
font-weight: bold;
margin-bottom: 0px !important;
}
.cta-footer form input.wpcf7-submit:hover {
background: white !important;
color: black !important;
display: block;
width: 100%;
border: 1px solid #000 !important;
}
.cta-footer form textarea { height:100px }
.cta-footer form input::placeholder,
.cta-footer form textarea::placeholder {
opacity: 0.5;
color: #000;
}
.cta-footer h2 { color: #000 !important; text-transform: none;
/*font-weight: normal;*/
font-size: 40px;
margin-bottom: 20px;}
.cta-footer form textarea:focus, .cta-footer form input:focus{
outline: none; border-color:#000;
}
.cta-footer h3.small {
color: #FFC701;
text-transform: uppercase;
margin-bottom: 12px;
font-weight: 500;
font-size: 1.25rem;
}
.cta-footer .contact-list {
list-style: none; padding-left: 0px; margin-left: 0px; margin-top: 40px;
li {
position: relative;
padding-left: 55px;
margin-bottom: 35px;
line-height: 23px;
font-size: 19px;
i {
position: absolute;
top: 0px;
left: 0px;
background: #FFF;
border-radius: 50%;
/* padding: 10px; */
display: block;
width: 42px;
height: 42px;
text-align: center;
vertical-align: middle;
line-height: 42px;
color: #FFC701;
}
a { color: black;
&:hover { color: #FFC701; }
}
strong { display:block; }
}
}
.footer-form {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
padding: 30px 30px 0;
text-align: left;
h4 {
color: #000 !important; text-transform: none;
font-weight: normal;
font-size: 22px;
margin-bottom: 20px;
}
background: white;
}
.content.copy a { color: #000; }
.content.copy a:hover { color: #FFC701; }
.content.copy .full { padding: 20px 6%; }
.copyright { text-align: right }
.copyright img { border:0.5px solid #000 }
@media print, screen and (min-width: 40em) {
.cta-footer .column, .cta-footer .columns {
padding-right: .9375rem;
padding-left: .9375rem;
}
}
/* Mouse animation */
.scroll-main {
display: block;
position: absolute;
bottom: 20px; left: 50%; margin-left:-12px;
}
.mouse_scroll {
display: block;
margin: 0 auto;
width: 24px;
}
.m_scroll_arrows
{
display: block;
width: 5px;
height: 5px;
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
border-right: 2px solid white;
border-bottom: 2px solid white;
margin: 0 0 3px 4px;
width: 16px;
height: 16px;
}
.unu
{
margin-top: 1px;
}
.unu, .doi, .trei
{
-webkit-animation: mouse-scroll 1s infinite;
-moz-animation: mouse-scroll 1s infinite;
animation: mouse-scroll 1s infinite;
}
.unu
{
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
-webkit-animation-direction: alternate;
animation-direction: alternate;
animation-delay: alternate;
}
.doi
{
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
-webkit-animation-direction: alternate;
animation-delay: .2s;
animation-direction: alternate;
margin-top: -6px;
}
.trei
{
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-webkit-animation-direction: alternate;
animation-delay: .3s;
animation-direction: alternate;
margin-top: -6px;
}
.mouse {
height: 42px;
width: 24px;
border-radius: 14px;
transform: none;
border: 2px solid white;
top: 170px;
}
.wheel {
height: 5px;
width: 2px;
display: block;
margin: 5px auto;
background: white;
position: relative;
height: 4px;
width: 4px;
border: 2px solid #fff;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.wheel {
-webkit-animation: mouse-wheel 1.4s linear infinite;
-moz-animation: mouse-wheel 1.4s linear infinite;
animation: mouse-wheel 1.4s linear infinite;
}
@-webkit-keyframes mouse-wheel{
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
}
}
@-moz-keyframes mouse-wheel {
0% { top: 1px; }
25% { top: 3px; }
50% { top: 5px;}
75% { top: 3px;}
100% { top: 1px;}
}
@-o-keyframes mouse-wheel {
0% { top: 1px; }
25% { top: 3px; }
50% { top: 5px;}
75% { top: 3px;}
100% { top: 1px;}
}
@keyframes mouse-wheel {
0% { top: 1px; }
25% { top: 3px; }
50% { top: 5px;}
75% { top: 3px;}
100% { top: 1px;}
}
@-webkit-keyframes mouse-scroll {
0% { opacity: 0;}
50% { opacity: .5;}
100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {
0% { opacity: 0; }
50% { opacity: .5; }
100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {
0% { opacity: 0; }
50% { opacity: .5; }
100% { opacity: 1; }
}
@keyframes mouse-scroll {
0% { opacity: 0; }
50% { opacity: .5; }
100% { opacity: 1; }
}
.landing-hero + .main-page { height:calc(100vh - 88px); margin-top:60px; }
.logo + #main { margin-top: -15px !important; }
.logo + #main.main-page { height:calc(100vh - 20px); margin-top:60px}
.logo + #main.main-page.ishome { height:calc(100vh - 88px); margin-top:60px !important}
.landing-hero + #main { margin-top: 10px; }
.landing-hero.hidden + #main { margin-top: -15px; }
.works .filters.fixedpos{top:88px;}
.works .filters.fixedpos + .gallery-isotope { margin-top:55px; }
#contact .cf-over > .columns { float: none; background: transparent;
margin: 0 auto;
text-align: center; }
#contact .cf-over {
margin-top: -60vh;
z-index: 111;
position: relative;
background: transparent;
min-height: 60vh;
}
#contact .cf-over > .columns a { color: white; font-weight:bold; cursor:pointer; text-decoration:underline;display:inline-block; }
#contact .cf-over h1 { margin-bottom:0px; font-size: 60px;
font-family: "Rokkitt", serif;
margin-bottom: 40px; color: white; }
#contact .cf-over form {
background: white !important;
box-shadow: 0 40px 100px rgba(0,0,0,.15),0 25px 80px rgba(0,0,0,.1);
border-radius: 5px;
/* overflow: visible; */
padding: 40px !important;
margin-top: 30px !important;
}
#contact .cf-over form .form {
display: flow-root !important;
float: none;
}
.box.active .header { height:100% }
.box.active .header form span { display: }
#contact .cf-over form input, #contact .cf-over form textarea {
border-color:#000;
color: #000;
margin-bottom: 0px;
}
#contact .cf-over form input.wpcf7-submit {
background: #FFC701 !important;
color: #000 !important;
display: block;
width: 100%;
border: 1px solid #FFC701 !important;
font-weight: bold;
}
#contact .cf-over form input.wpcf7-submit:hover {
background: #FFC701 !important;
color: white !important;
display: block;
width: 100%;
border: 1px solid #FFC701 !important;
}
#contact .cf-over form textarea { height:200px }
#contact .cf-over form input::placeholder,
#contact .cf-over form textarea::placeholder {
opacity: 0.5;
color: #000;
}
#contact .cf-over h2 { color: #000 !important }
#contact .cf-over form textarea:focus, #contact .cf-over form input:focus{
outline: none; border-color:#000;
}
#contact .cf-over form .wpcf7-spinner {
margin-top: -200px;
position: absolute;
margin-left: -10px;
}
#contact .cf-over p.lead {
font-size: 24px !important;
margin-bottom: 40px;
line-height: 1.3em;
color: white !important;
}
.google-map { width: 100%; height: 60vh; }
.pb-0 { padding-bottom: 0px !important; }
.cta-landing .full h2 { margin-top:25px !important }
.legal p { margin-bottom:30px; font-size: 20px}
.legal li { font-size:20px; }
.legal h4 { margin:50px 0 20px }
@media screen and (max-width: 1200px){
#contact .large-8.columns { width: 80%; }
.copy .columns { width: 100% !important; text-align: center !important }
}
@media screen and (max-width: 992px){
.main-navigation li {
margin-left: 30px;
}
.landing-hero { margin-top: 40px; }
}
@media screen and (max-width: 767px){
.landing-hero::before { display:none }
.landing-hero { margin-top: 26px; }
.main-navigation {
margin-right: 0px;
background: white;
position: absolute;
right: 20px;
padding: 0 50px 20px;
opacity: 0;
top: 55px;
}
.main-navigation.visible {
display: block !important; opacity: 1;
}
.main-navigation li {
margin-left: 0px;
display: block;
}
#menu-opener {
position: absolute;
display: block;
right: 20px;
top: 32px;
}
#menu-opener:hover { color: #FFC701; }
#contact .cf-over h1 {
margin-bottom: 0px;
font-size: 28px;
margin-bottom: 10px;
color: #000;
margin-left: 0px;
margin-top: 0px;
}
#contact .cf-over p.lead { display:none }
#contact .large-8.columns {
width: 100%;
margin-top: 140px;
text-align: left;
}
#contact .cf-over form {
padding: 25px 10px !important;
}
}
/*.client:hover { background: #FFC701 !important }*/
.case-header {
height: 100vh; position: relative;
}
.case-header.refTax .case-header-image {
opacity: 0;
transition: opacity 1s ease;
position: absolute;
}
.case-header.refTax .case-header-image.active {
opacity: 1;
}
.case-study-content { top: auto; font-size: 18px }
/**----------------------------------------
START: Process CSS
----------------------------------------*/
.h1-process-section {
position: relative;
z-index: 2;
padding-top: 0px;
padding-bottom: 70px;
/* top: calc(100vh); */
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h1-process-section {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h1-process-section {
padding-top: 90px;
padding-bottom: 90px;
}
.h1-process-section .mobile_button {
margin-top: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h1-process-section {
padding-top: 70px;
padding-bottom: 70px;
}
.h1-process-section .mobile_button {
margin-top: 40px;
}
}
.h1_process_wrapper .section_heading .sec_title {
max-width: 655px;
width: 100%;
font-size: 48px;
font-family: "bebas-neue-pro", sans-serif;
/* text-transform: none; */
font-weight: 600;
}
.h1_process_wrapper .section_heading_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h1_process_wrapper .section_heading {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h1_process_wrapper .section_heading {
margin-bottom: 40px;
}
}
.h1_process_wrap {
position: relative;
min-height: calc(100vh - 88px);
padding-top: 88px;
padding-bottom: 20px;
display: grid;
-ms-flex-line-pack: center;
align-content: center;
gap: 30px;
grid-template-columns: 26% 33% 37%; /*1fr 35.9% 580px;*/
z-index: 1;
}
.h1_process_wrap .process_section_left {
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: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.h1_process_wrap .h1_process_images {
grid-column: 2;
}
.h1_process_wrap .h1_process_items {
grid-column: 3;
position: relative;
z-index: 1;
overflow: hidden;
background: #ffc701;
}
.h1_process_no {
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
font-size: 120px;
line-height: 1;
height: 120px;
letter-spacing: -0.02em;
text-transform: uppercase;
color: var(--tj-color-heading-primary);
z-index: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
overflow: hidden;
margin-bottom: -20px;
}
.h1_process_images {
position: relative;
height: 85vh;
width: 100%;
overflow: hidden;
}
.h1_process_images .tj_process_img {
width: 100%;
height: 100%;
}
.h1_process_images .tj_process_img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.h1_process_wrap {
/*grid-template-columns: 1fr 520px 500px;*/
}
.h1_process_wrapper .section_heading .sec_title { font-size:30px; }
.h1_process_no {
font-size: 100px;
height: 100px;
}
.tj_process_item_2 .process_title {
line-height: 28px !important; font-size: 22px !important;
}
.tj_process_item_2 .process_top { padding: 20px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h1_process_wrap {
grid-template-columns: 1fr 359px 450px;
}
.h1_process_no {
font-size: 80px;
height: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h1_process_wrap {
grid-template-columns: 1fr 1fr;
}
.h1_process_wrap .h1_process_images {
grid-column: 1/2;
}
.h1_process_wrap .h1_process_items {
grid-column: 2/3;
}
.h1_process_no {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h1_process_wrap {
grid-template-columns: unset;
min-height: auto;
gap: 0;
padding-top: 0;
padding-bottom: 0;
}
.h1_process_wrap .h1_process_no,
.h1_process_wrap .h1_process_images {
display: none;
grid-column: unset;
}
.h1_process_wrap .h1_process_items {
grid-column: unset;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
}
}
.tj_process_item {
position: relative;
background-color: #e9e9e9;
z-index: 1;
overflow: hidden;
}
.tj_process_item .bg_image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: -1;
-o-object-fit: cover;
object-fit: cover;
}
.tj_process_item.video {
background-color: #bc001e;
}
.tj_process_item.video .bg_image {
mix-blend-mode: multiply;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.tj_process_item.video .process_title, .tj_process_item.video .process_desc {
color: var(--tj-color-light-1);
}
.tj_process_item.video .process_bottom {
border-color: var(--tj-color-border-3);
}
.tj_process_item.video .step_count {
color: var(--tj-color-light-1);
}
.tj_process_item.video .step_tag {
color: var(--tj-color-light-2);
}
.tj_process_item.video .step_tag {
border-color: var(--tj-color-border-3);
}
.tj_process_item.video .sec_subtitle span {
color: var(--tj-color-light-1);
}
.tj_process_item .process_title {
font-weight: var(--tj-fw-sbold);
line-height: 1.05;
letter-spacing: -0.02em;
text-transform: uppercase;
color: var(--tj-color-heading-primary);
margin: 0;
font-size: 22px;
}
.tj_process_item .process_desc {
margin-top: 15px;
margin-bottom: 0;
font-size: 18px;
line-height: 1.55;
letter-spacing: 0.01em;
}
.tj_process_item .process_top {
padding: 60px 40px 70px 40px;
}
.tj_process_item .process_bottom {
border-top: 1px solid var(--tj-color-border-2);
padding: 60px 40px 60px 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tj_process_item .process_bottom .step_tags {
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: start;
-ms-flex-align: start;
align-items: start;
gap: 6px;
padding-top: 15px;
}
.tj_process_item .process_bottom .step_tags .sec_subtitle {
margin-bottom: 16px;
}
.tj_process_item .step_count {
display: inline-flexv;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
line-height: 1;
letter-spacing: -0.02em;
}
.tj_process_item .step_tag {
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;
font-weight: var(--tj-fw-regular);
font-size: 16px;
line-height: 1;
letter-spacing: 0.01em;
background-color: transparent;
color: var(--tj-color-text-body);
border: 1px solid var(--tj-color-border-2);
border-radius: 50px;
padding: 3px 9px;
}
.tj_process_item .step_taga:hover {
border-color: var(--tj-color-theme-primary);
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
}
.tj_process_item_2 {
background-color: #ffc701;
}
.tj_process_item_2 .process_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
.tj_process_item_2 .process_no {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
font-size: 60px;
line-height: 1;
letter-spacing: -0.02em;
text-transform: uppercase;
color: var(--tj-color-heading-primary);
z-index: 1;
}
.tj_process_item_2 .process_img {
max-width: 240px;
width: 100%;
}
.tj_process_item_2 .process_title {
font-weight: var(--tj-fw-sbold);
line-height: 30px;
letter-spacing: -0.015em;
color: var(--tj-color-heading-primary);
margin: 0;
}
.tj_process_item_2 .process_desc {
margin-top: 15px;
margin-bottom: 0;
font-size: 18px;
line-height: 1.55;
letter-spacing: 0.01em;
}
.tj_process_item_2 .process_top {
padding: 30px 30px 33px 30px;
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.tj_process_item_2 .process_bottom {
/*border-top: 1px solid black;*/
padding: 0px 30px 0px 30px;
}
.tj_process_item_2 .process_bottom .step_tags {
max-width: 350px;
width: 100%;
}
.tj_process_item_2 .process_bottom .step_tags .sec_subtitle {
margin-bottom: 22px;
}
.tj_process_item_2 .process_bottom .step_tags .tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.tj_process_item_2 .process_bottom .step_tags .tags .category {
background-color: var(--tj-color-theme-bg);
border-color: var(--tj-color-theme-bg);
color: var(--tj-color-heading-primary);
cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tj_process_item_2 .process_desc {
margin-top: 15px;
}
.tj_process_item_2 .process_top {
padding: 20px 20px;
}
.tj_process_item_2 .process_bottom {
padding: 30px 20px;
}
.tj_process_item_2 .process_bottom .step_tags .sec_subtitle {
margin-bottom: 15px;
}
}
@media (max-width: 575px) {
.tj_process_item_2 .process_wrap {
margin-bottom: 20px;
}
.tj_process_item_2 .process_no {
font-size: 40px;
}
.tj_process_item_2 .process_img {
max-width: 180px;
}
.tj_process_item_2 .process_desc {
margin-top: 15px;
}
.tj_process_item_2 .process_top {
padding: 20px 20px;
}
.tj_process_item_2 .process_bottom {
padding: 30px 20px;
}
.tj_process_item_2 .process_bottom .step_tags .sec_subtitle {
margin-bottom: 15px;
}
}
/* !END: Process CSS */
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
}
/*RESPONSIVE BOOTSTRAP */
@media (min-width: 576px) {
.float-sm-start {
float:left!important
}
.float-sm-end {
float: right!important
}
.float-sm-none {
float: none!important
}
.object-fit-sm-contain {
-o-object-fit: contain!important;
object-fit: contain!important
}
.object-fit-sm-cover {
-o-object-fit: cover!important;
object-fit: cover!important
}
.object-fit-sm-fill {
-o-object-fit: fill!important;
object-fit: fill!important
}
.object-fit-sm-scale {
-o-object-fit: scale-down!important;
object-fit: scale-down!important
}
.object-fit-sm-none {
-o-object-fit: none!important;
object-fit: none!important
}
.d-sm-inline {
display: inline!important
}
.d-sm-inline-block {
display: inline-block!important
}
.d-sm-block {
display: block!important
}
.d-sm-grid {
display: grid!important
}
.d-sm-inline-grid {
display: inline-grid!important
}
.d-sm-table {
display: table!important
}
.d-sm-table-row {
display: table-row!important
}
.d-sm-table-cell {
display: table-cell!important
}
.d-sm-flex {
display: flex!important
}
.d-sm-inline-flex {
display: inline-flex!important
}
.d-sm-none {
display: none!important
}
.flex-sm-fill {
flex: 1 1 auto!important
}
.flex-sm-row {
flex-direction: row!important
}
.flex-sm-column {
flex-direction: column!important
}
.flex-sm-row-reverse {
flex-direction: row-reverse!important
}
.flex-sm-column-reverse {
flex-direction: column-reverse!important
}
.flex-sm-grow-0 {
flex-grow: 0!important
}
.flex-sm-grow-1 {
flex-grow: 1!important
}
.flex-sm-shrink-0 {
flex-shrink: 0!important
}
.flex-sm-shrink-1 {
flex-shrink: 1!important
}
.flex-sm-wrap {
flex-wrap: wrap!important
}
.flex-sm-nowrap {
flex-wrap: nowrap!important
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse!important
}
.justify-content-sm-start {
justify-content: flex-start!important
}
.justify-content-sm-end {
justify-content: flex-end!important
}
.justify-content-sm-center {
justify-content: center!important
}
.justify-content-sm-between {
justify-content: space-between!important
}
.justify-content-sm-around {
justify-content: space-around!important
}
.justify-content-sm-evenly {
justify-content: space-evenly!important
}
.align-items-sm-start {
align-items: flex-start!important
}
.align-items-sm-end {
align-items: flex-end!important
}
.align-items-sm-center {
align-items: center!important
}
.align-items-sm-baseline {
align-items: baseline!important
}
.align-items-sm-stretch {
align-items: stretch!important
}
.align-content-sm-start {
align-content: flex-start!important
}
.align-content-sm-end {
align-content: flex-end!important
}
.align-content-sm-center {
align-content: center!important
}
.align-content-sm-between {
align-content: space-between!important
}
.align-content-sm-around {
align-content: space-around!important
}
.align-content-sm-stretch {
align-content: stretch!important
}
.align-self-sm-auto {
align-self: auto!important
}
.align-self-sm-start {
align-self: flex-start!important
}
.align-self-sm-end {
align-self: flex-end!important
}
.align-self-sm-center {
align-self: center!important
}
.align-self-sm-baseline {
align-self: baseline!important
}
.align-self-sm-stretch {
align-self: stretch!important
}
.order-sm-first {
order: -1!important
}
.order-sm-0 {
order: 0!important
}
.order-sm-1 {
order: 1!important
}
.order-sm-2 {
order: 2!important
}
.order-sm-3 {
order: 3!important
}
.order-sm-4 {
order: 4!important
}
.order-sm-5 {
order: 5!important
}
.order-sm-last {
order: 6!important
}
.m-sm-0 {
margin: 0!important
}
.m-sm-1 {
margin: .25rem!important
}
.m-sm-2 {
margin: .5rem!important
}
.m-sm-3 {
margin: 1rem!important
}
.m-sm-4 {
margin: 1.5rem!important
}
.m-sm-5 {
margin: 3rem!important
}
.m-sm-auto {
margin: auto!important
}
.mx-sm-0 {
margin-right: 0!important;
margin-left: 0!important
}
.mx-sm-1 {
margin-right: .25rem!important;
margin-left: .25rem!important
}
.mx-sm-2 {
margin-right: .5rem!important;
margin-left: .5rem!important
}
.mx-sm-3 {
margin-right: 1rem!important;
margin-left: 1rem!important
}
.mx-sm-4 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important
}
.mx-sm-5 {
margin-right: 3rem!important;
margin-left: 3rem!important
}
.mx-sm-auto {
margin-right: auto!important;
margin-left: auto!important
}
.my-sm-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.my-sm-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important
}
.my-sm-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important
}
.my-sm-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important
}
.my-sm-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important
}
.my-sm-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important
}
.my-sm-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.mt-sm-0 {
margin-top: 0!important
}
.mt-sm-1 {
margin-top: .25rem!important
}
.mt-sm-2 {
margin-top: .5rem!important
}
.mt-sm-3 {
margin-top: 1rem!important
}
.mt-sm-4 {
margin-top: 1.5rem!important
}
.mt-sm-5 {
margin-top: 3rem!important
}
.mt-sm-auto {
margin-top: auto!important
}
.me-sm-0 {
margin-right: 0!important
}
.me-sm-1 {
margin-right: .25rem!important
}
.me-sm-2 {
margin-right: .5rem!important
}
.me-sm-3 {
margin-right: 1rem!important
}
.me-sm-4 {
margin-right: 1.5rem!important
}
.me-sm-5 {
margin-right: 3rem!important
}
.me-sm-auto {
margin-right: auto!important
}
.mb-sm-0 {
margin-bottom: 0!important
}
.mb-sm-1 {
margin-bottom: .25rem!important
}
.mb-sm-2 {
margin-bottom: .5rem!important
}
.mb-sm-3 {
margin-bottom: 1rem!important
}
.mb-sm-4 {
margin-bottom: 1.5rem!important
}
.mb-sm-5 {
margin-bottom: 3rem!important
}
.mb-sm-auto {
margin-bottom: auto!important
}
.ms-sm-0 {
margin-left: 0!important
}
.ms-sm-1 {
margin-left: .25rem!important
}
.ms-sm-2 {
margin-left: .5rem!important
}
.ms-sm-3 {
margin-left: 1rem!important
}
.ms-sm-4 {
margin-left: 1.5rem!important
}
.ms-sm-5 {
margin-left: 3rem!important
}
.ms-sm-auto {
margin-left: auto!important
}
.p-sm-0 {
padding: 0!important
}
.p-sm-1 {
padding: .25rem!important
}
.p-sm-2 {
padding: .5rem!important
}
.p-sm-3 {
padding: 1rem!important
}
.p-sm-4 {
padding: 1.5rem!important
}
.p-sm-5 {
padding: 3rem!important
}
.px-sm-0 {
padding-right: 0!important;
padding-left: 0!important
}
.px-sm-1 {
padding-right: .25rem!important;
padding-left: .25rem!important
}
.px-sm-2 {
padding-right: .5rem!important;
padding-left: .5rem!important
}
.px-sm-3 {
padding-right: 1rem!important;
padding-left: 1rem!important
}
.px-sm-4 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important
}
.px-sm-5 {
padding-right: 3rem!important;
padding-left: 3rem!important
}
.py-sm-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.py-sm-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important
}
.py-sm-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important
}
.py-sm-3 {
padding-top: 1rem!important;
padding-bottom: 1rem!important
}
.py-sm-4 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important
}
.py-sm-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.pt-sm-0 {
padding-top: 0!important
}
.pt-sm-1 {
padding-top: .25rem!important
}
.pt-sm-2 {
padding-top: .5rem!important
}
.pt-sm-3 {
padding-top: 1rem!important
}
.pt-sm-4 {
padding-top: 1.5rem!important
}
.pt-sm-5 {
padding-top: 3rem!important
}
.pe-sm-0 {
padding-right: 0!important
}
.pe-sm-1 {
padding-right: .25rem!important
}
.pe-sm-2 {
padding-right: .5rem!important
}
.pe-sm-3 {
padding-right: 1rem!important
}
.pe-sm-4 {
padding-right: 1.5rem!important
}
.pe-sm-5 {
padding-right: 3rem!important
}
.pb-sm-0 {
padding-bottom: 0!important
}
.pb-sm-1 {
padding-bottom: .25rem!important
}
.pb-sm-2 {
padding-bottom: .5rem!important
}
.pb-sm-3 {
padding-bottom: 1rem!important
}
.pb-sm-4 {
padding-bottom: 1.5rem!important
}
.pb-sm-5 {
padding-bottom: 3rem!important
}
.ps-sm-0 {
padding-left: 0!important
}
.ps-sm-1 {
padding-left: .25rem!important
}
.ps-sm-2 {
padding-left: .5rem!important
}
.ps-sm-3 {
padding-left: 1rem!important
}
.ps-sm-4 {
padding-left: 1.5rem!important
}
.ps-sm-5 {
padding-left: 3rem!important
}
.gap-sm-0 {
gap: 0!important
}
.gap-sm-1 {
gap: .25rem!important
}
.gap-sm-2 {
gap: .5rem!important
}
.gap-sm-3 {
gap: 1rem!important
}
.gap-sm-4 {
gap: 1.5rem!important
}
.gap-sm-5 {
gap: 3rem!important
}
.row-gap-sm-0 {
row-gap: 0!important
}
.row-gap-sm-1 {
row-gap: .25rem!important
}
.row-gap-sm-2 {
row-gap: .5rem!important
}
.row-gap-sm-3 {
row-gap: 1rem!important
}
.row-gap-sm-4 {
row-gap: 1.5rem!important
}
.row-gap-sm-5 {
row-gap: 3rem!important
}
.column-gap-sm-0 {
-moz-column-gap: 0!important;
column-gap: 0!important
}
.column-gap-sm-1 {
-moz-column-gap: 0.25rem!important;
column-gap: .25rem!important
}
.column-gap-sm-2 {
-moz-column-gap: 0.5rem!important;
column-gap: .5rem!important
}
.column-gap-sm-3 {
-moz-column-gap: 1rem!important;
column-gap: 1rem!important
}
.column-gap-sm-4 {
-moz-column-gap: 1.5rem!important;
column-gap: 1.5rem!important
}
.column-gap-sm-5 {
-moz-column-gap: 3rem!important;
column-gap: 3rem!important
}
.text-sm-start {
text-align: left!important
}
.text-sm-end {
text-align: right!important
}
.text-sm-center {
text-align: center!important
}
}
@media (min-width: 768px) {
.float-md-start {
float:left!important
}
.float-md-end {
float: right!important
}
.float-md-none {
float: none!important
}
.object-fit-md-contain {
-o-object-fit: contain!important;
object-fit: contain!important
}
.object-fit-md-cover {
-o-object-fit: cover!important;
object-fit: cover!important
}
.object-fit-md-fill {
-o-object-fit: fill!important;
object-fit: fill!important
}
.object-fit-md-scale {
-o-object-fit: scale-down!important;
object-fit: scale-down!important
}
.object-fit-md-none {
-o-object-fit: none!important;
object-fit: none!important
}
.d-md-inline {
display: inline!important
}
.d-md-inline-block {
display: inline-block!important
}
.d-md-block {
display: block!important
}
.d-md-grid {
display: grid!important
}
.d-md-inline-grid {
display: inline-grid!important
}
.d-md-table {
display: table!important
}
.d-md-table-row {
display: table-row!important
}
.d-md-table-cell {
display: table-cell!important
}
.d-md-flex {
display: flex!important
}
.d-md-inline-flex {
display: inline-flex!important
}
.d-md-none {
display: none!important
}
.flex-md-fill {
flex: 1 1 auto!important
}
.flex-md-row {
flex-direction: row!important
}
.flex-md-column {
flex-direction: column!important
}
.flex-md-row-reverse {
flex-direction: row-reverse!important
}
.flex-md-column-reverse {
flex-direction: column-reverse!important
}
.flex-md-grow-0 {
flex-grow: 0!important
}
.flex-md-grow-1 {
flex-grow: 1!important
}
.flex-md-shrink-0 {
flex-shrink: 0!important
}
.flex-md-shrink-1 {
flex-shrink: 1!important
}
.flex-md-wrap {
flex-wrap: wrap!important
}
.flex-md-nowrap {
flex-wrap: nowrap!important
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse!important
}
.justify-content-md-start {
justify-content: flex-start!important
}
.justify-content-md-end {
justify-content: flex-end!important
}
.justify-content-md-center {
justify-content: center!important
}
.justify-content-md-between {
justify-content: space-between!important
}
.justify-content-md-around {
justify-content: space-around!important
}
.justify-content-md-evenly {
justify-content: space-evenly!important
}
.align-items-md-start {
align-items: flex-start!important
}
.align-items-md-end {
align-items: flex-end!important
}
.align-items-md-center {
align-items: center!important
}
.align-items-md-baseline {
align-items: baseline!important
}
.align-items-md-stretch {
align-items: stretch!important
}
.align-content-md-start {
align-content: flex-start!important
}
.align-content-md-end {
align-content: flex-end!important
}
.align-content-md-center {
align-content: center!important
}
.align-content-md-between {
align-content: space-between!important
}
.align-content-md-around {
align-content: space-around!important
}
.align-content-md-stretch {
align-content: stretch!important
}
.align-self-md-auto {
align-self: auto!important
}
.align-self-md-start {
align-self: flex-start!important
}
.align-self-md-end {
align-self: flex-end!important
}
.align-self-md-center {
align-self: center!important
}
.align-self-md-baseline {
align-self: baseline!important
}
.align-self-md-stretch {
align-self: stretch!important
}
.order-md-first {
order: -1!important
}
.order-md-0 {
order: 0!important
}
.order-md-1 {
order: 1!important
}
.order-md-2 {
order: 2!important
}
.order-md-3 {
order: 3!important
}
.order-md-4 {
order: 4!important
}
.order-md-5 {
order: 5!important
}
.order-md-last {
order: 6!important
}
.m-md-0 {
margin: 0!important
}
.m-md-1 {
margin: .25rem!important
}
.m-md-2 {
margin: .5rem!important
}
.m-md-3 {
margin: 1rem!important
}
.m-md-4 {
margin: 1.5rem!important
}
.m-md-5 {
margin: 3rem!important
}
.m-md-auto {
margin: auto!important
}
.mx-md-0 {
margin-right: 0!important;
margin-left: 0!important
}
.mx-md-1 {
margin-right: .25rem!important;
margin-left: .25rem!important
}
.mx-md-2 {
margin-right: .5rem!important;
margin-left: .5rem!important
}
.mx-md-3 {
margin-right: 1rem!important;
margin-left: 1rem!important
}
.mx-md-4 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important
}
.mx-md-5 {
margin-right: 3rem!important;
margin-left: 3rem!important
}
.mx-md-auto {
margin-right: auto!important;
margin-left: auto!important
}
.my-md-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.my-md-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important
}
.my-md-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important
}
.my-md-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important
}
.my-md-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important
}
.my-md-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important
}
.my-md-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.mt-md-0 {
margin-top: 0!important
}
.mt-md-1 {
margin-top: .25rem!important
}
.mt-md-2 {
margin-top: .5rem!important
}
.mt-md-3 {
margin-top: 1rem!important
}
.mt-md-4 {
margin-top: 1.5rem!important
}
.mt-md-5 {
margin-top: 3rem!important
}
.mt-md-auto {
margin-top: auto!important
}
.me-md-0 {
margin-right: 0!important
}
.me-md-1 {
margin-right: .25rem!important
}
.me-md-2 {
margin-right: .5rem!important
}
.me-md-3 {
margin-right: 1rem!important
}
.me-md-4 {
margin-right: 1.5rem!important
}
.me-md-5 {
margin-right: 3rem!important
}
.me-md-auto {
margin-right: auto!important
}
.mb-md-0 {
margin-bottom: 0!important
}
.mb-md-1 {
margin-bottom: .25rem!important
}
.mb-md-2 {
margin-bottom: .5rem!important
}
.mb-md-3 {
margin-bottom: 1rem!important
}
.mb-md-4 {
margin-bottom: 1.5rem!important
}
.mb-md-5 {
margin-bottom: 3rem!important
}
.mb-md-auto {
margin-bottom: auto!important
}
.ms-md-0 {
margin-left: 0!important
}
.ms-md-1 {
margin-left: .25rem!important
}
.ms-md-2 {
margin-left: .5rem!important
}
.ms-md-3 {
margin-left: 1rem!important
}
.ms-md-4 {
margin-left: 1.5rem!important
}
.ms-md-5 {
margin-left: 3rem!important
}
.ms-md-auto {
margin-left: auto!important
}
.p-md-0 {
padding: 0!important
}
.p-md-1 {
padding: .25rem!important
}
.p-md-2 {
padding: .5rem!important
}
.p-md-3 {
padding: 1rem!important
}
.p-md-4 {
padding: 1.5rem!important
}
.p-md-5 {
padding: 3rem!important
}
.px-md-0 {
padding-right: 0!important;
padding-left: 0!important
}
.px-md-1 {
padding-right: .25rem!important;
padding-left: .25rem!important
}
.px-md-2 {
padding-right: .5rem!important;
padding-left: .5rem!important
}
.px-md-3 {
padding-right: 1rem!important;
padding-left: 1rem!important
}
.px-md-4 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important
}
.px-md-5 {
padding-right: 3rem!important;
padding-left: 3rem!important
}
.py-md-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.py-md-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important
}
.py-md-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important
}
.py-md-3 {
padding-top: 1rem!important;
padding-bottom: 1rem!important
}
.py-md-4 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important
}
.py-md-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.pt-md-0 {
padding-top: 0!important
}
.pt-md-1 {
padding-top: .25rem!important
}
.pt-md-2 {
padding-top: .5rem!important
}
.pt-md-3 {
padding-top: 1rem!important
}
.pt-md-4 {
padding-top: 1.5rem!important
}
.pt-md-5 {
padding-top: 3rem!important
}
.pe-md-0 {
padding-right: 0!important
}
.pe-md-1 {
padding-right: .25rem!important
}
.pe-md-2 {
padding-right: .5rem!important
}
.pe-md-3 {
padding-right: 1rem!important
}
.pe-md-4 {
padding-right: 1.5rem!important
}
.pe-md-5 {
padding-right: 3rem!important
}
.pb-md-0 {
padding-bottom: 0!important
}
.pb-md-1 {
padding-bottom: .25rem!important
}
.pb-md-2 {
padding-bottom: .5rem!important
}
.pb-md-3 {
padding-bottom: 1rem!important
}
.pb-md-4 {
padding-bottom: 1.5rem!important
}
.pb-md-5 {
padding-bottom: 3rem!important
}
.ps-md-0 {
padding-left: 0!important
}
.ps-md-1 {
padding-left: .25rem!important
}
.ps-md-2 {
padding-left: .5rem!important
}
.ps-md-3 {
padding-left: 1rem!important
}
.ps-md-4 {
padding-left: 1.5rem!important
}
.ps-md-5 {
padding-left: 3rem!important
}
.gap-md-0 {
gap: 0!important
}
.gap-md-1 {
gap: .25rem!important
}
.gap-md-2 {
gap: .5rem!important
}
.gap-md-3 {
gap: 1rem!important
}
.gap-md-4 {
gap: 1.5rem!important
}
.gap-md-5 {
gap: 3rem!important
}
.row-gap-md-0 {
row-gap: 0!important
}
.row-gap-md-1 {
row-gap: .25rem!important
}
.row-gap-md-2 {
row-gap: .5rem!important
}
.row-gap-md-3 {
row-gap: 1rem!important
}
.row-gap-md-4 {
row-gap: 1.5rem!important
}
.row-gap-md-5 {
row-gap: 3rem!important
}
.column-gap-md-0 {
-moz-column-gap: 0!important;
column-gap: 0!important
}
.column-gap-md-1 {
-moz-column-gap: 0.25rem!important;
column-gap: .25rem!important
}
.column-gap-md-2 {
-moz-column-gap: 0.5rem!important;
column-gap: .5rem!important
}
.column-gap-md-3 {
-moz-column-gap: 1rem!important;
column-gap: 1rem!important
}
.column-gap-md-4 {
-moz-column-gap: 1.5rem!important;
column-gap: 1.5rem!important
}
.column-gap-md-5 {
-moz-column-gap: 3rem!important;
column-gap: 3rem!important
}
.text-md-start {
text-align: left!important
}
.text-md-end {
text-align: right!important
}
.text-md-center {
text-align: center!important
}
}
@media (min-width: 992px) {
.float-lg-start {
float:left!important
}
.float-lg-end {
float: right!important
}
.float-lg-none {
float: none!important
}
.object-fit-lg-contain {
-o-object-fit: contain!important;
object-fit: contain!important
}
.object-fit-lg-cover {
-o-object-fit: cover!important;
object-fit: cover!important
}
.object-fit-lg-fill {
-o-object-fit: fill!important;
object-fit: fill!important
}
.object-fit-lg-scale {
-o-object-fit: scale-down!important;
object-fit: scale-down!important
}
.object-fit-lg-none {
-o-object-fit: none!important;
object-fit: none!important
}
.d-lg-inline {
display: inline!important
}
.d-lg-inline-block {
display: inline-block!important
}
.d-lg-block {
display: block!important
}
.d-lg-grid {
display: grid!important
}
.d-lg-inline-grid {
display: inline-grid!important
}
.d-lg-table {
display: table!important
}
.d-lg-table-row {
display: table-row!important
}
.d-lg-table-cell {
display: table-cell!important
}
.d-lg-flex {
display: flex!important
}
.d-lg-inline-flex {
display: inline-flex!important
}
.d-lg-none {
display: none!important
}
.flex-lg-fill {
flex: 1 1 auto!important
}
.flex-lg-row {
flex-direction: row!important
}
.flex-lg-column {
flex-direction: column!important
}
.flex-lg-row-reverse {
flex-direction: row-reverse!important
}
.flex-lg-column-reverse {
flex-direction: column-reverse!important
}
.flex-lg-grow-0 {
flex-grow: 0!important
}
.flex-lg-grow-1 {
flex-grow: 1!important
}
.flex-lg-shrink-0 {
flex-shrink: 0!important
}
.flex-lg-shrink-1 {
flex-shrink: 1!important
}
.flex-lg-wrap {
flex-wrap: wrap!important
}
.flex-lg-nowrap {
flex-wrap: nowrap!important
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse!important
}
.justify-content-lg-start {
justify-content: flex-start!important
}
.justify-content-lg-end {
justify-content: flex-end!important
}
.justify-content-lg-center {
justify-content: center!important
}
.justify-content-lg-between {
justify-content: space-between!important
}
.justify-content-lg-around {
justify-content: space-around!important
}
.justify-content-lg-evenly {
justify-content: space-evenly!important
}
.align-items-lg-start {
align-items: flex-start!important
}
.align-items-lg-end {
align-items: flex-end!important
}
.align-items-lg-center {
align-items: center!important
}
.align-items-lg-baseline {
align-items: baseline!important
}
.align-items-lg-stretch {
align-items: stretch!important
}
.align-content-lg-start {
align-content: flex-start!important
}
.align-content-lg-end {
align-content: flex-end!important
}
.align-content-lg-center {
align-content: center!important
}
.align-content-lg-between {
align-content: space-between!important
}
.align-content-lg-around {
align-content: space-around!important
}
.align-content-lg-stretch {
align-content: stretch!important
}
.align-self-lg-auto {
align-self: auto!important
}
.align-self-lg-start {
align-self: flex-start!important
}
.align-self-lg-end {
align-self: flex-end!important
}
.align-self-lg-center {
align-self: center!important
}
.align-self-lg-baseline {
align-self: baseline!important
}
.align-self-lg-stretch {
align-self: stretch!important
}
.order-lg-first {
order: -1!important
}
.order-lg-0 {
order: 0!important
}
.order-lg-1 {
order: 1!important
}
.order-lg-2 {
order: 2!important
}
.order-lg-3 {
order: 3!important
}
.order-lg-4 {
order: 4!important
}
.order-lg-5 {
order: 5!important
}
.order-lg-last {
order: 6!important
}
.m-lg-0 {
margin: 0!important
}
.m-lg-1 {
margin: .25rem!important
}
.m-lg-2 {
margin: .5rem!important
}
.m-lg-3 {
margin: 1rem!important
}
.m-lg-4 {
margin: 1.5rem!important
}
.m-lg-5 {
margin: 3rem!important
}
.m-lg-auto {
margin: auto!important
}
.mx-lg-0 {
margin-right: 0!important;
margin-left: 0!important
}
.mx-lg-1 {
margin-right: .25rem!important;
margin-left: .25rem!important
}
.mx-lg-2 {
margin-right: .5rem!important;
margin-left: .5rem!important
}
.mx-lg-3 {
margin-right: 1rem!important;
margin-left: 1rem!important
}
.mx-lg-4 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important
}
.mx-lg-5 {
margin-right: 3rem!important;
margin-left: 3rem!important
}
.mx-lg-auto {
margin-right: auto!important;
margin-left: auto!important
}
.my-lg-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.my-lg-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important
}
.my-lg-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important
}
.my-lg-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important
}
.my-lg-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important
}
.my-lg-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important
}
.my-lg-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.mt-lg-0 {
margin-top: 0!important
}
.mt-lg-1 {
margin-top: .25rem!important
}
.mt-lg-2 {
margin-top: .5rem!important
}
.mt-lg-3 {
margin-top: 1rem!important
}
.mt-lg-4 {
margin-top: 1.5rem!important
}
.mt-lg-5 {
margin-top: 3rem!important
}
.mt-lg-auto {
margin-top: auto!important
}
.me-lg-0 {
margin-right: 0!important
}
.me-lg-1 {
margin-right: .25rem!important
}
.me-lg-2 {
margin-right: .5rem!important
}
.me-lg-3 {
margin-right: 1rem!important
}
.me-lg-4 {
margin-right: 1.5rem!important
}
.me-lg-5 {
margin-right: 3rem!important
}
.me-lg-auto {
margin-right: auto!important
}
.mb-lg-0 {
margin-bottom: 0!important
}
.mb-lg-1 {
margin-bottom: .25rem!important
}
.mb-lg-2 {
margin-bottom: .5rem!important
}
.mb-lg-3 {
margin-bottom: 1rem!important
}
.mb-lg-4 {
margin-bottom: 1.5rem!important
}
.mb-lg-5 {
margin-bottom: 3rem!important
}
.mb-lg-auto {
margin-bottom: auto!important
}
.ms-lg-0 {
margin-left: 0!important
}
.ms-lg-1 {
margin-left: .25rem!important
}
.ms-lg-2 {
margin-left: .5rem!important
}
.ms-lg-3 {
margin-left: 1rem!important
}
.ms-lg-4 {
margin-left: 1.5rem!important
}
.ms-lg-5 {
margin-left: 3rem!important
}
.ms-lg-auto {
margin-left: auto!important
}
.p-lg-0 {
padding: 0!important
}
.p-lg-1 {
padding: .25rem!important
}
.p-lg-2 {
padding: .5rem!important
}
.p-lg-3 {
padding: 1rem!important
}
.p-lg-4 {
padding: 1.5rem!important
}
.p-lg-5 {
padding: 3rem!important
}
.px-lg-0 {
padding-right: 0!important;
padding-left: 0!important
}
.px-lg-1 {
padding-right: .25rem!important;
padding-left: .25rem!important
}
.px-lg-2 {
padding-right: .5rem!important;
padding-left: .5rem!important
}
.px-lg-3 {
padding-right: 1rem!important;
padding-left: 1rem!important
}
.px-lg-4 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important
}
.px-lg-5 {
padding-right: 3rem!important;
padding-left: 3rem!important
}
.py-lg-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.py-lg-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important
}
.py-lg-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important
}
.py-lg-3 {
padding-top: 1rem!important;
padding-bottom: 1rem!important
}
.py-lg-4 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important
}
.py-lg-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.pt-lg-0 {
padding-top: 0!important
}
.pt-lg-1 {
padding-top: .25rem!important
}
.pt-lg-2 {
padding-top: .5rem!important
}
.pt-lg-3 {
padding-top: 1rem!important
}
.pt-lg-4 {
padding-top: 1.5rem!important
}
.pt-lg-5 {
padding-top: 3rem!important
}
.pe-lg-0 {
padding-right: 0!important
}
.pe-lg-1 {
padding-right: .25rem!important
}
.pe-lg-2 {
padding-right: .5rem!important
}
.pe-lg-3 {
padding-right: 1rem!important
}
.pe-lg-4 {
padding-right: 1.5rem!important
}
.pe-lg-5 {
padding-right: 3rem!important
}
.pb-lg-0 {
padding-bottom: 0!important
}
.pb-lg-1 {
padding-bottom: .25rem!important
}
.pb-lg-2 {
padding-bottom: .5rem!important
}
.pb-lg-3 {
padding-bottom: 1rem!important
}
.pb-lg-4 {
padding-bottom: 1.5rem!important
}
.pb-lg-5 {
padding-bottom: 3rem!important
}
.ps-lg-0 {
padding-left: 0!important
}
.ps-lg-1 {
padding-left: .25rem!important
}
.ps-lg-2 {
padding-left: .5rem!important
}
.ps-lg-3 {
padding-left: 1rem!important
}
.ps-lg-4 {
padding-left: 1.5rem!important
}
.ps-lg-5 {
padding-left: 3rem!important
}
.gap-lg-0 {
gap: 0!important
}
.gap-lg-1 {
gap: .25rem!important
}
.gap-lg-2 {
gap: .5rem!important
}
.gap-lg-3 {
gap: 1rem!important
}
.gap-lg-4 {
gap: 1.5rem!important
}
.gap-lg-5 {
gap: 3rem!important
}
.row-gap-lg-0 {
row-gap: 0!important
}
.row-gap-lg-1 {
row-gap: .25rem!important
}
.row-gap-lg-2 {
row-gap: .5rem!important
}
.row-gap-lg-3 {
row-gap: 1rem!important
}
.row-gap-lg-4 {
row-gap: 1.5rem!important
}
.row-gap-lg-5 {
row-gap: 3rem!important
}
.column-gap-lg-0 {
-moz-column-gap: 0!important;
column-gap: 0!important
}
.column-gap-lg-1 {
-moz-column-gap: 0.25rem!important;
column-gap: .25rem!important
}
.column-gap-lg-2 {
-moz-column-gap: 0.5rem!important;
column-gap: .5rem!important
}
.column-gap-lg-3 {
-moz-column-gap: 1rem!important;
column-gap: 1rem!important
}
.column-gap-lg-4 {
-moz-column-gap: 1.5rem!important;
column-gap: 1.5rem!important
}
.column-gap-lg-5 {
-moz-column-gap: 3rem!important;
column-gap: 3rem!important
}
.text-lg-start {
text-align: left!important
}
.text-lg-end {
text-align: right!important
}
.text-lg-center {
text-align: center!important
}
}
@media (min-width: 1200px) {
.float-xl-start {
float:left!important
}
.float-xl-end {
float: right!important
}
.float-xl-none {
float: none!important
}
.object-fit-xl-contain {
-o-object-fit: contain!important;
object-fit: contain!important
}
.object-fit-xl-cover {
-o-object-fit: cover!important;
object-fit: cover!important
}
.object-fit-xl-fill {
-o-object-fit: fill!important;
object-fit: fill!important
}
.object-fit-xl-scale {
-o-object-fit: scale-down!important;
object-fit: scale-down!important
}
.object-fit-xl-none {
-o-object-fit: none!important;
object-fit: none!important
}
.d-xl-inline {
display: inline!important
}
.d-xl-inline-block {
display: inline-block!important
}
.d-xl-block {
display: block!important
}
.d-xl-grid {
display: grid!important
}
.d-xl-inline-grid {
display: inline-grid!important
}
.d-xl-table {
display: table!important
}
.d-xl-table-row {
display: table-row!important
}
.d-xl-table-cell {
display: table-cell!important
}
.d-xl-flex {
display: flex!important
}
.d-xl-inline-flex {
display: inline-flex!important
}
.d-xl-none {
display: none!important
}
.flex-xl-fill {
flex: 1 1 auto!important
}
.flex-xl-row {
flex-direction: row!important
}
.flex-xl-column {
flex-direction: column!important
}
.flex-xl-row-reverse {
flex-direction: row-reverse!important
}
.flex-xl-column-reverse {
flex-direction: column-reverse!important
}
.flex-xl-grow-0 {
flex-grow: 0!important
}
.flex-xl-grow-1 {
flex-grow: 1!important
}
.flex-xl-shrink-0 {
flex-shrink: 0!important
}
.flex-xl-shrink-1 {
flex-shrink: 1!important
}
.flex-xl-wrap {
flex-wrap: wrap!important
}
.flex-xl-nowrap {
flex-wrap: nowrap!important
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse!important
}
.justify-content-xl-start {
justify-content: flex-start!important
}
.justify-content-xl-end {
justify-content: flex-end!important
}
.justify-content-xl-center {
justify-content: center!important
}
.justify-content-xl-between {
justify-content: space-between!important
}
.justify-content-xl-around {
justify-content: space-around!important
}
.justify-content-xl-evenly {
justify-content: space-evenly!important
}
.align-items-xl-start {
align-items: flex-start!important
}
.align-items-xl-end {
align-items: flex-end!important
}
.align-items-xl-center {
align-items: center!important
}
.align-items-xl-baseline {
align-items: baseline!important
}
.align-items-xl-stretch {
align-items: stretch!important
}
.align-content-xl-start {
align-content: flex-start!important
}
.align-content-xl-end {
align-content: flex-end!important
}
.align-content-xl-center {
align-content: center!important
}
.align-content-xl-between {
align-content: space-between!important
}
.align-content-xl-around {
align-content: space-around!important
}
.align-content-xl-stretch {
align-content: stretch!important
}
.align-self-xl-auto {
align-self: auto!important
}
.align-self-xl-start {
align-self: flex-start!important
}
.align-self-xl-end {
align-self: flex-end!important
}
.align-self-xl-center {
align-self: center!important
}
.align-self-xl-baseline {
align-self: baseline!important
}
.align-self-xl-stretch {
align-self: stretch!important
}
.order-xl-first {
order: -1!important
}
.order-xl-0 {
order: 0!important
}
.order-xl-1 {
order: 1!important
}
.order-xl-2 {
order: 2!important
}
.order-xl-3 {
order: 3!important
}
.order-xl-4 {
order: 4!important
}
.order-xl-5 {
order: 5!important
}
.order-xl-last {
order: 6!important
}
.m-xl-0 {
margin: 0!important
}
.m-xl-1 {
margin: .25rem!important
}
.m-xl-2 {
margin: .5rem!important
}
.m-xl-3 {
margin: 1rem!important
}
.m-xl-4 {
margin: 1.5rem!important
}
.m-xl-5 {
margin: 3rem!important
}
.m-xl-auto {
margin: auto!important
}
.mx-xl-0 {
margin-right: 0!important;
margin-left: 0!important
}
.mx-xl-1 {
margin-right: .25rem!important;
margin-left: .25rem!important
}
.mx-xl-2 {
margin-right: .5rem!important;
margin-left: .5rem!important
}
.mx-xl-3 {
margin-right: 1rem!important;
margin-left: 1rem!important
}
.mx-xl-4 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important
}
.mx-xl-5 {
margin-right: 3rem!important;
margin-left: 3rem!important
}
.mx-xl-auto {
margin-right: auto!important;
margin-left: auto!important
}
.my-xl-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.my-xl-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important
}
.my-xl-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important
}
.my-xl-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important
}
.my-xl-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important
}
.my-xl-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important
}
.my-xl-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.mt-xl-0 {
margin-top: 0!important
}
.mt-xl-1 {
margin-top: .25rem!important
}
.mt-xl-2 {
margin-top: .5rem!important
}
.mt-xl-3 {
margin-top: 1rem!important
}
.mt-xl-4 {
margin-top: 1.5rem!important
}
.mt-xl-5 {
margin-top: 3rem!important
}
.mt-xl-auto {
margin-top: auto!important
}
.me-xl-0 {
margin-right: 0!important
}
.me-xl-1 {
margin-right: .25rem!important
}
.me-xl-2 {
margin-right: .5rem!important
}
.me-xl-3 {
margin-right: 1rem!important
}
.me-xl-4 {
margin-right: 1.5rem!important
}
.me-xl-5 {
margin-right: 3rem!important
}
.me-xl-auto {
margin-right: auto!important
}
.mb-xl-0 {
margin-bottom: 0!important
}
.mb-xl-1 {
margin-bottom: .25rem!important
}
.mb-xl-2 {
margin-bottom: .5rem!important
}
.mb-xl-3 {
margin-bottom: 1rem!important
}
.mb-xl-4 {
margin-bottom: 1.5rem!important
}
.mb-xl-5 {
margin-bottom: 3rem!important
}
.mb-xl-auto {
margin-bottom: auto!important
}
.ms-xl-0 {
margin-left: 0!important
}
.ms-xl-1 {
margin-left: .25rem!important
}
.ms-xl-2 {
margin-left: .5rem!important
}
.ms-xl-3 {
margin-left: 1rem!important
}
.ms-xl-4 {
margin-left: 1.5rem!important
}
.ms-xl-5 {
margin-left: 3rem!important
}
.ms-xl-auto {
margin-left: auto!important
}
.p-xl-0 {
padding: 0!important
}
.p-xl-1 {
padding: .25rem!important
}
.p-xl-2 {
padding: .5rem!important
}
.p-xl-3 {
padding: 1rem!important
}
.p-xl-4 {
padding: 1.5rem!important
}
.p-xl-5 {
padding: 3rem!important
}
.px-xl-0 {
padding-right: 0!important;
padding-left: 0!important
}
.px-xl-1 {
padding-right: .25rem!important;
padding-left: .25rem!important
}
.px-xl-2 {
padding-right: .5rem!important;
padding-left: .5rem!important
}
.px-xl-3 {
padding-right: 1rem!important;
padding-left: 1rem!important
}
.px-xl-4 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important
}
.px-xl-5 {
padding-right: 3rem!important;
padding-left: 3rem!important
}
.py-xl-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.py-xl-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important
}
.py-xl-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important
}
.py-xl-3 {
padding-top: 1rem!important;
padding-bottom: 1rem!important
}
.py-xl-4 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important
}
.py-xl-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.pt-xl-0 {
padding-top: 0!important
}
.pt-xl-1 {
padding-top: .25rem!important
}
.pt-xl-2 {
padding-top: .5rem!important
}
.pt-xl-3 {
padding-top: 1rem!important
}
.pt-xl-4 {
padding-top: 1.5rem!important
}
.pt-xl-5 {
padding-top: 3rem!important
}
.pe-xl-0 {
padding-right: 0!important
}
.pe-xl-1 {
padding-right: .25rem!important
}
.pe-xl-2 {
padding-right: .5rem!important
}
.pe-xl-3 {
padding-right: 1rem!important
}
.pe-xl-4 {
padding-right: 1.5rem!important
}
.pe-xl-5 {
padding-right: 3rem!important
}
.pb-xl-0 {
padding-bottom: 0!important
}
.pb-xl-1 {
padding-bottom: .25rem!important
}
.pb-xl-2 {
padding-bottom: .5rem!important
}
.pb-xl-3 {
padding-bottom: 1rem!important
}
.pb-xl-4 {
padding-bottom: 1.5rem!important
}
.pb-xl-5 {
padding-bottom: 3rem!important
}
.ps-xl-0 {
padding-left: 0!important
}
.ps-xl-1 {
padding-left: .25rem!important
}
.ps-xl-2 {
padding-left: .5rem!important
}
.ps-xl-3 {
padding-left: 1rem!important
}
.ps-xl-4 {
padding-left: 1.5rem!important
}
.ps-xl-5 {
padding-left: 3rem!important
}
.gap-xl-0 {
gap: 0!important
}
.gap-xl-1 {
gap: .25rem!important
}
.gap-xl-2 {
gap: .5rem!important
}
.gap-xl-3 {
gap: 1rem!important
}
.gap-xl-4 {
gap: 1.5rem!important
}
.gap-xl-5 {
gap: 3rem!important
}
.row-gap-xl-0 {
row-gap: 0!important
}
.row-gap-xl-1 {
row-gap: .25rem!important
}
.row-gap-xl-2 {
row-gap: .5rem!important
}
.row-gap-xl-3 {
row-gap: 1rem!important
}
.row-gap-xl-4 {
row-gap: 1.5rem!important
}
.row-gap-xl-5 {
row-gap: 3rem!important
}
.column-gap-xl-0 {
-moz-column-gap: 0!important;
column-gap: 0!important
}
.column-gap-xl-1 {
-moz-column-gap: 0.25rem!important;
column-gap: .25rem!important
}
.column-gap-xl-2 {
-moz-column-gap: 0.5rem!important;
column-gap: .5rem!important
}
.column-gap-xl-3 {
-moz-column-gap: 1rem!important;
column-gap: 1rem!important
}
.column-gap-xl-4 {
-moz-column-gap: 1.5rem!important;
column-gap: 1.5rem!important
}
.column-gap-xl-5 {
-moz-column-gap: 3rem!important;
column-gap: 3rem!important
}
.text-xl-start {
text-align: left!important
}
.text-xl-end {
text-align: right!important
}
.text-xl-center {
text-align: center!important
}
}
@media (min-width: 1400px) {
.float-xxl-start {
float:left!important
}
.float-xxl-end {
float: right!important
}
.float-xxl-none {
float: none!important
}
.object-fit-xxl-contain {
-o-object-fit: contain!important;
object-fit: contain!important
}
.object-fit-xxl-cover {
-o-object-fit: cover!important;
object-fit: cover!important
}
.object-fit-xxl-fill {
-o-object-fit: fill!important;
object-fit: fill!important
}
.object-fit-xxl-scale {
-o-object-fit: scale-down!important;
object-fit: scale-down!important
}
.object-fit-xxl-none {
-o-object-fit: none!important;
object-fit: none!important
}
.d-xxl-inline {
display: inline!important
}
.d-xxl-inline-block {
display: inline-block!important
}
.d-xxl-block {
display: block!important
}
.d-xxl-grid {
display: grid!important
}
.d-xxl-inline-grid {
display: inline-grid!important
}
.d-xxl-table {
display: table!important
}
.d-xxl-table-row {
display: table-row!important
}
.d-xxl-table-cell {
display: table-cell!important
}
.d-xxl-flex {
display: flex!important
}
.d-xxl-inline-flex {
display: inline-flex!important
}
.d-xxl-none {
display: none!important
}
.flex-xxl-fill {
flex: 1 1 auto!important
}
.flex-xxl-row {
flex-direction: row!important
}
.flex-xxl-column {
flex-direction: column!important
}
.flex-xxl-row-reverse {
flex-direction: row-reverse!important
}
.flex-xxl-column-reverse {
flex-direction: column-reverse!important
}
.flex-xxl-grow-0 {
flex-grow: 0!important
}
.flex-xxl-grow-1 {
flex-grow: 1!important
}
.flex-xxl-shrink-0 {
flex-shrink: 0!important
}
.flex-xxl-shrink-1 {
flex-shrink: 1!important
}
.flex-xxl-wrap {
flex-wrap: wrap!important
}
.flex-xxl-nowrap {
flex-wrap: nowrap!important
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse!important
}
.justify-content-xxl-start {
justify-content: flex-start!important
}
.justify-content-xxl-end {
justify-content: flex-end!important
}
.justify-content-xxl-center {
justify-content: center!important
}
.justify-content-xxl-between {
justify-content: space-between!important
}
.justify-content-xxl-around {
justify-content: space-around!important
}
.justify-content-xxl-evenly {
justify-content: space-evenly!important
}
.align-items-xxl-start {
align-items: flex-start!important
}
.align-items-xxl-end {
align-items: flex-end!important
}
.align-items-xxl-center {
align-items: center!important
}
.align-items-xxl-baseline {
align-items: baseline!important
}
.align-items-xxl-stretch {
align-items: stretch!important
}
.align-content-xxl-start {
align-content: flex-start!important
}
.align-content-xxl-end {
align-content: flex-end!important
}
.align-content-xxl-center {
align-content: center!important
}
.align-content-xxl-between {
align-content: space-between!important
}
.align-content-xxl-around {
align-content: space-around!important
}
.align-content-xxl-stretch {
align-content: stretch!important
}
.align-self-xxl-auto {
align-self: auto!important
}
.align-self-xxl-start {
align-self: flex-start!important
}
.align-self-xxl-end {
align-self: flex-end!important
}
.align-self-xxl-center {
align-self: center!important
}
.align-self-xxl-baseline {
align-self: baseline!important
}
.align-self-xxl-stretch {
align-self: stretch!important
}
.order-xxl-first {
order: -1!important
}
.order-xxl-0 {
order: 0!important
}
.order-xxl-1 {
order: 1!important
}
.order-xxl-2 {
order: 2!important
}
.order-xxl-3 {
order: 3!important
}
.order-xxl-4 {
order: 4!important
}
.order-xxl-5 {
order: 5!important
}
.order-xxl-last {
order: 6!important
}
.m-xxl-0 {
margin: 0!important
}
.m-xxl-1 {
margin: .25rem!important
}
.m-xxl-2 {
margin: .5rem!important
}
.m-xxl-3 {
margin: 1rem!important
}
.m-xxl-4 {
margin: 1.5rem!important
}
.m-xxl-5 {
margin: 3rem!important
}
.m-xxl-auto {
margin: auto!important
}
.mx-xxl-0 {
margin-right: 0!important;
margin-left: 0!important
}
.mx-xxl-1 {
margin-right: .25rem!important;
margin-left: .25rem!important
}
.mx-xxl-2 {
margin-right: .5rem!important;
margin-left: .5rem!important
}
.mx-xxl-3 {
margin-right: 1rem!important;
margin-left: 1rem!important
}
.mx-xxl-4 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important
}
.mx-xxl-5 {
margin-right: 3rem!important;
margin-left: 3rem!important
}
.mx-xxl-auto {
margin-right: auto!important;
margin-left: auto!important
}
.my-xxl-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.my-xxl-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important
}
.my-xxl-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important
}
.my-xxl-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important
}
.my-xxl-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important
}
.my-xxl-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important
}
.my-xxl-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.mt-xxl-0 {
margin-top: 0!important
}
.mt-xxl-1 {
margin-top: .25rem!important
}
.mt-xxl-2 {
margin-top: .5rem!important
}
.mt-xxl-3 {
margin-top: 1rem!important
}
.mt-xxl-4 {
margin-top: 1.5rem!important
}
.mt-xxl-5 {
margin-top: 3rem!important
}
.mt-xxl-auto {
margin-top: auto!important
}
.me-xxl-0 {
margin-right: 0!important
}
.me-xxl-1 {
margin-right: .25rem!important
}
.me-xxl-2 {
margin-right: .5rem!important
}
.me-xxl-3 {
margin-right: 1rem!important
}
.me-xxl-4 {
margin-right: 1.5rem!important
}
.me-xxl-5 {
margin-right: 3rem!important
}
.me-xxl-auto {
margin-right: auto!important
}
.mb-xxl-0 {
margin-bottom: 0!important
}
.mb-xxl-1 {
margin-bottom: .25rem!important
}
.mb-xxl-2 {
margin-bottom: .5rem!important
}
.mb-xxl-3 {
margin-bottom: 1rem!important
}
.mb-xxl-4 {
margin-bottom: 1.5rem!important
}
.mb-xxl-5 {
margin-bottom: 3rem!important
}
.mb-xxl-auto {
margin-bottom: auto!important
}
.ms-xxl-0 {
margin-left: 0!important
}
.ms-xxl-1 {
margin-left: .25rem!important
}
.ms-xxl-2 {
margin-left: .5rem!important
}
.ms-xxl-3 {
margin-left: 1rem!important
}
.ms-xxl-4 {
margin-left: 1.5rem!important
}
.ms-xxl-5 {
margin-left: 3rem!important
}
.ms-xxl-auto {
margin-left: auto!important
}
.p-xxl-0 {
padding: 0!important
}
.p-xxl-1 {
padding: .25rem!important
}
.p-xxl-2 {
padding: .5rem!important
}
.p-xxl-3 {
padding: 1rem!important
}
.p-xxl-4 {
padding: 1.5rem!important
}
.p-xxl-5 {
padding: 3rem!important
}
.px-xxl-0 {
padding-right: 0!important;
padding-left: 0!important
}
.px-xxl-1 {
padding-right: .25rem!important;
padding-left: .25rem!important
}
.px-xxl-2 {
padding-right: .5rem!important;
padding-left: .5rem!important
}
.px-xxl-3 {
padding-right: 1rem!important;
padding-left: 1rem!important
}
.px-xxl-4 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important
}
.px-xxl-5 {
padding-right: 3rem!important;
padding-left: 3rem!important
}
.py-xxl-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.py-xxl-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important
}
.py-xxl-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important
}
.py-xxl-3 {
padding-top: 1rem!important;
padding-bottom: 1rem!important
}
.py-xxl-4 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important
}
.py-xxl-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.pt-xxl-0 {
padding-top: 0!important
}
.pt-xxl-1 {
padding-top: .25rem!important
}
.pt-xxl-2 {
padding-top: .5rem!important
}
.pt-xxl-3 {
padding-top: 1rem!important
}
.pt-xxl-4 {
padding-top: 1.5rem!important
}
.pt-xxl-5 {
padding-top: 3rem!important
}
.pe-xxl-0 {
padding-right: 0!important
}
.pe-xxl-1 {
padding-right: .25rem!important
}
.pe-xxl-2 {
padding-right: .5rem!important
}
.pe-xxl-3 {
padding-right: 1rem!important
}
.pe-xxl-4 {
padding-right: 1.5rem!important
}
.pe-xxl-5 {
padding-right: 3rem!important
}
.pb-xxl-0 {
padding-bottom: 0!important
}
.pb-xxl-1 {
padding-bottom: .25rem!important
}
.pb-xxl-2 {
padding-bottom: .5rem!important
}
.pb-xxl-3 {
padding-bottom: 1rem!important
}
.pb-xxl-4 {
padding-bottom: 1.5rem!important
}
.pb-xxl-5 {
padding-bottom: 3rem!important
}
.ps-xxl-0 {
padding-left: 0!important
}
.ps-xxl-1 {
padding-left: .25rem!important
}
.ps-xxl-2 {
padding-left: .5rem!important
}
.ps-xxl-3 {
padding-left: 1rem!important
}
.ps-xxl-4 {
padding-left: 1.5rem!important
}
.ps-xxl-5 {
padding-left: 3rem!important
}
.gap-xxl-0 {
gap: 0!important
}
.gap-xxl-1 {
gap: .25rem!important
}
.gap-xxl-2 {
gap: .5rem!important
}
.gap-xxl-3 {
gap: 1rem!important
}
.gap-xxl-4 {
gap: 1.5rem!important
}
.gap-xxl-5 {
gap: 3rem!important
}
.row-gap-xxl-0 {
row-gap: 0!important
}
.row-gap-xxl-1 {
row-gap: .25rem!important
}
.row-gap-xxl-2 {
row-gap: .5rem!important
}
.row-gap-xxl-3 {
row-gap: 1rem!important
}
.row-gap-xxl-4 {
row-gap: 1.5rem!important
}
.row-gap-xxl-5 {
row-gap: 3rem!important
}
.column-gap-xxl-0 {
-moz-column-gap: 0!important;
column-gap: 0!important
}
.column-gap-xxl-1 {
-moz-column-gap: 0.25rem!important;
column-gap: .25rem!important
}
.column-gap-xxl-2 {
-moz-column-gap: 0.5rem!important;
column-gap: .5rem!important
}
.column-gap-xxl-3 {
-moz-column-gap: 1rem!important;
column-gap: 1rem!important
}
.column-gap-xxl-4 {
-moz-column-gap: 1.5rem!important;
column-gap: 1.5rem!important
}
.column-gap-xxl-5 {
-moz-column-gap: 3rem!important;
column-gap: 3rem!important
}
.text-xxl-start {
text-align: left!important
}
.text-xxl-end {
text-align: right!important
}
.text-xxl-center {
text-align: center!important
}
}
@media (min-width: 1200px) {
.fs-1 {
font-size:2.5rem!important
}
.fs-2 {
font-size: 2rem!important
}
.fs-3 {
font-size: 1.75rem!important
}
.fs-4 {
font-size: 1.5rem!important
}
}
/**----------------------------------------
START: Projects CSS
----------------------------------------*/
.h1-project-section {
border-top: 1px solid var(--tj-color-border-1);
padding-top: 30px;
padding-bottom: 30px;
/*top: 100vh;*/
position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h1-project-section {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h1-project-section {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h1-project-section {
padding-top: 70px;
padding-bottom: 70px;
}
}
.h1_projects_wrapper .section_heading {
margin-bottom: 0;
}
.h1_projects_wrapper .section_heading .sec_title {
max-width: 1200px;
width: 100%;
font-size: 60px;
line-height: 1;
margin-top: 0;
margin-bottom: -50px;
}
.h1_projects_wrapper .section_heading .sec_title .space {
display: block;
padding-left: 60px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.h1_projects_wrapper .section_heading .sec_title {
max-width: 1000px;
font-size: 100px;
}
.h1_projects_wrapper .section_heading .sec_title .space {
padding-left: 128px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h1_projects_wrapper .section_heading .sec_title {
max-width: 800px;
font-size: 80px;
}
.h1_projects_wrapper .section_heading .sec_title .space {
padding-left: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h1_projects_wrapper .section_heading .sec_title {
max-width: 600px;
font-size: 60px;
}
.h1_projects_wrapper .section_heading .sec_title .space {
padding-left: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h1_projects_wrapper .section_heading {
margin-bottom: 50px;
gap: 0;
}
.h1_projects_wrapper .section_heading .sec_title {
max-width: 550px;
font-size: 52px;
margin-top: 16px;
line-height: 1.11;
}
.h1_projects_wrapper .section_heading .sec_title .space {
padding-left: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h1_projects_wrapper .section_heading {
margin-bottom: 40px;
gap: 0;
}
.h1_projects_wrapper .section_heading .sec_title {
max-width: 450px;
font-size: 42px;
margin-top: 16px;
line-height: 1.11;
}
.h1_projects_wrapper .section_heading .sec_title .space {
padding-left: 0;
}
}
@media (max-width: 575px) {
.h1_projects_wrapper .section_heading .sec_title {
max-width: 450px;
font-size: 36px;
}
}
.h1_projects_wrap {
padding-top: 40px;
padding-bottom: 40px;
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 88px 30px 40px 0px;
-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;
}
.h1_projects_wrap .projects-progress {
position: relative;
width: 100%;
height: 1px;
background-color: var(--tj-color-border-1);
margin-top: 60px;
}
.h1_projects_wrap .projects-progress > span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
will-change: transform;
background-color: var(--tj-color-heading-primary);
}
.h1_projects_wrap .projects_more_button {
margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h1_projects_wrap {
min-height: auto;
padding-top: 0;
padding-bottom: 0;
}
.h1_projects_wrap .projects-progress {
display: none;
}
.h1_projects_wrap .projects_more_button {
margin-top: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h1_projects_wrap .projects_more_button {
margin-top: 40px;
}
}
.h1_projects_items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 30px;
}
.h1_projects_items .tj_project_item {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(32% - 15px);
flex: 0 0 calc(32% - 15px);
max-width: calc(32% - 15px);
width: 100%;
}
.h1_projects_items .tj_project_item .project_year {
margin-top: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h1_projects_items {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.h1_projects_items .tj_project_item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.tj_project_item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-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: start;
}
.tj_project_item .project_image .category {
position: absolute;
left: 30px;
top: 30px;
z-index: 2;
font-weight: var(--tj-fw-bold);
color: var(--tj-color-light-1);
background-color: var(--tj-color-theme-bg-dark);
border-color: var(--tj-color-theme-bg-dark);
}
.tj_project_item .project_content {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 21px;
}
.tj_project_item .project_content .project_title {
max-width: calc(100% - 70px);
width: 100%;
margin: 0;
letter-spacing: -0.015em;
}
.tj_project_item .project_content .project_title a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tj_project_item .project_content .project_title .text {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-transform: translateX(-24px);
-ms-transform: translateX(-24px);
transform: translateX(-24px);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tj_project_item .project_content .project_title .icon_btn {
width: 24px;
height: 24px;
font-size: 16px;
position: relative;
top: -1px;
background-color: #FFC701;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.tj_project_item .project_content .project_title a:hover {
color: var(--tj-color-text-body-2);
}
.tj_project_item .project_content .project_title a:hover .text {
-webkit-transform: translateX(8px);
-ms-transform: translateX(8px);
transform: translateX(8px);
}
.tj_project_item .project_content .project_title a:hover .icon_btn {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj_project_item .project_content {
margin-top: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj_project_item .project_image .category {
left: 20px;
top: 20px;
}
}
.tj--hover-item .tj--hover-img {
overflow: hidden;
position: relative;
}
.tj--hover-item .tj--hover-img canvas {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.project_image {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
position: relative;
z-index: 1;
}
.project_image img {
width: 100%;
height: auto;
}
.project_image a:not(.category) {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
}
.category {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
line-height: 1;
letter-spacing: 0.01em;
font-weight: var(--tj-fw-medium);
color: var(--tj-color-heading-primary);
background-color: transparent;
border: 1px solid var(--tj-color-theme-bg-dark);
border-radius: 50px;
padding: 5px 10px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.category i,
.category svg {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
line-height: 1;
font-size: 12px;
}
.category svg {
max-width: 12px;
height: auto;
}
.category:hover {
background-color: var(--tj-color-theme-bg-dark-2);
border-color: var(--tj-color-theme-bg-dark-2);
color: var(--tj-color-light-1);
}
.category:hover .flip-text .front {
-webkit-transform: translateY(-150%);
-ms-transform: translateY(-150%);
transform: translateY(-150%);
}
.category:hover .flip-text .back {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.category.fill {
background-color: var(--tj-color-theme-bg-dark-2);
border-color: var(--tj-color-theme-bg-dark-2);
}
.category-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.project_year {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 5px;
font-weight: var(--tj-fw-bold);
font-size: 17px;
line-height: 1.5;
color: var(--tj-color-theme-primary);
}
.project_year > span {
color: var(--tj-color-heading-primary);
}
.h2-project-section {
position: relative;
z-index: 1;
padding-top: 180px;
padding-bottom: 140px;
}
.h2-project-section .blocks-shape {
top: -1px;
right: -1px;
background-color: transparent;
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
color: var(--tj-color-theme-bg);
}
.h2-project-section .blocks-shape svg {
width: 100%;
}
.h2-project-section .blocks-shape svg path {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h2-project-section .blocks-shape {
max-width: 350px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h2-project-section .blocks-shape {
max-width: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h2-project-section .blocks-shape {
max-width: 210px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2-project-section .blocks-shape {
max-width: 160px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.h2-project-section {
padding-top: 140px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h2-project-section {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2-project-section {
padding-top: 70px;
padding-bottom: 70px;
}
}
.h2_projects_header {
padding: 0 60px;
margin-bottom: 105px;
}
.h2_projects_header .section_heading .sec_subtitle span {
color: var(--tj-color-light-1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.h2_projects_header {
padding: 0 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.h2_projects_header {
padding: 0 30px;
margin-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h2_projects_header {
padding: 0 20px;
margin-bottom: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_projects_header {
padding: 0 15px;
margin-bottom: 40px;
}
}
.h2_projects_item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
border-top: 1px solid var(--tj-color-border-3);
padding: 30px 60px;
position: relative;
z-index: 1;
overflow: hidden;
background-color: var(--tj-color-theme-bg-dark);
}
.h2_projects_item:last-child {
border-bottom: 1px solid var(--tj-color-border-3);
}
.h2_projects_item.active .project_sl {
color: var(--tj-color-theme-primary);
}
.h2_projects_item.active .project_title {
font-size: 48px;
opacity: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.h2_projects_item.active .project_title {
font-size: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_projects_item.active .project_title {
font-size: 34px;
}
}
.h2_projects_item.active .project_btn_wrap,
.h2_projects_item.active .project_content,
.h2_projects_item.active .project_year {
opacity: 1;
height: auto;
}
.h2_projects_item.active .project_image {
height: 380px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h2_projects_item.active .project_image {
height: 300px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h2_projects_item.active .project_image {
height: 240px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h2_projects_item.active .project_image {
height: 380px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h2_projects_item.active .project_image {
height: 350px;
}
}
@media (max-width: 575px) {
.h2_projects_item.active .project_image {
height: 260px;
}
}
.h2_projects_item.active .project_image:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.h2_projects_item .project_sl {
color: var(--tj-color-light-3);
}
.h2_projects_item .project_title_wrap {
max-width: 320px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
.h2_projects_item .project_title_wrap {
max-width: 290px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h2_projects_item .project_title_wrap {
max-width: 235px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_projects_item .project_title_wrap {
max-width: 100%;
}
}
.h2_projects_item .project_title {
color: var(--tj-color-light-1);
font-size: 40px;
opacity: 0.2;
margin-bottom: 25px;
}
.h2_projects_item .project_title .char-wrap > span:nth-child(2) {
-webkit-transform-origin: 50% 80%;
-ms-transform-origin: 50% 80%;
transform-origin: 50% 80%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.h2_projects_item .project_title {
font-size: 36px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_projects_item .project_title {
font-size: 34px;
opacity: 1;
}
}
.h2_projects_item .project_year {
font-size: 17px;
font-weight: var(--tj-fw-medium);
opacity: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.h2_projects_item .project_year > span {
color: var(--tj-color-light-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_projects_item .project_year {
opacity: 1;
}
}
.h2_projects_item .project_content {
max-width: 350px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0.3;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h2_projects_item .project_content {
max-width: 330px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h2_projects_item .project_content {
max-width: 280px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_projects_item .project_content {
max-width: 100%;
opacity: 1;
}
}
.h2_projects_item .project_desc {
color: var(--tj-color-light-2);
letter-spacing: 0.01em;
margin-bottom: 25px;
}
.h2_projects_item .project_btn_wrap {
opacity: 0;
height: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_projects_item .project_btn_wrap {
opacity: 1;
}
}
.h2_projects_item .tj_marquee_btn .text_btn {
max-width: 148px;
}
.h2_projects_item .project_image {
max-width: 524px;
height: 195px;
-webkit-transition: height 0.4s ease-in-out;
transition: height 0.4s ease-in-out;
}
.h2_projects_item .project_image > a {
overflow: hidden;
}
.h2_projects_item .project_image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: -webkit-transform 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: transform 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: transform 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.h2_projects_item .project_image {
max-width: 450px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h2_projects_item .project_image {
max-width: 380px;
height: 170px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h2_projects_item .project_image {
max-width: 300px;
height: 150px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_projects_item .project_image {
max-width: 100%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.h2_projects_item {
padding: 30px 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.h2_projects_item {
padding: 30px 30px;
gap: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h2_projects_item {
padding: 30px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_projects_item {
padding: 20px 15px;
}
}
.h3-project-section {
padding-bottom: 150px;
}
.h3-project-section .section_heading {
padding: 40px 0 38px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h3-project-section .section_heading {
padding: 0;
padding-bottom: 38px;
}
.h3-project-section .section_heading_inner {
gap: 5px 20px;
}
.h3-project-section .section_heading .tj_icon_btn {
margin-top: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h3-project-section {
padding-bottom: 120px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h3-project-section {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h3-project-section {
padding-top: 70px;
padding-bottom: 70px;
}
}
.h3_projects_link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.h3_projects_items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
.h3_projects_items .tj_project_item {
width: calc(50% - 15px);
}
.h3_projects_items .tj_project_item-inner {
position: relative;
z-index: 0;
overflow: hidden;
height: 100%;
}
.h3_projects_items .tj_project_item-inner,
.h3_projects_items .tj_project_item-inner .project_image,
.h3_projects_items .tj_project_item-inner a,
.h3_projects_items .tj_project_item-inner img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.h3_projects_items .tj_project_item:first-child {
width: 100%;
aspect-ratio: 1800/851;
}
.h3_projects_items .tj_project_item:not(:first-child) {
aspect-ratio: 885/658;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h3_projects_items .tj_project_item {
width: 100%;
}
.h3_projects_items .tj_project_item:first-child, .h3_projects_items .tj_project_item:not(:first-child) {
aspect-ratio: 1800/1110;
}
}
.h3_projects_items .tj_project_item .project_content {
position: absolute;
inset-inline-start: 30px;
bottom: 30px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 1;
overflow: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h3_projects_items .tj_project_item .project_content {
inset-inline-start: 20px;
bottom: 20px;
}
}
.h3_projects_items .tj_project_item .project_title {
padding: 6px 15px 0;
background-color: var(--tj-color-light-1);
display: inline-block;
max-width: inherit;
width: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.h3_projects_items .tj_project_item .project_year {
font-size: 15px;
font-weight: var(--tj-fw-medium);
line-height: 1;
padding: 14px 15px 16px;
background-color: var(--tj-color-light-1);
display: inline-block;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s;
}
.h3_projects_items .tj_project_item:hover .project_content {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.h3_projects_items .tj_project_item:hover .project_title {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.h3_projects_items .tj_project_item:hover .project_year {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.project-filter-section {
padding-top: 90px;
padding-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.project-filter-section {
padding-bottom: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.project-filter-section {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.project-filter-section {
padding-top: 40px;
padding-bottom: 30px;
}
}
.tj_project_grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px;
padding-top: 80px;
}
.tj_project_grid .tj_project_item {
padding: 0 15px;
margin-bottom: 60px;
}
.tj_project_grid .tj_project_item .project_image > a {
overflow: hidden;
}
.tj_project_grid .tj_project_item .project_image img {
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: -webkit-transform 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: transform 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: transform 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.tj_project_grid .tj_project_item .project_image:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.tj_project_grid .tj_project_item .project_content {
gap: 10px;
}
.tj_project_grid .tj_project_item .project_title_wrap {
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;
flex: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tj_project_grid .tj_project_item .project_title {
font-size: 22px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tj_project_grid .tj_project_item {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj_project_grid .tj_project_item {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tj_project_grid {
padding-top: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj_project_grid {
padding-top: 40px;
}
}
.tj-w-25 {
width: 25%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-w-25 {
width: 100%;
}
}
.tj-w-34 {
width: 34%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-w-34 {
width: 100%;
}
}
.tj-w-50 {
width: 50%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-w-50 {
width: 100%;
}
}
.tj-w-66 {
width: 66%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-w-66 {
width: 100%;
}
}
.tj-w-100 {
width: 100%;
}
/* !END: Projects CSS */
@font-face {
font-family: "fz";
src: url("./fonts/fz-icons.eot?h2n5xr");
src:
url("./fonts/fz-icons.eot?h2n5xr#iefix") format("embedded-opentype"),
url("./fonts/fz-icons.ttf?h2n5xr") format("truetype"),
url("./fonts/fz-icons.woff?h2n5xr") format("woff"),
url("./fonts/fz-icons.svg?h2n5xr#fz") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="tji-"],
[class*=" tji-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "fz" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tji-menu:before {
content: "\e93d";
}
.tji-chat:before {
content: "\e93c";
}
.tji-thumbs:before {
content: "\e93b";
}
.tji-location:before {
content: "\e93a";
}
.tji-check:before {
content: "\e939";
}
.tji-service-6:before {
content: "\e938";
}
.tji-collaboration:before {
content: "\e934";
}
.tji-creative:before {
content: "\e935";
}
.tji-growth:before {
content: "\e936";
}
.tji-work-life:before {
content: "\e937";
}
.tji-eroors-hub:before {
content: "\e933";
}
.tji-virtual-labs:before {
content: "\e932";
}
.tji-agina:before {
content: "\e931";
}
.tji-forward-slash:before {
content: "\e930";
}
.tji-heart:before {
content: "\e92c";
}
.tji-dropdown:before {
content: "\e92f";
}
.tji-cancel:before {
content: "\e92b";
}
.tji-plus:before {
content: "\e92d";
}
.tji-question-mark:before {
content: "\e92e";
}
.tji-star-2:before {
content: "\e92a";
}
.tji-star:before {
content: "\e929";
}
.tji-quote:before {
content: "\e928";
}
.tji-service-5:before {
content: "\e927";
}
.tji-service-4:before {
content: "\e926";
}
.tji-service-3:before {
content: "\e925";
}
.tji-service-2:before {
content: "\e924";
}
.tji-service-1:before {
content: "\e923";
}
.tji-bluesky:before {
content: "\e900";
}
.tji-tiktok:before {
content: "\e901";
}
.tji-angle-up:before {
content: "\e903";
}
.tji-angle-down:before {
content: "\e902";
}
.tji-apple:before {
content: "\e904";
}
.tji-arrow-big-left:before {
content: "\e905";
}
.tji-arrow-big-right:before {
content: "\e906";
}
.tji-arrow-down-circle:before {
content: "\e907";
}
.tji-arrow-down-left:before {
content: "\e908";
}
.tji-arrow-down:before {
content: "\e909";
}
.tji-arrow-left:before {
content: "\e90a";
}
.tji-arrow-right:before {
content: "\e90b";
}
.tji-arrow-up-right:before {
content: "\e90c";
}
.tji-arrow-up:before {
content: "\e90d";
}
.tji-discord:before {
content: "\e90e";
}
.tji-dribble:before {
content: "\e90f";
}
.tji-facebook:before {
content: "\e910";
}
.tji-github:before {
content: "\e911";
}
.tji-globe:before {
content: "\e912";
}
.tji-google:before {
content: "\e913";
}
.tji-instagram:before {
content: "\e914";
}
.tji-linkedin:before {
content: "\e915";
}
.tji-messenger:before {
content: "\e916";
}
.tji-pinterest:before {
content: "\e917";
}
.tji-play:before {
content: "\e918";
}
.tji-signal:before {
content: "\e919";
}
.tji-spotify:before {
content: "\e91a";
}
.tji-telegram:before {
content: "\e91b";
}
.tji-threads:before {
content: "\e91c";
}
.tji-tumblr:before {
content: "\e91d";
}
.tji-twitch:before {
content: "\e91e";
}
.tji-vimeo:before {
content: "\e91f";
}
.tji-whatsapp:before {
content: "\e920";
}
.tji-x-twitter:before {
content: "\e921";
}
.tji-youtube:before {
content: "\e922";
}
.cta-footer, .content.copy { position:relative; }
/**
Buttons CSS
*/
.tj_btn, .tj_bordered_btn {
position: relative;
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;
background-color: var(--tj-color-theme-primary);
padding: 14px 24px;
font-family: var(--tj-ff-body);
font-size: 16px;
line-height: 1.25;
font-weight: var(--tj-fw-sbold);
color: var(--tj-color-light-1);
z-index: 1;
}
.tj_btn::before, .tj_bordered_btn::before {
content: "";
background-color: var(--tj-color-heading-primary);
width: 100%;
height: 0;
bottom: 0;
position: absolute;
z-index: -1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.tj_btn .flip-text, .tj_bordered_btn .flip-text {
overflow: hidden;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}
.tj_btn .flip-text .front, .tj_bordered_btn .flip-text .front {
display: block;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.tj_btn .flip-text .back, .tj_bordered_btn .flip-text .back {
position: absolute;
top: 100%;
display: block;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.tj_btn:hover, .tj_btn:focus, .tj_bordered_btn:hover, .tj_bordered_btn:focus {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-light-1);
}
.tj_btn:hover::before, .tj_btn:focus::before, .tj_bordered_btn:hover::before, .tj_bordered_btn:focus::before {
height: 100%;
}
.tj_btn:hover .flip-text .front, .tj_btn:focus .flip-text .front, .tj_bordered_btn:hover .flip-text .front, .tj_bordered_btn:focus .flip-text .front {
-webkit-transform: translateY(-150%);
-ms-transform: translateY(-150%);
transform: translateY(-150%);
}
.tj_btn:hover .flip-text .back, .tj_btn:focus .flip-text .back, .tj_bordered_btn:hover .flip-text .back, .tj_bordered_btn:focus .flip-text .back {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tj_bordered_btn {
background-color: transparent;
border: 1px solid var(--tj-color-heading-primary);
padding: 13px 23px;
color: var(--tj-color-heading-primary);
}
.tj_bordered_btn:hover, .tj_bordered_btn:focus {
background-color: transparent;
border-color: var(--tj-color-heading-primary);
color: var(--tj-color-light-1);
}
.tj_icon_btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid var(--tj-color-heading-primary);
background-color: transparent;
padding: 9px 23px 9px 9px;
font-family: var(--tj-ff-body);
font-size: 16px;
line-height: 1.25;
font-weight: var(--tj-fw-sbold);
color: var(--tj-color-heading-primary);
}
.tj_icon_btn .icon_btn {
position: relative;
background-color: var(--tj-color-heading-primary);
color: var(--tj-color-light-1);
-webkit-transition: all 0.5s;
transition: all 0.5s;
z-index: 1;
}
.tj_icon_btn .icon_btn.hover-bg i,
.tj_icon_btn .icon_btn.hover-bg svg {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.tj_icon_btn .icon_btn.hover-bg::before {
content: "";
background-color: var(--tj-color-theme-primary);
width: 100%;
height: 0;
bottom: 0;
position: absolute;
z-index: -1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.tj_icon_btn .flip-text {
overflow: hidden;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}
.tj_icon_btn .flip-text .front {
display: block;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.tj_icon_btn .flip-text .back {
position: absolute;
top: 100%;
display: block;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.tj_icon_btn:hover, .tj_icon_btn:focus {
background-color: transparent;
color: var(--tj-color-heading-primary);
}
.tj_icon_btn:hover .icon_btn > span i:first-child,
.tj_icon_btn:hover .icon_btn > span svg:first-child, .tj_icon_btn:focus .icon_btn > span i:first-child,
.tj_icon_btn:focus .icon_btn > span svg:first-child {
-webkit-transform: translateX(150%);
-ms-transform: translateX(150%);
transform: translateX(150%);
}
.tj_icon_btn:hover .icon_btn > span i:last-child,
.tj_icon_btn:hover .icon_btn > span svg:last-child, .tj_icon_btn:focus .icon_btn > span i:last-child,
.tj_icon_btn:focus .icon_btn > span svg:last-child {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.tj_icon_btn:hover .icon_btn.scale, .tj_icon_btn:focus .icon_btn.scale {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.tj_icon_btn:hover .icon_btn.hover-bg i,
.tj_icon_btn:hover .icon_btn.hover-bg svg, .tj_icon_btn:focus .icon_btn.hover-bg i,
.tj_icon_btn:focus .icon_btn.hover-bg svg {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.tj_icon_btn:hover .icon_btn.hover-bg::before, .tj_icon_btn:focus .icon_btn.hover-bg::before {
height: 100%;
}
.tj_icon_btn:hover .flip-text .front, .tj_icon_btn:focus .flip-text .front {
-webkit-transform: translateY(-150%);
-ms-transform: translateY(-150%);
transform: translateY(-150%);
}
.tj_icon_btn:hover .flip-text .back, .tj_icon_btn:focus .flip-text .back {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tj_icon_btn.text-underline-btn, .tj_icon_btn.no-border {
border: 0;
padding: 0;
line-height: 1.1;
gap: 8px;
}
.tj_icon_btn.text-underline-btn .icon_btn, .tj_icon_btn.no-border .icon_btn {
width: 24px;
height: 24px;
font-size: 16px;
}
.tj_icon_btn.text-underline-btn {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.tj_icon_btn.text-underline-btn .icon_btn {
overflow: hidden;
}
.tj_icon_btn.text-underline-btn .icon_btn > span {
overflow: visible;
}
.tj_icon_btn.text-underline-btn .icon_btn > span i,
.tj_icon_btn.text-underline-btn .icon_btn > span svg {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.tj_icon_btn.text-underline-btn .underline-text {
position: relative;
z-index: 1;
}
.tj_icon_btn.text-underline-btn .underline-text::before {
content: "";
height: 1px;
width: 100%;
background-color: currentColor;
position: absolute;
right: 0;
bottom: 0;
}
.tj_icon_btn.text-underline-btn:focus .icon_btn, .tj_icon_btn.text-underline-btn:hover .icon_btn {
background-color: var(--tj-color-theme-primary);
}
.tj_icon_btn.text-underline-btn:focus .underline-text::before, .tj_icon_btn.text-underline-btn:hover .underline-text::before {
-webkit-animation: lineHover 0.4s linear;
animation: lineHover 0.4s linear;
}
.tj_icon_btn.text-underline-btn.light-btn {
color: var(--tj-color-light-1);
}
.tj_icon_btn.text-underline-btn.light-btn .icon_btn {
background-color: var(--tj-color-light-1);
color: var(--tj-color-heading-primary);
}
.tj_icon_btn.text-underline-btn.light-btn .icon_btn > span i,
.tj_icon_btn.text-underline-btn.light-btn .icon_btn > span svg {
color: var(--tj-color-heading-primary);
}
.tj_icon_btn.text-underline-btn.light-btn:hover .icon_btn {
background-color: var(--tj-color-theme-primary);
}
.tj_icon_btn.text-underline-btn.light-btn:hover .icon_btn > span i {
color: var(--tj-color-light-1);
}
.tj_icon_btn.rounded_icon {
gap: 7px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tj_icon_btn.rounded_icon .icon_btn {
border-radius: 50%;
overflow: hidden;
}
.tj_icon_btn.rounded_icon .icon_btn.hover-bg::before {
display: none;
}
.tj_icon_btn.rounded_icon .flip-text {
position: relative;
}
.tj_icon_btn.rounded_icon .flip-text .back {
display: none;
}
.tj_icon_btn.rounded_icon .flip-text::after {
content: "";
width: 100%;
height: 1px;
background-color: var(--tj-color-heading-primary);
position: absolute;
inset-inline-end: 0;
bottom: 1px;
}
.tj_icon_btn.rounded_icon:hover .flip-text .front, .tj_icon_btn.rounded_icon:focus .flip-text .front {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.tj_icon_btn.rounded_icon:hover .flip-text::after, .tj_icon_btn.rounded_icon:focus .flip-text::after {
-webkit-animation: linehover 0.5s linear;
animation: linehover 0.5s linear;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj_icon_btn {
padding: 7px 20px 7px 7px;
}
}
.tj_marquee_btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--tj-color-heading-primary);
font-family: var(--tj-ff-body);
font-weight: var(--tj-fw-sbold);
}
.tj_marquee_btn .text_btn {
--gap: 30px;
line-height: 1.25;
border: 1px solid var(--tj-color-heading-primary);
padding: 17px 0;
border-radius: 100px;
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: var(--gap);
max-width: 160px;
width: 100%;
overflow: hidden;
}
.tj_marquee_btn .text_btn span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.tj_marquee_btn .icon_btn {
width: 56px;
height: 56px;
background-color: transparent;
border-radius: 50%;
border: 1px solid var(--tj-color-heading-primary);
color: var(--tj-color-heading-primary);
}
.tj_marquee_btn .icon_btn i {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tj_marquee_btn:hover .text_btn span {
-webkit-animation: scroll 3s linear infinite;
animation: scroll 3s linear infinite;
}
.tj_marquee_btn:hover .icon_btn {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.tj_marquee_btn:hover .icon_btn i {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.tj_marquee_btn.light-btn {
color: var(--tj-color-light-1);
}
.tj_marquee_btn.light-btn .text_btn {
border-color: var(--tj-color-light-1);
}
.tj_marquee_btn.light-btn .icon_btn {
border-color: var(--tj-color-light-1);
color: var(--tj-color-light-1);
}
.tj_text_btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
position: relative;
z-index: 1;
font-weight: var(--tj-fw-sbold);
font-size: 16px;
line-height: 1.25;
color: var(--tj-color-heading-primary);
}
.tj_text_btn i,
.tj_text_btn svg {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 105%;
line-height: 1;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.tj_text_btn::before {
content: "";
height: 1px;
width: 96%;
background-color: currentColor;
position: absolute;
right: 4px;
bottom: 2px;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.tj_text_btn:focus, .tj_text_btn:hover {
color: var(--tj-color-heading-primary);
}
.tj_text_btn:focus i,
.tj_text_btn:focus svg, .tj_text_btn:hover i,
.tj_text_btn:hover svg {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.tj_text_btn:focus::before, .tj_text_btn:hover::before {
-webkit-animation: lineHover 0.5s linear;
animation: lineHover 0.5s linear;
}
.tj_swiper_nav {
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: 48px;
height: 48px;
font-size: 20px;
line-height: 1;
background-color: var(--tj-color-heading-primary);
color: var(--tj-color-light-1);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.tj_swiper_nav > span {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
overflow: hidden;
}
.tj_swiper_nav > span i,
.tj_swiper_nav > span svg {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
line-height: 1;
position: relative;
top: 0;
color: var(--tj-color-light-1);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.tj_swiper_nav > span i:last-child,
.tj_swiper_nav > span svg:last-child {
position: absolute;
-webkit-transform: translateX(-150%);
-ms-transform: translateX(-150%);
transform: translateX(-150%);
color: var(--tj-color-light-1);
}
.tj_swiper_nav.prev > span i:last-child,
.tj_swiper_nav.prev > span svg:last-child {
-webkit-transform: translateX(150%);
-ms-transform: translateX(150%);
transform: translateX(150%);
}
.tj_swiper_nav:hover {
background-color: var(--tj-color-theme-primary);
}
.tj_swiper_nav:hover > span i:first-child,
.tj_swiper_nav:hover > span svg:first-child {
-webkit-transform: translateX(150%);
-ms-transform: translateX(150%);
transform: translateX(150%);
}
.tj_swiper_nav:hover > span i:last-child,
.tj_swiper_nav:hover > span svg:last-child {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.tj_swiper_nav:hover.prev > span i:first-child,
.tj_swiper_nav:hover.prev > span svg:first-child {
-webkit-transform: translateX(-150%);
-ms-transform: translateX(-150%);
transform: translateX(-150%);
}
@media (max-width: 575px) {
.tj_swiper_nav {
width: 40px;
height: 40px;
font-size: 16px;
}
}
.tj_btn_2 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 10px 10px 30px;
gap: 12px;
border-radius: 50px;
font-size: var(--tj-fs-btn);
background-color: var(--tj-color-theme-bg-dark);
color: var(--tj-color-light-1);
position: relative;
white-space: nowrap;
font-weight: var(--tj-fw-sbold);
line-height: 1;
overflow: hidden;
z-index: 0;
}
.tj_btn_2 .tj_btn_icon {
will-change: transform;
width: 44px;
height: 44px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-light-1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 50%;
}
.tj_btn_2 .tj_btn_icon:first-child {
-webkit-transform: scale3d(0, 0, 1);
transform: scale3d(0, 0, 1);
-webkit-margin-end: -50px;
margin-inline-end: -50px;
opacity: 0;
}
.tj_btn_2 .tj_btn_icon:last-child {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-margin-start: 0;
margin-inline-start: 0;
opacity: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj_btn_2 {
padding: 7px 7px 7px 20px;
}
.tj_btn_2 .tj_btn_icon {
width: 40px;
height: 40px;
}
}
.tj_btn_2:hover {
color: var(--tj-color-light-1);
padding: 10px 30px 10px 10px;
}
.tj_btn_2:hover .tj_btn_icon:first-child {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-margin-end: 0;
margin-inline-end: 0;
opacity: 1;
}
.tj_btn_2:hover .tj_btn_icon:last-child {
-webkit-transform: scale3d(0, 0, 1);
transform: scale3d(0, 0, 1);
-webkit-margin-start: -50px;
margin-inline-start: -50px;
opacity: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj_btn_2:hover {
padding: 7px 20px 7px 7px;
}
}
.tj_btn_2_border {
border: 1px solid var(--tj-color-light-1);
}
.tj_btn_3 {
padding: 5px 24px;
border-radius: 0;
line-height: 1;
border: 0;
background-color: var(--tj-color-theme-primary);
position: relative;
overflow: hidden;
-webkit-mask-image: url("../images/shapes/button-bg-shape.svg");
mask-image: url("../images/shapes/button-bg-shape.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: right;
mask-position: right;
}
.tj_btn_3 .front,
.tj_btn_3 .back {
padding: 15px 0;
color: var(--tj-color-light-1);
}
.tj_btn_3::before {
content: "";
position: absolute;
-webkit-transition: all 0.5s;
transition: all 0.5s;
inset-inline-start: 0;
top: 100%;
width: 100%;
height: 100%;
background-color: var(--tj-color-theme-bg-dark);
}
.tj_btn_3 .icon {
font-size: 24px;
position: relative;
z-index: 2;
}
.tj_btn_3 .icon i {
color: var(--tj-color-light-1);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.tj_btn_3:hover, .tj_btn_3:focus {
padding: 5px 24px;
background-color: var(--tj-color-theme-primary);
}
.tj_btn_3:hover::before, .tj_btn_3:focus::before {
top: 0;
}
.tj_btn_3:hover .icon, .tj_btn_3:focus .icon {
-webkit-animation: thumbs 0.4s ease-in-out;
animation: thumbs 0.4s ease-in-out;
}
.tj_btn_3_light .back {
color: var(--tj-color-heading-primary);
}
.tj_btn_3_light::before {
background-color: var(--tj-color-light-1);
}
.tj_btn_3_light:hover .icon i, .tj_btn_3_light:focus .icon i {
color: var(--tj-color-heading-primary);
}
.tj_btn_3_white {
background-color: var(--tj-color-light-1);
}
.tj_btn_3_white .front {
color: var(--tj-color-heading-primary);
}
.tj_btn_3_white .back {
color: var(--tj-color-light-1);
}
.tj_btn_3_white::before {
background-color: var(--tj-color-theme-primary);
}
.tj_btn_3_white:hover, .tj_btn_3_white:focus {
background-color: var(--tj-color-light-1);
}
.tj_btn_3_white:hover .icon i, .tj_btn_3_white:focus .icon i {
color: var(--tj-color-light-1);
}
.tj_btn_3_blur {
background-color: var(--tj-color-grey-2);
-webkit-padding-start: 30px;
padding-inline-start: 30px;
-webkit-padding-end: 28px;
padding-inline-end: 28px;
}
.tj_btn_3_blur .back {
color: var(--tj-color-heading-primary);
}
.tj_btn_3_blur::before {
background-color: var(--tj-color-light-1);
}
.tj_btn_3_blur:hover, .tj_btn_3_blur:focus {
background-color: var(--tj-color-grey-2);
-webkit-padding-start: 30px;
padding-inline-start: 30px;
-webkit-padding-end: 28px;
padding-inline-end: 28px;
}
.tj_btn_3_blur:hover .icon i, .tj_btn_3_blur:focus .icon i {
color: var(--tj-color-heading-primary);
}
.tj_btn_3_sm {
padding: 5px 20px;
}
.tj_btn_3_sm .front,
.tj_btn_3_sm .back {
padding: 11px 0;
}
.tj_btn_3_sm:hover {
padding: 5px 20px;
}
.tj_btn_4 {
background-color: var(--tj-color-theme-bg-dark);
color: var(--tj-color-light-1);
border: 0;
padding: 0;
gap: 0;
position: relative;
}
.tj_btn_4 .flip-text {
padding: 0 20px;
}
.tj_btn_4 .icon_btn {
width: 50px;
height: 56px;
background-color: transparent;
}
.tj_btn_4::before {
content: "";
position: absolute;
-webkit-transition: all 0.5s;
transition: all 0.5s;
inset-inline-start: 0;
bottom: 0;
width: 100%;
height: 0;
background-color: var(--tj-color-theme-primary);
}
.tj_btn_4::after {
content: "";
position: absolute;
-webkit-transition: all 0.5s;
transition: all 0.5s;
inset-inline-end: 0;
top: 0;
width: 50px;
height: 100%;
border-left: 1px solid var(--tj-color-light-1);
}
.tj_btn_4:hover {
background-color: var(--tj-color-theme-bg-dark);
color: var(--tj-color-light-1);
}
.tj_btn_4:hover::before {
height: 100%;
}
.tj_btn_4_primary {
background-color: var(--tj-color-theme-primary);
}
.tj_btn_4_primary::before {
background-color: var(--tj-color-theme-bg-dark);
}
.tj_btn_4_primary:hover {
background-color: var(--tj-color-theme-primary);
}
.tj_btn_4_border_light, .tj_btn_4_border {
background: transparent;
color: var(--tj-color-heading-primary);
border: 1px solid var(--tj-color-heading-primary);
}
.tj_btn_4_border_light .flip-text, .tj_btn_4_border .flip-text {
padding: 0 15px;
}
.tj_btn_4_border_light .icon_btn, .tj_btn_4_border .icon_btn {
width: 41px;
height: 42px;
background-color: transparent;
}
.tj_btn_4_border_light .icon_btn > span i,
.tj_btn_4_border_light .icon_btn > span svg, .tj_btn_4_border .icon_btn > span i,
.tj_btn_4_border .icon_btn > span svg {
color: var(--tj-color-heading-primary);
}
.tj_btn_4_border_light .icon_btn > span i:last-child,
.tj_btn_4_border_light .icon_btn > span svg:last-child, .tj_btn_4_border .icon_btn > span i:last-child,
.tj_btn_4_border .icon_btn > span svg:last-child {
color: var(--tj-color-heading-primary);
}
.tj_btn_4_border_light::before, .tj_btn_4_border::before {
background-color: var(--tj-color-theme-bg-dark);
}
.tj_btn_4_border_light::after, .tj_btn_4_border::after {
border-color: var(--tj-color-heading-primary);
width: 41px;
top: -1px;
height: calc(100% + 2px);
}
.tj_btn_4_border_light:hover, .tj_btn_4_border:hover {
color: var(--tj-color-light-1);
}
.tj_btn_4_border_light:hover::after, .tj_btn_4_border:hover::after {
border-color: var(--tj-color-light-1);
}
.tj_btn_4_border_light:hover .icon_btn > span i,
.tj_btn_4_border_light:hover .icon_btn > span svg, .tj_btn_4_border:hover .icon_btn > span i,
.tj_btn_4_border:hover .icon_btn > span svg {
color: var(--tj-color-light-1);
}
.tj_btn_4_border_light:hover .icon_btn > span i:last-child,
.tj_btn_4_border_light:hover .icon_btn > span svg:last-child, .tj_btn_4_border:hover .icon_btn > span i:last-child,
.tj_btn_4_border:hover .icon_btn > span svg:last-child {
color: var(--tj-color-light-1);
}
.tj_btn_4_border_light {
color: var(--tj-color-light-1);
border: 1px solid var(--tj-color-light-1);
}
.tj_btn_4_border_light .icon_btn > span i,
.tj_btn_4_border_light .icon_btn > span svg {
color: var(--tj-color-light-1);
}
.tj_btn_4_border_light .icon_btn > span i:last-child,
.tj_btn_4_border_light .icon_btn > span svg:last-child {
color: var(--tj-color-light-1);
}
.tj_btn_4_border_light::before {
background-color: var(--tj-color-light-1);
}
.tj_btn_4_border_light::after {
border-color: var(--tj-color-light-1);
}
.tj_btn_4_border_light:hover {
color: var(--tj-color-heading-primary);
}
.tj_btn_4_border_light:hover::after {
border-color: var(--tj-color-heading-primary);
}
.tj_btn_4_border_light:hover .icon_btn > span i,
.tj_btn_4_border_light:hover .icon_btn > span svg {
color: var(--tj-color-heading-primary);
}
.tj_btn_4_border_light:hover .icon_btn > span i:last-child,
.tj_btn_4_border_light:hover .icon_btn > span svg:last-child {
color: var(--tj-color-heading-primary);
}
.tj_btn_5 {
background-color: transparent;
color: var(--tj-color-light-1);
border: 0;
padding: 0;
gap: 2px;
position: relative;
border-radius: 100px;
overflow: hidden;
}
.tj_btn_5 .flip-text {
-webkit-padding-start: 25px;
padding-inline-start: 25px;
-webkit-padding-end: 15px;
padding-inline-end: 15px;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.tj_btn_5 .front,
.tj_btn_5 .back {
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.tj_btn_5 .icon_btn {
width: 54px;
height: 54px;
background-color: transparent;
-webkit-padding-end: 6px;
padding-inline-end: 6px;
}
.tj_btn_5 .icon_btn > span i,
.tj_btn_5 .icon_btn > span svg {
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.tj_btn_5::before {
content: "";
position: absolute;
inset-inline-start: 0;
bottom: 0;
width: calc(100% - 56px);
height: 100%;
background-color: var(--tj-color-theme-primary);
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.tj_btn_5::after {
content: "";
position: absolute;
inset-inline-end: 0;
top: 0;
width: 54px;
height: 100%;
background-color: var(--tj-color-theme-primary);
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.tj_btn_5_sm .icon_btn {
width: 48px;
height: 48px;
-webkit-padding-end: 4px;
padding-inline-end: 4px;
}
.tj_btn_5_sm .flip-text {
-webkit-padding-start: 29px;
padding-inline-start: 29px;
-webkit-padding-end: 19px;
padding-inline-end: 19px;
}
.tj_btn_5_sm::before {
width: calc(100% - 50px);
}
.tj_btn_5_sm::after {
content: "";
width: 48px;
}
.tj_btn_5:hover, .tj_btn_5:focus {
color: var(--tj-color-light-1);
}
.tj_btn_5:hover .flip-text, .tj_btn_5:focus .flip-text {
padding: 0 20px;
}
.tj_btn_5:hover .icon_btn, .tj_btn_5:focus .icon_btn {
-webkit-padding-end: 0;
padding-inline-end: 0;
}
.tj_btn_5:hover::after, .tj_btn_5:hover::before, .tj_btn_5:focus::after, .tj_btn_5:focus::before {
border-radius: 100px;
}
.tj_btn_5:hover.tj_btn_5_sm .flip-text, .tj_btn_5:focus.tj_btn_5_sm .flip-text {
padding: 0 24px;
}
.tj_btn_5_primary {
background-color: var(--tj-color-theme-primary);
}
.tj_btn_5_primary::before {
background-color: var(--tj-color-theme-bg-dark);
}
.tj_btn_5_primary:hover {
background-color: var(--tj-color-theme-primary);
}
.tj_btn_5_border_light, .tj_btn_5_border {
background: transparent;
color: var(--tj-color-heading-primary);
border: 1px solid var(--tj-color-heading-primary);
}
.tj_btn_5_border_light .flip-text, .tj_btn_5_border .flip-text {
padding: 0 15px;
}
.tj_btn_5_border_light .icon_btn, .tj_btn_5_border .icon_btn {
width: 41px;
height: 42px;
background-color: transparent;
}
.tj_btn_5_border_light .icon_btn > span i,
.tj_btn_5_border_light .icon_btn > span svg, .tj_btn_5_border .icon_btn > span i,
.tj_btn_5_border .icon_btn > span svg {
color: var(--tj-color-heading-primary);
}
.tj_btn_5_border_light .icon_btn > span i:last-child,
.tj_btn_5_border_light .icon_btn > span svg:last-child, .tj_btn_5_border .icon_btn > span i:last-child,
.tj_btn_5_border .icon_btn > span svg:last-child {
color: var(--tj-color-heading-primary);
}
.tj_btn_5_border_light::before, .tj_btn_5_border::before {
background-color: var(--tj-color-theme-bg-dark);
}
.tj_btn_5_border_light::after, .tj_btn_5_border::after {
border-color: var(--tj-color-heading-primary);
width: 41px;
top: -1px;
height: calc(100% + 2px);
}
.tj_btn_5_border_light:hover, .tj_btn_5_border:hover {
color: var(--tj-color-light-1);
}
.tj_btn_5_border_light:hover::after, .tj_btn_5_border:hover::after {
border-color: var(--tj-color-light-1);
}
.tj_btn_5_border_light:hover .icon_btn > span i,
.tj_btn_5_border_light:hover .icon_btn > span svg, .tj_btn_5_border:hover .icon_btn > span i,
.tj_btn_5_border:hover .icon_btn > span svg {
color: var(--tj-color-light-1);
}
.tj_btn_5_border_light:hover .icon_btn > span i:last-child,
.tj_btn_5_border_light:hover .icon_btn > span svg:last-child, .tj_btn_5_border:hover .icon_btn > span i:last-child,
.tj_btn_5_border:hover .icon_btn > span svg:last-child {
color: var(--tj-color-light-1);
}
.tj_btn_5_border_light {
color: var(--tj-color-light-1);
border: 1px solid var(--tj-color-light-1);
}
.tj_btn_5_border_light .icon_btn > span i,
.tj_btn_5_border_light .icon_btn > span svg {
color: var(--tj-color-light-1);
}
.tj_btn_5_border_light .icon_btn > span i:last-child,
.tj_btn_5_border_light .icon_btn > span svg:last-child {
color: var(--tj-color-light-1);
}
.tj_btn_5_border_light::before {
background-color: var(--tj-color-light-1);
}
.tj_btn_5_border_light::after {
border-color: var(--tj-color-light-1);
}
.tj_btn_5_border_light:hover {
color: var(--tj-color-heading-primary);
}
.tj_btn_5_border_light:hover::after {
border-color: var(--tj-color-heading-primary);
}
.tj_btn_5_border_light:hover .icon_btn > span i,
.tj_btn_5_border_light:hover .icon_btn > span svg {
color: var(--tj-color-heading-primary);
}
.tj_btn_5_border_light:hover .icon_btn > span i:last-child,
.tj_btn_5_border_light:hover .icon_btn > span svg:last-child {
color: var(--tj-color-heading-primary);
}
.tj_btn_6 {
color: var(--tj-color-light-1);
background-color: var(--tj-color-theme-bg-dark);
border-radius: 50px;
border: 0;
padding: 14px 24px 14px 27px;
gap: 5px;
}
.tj_btn_6 .icon_btn {
width: auto;
height: auto;
background-color: transparent;
}
.tj_btn_6:focus, .tj_btn_6:hover {
color: var(--tj-color-light-1);
background-color: var(--tj-color-theme-primary);
}
.tj_btn_6_light {
background-color: var(--tj-color-theme-primary);
}
.tj_btn_6_light .icon_btn i:last-child {
color: var(--tj-color-heading-primary);
}
.tj_btn_6_light:focus, .tj_btn_6_light:hover {
color: var(--tj-color-heading-primary);
background-color: var(--tj-color-light-1);
}
.icon_btn {
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: 42px;
height: 42px;
font-size: 20px;
line-height: 1;
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-light-1);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.icon_btn > span {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
overflow: hidden;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.icon_btn > span i,
.icon_btn > span svg {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
line-height: 1;
position: relative;
top: 0;
color: var(--tj-color-light-1);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.icon_btn > span i:last-child,
.icon_btn > span svg:last-child {
position: absolute;
-webkit-transform: translateX(-150%);
-ms-transform: translateX(-150%);
transform: translateX(-150%);
color: var(--tj-color-light-1);
}
.icon_btn_rounded {
border-radius: 100%;
width: 56px;
height: 56px;
}
.icon_btn_rounded_sm {
width: 52px;
height: 52px;
font-size: 24px;
}
.icon_btn_rounded:hover > span i:first-child,
.icon_btn_rounded:hover > span svg:first-child {
-webkit-transform: translateX(150%);
-ms-transform: translateX(150%);
transform: translateX(150%);
}
.icon_btn_rounded:hover > span i:last-child,
.icon_btn_rounded:hover > span svg:last-child {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.icon_btn {
width: 38px;
height: 38px;
}
.icon_btn_rounded {
width: 42px;
height: 42px;
font-size: 18px;
}
}
.flip-text-wrap .flip-text {
overflow: hidden;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}
.flip-text-wrap .flip-text .front {
display: block;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.flip-text-wrap .flip-text .back {
position: absolute;
top: 100%;
display: block;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.reveal-hover-text .reveal-line {
overflow: hidden;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}
.reveal-hover-text .reveal-line .front {
display: block;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.reveal-hover-text .reveal-line .back {
position: absolute;
top: 100%;
display: block;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
/* Basis */
.d-none { display: none !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
/* ========== SMALL (≥576px) ========== */
@media (min-width: 576px) {
.d-sm-none { display: none !important; }
.d-sm-block { display: block !important; }
.d-sm-flex { display: flex !important; }
}
/* ========== MEDIUM (≥768px) ========== */
@media (min-width: 768px) {
.d-md-none { display: none !important; }
.d-md-block { display: block !important; }
.d-md-flex { display: flex !important; }
}
/* ========== LARGE (≥992px) ========== */
@media (min-width: 992px) {
.d-lg-none { display: none !important; }
.d-lg-block { display: block !important; }
.d-lg-flex { display: flex !important; }
}
/* ========== XL (≥1200px) ========== */
@media (min-width: 1200px) {
.d-xl-none { display: none !important; }
.d-xl-block { display: block !important; }
.d-xl-flex { display: flex !important; }
}
.tj_blog_author {
-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;
margin-top: 34px;
gap: 11px;
border-bottom-width: 0;
padding-bottom: 0;
margin-bottom: 0;
display: flex;
}
.tj_blog_author .author_images {
width: 64px;
height: 64px;
border-style: solid;
border-color: var(--tj-color-theme-bg);
border-width: 2px;
}
@media (max-width: 575px) {
.tj_blog_author {
margin-top: 26px;
}
}
.author_images {
width: 80px;
height: 80px;
border-radius: 100%;
}
.author_name {
color: var(--tj-color-heading-primary);
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
letter-spacing: -0.015em;
margin-bottom: 2px;
}
.author_name a {
color: inherit;
}
.author_name span {
color: var(--tj-color-text-body-2);
font-weight: var(--tj-fw-regular);
}
blockquote {
position: relative;
padding: 52px 40px 50px 0px;
background: white;
margin-bottom: 0px;
z-index: 2;
border-left: 0px;
}
blockquote p {
color: var(--tj-color-heading-primary);
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-medium);
font-size: 32px;
margin-bottom: 20px !important;
letter-spacing: -0.015em;
line-height: 1.375;
-webkit-padding-start: 34px;
padding-inline-start: 34px;
position: relative;
}
blockquote p::before {
content: "";
display: inline-block;
width: 4px;
background-color: var(--tj-color-theme-bg-dark);
height: 87%;
position: absolute;
inset-inline-start: 0;
top: 6px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
blockquote p {
font-size: 24px;
margin-bottom: 15px !important;
}
}
@media (max-width: 575px) {
blockquote p {
font-size: 22px;
}
blockquote p::before {
inset-inline-start: 8px;
height: 94%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
blockquote {
margin-bottom: 54px;
}
}
@media (max-width: 575px) {
blockquote {
padding: 35px 15px;
}
}
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.h1-testimonial-section {
padding-top: 120px;
padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h1-testimonial-section {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h1-testimonial-section {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h1-testimonial-section {
padding-top: 70px;
padding-bottom: 70px;
}
}
.h1_testimonial_wrapper .section_heading {
margin-bottom: 52px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h1_testimonial_wrapper .section_heading {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h1_testimonial_wrapper .section_heading {
margin-bottom: 40px;
}
}
.h1_testimonial_slider_wrap {
max-width: 1330px;
width: 100%;
position: relative;
z-index: 1;
margin: auto;
}
.h1_testimonial_slider_wrap .tj_swiper_nav {
position: absolute;
right: 0;
top: calc(50% - 56.5px);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
background-color: var(--tj-color-light-1);
}
.h1_testimonial_slider_wrap .tj_swiper_nav > span i,
.h1_testimonial_slider_wrap .tj_swiper_nav > span svg {
color: var(--tj-color-heading-primary);
}
.h1_testimonial_slider_wrap .tj_swiper_nav > span i:last-child,
.h1_testimonial_slider_wrap .tj_swiper_nav > span svg:last-child {
color: var(--tj-color-light-1);
}
.h1_testimonial_slider_wrap .tj_swiper_nav:hover {
background-color: var(--tj-color-theme-primary);
}
.h1_testimonial_slider_wrap .tj_swiper_nav.prev {
right: auto;
left: 0;
}
.h1_testimonial_slider {
background-color: var(--tj-color-theme-bg);
max-width: calc(100% - 216px);
width: 100%;
}
.h1_testimonial_slider .testimonial_content .rating {
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.h1_testimonial_slider .testimonial_content .review_text {
overflow: hidden;
}
.h1_testimonial_slider .testimonial_content .review_text > div {
display: block;
-webkit-transform: translateY(80px);
-ms-transform: translateY(80px);
transform: translateY(80px);
opacity: 0;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.h1_testimonial_slider .swiper-slide-active .testimonial_content .rating {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.h1_testimonial_slider .swiper-slide-active .testimonial_content .review_text > div {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.h1_testimonial_author_slider {
max-width: calc(100% - 216px);
width: 100%;
height: 157px;
margin-top: -45px;
}
.h1_testimonial_author_slider .author .author-img {
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.h1_testimonial_author_slider .author .name {
overflow: hidden;
}
.h1_testimonial_author_slider .author .name > span {
display: inline-block;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.h1_testimonial_author_slider .author .designation {
overflow: hidden;
}
.h1_testimonial_author_slider .author .designation > span {
display: inline-block;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.h1_testimonial_author_slider .swiper-slide-active .author .author-img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.h1_testimonial_author_slider .swiper-slide-active .author .name > span {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.h1_testimonial_author_slider .swiper-slide-active .author .designation > span {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h1_testimonial_slider {
max-width: calc(100% - 156px);
}
.h1_testimonial_author_slider {
max-width: calc(100% - 156px);
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h1_testimonial_slider_wrap .testimonial_navigations {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 15px;
margin-top: 40px;
}
.h1_testimonial_slider_wrap .testimonial_navigations .tj_swiper_nav {
position: inherit;
top: inherit;
-webkit-transform: inherit;
-ms-transform: inherit;
transform: inherit;
}
.h1_testimonial_slider {
max-width: 100%;
}
.h1_testimonial_author_slider {
max-width: 100%;
}
}
@media (max-width: 575px) {
.h1_testimonial_slider_wrap .testimonial_navigations {
margin-top: 30px;
}
.h1_testimonial_slider {
max-width: 100%;
}
.h1_testimonial_author_slider {
max-width: 100%;
}
}
.tj_testimonial_item {
display: inline-block;
width: 100%;
text-align: center;
padding: 60px 40px 0px 40px;
}
.tj_testimonial_item .rating {
margin-bottom: 56px;
}
.tj_testimonial_item .review_text {
font-weight: var(--tj-fw-medium);
font-size: 46px;
line-height: 1.26;
text-align: center;
color: var(--tj-color-theme-primary);
}
.tj_testimonial_item .review_text span {
color: var(--tj-color-heading-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tj_testimonial_item .review_text {
font-size: 38px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tj_testimonial_item {
padding: 40px 30px 75px 30px;
}
.tj_testimonial_item .rating {
margin-bottom: 40px;
}
.tj_testimonial_item .review_text {
font-size: 32px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tj_testimonial_item {
padding: 40px 30px 75px 30px;
}
.tj_testimonial_item .rating {
margin-bottom: 30px;
}
.tj_testimonial_item .review_text {
font-size: 28px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj_testimonial_item {
padding: 30px 20px 70px 20px;
}
.tj_testimonial_item .rating {
margin-bottom: 30px;
}
.tj_testimonial_item .review_text {
font-size: 22px;
}
}
@media (max-width: 575px) {
.tj_testimonial_item {
padding: 30px 30px 70px 30px;
}
.tj_testimonial_item .rating {
margin-bottom: 30px;
}
.tj_testimonial_item .review_text {
font-size: 18px;
}
}
.h2-testimonial-section {
padding-bottom: 180px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.h2-testimonial-section {
padding-bottom: 120px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h2-testimonial-section {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2-testimonial-section {
padding-bottom: 70px;
}
}
.h2_testimonial_header {
margin-bottom: 100px;
}
.h2_testimonial_header .trusted-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h2_testimonial_header .trusted-area {
max-width: 260px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_testimonial_header .trusted-area {
margin-top: 15px;
}
}
.h2_testimonial_header .trusted_text {
max-width: 255px;
width: 100%;
font-size: 20px;
letter-spacing: -0.015em;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_testimonial_header .trusted_text {
font-size: 18px;
}
}
.h2_testimonial_header .quote-icon {
font-size: 40px;
color: var(--tj-color-light-1);
width: 80px;
height: 80px;
background-color: var(--tj-color-theme-primary);
border-radius: 50%;
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-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.h2_testimonial_header .quote-icon {
font-size: 34px;
width: 74px;
height: 74px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_testimonial_header .quote-icon {
font-size: 30px;
width: 66px;
height: 66px;
}
}
.h2_testimonial_header .section_heading {
max-width: 880px;
width: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.h2_testimonial_header .section_heading {
max-width: 720px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h2_testimonial_header .section_heading {
max-width: 630px;
}
.h2_testimonial_header .section_heading .sec_title {
font-size: 52px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h2_testimonial_header {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h2_testimonial_header {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_testimonial_header {
margin-bottom: 40px;
}
}
.h2_testimonial_slider {
border-top: 1px solid var(--tj-color-border-3);
border-bottom: 1px solid var(--tj-color-border-3);
}
.h2_testimonial_slider .scroll-slider {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
gap: 0;
}
.h2_testimonial_slider .scroll-slider .scroll-wrapper {
gap: 0;
}
.h2_testimonial_slider .scroll-slider:hover .scroll-wrapper {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.h2_testimonial_item.tj_testimonial_item {
max-width: 730px;
width: 100%;
border-right: 1px solid var(--tj-color-border-3);
padding: 60px 40px 44px 40px;
will-change: transform;
}
.h2_testimonial_item.tj_testimonial_item .rating {
margin-bottom: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.h2_testimonial_item.tj_testimonial_item .rating {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h2_testimonial_item.tj_testimonial_item .rating {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_testimonial_item.tj_testimonial_item .rating {
font-size: 16px;
margin-bottom: 15px;
}
.h2_testimonial_item.tj_testimonial_item .rating .label {
font-size: 16px;
}
}
.h2_testimonial_item.tj_testimonial_item .testimonial_content {
text-align: start;
padding: 0;
margin-bottom: 130px;
background-color: transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h2_testimonial_item.tj_testimonial_item .testimonial_content {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h2_testimonial_item.tj_testimonial_item .testimonial_content {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h2_testimonial_item.tj_testimonial_item .testimonial_content {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_testimonial_item.tj_testimonial_item .testimonial_content {
margin-bottom: 40px;
}
}
.h2_testimonial_item.tj_testimonial_item .review_text {
font-size: 30px;
line-height: 1.33;
text-align: start;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-regular);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h2_testimonial_item.tj_testimonial_item .review_text {
font-size: 28px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h2_testimonial_item.tj_testimonial_item .review_text {
font-size: 26px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h2_testimonial_item.tj_testimonial_item .review_text {
font-size: 24px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_testimonial_item.tj_testimonial_item .review_text {
font-size: 20px;
}
}
.h2_testimonial_item.tj_testimonial_item .testimonial_bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 30px;
border-top: 1px solid var(--tj-color-border-1);
}
.h2_testimonial_item.tj_testimonial_item .testimonial_bottom .tj-author-profile {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
text-align: start;
gap: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.h2_testimonial_item.tj_testimonial_item .testimonial_bottom .tj-author-profile .author-img {
width: 76px;
height: 76px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_testimonial_item.tj_testimonial_item .testimonial_bottom .tj-author-profile .author-img {
width: 66px;
height: 66px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.h2_testimonial_item.tj_testimonial_item .testimonial_bottom .tj-author-profile .author-info .name {
font-size: 22px;
margin-bottom: 6px;
margin-top: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_testimonial_item.tj_testimonial_item .testimonial_bottom .tj-author-profile .author-info .name {
font-size: 18px;
margin-bottom: 4px;
margin-top: 4px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_testimonial_item.tj_testimonial_item .testimonial_bottom .tj-author-profile {
gap: 10px;
}
}
.h2_testimonial_item.tj_testimonial_item .testimonial_bottom .testimonial_client_img {
max-width: 205px;
width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.h2_testimonial_item.tj_testimonial_item .testimonial_bottom .testimonial_client_img {
max-width: 155px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_testimonial_item.tj_testimonial_item .testimonial_bottom .testimonial_client_img {
max-width: 120px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_testimonial_item.tj_testimonial_item .testimonial_bottom {
padding-top: 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h2_testimonial_item.tj_testimonial_item {
max-width: 680px;
padding: 50px 40px 40px 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h2_testimonial_item.tj_testimonial_item {
max-width: 610px;
padding: 50px 30px 40px 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h2_testimonial_item.tj_testimonial_item {
max-width: 550px;
padding: 40px 25px 30px 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h2_testimonial_item.tj_testimonial_item {
max-width: 400px;
padding: 25px 20px 20px 20px;
}
}
.trusted_text {
font-family: var(--tj-ff-heading);
}
.trusted_text span {
text-decoration: underline;
}
.h3-testimonial-section-wrapper {
padding-top: 100px;
position: relative;
z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h3-testimonial-section-wrapper {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
}
.h3-testimonial-section {
padding-top: 120px;
padding-bottom: 200px;
margin-top: 90px;
overflow: hidden;
border-top: 1px solid var(--tj-color-border-3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.h3-testimonial-section-wrapper {
padding-top: 104px;
}
.h3-testimonial-section {
padding-top: 104px;
padding-bottom: 120px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h3-testimonial-section-wrapper {
padding-top: 80px;
}
.h3-testimonial-section {
padding-top: 80px;
padding-bottom: 90px;
margin-top: 70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h3-testimonial-section-wrapper {
padding-top: 60px;
}
.h3-testimonial-section {
padding-top: 60px;
padding-bottom: 70px;
margin-top: 55px;
}
}
.h3-testimonial-section .tj_swiper_nav_wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 15px;
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h3-testimonial-section .tj_swiper_nav_wrapper {
margin-bottom: 8px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h3-testimonial-section .tj_swiper_nav_wrapper {
margin-bottom: 0;
}
}
.h3-testimonial-section .h3-slider-prev, .h3-testimonial-section .h3-slider-next {
border: 1px solid var(--tj-color-light-1);
}
.h3-testimonial-section .h3-slider-prev:hover, .h3-testimonial-section .h3-slider-next:hover {
border-color: var(--tj-color-theme-primary);
}
.h3_testimonial_header {
margin-bottom: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h3_testimonial_header {
margin-bottom: 40px;
}
}
.h3_testimonial_header .section_heading {
max-width: 700px;
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h3_testimonial_header .section_heading {
max-width: 550px;
}
}
.h3_testimonial_header .section_heading .sec_subtitle > span {
color: var(--tj-color-light-1);
}
.h3_testimonial_header .section_heading .sec_title {
color: var(--tj-color-light-1);
}
.h3_testimonial_slider {
overflow: visible;
}
.h3_testimonial_slider_wrapper {
padding-top: 30px;
padding-bottom: 30px;
position: relative;
}
.h3_testimonial_slider_wrapper::after, .h3_testimonial_slider_wrapper::before {
content: "";
width: 110%;
height: 1px;
position: absolute;
inset-inline-start: -16px;
background-color: var(--tj-color-border-3);
}
.h3_testimonial_slider_wrapper::before {
top: 0;
}
.h3_testimonial_slider_wrapper::after {
bottom: 0;
}
.h3_testimonial_item.tj_testimonial_item {
border-right: 1px solid var(--tj-color-border-3);
padding: 0;
-webkit-padding-start: 30px;
padding-inline-start: 30px;
-webkit-padding-end: 30px;
padding-inline-end: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h3_testimonial_item.tj_testimonial_item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-padding-start: 15px;
padding-inline-start: 15px;
-webkit-padding-end: 15px;
padding-inline-end: 15px;
gap: 27px;
}
}
.h3_testimonial_item.tj_testimonial_item .rating {
margin-bottom: 22px;
}
.h3_testimonial_item.tj_testimonial_item .review_text {
font-size: 22px;
line-height: 1.545;
text-align: start;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-regular);
}
.h3_testimonial_item.tj_testimonial_item .review_text > span {
color: var(--tj-color-light-2);
}
.h3_testimonial_item.tj_testimonial_item .author-img {
max-width: 325px;
-ms-flex-negative: 0;
flex-shrink: 0;
overflow: hidden;
}
.h3_testimonial_item.tj_testimonial_item .author-img img {
height: 100%;
aspect-ratio: 327/385;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: -webkit-transform 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: transform 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: transform 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h3_testimonial_item.tj_testimonial_item .author-img {
width: 100%;
max-width: 100%;
height: auto;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.h3_testimonial_item.tj_testimonial_item .author-img img {
aspect-ratio: 1/1;
width: 100%;
}
}
.h3_testimonial_item.tj_testimonial_item .author-info .name {
color: var(--tj-color-light-1);
}
.h3_testimonial_item.tj_testimonial_item .testimonial_content_wrapper {
max-width: 470px;
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: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.h3_testimonial_item.tj_testimonial_item .testimonial_content {
text-align: start;
padding: 0;
margin-bottom: 0;
background-color: transparent;
}
.h3_testimonial_item.tj_testimonial_item .testimonial_bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 24px;
padding-top: 15px;
border-top: 1px solid var(--tj-color-border-3);
}
.h3_testimonial_item.tj_testimonial_item .testimonial_bottom .tj-author-profile {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
text-align: start;
gap: 15px;
}
.h3_testimonial_item.tj_testimonial_item:hover .author-img {
max-width: 325px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.h3_testimonial_item.tj_testimonial_item:hover .author-img img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.about-testimonial-section {
padding-top: 120px;
padding-bottom: 120px;
}
.about-testimonial-section .section_heading {
max-width: 700px;
margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about-testimonial-section .section_heading {
max-width: 550px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-testimonial-section .section_heading {
max-width: 400px;
}
}
.about-testimonial-section .tj_swiper_nav_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-testimonial-section .tj_swiper_nav_wrapper {
margin-top: 20px;
}
}
.about-testimonial-section .h3-slider-prev, .about-testimonial-section .h3-slider-next {
background-color: transparent;
border: 1px solid var(--tj-color-theme-bg-dark);
margin-right: 15px; margin-left: 15px;
}
.about-testimonial-section .h3-slider-prev > span i, .about-testimonial-section .h3-slider-next > span i {
color: var(--tj-color-theme-bg-dark);
}
.about-testimonial-section .h3-slider-prev:hover, .about-testimonial-section .h3-slider-next:hover {
border-color: var(--tj-color-theme-primary);
background-color: var(--tj-color-theme-primary);
}
.about-testimonial-section .h3-slider-prev:hover > span i, .about-testimonial-section .h3-slider-next:hover > span i {
color: var(--tj-color-light-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about-testimonial-section {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-testimonial-section {
padding-top: 70px;
padding-bottom: 70px;
}
}
.about_testimonial_slider {
overflow: visible;
}
.about_testimonial_slider_wrapper {
padding-top: 0px;
position: relative;
overflow: hidden;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about_testimonial_slider_wrapper {
padding-top: 30px;
}
}
.about_testimonial_item.tj_testimonial_item {
}
.about_testimonial_item.tj_testimonial_item .testimonial_top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 40px 30px;
border-bottom: 1px solid var(--tj-color-border-1);
}
.about_testimonial_item.tj_testimonial_item .testimonial_top .tj-author-profile {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
text-align: start;
gap: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.about_testimonial_item.tj_testimonial_item .testimonial_top .tj-author-profile .author-img {
width: 76px;
height: 76px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about_testimonial_item.tj_testimonial_item .testimonial_top .tj-author-profile .author-img {
width: 66px;
height: 66px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.about_testimonial_item.tj_testimonial_item .testimonial_top .tj-author-profile .author-info .name {
font-size: 22px;
margin-bottom: 6px;
margin-top: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about_testimonial_item.tj_testimonial_item .testimonial_top .tj-author-profile .author-info .name {
font-size: 18px;
margin-bottom: 4px;
margin-top: 4px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about_testimonial_item.tj_testimonial_item .testimonial_top .tj-author-profile {
gap: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about_testimonial_item.tj_testimonial_item .testimonial_top {
padding: 0 30px 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about_testimonial_item.tj_testimonial_item .testimonial_top {
padding: 0 20px 20px;
}
}
.about_testimonial_item.tj_testimonial_item .testimonial_content {
text-align: start;
padding: 0;
background-color: transparent;
padding: 24px 40px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about_testimonial_item.tj_testimonial_item .testimonial_content {
padding: 24px 30px 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about_testimonial_item.tj_testimonial_item .testimonial_content {
padding: 20px 20px 0;
}
}
.about_testimonial_item.tj_testimonial_item .review_text {
font-size: 26px;
line-height: 1.46;
text-align: start;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-regular);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
.about_testimonial_item.tj_testimonial_item .review_text {
font-size: 22px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about_testimonial_item.tj_testimonial_item .review_text {
font-size: 24px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_testimonial_item.tj_testimonial_item .review_text {
font-size: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about_testimonial_item.tj_testimonial_item .review_text {
font-size: 18px;
}
}
.about_testimonial_item.tj_testimonial_item .rating {
margin-top: 40px;
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.about_testimonial_item.tj_testimonial_item .rating {
margin-top: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about_testimonial_item.tj_testimonial_item .rating {
font-size: 16px;
margin-top: 25px;
}
.about_testimonial_item.tj_testimonial_item .rating .label {
font-size: 16px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about_testimonial_item.tj_testimonial_item {
padding: 40px 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about_testimonial_item.tj_testimonial_item {
padding: 30px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_testimonial_item.tj_testimonial_item {
padding: 25px 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about_testimonial_item.tj_testimonial_item {
padding: 20px 0;
}
}
.about_testimonial_item.tj_testimonial_item.tj-theme-bg-dark {
background-color: var(--tj-color-theme-bg-dark);
}
.about_testimonial_item.tj_testimonial_item.tj-theme-bg-dark .testimonial_top {
border-color: var(--tj-color-border-3);
}
.about_testimonial_item.tj_testimonial_item.tj-theme-bg-dark .testimonial_top .tj-author-profile .author-info .name {
color: var(--tj-color-light-1);
}
.about_testimonial_item.tj_testimonial_item.tj-theme-bg-dark .testimonial_top .tj-author-profile .author-info .designation {
color: var(--tj-color-light-3);
}
.about_testimonial_item.tj_testimonial_item.tj-theme-bg-dark .review_text span {
color: var(--tj-color-light-1);
}
/* !END: Testimonial CSS */
.columns.light-grey {
background: #f5f5f5;
}
.mb-0 { margin-bottom:0px !important }
.mt-0 { margin-top:0px !important }
.pb-0 { padding-bottom:0px !important }
.pt-0 { padding-top:0px !important }
.bg-grey { background: #f5f5f5 }
h3.subtitle {
color: #FFC701;
text-transform: uppercase;
margin-bottom: 12px;
font-weight: 500;
font-size: 1.25rem;
}
.project-list {
list-style: none; margin: 40px 0 0 50px; font-size: 19px;
li {
margin-bottom: 40px;
label {
font-weight: 700; font-size: 1rem;
}
}
}