.techza-text-slider-data {
display: flex !important;
align-items: center;
justify-content: center;
margin: 0 10px;
}
.techza-text-slider-data h3 {
font-weight: 700;
font-size: 30px;
letter-spacing: 2px;
display: inline-block;
margin: 0 15px;
color: #fff;
}
.techza-text-slider-icon {
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s;
}
.techza-text-slider-icon i,
.techza-text-slider-icon path {
transition: all 0.4s;
font-size: 30px;
} .techza-card-wrap {
border-radius: 10px;
padding: 20px;
transition: all 0.4s;
position: relative;
background: #201C2C;
}
.techza-card-thumb {
overflow: hidden;
border-radius: 10px;
}
.techza-portfolio-image {
overflow: hidden;
}
.techza-card-thumb img,
.techza-portfolio-image img {
width: 100%;
object-fit: cover;
object-position: center top;
transition: all 0.4s;
}
.techza-card-wrap:hover .techza-card-thumb img,
.techza-portfolio-item:hover .techza-portfolio-image img {
transform: scale(1.05) rotate(1deg);
}
.techza-card-data,
.techza-portfolio-content {
margin-top: 20px;
}
.techza-card-data h3,
.techza-portfolio-content h3 {
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #FFFFFF;
margin: 0 0 5px;
font-family: Inter, sans-serif;
}
.techza-card-data p,
.pf-pre-sale {
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
opacity: 0.4;
margin: 0;
}
.techza-card-footer,
.portfolio-content-bottom {
margin-top: 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
.techza-card-footer-data h4 {
font-weight: 700;
font-size: 20px;
line-height: 28px;
color: #FFFFFF;
margin: 0;
}
.techza-card-btn,
.portfolio-btn {
background: #70DFE6;
border-radius: 10px;
display: inline-block;
padding: 10px 24.4px;
font-weight: 700;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #13111A;
z-index: 0;
transition: all 0.4s;
position: relative;
}
.techza-card-wrap:hover .techza-card-btn {
color: #fff;
}
.techza-portfolio-item:hover .portfolio-btn {
color: #fff;
} .techza-btn {
font-size: 16px;
line-height: 24px;
border-radius: 10px;
padding: 15.5px 36px;
font-weight: 700;
font-family: Inter, sans-serif;
width: fit-content;
position: relative;
z-index: 1;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
min-width: 180px;
text-align: center;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
overflow: hidden;
}
.techza-btn.bg-gray {
color: #fff;
background-color: #26242C;
}
.techza-btn.active:before {
opacity: 1;
}
.techza-btn:before {
content: "";
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
transition: all .4s;
opacity: 0;
background: linear-gradient(225deg, #30FFC7 0%, #512FE7 100%)
}
.techza-btn:hover:before {
opacity: 1;
}
.techza-btn.active:hover:before {
width: 200%;
}
.techza-outline-btn {
padding: 2px;
border-radius: 10px;
display: inline-block;
color: #fff !important;
background: linear-gradient(225deg, #30FFC7 0%, #512FE7 100%)
}
.techza-outline-btn span {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
padding: 15.5px 38px;
border-radius: 10px;
background-color: #13111A;
transition: all .4s;
}
.techza-outline-btn:hover span {
background-color: transparent;
} .techza-text-slider-section {
padding: 22px 0;
overflow: hidden;
background: linear-gradient(225deg, #0080ff 0, #7d41ea 46.35%, #ff00d4 100%);
}
.techza-text-slider-data {
display: flex !important;
align-items: center;
justify-content: center;
margin: 0 10px;
flex-direction: row-reverse;
}
.techza-text-slider-data h3 {
font-weight: 700;
font-size: 30px;
letter-spacing: 2px;
display: inline-block;
margin: 0 15px;
color: #fff;
line-height: 36px;
}
@media (max-width: 600px) {
.techza-text-slider-data {
text-align: center;
display: block !important;
}
}
@media (max-width: 600px) {
.techza-text-slider-icon {
margin-bottom: 10px;
}
} .techza-nft-slider .slick-slide {
margin: 0 12px;
} .techza-hero-thumb {
transform: rotate(3deg);
padding-left: 150px;
}
@media (max-width: 1399px) {
.techza-hero-thumb {
padding-left: 50px;
}
}
@media (max-width: 1024px) {
.techza-hero-thumb {
padding-left: 0px;
transform: rotate(0deg);
}
}
.techza-footer-address li.elementor-icon-list-item {
display: flex;
} .fugo-counter-section .elementor-counter {
width: 250px;
height: 250px;
border: 1px solid #fff;
border-radius: 100%;
display: flex;
padding: 40px;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media (max-width: 1207px) {
.fugo-counter-section .elementor-counter {
width: 210px;
height: 210px;
padding: 20px;
}
} .techza-iconbox-border {
position: relative;
}
.techza-iconbox-border:before {
content: "";
top: 45px;
left: 50%;
width: calc(100% - 30%);
height: 1px;
position: absolute;
transform: translateX(-50%);
border: 1px dashed rgba(19, 17, 26, .1);
}
@media (max-width: 1023px) {
.techza-iconbox-border:before {
width: calc(100% - 50%);
}
}
@media (max-width: 767px) {
.techza-iconbox-border:before {
content: none;
}
} a.techza-portfolio-item.style-two {
position: relative;
overflow: hidden;
border-radius: 10px;
}
a.techza-portfolio-item.style-two:before {
content: "";
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: 1;
border-radius: 10px;
visibility: hidden;
position: absolute;
transition: all .4s;
background: linear-gradient(180deg, rgba(0, 38, 153, 0) 0%, #002699 100%);
}
a.techza-portfolio-item.style-two:hover:before {
opacity: 1;
visibility: visible;
}
.techza-portfolio-content.content-postion-on-image {
position: absolute;
left: 0;
bottom: 30px;
z-index: 1;
opacity: 0;
border-radius: 10px;
visibility: hidden;
transition: all .4s;
}
.style-two .techza-portfolio-content.content-postion-on-image {
opacity: 0;
left: 20px;
width: 100%;
bottom: 0;
margin: 0;
transition: all 0.4s;
visibility: hidden;
}
a.techza-portfolio-item.style-two:hover .techza-portfolio-content.content-postion-on-image {
opacity: 1;
bottom: 20px;
visibility: visible;
}
.style-two .portfolio-content-bottom {
display: block;
position: absolute;
top: 15px;
right: 0;
margin: 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s;
}
a.techza-portfolio-item.style-two:hover .portfolio-content-bottom{
opacity: 1;
right: 20px;
visibility: visible;
} a.techza-portfolio-item.style-three {
position: relative;
overflow: hidden;
}
a.techza-portfolio-item.style-three:before {
content: "";
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: 1;
visibility: hidden;
position: absolute;
transition: all .4s;
background: linear-gradient(180deg, rgba(0, 38, 153, 0) 0%, #002699 100%);
}
a.techza-portfolio-item.style-three:hover:before {
opacity: 1;
visibility: visible;
}
.style-three .techza-portfolio-content.content-postion-on-image {
transform: translate(-50%, -50%);
opacity: 0;
width: 100%;
top: 55%;
left: 50%;
margin: 0;
visibility: hidden;
text-align: center;
}
a.techza-portfolio-item.style-three:hover .techza-portfolio-content.content-postion-on-image {
opacity: 1;
top: 50%;
visibility: visible;
}
.style-three .portfolio-content-bottom {
margin-top: 20px;
justify-content: center;
} .style-two .testi-meta {
display: flex;
align-items: center;
}
.style-two .testi-image {
flex-shrink: 0;
} .coming-soong-page .mas-addons-countdown li {
width: 200px;
height: 200px;
display: flex !important;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media (max-width: 1023px) {
.coming-soong-page .mas-addons-countdown li {
width: 170px;
height: 170px;
}
}
.coming-soong-page .mas-addons-countdown li:nth-child(2),
.coming-soong-page .mas-addons-countdown li:nth-child(3),
.coming-soong-page .mas-addons-countdown li:nth-child(4) {
margin-left: -30px;
}
@media (max-width: 767px) {
.coming-soong-page .mas-addons-countdown {
justify-content: center;
}
.coming-soong-page .mas-addons-countdown li:nth-child(2),
.coming-soong-page .mas-addons-countdown li:nth-child(3),
.coming-soong-page .mas-addons-countdown li:nth-child(4) {
margin-left: 0;
}
} .techza-t-infinite-slider-wrap{
transition: all 0.4s;
}
.techza-t-infinite-slider-author-wrap {
display: flex;
align-items: center;
}
.techza-t-infinite-slider-author {
flex-shrink: 0;
}
.techza-t-infinite-slider-author img {
object-fit: cover;
margin-right: 15px;
object-position: center top;
}
.techza-testimonial-infinite-slider .slick-slide {
margin: 0 12px;
}
@media (max-width: 767px) {
.techza-testimonial-infinite-slider .slick-slide {
margin: 0;
}
}
.techza-testimonial-infinite-slider .slick-dots {
position: static;
} .card-slider-arrow .slick-prev,
.card-slider-arrow .slick-next {
left: -75px;
top: 50%;
z-index: 9;
position: absolute;
transform: translateY(-50%);
}
@media (max-width: 767px) {
.card-slider-arrow .slick-prev,
.card-slider-arrow .slick-next {
display: none;
}
}
.card-slider-arrow button {
width: 60px;
height: 60px;
color: #201C2C;
font-size: 20px;
cursor: pointer;
border-radius: 100%;
background-size: 10px;
background-position: center;
background-repeat: no-repeat;
background-color: #FFFFFF;
border: 5px solid #13111A;
transition: all 0.4s;
}
.card-slider-arrow .slick-next {
left: auto;
right: -75px;
}
.card-slider-arrow .slick-prev:before,
.card-slider-arrow .slick-next:before {
content: none;
} .techza-slider-item{
z-index: 0;
position: relative;
background-size: cover;
background-position: center;
}
.techza-slider-item:before{
content: '';
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
mix-blend-mode: multiply;
background-color: rgba(18, 104, 251, 0.6);
}
.techza-hero-content {
width: 840px;
margin: 0 auto;
}
.hero-slider-arrow .slick-prev,
.hero-slider-arrow .slick-next {
left: 150px;
top: 60%;
z-index: 9;
position: absolute;
transform: translateY(-50%);
}
.hero-slider-arrow .slick-next {
left: auto;
right: 150px;
}
@media (max-width: 1300px) {
.hero-slider-arrow .slick-prev,
.hero-slider-arrow .slick-next {
left: 30px;
}
.hero-slider-arrow .slick-next {
left: auto;
right: 30px;
}
}
@media (max-width: 767px) {
.hero-slider-arrow .slick-prev,
.hero-slider-arrow .slick-next {
display: none!important;
}
}
.hero-slider-arrow button {
width: 50px;
height: 50px;
color: #201C2C;
font-size: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
background-position: center;
background-repeat: no-repeat;
background-color: rgba(255, 255, 255, 0.3);
transition: all 0.4s;
}
.hero-slider-arrow .slick-prev:before,
.hero-slider-arrow .slick-next:before {
content: none;
}
.hero-slider-arrow .slick-prev:hover, 
.hero-slider-arrow .slick-prev:focus, 
.hero-slider-arrow .slick-next:hover, 
.hero-slider-arrow .slick-next:focus{
background-color: rgba(255, 255, 255, 0.3);
} .techza-t-slider-wrap {
margin: 0 110px;
}
@media (max-width: 1199px) {
.techza-t-slider-wrap {
margin: 0 60px;
}
}
.techza-t-author img{
margin: 0 auto;
}
.t-slider-arrow  button{
display: flex;
align-items: center;
justify-content: center;
}
.t-slider-arrow .slick-prev,
.t-slider-arrow .slick-next {
left: 0;
top: 50%;
z-index: 9;
position: absolute;
transform: translateY(-50%);
}
.t-slider-arrow .slick-next {
left: auto;
right: 0;
}
.t-slider-arrow .slick-prev:before,
.t-slider-arrow .slick-next:before {
content: none;
}
.t-slider-arrow .slick-prev:hover, 
.t-slider-arrow .slick-prev:focus, 
.t-slider-arrow .slick-next:hover, 
.t-slider-arrow .slick-next:focus{
background-color: rgba(255, 255, 255, 0.3);
}
.techza-t-slider .slick-slide{
margin: 0 12px;
}
@media (max-width: 767px) {
.t-slider-arrow .slick-prev,
.t-slider-arrow .slick-next {
display: none!important;
}
.techza-t-slider-wrap {
margin: 0px;
}
} .techza-portfolio-slider .slick-slide{
margin: 0 10px;
}
.portfolio-slider-arrows  button{
display: flex;
align-items: center;
justify-content: center;
}
.portfolio-slider-arrows .slick-prev,
.portfolio-slider-arrows .slick-next {
left: 0;
top: 50%;
z-index: 9;
position: absolute;
transform: translateY(-50%);
}
.portfolio-slider-arrows .slick-next {
left: auto;
right: 0;
}
.portfolio-slider-arrows .slick-prev:before,
.portfolio-slider-arrows .slick-next:before {
content: none;
}
@media (max-width: 767px) {
.portfolio-slider-arrows .slick-prev,
.portfolio-slider-arrows .slick-next {
display: none!important;
}
}
.techza-portfolio-slider-wrap {
margin: 0 100px;
}
@media (max-width: 991px) {
.techza-portfolio-slider-wrap {
margin: 0 70px;
}
}
@media (max-width: 767px) {
.techza-portfolio-slider-wrap {
margin: 0px;
}
}
.techza-portfolio-thumb {
position: relative;
}
.techza-portfolio-data {
position: absolute;
bottom: 20px;
width: calc(100% - 40px);
left: 20px;
}
@media (max-width: 1024px) {
.blog-breadcrumb {
padding: 170px 0 75px;
}
}
@media (max-width: 767px) {
.blog-breadcrumb {
padding: 130px 0 55px;
}
} .content-block, 
.blog-content-row  {
padding-top: 120px;
padding-bottom: 110px;
z-index: 1;
}
.blog-content-row {
border-bottom: 1px solid rgba(1, 14, 55, 0.1);
}