.theme-title {
margin-bottom: 50px;
}
.theme-title h6 {
position: relative;
margin-bottom: 20px;
text-transform: uppercase;
color: var(--themeht-primary-color);
font-weight: 500;
font-size: 14px;
line-height: 15px;
letter-spacing: 1px;
padding-left: 28px;
display: inline-flex;
}
.theme-title h6::before {
position: absolute;
top: 0px;
left: 0px;
content: "\f102";
color: var(--themeht-primary-color);
font-size: 17px;
font-family: flaticon_mycollection !important;
}
.theme-title h2 {
font-size: 48px;
line-height: 58px;
}
.theme-title p {
font-size: 16px;
margin-bottom: 0;
font-weight: 500;
line-height: 30px;
}
.theme-title.text-white h2,
.theme-title.text-white p,
.theme-title.text-white h6 {
color: var(--themeht-white-color);
}
.theme-title.text-white h6::before {
color: var(--themeht-white-color);
}
.theme-title.text-primary h2,
.theme-title.text-primary p,
.theme-title.text-primary h6 {
color: var(--themeht-primary-color);
}
.theme-title.text-theme h2 {
color: var(--themeht-primary-color);
}
.theme-title.text-black h2,
.theme-title.text-black p,
.theme-title.text-black h6 {
color: var(--themeht-secondary-color);
}
.theme-title.text-black h6::before {
color: var(--themeht-secondary-color);
}
.dark-bg h2 {
color: var(--themeht-white-color)
}
.theme-title h2 {
margin-bottom: 0;
}
.primary-bg .theme-title h2,
.primary-bg .theme-title h6,
.secondary-bg .theme-title h2,
.secondary-bg .theme-title h6 {
color: var(--themeht-white-color);
} .elementor-widget-themeht-heading h3 {
font-size: 36px;
line-height: 46px;
}
.elementor-widget-heading .elementor-heading-title {
color: var(--themeht-secondary-color) !important;
font-weight: 500 !important;
font-family: var(--themeht-typography-secondary-font-family) !important;
}
.elementor-widget-heading-white .elementor-heading-title{
color: var(--themeht-white-color) !important;
}
.bg-light-title .elementor-widget-heading .elementor-heading-title {
color: var(--themeht-white-color) !important;
} .themeht-btn {
padding: 20px 40px;
position: relative;
border-radius: 100px;
display: inline-block;
cursor: pointer;
font-size: 13px;
line-height: 13px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.8px;
font-family: var(--themeht-typography-secondary-font-family);
}
.white-btn,
a.white-btn {
background: var(--themeht-white-color);
color: var(--themeht-secondary-color);
}
.white-btn:hover,
a.white-btn:hover {
color: var(--themeht-secondary-color);
color: var(--themeht-white-color);
}
.primary-btn,
a.primary-btn {
background: var(--themeht-primary-color);
color: var(--themeht-white-color);
}
.primary-btn:hover,
a.primary-btn:hover {
background: var(--themeht-secondary-color);
color: var(--themeht-white-color);
}
.dark-btn,
a.dark-btn {
background: var(--themeht-secondary-color);
color: var(--themeht-white-color);
}
.dark-btn:hover,
a.dark-btn:hover {
background: var(--themeht-primary-color);
color: var(--themeht-white-color);
}
.primary-bg .dark-btn:hover,
.primary-bg a.dark-btn:hover {
background: var(--themeht-secondary-color);
color: var(--themeht-primary-color);
}
.secondary-bg .themeht-btn:hover {
background-color: var(--themeht-white-color);
color: var(--themeht-secondary-color);
}
.themeht-btn.outline-btn {
border: 1px solid var(--themeht-secondary-color);
color: var(--themeht-secondary-color);
}
.themeht-btn.outline-btn:hover {
border-color: var(--themeht-primary-color);
color: var(--themeht-white-color);
}
.themeht-btn:hover {
background: var(--themeht-primary-color);
color: var(--themeht-secondary-color);
}
.themeht-btn svg {
margin-left: 10px;
}
.themeht-btn svg line {
stroke-width: 2;
stroke-miterlimit: 10;
stroke: var(--themeht-secondary-color);
}
.themeht-btn.dark-btn svg line {
stroke: var(--themeht-white-color);
}
.themeht-btn.primary-btn svg line {
stroke: var(--themeht-secondary-color);
}
.themeht-btn:hover svg line {
stroke-dasharray: 20px;
stroke-dashoffset: 40px;
transition: stroke-dashoffset .6s cubic-bezier(.61, 1, .88, 1) .3s;
stroke: var(--themeht-secondary-color);
}
.themeht-btn.primary-btn:hover svg line,
.primary-bg .dark-btn:hover svg line {
stroke: var(--themeht-primary-color);
}
.themeht-btn span {
-webkit-transition: all 0s ease-in-out 0s;
-moz-transition: all 0s ease-in-out 0s;
-ms-transition: all 0s ease-in-out 0s;
-o-transition: all 0s ease-in-out 0s;
transition: all 0s ease-in-out 0s;
}
.arrow-btn,
.arrow-btn-text {
position: absolute;
}
.arrow-btn {
top: 0;
left: 0;
height: 100%;
border-radius: 100%;
width: 100%;
transition: 0.3s linear;
}
.arrow-btn-text {
top: 50%;
transform: translateY(-50%);
white-space: nowrap;
z-index: 2;
transition: 0.3s linear;
background: var(--themeht-white-color);
color: var(--themeht-secondary-color);
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
} .button-style-2 .button-style-2-link {
background: var(--themeht-white-color);
width: 50px;
height: 50px;
line-height: 54px;
text-align: center;
border-radius: 100%;
font-size: 27px;
display: inline-block;
position: relative;
z-index: 2;
}
.button-style-2 .button-style-2-link:hover {
background-color: var(--themeht-primary-color);
color: var(--themeht-white-color);
}
.button-style-2 .button-style-2-link i {
transform: rotate(-35deg);
display: block;
}
.button-style-2 {
position: absolute;
right: 0;
bottom: 0;
background: var(--themeht-light-color);
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
padding: 10px 0 0 10px;
border-radius: 60% 0 0 0;
z-index: 9;
}
.button-style-2>svg {
display: block;
width: 20px;
height: 20px;
position: absolute;
top: -20px;
right: 0px;
transform: rotate(180deg) scale(1.01);
}
.button-style-2>svg:last-of-type {
top: auto;
bottom: 0px;
right: auto;
left: -20px;
}
.button-style-2>svg>path {
fill: var(--themeht-light-color) !important;
}
.button-style-2::before {
position: absolute;
content: "";
top: -13px;
right: 0px;
height: 16px;
width: 1px;
background-color: var(--themeht-light-color);
z-index: 9;
}
.button-style-2::after {
position: absolute;
content: "";
top: -1px;
right: -2px;
height: 1px;
width: 16px;
background-color: var(--themeht-light-color);
z-index: 9;
}
.button-style-2 a::before {
position: absolute;
content: "";
top: 37px;
left: -11px;
height: 16px;
width: 1px;
background-color: var(--themeht-light-color);
z-index: 9;
}
.button-style-2 a::after {
position: absolute;
content: "";
bottom: 0px;
left: -24px;
height: 1px;
width: 16px;
background-color: #f6f6f6;
z-index: 9;
} .marquee-section {
padding: 30px 0;
background-color: var(--themeht-white-color);
-webkit-transform: rotate(-0.8deg);
-ms-transform: rotate(-0.8deg);
transform: rotate(-0.8deg);
}
.marquee-wrap {
animation: marquee 50s linear infinite;
width: 100%;
position: relative;
white-space: nowrap;
}
.marquee-wrap,
.marquee-title {
display: flex;
justify-content: center;
}
.marquee-text {
font-family: var(--themeht-typography-secondary-font-family);
position: relative;
display: flex;
align-items: center;
font-size: 30px;
white-space: nowrap;
line-height: 1;
font-weight: 500;
color: var(--themeht-secondary-color);
text-transform: uppercase;
}
.marquee-text i {
margin: 0 40px;
font-size: 30px;
line-height: 1;
}
.marquee-img-swiper>.swiper-wrapper,
.marquee-swiper>.swiper-wrapper {
transition-timing-function: linear;
}
.popup-img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 40px;
background: var(--themeht-white-color);
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
color: var(--themeht-secondary-color);
opacity: 0;
}
.marquee-img-box:hover .popup-img {
opacity: 1;
}
.marquee-section.style3 {
padding: 0;
background-color: inherit;
-webkit-transform: inherit;
-ms-transform: inherit;
transform: inherit;
}
.marquee-section.style3 .marquee-text span {
font-size: 80px;
line-height: 110px;
font-weight: 700;
overflow: visible !important;
text-shadow: 1px 1px 0 var(--themeht-secondary-color),
-1px -1px 0 var(--themeht-secondary-color),
1px -1px 0 var(--themeht-secondary-color),
-1px 1px 0 var(--themeht-secondary-color),
1px 1px 0 var(--themeht-secondary-color);
-webkit-text-fill-color: var(--themeht-light-color);
-webkit-text-stroke-width: 0;
color: transparent;
text-transform: uppercase;
padding: 0px 90px;
}
.marquee-section.style3 .marquee-text::before {
position: absolute;
top: 22px;
right: -32px;
content: "*";
font-size: 100px;
color: var(--themeht-primary-color);
font-family: var(--themeht-typography-secondary-font-family);
font-weight: 500;
}
.marquee-section.style3 .marquee-text i {
font-size: 40px;
animation: rotate 10s linear infinite;
}
.header-marquee .marquee-section {
padding: 15px 0;
background-color: var(--themeht-secondary-color);
-webkit-transform: inherit;
-ms-transform: inherit;
transform: inherit;
}
.header-marquee .marquee-wrap {
animation: marquee 100s linear infinite;
}
.header-marquee .marquee-text {
font-size: 16px;
font-weight: 500;
color: var(--themeht-white-color);
text-transform: capitalize;
}
.header-marquee .marquee-text i {
margin: 0 30px;
font-size: 18px;
line-height: 1;
color: var(--themeht-primary-color);
} .elementor-accordion .elementor-accordion-item {
margin-bottom: 20px;
border: none !important;
background: var(--themeht-white-color);
padding: 20px 25px 10px 25px;
border-radius: 15px;
}
.elementor-accordion .elementor-accordion-item:last-child {
margin-bottom: 0;
}
.themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-tab-title {
padding: 0;
margin-bottom: 10px;
}
.themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-tab-title .elementor-accordion-title {
font-size: 18px;
line-height: 28px;
font-weight: 500 !important;
text-transform: capitalize;
transition: all 0s ease-in-out 0s;
color: var(--themeht-secondary-color);
font-family: var(--themeht-typography-secondary-font-family);
}
.themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-title,
.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened {
color: var(--themeht-primary-color);
}
.themeht-accordion.elementor-widget-accordion .elementor-accordion-icon {
color: var(--themeht-secondary-color);
padding-top: 5px;
font-size: 20px;
}
.themeht-accordion.elementor-widget-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon {
color: var(--themeht-secondary-color)
}
.themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-tab-content {
color: var(--themeht-body-color);
font-family: var(--themeht-typography-body-font-family);
border-top: none !important;
}
.themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-tab-content p {
margin-bottom: 10px;
} .social-icons ul {
padding: 0;
margin: 0;
line-height: 0;
}
.social-icons li {
display: inline-block;
list-style: none;
padding: 0;
margin: 0 8px 0 0;
}
.social-icons li a {
display: inline-block;
height: 40px;
width: 40px;
line-height: 40px;
font-size: 14px;
text-align: center;
margin: 0;
border: 0;
background: transparent;
color: var(--themeht-secondary-color);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.social-icons li:hover a {
color: var(--themeht-primary-color);
} .team-style-1 {
position: relative;
margin-bottom: 30px;
padding: 0px 3px;
}
.swiper-slide .team-style-1 {
margin-bottom: 0px;
}
.team-style-1 .team-desc {
position: relative;
padding-top: 14px;
}
.team-style-1 .team-images {
overflow: hidden;
border-radius: 20px;
}
.team-style-1:hover .team-images img {
transform: scale(1.1);
}
.team-style-1 .team-images img {
border-radius: 20px;
}
.team-style-1 .team-member .team-desc h4 {
margin-bottom: -3px;
font-size: 22px;
line-height: 33px;
}
.team-style-1 .team-member .team-desc h4 a:hover {
color: var(--themeht-primary-color);
}
.team-style-1 .team-member .team-desc span {
color: var(--themeht-body-color);
font-weight: 500;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.team-style-1 .team-social-list {
width: 50px;
height: 50px;
line-height: 50px;
}
.team-style-1 .team-share-icon {
height: 40px;
width: 40px;
line-height: 40px;
font-size: 13px;
background-color: var(--themeht-primary-color);
}
.team-images {
position: relative;
overflow: hidden;
}
.team-member img {
width: 100%;
}
.team-footer {
display: flex;
justify-content: space-between;
border: 1px solid #DBDDDE;
}
.team-footer .team-footer-cntnt i {
width: 50px;
height: 50px;
display: inline-block;
background: var(--themeht-secondary-color);
color: var(--themeht-primary-color);
line-height: 50px;
text-align: center;
font-size: 20px;
margin-right: 20px;
}
.team-meta li i {
font-size: 20px;
color: var(--themeht-secondary-color);
vertical-align: middle;
margin-right: 15px;
}
.team-meta li span {
font-size: 16px;
line-height: 19px;
font-weight: 400;
margin-bottom: 2px;
font-family: var(--themeht-typography-secondary-font-family);
color: var(--themeht-white-color);
display: block;
}
.team-meta li,
.team-meta li a {
color: var(--themeht-white-color);
} .team-style-2{
background-color: var(--themeht-white-color);
border-radius: 30px;
border: 1px solid #DBDDDE;
padding: 30px;
margin-bottom: 30px;
}
.team-style-2 .team-desc{
margin-bottom: 40px;
}
.team-style-2 .team-footer{
border-top: 1px solid #DBDDDE !important;
border: inherit;
margin-top: 50px;
padding-top: 30px;
position: relative;
}
.team-style-2 .team-social-icon{
opacity: inherit;
display: flex;
position: inherit;
border: 0;
bottom: 0;
left: 0;
}
.team-style-2 .team-social-icon li a{
background-color: var(--themeht-light-color);
margin-bottom: 0;
margin-left: 5px;
}
.team-style-2 .team-images{
text-align: center;
}
.team-style-2 img{ 
border-radius: 100% !important;
width: 260px;
height: 260px !important;
}
.team-style-2 h4{
margin-bottom: 0;
}
.team-style-2 .themeht-btn{
background-color: inherit;
padding: 0;
color: var(--themeht-secondary-color);
text-transform: capitalize;
font-weight: 600;
font-size: 16px;
line-height: 20px;
display: flex;
align-items: center;
position: relative;
}
.team-style-2 .themeht-btn:before{
position: absolute;
right: -26px;
top: 12px;
content: "\f135";
font-family: bootstrap-icons !important;
font-size: 22px;
transform: rotate(-35deg);
}
.team-style-2 .themeht-btn:hover{
background-color: inherit;
color: var(--themeht-primary-color);
} .team-single-page .entry-content {
padding-left: 25px;
}
.team-single-page .post-thumbnail img {
border-radius: 20px 20px 0px 0px;
}
.team-single-page .team-contact {
border-radius: 0px 0px 20px 20px;
background-color: var(--themeht-primary-color);
padding: 30px;
position: relative;
background-image: url(https://labtox.themeht.com/wp-content/uploads/2024/01/pettern-img2.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.team-single-page .team-contact::before {
position: absolute;
top: 0px;
left: 0px;
content: "";
background-color: var(--themeht-primary-color);
width: 100%;
height: 100%;
border-radius: 0px 0px 30px 30px;
opacity: 0.7;
}
.team-single-page .team-contact ul {
margin: 0;
padding: 0;
z-index: 9;
}
.team-single-page .team-contact ul li {
margin-bottom: 15px;
position: relative;
}
.team-single-page .team-contact ul li:last-child {
margin-bottom: 0px;
}
.team-single-page .team-contact ul li a {
font-size: 14px;
}
.team-social-list {
position: absolute;
right: 0px;
bottom: 0;
background: var(--themeht-light-color);
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
padding: 10px 0 0 10px;
border-radius: 60% 0 0 0;
z-index: 9;
}
.team-social-list::before {
position: absolute;
content: "";
top: -13px;
right: 0px;
height: 16px;
width: 1px;
background-color: var(--themeht-light-color);
z-index: 9;
}
.team-social-list::after {
position: absolute;
content: "";
top: -1px;
right: -2px;
height: 1px;
width: 16px;
background-color: var(--themeht-light-color);
z-index: 9;
}
.team-social-list .team-share-icon::before {
position: absolute;
content: "";
top: 47px;
left: -1px;
height: 16px;
width: 1px;
background-color: var(--themeht-light-color);
z-index: 9;
}
.team-social-list .team-share-icon::after {
position: absolute;
content: "";
bottom: 0px;
left: -14px;
height: 1px;
width: 16px;
background-color: #f6f6f6;
z-index: 9;
}
.team-share-icon {
background-color: var(--themeht-secondary-color);
color: var(--themeht-white-color);
border-radius: 50%;
height: 50px;
width: 50px;
line-height: 50px;
font-size: 17px;
display: block;
text-align: center;
transition: all 0.3s ease-in-out;
}
.team-social-list:hover .team-share-icon {
background-color: var(--themeht-primary-color);
}
.team-social-icon li a {
display: flex;
align-items: center;
justify-content: center;
height: 35px;
width: 35px;
font-size: 14px;
line-height: 35px;
margin-bottom: 10px !important;
background: var(--themeht-white-color);
border-radius: 100px;
}
.team-social-icon li a {
color: var(--themeht-secondary-color);
}
.team-social-icon li:hover a {
color: var(--themeht-white-color);
background-color: var(--themeht-secondary-color);
}
.team-meta .team-contact li {
margin-bottom: 20px;
display: grid;
}
.team-social-icon li:last-child {
margin-bottom: 0px;
}
.team-social-icon {
text-align: center;
position: absolute;
bottom: 20px;
right: 8px;
transform: translate(0px, 0px);
opacity: 0;
display: grid;
flex-direction: row-reverse;
transition: all 0.3s ease-in;
}
.team-social-list:hover .team-social-icon {
transform: translate(0px, -40px);
opacity: 1;
}
.team-social-list>svg {
display: block;
width: 20px;
height: 20px;
position: absolute;
top: -20px;
right: 0px;
transform: rotate(180deg) scale(1.01);
}
.team-social-list>svg>path {
fill: var(--themeht-light-color);
}
.team-social-list>svg:last-of-type {
top: auto;
bottom: 0px;
right: auto;
left: -20px;
}
.team-contact ul.team-social-icon li,
.portfolio-meta-info ul.team-social-icon li {
margin-bottom: 0;
} .ht-tab .tab-menu {
display: flex;
width: 100%;
background: var(--themeht-light-color);
padding: 0;
}
.ht-tab .tab-menu li {
list-style-type: none;
}
.ht-tab .tab-menu li a {
font-family: var(--themeht-typography-body-font-family);
text-align: center;
background: var(--themeht-white-color);
border-radius: 0;
padding: 10px 40px;
display: block;
font-size: 18px;
font-weight: 600;
margin-right: 15px;
border-radius: 10px 10px 0px 0px;
}
.ht-tab .tab-menu li a:hover,
.ht-tab .tab-menu li a.active-a {
background: var(--themeht-secondary-color);
color: var(--themeht-white-color);
}
.ht-tab .ht-tab-content {
background: var(--themeht-white-color);
padding: 30px;
border-radius: 0px 30px 30px 30px;
}
.ht-tab .ht-tab-content img {
border-radius: 30px;
}
.ht-tab-pane {
display: none;
}
.ht-tab-pane.tab-active {
display: block;
animation: tab-fade ease 1s;
-webkit-animation: tab-fade ease 1s;
-moz-animation: tab-fade ease 1s;
-o-animation: tab-fade ease 1s;
-ms-animation: tab-fade ease 1s;
}
.tab-list ul {
padding: 0;
margin: 0;
}
.tab-list li {
position: relative;
list-style-type: none;
padding-left: 30px;
margin-bottom: 10px;
}
.tab-list li:last-child {
margin-bottom: 0;
}
.tab-list li:before {
position: absolute;
left: 0;
top: 4px;
content: "*";
font-size: 30px;
line-height: 1;
color: var(--themeht-primary-color);
} .counter {
position: relative;
z-index: 9;
}
.counter .counter-desc span {
font-size: 50px;
line-height: 1;
color: var(--themeht-secondary-color);
display: inline-block;
vertical-align: middle;
font-weight: 700;
}
.counter .counter-desc .count-number+span {
position: relative;
}
.counter h6 {
font-size: 16px;
font-family: var(--themeht-typography-body-font-family);
display: inline-block;
margin-top: 10px;
margin-bottom: 0;
text-transform: uppercase;
}
.counter-icon i {
font-size: 70px;
line-height: 1;
display: inline-block;
color: var(--themeht-secondary-color);
margin-bottom: 20px;
}
.counter-text {
display: flex;
align-items: flex-end;
justify-content: space-between;
border-bottom: 1px solid var(--themeht-secondary-color);
padding-bottom: 10px;
margin-bottom: 10px;
} .counter.style-1 {
display: flex;
align-items: center;
}
.counter.style-1 .counter-icon {
padding-right: 20px;
}
.counter.style-1 .counter-icon i {
color: var(--themeht-primary-color);
margin: 0;
}
.counter.style-1 .counter-desc span {
font-weight: 500;
font-family: var(--themeht-typography-secondary-font-family);
}
.counter.style-1 h6 {
font-size: 14px;
margin: 0;
letter-spacing: 0.8px;
font-weight: 600;
}
.counter.style-1 .counter-desc span,
.counter.style-1 .counter-icon i,
.counter.style-1 h6 {
color: var(--themeht-white-color);
}
.counter.style-2 .counter-desc span {
font-size: 100px;
}
.counter.style-2 h6 {
margin-top: 0;
}
.counter.style-2 .counter-text span {
position: relative;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
line-height: 15px;
letter-spacing: 1px;
}
.counter.style-3 .counter-desc span {
font-size: 45px;
line-height: 35px;
font-weight: 600;	
}
.counter.style-3 h6 {
margin: 0;
}
.counter.style-3 .counter-icon i {
margin-bottom: 20px;
font-size: 40px;
} .blog .themeht-blogs .col-12.col-lg-9 {
padding-right: 35px;
}
.site-main .col-12.col-lg-9 {
padding-right: 35px;
}
.post-single-page .post-card {
position: relative;
}
.post-single-page .post-card img {
border-radius: 30px;
}
.entry-content .attachment img,
.wp-block-media-text.is-image-fill .wp-block-media-text__media,
.type-post .post-thumbnail img {
border-radius: 30px;
width: 100%;
}
.post-card .post-image {
position: relative;
}
.post-card .post-image img {
border-radius: 20px;
}
.post-card .post-image .button-style-2 .button-style-2-link {
background-color: var(--themeht-white-color);
color: var(--themeht-secondary-color);
}
.post-card .post-image .button-style-2 .button-style-2-link:hover {
background-color: var(--themeht-primary-color);
color: var(--themeht-white-color);
}
.post-card .read-button.button-style-2 .arrow-btn-text {
display: block;
}
.post-card .post-title h4 {
text-transform: capitalize;
word-break: break-word;
}
.post-card .post-title h4 a {
color: var(--themeht-secondary-color);
display: inline;
}
.post-card .post-title h4 a:hover {
color: var(--themeht-primary-color) !important;
}
.post-card .post-bottom li {
color: var(--themeht-secondary-color);
font-weight: 500;
font-size: 13px;
position: relative;
margin-right: 25px;
letter-spacing: 0.8px;
font-family: var(--themeht-typography-secondary-font-family);
display: inline-block;
text-transform: uppercase;
}
.post-card .post-bottom li i {
color: var(--themeht-primary-color);
}
.post-bottom li i {
font-size: 16px;
color: var(--themeht-secondary-color);
margin-right: 4px;
vertical-align: middle;
}
.post-card .post-bottom li span {
display: inline;
}
.post-card .post-bottom li span a:hover {
color: var(--themeht-primary-color);
}
.post-single-page .post-desc h1,
.portfolio-single h1 {
line-height: 70px;
font-size: 60px;
margin-bottom: 20px;
word-break: break-all;
}
.tags-links a {
padding: 10px 18px 8px 18px;
display: inline-block;
text-align: center;
text-transform: uppercase;
margin: 0px 5px 10px 0;
border-radius: 100px;
font-weight: 500;
font-size: 12px !important;
line-height: 13px;
letter-spacing: 0.8px;
color: var(--themeht-body-color);
background-color: var(--themeht-white-color);
}
.tags-links a:hover {
background: var(--themeht-primary-color);
color: var(--themeht-white-color);
}
.themeht-blogs .post {
margin-bottom: 50px;
}
.blog .post-title h4 {
font-size: 30px;
line-height: 40px;
margin-bottom: 15px;
}
.edit-link {
margin-left: 10px;
display: none !important;
}
.edit-link .post-edit-link {
border: 1px solid #DBDDDE;
padding: 2px 10px;
}
.post-single-page .elementor-widget:not(:last-child) {
margin-bottom: 0;
}
.theme-tags {
clear: both;
margin-top: 40px;
}
.theme-tags .tags-links {
color: var(--themeht-secondary-color);
}
.post-card .post-bottom li i.bi.bi-calendar3 {
font-size: 14px;
margin-right: 8px;
position: relative;
top: -2px;
} .post-card.style-1 {
position: relative;
margin-bottom: 30px;
border-radius: 20px;
padding: 0px 3px;
}
.post-card.style-1 .post-image {
position: relative;
overflow: hidden;
border-radius: 20px 20px 0px 20px;
}
.post-card.style-1 .post-image img{
width: 100%;
}
.post-card.style-1:hover .post-image img {
transform: scale(1.1);
}
.post-card.style-1 .post-date {
text-transform: uppercase;
font-weight: 600;
font-family: var(--themeht-typography-secondary-font-family);
z-index: 9;
position: relative;
}
.post-card.style-1 .button-style-2 .button-style-2-link {
background-color: var(--themeht-primary-color);
color: var(--themeht-white-color);
}
.post-card.style-1 .button-style-2 .button-style-2-link:hover {
background-color: var(--themeht-secondary-color);
}
.post-card.style-1 .post-date i {
margin-right: 8px;
font-size: 18px;
}
.post-card.style-1 .post-date a {
color: var(--themeht-white-color);
background: var(--themeht-primary-color);
line-height: 15px;
border-radius: 100px;
font-size: 13px;
display: inline-block;
position: relative;
font-family: var(--themeht-typography-secondary-font-family);
font-weight: 400;
padding: 4px 10px;
letter-spacing: 1px;
}
.post-card.style-1 .read-button {
display: none;
}
.post-card.style-1 .post-title h4 {
font-size: 22px;
line-height: 32px;
margin-bottom: 0;
margin-top: 12px;
z-index: 9;
position: relative;
}
.post-card.style-1 ul.post-bottom {
padding: 0px;
margin: 15px 0px 10px 0px;
display: flex;
}
.post-card.style-1 .post-bottom li a {
color: var(--themeht-body-color);
font-family: var(--themeht-typography-secondary-font-family);
font-weight: 500;
font-size: 13px;
text-transform: uppercase;
letter-spacing: .08px;
}
.post-card.style-1 .post-bottom li i {
color: var(--themeht-primary-color);
font-size: 20px;
line-height: 20px;
margin-right: 5px;
}
.post-card.style-1 .post-bottom li i.bi-bookmarks {
font-size: 18px;
}
.white-bg .post-card.style-1 .button-style-2::before,
.white-bg .post-card.style-1 .button-style-2::after,
.white-bg .post-card.style-1 .button-style-2 a::before,
.white-bg .post-card.style-1 .button-style-2 a::after,
.white-bg .post-card.style-1 .button-style-2{
background-color: var(--themeht-white-color);
}
.white-bg .post-card.style-1 .button-style-2>svg>path{
fill: var(--themeht-white-color);
} .post-card.style-2 {
display: flex;
align-items: center;
margin-bottom: 40px;
}
.post-card.style-2 .post-image {
overflow: hidden;
border-radius: 10px 10px 0px 10px;
}
.post-card.style-2 .post-image img {
width: 100%;
border-radius: 10px;
}
.post-card.style-2:hover .post-image img {
transform: scale(1.1);
}
.post-card.style-2 .post-image {
margin-right: 30px;
flex-shrink: 0;
}
.post-card.style-2 .post-date a time {
background-color: var(--themeht-primary-color);
color: var(--themeht-white-color);
font-family: var(--themeht-typography-secondary-font-family);
font-size: 12px;
line-height: 12px;
padding: 6px 10px;
text-transform: uppercase;
border-radius: 100px;
letter-spacing: 1px;
font-weight: 400;
}
.post-card.style-2 .post-title {
margin-bottom: 0px;
margin-top: 18px;
}
.post-card.style-2 .post-title h4 {
font-size: 22px;
line-height: 30px;
}
.post-card.style-2 .button-style-2 {
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50% 0 0 0;
}
.post-card.style-2 .button-style-2 .button-style-2-link {
width: 40px;
height: 40px;
line-height: 44px;
}
.post-single-page .has-post-thumbnail .post-card .post-desc {
padding-top: 30px;
}
.post-card.post-classic .post-desc {
padding: 30px 60px 30px 30px;
position: relative;
}
.post-card.post-classic {
border-radius: 20px;
background: var(--themeht-white-color);
} .widget-title {
font-size: 22px;
line-height: 30px;
text-transform: capitalize;
padding-left: 29px;
margin-bottom: 15px !important;
position: relative;
}
.widget-title::before {
position: absolute;
top: 6px;
left: 0px;
content: "\f102";
font-family: flaticon_mycollection !important;
color: var(--themeht-primary-color);
font-size: 21px;
line-height: 18px;
}
.widget {
margin-bottom: 40px;
background: var(--themeht-white-color);
padding: 30px;
border-radius: 20px;
position: relative;
}
.themeht-sidebar .widget {
margin-bottom: 50px;
}
.themeht-sidebar .widget:last-child {
margin-bottom: 0
}
.themeht-sidebar .widget ul,
.themeht-sidebar .widget ol,
.wp-block-archives ul {
margin: 0;
padding-left: 0;
}
.themeht-sidebar .widget ul.children,
.themeht-sidebar .widget ol.children {
margin-left: 15px;
margin-top: 15px;
}
.themeht-sidebar .widget ul li,
.themeht-sidebar .widget ol li,
.wp-block-archives li,
.wp-block-latest-posts li,
.widget_recent_entries li,
.wp-block-categories li,
.wp-block-page-list li {
list-style-type: none;
margin-bottom: 20px;
position: relative;
}
.themeht-sidebar .widget ol li {
padding-left: 0;
}
.themeht-sidebar .widget ul li:last-child,
.themeht-sidebar .widget ol li:last-child,
.wp-block-latest-posts li:last-child,
.widget_recent_entries li:last-child {
margin-bottom: 0 !important;
padding-bottom: 0;
}
.themeht-sidebar .widget ul.wp-block-social-links-is-layout-flex li {
margin-bottom: 0px !important;
}
.widget.widget_tag_cloud {
padding-bottom: 20px;
}
.widget_block p.wp-block-tag-cloud {
margin-bottom: 0px;
}
.themeht-sidebar .widget .tagcloud a,
.wp-block-tag-cloud a {
background: var(--themeht-light-color);
color: var(--themeht-body-color);
padding: 10px 18px 8px 18px;
display: inline-block;
text-align: center;
text-transform: uppercase;
margin: 0px 5px 10px 0;
border-radius: 100px;
font-weight: 500;
font-size: 12px !important;
line-height: 13px;
letter-spacing: 0.8px;
}
.themeht-sidebar .widget .tagcloud a:hover,
.wp-block-tag-cloud a:hover {
background: var(--themeht-primary-color) !important;
color: var(--themeht-white-color);
}
.type-post .wp-block-tag-cloud a {
background-color: var(--themeht-white-color);
}
.widget.widget_categories li,
.wp-block-categories li {
color: var(--themeht-body-color);
position: relative;
padding-left: 20px;
font-size: 15px;
width: 100%;
align-items: center;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 12px;
margin-bottom: 12px !important;
}
.widget_categories li:last-child,
.wp-block-categories li:last-child {
border: none;
padding-bottom: 0;
margin-bottom: 0;
} 
.widget.widget_categories ul li a,
.wp-block-categories li a {
text-transform: uppercase;
font-size: 13px;
line-height: 13px;
font-family: var(--themeht-typography-secondary-font-family);
margin-right: auto;
width: 100%;
}
.widget.widget_categories ul li:before,
.wp-block-categories li:before {
content: " ";
background-color: var(--themeht-primary-color);
position: absolute;
left: 0px;
top: 9px;
height: 8px;
width: 8px;
border-radius: 50%;
}
.themeht-sidebar .widget_recent_entries li,
.wp-block-latest-posts li {
margin-bottom: 15px;
}
.widget .wp-block-loginout p {
margin-bottom: 10px;
}
.widget .wp-block-loginout p:last-child {
margin: 0;
}
.widget .wp-block-latest-comments__comment-excerpt p,
.wp-block-latest-posts__post-excerpt {
margin-bottom: 0px;
}
.search-form {
position: relative
}
.search-form label {
width: 100%;
} 
.search-form button[type="submit"] {
background: inherit;
color: var(--themeht-body-color);
font-size: 20px;
line-height: 55px;
text-align: center;
cursor: pointer;
position: absolute;
right: 15px;
padding: 0;
border: none;
top: 0;
z-index: 1;
}
.search-form button[type="submit"]:hover {
color: var(--themeht-secondary-color);
}
.wp-block-search__inside-wrapper {
position: relative;
}
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
position: absolute;
padding: 0;
border: none;
background: transparent !important;
font-size: 0;
right: 15px;
}
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:before {
position: absolute;
content: "\f52a";
font-family: 'bootstrap-icons';
color: var(--themeht-body-color);
font-size: 20px;
line-height: 55px;
text-align: center;
cursor: pointer;
right: 0;
padding: 0;
border: none;
top: 0;
z-index: 1;
}
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover:before {
color: var(--themeht-secondary-color);
}
.themeht-sidebar .widget li a {
font-size: 14px;
line-height: 24px;
color: var(--themeht-secondary-color);
}
.themeht-sidebar .widget li a.wp-block-pages-list__item__link {
display: block;
}
.themeht-sidebar .widget li a:hover {
color: var(--themeht-primary-color);
}
.themeht-sidebar .widget_search .search-form .search-field {
padding-left: 25px;
}
.themeht-sidebar .widget_search .search-form .search-submit {
background-color: var(--themeht-primary-color);
color: var(--themeht-white-color);
border-radius: 100%;
height: 40px;
width: 40px;
line-height: 40px;
right: 8px;
top: 8px;
font-size: 14px;
} .widget_themeht_recentpost li {
display: flex;
align-items: center;
}
.themeht-post-image {
flex-shrink: 0;
width: 80px;
height: 80px;
margin-right: 20px;
}
.widget .themeht-post-image img {
border-radius: 10px;
}
.widget .themeht-post-date {
display: block;
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
line-height: 13px;
letter-spacing: 0.4px;
position: relative;
padding-left: 20px;
}
.widget .themeht-post-date:before {
display: inline-block;
padding-right: 0.4rem;
content: "\f214";
font-family: 'bootstrap-icons';
vertical-align: middle;
font-size: 12px;
line-height: 12px;
position: absolute;
left: 0;
top: 1px;
}
.widget_themeht_recentpost ul li .themeht-post-content a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 14px;
line-height: 19px;
font-weight: 500;
font-family: var(--themeht-typography-secondary-font-family);
margin-bottom: 12px;
}
.themeht-sidebar .widget.widget_nav_menu .menu-testing-menu-container ul li {
padding: 0;
}
.themeht-sidebar .widget.widget_nav_menu .menu-testing-menu-container ul>li ul {
margin-left: 0;
} .post-comment {
margin-top: 50px;
}
.post-comment .comments-title,
.post-comment .comment-reply-title {
font-size: 34px;
line-height: 44px;
margin-bottom: 30px;
}
.post-comment .comment-reply-title {
margin-bottom: 15px;
}
.comments-box {
box-shadow: 0px 22px 57px 0px rgb(34 41 72 / 5%);
padding: 50px;
margin-top: 50px;
}
.comment-author img {
margin-right: 20px;
width: 80px !important;
height: 80px !important;
display: inline-block;
border-radius: 100px !important;
}
.post-comment li.comment,
.post-comment li.trackback,
.post-comment li.pingback {
margin-bottom: 30px;
list-style-type: none;
}
.has-avatars .wp-block-latest-comments__comment,
.post-comment li.comment .comment-body,
.post-comment li.trackback .comment-body,
.post-comment li.pingback .comment-body,
.wp-block-comments .wp-block-comment-template {
border: 1px solid #DBDDDE;
margin-bottom: 30px;
padding: 30px;
list-style-type: none;
border-radius: 20px;
}
.has-avatars .wp-block-latest-comments__comment {
padding: 30px 30px 10px 30px !important;
}
.has-avatars .wp-block-latest-comments__comment img {
width: inherit;
}
.wp-container-core-columns-layout-1.wp-container-core-columns-layout-1 {
margin-bottom: 0;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.post-comment .comment-meta {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.wp-block-latest-comments__comment-date,
.post-comment .comment-metadata {
font-size: 14px;
margin-left: auto;
text-transform: uppercase;
font-weight: 400;
font-family: var(--themeht-typography-secondary-font-family);
color: var(--themeht-secondary-color);
}
.says {
display: none;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt a,
.comment-author.vcard b,
.comment-author.vcard a {
text-transform: capitalize;
font-size: 22px;
line-height: 28px;
color: var(--themeht-secondary-color);
font-family: var(--themeht-typography-secondary-font-family);
font-weight: 400;
}
.comment-author.vcard a:hover {
color: var(--themeht-secondary-color);
}
.comment-form-author {
float: left;
width: 50%;
padding-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
.comment-form-email {
float: left;
width: 50%;
padding-left: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
.comment-form-url {
clear: both;
margin-bottom: 15px;
}
.post-comment .form-submit {
margin-top: 30px;
margin-bottom: 0px;
}
.comment-respond {
padding: 40px;
background: var(--themeht-white-color);
border-radius: 30px;
margin-top: 30px;
}
.comment-form-cookies-consent {
align-items: center;
display: flex;
}
.comment-form-cookies-consent input {
margin-right: 10px;
}
.comment-form-comment {
margin-top: 30px;
margin-bottom: 0;
}
.post-comment .comment-content img {
border-radius: 20px;
}
.reply {
text-align: right;
}
.comment-reply-link,
.comment-reply-link:focus,
.comment-reply-link:visited,
.comment-reply-link:active {
font-size: 12px;
line-height: 12px;
border: 1px solid transparent;
position: relative;
text-transform: uppercase;
padding: 6px 11px 5px 30px;
color: var(--themeht-white-color);
background: var(--themeht-primary-color);
display: inline-block;
font-family: var(--themeht-typography-secondary-font-family);
border-radius: 100px;
letter-spacing: 0.6px;
}
.comment-reply-link:hover {
background: var(--themeht-secondary-color);
color: var(--themeht-white-color);
}
.comment-reply-link:before {
content: '\f520';
font-family: 'bootstrap-icons';
font-size: 14px;
position: absolute;
left: 10px;
top: 4px;
}
#comments small #cancel-comment-reply-link {
margin-left: 15px;
font-size: 22px;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin-top: 100px;
padding-top: 40px;
margin-bottom: 0;
clear: both;
border-top: 1px solid #DBDDDE;
}
.site-main .comment-navigation .nav-links a,
.site-main .posts-navigation .nav-links a,
.site-main .post-navigation .nav-links a {
display: inline-block;
transition: all 0s ease-in-out 0s;
position: relative;
}
.site-main .comment-navigation .nav-links a:hover,
.site-main .posts-navigation .nav-links a:hover,
.site-main .post-navigation .nav-links a:hover {
color: var(--themeht-secondary-color);
}
.nav-title {
display: block;
word-break: break-word;
font-size: 22px;
font-family: var(--themeht-typography-secondary-font-family);
font-weight: 400;
margin-top: 25px;
}
.nav-next a:hover .nav-title,
.nav-previous a:hover .nav-title {
color: var(--themeht-primary-color);
}
.site-main .comment-navigation .nav-links .nav-subtitle,
.site-main .posts-navigation .nav-links .nav-subtitle,
.site-main .post-navigation .nav-links .nav-subtitle {
padding-left: 50px;
font-family: var(--themeht-typography-secondary-font-family);
color: var(--themeht-body-color);
font-size: 13px;
line-height: 20px;
font-weight: 500;
margin-top: 10px;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.site-main .comment-navigation .nav-links .nav-next .nav-subtitle,
.site-main .posts-navigation .nav-links .nav-next .nav-subtitle,
.site-main .post-navigation .nav-links .nav-next .nav-subtitle {
padding-left: 0;
padding-right: 50px;
}
.site-main .comment-navigation .nav-links .nav-previous,
.site-main .posts-navigation .nav-links .nav-previous,
.site-main .post-navigation .nav-links .nav-previous {
max-width: 300px;
overflow: hidden;
}
.site-main .post-navigation .nav-links .nav-previous .nav-subtitle-arrow,
.site-main .post-navigation .nav-links .nav-next .nav-subtitle-arrow {
position: absolute;
top: 0;
width: 40px;
height: 40px;
line-height: 43px;
display: flex;
overflow: hidden;
background: var(--themeht-primary-color);
color: var(--themeht-white-color);
border-radius: 100%;
}
.site-main .post-navigation .nav-links .nav-previous .nav-subtitle-arrow {
left: 0px;
}
.site-main .post-navigation .nav-links .nav-next .nav-subtitle-arrow {
right: 0px;
}
.site-main .post-navigation .nav-links .nav-previous .nav-subtitle-arrow i {
font-size: 26px;
right: 4px;
position: relative;
margin-right: 15px;
margin-left: 13px;
}
.site-main .post-navigation .nav-links .nav-previous a:hover .nav-subtitle-arrow .bi-arrow-left-short {
right: 59px;
}
.site-main .post-navigation .nav-links .nav-next .nav-subtitle-arrow i {
font-size: 26px;
left: -35px;
position: relative;
margin-right: 15px;
}
.site-main .post-navigation .nav-links .nav-next a:hover .nav-subtitle-arrow .bi-arrow-right-short {
left: 6px;
}
.site-main .comment-navigation .nav-links .nav-next,
.site-main .posts-navigation .nav-links .nav-next,
.site-main .post-navigation .nav-links .nav-next {
max-width: 300px;
margin-left: auto;
}
.post.sticky .post-card {
box-shadow: none;
background: var(--themeht-primary-color);
border-radius: 30px;
position: relative;
}
.post.sticky .post-card .post-bottom li i,
.post.sticky .post-card .post-bottom li a,
.post.sticky .post-card .post-bottom li {
color: var(--themeht-white-color);
}
.post.sticky .post-card .post-bottom li a:hover {
color: var(--themeht-secondary-color) !important;
}
.post.sticky .post-card .post-title h4 a {
color: var(--themeht-white-color);
}
.post.sticky .post-card .post-title h4 a:hover {
color: var(--themeht-secondary-color) !important;
}
.post.sticky .post-card p {
color: var(--themeht-white-color);
}
.post.sticky .post-card .button-style-2 .button-style-2-link::before {
position: absolute;
content: "";
top: 37px;
left: -11px;
height: 16px;
width: 1px;
background-color: var(--themeht-light-color);
z-index: 9;
}
.post.sticky .post-card .button-style-2 .button-style-2-link::after {
position: absolute;
content: "";
bottom: 0px;
left: -24px;
height: 1px;
width: 16px;
background-color: #f6f6f6;
z-index: 9;
} .featured-item.style-1 {
position: relative;
padding: 33px 80px 31px 40px;
background-color: var(--themeht-white-color);
border-radius: 20px;
margin-bottom: 30px;
}
.featured-item.style-1 .featured-number {
font-family: var(--themeht-typography-secondary-font-family);
font-size: 14px;
}
.featured-item.style-1 span {
font-family: var(--themeht-typography-secondary-font-family);
}
.featured-item.style-1 .featured-icon {
margin-bottom: 15px;
overflow: hidden;
text-align: right;
margin-right: -40px;
}
.featured-item.style-1 .featured-icon i {
font-size: 70px;
line-height: 70px;
color: var(--themeht-secondary-color);
display: inline-block;
}
.featured-item.style-1 .featured-icon img {
width: 80px;
border-radius: 100px;
}
.featured-item.style-1 .featured-icon svg {
color: var(--themeht-secondary-color);
}
.featured-item.style-1 .featured-subtitle {
font-family: var(--themeht-typography-secondary-font-family);
font-size: 13px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.featured-item.style-1 .featured-title h5 {
font-size: 22px;
line-height: 32px;
margin-bottom: 0px;
padding-right: 10px;
}
.featured-item p {
margin-bottom: 0;
}
.featured-icon svg {
width: 70px;
height: 70px;
}
.featured-item.style-1 .featured-button a:hover {
background-color: var(--themeht-primary-color);
color: var(--themeht-white-color);
} .featured-item.style-2 {
position: relative;
display: flex;
align-items: flex-start;
margin-bottom: 50px;
}
.featured-item.style-2 .featured-icon i{
min-width: 90px;
height: 90px;
line-height: 90px;
text-align: center;
font-size: 50px;
color: var(--themeht-white-color);
background: var(--themeht-primary-color);
border-radius: 100px;
margin-right: 30px;  
display: block;
}
.featured-item.style-2 .featured-numbr {
background: var(--themeht-primary-color);
color: var(--themeht-white-color);
min-width: 90px;
min-height: 90px;
text-align: center;
line-height: 90px;
border-radius: 100px;
position: relative;
margin-right: 50px;
}
.featured-item.style-2 .featured-numbr span {
font-size: 20px;
font-family: var(--themeht-typography-secondary-font-family);
}
.featured-item.style-2 .featured-numbr::before {
position: absolute;
top: 50%;
left: 50%;
content: "";
width: 130px;
height: 130px;
border: 2px solid var(--themeht-white-color);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 100px;
}
.featured-item.style-2 .featured-title h5 {
border-bottom: 1px solid #DBDDDE;
font-size: 22px;
padding-bottom: 17px;
line-height: 28px;
margin-bottom: 12px;
} .featured-item.style-3 .featured-icon {
font-size: 50px;
line-height: 1;
color: var(--themeht-primary-color);
display: inline-block;
margin-bottom: 13px;
}
.featured-item.style-3 .featured-top {
margin-bottom: 28px;
}
.featured-item.style-3 h5 {
margin-bottom: 6px;
font-size: 22px;
line-height: 33px;
}
.featured-item.style-3 img {
width: 70px;
border-radius: 100px;
}
.featured-item.style-3 svg {
width: 50px;
height: 50px;
} .featured-item.style-4 {
margin-bottom: 30px;
}
.featured-item.style-4 .featured-icon {
width: 60px;
height: 60px;
line-height: 60px;
color: var(--themeht-white-color);
background-color: var(--themeht-primary-color);
border-radius:15px;
text-align: center;
font-size: 32px;
}
.featured-item.style-4 .featured-icon img {
max-width: 40px;
}
.featured-item.style-4 .featured-icon svg {
width: 40px;
height: 60px;
}
.featured-item.style-4 h5 {
margin: 13px 0px 8px 0px;
font-size: 22px;
line-height: 32px;
} .featured-item.style-5{
margin-bottom: 30px;
}
.featured-item.style-5 .featured-top{
display: flex;
}
.featured-item.style-5 .featured-top .featured-desc{
border-bottom: 1px solid var(--themeht-secondary-color);
padding-bottom: 30px;
}
.elementor-widget:last-child .featured-item.style-5 .featured-top .featured-desc{
border-bottom: 0px solid var(--themeht-secondary-color);
}
.featured-item.style-5 h5{
margin-bottom: 10px;
}
.featured-item.style-5 .featured-icon{
margin-right: 50px;
}
.featured-item.style-5 .featured-icon i{
font-size: 60px;
line-height: 60px; 
color: var(--themeht-primary-color); 
}  
.featured-item.style-5 .featured-icon img{
max-width: 130px;
} .featured-item.style-6 {
backdrop-filter: blur(20px);
background-color: rgba(255, 255, 255, 0.4);
padding: 30px;
border-radius: 20px;
border: 1px solid #ffffff40;
}
.featured-item.style-6:hover{
background-color: var(--themeht-white-color);
}
.featured-item.style-6 .featured-icon{
font-size: 55px;
line-height: 55px;
color: var(--themeht-secondary-color);
}
.featured-item.style-6 .button-style-2-link{
transform: rotate(45deg);
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
border: 1px solid;
display: block;
border-radius: 50px;
font-size: 25px;
position: absolute;
right: 30px;
bottom: 30px;
}
.featured-item.style-6 .button-style-2-link:hover{
color: var(--themeht-white-color);
background-color: var(--themeht-secondary-color);
}
.featured-item.style-6 .featured-title-warp{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 50px;
padding-right: 50px;
}
.featured-item.style-6 h5{
margin: 0;
font-size: 22px;
line-height: 34px;
} .testimonial-dot-left.testimonial-swiper .swiper-pagination {
text-align: right;
}
.testimonial.style-1 {
position: relative;
padding: 40px 40px 32px 40px;
border-radius: 20px;
background-color: var(--themeht-white-color);
margin-bottom: 30px;
margin-left: 3px;
margin-right: 3px;
}
.testimonial.style-1 .testimonial-caption {
display: inline-flex;
align-items: center;
margin-bottom: 20px;
}
.testimonial.style-1 .testimonial-img img {
width: 70px;
border-radius: 100% !important;
}
.testimonial.style-1 .testimonial-caption-text {
text-align: left;
margin-left: 15px;
}
.testimonial.style-1 .testimonial-content p {
margin: 0;
font-size: 18px;
line-height: 28px;
font-style: italic;
margin-bottom: 19px;
font-family: var(--themeht-typography-secondary-font-family);
}
.testimonial.style-1 .testimonial-caption-text h4 {
font-size: 22px;
line-height: 30px;
margin-bottom: 8px;
}
.testimonial.style-1 .testimonial-caption span {
text-transform: uppercase;
font-family: var(--themeht-typography-secondary-font-family);
letter-spacing: 0.8px;
font-size: 14px;
line-height: 15px;
}
.testimonial.style-1 .testimonial-rating i {
color: #fcc300;
}
.testimonial.style-1 .button-style-2 .button-style-2-link {
transform: rotate(0deg);
background-color: var(--themeht-primary-color);
color: var(--themeht-white-color);
font-size: 21px;
}
.primary-bg .testimonial.style-1 .button-style-2 .button-style-2-link{
background-color: var(--themeht-white-color);
color: var(--themeht-primary-color);
}
.primary-bg .testimonial.style-1 .button-style-2 .button-style-2-link:hover{
background-color: var(--themeht-white-color);
color: var(--themeht-primary-color);
}
.testimonial.style-1 .button-style-2 .button-style-2-link i {
display: contents;
}
.testimonial-dot-left .testimonial.style-1 .swiper-nav-dots .swiper-pagination {
text-align: left;
}
.primary-bg  .button-style-2 a::before,
.primary-bg  .button-style-2 a::after,
.primary-bg  .button-style-2::before,
.primary-bg  .button-style-2::after,
.primary-bg  .button-style-2{
background-color: var(--themeht-primary-color);
}
.primary-bg .button-style-2>svg>path {
fill:  var(--themeht-primary-color) !important;
}
.primary-bg .button-style-2 .button-style-2-link:hover{
background-color: var(--themeht-secondary-color);
color: var(--themeht-white-color);
} .testimonial-content p {
font-size: 18px;
line-height: 30px;
margin: 30px 0;
color: var(--themeht-body-color);
}
.testimonial-caption {
position: relative;
display: inline-block;
text-align: left;
}
.testimonial .testimonial-caption span {
color: var(--themeht-body-color);
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
display: block;
}
.testimonial .testimonial-caption h4 {
display: inline-block;
margin-bottom: 0;
color: var(--themeht-secondary-color)
}
.testimonial-img img {
width: 100px;
border-radius: 100% !important;
height: 100px;
} .testimonial.style-2 {
position: relative;
}
.testimonial.style-2 .testimonial-content p {
font-family: var(--themeht-typography-secondary-font-family);
font-size: 22px;
line-height: 36px;
font-weight: 500;
font-style: italic;
color: var(--themeht-secondary-color);
margin: 12px 0 35px 0;
}
.testimonial.style-2 .testimonial-caption h4 {
font-size: 22px;
line-height: 29px;
font-weight: 500;
margin-bottom: 9px;
}
.testimonial.style-2 .testimonial-caption span {
font-weight: 400;
font-size: 13px;
line-height: 15px;
text-transform: uppercase;
display: block;
letter-spacing: 0.8px;
font-family: var(--themeht-typography-secondary-font-family);
}
.testimonial.style-2 .testimonial-author {
display: inline-flex;
align-items: center;
}
.testimonial.style-2 .testimonial-img {
margin-right: 15px;
margin-top: 0;
width: 70px;
}
.testimonial.style-2 .testimonial-rating i {
color: #ffb300;
margin-right: 2px;
}
.secondary-bg .testimonial.style-2 .testimonial-caption h4,
.secondary-bg .testimonial.style-2 .testimonial-content p {
color: var(--themeht-white-color);
}
.secondary-bg .testimonial.style-2 .testimonial-content p {
margin: 22px 0 35px 0;
font-size: 22px;
line-height: 40px;
}
.secondary-bg .testimonial.style-2 .testimonial-caption span {
color: var(--themeht-primary-color);
}
.secondary-bg .testimonial.style-2 {
padding: 0px 150px;
}
.testimonial-swiper.secondary-bg .swiper-button-next,
.testimonial-swiper.secondary-bg .swiper-button-prev {
background-color: rgba(255, 255, 255, 0.3);
border: inherit;
}
.testimonial-swiper.secondary-bg .swiper-button-next:hover,
.testimonial-swiper.secondary-bg .swiper-button-prev:hover {
background-color: var(--themeht-primary-color);
}
.testimonial-swiper.secondary-bg .swiper-button-next:after,
.testimonial-swiper.secondary-bg .swiper-button-prev:after {
color: var(--themeht-white-color);
}
.secondary-bg .testimonial-swiper.swiper .swiper-button-prev,
.secondary-bg .testimonial-swiper.swiper .swiper-button-next {
background-color: rgba(255, 255, 255, 0.1);
}
.secondary-bg .testimonial-swiper.swiper .swiper-button-prev:hover,
.secondary-bg .testimonial-swiper.swiper .swiper-button-next:hover {
background-color: var(--themeht-primary-color);
}
.secondary-bg .testimonial-swiper.swiper .swiper-button-next:after,
.secondary-bg .testimonial-swiper.swiper .swiper-button-prev:after {
color: var(--themeht-white-color);
} .service-title h4 {
text-transform: capitalize;
margin-bottom: 0;
font-size: 22px;
line-height: 32px;
}
.service-item .service-title h4 a {
color: var(--themeht-white-color);
}
.service-item .service-title h4 a:hover {
color: var(--themeht-secondary-color);
}
.arrow-button {
font-size: 70px;
color: transparent;
-webkit-text-stroke: 1px black;
transform: rotate(-45deg);
line-height: 1;
}
.service-item.style-1 {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #E3E3E3;
padding-bottom: 40px;
margin: 0px 20px 40px 20px;
}
.service-item.style-1 .service-title h4 a {
color: var(--themeht-secondary-color);
}
.service-item.style-1 .service-title h4 a:hover {
color: var(--themeht-primary-color);
}
.service-item.style-1:hover {
padding-left: 40px;
}
.service-item.style-1 .service-inner {
display: flex;
align-items: center;
}
.service-item.style-1 .service-num {
font-size: 16px;
line-height: 16px;
color: var(--themeht-body-color);
font-family: var(--themeht-typography-secondary-font-family);
position: relative;
padding-left: 60px;
margin-bottom: 10px;
display: inline-block;
}
.service-item.style-1 .service-num:before {
content: '';
position: absolute;
left: 0;
border-bottom: 1px solid #E3E3E3;
width: 50px;
height: 1px;
top: 50%;
margin-top: -1px;
}
.service-item .service-title h4 a:hover {
color: var(--themeht-secondary-color);
}
.service-item.style-1 .service-image {
opacity: 0;
visibility: hidden;
transition: all .7s ease;
position: absolute;
transform: scale(0);
top: -7px;
left: 0;
z-index: 10;
width: 80px;
border-radius: 8px;
overflow: hidden;
}
.service-item.style-1:hover .service-image {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.service-item.style-1 .arrow-button {
font-size: 45px;
color: transparent;
-webkit-text-stroke: 1px var(--themeht-white-color);
transform: rotate(0deg);
line-height: 1;
}
.service-item.style-1 .arrow-button:hover {
color: var(--themeht-white-color);
}
.service-item.style-1 .service-icon {
font-size: 60px;
line-height: 1;
color: var(--themeht-primary-color);
flex-shrink: 0;
margin-right: 40px;
}
.service-item.style-1:hover .service-icon {
opacity: 0;
transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
}
.elementor-widget-container .row.gx-lg-5 .col-lg-6.col-12:nth-of-type(6n+5) .service-item.style-1,
.elementor-widget-container .row.gx-lg-5 .col-lg-6.col-12:nth-of-type(6n+6) .service-item.style-1 {
border-bottom: inherit;
} .primary-bg .service-item.style-1 {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.primary-bg .service-item.style-1 .service-title h4 a,
.primary-bg .service-item.style-1 .service-icon {
color: var(--themeht-white-color);
}
.primary-bg .service-item.style-1 .service-title h4 a:hover {
color: var(--themeht-secondary-color);
}
.primary-bg .service-item.style-1 .service-num {
color: var(--themeht-white-color);
}
.primary-bg .service-item.style-1 .service-num:before {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
} .service-item.style-2 {
position: relative;
margin-bottom: 30px;
}
.service-item.style-2 .service-image {
position: relative;
overflow: hidden;
border-radius: 20px 20px 0px 20px;
}
.service-item.style-2 .service-image img {
border-radius: 20px;
width: 100%;
}
.service-item.style-2:hover .service-image img {
transform: scale(1.1);
}
.service-item.style-2 .service-title {
position: absolute;
bottom: 0px;
left: 0px;
padding: 130px 50px 25px 30px;
width: 100%;
border-radius: 0px 0px 20px 19px;
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 100%);
}
.service-list {
position: relative;
overflow: hidden;
padding-right: 50%;
border: 1px solid #DBDDDE;
}
.service-list .service-item.style-2 .service-image {
position: absolute;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
transition: .6s cubic-bezier(1, 0, .25, .995);
opacity: 0;
top: 5%;
right: 2.5%;
width: 45%;
height: 90%;
}
.service-list .service-item.style-2 .service-image .service-img-inner {
width: 100%;
height: 100%;
}
.service-list .service-item.style-2.active .service-image {
z-index: 1;
transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
-webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
opacity: 1;
}
.service-item.style-2 .service-desc {
display: flex;
justify-content: space-between;
}
.service-item.style-2 .service-subtitle {
font-size: 14px;
line-height: 15px;
letter-spacing: 0.8px;
position: relative;
z-index: 99;
text-transform: uppercase;
}
.service-item.style-2 .service-title h4 {
font-size: 20px;
line-height: 30px;
position: relative;
z-index: 99;
margin-top: 7px;
}
.service-item.style-2 .service-title h4 a {
color: var(--themeht-secondary-color);
}
.service-item.style-2 .service-title h4 a:hover {
color: var(--themeht-primary-color);
}
.white-bg .service-item.style-2 .button-style-2{
background-color: var(--themeht-white-color);
}
.white-bg .service-item.style-2 .button-style-2 .button-style-2-link{
background-color: var(--themeht-primary-color);
}
.white-bg .service-item.style-2 .button-style-2 .button-style-2-link:hover{
background-color: var(--themeht-secondary-color);
}
.white-bg .service-item.style-2 .button-style-2 .button-style-2-link i{
color: var(--themeht-white-color);
}
.white-bg .service-item.style-2 .button-style-2>svg>path {
fill: var(--themeht-white-color) !important;
}
.white-bg .service-item.style-2 .button-style-2::before,
.white-bg .service-item.style-2 .button-style-2::after,
.white-bg .service-item.style-2 .button-style-2 a::after,
.white-bg .service-item.style-2 .button-style-2 a::before{
background-color: var(--themeht-white-color);
} .service-item.style-3 {
text-align: center;
background-color: var(--themeht-white-color);
border-radius: 20px;
padding: 40px 40px 32px 40px;
position: relative;
margin-bottom: 30px;
}
.service-item.style-3 .service-image {
overflow: hidden;
position: relative;
text-align: center;
width: 200px;
height: 200px;
border-radius: 100px;
margin-bottom: 36px;
display: inline;
}
.service-item.style-3 .service-image img {
border-radius: 100px;
margin-bottom: 34px;
width: 200px;
height: 200px;
text-align: center;
}
.service-item.style-3:hover .service-image img {
transform: scale(1.1);
}
.service-item.style-3 .service-icon {
font-size: 90px;
position: absolute;
left: 0;
bottom: 85px;
opacity: 0.1;
}
.service-item.style-3 .service-title h4 {
margin-bottom: 4px;
font-size: 22px;
line-height: 32px;
}
.service-item.style-3 .service-title h4 a {
color: var(--themeht-secondary-color);
}
.service-item.style-3 .service-title h4 a:hover {
color: var(--themeht-primary-color) !important;
}
.service-item.style-3 .service-subtitle {
font-family: var(--themeht-typography-secondary-font-family);
font-size: 13px;
line-height: 20px;
font-weight: 500;
margin-bottom: 9px;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.service-item.style-3 .service-desc {
overflow: hidden;
background-color: var(--themeht-white-color);
box-shadow: 0 20px 60px rgba(92, 107, 149, .15);
padding: 30px;
position: relative;
z-index: 9;
display: flex;
align-items: flex-start;
width: 90%;
margin: -62px auto 0;
}
.primary-bg .service-item.style-3 .button-style-2 a::before,
.primary-bg .service-item.style-3 .button-style-2 a::after,
.primary-bg .service-item.style-3 .button-style-2::before,
.primary-bg .service-item.style-3 .button-style-2::after,
.primary-bg .service-item.style-3 .button-style-2{
background-color: var(--themeht-primary-color);
}
.primary-bg .service-item.style-3 .button-style-2>svg>path {
fill:  var(--themeht-primary-color) !important;
}
.primary-bg .button-style-2 .button-style-2-link:hover{
background-color: var(--themeht-secondary-color);
color: var(--themeht-white-color);
}
.service-item.style-4{
position: relative;
margin-bottom: 30px;
}
.service-item.style-4::before{
position: absolute;
top: 0px;
left: 0px;
content: "";
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 40%);
border-radius: 30px;
}
.service-item.style-4 .service-image img{
border-radius: 30px;
width: 100%;
}
.service-item.style-4 .service-title{
position: absolute;
top: 20px;
left: 30px; 
}
.service-item.style-4 .service-subtitle {
text-transform: uppercase;
font-weight: 500;
color: var(--themeht-white-color);
font-size: 15px;
letter-spacing: 1px;
}
.service-item.style-4 .service-title h4{
font-size: 32px;
line-height: 35px;
margin-top: 9px;
font-weight: 400;
}
.service-item.style-4 .service-title h4 a{
color: var(--themeht-white-color) !important;
}
.service-item.style-4 .themeht-btn{
position: absolute;
bottom: 30px;
left: 30px;
border-radius: 10px;
backdrop-filter: blur(4px);
background-color: rgba(255, 255, 255, 0.2);
border: 1px solid #fff;
text-transform: capitalize;
padding: 15px 30px;
}
.service-item.style-4  .themeht-btn:hover,
.secondary-bg .service-item.style-4  .themeht-btn:hover {
background: var(--themeht-white-color);
color: var(--themeht-secondary-color) !important;
}
.service-grid-spacing .col-xl-3{
padding: 0px 7px;
} .service-widget ul {
padding: 0;
margin: 0;
}
.service-widget li {
list-style-type: none;
}
.service-widget li:last-child {
margin-bottom: 0;
}
.service-page-sidebar .widget.widget_nav_menu li a {
color: var(--themeht-secondary-color);
display: block;
font-weight: 500;
font-size: 14px !important;
line-height: 20px !important;
text-transform: uppercase;
padding: 15px 20px;
position: relative;
border: 1px solid #efefef;
margin-bottom: 8px;
border-radius: 10px;
font-family: var(--themeht-typography-secondary-font-family);
}
.widget.widget_nav_menu li a:hover {
border-color: var(--themeht-primary-color);
}
.widget.widget_nav_menu li:last-child a {
margin: 0;
}
.service-page-sidebar .widget.widget_nav_menu li a::after {
position: absolute;
top: 14px;
right: 10px;
font-family: bootstrap-icons !important;
color: var(--themeht-secondary-color);
content: "\f135";
font-size: 28px;
transform: rotate(-43deg);
}
.service-page-sidebar .widget.widget_nav_menu li a::before {
content: none;
}
.widget.widget_nav_menu li a:hover,
.widget.widget_nav_menu li a:hover:before,
.widget.widget_nav_menu li.current-menu-item a::after {
color: var(--themeht-primary-color);
}
.widget_text {
background-color: var(--themeht-white-color);
padding: 30px;
}
.service-contact h3,
.service-contact p {
color: var(--themeht-white-color);
}
.contact-widget {
background-color: var(--themeht-secondary-color);
border-radius: 20px;
padding: 40px 30px;
position: relative;
background-image: url(https://vedtheme.com/labtox/wp-content/uploads/2023/12/blog-img06-1400x700.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
.contact-widget::before {
position: absolute;
top: 0px;
left: 0px;
content: "";
background-color: var(--themeht-secondary-color);
width: 100%;
height: 100%;
border-radius: 20px;
opacity: 0.7;
}
.contact-widget img {
margin-bottom: 20px;
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
width: 170px;
height: 170px;
}
.contact-widget .contact-widget-warp {
z-index: 9;
position: relative;
}
.contact-widget h5 {
font-size: 26px;
line-height: 36px;
color: var(--themeht-white-color);
}
.contact-widget p {
color: var(--themeht-white-color);
line-height: 24px;
margin-bottom: 19px;
}
.contact-widget a.themeht-btn {
text-transform: uppercase;
padding: 17px 40px;
}
.contact-widget .themeht-btn:hover {
background-color: var(--themeht-white-color);
color: var(--themeht-secondary-color);
} .service-widget.widget_text.padding-0 {
background-color: inherit;
padding: 0;
}
.item-download {
margin-bottom: 10px
}
.item-download:last-child {
margin-bottom: 0px;
}
.item-download a {
font-size: 16px;
line-height: 24px;
color: var(--themeht-secondary-color);
display: flex;
align-items: center;
padding: 15px;
position: relative;
background-color: var(--themeht-white-color);
border-radius: 20px;
margin-bottom: 15px;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.item-download a:last-child {
margin-bottom: 0px;
}
.item-download a .download-icon-left {
color: var(--themeht-primary-color);
font-size: 30px;
}
.item-download a .download-icon-right {
font-weight: 400;
min-height: 35px;
min-width: 35px;
line-height: 35px;
text-align: center;
font-size: 26px;
border-radius: 100%;
background-color: var(--themeht-secondary-color);
color: var(--themeht-white-color);
margin-left: auto;
position: relative;
overflow: hidden;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.item-download a .download-icon-right i {
position: absolute;
top: 1px;
right: 4px;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.item-download a .download-icon-right i:first-child {
top: -30px;
}
.item-download a:hover .download-icon-right i {
top: 30px;
}
.item-download a:hover .download-icon-right i:first-child {
top: 1px;
}
.item-download a:hover .download-icon-right {
background-color: var(--themeht-primary-color);
}
.item-download p {
margin-bottom: 0;
font-weight: 500;
font-size: 13px;
}
.item-download span {
font-weight: 500;
font-size: 13px;
text-transform: uppercase;
margin: 5px 15px 0px 15px;
font-family: var(--themeht-typography-secondary-font-family);
}
.single-services .service-item {
padding-left: 35px;
}
.single-services .service-item img {
border-radius: 20px;
}
.single-services .service-item .post-thumbnail img {
border-radius: 20px;
} .price-table {
padding: 48px 50px 50px 50px;
position: relative;
z-index: 9;
border-radius: 20px;
background: var(--themeht-white-color);
}
.price-table .button-style-2 {
top: 0;
padding: 0px 0 10px 10px;
border-radius: 0 0 0 60%;
}
.price-table .button-style-2 .button-style-2-link {
transform: rotate(35deg);
color: var(--themeht-primary-color);
}
.price-table .button-style-2 .button-style-2-link:hover {
background-color: var(--themeht-white-color);
color: var(--themeht-primary-color);
}
.price-table .button-style-2>svg {
top: 0px;
left: -20px;
transform: rotate(91deg) scale(1.01);
}
.price-table .button-style-2>svg:last-of-type {
top: auto;
bottom: -20px;
left: auto;
right: 0px;
}
.light-bg .price-table {
background: var(--themeht-white-color);
}
.price-table .price-top p {
margin-bottom: 5px;
font-weight: 400;
font-size: 13px;
text-transform: uppercase;
font-family: var(--themeht-typography-secondary-font-family);
letter-spacing: 0.8px;
}
.price-table .price-title h4 {
font-size: 26px;
line-height: 36px;
}
.price-value {
border-bottom: 1px solid #f0f0f0;
padding-bottom: 35px;
}
.price-value h2 {
font-size: 60px;
margin-bottom: 0;
position: relative;
display: inline-block;
color: var(--themeht-primary-color);
font-weight: 400;
}
.price-value span {
font-size: 17px;
color: var(--themeht-body-color);
line-height: 17px;
font-weight: 400;
text-transform: capitalize;
font-family: var(--themeht-typography-body-font-family);
margin-left: 7px;
}
.price-list {
margin: 26px 0 30px 0;
}
.price-list ul li {
position: relative;
padding: 7px 0;
}
.price-list li i {
color: var(--themeht-primary-color);
font-size: 10px;
line-height: 10px;
position: relative;
display: inline-block;
line-height: 1;
margin-right: 5px;
}
.price-table .themeht-btn {
display: block;
text-align: center;
background: inherit;
color: var(--themeht-secondary-color);
border: 1px solid var(--themeht-secondary-color);
font-size: 14px;
padding: 20px 30px;
} .elementor-widget-progress {
padding-left: 80px;
}
.elementor-widget-progress .elementor-progress-wrapper {
position: inherit;
}
.elementor-widget-progress .elementor-progress-wrapper {
background-color: var(--themeht-white-color);
border-radius: 3px;
}
.elementor-widget-progress .elementor-title {
font-size: 16px;
margin-bottom: 5px;
font-weight: 500 !important;
font-family: var(--themeht-typography-secondary-font-family) !important;
color: var(--themeht-secondary-color) !important;
display: inline-block;
}
.elementor-widget-progress .elementor-progress-bar {
height: 10px;
background-color: var(--themeht-primary-color) !important;
border-radius: 3px;
}
.elementor-widget-progress .elementor-progress-percentage {
padding-right: 0;
position: absolute;
left: 0;
top: 4px;
color: var(--themeht-secondary-color) !important;
font-size: 26px;
line-height: 45px;
font-family: var(--themeht-typography-secondary-font-family);
font-weight: 500;
}
.primary-bg .elementor-widget-progress .elementor-progress-percentage {
color: var(--themeht-white-color) !important;
}
.primary-bg .elementor-widget-progress .elementor-progress-bar {
background-color: var(--themeht-white-color) !important;
}
.primary-bg .elementor-widget-progress .elementor-progress-wrapper {
background-color: rgba(255, 255, 255, 0.3);
} .portfolio-item .portfolio-cat a {
font-weight: 500;
font-size: 13px;
text-transform: uppercase;
font-family: var(--themeht-typography-secondary-font-family);
margin-bottom: 10px;
color: var(--themeht-white-color);
letter-spacing: 0.8px;
}
.portfolio-desc {
padding-top: 20px;
}
.portfolio-item h4 {
margin-bottom: 0;
}
.portfolio-item.style-1 {
position: relative;
margin-bottom: 30px;
overflow: hidden;
margin-left: 3px;
margin-right: 3px;
}
.portfolio-item.style-1 .button-style-2 {
z-index: 99;
}
.portfolio-item.style-1:hover img {
transform: scale(1.1);
}
.portfolio-item.style-1 h4 {
line-height: 32px;
font-size: 22px;
color: var(--themeht-white-color);
margin-top: 7px;
}
.portfolio-item.style-1 h4 a {
color: var(--themeht-white-color) !important;
}
.portfolio-item.style-1 h4 a:hover {
color: var(--themeht-primary-color) !important;
}
.portfolio-item.style-1 {
position: relative;
border-radius: 30px 30px 0px 30px;
}
.portfolio-item.style-1 img {
border-radius: 30px;
width: 100%;
}
.portfolio-item.style-1 .portfolio-desc {
position: absolute;
bottom: 0px;
left: 0px;
padding: 130px 40px 35px 38px;
width: 100%;
z-index: 9;
background: rgb(21, 66, 110);
background: linear-gradient(0deg, rgba(21, 66, 110, 0.8939950980392157) 31%, rgba(255, 255, 255, 0) 100%);
}
.portfolio-item.style-1 .arrow-btn-circle>svg {
display: block;
width: 20px;
height: 20px;
position: absolute;
top: -20px;
right: 3px;
transform: rotate(180deg) scale(1.01);
}
.portfolio-item.style-1 .arrow-btn-circle>svg:last-of-type {
top: auto;
bottom: 0px;
right: auto;
left: -20px;
}
.portfolio-item.style-1 .arrow-btn-circle>svg>path {
fill: var(--themeht-light-color);
}
.portfolio-item.style-1 .read-button .arrow-btn-circle {
position: absolute;
right: -3px;
bottom: 0;
background: var(--themeht-light-color);
text-align: center;
padding: 10px 0 0 10px;
border-radius: 60% 0 0 0;
z-index: 9;
}
.portfolio-item.style-1 .read-button .arrow-btn-circle i {
background: var(--themeht-white-color);
width: 50px;
height: 50px;
line-height: 53px;
text-align: center;
border-radius: 100%;
transform: rotate(-35deg);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
font-size: 30px;
display: inline-block;
position: relative;
z-index: 2;
}
.secondary-bg .portfolio-item.style-1 .button-style-2{
background-color: var(--themeht-secondary-color);
}
.secondary-bg .portfolio-item.style-1 .button-style-2>svg>path {
fill:  var(--themeht-secondary-color) !important;
}
.secondary-bg .portfolio-item.style-1 .button-style-2::before,
.secondary-bg .portfolio-item.style-1 .button-style-2::after,
.secondary-bg .portfolio-item.style-1 .button-style-2 a::before,
.secondary-bg .portfolio-item.style-1 .button-style-2 a::after{
background-color: var(--themeht-secondary-color);
}
.portfolio-list {
position: relative; 
}
.portfolio-name {
position: relative;
}
.dark-bg .portfolio-item .portfolio-title a:hover {
color: var(--themeht-primary-color);
}
.dark-bg .portfolio-item .portfolio-cat a {
color: var(--themeht-primary-color);
}
.dark-bg .portfolio-item.style-1 .arrow-btn-text {
background: transparent;
color: var(--themeht-white-color);
}
.projact-link {
display: inline-flex;
align-items: center;
border: 1px solid #DBDDDE;
border-radius: 100px;
padding: 10px 30px;
z-index: 9;
position: relative;
background-color: var(--themeht-light-color);
}
.projact-link p {
margin: 0;
}
.projact-link a {
border-bottom: 1px solid var(--themeht-primary-color);
color: var(--themeht-primary-color);
margin-left: 40px;
line-height: 15px;
font-weight: 400;
font-size: 16px;
}
.projact-link a:hover {
color: var(--themeht-secondary-color);
} .portfolio-item.style-2 {
padding: 30px 40px 35px 40px;
border: 1px solid #E3E3E3;
border-bottom: 0px;
}
.portfolio-list .portfolio-item.style-2.active {
border-left: 1px solid var(--themeht-light-color);
}
.portfolio-item.style-2:first-child {
border-radius: 30px 30px 0px 0px;
}
.portfolio-item.style-2:last-child {
border-radius: 0px 0px 30px 30px;
border-bottom: 1px solid #E3E3E3;
}
.portfolio-list {
position: relative;
overflow: hidden;
padding-left: 51%;
margin: 0px 20px;
}
.portfolio-list .portfolio-item.style-2 .portfolio-image {
position: absolute;
opacity: 0;
top: 0%;
left: 0;
width: 50%;
height: 100%;
}
.portfolio-list .portfolio-item.style-2 .portfolio-image .portfolio-img-inner {
width: 100%;
height: 100%;
border-radius: 30px;
}
.portfolio-list .portfolio-item.style-2.active .portfolio-image {
z-index: 1;
opacity: 1;
}
.portfolio-item.style-2 .portfolio-desc {
padding: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.portfolio-item.style-2 .portfolio-cat a {
color: var(--themeht-body-color);
}
.portfolio-item.style-2 .portfolio-title h4 {
font-size: 24px;
line-height: 34px;
margin-top: 5px;
}
.portfolio-item.style-2 .portfolio-icon {
color: var(--themeht-primary-color);
font-size: 50px;
line-height: 1;
width: 100px;
display: flex;
align-items: center;
flex-shrink: 0;
justify-content: center;
font-weight: 700;
border-right: 1px solid var(--themeht-border-light-color);
}
.portfolio-list .portfolio-item.style-2:hover .portfolio-title h4 a,
.portfolio-list .portfolio-item.style-2.active .portfolio-title h4 a {
color: var(--themeht-primary-color);
}
.portfolio-item.style-2 .read-button {
font-size: 40px;
color: transparent;
-webkit-text-stroke: 1px var(--themeht-secondary-color);
line-height: 1;
}
.portfolio-list .portfolio-item.style-2.active .read-button {
-webkit-text-stroke: 1px var(--themeht-primary-color);
} .portfolio .portfolio-single-page .position-relative {
margin-bottom: 60px;
}
.portfolio .portfolio-single-page img,
.portfolio .post-thumbnail img {
width: 100%;
border-radius: 30px;
}
.portfolio-meta-info ul {
margin: 0;
padding: 0;
}
.portfolio-meta-info ul li {
list-style-type: none;
margin-bottom: 25px;
}
.portfolio-meta-info ul li:last-child {
margin-bottom: 0;
}
.portfolio-meta-info ul li span.sub-title {
font-size: 18px;
line-height: 19px;
font-weight: 400;
margin-bottom: 4px;
font-family: var(--themeht-typography-secondary-font-family);
color: var(--themeht-white-color);
display: block;
}
.portfolio-meta-info ul li span.title,
.portfolio-meta-info ul li span.title a {
position: relative;
color: var(--themeht-white-color);
}
.portfolio-meta-info {
background-color: var(--themeht-primary-color);
border-radius: 30px;
padding: 40px;
position: relative;
background-image: url(https://labtox.themeht.com/wp-content/uploads/2024/01/pettern-img2.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.portfolio-meta-info::before {
position: absolute;
top: 0px;
left: 0px;
content: "";
background-color: var(--themeht-primary-color);
width: 100%;
height: 100%;
border-radius: 30px;
opacity: 0.7;
}
.portfolio-meta-info-in {
position: relative;
}
.portfolio-single-page .entry-content {
padding-right: 30px;
} .swiper .swiper-button-prev {
left: 0;
}
.swiper .swiper-button-next {
right: 0;
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
width: 50px;
height: 50px;
line-height: 50px;
display: inline-block;
text-align: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border-radius: 50%;
background: var(--themeht-white-color);
}
.swiper .swiper-button-prev:hover,
.swiper .swiper-button-next:hover {
background: var(--themeht-secondary-color);
border-color: var(--themeht-secondary-color);
}
.swiper .swiper-button-prev:after {
content: '\F12F';
font-family: bootstrap-icons !important;
}
.swiper .swiper-button-next:after {
content: '\F138';
font-family: bootstrap-icons !important;
}
.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
color: var(--themeht-secondary-color);
font-size: 21px;
line-height: 52px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.swiper .swiper-button-prev:hover:after,
.swiper .swiper-button-next:hover:after {
color: var(--themeht-white-color);
}
.swiper-nav-white .swiper-button-prev,
.swiper-nav-white .swiper-button-next,
.swiper-nav-bottom-white .swiper-button-prev,
.swiper-nav-bottom-white .swiper-button-next {
border: 1px solid #DBDDDE;
background: var(--themeht-secondary-color);
}
.swiper-nav-white .swiper-button-prev:hover,
.swiper-nav-white .swiper-button-next:hover,
.swiper-nav-bottom-white .swiper-button-prev:hover,
.swiper-nav-bottom-white .swiper-button-next:hover {
background: var(--themeht-white-color);
border-color: var(--themeht-white-color);
}
.swiper-nav-white .swiper-button-next:after,
.swiper-nav-white .swiper-button-prev:after,
.swiper-nav-bottom-white .swiper-button-next:after,
.swiper-nav-bottom-white .swiper-button-prev:after {
color: var(--themeht-white-color);
}
.swiper-nav-white .swiper-button-prev:hover:after,
.swiper-nav-white .swiper-button-next:hover:after,
.swiper-nav-bottom-white .swiper-button-prev:hover:after,
.swiper-nav-bottom-white .swiper-button-next:hover:after {
color: var(--themeht-secondary-color);
}
.swiper-nav-bottom-white .swiper-button-next,
.swiper-nav-bottom-white .swiper-button-prev,
.swiper-nav-bottom .swiper-button-next,
.swiper-nav-bottom .swiper-button-prev {
top: inherit;
bottom: 0;
}
.swiper-nav-bottom-white .swiper-button-prev,
.swiper-nav-bottom .swiper-button-prev {
left: 50% !important;
margin-left: -80px;
}
.swiper-nav-bottom-white .swiper-button-next,
.swiper-nav-bottom .swiper-button-next {
right: 50% !important;
margin-right: -80px;
}
.swiper-nav-bottom,
.swiper-nav-bottom-white {
margin-top: 120px;
} .swiper-pagination {
position: inherit !important;
text-align: center;
-webkit-transition: 300ms opacity;
-o-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
margin-top: 30px;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
background-color: transparent;
border-radius: 50%;
width: 12px;
height: 12px;
opacity: 1;
display: inline-block;
vertical-align: middle;
border: 1px solid var(--themeht-secondary-color);
}
.secondary-bg .swiper-pagination-clickable {
text-align: center;
}
.secondary-bg .swiper-pagination-clickable .swiper-pagination-bullet {
background-color: var(--themeht-white-color);
}
.secondary-bg .swiper-pagination-clickable .swiper-pagination-bullet-active {
background-color: var(--themeht-primary-color);
}
.primary-bg  .swiper-pagination-clickable .swiper-pagination-bullet-active{
background-color: var(--themeht-white-color);
}
.swiper-pagination-clickable .swiper-pagination-bullet-active {
opacity: 1;
border: none;
background-color: var(--themeht-primary-color);
}
.swiper-dots-white .swiper-pagination-clickable .swiper-pagination-bullet {
background-color: var(--themeht-white-color);
}
.swiper-nav-none .swiper-button-prev,
.swiper-nav-none .swiper-button-next,
.swiper-nav-none .swiper-pagination {
display: none;
}
.swiper-nav-dots .swiper-button-prev,
.swiper-nav-dots .swiper-button-next,
.swiper-dots-white .swiper-button-prev,
.swiper-dots-white .swiper-button-next {
display: none;
}
.swiper-nav-arrow .swiper-pagination,
.swiper-nav-bottom .swiper-pagination,
.swiper-nav-white .swiper-pagination,
.swiper-nav-bottom-white .swiper-pagination {
display: none;
} .award-items {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 60px 0;
border-bottom: 1px solid var(--themeht-secondary-color);
transition: all .3s ease-in-out;
}
.award-items .award-img {
position: absolute;
top: 20px;
right: 12%;
z-index: 1;
visibility: hidden;
opacity: 0;
transform: translateY(40px);
transform-origin: top center;
border-radius: 100%;
overflow: hidden;
display: block;
width: 200px;
height: 200px;
opacity: 1;
transition: .35s cubic-bezier(.25, .46, .45, .94);
-webkit-clip-path: circle(0 at 50% 50%);
clip-path: circle(0 at 50% 50%);
}
.award-items .award-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.award-items:hover .award-img {
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
transform: translateY(0) skewY(0) scaleZ(1);
visibility: visible;
transition-duration: .7s;
z-index: 5;
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
}
.award-title span {
font-size: 100px;
line-height: 1;
color: transparent;
-webkit-text-stroke: 1px var(--themeht-secondary-color);
}
.award-items:hover .award-title span {
color: var(--themeht-primary-color);
}
.award-desc {
margin-left: 100px;
}
.award-desc p {
margin-bottom: 0;
}
.award-arrow {
font-size: 100px;
line-height: 1;
color: transparent;
-webkit-text-stroke: 1px var(--themeht-secondary-color);
transform: rotate(-45deg);
} .main-timeline:before {
content: "";
display: block;
width: 1px;
height: 100%;
background: #DBDDDE;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
}
.timeline-item {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
position: relative;
margin-bottom: 40px;
}
.timeline-item:last-child {
margin-bottom: 0;
}
.timeline-item:nth-child(2n+2) .timeline-icon {
order: 2;
left: 30px;
}
.timeline-order-3 {
order: 1;
}
.main-timeline .timeline-dot {
width: 12px;
height: 12px;
position: absolute;
left: 50%;
top: 50%;
font-size: 30px;
background: var(--themeht-primary-color);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
z-index: 9;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
outline: 4px solid var(--themeht-light-color);
}
.main-timeline .date-content {
width: 50%;
position: relative;
padding-right: 50px;
}
.timeline-item:nth-child(2n+2) .date-content {
order: 3;
padding-right: 0px;
padding-left: 50px;
}
.timeline-item:nth-child(2n+1) .timeline-dot::before {
position: absolute;
top: 5px;
right: 18px;
content: "";
width: 30px;
height: 1px;
background-color: #E3E3E3;
}
.timeline-item:nth-child(2n+2) .timeline-dot::after {
position: absolute;
top: 5px;
left: 17px;
content: "";
width: 30px;
height: 1px;
background-color: #E3E3E3;
}
.main-timeline .timeline-content {
padding-left: 50px;
position: relative;
}
.timeline-item:nth-child(2n+2) .timeline-content {
padding-left: 0px;
padding-right: 50px;
}
.main-timeline .date-content img {
border-radius: 20px;
}
.main-timeline .date {
font-family: var(--themeht-typography-secondary-font-family);
font-size: 20px;
color: var(--themeht-secondary-color);
position: absolute;
bottom: 0;
right: 50px;
background: var(--themeht-light-color);
z-index: 1;
padding: 5px 0px 0px 0px;
}
.main-timeline .date.button-style-2 {
width: 180px;
border-radius: 15px 0px 0px 0px;
}
.main-timeline .timeline-content p {
margin: 0;
}
.timeline-item:nth-child(2n+2) .date-content .date {
right: 0px;
}
@media (max-width:767px) {
.timeline {
flex-direction: column !important;
}
.main-timeline:before {
content: none;
}
.main-timeline .timeline-content {
padding: 0;
order: 3;
margin-top: 20px;
}
.main-timeline .date {
font-size: 17px;
right: 0px;
}
.main-timeline .date-content {
order: 2;
width: 100%;
padding: 0;
}
.timeline-item:nth-child(2n+2) .date-content {
padding: 0px;
}
}
@media (max-width:350px) {
.timeline-icon {
visibility: hidden;
}
.main-timeline .date-content:before {
visibility: hidden;
}
} .splitting {
--word-center: calc((var(--word-total) - 1) / 2);
--char-center: calc((var(--char-total) - 1) / 2);
--line-center: calc((var(--line-total) - 1) / 2);
}
.splitting .word {
--word-percent: calc(var(--word-index) / var(--word-total));
--line-percent: calc(var(--line-index) / var(--line-total));
}
.splitting .char {
--char-percent: calc(var(--char-index) / var(--char-total));
--char-offset: calc(var(--char-index) - var(--char-center));
--distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));
--distance-sine: calc(var(--char-offset) / var(--char-center));
--distance-percent: calc((var(--distance) / var(--char-center)));
}
.splitting.ht-animated .char {
animation-fill-mode: both;
animation-duration: 1000ms;
animation-delay: calc(200ms + calc(15ms * var(--char-index)));
}
.splitting.ht-animated .char {
animation-name: uicoreFadeInUp, uicoreFadeIn !important;
animation-timing-function: cubic-bezier(.22, 1, .36, 1), cubic-bezier(0, 0, .2, 1);
}
@keyframes uicoreFadeInUp {
0% {
transform: translate3d(0, 40px, 0);
}
100% {
transform: translateZ(0);
}
}
@keyframes uicoreFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes weight {
from {
font-weight: 100;
}
50% {
font-weight: 600;
}
to {
font-weight: 500;
}
} .ht-img-animation .elementor-widget-container,
.ht-img-effect .ht-img-effect-image {
visibility: hidden;
position: relative;
overflow: hidden;
}
.ht-img-animation .elementor-widget-container img,
.ht-img-effect .ht-img-effect-image img {
transform-origin: left;
} .ht-img-split-scroller {
display: flex;
}
.split_images {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100vh;
}
.split_images .split-img-block {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 0;
}
.split_images .split-img-block img {
width: 100%;
height: 80%;
object-fit: cover;
border-radius: 20px !important;
}
.split_images .split-img-block:first-child {
opacity: 1;
}
.split_texts {
position: relative;
width: 50%;
margin-left: auto;
}
.split_texts .split-text-block {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
min-height: 100vh;
padding: 6rem 4rem;
box-sizing: border-box;
}
.split-mobile-img {
display: none;
}
.split_texts .split-text-block .split-icon {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius:15px;
background-color: var(--themeht-primary-color);
margin-bottom: 21px;
font-size: 32px;
}
.split_texts .split-text-block .split-icon i {
color: var(--themeht-white-color);
font-size: 30px;
}
.split-text-block .split-content h3 {
font-size: 38px;
line-height: 48px;
margin-bottom: 25px;
}
.split-text-block .tab-list {
margin-bottom: 29px;
margin-top: 31px;
}
.split-text-block .tab-list li {
margin-bottom: 14px;
}
.split-number {
font-size: 150px;
-webkit-text-stroke: 1px var(--themeht-secondary-color);
color: transparent;
line-height: 1;
margin-bottom: 20px;
font-family: var(--themeht-typography-secondary-font-family);
font-weight: 800;
}
.split-content .counter h6 {
margin-top: 0;
}
.split-content-counter {
margin: 50px 0;
}
.sticky-panel-content {
width: 100%;
height: 100vh;
overflow: hidden;
display: flex;
flex-wrap: nowrap;
}
.sticky-panel {
height: 100vh;
flex: 1 0 100%;
display: flex;
justify-content: start;
align-items: center;
}
.sticky-panel-img {
width: 50%;
height: 100%;
}
.sticky-panel-text {
background: white;
width: 50%;
padding: 5rem;
} a.video-popup {
position: relative;
display: inline-block;
text-align: center;
font-size: 80px;
line-height: 200px;
width: 100%;
height: 100%;
}
.center .video-box {
width: 100%;
height: 100vh;
}
.bg-overlay::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background: linear-gradient(rgba(14, 43, 47, .8), rgba(14, 43, 47, .8));
}
.form-sec:before {
content: "";
position: absolute;
right: -10%;
bottom: 0;
height: 100%;
width: 50% !important;
background: var(--themeht-primary-color);
transform: skewX(-20deg);
} .step-box {
background-color: var(--themeht-white-color);
border-radius: 30px;
padding: 100px;
margin-bottom: 40px;
border-top: 1px solid #f0f0f0;
position: relative;
}
.step-box .row.gx-0 {
align-items: center;
}
.pin-spacer .step-img {
text-align: right;
}
.step-box .step-content {
padding-right: 110px;
}
.step-box .step-content h3 {
font-size: 38px;
line-height: 48px;
}
.step-box .step-list {
margin-top: 81px;
}
.step-box .step-list ul {
padding: 0;
}
.step-box .step-list h5 {
font-size: 22px;
line-height: 28px;
padding-bottom: 20px;
margin-bottom: 18px;
border-bottom: 1px solid #f0f0f0;
}
.step-box .step-list p {
margin-bottom: 5px;
}
.step-box .step-list p:last-child {
margin-bottom: 50px;
}
.step-box .step-list h5 {
padding-bottom: 25px;
margin-bottom: 23px;
}
.pin-spacer .step-img {
text-align: left;
height: 400px !important;
width: 400px;
border-radius: 100%;
overflow: hidden;
}
.elementor-widget-container .pin-spacer:nth-of-type(3n+2) .step-box {
margin-top: 20px !important;
}
.elementor-widget-container .pin-spacer:nth-of-type(3n+3) .step-box {
margin-top: 40px !important;
} .play-button {
background: var(--themeht-light-color);
width: 70px !important;
height: 70px !important;
line-height: 70px !important;
text-align: center;
padding: 10px 10px 0 0px;
border-radius: 0 60% 0 0;
z-index: 9;
position: relative;
}
.play-button>svg {
display: block;
width: 20px;
height: 20px;
position: absolute;
top: -20px;
left: 0px;
transform: rotate(-90deg) scale(1.01);
}
.play-button>svg>path {
fill: var(--themeht-light-color);
}
.play-button>svg:last-of-type {
top: auto;
bottom: 0px;
left: auto;
right: -20px;
}
.play-button .button-style-2-link {
background: var(--themeht-white-color);
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 100%;
font-size: 20px;
display: inline-block;
position: relative;
z-index: 2;
color: var(--themeht-secondary-color);
}
.play-button a{
background: var(--themeht-white-color);
width: 50px;
height: 50px;
line-height: 54px;
text-align: center;
border-radius: 100%;
display: inline-block;
position: relative;
z-index: 2;
}
.play-button a:hover{
background-color: var(--themeht-primary-color);
color: var(--themeht-white-color);
}
.post-card .post-bottom li i.bi.bi-calendar3 {
font-size: 14px;
margin-right: 8px;
}
.post-card .post-bottom li i.bi.bi-chat-right-text {
margin-right: 9px;
}
.elementor-banner-bottun{
background: var(--themeht-light-color);
padding: 35px 50px 35px 0px;
right: -61px;
bottom: 0px;
border-radius: 30px 0px 0px 0px;
position: absolute !important;
max-width: 410px !important;
} 
.elementor-banner-bottun::before{ 
display: block;
content: "";
width: 14%;
height: 59%;
position: absolute;
border-radius: 20px;
top: -45px;
right: 38px;
box-shadow: inset -20px 30px 0 0 var(--themeht-light-color);
transform: rotate(90deg);
}
.elementor-banner-bottun::after{ 
display: block; 
content: "";
width: 14%;
height: 59%;
position: absolute;
border-radius: 20px;
bottom: -28px;
left: -35px;
box-shadow: inset -20px 30px 0 0 var(--themeht-light-color);
transform: rotate(90deg);
}
.elementor-banner-warp  {
display: flex;
align-items: center; 
}
.elementor-banner-warp .counter{
margin: 0px 20px;
}
.elementor-banner-warp .counter,
.elementor-banner-warp p{
color: var(--themeht-white-color);
margin-bottom: 0;
} 
a.banner-link {
display: flex;
}
.banner-link i.bi-arrow-right-short{
transform: rotate(45deg);
display: block;
font-size: 26px;
line-height: 30px; 
}
.small-text{
backdrop-filter: blur(20px);
background-color: rgba(255, 255, 255, 0.4);
padding: 10px 15px;
border-radius: 6px;
color: var(--themeht-secondary-color) !important;
font-size: 14px !important;
max-width: fit-content;
}
.border-right-elementor .elementor-widget-container  {
position: relative;
}
.border-right-elementor .elementor-widget-container::before{
position: absolute;
top: 0;
right: 100px;
width: 1px;
height: 100%;
background-color: rgba(255, 255, 255, 0.3);
content: "";
} 
.blur-from .contact-top{
display: none;
}
.blur-from .contact-form{
background-color: rgba(255, 255, 255, 0.2);
border-radius: 30px 30px 30px 30px;
padding: 60px 60px 60px 60px;
border: 1px solid rgba(255, 255, 255, 0.2);
backdrop-filter: blur(20px);
} 
.blur-from .contact-form h2{
color: var(--themeht-white-color);
} 
.border-0-elementor .themeht-btn{
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(4px);
border: 1px solid #fff;
}
.border-0 .themeht-btn{
border-radius: 10px;
}
.title-sep .elementor-widget-wrap {
position: relative;
}
.title-sep .elementor-widget-wrap::before {
content: "";
display: block;
width: 60px;
height: 60px;
position: absolute;
border-radius: 20px;
top: -30px;
left: -20px;
box-shadow: inset -20px 30px 0 0 #f6f6f6;
transform: rotate(-180deg);
}
.title-sep .elementor-widget-wrap::after {
content: "";
display: block;
width: 60px;
height: 60px;
position: absolute; 
border-radius: 20px;
bottom: -30px;
right: -40px;
box-shadow: inset -20px 30px 0 0 #f6f6f6;
transform: rotate(-180deg);
} .swiper-pagination {
position: inherit !important;
text-align: center;
-webkit-transition: 300ms opacity;
-o-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
margin-top: 60px;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
background-color: var(--themeht-secondary-color);
border-radius: 50%;
width: 5px;
height: 5px;
opacity: 1;
display: inline-block;
vertical-align: middle;
}
.swiper-pagination-clickable .swiper-pagination-bullet-active {
opacity: 1;
width: 10px;
height: 10px;
background-color: var(--themeht-primary-color);
}
.swiper-dots-white .swiper-pagination-clickable .swiper-pagination-bullet {
background-color: var(--themeht-white-color);
}
.swiper-nav-none .swiper-button-prev,
.swiper-nav-none .swiper-button-next,
.swiper-nav-none .swiper-pagination {
display: none;
}
.swiper-nav-dots .swiper-button-prev,
.swiper-nav-dots .swiper-button-next,
.swiper-dots-white .swiper-button-prev,
.swiper-dots-white .swiper-button-next {
display: none;
}
.swiper-nav-arrow .swiper-pagination,
.swiper-nav-bottom .swiper-pagination,
.swiper-nav-white .swiper-pagination,
.swiper-nav-bottom-white .swiper-pagination {
display: none;
}
.mptt-shortcode-wrapper .mptt-navigation-tabs {
display: flex;
justify-content: center;
margin-bottom: 50px;
}
.mptt-navigation-tabs li a {
position: relative;
font-size: 15px;
font-weight: 500;
color: var(--themeht-primary-color);
padding: 10px 20px;
border-radius: 100px;
line-height: 1;
background: var(--themeht-white-color);
}
.mptt-navigation-tabs li.active a,
.mptt-navigation-tabs li a:hover {
background: var(--themeht-primary-color);
color: var(--themeht-white-color);
}
.mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th {
background-color: var(--themeht-primary-color);
border: 1px solid var(--themeht-border-color);
color: var(--themeht-white-color);
padding: 10px;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody td{
height: 100px !important;
background-color: var(--themeht-white-color) !important;
border-color:#dbddde17 !important;
}
.mptt-shortcode-wrapper.mptt-table-fixed.table-init .mptt-menu.mptt-navigation-select{
background-color: var(--themeht-white-color);
border-radius: 100px;
margin-bottom: 20px;
}
.mptt-shortcode-wrapper .mptt-shortcode-event.mptt-event-vertical-middle .mptt-event-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container:hover .mptt-inner-event-content a{
color: var(--themeht-white-color);
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-title{
color: var(--themeht-secondary-color);
font-weight: 600;
} @keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translatex(-100%);
}
}
@-webkit-keyframes smoothScroll {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes smoothScroll {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes elastic1 {
0% {
transform: scale(1);
}
40% {
transform: scale(1.4);
}
55% {
transform: scale(1.27);
}
70% {
transform: scale(1.36);
}
85% {
transform: scale(1.31);
}
100% {
transform: scale(1.33);
}
}
@keyframes elastic1_sp {
0% {
transform: scale(0.75);
}
40% {
transform: scale(1.05);
}
55% {
transform: scale(0.95);
}
70% {
transform: scale(1.02);
}
85% {
transform: scale(0.98);
}
100% {
transform: scale(1);
}
}
@keyframes rotate {
100% {
transform: rotate(1turn);
}
}