.tp_templates_add_button {
background: #e3e3e3;
}
.liteTemplateLibrary_filter-tags li {
color: #000;
}.tp_templates_add_button {
background: #e3e3e3;
padding: 3px !important;
}
.liteTemplateLibrary_filter-tags li {
color: #000;
}
#liteTemplateLibrary_template-preview-thumbnail body img {
width: 100%;
height: auto;
}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about-area {
padding-top: 80px;
padding-bottom: 80px;
}
}
.tp-about-wrap {
margin-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about-wrap {
margin-left: 0;
}
}
.tp-about-text p {
font-weight: 600;
font-size: 50px;
line-height: 1.2;
margin-right: 60px;
margin-bottom: 80px;
letter-spacing: -0.06em;
color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-about-text p {
font-size: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-about-text p {
font-size: 38px;
}
}
@media (max-width: 767px) {
.tp-about-text p {
font-size: 30px;
}
.tp-about-text p br {
display: none;
}
}
.tp-about-thumb {
height: 415px;
width: 315px;
overflow: hidden;
margin-left: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about-thumb {
margin-left: 0;
}
}
@media (max-width: 767px) {
.tp-about-thumb {
width: 100%;
}
}
.tp-about-thumb img {
width: 100%;
margin-top: -100px;
}
.tp-about-funcact-wrap {
margin-top: 25px;
margin-left: 60px;
}
@media (max-width: 767px) {
.tp-about-funcact-wrap {
margin-left: 0;
}
}
.tp-about-funcact-item span {
font-weight: 400;
font-size: 70px;
line-height: 1;
margin-bottom: 17px;
display: inline-block;
letter-spacing: -0.04em;
}
.tp-about-funcact-item span i {
font-style: normal;
}
.tp-about-funcact-item p {
line-height: 1.33;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-about-funcact-item p {
font-size: 16px;
}
.tp-about-funcact-item p br {
display: none;
}
}
.tp-about-avater-info {
margin-bottom: 38px;
padding-bottom: 33px;
border-bottom: 1px solid var(--tp-border-2);
}
.tp-about-avater-info img {
margin-bottom: 18px;
}
.tp-about-avater-info p {
line-height: 1.44;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-about-avater-info p {
font-size: 17px;
}
.tp-about-avater-info p br {
display: none;
}
}
@media (max-width: 767px) {
.tp-about-avater-info p br {
display: none;
}
}
.tp-about-shape-1 {
position: absolute;
bottom: 0;
left: 0;
}
.tp-about-shape-1 img {
animation: rotate2 5s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about-title-box {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.tp-about-us-area {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-about-us-2-ptb {
padding-top: 150px;
}
}
@media (max-width: 767px) {
.tp-about-us-2-ptb {
padding-top: 130px;
}
}
.tp-about-us-2-line {
padding-bottom: 20px;
}
.tp-about-us-2-line img {
position: absolute;
left: 0;
right: 0;
width: 100%;
margin: 0 auto;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-about-us-2-top {
padding: 0 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about-us-2-top {
display: none;
}
}
.tp-about-us-2-text p {
position: relative;
font-size: 14px;
font-weight: 500;
padding-left: 10px;
margin-bottom: 5px;
display: inline-block;
text-transform: uppercase;
color: rgba(33, 33, 45, 0.5);
font-family: var(--tp-ff-clash-medium);
}
.tp-about-us-2-text p::before {
position: absolute;
content: "";
height: 3px;
width: 3px;
left: 0;
top: 10px;
border-radius: 50%;
background-color: rgba(33, 33, 45, 0.5);
}
.tp-about-us-2-wrap {
position: relative;
padding: 30px;
border: 1px solid rgba(34, 34, 34, 0.08);
}
@media (max-width: 767px) {
.tp-about-us-2-wrap {
border: none;
padding: 0;
}
}
.tp-about-us-2-wrap::after {
position: absolute;
content: "";
width: 1px;
height: 100%;
top: 0;
left: 50%;
transform: translateX(-50%);
background-color: rgba(34, 34, 34, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about-us-2-wrap::after {
content: none;
}
}
.tp-about-us-2-thumb {
padding: 70px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about-us-2-thumb {
padding: 30px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about-us-2-thumb img {
width: 100%;
}
}
.tp-about-us-2-thumb-shape .shape-1 {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-about-us-2-thumb-shape .shape-1 {
left: -8px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about-us-2-thumb-shape .shape-1 {
display: none;
}
}
.tp-about-us-2-thumb-shape .shape-2 {
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-about-us-2-thumb-shape .shape-2 {
right: -8px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about-us-2-thumb-shape .shape-2 {
display: none;
}
}
.tp-about-us-2-right {
height: 100%;
padding-left: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-about-us-2-right {
padding-left: 0;
}
}
@media (max-width: 767px) {
.tp-about-us-2-right {
padding-left: 20px;
}
}
.tp-about-us-2-right-shape {
position: absolute;
top: 0;
right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about-us-2-right-shape {
display: none;
}
}
.tp-about-us-2-text-title {
font-size: 16px;
font-weight: 500;
padding: 5px 25px;
margin-right: 6px;
border-radius: 130px;
display: inline-block;
letter-spacing: -0.32px;
color: rgba(33, 33, 45, 0.7);
border: 1px solid rgba(33, 33, 45, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about-us-2-btn {
padding-bottom: 50px;
}
}
.tp-about-us-2-btn a {
font-size: 16px;
font-weight: 500;
padding: 5px 25px;
margin-right: 6px;
border-radius: 130px;
display: inline-block;
letter-spacing: -0.32px;
color: rgba(33, 33, 45, 0.7);
border: 1px solid rgba(33, 33, 45, 0.1);
}
.tp-about-us-2-btn a:hover {
color: var(--tp-common-white);
background-color: var(--tp-common-black);
}
.tp-about-us-2-subtitle {
font-size: 30px;
font-weight: 700;
margin-bottom: 10px;
display: inline-block;
letter-spacing: -0.9px;
text-transform: uppercase;
color: var(--tp-common-red);
font-family: var(--tp-ff-clash-semibold);
}
@media (max-width: 767px) {
.tp-about-us-2-subtitle {
font-size: 20px;
letter-spacing: 0;
margin-bottom: 20px;
}
}
.tp-about-us-2-title {
font-size: 200px;
font-weight: 700;
line-height: 0.75;
letter-spacing: -6px;
text-transform: uppercase;
color: var(--tp-common-red);
font-family: var(--tp-ff-clash-semibold);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-about-us-2-title {
font-size: 170px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-about-us-2-title {
font-size: 115px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-about-us-2-title {
font-size: 100px;
}
}
@media (max-width: 767px) {
.tp-about-us-2-title {
font-size: 70px;
letter-spacing: -1px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-about-us-2-title {
font-size: 100px;
letter-spacing: -1px;
}
}
.des-about-text p {
font-weight: 400;
font-size: 75px;
line-height: 1;
letter-spacing: 1px;
color: var(--tp-common-cream);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.des-about-text p {
font-size: 65px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.des-about-text p {
font-size: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.des-about-text p {
font-size: 60px;
}
}
@media (max-width: 767px) {
.des-about-text p {
font-size: 50px;
}
}
.des-about-text p span {
color: #FB4566;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.des-about-area {
padding-bottom: 160px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.des-about-area {
padding-bottom: 150px;
}
}
@media (max-width: 767px) {
.des-about-area {
padding-bottom: 110px;
}
}
@media (max-width: 767px) {
.des-about-inner-ptb {
padding-bottom: 0;
}
}
.dgm-about-thumb-1 {
position: absolute;
bottom: 0;
right: 0;
box-shadow: 0 20px 30px 0 rgba(20, 20, 20, 0.12);
}
@media (max-width: 767px) {
.dgm-about-thumb-1 {
position: static;
margin-top: 30px;
width: 100%;
}
}
.dgm-about-thumb-wrap {
margin-left: 80px;
padding-bottom: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dgm-about-thumb-wrap {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dgm-about-thumb-wrap {
margin-left: 0;
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.dgm-about-thumb-wrap {
margin-left: 0;
padding-bottom: 40px;
}
}
.dgm-about-content {
padding-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.dgm-about-content {
padding-left: 0;
}
}
.dgm-about-content p {
font-weight: 400;
font-size: 18px;
line-height: 1.56;
margin-bottom: 45px;
padding-right: 60px;
letter-spacing: -0.01em;
color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dgm-about-content p {
padding-right: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dgm-about-content p {
font-size: 17px;
padding-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.dgm-about-content p {
padding-right: 0;
}
}
.dgm-about-review {
padding-right: 25px;
margin-right: 25px;
padding-top: 12px;
position: relative;
}
.dgm-about-review::after {
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 80px;
content: "";
background-color: rgba(20, 20, 20, 0.1);
}
.dgm-about-review-box {
border-top: 1px solid rgba(20, 20, 20, 0.1);
}
.dgm-about-review h4 {
font-weight: 700;
font-size: 44px;
line-height: 1;
margin-bottom: 0;
letter-spacing: -0.04em;
color: var(--tp-common-black);
font-family: var(--tp-ff-grotesk);
}
.dgm-about-review span {
font-weight: 400;
font-size: 15px;
line-height: 1;
letter-spacing: -0.03em;
color: var(--tp-common-black);
}
.dgm-about-ratting {
padding-top: 18px;
}
.dgm-about-ratting h4 {
font-weight: 500;
font-size: 14px;
line-height: 1;
margin-bottom: 7px;
letter-spacing: -0.02em;
color: var(--tp-common-black);
}
.dgm-about-ratting-icon span {
height: 26px;
width: 26px;
line-height: 22px;
text-align: center;
display: inline-block;
color: var(--tp-common-white);
background-color: var(--tp-common-black);
}
.dgm-about-right {
margin-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.dgm-about-right {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.creative-about-area {
padding-top: 80px;
padding-bottom: 80px;
}
}
.creative-about-text p {
font-weight: 600;
font-size: 44px;
line-height: 1.18;
margin-bottom: 40px;
letter-spacing: -0.03em;
color: var(--tp-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.creative-about-text p {
font-size: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.creative-about-text p {
font-size: 35px;
}
}
@media (max-width: 767px) {
.creative-about-text p {
font-size: 29px;
}
}
.creative-about-text p span {
padding-left: 150px;
display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.creative-about-text p span {
padding-left: 0;
}
}
.creative-brand-item {
text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.studio-about-area {
padding-top: 120px;
}
}
@media (max-width: 767px) {
.studio-about-area {
padding-top: 60px;
padding-bottom: 100px;
}
}
.studio-about-wrap {
padding-left: 195px;
}
@media only screen and (min-width: 1701px) and (max-width: 1800px) {
.studio-about-wrap {
padding-left: 160px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.studio-about-wrap {
padding-left: 60px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.studio-about-wrap {
padding-left: 0;
}
}
.studio-about-title-box {
padding-left: 110px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.studio-about-title-box {
padding-left: 0;
}
}
@media (max-width: 767px) {
.studio-about-title-box {
margin-bottom: 40px;
}
}
.studio-about-content {
padding-left: 45px;
padding-bottom: 150px;
padding-right: 90px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.studio-about-content {
padding-right: 55px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.studio-about-content {
padding-left: 30px;
padding-bottom: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.studio-about-content {
padding-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.studio-about-content {
padding-left: 0;
padding-bottom: 0;
padding-right: 0;
}
}
.studio-about-content p {
font-weight: 500;
font-size: 20px;
line-height: 1.4;
color: #f9f4e8;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.studio-about-content p {
font-size: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.studio-about-content p {
font-size: 16px;
}
.studio-about-content p br {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.studio-about-content p {
font-size: 18px;
}
}
@media (max-width: 767px) {
.studio-about-content p {
font-size: 19px;
}
}
.studio-about-content.about-us-2 p {
color: var(--tp-common-black-10);
}
.studio-about-thumb.thumb-1 {
height: 580px;
width: 460px;
overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.studio-about-thumb.thumb-1 {
width: 100%;
height: 400px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.studio-about-thumb.thumb-1 {
width: 100%;
height: 300px;
}
}
@media (max-width: 767px) {
.studio-about-thumb.thumb-1 {
height: 300px;
width: 100%;
margin-bottom: 30px;
}
}
.studio-about-thumb.thumb-1 img {
margin-top: -20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ai-about-area {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ai-about-area {
padding-bottom: 0px;
}
}
.ai-about-thumb {
position: relative;
}
.ai-about-thumb.thumb-1 {
margin-top: 190px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ai-about-thumb.thumb-1 {
margin-top: 0;
margin-right: 20px;
}
}
.ai-about-thumb.thumb-2 {
margin-left: -190px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ai-about-thumb.thumb-2 {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ai-about-thumb-box {
margin-bottom: 30px;
}
}
.ai-about-thumb.tp--hover-img canvas {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
.ai-about-thumb img {
width: 100%;
display: block;
object-fit: cover;
}
.ai-about-right {
margin-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ai-about-right {
margin-left: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ai-about-right {
margin-left: 0px;
}
}
.ai-about-title-box p {
font-weight: 400;
font-size: 18px;
line-height: 1.56;
color: var(--tp-common-white);
}
.ai-about-list ul li {
position: relative;
padding-left: 90px;
list-style-type: none;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.ai-about-list ul li {
padding-left: 75px;
}
}
.ai-about-list ul li > span {
position: absolute;
top: -16px;
left: 0;
line-height: 1;
}
.ai-about-list ul li > span > span {
position: relative;
display: inline-block;
line-height: 1;
}
.ai-about-list ul li > span > span i {
height: 60px;
width: 60px;
transition: 0.3s;
text-align: center;
border-radius: 50%;
display: inline-block;
background-color: #221939;
}
.ai-about-list ul li > span > span svg {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
color: var(--tp-common-cream-2);
transition: 0.3s;
}
.ai-about-list ul li p {
font-weight: 600;
font-size: 20px;
line-height: 1.2;
color: var(--tp-common-white);
}
@media (max-width: 767px) {
.ai-about-list ul li p {
font-size: 17px;
}
}
.ai-about-list ul li:hover span span i {
transform: scale(1.1);
background-color: var(--tp-common-cream-2);
}
.ai-about-list ul li:hover span span svg {
color: var(--tp-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ar-about-area {
padding-top: 80px;
padding-bottom: 80px;
}
}
.ar-about-thumb {
margin-left: 130px;
display: inline-block;
height: 500px;
width: 400px;
overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ar-about-thumb {
margin-left: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.ar-about-thumb {
margin-left: 0;
width: auto;
}
}
@media (max-width: 767px) {
.ar-about-thumb {
margin-left: 0;
width: auto;
margin-bottom: 40px;
}
}
.ar-about-thumb img {
margin-top: -60px;
}
.ar-about-shape {
position: absolute;
bottom: 0;
left: -62%;
z-index: -1;
max-width: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ar-about-shape {
left: 0;
}
}
.ar-about-title-sm {
font-weight: 400;
font-size: 36px;
line-height: 1.17;
margin-bottom: 15px;
letter-spacing: -0.04em;
color: var(--tp-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ar-about-title-sm {
font-size: 33px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ar-about-title-sm {
font-size: 32px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ar-about-title-sm {
font-size: 27px;
}
}
@media (max-width: 767px) {
.ar-about-title-sm {
font-size: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ar-about-title-wrap {
margin-bottom: 0;
}
}
.ar-about-content {
margin-bottom: 40px;
padding-right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ar-about-content {
padding-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ar-about-content {
margin-top: 40px;
}
}
.ar-about-content p {
font-weight: 400;
font-size: 18px;
line-height: 1.44;
margin-right: 80px;
margin-bottom: 40px;
letter-spacing: -0.01em;
color: rgba(20, 20, 20, 0.6);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ar-about-content p {
margin-right: 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ar-about-content p {
margin-right: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ar-about-content p {
font-size: 17px;
}
}
.ar-about-exp-box {
margin-left: -30px;
padding: 30px;
background-position: bottom;
background-repeat: no-repeat;
display: inline-block;
border: 1px solid rgba(20, 20, 20, 0.06);
border-top: 4px solid var(--tp-common-red-2);
}
@media (max-width: 767px) {
.ar-about-exp-box {
width: 100%;
}
}
.ar-about-exp-box span {
font-size: 15px;
line-height: 1.2;
margin-bottom: 17px;
display: inline-block;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--tp-common-red-2);
font-family: var(--tp-ff-clash-medium);
}
.ar-about-exp-box h4 {
font-size: 160px;
line-height: 0.69;
margin-bottom: 0;
text-transform: uppercase;
color: var(--tp-common-red-2);
font-family: var(--tp-ff-clash-semibold);
}
.ar-about-us-4-hero-ptb {
padding-top: 195px;
padding-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ar-about-us-4-hero-ptb {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ar-about-us-4-hero-ptb {
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.ar-about-us-4-hero-ptb {
padding-top: 150px;
}
}
.ar-about-us-4-hero-ptb.pb-70 {
padding-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ar-about-us-4-hero-ptb.pb-70 {
padding-bottom: 40px;
}
}
.ar-about-us-4-title {
color: #111013;
font-size: 100px;
font-weight: 800;
line-height: 1;
margin-bottom: 50px;
letter-spacing: -4px;
text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ar-about-us-4-title {
font-size: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ar-about-us-4-title {
font-size: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ar-about-us-4-title-box {
flex-wrap: wrap;
justify-content: start !important;
}
}
.ar-about-us-4-title-box p {
color: #111013;
font-size: 18px;
font-weight: 400;
line-height: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ar-about-us-4-title-box p br {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ar-about-us-4-title-box p {
padding-top: 20px;
}
}
.ar-about-us-4-title-box .tp-section-subtitle {
margin-right: 15px;
}
.ar-about-us-4-title-box .ar-about-us-4-icon {
margin-right: 75px;
}
.ar-about-us-4-shape {
position: absolute;
top: 31%;
right: 10%;
}
@media (max-width: 767px) {
.ar-about-us-4-shape {
display: none;
}
}
.ar-about-us-4-text-warp.title-black-color .ar-about-us-4-text-title {
color: #111013;
}
.ar-about-us-4-text-title {
font-size: 200px;
font-weight: 800;
letter-spacing: -8px;
text-transform: uppercase;
color: rgba(249, 244, 232, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ar-about-us-4-text-title {
font-size: 145px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ar-about-us-4-text-title {
font-size: 90px;
letter-spacing: -5px;
}
}
.ar-about-funfact-color .crp-hero-funfact-line {
background-color: var(--tp-common-red-3);
}
.ar-about-funfact-color .crp-hero-funfact-line::before {
background-color: var(--tp-common-red-3);
}
.ar-about-funfact-top-content h4 {
font-size: 34px;
font-weight: 800;
line-height: 36px;
margin-bottom: 35px;
letter-spacing: -0.68px;
text-transform: uppercase;
color: var(--tp-common-white);
}
.ar-about-funfact-item:not(:last-of-type) {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ar-about-funfact-item-icon {
margin-right: 10px;
}
.ar-about-funfact-item-icon span {
display: grid;
height: 54px;
width: 54px;
border-radius: 50%;
place-content: center;
border: 1px solid rgba(255, 255, 255, 0.14);
}
.ar-about-funfact-item-content p {
margin: 0;
font-size: 13px;
font-weight: 500;
margin-bottom: 3px;
color: var(--tp-common-white);
}
.ar-about-funfact-item-content a {
font-size: 18px;
font-weight: 700;
color: var(--tp-common-white);
}
.ar-about-funfact-item-bottom p {
font-size: 13px;
font-weight: 500;
line-height: 1;
color: rgba(255, 255, 255, 0.7);
}
.ar-about-funfact-item-bottom p span {
font-weight: 600;
color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.crp-about-area {
padding-top: 80px;
}
}
@media (max-width: 767px) {
.crp-about-area {
padding-top: 80px;
padding-bottom: 80px;
}
}
.crp-about-exp {
height: 250px;
width: 250px;
border-radius: 50%;
display: inline-block;
background-color: #FFEB53;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.crp-about-exp {
height: 155px;
width: 155px;
display: grid;
margin-bottom: 20px;
place-content: center;
}
}
.crp-about-exp-item span {
font-weight: 600;
font-size: 250px;
line-height: 0.5;
color: #2A4C3A;
margin-top: 35px;
margin-bottom: 10px;
display: inline-block;
letter-spacing: -0.02em;
font-family: var(--tp-ff-teko);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.crp-about-exp-item span {
font-size: 80px;
margin-top: 0;
margin-bottom: 0;
}
}
.crp-about-exp-item i {
display: block;
font-weight: 500;
font-size: 28px;
line-height: 0.86;
color: #17312f;
font-style: normal;
font-family: var(--tp-ff-teko);
}
.crp-about-btn-box {
flex: 0 0 auto;
margin-right: 80px;
margin-top: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.crp-about-btn-box {
margin-right: 40px;
}
}
@media (max-width: 767px) {
.crp-about-btn-box {
margin-right: 0;
margin-bottom: 20px;
}
}
.crp-about-text p {
max-width: 345px;
font-weight: 500;
font-size: 18px;
line-height: 1.56;
color: rgba(255, 255, 230, 0.8);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.crp-about-text p {
max-width: 100%;
font-size: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.crp-about-text p {
max-width: 100%;
font-size: 16px;
}
}
.crp-about-right {
padding-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.crp-about-right {
padding-left: 0;
}
}
@media (max-width: 767px) {
.crp-about-right .tp-section-title-teko {
margin-bottom: 20px;
}
}
.crp-about-shape {
position: absolute;
top: -16%;
left: 13%;
z-index: -1;
}
@media (max-width: 767px) {
.crp-about-bottom-wrap {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.crp-about-left .tp-section-subtitle-teko {
margin-bottom: 20px;
}
}
.crp-about-3-hero-ptb {
padding-top: 245px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.crp-about-3-hero-ptb {
padding-top: 200px;
}
}
.crp-about-3-funfact {
padding-top: 65px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.crp-about-3-funfact {
padding-top: 0;
}
}
@media (max-width: 767px) {
.it-about-ptb {
padding-top: 100px;
padding-bottom: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.it-about-title-box {
margin-bottom: 50px;
}
}
.it-about-title-box p {
font-weight: 400;
font-size: 18px;
line-height: 1.44;
color: #61616a;
margin-bottom: 45px;
padding-right: 40px;
}
.it-about-thumb img {
border-radius: 12px;
max-width: inherit;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.it-about-thumb img {
max-width: 100%;
}
}
.it-about-thumb img.img-2 {
margin-left: -150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.it-about-thumb img.img-2 {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.it-about-thumb img.img-2 {
margin-bottom: 60px;
}
}
.it-about-thumb-inner {
width: 360px;
height: 500px;
overflow: hidden;
border-radius: 12px;
}
.it-about-thumb-inner img {
margin-top: -100px;
margin-left: -100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.it-about-thumb-inner img {
margin-left: 0;
margin-top: 0;
}
}
.it-about-info-wrap {
position: absolute;
display: grid;
top: 15%;
right: -40%;
z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.it-about-info-wrap {
right: 0;
}
}
@media (max-width: 767px) {
.it-about-info-wrap {
display: none;
}
}
.it-about-info-item {
padding: 28px;
margin: 6px 0;
padding-right: 50px;
border-radius: 12px;
display: inline-block;
background: #cdfaa4;
box-shadow: inset 0 20px 40px 0 rgba(255, 255, 255, 0.45);
}
.it-about-info-item i {
font-weight: 500;
font-size: 60px;
line-height: 0.7;
font-style: normal;
margin-right: 20px;
color: var(--tp-common-black-10);
font-family: var(--tp-ff-platform);
}
.it-about-info-item p {
font-weight: 500;
font-size: 17px;
margin-bottom: 0;
line-height: 1.35;
color: var(--tp-common-black-10);
}
.it-about-shape-1 {
position: absolute;
bottom: 0;
left: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.it-about-shape-1 {
bottom: -7%;
}
}
.it-about-shape-2 {
position: absolute;
top: -5%;
right: 0;
z-index: 2;
}
@media (max-width: 767px) {
.it-about-shape-2 {
display: none;
}
}
@media (max-width: 767px) {
.st-about-ptb {
padding-top: 100px;
padding-bottom: 100px;
}
}
.st-about-shape {
position: absolute;
bottom: 20%;
left: 10%;
}
@media (max-width: 767px) {
.st-about-shape {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.st-about-wrap {
padding-left: 0;
padding-bottom: 40px;
}
}
.st-about-title {
font-size: 36px;
font-weight: 600;
line-height: 48px;
letter-spacing: -0.36px;
color: var(--tp-common-brown);
font-family: var(--tp-ff-poppins);
}
@media (max-width: 767px) {
.st-about-title {
font-size: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
.st-about-title br {
display: none;
}
}
.st-about-card {
padding: 40px;
width: 375px;
border-radius: 15px;
background-color: var(--tp-common-white);
}
@media (max-width: 767px) {
.st-about-card {
width: 100%;
}
}
.st-about-card-tag span {
color: #494949;
font-size: 17px;
font-weight: 400;
border-radius: 16px;
padding: 2px 11px;
display: inline-block;
letter-spacing: -0.34px;
text-transform: uppercase;
border: 1px solid rgba(69, 48, 48, 0.15);
}
.st-about-card-btn a {
width: 36px;
height: 36px;
display: grid;
border-radius: 50%;
place-content: center;
color: var(--tp-common-white);
background-color: var(--tp-common-brown);
}
.st-about-card-bottom span {
font-size: 18px;
font-weight: 600;
line-height: 24px;
display: inline-block;
letter-spacing: -0.36px;
text-transform: uppercase;
color: var(--tp-common-brown);
font-family: var(--tp-ff-poppins);
}
.st-about-card-thumb img {
animation: roteted 6s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.st-about-box {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.st-about-box .tp-about-funcact-wrap {
margin-left: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.st-about-box .tp-about-funcact-wrap .tp-about-avater-info p br {
display: none;
}
}
.st-about-box .tp-about-funcact-item span {
font-weight: 600;
color: var(--tp-common-brown);
}
.st-about-box .tp-about-avater-info {
border-color: rgba(69, 48, 48, 0.15);
}
.st-about-thumb-box img {
border-radius: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pp-about-ptb {
padding-top: 120px;
padding-bottom: 120px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-about-ptb {
padding-top: 100px;
padding-bottom: 100px;
}
}
.pp-about-shape {
position: absolute;
right: 0;
bottom: 30%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-about-shape {
bottom: 0;
}
}
@media (max-width: 767px) {
.pp-about-shape {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.pp-about-shape {
display: block;
}
}
.pp-about-left {
padding-left: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-about-left {
padding-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-about-left {
padding-bottom: 30px;
}
}
.pp-about-wrap {
padding-left: 115px;
display: flex;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-about-wrap {
padding-left: 0;
}
}
@media (max-width: 767px) {
.pp-about-heading {
padding-bottom: 35px;
}
}
.pp-about-bottom-btn {
margin-right: 45px;
}
@media (max-width: 767px) {
.pp-about-bottom-btn {
margin-right: 30px;
}
}
.pp-about-bottom-btn a span {
height: 66px;
width: 40px;
display: grid;
place-content: center;
text-align: center;
border-radius: 30px;
color: var(--tp-common-white);
display: inline-block;
border: 1px solid rgba(222, 213, 191, 0.1);
}
.pp-about-bottom-btn a span svg {
-webkit-animation: scroll_anim 3s infinite;
animation: scroll_anim 3s infinite;
}
.pp-about-content p {
font-size: 20px;
font-weight: 500;
margin-bottom: 40px;
color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.pp-about-content p {
font-size: 18px;
}
}
@media (max-width: 767px) {
.pp-about-content p {
font-size: 16px;
}
}
@media (max-width: 767px) {
.pp-about-content p br {
display: none;
}
}
.pp-about-me-ptb {
padding-top: 210px;
}
@media (max-width: 767px) {
.pp-about-me-ptb {
padding-top: 170px;
}
}
.pp-about-me-shape .shape-left {
position: absolute;
bottom: -100%;
left: 15%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.pp-about-me-shape .shape-left {
left: 7%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pp-about-me-shape .shape-left {
left: 2px;
bottom: -72%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pp-about-me-shape .shape-left {
left: 0;
bottom: -52%;
}
}
@media (max-width: 767px) {
.pp-about-me-shape .shape-left {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pp-about-me-shape .shape-left img {
max-width: 85%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pp-about-me-shape .shape-left img {
max-width: 75%;
}
}
.pp-about-me-shape .shape-right {
position: absolute;
bottom: -100%;
right: 9%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.pp-about-me-shape .shape-right {
right: 0%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pp-about-me-shape .shape-right {
right: -5%;
bottom: -69%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pp-about-me-shape .shape-right {
right: -10%;
bottom: -48%;
}
}
@media (max-width: 767px) {
.pp-about-me-shape .shape-right {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pp-about-me-shape .shape-right img {
max-width: 85%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pp-about-me-shape .shape-right img {
max-width: 75%;
}
}
.pp-about-me-title {
margin: 0;
line-height: 0.4;
font-size: 280px;
font-weight: 600;
white-space: nowrap;
letter-spacing: -14px;
font-family: var(--tp-ff-teko);
color: var(--tp-common-yellow-1);
}
@media only screen and (min-width: 1701px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px) {
.pp-about-me-title {
font-size: 220px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.pp-about-me-title {
font-size: 200px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.pp-about-me-title {
font-size: 180px;
letter-spacing: -8px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pp-about-me-title {
font-size: 150px;
letter-spacing: -6px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pp-about-me-title {
font-size: 110px;
letter-spacing: -4px;
}
}
@media (max-width: 767px) {
.pp-about-me-title {
font-size: 100px;
letter-spacing: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-about-me-hero-left {
padding-top: 50px;
padding-bottom: 70px;
}
}
@media (max-width: 767px) {
.pp-about-me-hero-left {
padding-top: 30px;
padding-bottom: 20px;
}
}
.pp-about-me-hero-left a {
display: inline-block;
margin-bottom: 20px;
}
.pp-about-me-hero-left .pp-hero-text {
margin-bottom: 25px;
display: inline-block;
text-transform: inherit;
}
.pp-about-me-hero-left p {
margin: 0;
font-size: 16px;
font-weight: 500;
line-height: 1;
padding-left: 25px;
position: relative;
color: var(--tp-common-white);
}
.pp-about-me-hero-left p::before {
position: absolute;
content: "";
top: 6px;
left: 0px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--tp-common-yellow-1);
}
.pp-about-me-hero-left p::after {
position: absolute;
content: "";
top: 0px;
left: -6px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: rgba(255, 246, 105, 0.1);
animation: animate-pulse-2 3s linear infinite;
}
.pp-about-me-thumb {
margin-left: -185px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-about-me-thumb {
margin-left: 0;
}
}
.pp-about-me-thumb img {
max-width: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-about-me-thumb img {
max-width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-about-me-social {
padding-top: 0;
}
}
.pp-about-me-social .tp-footer-widget-social a {
background-color: transparent;
color: var(--tp-common-white);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.pp-about-me-social .tp-footer-widget-social a:hover {
color: #2F1F19;
background-color: var(--tp-common-white);
}
.pp-about-me-skill.pp-skill-list-wrap {
padding-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-about-me-skill.pp-skill-list-wrap {
padding-left: 0;
}
}
.pp-about-me-skill.pp-skill-list-wrap .pp-skill-list ul li {
color: rgba(255, 255, 255, 0.7);
}
.pp-about-me-skill.pp-skill-list-wrap .pp-skill-list-title {
color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pp-about-me-skill.pp-skill-list-wrap .pp-skill-list-title {
font-size: 35px;
}
}
.pp-about-me-tool-item {
padding: 10px;
border-radius: 260px;
border: 1px solid rgba(255, 255, 255, 0.08);
}
.pp-about-me-tool-item-icon {
margin-right: 14px;
}
.pp-about-me-tool-item-icon span {
width: 100px;
height: 100px;
display: grid;
place-content: center;
border-radius: 60px;
background: #1A1B1E;
backdrop-filter: blur(20px);
}
.pp-about-me-tool-item-icon span img {
mix-blend-mode: luminosity;
}
.pp-about-me-tool-item-content span {
display: inline-block;
font-size: 46px;
font-weight: 500;
margin-bottom: 10px;
letter-spacing: -0.46px;
color: var(--tp-common-white);
font-family: var(--tp-ff-teko);
}
.pp-about-me-tool-item-content p {
font-size: 14px;
font-weight: 500;
line-height: 1;
margin: 0;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.4);
}
@media (max-width: 767px) {
.pp-about-me-experience-item {
padding-bottom: 55px;
}
}
.pp-about-me-experience-item p {
font-size: 14px;
font-weight: 500;
line-height: 1;
margin: 0;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.4);
}
.pp-about-me-experience-title {
font-size: 46px;
font-weight: 500;
line-height: 1;
margin: 19px 0 11px;
letter-spacing: -0.46px;
color: var(--tp-common-white);
font-family: var(--tp-ff-teko);
}
@media (max-width: 767px) {
.pp-about-me-experience-title {
font-size: 40px;
}
}
.pp-about-me-recognitions .studio-award-item span {
font-size: 14px;
font-weight: 500;
line-height: 1;
margin: 0;
text-transform: uppercase;
font-family: var(--tp-ff-body);
color: rgba(255, 255, 255, 0.4);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-about-me-service-ptb {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-about-me-service-item {
padding-bottom: 50px;
}
}
@media (max-width: 767px) {
.pp-about-me-service-heading {
margin-bottom: 30px;
}
}
.pp-about-me-service-subtitle {
font-size: 18px;
font-weight: 500;
line-height: 20px;
margin-right: 20px;
display: inline-block;
letter-spacing: -0.36px;
color: var(--tp-common-white);
}
.pp-about-me-service-title {
font-size: 80px;
font-weight: 400;
line-height: 1;
letter-spacing: -0.8px;
color: var(--tp-common-white);
font-family: var(--tp-ff-teko);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-about-me-service-title {
font-size: 65px;
margin-bottom: 15px;
}
}
.tp-about-5-title-box {
display: inline-block;
}
.tp-about-5-title-box p {
text-align: left;
max-width: 245px;
font-size: 15px;
font-weight: 400;
line-height: 22px;
color: var(--tp-cream-2);
font-family: var(--tp-ff-poppins);
position: absolute;
bottom: 15px;
left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about-5-title-box p {
bottom: 3px;
left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about-5-title-box p {
position: static;
text-align: center;
margin: 0 auto;
margin-top: 30px;
}
}
.tp-about-5-subtitle {
font-size: 14px;
font-weight: 600;
line-height: 1.3;
text-transform: uppercase;
color: var(--tp-cream-2);
font-family: var(--tp-ff-poppins);
display: inline-block;
position: absolute;
top: 50px;
left: 80px;
z-index: 5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about-5-subtitle {
top: 40px;
left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about-5-subtitle {
position: static;
margin-bottom: 20px;
}
}  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.cst-about-ptb {
padding-top: 80px;
padding-bottom: 80px;
}
}
.cst-about-shape {
position: absolute;
top: 50%;
left: -5%;
transform: translateY(-50%);
}
@media only screen and (min-width: 1701px) and (max-width: 1800px) {
.cst-about-shape {
left: -10%;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.cst-about-shape {
left: -12%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.cst-about-shape {
left: -18%;
}
}
.cst-about-shape img {
mix-blend-mode: soft-light;
}
@media (max-width: 767px) {
.cst-about-heading .cst-section-title img {
display: none;
}
}
.cst-about-list ul li {
gap: 15px;
display: flex;
list-style: none;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.cst-about-list ul li {
margin-bottom: 12px;
}
}
.cst-about-list ul li span {
display: grid;
width: 32px;
height: 32px;
border-radius: 50%;
place-content: center;
background-color: var(--tp-common-green-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.cst-about-text p {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.cst-about-text p br {
display: none;
}
}
.cst-about-text p span {
color: var(--tp-common-black-7);
}
.cst-about-thumb img {
border-radius: 8px;
}
.cst-about-right {
margin-left: -120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.cst-about-right {
margin-left: 0;
}
}
.cst-border-b {
border-bottom: 1px solid #E8E8E8;
}
.cnt-about-style {
position: relative;
}
@media (max-width: 767px) {
.cnt-about-style {
padding-top: 0;
}
}
.cnt-about-style .ar-about-top-img img {
border-radius: 16px;
}
.cnt-about-style .ar-about-thumb {
border-radius: 16px;
}
.cnt-about-style .ar-about-thumb img {
margin-top: -10px;
}
.cnt-about-style .ar-about-shape {
bottom: 140px;
left: 60px;
z-index: -1;
}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-heading {
flex-wrap: wrap;
}
}
.tp-portfolio-heading .tp-section-subtitle {
transform: translateY(20px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-heading .tp-section-subtitle {
transform: translateY(-15px);
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-heading .tp-blog-title img {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-inner-box {
padding-bottom: 50px;
}
}
.tp-portfolio-inner-item:hover .tp-portfolio-inner-thumb img {
transform: scale(1.1);
}
.tp-portfolio-inner-thumb {
overflow: hidden;
margin-bottom: 26px;
border-radius: 20px;
}
.tp-portfolio-inner-thumb img {
width: 100%;
transition: 0.9s;
border-radius: 20px;
}
.tp-portfolio-inner-content span {
font-size: 16px;
font-weight: 500;
display: inline-block;
color: rgba(255, 255, 255, 0.6);
}
.tp-portfolio-inner-title {
font-size: 34px;
font-weight: 600;
line-height: 1;
letter-spacing: -1.36px;
color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-inner-title {
font-size: 30px;
}
}
.tp-portfolio-inner-title.fs-30 {
font-size: 30px;
}
.tp-portfolio-inner-tab-wrap {
padding-left: 22%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-inner-tab-wrap {
padding-left: 0;
}
}
.tp-portfolio-inner-tab-wrap nav .nav-tabs {
border-bottom: none;
}
.tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link {
font-size: 15px;
font-weight: 600;
padding: 6px 25px;
margin-right: 10px;
margin-bottom: 20px;
border-radius: 30px;
display: inline-block;
color: var(--tp-common-white);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link.active, .tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link:hover {
color: #020202;
}
.tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link:hover {
background-color: var(--tp-common-white);
}
.tp-portfolio-metro-shape {
position: absolute;
bottom: 26%;
left: 40%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-metro-shape {
display: none;
}
}
.tp-portfolio-metro-shape span {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: rgba(224, 238, 238, 0.8);
}
.tp-portfolio-metro-shape span svg {
margin-right: 7px;
}
.tp-portfolio-metro-sub .tp-section-subtitle-clash {
color: #c5fcfc;
}
@media (max-width: 767px) {
.tp-portfolio-metro-social {
padding-bottom: 0;
}
}
.tp-portfolio-metro-social a {
font-size: 14px;
font-weight: 600;
color: #E0EEEE;
padding: 1px 18px;
margin-bottom: 10px;
border-radius: 30px;
display: inline-block;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-portfolio-metro-social a:hover {
color: #020202;
background-color: #c5fcfc;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-portfolio-metro-footer {
padding-top: 70px;
}
}
@media (max-width: 767px) {
.tp-portfolio-metro-footer {
padding-top: 0;
}
}
@media (max-width: 767px) {
.tp-portfolio-masonry-heading {
padding-bottom: 40px;
}
}
.tp-portfolio-masonry-big-text {
font-size: 305px;
font-weight: 800;
line-height: 0.8;
text-align: center;
letter-spacing: -11.5px;
text-transform: uppercase;
color: var(--tp-common-white);
}
@media only screen and (min-width: 1801px) and (max-width: 1850px) {
.tp-portfolio-masonry-big-text {
font-size: 300px;
letter-spacing: -10.5px;
}
}
@media only screen and (min-width: 1701px) and (max-width: 1800px) {
.tp-portfolio-masonry-big-text {
font-size: 285px;
letter-spacing: -10.5px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.tp-portfolio-masonry-big-text {
font-size: 268px;
letter-spacing: -10.5px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-portfolio-masonry-big-text {
font-size: 235px;
letter-spacing: -10.5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-portfolio-masonry-big-text {
font-size: 190px;
letter-spacing: -8.5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-portfolio-masonry-big-text {
font-size: 140px;
letter-spacing: -5.5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-portfolio-masonry-big-text {
font-size: 100px;
letter-spacing: 0;
}
}
@media (max-width: 767px) {
.tp-portfolio-masonry-big-text {
font-size: 50px;
letter-spacing: 0;
}
}
.tp-portfolio-masonry-wrap {
padding-bottom: 125px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-masonry-wrap {
padding-bottom: 60px;
}
}
.tp-portfolio-masonry-top-left {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-masonry-top-left {
display: none;
}
}
.tp-portfolio-masonry-top-left span {
font-size: 14px;
font-weight: 600;
line-height: 1;
display: inline-block;
letter-spacing: -0.14px;
text-transform: uppercase;
color: var(--tp-common-white);
}
.tp-portfolio-masonry-top-right p {
font-size: 26px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 30px;
letter-spacing: -0.52px;
color: var(--tp-common-white);
}
@media (max-width: 767px) {
.tp-portfolio-masonry-top-right p {
font-size: 17px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-masonry-top-right p br {
display: none;
}
}
.tp-portfolio-masonry-top-right span {
position: relative;
font-size: 14px;
font-weight: 700;
padding-left: 18px;
margin-bottom: 50px;
display: inline-block;
letter-spacing: -0.14px;
text-transform: uppercase;
color: var(--tp-common-white);
}
.tp-portfolio-masonry-top-right span::after {
position: absolute;
content: "";
left: 0;
top: 8px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--tp-common-red-3);
}
.tp-portfolio-masonry-social a {
font-size: 15px;
font-weight: 600;
padding: 3px 13px;
margin-right: 10px;
border-radius: 30px;
display: inline-block;
color: var(--tp-common-white);
border: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
.tp-portfolio-masonry-social a {
margin-bottom: 15px;
}
}
.tp-portfolio-masonry-social a:hover {
color: #020202;
background-color: var(--tp-common-white);
}
.tp-portfolio-masonry-grid-heading span {
position: relative;
font-size: 14px;
font-weight: 700;
padding-left: 18px;
display: inline-block;
letter-spacing: -0.14px;
text-transform: uppercase;
color: var(--tp-common-white);
}
.tp-portfolio-masonry-grid-heading span::after {
position: absolute;
content: "";
left: 0;
top: 8px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--tp-common-white);
}
.tp-portfolio-masonry-grid-item:hover .tp-portfolio-masonry-grid-thumb img {
transform: scale(1.1);
}
.tp-portfolio-masonry-grid-thumb {
overflow: hidden;
border-radius: 14px;
}
.tp-portfolio-masonry-grid-thumb img {
width: 100%;
transition: 0.9s;
border-radius: 14px;
}
.tp-portfolio-masonry-grid-content {
padding: 20px 0 0;
}
.tp-portfolio-masonry-grid-title {
font-size: 26px;
font-weight: 600;
line-height: 1;
letter-spacing: -1.04px;
color: var(--tp-common-white);
}
.tp-portfolio-masonry-grid-categories span {
font-size: 14px;
font-weight: 600;
padding: 4px 26px;
position: relative;
border-radius: 30px;
margin-bottom: 10px;
display: inline-block;
color: var(--tp-common-white);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-portfolio-masonry-grid-categories span:not(:last-of-type) {
margin-right: 8px;
}
.tp-portfolio-masonry-grid-categories span::after {
content: "";
left: 10px;
top: 14px;
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
background-color: var(--tp-common-red-3);
}
.tp-portfolio-masonry-grid-bottom {
width: 340px;
overflow: hidden;
border-radius: 30px;
text-align: center;
margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-details-1-area {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-details-1-ptb {
padding-bottom: 80px;
}
}
.tp-portfolio-details-1-banner {
height: 760px;
overflow: hidden;
border-radius: 14px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-portfolio-details-1-banner {
height: 680px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-portfolio-details-1-banner {
height: 600px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-portfolio-details-1-banner {
height: 500px;
}
}
@media (max-width: 767px) {
.tp-portfolio-details-1-banner {
height: 250px;
}
}
.tp-portfolio-details-1-banner img {
width: 100%;
margin-top: -150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-portfolio-details-1-banner img {
margin-top: -100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-portfolio-details-1-banner img {
margin-top: -20px;
}
}
@media (max-width: 767px) {
.tp-portfolio-details-1-banner img {
margin-top: -50px;
}
}
.tp-portfolio-details-1-banner.hight {
height: 1040px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-portfolio-details-1-banner.hight {
height: 680px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-portfolio-details-1-banner.hight {
height: 600px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-portfolio-details-1-banner.hight {
height: 500px;
}
}
@media (max-width: 767px) {
.tp-portfolio-details-1-banner.hight {
height: 250px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-details-1-heading {
padding-bottom: 40px;
}
}
.tp-portfolio-details-1-sub {
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
display: inline-block;
letter-spacing: -0.32px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.6);
}
.tp-portfolio-details-1-title {
font-size: 80px;
font-weight: 600;
line-height: 1;
margin-bottom: 25px;
letter-spacing: -1.6px;
text-transform: uppercase;
color: var(--tp-common-white);
font-family: var(--tp-ff-clash-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-portfolio-details-1-title {
font-size: 72px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-portfolio-details-1-title {
font-size: 60px;
}
}
@media (max-width: 767px) {
.tp-portfolio-details-1-title {
font-size: 52px;
}
}
.tp-portfolio-details-1-content {
padding-left: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-details-1-content {
padding-left: 0;
}
}
.tp-portfolio-details-1-content p {
font-size: 18px;
font-weight: 500;
line-height: 26px;
margin-bottom: 45px;
color: rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-details-1-content p br {
display: none;
}
}
.tp-portfolio-details-1-list ul li {
font-size: 16px;
font-weight: 600;
list-style: none;
margin-bottom: 16px;
padding-bottom: 16px;
letter-spacing: -0.32px;
text-transform: uppercase;
color: var(--tp-common-white);
}
.tp-portfolio-details-1-list ul li:not(:last-of-type) {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-portfolio-details-1-list ul li span {
width: 120px;
font-weight: 500;
display: inline-block;
color: rgba(249, 244, 232, 0.6);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-portfolio-details-1-thumb-ptb {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-details-1-thumb-ptb {
padding-bottom: 80px;
}
}
.tp-portfolio-details-1-thumb-1, .tp-portfolio-details-1-thumb-2, .tp-portfolio-details-1-thumb-3, .tp-portfolio-details-1-thumb-4, .tp-portfolio-details-1-thumb-5 {
overflow: hidden;
border-radius: 14px;
}
.tp-portfolio-details-1-thumb-1 img, .tp-portfolio-details-1-thumb-2 img, .tp-portfolio-details-1-thumb-3 img, .tp-portfolio-details-1-thumb-4 img, .tp-portfolio-details-1-thumb-5 img {
width: 100%;
border-radius: 14px;
}
.tp-portfolio-details-1-thumb-1 {
height: 950px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-portfolio-details-1-thumb-1 {
height: 680px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-portfolio-details-1-thumb-1 {
height: 600px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-portfolio-details-1-thumb-1 {
height: 500px;
}
}
@media (max-width: 767px) {
.tp-portfolio-details-1-thumb-1 {
height: 250px;
}
}
.tp-portfolio-details-1-thumb-2, .tp-portfolio-details-1-thumb-3 {
height: 800px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-portfolio-details-1-thumb-2, .tp-portfolio-details-1-thumb-3 {
height: 580px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-portfolio-details-1-thumb-2, .tp-portfolio-details-1-thumb-3 {
height: 470px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-portfolio-details-1-thumb-2, .tp-portfolio-details-1-thumb-3 {
height: 450px;
}
}
@media (max-width: 767px) {
.tp-portfolio-details-1-thumb-2, .tp-portfolio-details-1-thumb-3 {
height: 250px;
}
}
.tp-portfolio-details-1-thumb-2 img, .tp-portfolio-details-1-thumb-3 img {
margin-top: -100px;
}
.tp-portfolio-details-1-thumb-4, .tp-portfolio-details-1-thumb-5 {
height: 680px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-portfolio-details-1-thumb-4, .tp-portfolio-details-1-thumb-5 {
height: 550px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-portfolio-details-1-thumb-4, .tp-portfolio-details-1-thumb-5 {
height: 420px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-portfolio-details-1-thumb-4, .tp-portfolio-details-1-thumb-5 {
height: 450px;
}
}
@media (max-width: 767px) {
.tp-portfolio-details-1-thumb-4, .tp-portfolio-details-1-thumb-5 {
height: 250px;
}
}
.tp-portfolio-details-1-thumb-4 img, .tp-portfolio-details-1-thumb-5 img {
margin-top: -100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-portfolio-details-1-thumb-4 img, .tp-portfolio-details-1-thumb-5 img {
margin-top: -60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-portfolio-details-1-about-ptb {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-portfolio-details-1-about-ptb {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-1-about-heading {
padding-bottom: 30px;
}
}
.tp-pd-1-about-title {
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
color: var(--tp-common-white);
font-family: var(--tp-ff-clash-medium);
}
.tp-pd-1-about-title svg {
margin-left: 5px;
}
.tp-pd-1-about-text {
font-size: 32px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 65px;
text-transform: uppercase;
color: var(--tp-common-white);
font-family: var(--tp-ff-clash-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-1-about-text {
font-size: 30px;
margin-bottom: 40px;
}
}
.tp-pd-1-about-text.color-cng {
color: #E0EEEE;
font-family: var(--tp-ff-inter);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-1-about-text.color-cng br {
display: none;
}
}
.tp-pd-1-about-list {
display: inline-block;
}
.tp-pd-1-about-list ul li {
position: relative;
font-size: 18px;
font-weight: 500;
list-style: none;
float: left;
width: 50%;
padding-left: 18px;
margin-bottom: 14px;
color: var(--tp-common-white);
}
@media (max-width: 767px) {
.tp-pd-1-about-list ul li {
width: 100%;
float: none;
}
}
.tp-pd-1-about-list ul li::before {
position: absolute;
content: "";
width: 6px;
height: 6px;
top: 10px;
left: 0;
border-radius: 50%;
background-color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-1-work-ptb {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-1-work-ptb {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-1-work-heading {
padding-bottom: 30px;
}
}
.tp-pd-1-work-title {
font-size: 140px;
font-weight: 700;
line-height: 0.8;
letter-spacing: -4.2px;
text-transform: uppercase;
color: var(--tp-common-white);
font-family: var(--tp-ff-clash-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-pd-1-work-title {
font-size: 110px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-pd-1-work-title {
font-size: 100px;
}
}
@media (max-width: 767px) {
.tp-pd-1-work-title {
font-size: 60px;
letter-spacing: 0;
}
}
.tp-pd-1-work-title.ff-clash {
color: #e0eeee;
text-transform: lowercase;
font-family: var(--tp-ff-dirtyline);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-1-work-content {
padding-left: 0;
}
}
.tp-pd-1-work-content p {
font-size: 20px;
font-weight: 400;
letter-spacing: -0.4px;
color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 767px) {
.tp-pd-1-work-content p br {
display: none;
}
}
.tp-pd-1-work-item {
display: flex;
align-items: center;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-pd-1-work-item-title {
width: 130px;
font-size: 50px;
font-weight: 500;
margin-right: 52px;
color: var(--tp-common-white);
font-family: var(--tp-ff-clash-semibold);
}
@media (max-width: 767px) {
.tp-pd-1-work-item-title {
font-size: 45px;
margin-right: 35px;
}
}
.tp-pd-1-work-item-title i {
font-style: normal;
}
.tp-pd-1-work-item-text span {
font-size: 20px;
font-weight: 400;
letter-spacing: -0.4px;
color: rgba(255, 255, 255, 0.6);
}
.tp-pd-1-np-ptb {
padding-bottom: 240px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-1-np-ptb {
padding-bottom: 170px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-pd-1-np-ptb {
padding-bottom: 150px;
}
}
@media (max-width: 767px) {
.tp-pd-1-np-ptb {
padding-bottom: 120px;
}
}
.tp-pd-1-np-title {
font-size: 100px;
font-weight: 600;
line-height: 1;
text-transform: uppercase;
color: var(--tp-common-white);
font-family: var(--tp-ff-clash-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-pd-1-np-title {
font-size: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-pd-1-np-title {
font-size: 70px;
}
}
@media (max-width: 767px) {
.tp-pd-1-np-title {
font-size: 45px;
}
}
.tp-pd-1-np-box {
padding: 20px 0;
}
.tp-pd-1-np-box.hover-reveal-item .tp-award-reveal-img {
width: 520px;
height: 360px;
object-fit: cover;
mix-blend-mode: difference;
}
@media (max-width: 767px) {
.tp-pd-1-np-box.hover-reveal-item .tp-award-reveal-img {
height: 260px;
width: 220px;
background-position: center;
}
}
.tp-pd-1-np-content span {
font-size: 30px;
font-weight: 500;
display: block;
margin-bottom: 30px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.2);
font-family: var(--tp-ff-clash-semibold);
}
.tp-pd-1-np-content p {
font-size: 20px;
font-weight: 500;
line-height: 30px;
letter-spacing: -0.4px;
color: rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-2-ptb {
padding-top: 150px;
}
}
@media (max-width: 767px) {
.tp-pd-2-ptb {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-2-area {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-2-area {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-2-top {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-2-top {
padding-bottom: 40px;
}
}
.tp-pd-2-title {
font-size: 140px;
font-weight: 700;
line-height: 1;
letter-spacing: -7px;
color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-pd-2-title {
font-size: 110px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-pd-2-title {
font-size: 100px;
letter-spacing: 0;
}
}
@media (max-width: 767px) {
.tp-pd-2-title {
font-size: 60px;
letter-spacing: 0;
}
}
.tp-pd-2-categories span {
font-size: 14px;
font-weight: 600;
padding: 4px 24px;
position: relative;
border-radius: 30px;
margin-right: 10px;
display: inline-block;
color: var(--tp-common-white);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-pd-2-categories span::before {
position: absolute;
top: 15px;
left: 12px;
content: "";
height: 5px;
width: 5px;
border-radius: 50%;
background-color: var(--tp-common-red-3);
}
@media (max-width: 767px) {
.tp-pd-2-bottom {
flex-wrap: wrap;
}
}
.tp-pd-2-bottom .tp-pd-2-bottom-item:not(:last-of-type) {
margin-right: 20px;
}
@media (max-width: 767px) {
.tp-pd-2-bottom-item {
padding-bottom: 20px;
}
}
.tp-pd-2-bottom-item span {
font-size: 16px;
font-weight: 600;
line-height: 1;
margin-bottom: 10px;
display: inline-block;
color: rgba(255, 255, 255, 0.7);
}
.tp-pd-2-bottom-item h6 {
font-size: 20px;
font-weight: 600;
color: var(--tp-common-white);
}
.tp-pd-2-banner {
height: 950px;
overflow: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-pd-2-banner {
height: 680px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-2-banner {
height: 600px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-pd-2-banner {
height: 500px;
}
}
@media (max-width: 767px) {
.tp-pd-2-banner {
height: 250px;
}
}
.tp-pd-2-banner img {
width: 100%;
margin-top: -150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-2-banner img {
margin-top: -100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-pd-2-banner img {
margin-top: -20px;
}
}
@media (max-width: 767px) {
.tp-pd-2-banner img {
margin-top: -50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-2-overview-heading {
padding-bottom: 30px;
}
}
.tp-pd-2-overview-title {
font-size: 50px;
font-weight: 700;
line-height: 1;
letter-spacing: -1.5px;
color: var(--tp-common-white);
}
.tp-pd-2-overview-wrap p {
font-size: 16px;
font-weight: 500;
line-height: 26px;
margin-bottom: 24px;
color: rgba(255, 255, 255, 0.6);
}
.tp-pd-2-overview-wrap ul {
padding-top: 20px;
display: inline-block;
}
.tp-pd-2-overview-wrap ul li {
font-size: 20px;
font-weight: 600;
margin-bottom: 20px;
padding-bottom: 20px;
margin-left: 16px;
color: var(--tp-common-white);
}
.tp-pd-2-overview-wrap ul li:not(:last-of-type) {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-2-slider-ptb {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-2-slider-ptb {
padding-bottom: 80px;
}
}
.tp-pd-2-slider-wrapper {
margin: 0 -200px;
}
@media (max-width: 767px) {
.tp-pd-2-slider-wrapper {
margin: 0;
}
}
.tp-pd-2-slider-wrapper .swiper-wrapper {
padding-bottom: 40px;
}
.tp-pd-2-slider-thumb {
overflow: hidden;
}
.tp-pd-2-slider-thumb:hover img {
transform: scale(1.2);
}
.tp-pd-2-slider-thumb img {
transition: 0.9s ease-in-out;
}
.tp-pd-2-dot .swiper-pagination-bullet {
width: 6px;
height: 6px;
opacity: 1;
transition: 0.3s;
border-radius: 50%;
display: inline-block;
background: rgba(255, 255, 255, 0.3);
}
.tp-pd-2-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 24px;
border-radius: 10px;
background-color: var(--tp-common-white);
}
@media (max-width: 767px) {
.tp-pd-2-step-heading {
padding-bottom: 40px;
}
}
.tp-pd-2-step-title {
font-size: 40px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -1.2px;
color: var(--tp-common-white);
}
@media (max-width: 767px) {
.tp-pd-2-step-title {
font-size: 35px;
letter-spacing: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-2-step-title br {
display: none;
}
}
.tp-pd-2-step-item-title {
font-size: 22px;
font-weight: 600;
margin-bottom: 10px;
color: var(--tp-common-white);
}
.tp-pd-2-step-item span {
font-size: 15px;
font-weight: 500;
line-height: 24px;
display: inline-block;
color: rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-2-step-item span br {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-2-thumb-ptb {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-2-thumb-ptb {
padding-bottom: 80px;
}
}
.tp-pd-2-thumb-item {
overflow: hidden;
height: 600px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-pd-2-thumb-item {
height: 500px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-2-thumb-item {
height: 400px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-pd-2-thumb-item {
height: 450px;
}
}
@media (max-width: 767px) {
.tp-pd-2-thumb-item {
height: 250px;
}
}
.tp-pd-2-thumb-item img {
margin-top: -100px;
width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-2-thumb-item img {
margin-top: -60px;
}
}
@media (max-width: 767px) {
.tp-pd-2-thumb-item img {
margin-top: -40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-2-np-ptb {
padding-bottom: 80px;
}
}
.tp-pd-2-np-content a {
width: 180px;
height: 180px;
font-size: 16px;
font-weight: 600;
margin: 0 -14px;
text-align: center;
line-height: 180px;
border-radius: 50%;
display: inline-block;
color: var(--tp-common-white);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-pd-2-np-content a:hover {
color: var(--tp-common-black);
background-color: var(--tp-common-white);
}
.tp-pd-2-np-content a svg {
margin: 0 4px;
}
.tp-pd-4-ptb {
padding-top: 220px;
padding-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-4-ptb {
padding-top: 150px;
}
}
.tp-pd-4-title {
font-size: 100px;
font-weight: 400;
line-height: 1;
color: #E0EEEE;
letter-spacing: -2px;
font-family: var(--tp-ff-dirtyline);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-pd-4-title {
font-size: 80px;
letter-spacing: 0;
}
}
@media (max-width: 767px) {
.tp-pd-4-title {
font-size: 65px;
letter-spacing: 0;
}
}
.tp-pd-4-bottom-btn .tp-portfolio-details-btn {
color: #C5FCFC;
border-color: #C5FCFC;
}
.tp-pd-4-bottom-btn .tp-portfolio-details-btn:hover {
background-color: #C5FCFC;
color: var(--tp-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-4-banner-ptb {
padding-top: 80px;
}
}
.tp-pd-4-banner-thumb {
margin-bottom: -275px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-pd-4-banner-thumb {
margin-bottom: -100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-4-banner-thumb {
margin-bottom: 0;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-pd-4-heading {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-4-heading {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-4-heading-bottom {
flex-wrap: wrap;
}
.tp-pd-4-heading-bottom .tp-pd-2-bottom-item {
margin-right: 20px;
padding-bottom: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-4-about-ptb {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-4-about-ptb {
padding-top: 80px;
padding-bottom: 80px;
}
}
.tp-pd-4-about-sub {
font-size: 20px;
font-weight: 400;
color: #E0EEEE;
letter-spacing: -0.4px;
font-family: var(--tp-ff-dirtyline);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-4-about-sub {
letter-spacing: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-4-color-ptb {
margin-bottom: 80px;
}
}
.tp-pd-4-color-shape {
position: absolute;
top: 18%;
left: 20%;
z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-pd-4-color-shape {
left: -3%;
top: 6%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-pd-4-color-shape {
top: 10%;
left: -2%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-4-color-shape {
left: 3%;
top: 10%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-4-color-shape {
display: none;
}
}
.tp-pd-4-color-picker {
bottom: 0;
z-index: 2;
right: 38.5%;
position: absolute;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.tp-pd-4-color-picker {
right: 33%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-4-color-picker {
display: none;
}
}
.tp-pd-4-color-heading {
z-index: 1;
height: 100%;
position: relative;
padding: 300px 120px;
background: #85291A;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-pd-4-color-heading {
padding: 200px 60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-pd-4-color-heading {
padding: 130px 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-4-color-heading {
padding: 170px 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-pd-4-color-heading {
padding: 100px;
}
}
@media (max-width: 767px) {
.tp-pd-4-color-heading {
padding: 60px 40px;
}
}
.tp-pd-4-color-heading p {
font-size: 16px;
font-weight: 500;
line-height: 26px;
letter-spacing: -0.16px;
color: var(--tp-common-white);
}
@media only screen and (min-width: 1801px) and (max-width: 1850px), only screen and (min-width: 1701px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-4-color-heading p br {
display: none;
}
}
.tp-pd-4-color-title {
font-size: 30px;
font-weight: 700;
color: #FFF669;
line-height: 1;
margin-bottom: 14px;
letter-spacing: -0.6px;
}
.tp-pd-4-color-content {
padding: 78px 0 56px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-pd-4-color-content {
padding: 60px 22px 50px 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-4-color-content {
padding: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-4-color-content {
padding: 40px;
}
}
.tp-pd-4-color-content span {
font-size: 30px;
font-weight: 700;
line-height: 1;
margin-bottom: 14px;
display: inline-block;
letter-spacing: -0.6px;
color: var(--tp-common-white);
}
.tp-pd-4-color-content p {
font-size: 16px;
font-weight: 500;
line-height: 26px;
letter-spacing: -0.16px;
color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-4-color-content p br {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-4-thumb-ptb {
padding-bottom: 80px;
}
}
.tp-pd-4-thumb-wrap {
height: 950px;
border-radius: 20px;
background-color: #FFF669;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-pd-4-thumb-wrap {
height: 750px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-4-thumb-wrap {
height: 650px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-pd-4-thumb-wrap {
height: 500px;
}
}
@media (max-width: 767px) {
.tp-pd-4-thumb-wrap {
height: 300px;
}
}
.tp-pd-4-thumb-item {
margin-bottom: -100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-4-thumb-item {
margin-bottom: 0;
}
}
.tp-pd-4-thumb-box {
height: 800px;
border-radius: 20px;
overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-pd-4-thumb-box {
height: 520px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-4-thumb-box {
height: 420px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-pd-4-thumb-box {
height: 450px;
}
}
@media (max-width: 767px) {
.tp-pd-4-thumb-box {
height: 250px;
}
}
.tp-pd-4-thumb-box img {
width: 100%;
margin-top: -40px;
object-fit: cover;
border-radius: 20px;
}
.tp-pd-4-slider-wrapper {
margin: 0 -220px;
}
@media (max-width: 767px) {
.tp-pd-4-slider-wrapper {
margin: 0;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-4-slider-heading {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-4-slider-heading {
margin-bottom: 80px;
}
}
.tp-pd-4-slider-thumb img {
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.0784313725);
}
.tp-pd-5-hero-black-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
z-index: 1;
background-color: #000;
transition: opacity 0.2s ease;
}
.tp-pd-5-hero-white-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
z-index: 1;
background-color: #fff;
transition: opacity 0.4s ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-5-hero-ptb {
padding-top: 150px;
padding-bottom: 120px;
}
}
.tp-pd-5-hero-title {
font-size: 80px;
font-weight: 700;
line-height: 1;
margin-bottom: 24px;
letter-spacing: -4px;
color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-pd-5-hero-title {
font-size: 75px;
}
}
@media (max-width: 767px) {
.tp-pd-5-hero-title {
font-size: 60px;
letter-spacing: 0;
}
}
.tp-pd-5-hero-heading p {
font-size: 16px;
font-weight: 500;
line-height: 26px;
margin-bottom: 50px;
color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
.tp-pd-5-hero-heading p br {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-5-hero-top {
padding-bottom: 40px;
}
}
.tp-pd-5-hero-info-ptb {
transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-5-hero-info-ptb {
padding-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-5-hero-info-item {
padding-bottom: 30px;
}
}
.tp-pd-5-hero-info-item-title {
font-size: 30px;
font-weight: 700;
line-height: 1;
letter-spacing: -0.9px;
color: var(--tp-common-black);
}
.tp-pd-5-hero-info-item-title span {
font-size: 12px;
display: inline-block;
transform: translate(-9px, -13px);
}
.tp-pd-5-hero-info-item-content {
padding-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-5-hero-info-item-content {
padding-left: 0;
}
}
.tp-pd-5-hero-info-item-content p {
font-size: 18px;
font-weight: 500;
line-height: 26px;
color: rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-5-hero-info-item-content p br {
display: none;
}
}
.tp-pd-5-light-ptb {
padding-top: 120px;
padding-bottom: 200px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-5-light-ptb {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-5-light-ptb {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-5-light-heading {
padding-bottom: 35px;
}
}
.tp-pd-5-light-title {
font-size: 50px;
font-weight: 700;
color: #0E0F11;
line-height: 1;
letter-spacing: -1.5px;
}
.tp-pd-5-light-slider-thumb img {
width: 100%;
border-radius: 30px;
border: 1px solid rgba(0, 0, 0, 0.0705882353);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-pd-5-mockup-ptb {
padding-top: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-5-mockup-ptb {
padding-top: 80px;
padding-bottom: 80px;
}
}
.tp-pd-5-mockup-title {
font-size: 50px;
font-weight: 700;
line-height: 1;
margin-bottom: 20px;
letter-spacing: -1.5px;
color: var(--tp-common-white);
}
.tp-pd-5-mockup-heading {
padding-bottom: 30px;
}
.tp-pd-5-mockup-heading p {
font-size: 18px;
font-weight: 500;
line-height: 26px;
color: rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-5-mockup-heading p br {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-pd-5-slider-ptb {
padding-bottom: 80px;
}
}
.project-details-1-pt {
padding-top: 107px;
}
.project-details-1-left .project-details-1-thumb:last-child {
margin-bottom: 0;
}
.project-details-1-subtitle {
font-size: 18px;
font-weight: 500;
line-height: 1;
margin-bottom: 10px;
display: inline-block;
color: var(--tp-common-white);
}
.project-details-1-subtitle i {
font-style: normal;
}
.project-details-1-subtitle i::after {
content: "";
height: 1px;
width: 40px;
margin: 0px 10px;
display: inline-block;
transform: translateY(-4px);
background-color: rgba(255, 255, 255, 0.14);
}
.project-details-1-title {
font-size: 80px;
font-weight: 600;
line-height: 1;
margin-bottom: 24px;
letter-spacing: -3.2px;
color: var(--tp-common-white);
}
@media (max-width: 767px) {
.project-details-1-title {
font-size: 50px;
}
}
.project-details-1-title-box {
margin-bottom: 40px;
}
@media (max-width: 767px) {
.project-details-1-title-box {
margin-bottom: 0;
}
}
.project-details-1-title-box p {
font-size: 18px;
font-weight: 400;
line-height: 28px;
color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.project-details-1-title-box p br {
display: none;
}
}
.project-details-1-info {
margin-bottom: 32px;
}
.project-details-1-info span {
font-size: 20px;
font-weight: 600;
line-height: 1;
color: #FCF6F4;
margin-bottom: 10px;
display: inline-block;
}
.project-details-1-info h4 {
font-size: 17px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
letter-spacing: -0.4px;
color: rgba(252, 246, 244, 0.7);
}
@media (max-width: 767px) {
.project-details-1-info-wrap {
flex-wrap: wrap;
margin-bottom: 50px;
}
.project-details-1-info-wrap .project-details-1-info {
margin-right: 20px;
}
}
.project-details-1-navigation {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 33px 60px;
padding-top: 20px;
}
@media (max-width: 767px) {
.project-details-1-navigation {
padding: 33px 0px;
}
}
.project-details-1-navigation a i {
height: 44px;
width: 44px;
line-height: 44px;
border-radius: 50%;
text-align: center;
margin-top: 10px;
display: inline-block;
color: var(--tp-common-white);
border: 1px solid rgba(255, 255, 255, 0.14);
}
.project-details-1-navigation a span {
font-size: 17px;
font-weight: 600;
line-height: 1;
color: var(--tp-common-white);
}
.project-details-1-navigation a span svg {
transform: translateY(5px);
}
.project-details-1-prev {
line-height: 0;
}
.project-details-1-prev i {
margin-right: 10px;
transition: 0.3s;
}
.project-details-1-prev:hover i {
color: var(--tp-common-black);
border-color: var(--tp-common-white);
background-color: var(--tp-common-white);
}
.project-details-1-next {
line-height: 0;
}
.project-details-1-next i {
margin-left: 10px;
transition: 0.3s;
}
.project-details-1-next:hover i {
color: var(--tp-common-black);
border-color: var(--tp-common-white);
background-color: var(--tp-common-white);
}
.project-details-video {
margin-bottom: 60px;   }
.project-details-video video {
height: 800px;
width: 100% !important;
object-fit: cover;
overflow: hidden;
}
@media (max-width: 767px) {
.project-details-video video {
height: 400px;
}
}
.project-details-video figcaption {
align-items: center;
display: grid;
grid-gap: 1rem;
grid-template-columns: 50px auto 115px;
padding: 0.5rem;
}
.project-details-video button {
border: 0;
display: inline;
color: white;
order: 1;
padding: 0.5rem;
transition: opacity 0.25s ease-out;
width: 100%;
font-size: 24px;
}
.project-details-video button:hover {
cursor: pointer;
opacity: 0.8;
}
.project-details-video label {
font-size: 20px;
text-align: center;
color: var(--tp-common-white);
transform: translateY(35px);
}
.project-details-video progress[value] {
position: relative;
appearance: none;
border: none;
display: inline;
height: 3px;
order: 1;
width: 100%;
background: rgba(255, 255, 255, 0.2);
}
.project-details-video progress[value]::-webkit-progress-bar {
background-color: whiteSmoke;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
}
.project-details-video progress[value]::-webkit-progress-value {
background-color: var(--tp-common-white);
position: relative;
transition: width 1s linear;
}
.project-details-video progress[value]::-moz-progress-bar {
background-color: var(--tp-common-white);
position: relative;
transition: width 1s linear;
}
.video-progress-btn-wrap {
position: absolute;
left: 40px;
right: 40px;
bottom: 80px;
}
.project-details-video-overlay {
position: relative;
z-index: 1;
}
.project-details-video-overlay::after {
position: absolute;
left: 0;
width: 100%;
height: 106%;
content: "";
z-index: -1;
bottom: 0;
background: linear-gradient(180deg, rgba(18, 18, 18, 0) 1.63%, #0e0f11 26.67%);
}  .tp-hero-shop-title {
font-weight: 700;
font-size: 350px;
line-height: 0.8;
color: var(--tp-theme-shop);
margin-bottom: 0;
text-align: center;
letter-spacing: -0.03em;
text-transform: uppercase;
font-family: var(--tp-ff-onest);
}
@media only screen and (min-width: 1801px) and (max-width: 1850px) {
.tp-hero-shop-title {
font-size: 320px;
}
}
@media only screen and (min-width: 1701px) and (max-width: 1800px) {
.tp-hero-shop-title {
font-size: 310px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.tp-hero-shop-title {
font-size: 290px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-shop-title {
font-size: 250px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-shop-title {
font-size: 215px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-shop-title {
font-size: 175px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-shop-title {
font-size: 135px;
}
}
@media (max-width: 767px) {
.tp-hero-shop-title {
font-size: 65px;
letter-spacing: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-hero-shop-title {
font-size: 100px;
}
}
.tp-hero-shop-slider-content {
padding-bottom: 170px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-shop-slider-content {
padding-bottom: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-hero-shop-slider-content {
padding-bottom: 0;
padding-top: 50px;
}
}
@media (max-width: 767px) {
.tp-hero-shop-slider-content {
padding-top: 30px;
}
}
.tp-hero-shop-slider-subtitle {
font-weight: 400;
font-size: 16px;
line-height: 1;
color: var(--tp-theme-shop);
margin-bottom: 12px;
display: inline-block;
font-family: var(--tp-ff-onest);
}
.tp-hero-shop-slider-title {
font-weight: 500;
font-size: 70px;
line-height: 1;
color: var(--tp-theme-shop);
margin-bottom: 40px;
letter-spacing: -0.04em;
font-family: var(--tp-ff-onest);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-shop-slider-title {
font-size: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-hero-shop-slider-title {
font-size: 50px;
}
}
.tp-hero-shop-slider-nav {
position: absolute;
right: 50px;
width: 120px;
bottom: 60px;
}
@media (max-width: 767px) {
.tp-hero-shop-slider-nav {
right: 15px;
bottom: 20px;
}
}
.tp-hero-shop-slider-nav-thumb {
padding: 5px;
cursor: pointer;
}
.tp-hero-shop-slider-nav-thumb img {
transition: 0.3s;
border-radius: 4px;
border: 1px solid rgba(77, 61, 48, 0.1);
background-color: #e8e0d4;
}
.tp-hero-shop-slider-nav-thumb.slick-current img {
border-color: var(--tp-theme-shop);
}
.tp-hero-shop-slider-main {
margin-top: -50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-hero-shop-slider-main {
margin-top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-hero-shop-slider-thumb img {
width: 80%;
}
}
.tp-hero-shop-dot {
position: absolute;
bottom: 60px !important;
}
.tp-hero-shop-dot .swiper-pagination-bullet {
width: 16px;
height: 16px;
opacity: 1;
transition: 0.3s;
border-radius: 50%;
display: inline-block;
background: transparent;
border: 1px solid #F4F0EA;
}
.tp-hero-shop-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--tp-common-white);
background-color: var(--tp-common-white);
}
.tp-hero-shop-arrow button {
top: 50%;
z-index: 99;
left: 60px;
position: absolute;
transform: translateY(-50%);
color: var(--tp-common-white);
}
.tp-hero-shop-arrow button.tp-hero-shop-next {
left: auto;
right: 60px;
}
.tp-hero-shop-2-slider-item {
position: relative;
padding-top: 260px;
padding-bottom: 320px;
z-index: 99;
}
.tp-hero-shop-2-slider-bg {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
-webkit-transform: scale(1.15);
transform: scale(1.15);
transition: transform 6000ms ease, opacity 1000ms ease-in, -webkit-transform 6000ms ease;
}
.tp-hero-shop-2-slider-bg::before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0.2);
}
.tp-hero-shop-2-slider-sub {
font-size: 14px;
font-weight: 500;
margin-bottom: 2px;
display: inline-block;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.6);
opacity: 0;
transform: translateY(-70px);
}
.tp-hero-shop-2-slider-title {
font-size: 80px;
font-weight: 250;
line-height: 1.1;
margin-bottom: 32px;
letter-spacing: -2.4px;
color: var(--tp-common-white);
font-family: var(--tp-ff-onest);
opacity: 0;
transform: translateY(-70px);
}
@media (max-width: 767px) {
.tp-hero-shop-2-slider-title {
font-size: 50px;
}
}
.tp-hero-shop-2-slider-title span {
font-weight: 700;
}
.tp-hero-shop-2-slider-btn {
opacity: 0;
transform: translateY(70px);
}
.tp-hero-shop-2-slider-btn a {
font-size: 16px;
font-weight: 600;
color: var(--tp-theme-shop);
padding: 14px 40px;
display: inline-block;
background: #F4F0EA;
border: 1px solid #FFF;
}
.tp-hero-shop-2-slider-btn a:hover {
color: var(--tp-common-white);
background-color: transparent;
}
.tp-hero-shop-2-active .swiper-slide-active .tp-hero-shop-2-slider-bg {
-webkit-transform: scale(1);
transform: scale(1);
}
.tp-hero-shop-2-active .swiper-slide-active .tp-hero-shop-2-slider-sub, .tp-hero-shop-2-active .swiper-slide-active .tp-hero-shop-2-slider-title {
opacity: 1;
transform: translatey(0px);
transition: all 1500ms ease;
}
.tp-hero-shop-2-active .swiper-slide-active .tp-hero-shop-2-slider-btn {
opacity: 1;
transform: translatey(0px);
transition: all 1500ms ease;
}
.shop-text-slider-active {
border-bottom: 1px solid rgba(77, 61, 48, 0.12);
}
.shop-text-slider-active .swiper-slide {
width: 100%;
}
.shop-text-slider-item {
padding: 15px 0;
}
.shop-text-slider-item span {
text-align: center;
font-weight: 500;
font-size: 18px;
line-height: 1;
color: var(--tp-theme-shop);
letter-spacing: -0.01em;
font-family: var(--tp-ff-onest);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 576px) and (max-width: 767px) {
.shop-text-slider-item span {
font-size: 16px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.shop-text-slider-item span {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shop-text-slider-item span {
font-size: 14px;
}
}
.shop-text-slider-style .shop-text-slider-active {
border-bottom: 0;
}
.shop-text-slider-style .shop-text-slider-item {
padding: 25px 0;
}
.tp-shop-popup-wrap {
height: 500px;
width: 800px;
margin: 0 auto;
background-color: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
display: flex;
align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-shop-popup-wrap {
width: 700px;
}
}
@media (max-width: 767px) {
.tp-shop-popup-wrap {
width: 360px;
}
}
.tp-shop-popup-content {
padding: 40px;
}
.tp-shop-popup-img {
position: relative;
height: 100%;
flex: 0 0 auto;
}
.tp-shop-popup-img img {
height: 100%;
}
.tp-shop-popup-logo {
margin-bottom: 60px;
}
.tp-shop-popup-text h4 {
font-size: 46px;
font-weight: 600;
line-height: 1;
margin-bottom: 13px;
color: var(--tp-theme-shop);
text-transform: uppercase;
font-family: var(--tp-ff-onest);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-shop-popup-text h4 {
font-size: 40px;
}
}
.tp-shop-popup-text p {
font-size: 28px;
color: var(--tp-theme-shop);
font-weight: 400;
margin-bottom: 40px;
text-transform: uppercase;
font-family: var(--tp-ff-onest);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-shop-popup-text p {
font-size: 20px;
}
}
.tp-shop-popup-text span {
font-weight: 400;
font-size: 16px;
line-height: 1;
color: var(--tp-theme-shop);
letter-spacing: 0.04em;
text-transform: uppercase;
font-family: var(--tp-ff-onest);
margin-bottom: 55px;
display: inline-block;
}
.tp-shop-popup-inputbox input {
height: 50px;
font-weight: 400;
font-size: 17px;
letter-spacing: 0.04em;
color: var(--tp-common-black);
border: 1px solid rgba(25, 25, 26, 0.1);
font-family: var(--tp-ff-onest);
margin-bottom: 10px;
}
.tp-shop-popup-inputbox input::-webkit-input-placeholder { font-weight: 400;
font-size: 17px;
letter-spacing: 0.04em;
color: var(--tp-common-black);
}
.tp-shop-popup-inputbox input::-moz-placeholder { font-weight: 400;
font-size: 17px;
letter-spacing: 0.04em;
color: var(--tp-common-black);
}
.tp-shop-popup-inputbox input:-moz-placeholder { font-weight: 400;
font-size: 17px;
letter-spacing: 0.04em;
color: var(--tp-common-black);
}
.tp-shop-popup-inputbox input:-ms-input-placeholder { font-weight: 400;
font-size: 17px;
letter-spacing: 0.04em;
color: var(--tp-common-black);
}
.tp-shop-popup-inputbox input::placeholder { font-weight: 400;
font-size: 17px;
letter-spacing: 0.04em;
color: var(--tp-common-black);
}
.tp-shop-popup-inputbox .tp-btn-black-square {
font-size: 18px;
font-weight: 400;
padding: 14px 34px;
border-radius: 8px;
text-transform: uppercase;
color: var(--tp-common-white);
font-family: var(--tp-ff-onest);
background-color: var(--tp-theme-shop);
border: 2px solid transparent;
}
.tp-shop-popup-inputbox .tp-btn-black-square:hover {
background-color: transparent;
border-color: var(--tp-common-black);
color: var(--tp-common-black);
}
.subscribe-popup {
position: fixed;
left: 0;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1099;
background-color: rgba(0, 0, 0, 0.5);
visibility: hidden;
opacity: 0;
transition: all 0.3s;
margin: 0 auto;
text-align: center;
}
.subscribe-popup.show {
visibility: visible;
opacity: 1;
}
.subscribe-popup .close i {
position: absolute;
right: 20px;
top: 20px;
font-size: 20px;
cursor: pointer;
font-weight: 400;
color: var(--tp-common-black);
transition: 0.3s;
}
.subscribe-popup .close:hover i {
transform: rotate(180deg);
}
@keyframes zoomInOut {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
}
.tp-shop-section-subtitle {
font-weight: 500;
font-size: 14px;
line-height: 1;
display: inline-block;
text-transform: uppercase;
color: rgba(77, 61, 48, 0.6);
font-family: var(--tp-ff-onest);
}
.tp-shop-section-title {
font-weight: 600;
font-size: 46px;
line-height: 1;
color: var(--tp-theme-shop);
letter-spacing: -0.02em;
font-family: var(--tp-ff-onest);
}
.tp-shop-section-title.fs-100 {
font-weight: 700;
font-size: 100px;
color: #322820;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-shop-section-title.fs-100 {
font-size: 80px;
}
}
@media (max-width: 767px) {
.tp-shop-section-title.fs-100 {
font-size: 50px;
}
}
.tp-shop-category-bdr {
border-bottom: 1px solid rgba(77, 61, 48, 0.12);
}
.tp-shop-category-item {
width: 100%;
padding: 40px 10px;
display: inline-block;
border: 1px solid rgba(77, 61, 48, 0.12);
}
.tp-shop-category-item:hover {
background-color: #E8E0D4;
}
.tp-shop-category-item:hover span {
color: var(--tp-theme-shop);
}
.tp-shop-category-item i {
margin-bottom: 22px;
display: inline-block;
min-height: 58px;
color: var(--tp-theme-shop);
transition: 0.3s;
}
.tp-shop-category-item span {
font-weight: 500;
font-size: 16px;
line-height: 1;
display: block;
text-align: center;
transition: 0.3s ease-in-out;
color: rgba(77, 61, 48, 0.6);
font-family: var(--tp-ff-onest);
}
.tp-shop-category-2-content {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
margin: 40px;
overflow: hidden;
}
.tp-shop-category-2-content-wrap {
transition: 0.4s;
transform: translateY(28px);
}
.tp-shop-category-2-content span {
color: #FFF;
font-size: 14px;
font-weight: 500;
line-height: 1;
font-family: var(--tp-ff-onest);
}
.tp-shop-category-2-title {
font-size: 46px;
font-weight: 700;
line-height: 1;
margin-bottom: 0;
letter-spacing: -0.46px;
text-transform: uppercase;
color: var(--tp-common-white);
font-family: var(--tp-ff-onest);
}
.tp-shop-category-2-title.sm {
font-size: 26px;
}
.tp-shop-category-2-item::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 0.3s;
pointer-events: none;
display: inline-block;
background: rgba(9, 6, 1, 0.2);
}
.tp-shop-category-2-item:hover .tp-shop-category-2-thumb img {
transform: scale(1.1) rotate(-2deg);
}
.tp-shop-category-2-item:hover .tp-shop-category-2-content-wrap {
transform: translateY(0);
}
.tp-shop-category-2-item:hover::after {
opacity: 1;
visibility: visible;
}
.tp-shop-category-2-thumb img {
transition: 0.9s;
}
.tp-shop-banner-wrap {
position: relative;
height: 900px;
overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-shop-banner-wrap {
height: 800px;
}
}
@media (max-width: 767px) {
.tp-shop-banner-wrap {
height: 700px;
}
}
.tp-shop-banner-img {
position: absolute;
top: -50px;
left: 0;
width: 100%;
height: 100%;
}
.tp-shop-banner-sm-img {
position: absolute;
height: 300px;
top: 50%;
left: 0;
right: 0;
overflow: hidden;
text-align: center;
transform: translateY(-50%);
}
.tp-shop-banner-sm-img img {
margin-top: -50px;
}
.tp-shop-instagram-item {
position: relative;
overflow: hidden;
z-index: 1;
}
.tp-shop-instagram-item:hover::before {
opacity: 1;
visibility: visible;
}
.tp-shop-instagram-item:hover .tp-shop-instagram-icon {
opacity: 1;
margin-top: 0;
}
.tp-shop-instagram-item:hover img {
transform: scale(1.1);
}
.tp-shop-instagram-item::before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 2;
background-color: rgba(0, 0, 0, 0.4);
}
.tp-shop-instagram-item img {
width: 100%;
transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
}
.tp-shop-instagram-icon {
position: absolute;
left: 50%;
top: 50%;
opacity: 0;
cursor: pointer;
margin-top: 15px;
z-index: 3;
pointer-events: none;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
-webkit-transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-shop-newsletter-ptb {
padding-top: 60px;
}
}
.tp-shop-newsletter-content {
margin-top: -185px;
}
.tp-shop-newsletter-content span {
font-weight: 400;
font-size: 30px;
line-height: 0.87;
color: #322820;
margin-bottom: 55px;
display: inline-block;
letter-spacing: -0.02em;
text-transform: uppercase;
font-family: var(--tp-ff-onest);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-shop-newsletter-content span {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.tp-shop-newsletter-content span {
font-size: 25px;
}
}
.tp-shop-newsletter-content p {
font-weight: 400;
font-size: 14px;
line-height: 1.5;
color: #322820;
max-width: 400px;
margin: 0 auto;
margin-bottom: 110px;
font-family: var(--tp-ff-onest);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-shop-newsletter-content p {
margin-bottom: 30px;
}
}
.tp-shop-newsletter-thumb .img-left {
margin-left: -15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-shop-newsletter-thumb .img-left {
margin-left: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-shop-newsletter-thumb .img-left {
margin-bottom: 0;
}
}
.tp-shop-newsletter-thumb .img-1 {
margin-left: 100px;
margin-bottom: 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-shop-newsletter-thumb .img-1 {
display: none;
}
}
.tp-shop-newsletter-btn {
margin-bottom: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-shop-newsletter-btn {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-shop-about-ptb {
padding-top: 0;
}
}
.tp-shop-about-thumb .img-1 {
margin-left: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-shop-about-thumb .img-1 {
text-align: end;
}
}
.tp-shop-about-thumb .img-2 {
margin-top: -60px;
}
.tp-shop-about-thumb .img-3 {
margin-left: 25px;
}
@media (max-width: 767px) {
.tp-shop-about-thumb .img-3 {
display: none;
}
}
.tp-shop-about-thumb .img-4 {
margin-right: 30px;
}
.tp-shop-about-thumb .img-5 {
margin-top: -75px;
margin-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-shop-about-thumb .img-5 {
text-align: start;
}
}
@media (max-width: 767px) {
.tp-shop-about-thumb .img-5 {
display: none;
}
}
.tp-shop-about-thumb .img-6 {
margin-right: 160px;
}
.tp-shop-about-content p {
font-weight: 500;
font-size: 40px;
line-height: 1.25;
color: #322820;
margin-bottom: 50px;
letter-spacing: -0.02em;
text-transform: uppercase;
font-family: var(--tp-ff-onest);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-shop-about-content p {
font-size: 37px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-shop-about-content p {
font-size: 35px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-shop-about-content p {
font-size: 30px;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.tp-shop-about-content p {
font-size: 26px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-shop-about-content p br {
display: none;
}
}
.tp-shop-about-circle-text {
margin-bottom: 35px;
animation: rotate2 5s linear infinite;
}
.tp-shop-about-btn {
margin-bottom: 140px;
}
@media (max-width: 767px) {
.tp-shop-about-btn {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-shop-feature-ptb {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-shop-feature-ptb {
padding-bottom: 80px;
}
}
.tp-shop-feature-item span {
display: inline-block;
margin-bottom: 20px;
}
.tp-shop-feature-item h4 {
font-weight: 600;
font-size: 20px;
line-height: 1;
color: var(--tp-theme-shop);
margin-bottom: 15px;
letter-spacing: -0.01em;
font-family: var(--tp-ff-onest);
}
.tp-shop-feature-item p {
font-weight: 400;
font-size: 15px;
line-height: 1.6;
color: var(--tp-theme-shop);
margin-bottom: 0;
font-family: var(--tp-ff-onest);
}
.tp-shop-feature-wrap {
padding-bottom: 60px;
border-bottom: 1px solid rgba(77, 61, 48, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-shop-product-banner {
margin-bottom: 15px;
}
}
.tp-shop-popup-logo img {
width: 120px;
height: 100%;
}
.slick-active .tp-hero-shop-slider-subtitle,
.slick-active .tp-hero-shop-slider-title,
.slick-active .tp-hero-shop-btn a {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.slick-active .tp-hero-shop-slider-subtitle {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.slick-active .tp-hero-shop-slider-title {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.slick-active .tp-hero-shop-btn a {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
}  .cst-portfolio-ptb {
padding-bottom: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cst-portfolio-ptb {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.cst-portfolio-ptb {
padding-bottom: 40px;
}
}
.cst-portfolio-bg {
position: relative;
border-radius: 32px;
overflow: hidden;
}
.cst-portfolio-bg::after {
position: absolute;
content: "";
right: 0;
top: 20%;
width: 435px;
height: 435px;
z-index: 0;
border-radius: 435px;
filter: blur(100px);
background: linear-gradient(0deg, rgba(1, 15, 210, 0.32) 0%, rgba(1, 15, 210, 0.32) 100%);
}
.cst-portfolio-bg::before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
border-radius: 32px;
content: url(//smsleb.com/wp-content/plugins/agntix-core/include/elementor/img/update/portfolio/portfolio-thumb.png);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.cst-portfolio-heading .cst-section-title {
margin-bottom: 25px;
}
}
.cst-portfolio-item {
position: relative;
z-index: 1;
padding: 40px;
border-radius: 30px;
background-color: var(--tp-common-white);
}
@media (max-width: 767px) {
.cst-portfolio-item {
padding: 26px;
}
}
.cst-portfolio-item:hover .cst-portfolio-item-thumb img {
transform: scale(1.1);
}
.cst-portfolio-item-num {
font-size: 32px;
font-weight: 500;
margin-bottom: 30px;
display: inline-block;
font-family: var(--tp-ff-phudu);
color: var(--tp-common-black-7);
}
@media (max-width: 767px) {
.cst-portfolio-item-num {
font-size: 26px;
}
}
.cst-portfolio-item-thumb {
overflow: hidden;
margin-bottom: 20px;
border-radius: 32px;
}
.cst-portfolio-item-thumb img {
width: 100%;
border-radius: 32px;
transition: all 0.5s ease-in-out;
}
.cst-portfolio-item-title {
font-size: 42px;
font-weight: 500;
margin-bottom: 22px;
font-family: var(--tp-ff-phudu);
color: var(--tp-common-black-7);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.cst-portfolio-item-title {
font-size: 34px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cst-portfolio-item-title {
font-size: 28px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.cst-portfolio-item-title {
font-size: 25px;
}
.cst-portfolio-item-title br {
display: none;
}
}
.cst-portfolio-item-categories span {
font-size: 12px;
font-weight: 600;
padding: 0px 17px;
margin-bottom: 5px;
border-radius: 10px;
display: inline-block;
text-transform: uppercase;
font-family: var(--tp-ff-inter);
color: var(--tp-common-black-7);
border: 1px solid rgba(5, 3, 18, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.cst-portfolio-thumb {
padding-top: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.cst-portfolio-thumb {
padding-top: 40px;
}
}
.cst-portfolio-thumb img {
border-radius: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.cnt-portfolio-ptb {
padding-top: 100px;
}
}
@media (max-width: 767px) {
.cnt-portfolio-ptb {
padding-top: 80px;
padding-bottom: 60px;
}
}
.cnt-portfolio-heading p {
margin-bottom: 34px;
color: rgba(5, 3, 18, 0.6);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.cnt-portfolio-heading p br {
display: none;
}
}
.cnt-portfolio-video-wrapper {
position: relative;
width: 100%;
height: 950px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.cnt-portfolio-video-wrapper {
height: auto;
padding-bottom: 60px;
}
}
.cnt-portfolio-video-wrapper video {
width: 100%;
height: 100%;
object-fit: cover;
background-size: cover;
background-position: center center;
}
.cnt-portfolio-video-card {
width: 630px;
margin: 0 auto;
margin-bottom: 60px;
padding: 60px 50px;
border-radius: 16px;
display: inline-block;
background-color: #F2F1EE;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cnt-portfolio-video-card {
padding: 30px;
}
}
@media (max-width: 767px) {
.cnt-portfolio-video-card {
padding: 20px;
width: auto;
margin: 0 20px;
margin-bottom: 30px;
}
}
.cnt-portfolio-video-sub {
font-size: 16px;
font-weight: 500;
position: relative;
margin-bottom: 8px;
display: inline-block;
text-transform: uppercase;
color: var(--tp-common-black-7);
font-family: var(--tp-ff-clash-medium);
}
.cnt-portfolio-video-sub::before {
content: "";
width: 4px;
height: 4px;
margin-right: 5px;
border-radius: 50%;
display: inline-block;
transform: translateY(-3px);
background-color: var(--tp-common-black-7);
}
.cnt-portfolio-video-title {
font-size: 32px;
font-weight: 500;
margin-bottom: 22px;
color: var(--tp-common-black-7);
font-family: var(--tp-ff-clash-medium);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.cnt-portfolio-video-title {
font-size: 28px;
}
}
@media (max-width: 767px) {
.cnt-portfolio-video-title {
font-size: 22px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.cnt-portfolio-video-title br {
display: none;
}
}
.cnt-portfolio-video-thumb {
width: 100%;
margin-bottom: 25px;
border-radius: 16px;
}
.cnt-portfolio-video-thumb img {
width: 100%;
border-radius: 16px;
}
.cnt-portfolio-video-text p {
opacity: 0.6;
margin-bottom: 0;
color: var(--tp-common-black-7);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.cnt-portfolio-video-text p br {
display: none;
}
}
.cnt-portfolio-banner img {
margin-top: -150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.cnt-portfolio-banner img {
margin-top: -100px;
}
}
@media (max-width: 767px) {
.cnt-portfolio-banner img {
margin-top: -20px;
}
}@media (max-width: 767px) {
.tp-service-area {
padding-top: 80px;
}
}
@media (max-width: 767px) {
.tp-service-thumb img {
width: 100%;
}
}
.tp-service-item {
padding: 40px;
border-top: 1px dashed #CACACA;
background-color: var(--tp-common-white);
}
@media (max-width: 767px) {
.tp-service-item {
padding: 40px 15px;
}
}
.tp-service-item:last-child {
border-bottom: 1px dashed #CACACA;
}
.tp-service-title-box {
padding: 0px 220px;
padding-bottom: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-title-box {
padding: 0 40px;
padding-bottom: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-title-box {
padding: 0px 40px;
padding-bottom: 35px;
}
}
@media (max-width: 767px) {
.tp-service-title-box {
padding: 0 15px;
padding-bottom: 35px;
}
}
.tp-service-number {
padding-left: 180px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-number {
padding: 0;
}
}
.tp-service-number span {
font-weight: 500;
font-size: 20px;
line-height: 1;
text-transform: uppercase;
color: var(--tp-common-black);
}
.tp-service-category span {
padding: 9px 17px;
font-weight: 500;
font-size: 14px;
line-height: 1;
transition: 0.3s;
margin-right: 5px;
margin-bottom: 8px;
border-radius: 20px;
display: inline-block;
text-transform: uppercase;
color: var(--tp-common-black);
border: 1px solid rgba(19, 22, 13, 0.1);
}
.tp-service-category span:hover {
border-color: #F6F6F9;
background-color: #F6F6F9;
color: var(--tp-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-category br {
display: none;
}
}
@media (max-width: 767px) {
.tp-service-category {
display: none !important;
}
.tp-service-thumb 
{
text-align: center !important;
}
.tp-service-thumb img {
width: 70% !important;
display: inline-block !important;
}
.tp-service-category br {
display: none;
}
.tp-service-category span {
font-size: 12px;
}
}
.tp-service-content .tp-section-title {
margin-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-content .tp-section-title {
margin-bottom: 30px;
letter-spacing: 0;
}
}
@media (max-width: 767px) {
.tp-service-content .tp-section-title {
margin-bottom: 20px;
letter-spacing: 0;
}
}
.tp-service-content p {
margin-bottom: 50px;
padding-right: 100px;
}
@media only screen and (min-width: 1701px) and (max-width: 1800px) {
.tp-service-content p br {
display: none;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.tp-service-content p {
padding-right: 0;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-content p {
padding-right: 0;
}
.tp-service-content p br {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-content p {
font-size: 16px;
padding-right: 0;
margin-bottom: 20px;
}
.tp-service-content p br {
display: none;
}
}
.tp-service-content .tp-service-btn {
margin-bottom: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-content .tp-service-btn {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.tp-service-content .tp-service-btn {
margin-bottom: 40px;
}
}
.dgm-service-content-left {
transition: 0.3s;
}
@media (max-width: 767px) {
.dgm-service-content-left {
flex-wrap: wrap;
}
}
.dgm-service-content-left span {
font-weight: 500;
font-size: 18px;
line-height: 1;
min-width: 100px;
transition: 0.3s;
color: var(--tp-common-white);
font-family: var(--tp-ff-grotesk);
}
@media (max-width: 767px) {
.dgm-service-content-left span {
min-width: 100%;
margin-bottom: 20px;
display: inline-block;
}
}
.dgm-service-content-left.black-text span {
color: #111013;
transition: none;
}
.dgm-service-content-left.black-text .dgm-service-title-sm {
color: #111013;
transition: none;
}
@media (max-width: 767px) {
.dgm-service-content-right {
flex-wrap: wrap;
}
}
.dgm-service-content-right p {
font-weight: 500;
font-size: 17px;
line-height: 1.53;
margin-bottom: 0;
max-width: 420px;
letter-spacing: -0.01em;
color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 767px) {
.dgm-service-content-right p {
margin-bottom: 30px;
}
.dgm-service-content-right p br {
display: none;
}
}
.dgm-service-content-right.black-text p {
color: rgba(17, 16, 19, 0.7);
}
.dgm-service-content-right.black-text .dgm-service-link {
color: #111013;
border-color: rgba(17, 16, 19, 0.2);
}
.dgm-service-link {
height: 64px;
width: 64px;
line-height: 65px;
border-radius: 50%;
text-align: center;
display: inline-block;
color: var(--tp-common-white);
transition: 0.3s;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.dgm-service-link span {
width: 20px;
height: 20px;
left: 2px;
overflow: hidden;
position: relative;
display: inline-block;
}
.dgm-service-link span svg {
transform: translateY(-2px);
position: absolute;
bottom: -1px;
left: 1px;
transition: all 0.2s ease-out;
}
.dgm-service-link span svg:last-child {
left: -12px;
bottom: -12px;
opacity: 0;
transform: translate(0, 0);
}
.dgm-service-link:hover span svg:first-child {
transform: translate(20px, -20px);
}
.dgm-service-link:hover span svg:last-child {
opacity: 1;
visibility: visible;
transform: translate(13px, -13px);
}
.dgm-service-title-sm {
font-weight: 700;
font-size: 30px;
line-height: 1.07;
letter-spacing: -0.02em;
color: var(--tp-common-white);
font-family: var(--tp-ff-grotesk);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dgm-service-title-sm br {
display: none;
}
}
@media (max-width: 767px) {
.dgm-service-title-sm {
margin-bottom: 15px;
}
.dgm-service-title-sm br {
display: none;
}
}
.dgm-service-item {
padding: 38px 0;
overflow: hidden;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dgm-service-item {
padding: 38px 30px;
}
}
@media (max-width: 767px) {
.dgm-service-item {
padding: 38px 15px;
}
}
.dgm-service-item:hover .dgm-service-bg img {
transform: scale(1.3);
opacity: 1;
visibility: visible;
}
.dgm-service-item:hover .dgm-service-content-left {
transform: translateX(30px);
}
@media (max-width: 767px) {
.dgm-service-item:hover .dgm-service-content-left {
transform: translateX(0px);
}
}
.dgm-service-item:hover .dgm-service-link {
transform: translateX(-30px);
color: var(--tp-common-black);
background-color: var(--tp-common-green-regular);
}
@media (max-width: 767px) {
.dgm-service-item:hover .dgm-service-link {
transform: translateX(0px);
}
}
.dgm-service-bg {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
}
.dgm-service-bg img {
width: 100%;
height: 100%;
transition: 0.4s;
transform: scale(1);
opacity: 0;
visibility: hidden;
}
.dgm-service-wrap .row [class*=col-] .dgm-service-item:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dgm-service-wrap.dgm-service-white .dgm-service-item {
border-color: rgba(17, 16, 19, 0.1);
}
.dgm-service-wrap.dgm-service-white .dgm-service-item:hover .dgm-service-content-left.black-text span {
color: var(--tp-common-white);
}
.dgm-service-wrap.dgm-service-white .dgm-service-item:hover .dgm-service-content-left.black-text .dgm-service-title-sm {
color: var(--tp-common-white);
}
.dgm-service-wrap.dgm-service-white .dgm-service-item:hover .dgm-service-content-right p {
color: rgba(255, 255, 255, 0.7);
}
.dgm-service-wrap.dgm-service-white .dgm-service-item:hover .dgm-service-content-right a {
border-color: var(--tp-common-green-regular);
}
.dgm-service-radius {
margin-bottom: -1px;
border-radius: 20px 20px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.dgm-service-radius {
padding-top: 100px;
}
}
.dgm-service-title-box.service-4-heading .tp-section-subtitle {
text-transform: capitalize;
}
@media (max-width: 767px) {
.creative-service-content {
flex-wrap: wrap;
}
}
.creative-service-content > span {
font-weight: 500;
font-size: 16px;
line-height: 1;
min-width: 125px;
display: inline-block;
letter-spacing: -0.04em;
transform: translateY(18px);
color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.creative-service-content > span {
min-width: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.creative-service-content > span {
min-width: 50px;
}
}
@media (max-width: 767px) {
.creative-service-content > span {
min-width: auto;
margin-bottom: 30px;
}
}
.creative-service-title {
font-weight: 400;
font-size: 134px;
line-height: 1;
margin-bottom: 20px;
letter-spacing: -0.04em;
color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.creative-service-title {
font-size: 105px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.creative-service-title {
font-size: 110px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.creative-service-title {
font-size: 80px;
}
}
@media (max-width: 767px) {
.creative-service-title {
font-size: 70px;
}
}
.creative-service-title a {
background: linear-gradient(#D0FF71, #D0FF71) left no-repeat, #fff;
background-size: 0% 100%;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: 0.5s ease-in-out;
padding-right: 15px;
}
.creative-service-category span {
font-weight: 500;
font-size: 16px;
line-height: 1;
letter-spacing: -0.02em;
color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.creative-service-category span {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.creative-service-category span {
font-size: 13px;
}
}
.creative-service-category span:not(:last-child) {
padding-right: 13px;
margin-right: 13px;
position: relative;
}
.creative-service-category span:not(:last-child)::before {
position: absolute;
top: 5px;
right: -3px;
content: "";
height: 6px;
width: 6px;
border-radius: 50%;
transform: translateY(3px);
background-color: var(--tp-common-white);
}
.creative-service-link {
margin-top: 20px;
}
.creative-service-link a {
height: 64px;
width: 64px;
line-height: 58px;
text-align: center;
border-radius: 40px;
transition: 0.3s;
display: inline-block;
color: var(--tp-common-white);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.creative-service-item {
margin-left: 80px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 28px;
padding-bottom: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.creative-service-item {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.creative-service-item {
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.creative-service-item {
flex-wrap: wrap;
}
}
.creative-service-item:hover .creative-service-link a {
border-color: #D0FF71;
background-color: #D0FF71;
color: var(--tp-common-black);
}
.creative-service-item:hover .creative-service-title a {
background-size: 100% 100%;
}
.creative-service-item.about-us-4 {
border-color: #F6F6F9;
}
.creative-service-item.about-us-4:hover .creative-service-link a {
background-color: #ff5722;
color: var(--tp-common-white);
border: 1px solid rgb(255, 87, 34);
}
.creative-service-item.about-us-4:hover .creative-service-title a {
background-size: 100% 100%;
}
.creative-service-item.about-us-4 .creative-service-title {
font-size: 120px;
font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.creative-service-item.about-us-4 .creative-service-title {
font-size: 105px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.creative-service-item.about-us-4 .creative-service-title {
font-size: 110px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.creative-service-item.about-us-4 .creative-service-title {
font-size: 80px;
}
}
@media (max-width: 767px) {
.creative-service-item.about-us-4 .creative-service-title {
font-size: 70px;
}
}
.creative-service-item.about-us-4 .creative-service-title a {
background: linear-gradient(#FF5722, #FF5722) left no-repeat, #111013;
background-size: auto, auto;
background-clip: border-box, border-box;
background-size: 0% 100%;
background-clip: text;
-webkit-background-clip: text;
}
.creative-service-item.about-us-4 .creative-service-content > span {
color: #111013;
}
.creative-service-item.about-us-4 .creative-service-category span {
color: #111013;
}
.creative-service-item.about-us-4 .creative-service-category span::before {
background-color: #111013;
}
.creative-service-item.about-us-4 .creative-service-link a {
color: #000000;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.creative-service-wrap .row [class*=col-] .creative-service-item:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.creative-service-subtitle-box .tp-section-subtitle {
color: #111013;
}
.creative-service-subtitle-box .tp-section-subtitle.fs-17.pre-circle::before {
background-color: #111013;
}
.creative-service-title-box {
padding-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.creative-service-title-box {
padding-left: 0;
}
}
.creative-service-title-box .tp-section-title {
color: #111013;
}
.creative-service-top-content p {
color: #111013;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.design-service-area {
padding-top: 80px;
}
}
@media (max-width: 767px) {
.design-service-big-text {
margin-bottom: 50px;
}
}
.design-service-big-text h4 {
font-weight: 400;
font-size: 410px;
line-height: 0.9;
color: #e0eeee;
margin-bottom: 0;
display: inline-block;
letter-spacing: -0.02em;
font-family: var(--tp-ff-dirtyline);
}
@media only screen and (min-width: 1701px) and (max-width: 1800px) {
.design-service-big-text h4 {
font-size: 380px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.design-service-big-text h4 {
font-size: 360px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.design-service-big-text h4 {
font-size: 320px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.design-service-big-text h4 {
font-size: 275px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.design-service-big-text h4 {
font-size: 225px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.design-service-big-text h4 {
font-size: 170px;
}
}
@media (max-width: 767px) {
.design-service-big-text h4 {
font-size: 80px;
}
}
.design-service-left span {
font-weight: 500;
font-size: 13px;
line-height: 1;
color: #999da6;
letter-spacing: -0.02em;
text-transform: uppercase;
}
.design-service-left span::after {
content: "";
height: 1px;
width: 76%;
margin-left: 20px;
display: inline-block;
background-color: #3c3e3f;
transform: translateY(-3px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.design-service-left span::after {
display: none;
}
}
.design-service-right {
margin-top: 8px;
}
@media (max-width: 767px) {
.studio-service-area {
padding-bottom: 80px;
}
}
@media (max-width: 767px) {
.studio-service-title-box {
margin-bottom: 40px;
}
}
.studio-service-wrap {
margin-left: 310px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.studio-service-wrap {
margin-left: 0;
}
}
.studio-service-item-wrap {
margin-left: 200px;
border-bottom: 1px solid rgba(249, 244, 232, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.studio-service-item-wrap {
margin-left: 0;
}
}
.studio-service-item-wrap .tp-award-item::after {
background-color: var(--tp-common-red);
}
.studio-service-item-wrap .tp-award-text {
font-size: 36px;
color: var(--tp-common-cream);
font-family: var(--tp-ff-clash-medium);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.studio-service-item-wrap .tp-award-text {
font-size: 25px;
}
}
@media (max-width: 767px) {
.studio-service-item-wrap .tp-award-text {
font-size: 20px;
letter-spacing: 0;
}
}
.studio-service-item-wrap .tp-award-year {
min-width: 70px;
color: rgba(249, 244, 232, 0.6);
}
@media (max-width: 767px) {
.studio-service-item-wrap .tp-award-year {
min-width: 30px;
}
}
.studio-service-item-wrap .tp-award-item:hover .tp-award-year,
.studio-service-item-wrap .tp-award-item:hover .tp-award-text,
.studio-service-item-wrap .tp-award-item:hover .tp-award-position,
.studio-service-item-wrap .tp-award-item:hover .tp-award-icon {
color: var(--tp-common-white);
}
.studio-service-item-wrap .tp-award-box-left {
transition: 0.3s;
}
.studio-service-item-wrap .tp-award-box-right {
transition: 0.3s;
}
.studio-service-item-wrap .tp-award-item {
padding: 31px 13px;
background-color: transparent;
border-top: 1px solid rgba(249, 244, 232, 0.1);
}
@media (max-width: 767px) {
.studio-service-item-wrap .tp-award-item {
padding: 20px 13px;
}
}
.studio-service-item-wrap .tp-award-item:hover .tp-award-box-left {
transform: translateX(40px);
}
@media (max-width: 767px) {
.studio-service-item-wrap .tp-award-item:hover .tp-award-box-left {
transform: translateX(0);
}
}
.studio-service-item-wrap .tp-award-item:hover .tp-award-box-right {
transform: translateX(-40px);
}
@media (max-width: 767px) {
.studio-service-item-wrap .tp-award-item:hover .tp-award-box-right {
transform: translateX(0);
}
}
.studio-service-item-wrap.black-style .tp-award-item {
border-color: rgba(0, 0, 0, 0.1);
}
.studio-service-item-wrap.black-style .tp-award-year {
color: var(--tp-common-black);
}
.studio-service-item-wrap.black-style .tp-award-text {
color: var(--tp-common-black);
}
.studio-service-item-wrap.black-style .tp-award-icon {
color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ai-service-area {
padding-top: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ai-service-area {
padding-top: 80px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ai-service-area {
padding-top: 70px;
padding-bottom: 80px;
}
}
.ai-service-item {
position: relative;
padding: 50px 70px;
border-radius: 20px;
background-color: #08041D;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ai-service-item {
padding: 50px 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
.ai-service-item {
padding: 50px 50px;
}
}
.ai-service-item:hover::after {
opacity: 0;
visibility: hidden;
}
.ai-service-item:hover::before {
opacity: 1;
visibility: visible;
}
.ai-service-item::after {
position: absolute;
content: "";
left: 0;
top: 0;
z-index: -1;
margin: -2px;
height: 100%;
border-radius: 20px;
width: calc(100% + 4px);
transition: all 0.3s ease-out 0s;
background: linear-gradient(90deg, #08041D 0%, rgba(255, 255, 255, 0.2) 100%);
background: -moz-linear-gradient(90deg, #08041D 0%, rgba(255, 255, 255, 0.2) 100%);
background: -webkit-linear-gradient(90deg, #08041D 0%, rgba(255, 255, 255, 0.2) 100%);
background: -ms-linear-gradient(90deg, #08041D 0%, rgba(255, 255, 255, 0.2) 100%);
}
.ai-service-item::before {
position: absolute;
content: "";
left: 0;
top: 0;
z-index: -1;
margin: -2px;
border-radius: 20px;
height: calc(100% + 4px);
width: calc(100% + 4px);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-out 0s;
background: linear-gradient(304deg, #FF994B 23.79%, #D34BE9 47%, #3188FF 85.86%);
background: -moz-linear-gradient(304deg, #FF994B 23.79%, #D34BE9 47%, #3188FF 85.86%);
background: -webkit-linear-gradient(304deg, #FF994B 23.79%, #D34BE9 47%, #3188FF 85.86%);
background: -ms-linear-gradient(304deg, #FF994B 23.79%, #D34BE9 47%, #3188FF 85.86%);
}
.ai-service-top-text {
padding-left: 160px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ai-service-top-text {
padding-left: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ai-service-top-text {
padding-left: 0;
}
}
.ai-service-top-text p {
font-size: 16px;
font-weight: 500;
line-height: 26px;
margin-bottom: 0;
padding-bottom: 30px;
color: rgba(255, 255, 255, 0.6);
}
.ai-service-title-sm {
font-weight: 700;
font-size: 20px;
line-height: 1.5;
letter-spacing: -0.02em;
color: var(--tp-common-white);
}
@media (max-width: 767px) {
.ai-service-title-wrap {
margin-bottom: 0;
}
}
.ai-service-content p {
font-weight: 400;
font-size: 16px;
line-height: 1.47;
margin-bottom: 25px;
color: rgba(255, 255, 255, 0.6);
}
.ai-service-link a {
height: 48px;
width: 48px;
transition: 0.4s;
line-height: 45px;
border-radius: 50%;
text-align: center;
display: inline-block;
color: var(--tp-common-white);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.ai-service-link a:hover {
color: var(--tp-common-black);
border-color: var(--tp-common-white);
background-color: var(--tp-common-white);
}
.ai-service-icon {
margin-bottom: 30px;
}
.ai-service-icon span {
display: inline-block;
min-height: 60px;
}
.ai-service-shape {
position: absolute;
top: -26%;
right: -2%;
z-index: -1;
}
.ar-service-mr {
margin-right: 210px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ar-service-mr {
margin-right: 0;
}
}
.ar-service-height {
height: 800px;
display: flex;
}
@media (max-width: 767px) {
.ar-service-height {
height: 600px;
}
}
.ar-service-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: -2;
opacity: 0;
visibility: hidden;
transition: 0.4s linear;
transform: scale(1);
background-size: cover;
background-repeat: no-repeat;
}
.ar-service-bg::after {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(20, 20, 20, 0.3);
}
.ar-service-title {
font-size: 18px;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--tp-common-white);
font-family: var(--tp-ff-clash-medium);
writing-mode: vertical-rl;
transform: rotate(180deg);
margin-bottom: 50px;
margin-right: 50px;
}
.ar-service-title::before {
content: "";
height: 0px;
width: 2px;
margin-bottom: 5px;
transition: all 0.4s;
display: inline-block;
transform: translateY(-4px);
background-color: var(--tp-common-white);
}
.ar-service-item {
height: 100%;
width: 25%;
cursor: pointer;
}
.ar-service-item:not(:last-child) {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.ar-service-item.active .ar-service-bg {
opacity: 1;
visibility: visible;
transform: scale(1.03);
}
.ar-service-item:hover .ar-service-title::before {
height: 30px;
}
.ar-service-title-box {
position: absolute;
top: 0;
left: 0;
margin: 150px 100px 100px 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ar-service-title-box {
margin: 60px 60px 60px 60px;
}
}
@media (max-width: 767px) {
.ar-service-title-box {
margin: 40px;
}
}
.crp-service-icon {
flex: 0 0 auto;
margin-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.crp-service-icon {
margin-right: 0;
margin-bottom: 20px;
}
}
.crp-service-icon span {
height: 60px;
width: 60px;
line-height: 58px;
text-align: center;
border-radius: 50%;
display: inline-block;
background-color: var(--tp-common-yellow-green);
}
.crp-service-title-sm {
font-weight: 600;
font-size: 34px;
line-height: 1.1;
letter-spacing: 0.5px;
margin-bottom: 10px;
font-family: var(--tp-ff-teko);
color: var(--tp-common-cream-3);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.crp-service-title-sm {
font-size: 30px;
}
}
@media (max-width: 767px) {
.crp-service-title-box {
margin-bottom: 30px;
}
}
.crp-service-content p {
font-weight: 500;
font-size: 16px;
line-height: 1.6;
margin-bottom: 30px;
color: rgba(255, 255, 230, 0.7);
}
.crp-service-link {
font-weight: 600;
font-size: 15px;
line-height: 1;
text-transform: uppercase;
color: var(--tp-common-cream-3);
}
.crp-service-link span {
position: relative;
z-index: 1;
overflow: hidden;
display: inline-block;
}
.crp-service-link span span.text-1 {
position: relative;
display: block;
transition: 0.3s;
}
.crp-service-link span span.text-2 {
position: absolute;
bottom: 100%;
display: block;
transition: 0.3s;
}
.crp-service-link i {
position: relative;
overflow: hidden;
width: 14px;
height: 14px;
color: #E9FF48;
margin-left: 11px;
display: inline-flex;
}
.crp-service-link i svg {
transform: translateY(-2px);
position: absolute;
bottom: -1px;
left: 1px;
transition: all 0.2s ease-out;
}
.crp-service-link i svg:last-child {
left: -12px;
bottom: -12px;
transform: translate(0, 0);
opacity: 0;
}
.crp-service-link:hover {
color: var(--tp-common-cream-3);
}
.crp-service-link:hover span span.text-1 {
-webkit-transform: translateY(150%);
transform: translateY(150%);
}
.crp-service-link:hover span span.text-2 {
bottom: 50%;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.crp-service-link:hover i svg:first-child {
transform: translate(16px, -16px);
}
.crp-service-link:hover i svg:last-child {
opacity: 1;
visibility: visible;
transform: translate(13px, -13px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.crp-service-item {
flex-wrap: wrap;
margin-top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.crp-service-area {
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.crp-service-area {
padding-top: 0;
padding-bottom: 0;
}
}
.crp-service-area .row [class*=col-]:nth-child(2n+2) .crp-service-item {
margin-left: 115px;
margin-right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.crp-service-area .row [class*=col-]:nth-child(2n+2) .crp-service-item {
margin-left: 110px;
margin-right: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.crp-service-area .row [class*=col-]:nth-child(2n+2) .crp-service-item {
margin-left: 0;
margin-right: 0;
}
}
.crp-service-area .row [class*=col-]:nth-child(2n+1) .crp-service-item {
margin-right: 180px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.crp-service-area .row [class*=col-]:nth-child(2n+1) .crp-service-item {
margin-right: 140px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.crp-service-area .row [class*=col-]:nth-child(2n+1) .crp-service-item {
margin-right: 0;
}
}
.crp-service-shape-1 {
position: absolute;
left: 0;
bottom: 18%;
z-index: -1;
}
.crp-service-shape-2 {
position: absolute;
right: 16%;
top: 0;
z-index: -1;
}
.crp-service-shape-3 {
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.st-service-ptb {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.st-service-heading {
margin-bottom: 30px;
}
}
.st-service-heading .tp-section-subtitle {
color: var(--tp-common-white);
}
.st-service-heading .tp-section-title-playfair {
color: var(--tp-common-white);
}
.st-service-heading .tp-section-title-playfair span {
color: rgba(255, 255, 255, 0.6);
}
.st-service-heading p {
letter-spacing: 0;
color: rgba(255, 255, 255, 0.65);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.st-service-heading p br {
display: none;
}
}
.st-service-item {
padding: 40px 0;
border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.st-service-item:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.st-service-item:hover .row [class*=col-] .st-service-item-wrap {
transform: translateX(0);
}
.st-service-item-wrap {
transition: 0.9s;
transform: translateX(-340px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.st-service-item-wrap {
transform: translateX(0);
}
}
@media (max-width: 767px) {
.st-service-item-wrap {
flex-wrap: wrap;
}
}
.st-service-item-thumb {
flex: 0 0 auto;
margin-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.st-service-item-thumb {
margin-right: 35px;
}
}
@media (max-width: 767px) {
.st-service-item-thumb {
width: 100%;
}
}
.st-service-item-thumb img {
border-radius: 10px;
}
@media (max-width: 767px) {
.st-service-item-thumb img {
width: 100%;
}
}
@media (max-width: 767px) {
.st-service-item-text {
padding-top: 30px;
}
}
.st-service-item-title {
margin: 0;
line-height: 1;
font-size: 50px;
font-weight: 600;
letter-spacing: -1px;
color: var(--tp-common-white);
font-family: var(--tp-ff-poppins);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.st-service-item-title {
font-size: 44px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.st-service-item-title {
font-size: 40px;
}
}
.st-service-item-tags {
flex: none;
justify-content: flex-start;
align-items: flex-start;
display: flex;
animation: marquee-horizontal 30s linear infinite;
}
.st-service-item-tags span {
font-size: 14px;
font-weight: 500;
margin-right: 6px;
padding: 1px 15px;
border-radius: 20px;
white-space: nowrap;
display: inline-block;
text-transform: uppercase;
color: var(--tp-common-white);
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.st-service-item-slider {
position: relative;
}
.st-service-item-slider::after {
position: absolute;
top: 0;
right: 0;
content: "";
height: 100%;
width: 160px;
display: inline-block;
background: linear-gradient(-90deg, #151515 0%, rgba(21, 21, 21, 0) 100%);
}
.st-service-item-slider::before {
position: absolute;
top: 0;
left: 0;
content: "";
height: 100%;
width: 160px;
z-index: 1;
display: inline-block;
background: linear-gradient(90deg, #151515 0%, rgba(21, 21, 21, 0) 100%);
}
.st-service-item-wrapper {
height: 100%;
text-align: end;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.st-service-item-btn {
margin-bottom: 30px;
}
}
.st-service-item-btn a {
display: inline-block;
}
.st-service-item-btn a span {
height: 60px;
width: 60px;
display: grid;
border-radius: 30px;
place-content: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: var(--tp-common-white);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.st-service-item-btn a:hover span {
color: var(--tp-common-black);
background-color: var(--tp-common-white);
}
.cr-service-ptb {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
@media (max-width: 767px) {
.cr-service-ptb {
padding-bottom: 80px;
}
}
.cr-service-item {
padding: 40px 0;
padding-left: 30px;
position: relative;
border-left: 1px dashed rgba(255, 255, 255, 0.08);
}
@media (max-width: 767px) {
.cr-service-item {
padding: 30px 0;
padding-left: 30px;
}
}
.cr-service-item::before {
position: absolute;
top: 45%;
left: -1px;
content: "";
width: 1px;
height: 30px;
display: inline-block;
background: linear-gradient(172deg, #926AFF 6.29%, #FF77B0 50.56%, #FEB267 92.25%);
}
.cr-service-item-icon {
margin-bottom: 30px;
}
.cr-service-item-icon span {
width: 56px;
height: 56px;
display: grid;
border-radius: 12px;
place-content: center;
text-align: center;
display: inline-block;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.cr-service-item-content p {
font-size: 16px;
font-weight: 500;
line-height: 26px;
color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cr-service-item-content p br {
display: none;
}
}
.cr-service-item-title {
font-size: 20px;
line-height: 1;
font-weight: 700;
margin-bottom: 16px;
color: var(--tp-common-white);
font-family: var(--tp-ff-onest);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-ptb {
padding-bottom: 100px;
}
}
.pp-service-shape {
position: absolute;
top: -15%;
left: 0;
z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-shape {
display: none;
}
}
.pp-service-shape.service-details-shape {
top: auto;
bottom: 10%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-shape.service-details-shape {
display: none;
}
}
.pp-service-heading {
margin-bottom: 50px;
}
.pp-service-heading span {
font-size: 18px;
font-weight: 600;
display: inline-block;
color: var(--tp-common-white);
}
.pp-service-wrapper .active-bg {
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: -1;
position: absolute;
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
background: var(--tp-common-yellow-1);
}
.pp-service-item {
display: block;
padding: 30px 0 0px 242px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.pp-service-item {
padding: 30px 0 0px 160px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pp-service-item {
padding: 30px 0 0px 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pp-service-item {
padding: 30px 0 0px 70px;
}
}
@media (max-width: 767px) {
.pp-service-item {
padding: 25px 0 15px 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.pp-service-item {
padding: 25px 0 15px 50px;
}
}
.pp-service-item::before {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
background: var(--tp-common-yellow-1);
-webkit-clip-path: inset(50% 0 50% 0);
clip-path: inset(50% 0 50% 0);
-webkit-transition: -webkit-clip-path 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-clip-path 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: clip-path 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: clip-path 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
z-index: 2;
}
.pp-service-item:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.pp-service-item:hover::before {
-webkit-clip-path: inset(0);
clip-path: inset(0);
-webkit-transition: -webkit-clip-path 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-clip-path 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: clip-path 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: clip-path 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pp-service-item:hover .pp-service-item-title {
color: #120F10;
}
.pp-service-item-title {
position: relative;
z-index: 2;
font-size: 180px;
font-weight: 600;
line-height: 0.7;
letter-spacing: -5.4px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: var(--tp-common-white);
font-family: var(--tp-ff-teko);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.pp-service-item-title {
font-size: 150px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pp-service-item-title {
font-size: 120px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pp-service-item-title {
font-size: 85px;
line-height: 1;
letter-spacing: -1.4px;
}
}
@media (max-width: 767px) {
.pp-service-item-title {
font-size: 45px;
letter-spacing: 0;
line-height: 1;
}
}
.pp-service-2.ar-hero-area {
padding-top: 205px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.pp-service-2.ar-hero-area {
padding-top: 200px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pp-service-2.ar-hero-area {
padding-top: 180px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-2.ar-hero-area {
padding-top: 150px;
padding-bottom: 50px;
}
}
.pp-service-2 .tp-career-shape-1 {
top: 50%;
right: 23%;
}
.pp-service-2-title-box .ar-about-us-4-title {
font-size: 200px;
font-weight: 700;
letter-spacing: -6px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.pp-service-2-title-box .ar-about-us-4-title {
font-size: 160px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.pp-service-2-title-box .ar-about-us-4-title {
font-size: 130px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pp-service-2-title-box .ar-about-us-4-title {
font-size: 115px;
margin-bottom: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pp-service-2-title-box .ar-about-us-4-title {
font-size: 100px;
letter-spacing: 0;
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.pp-service-2-title-box .ar-about-us-4-title {
font-size: 50px;
letter-spacing: 0;
margin-bottom: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.pp-service-2-title-box .ar-about-us-4-title {
font-size: 70px;
}
}
.pp-service-2-hight {
height: 950px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.pp-service-2-hight {
height: 720px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.pp-service-2-hight {
height: 580px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pp-service-2-hight {
height: 470px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pp-service-2-hight {
height: 370px;
}
}
@media (max-width: 767px) {
.pp-service-2-hight {
height: 250px;
}
}
.pp-service-2-banner-top {
padding-bottom: 20px;
}
.pp-service-2-banner-text p, .pp-service-2-banner-text a {
font-size: 16px;
font-weight: 500;
color: #111013;
text-transform: uppercase;
}
.pp-service-2-banner-text p span, .pp-service-2-banner-text a span {
display: inline-block;
margin-left: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.inner-service-1-left {
margin-bottom: 50px;
}
}
.inner-service-1-left > span {
font-weight: 500;
font-size: 14px;
line-height: 1;
color: #f9f4e8;
margin-bottom: 25px;
display: inline-block;
letter-spacing: 0.02em;
text-transform: uppercase;
font-family: var(--tp-ff-clash-semibold);
}
.inner-service-1-left ul li {
list-style-type: none;
}
.inner-service-1-left ul li:not(:last-child) {
margin-bottom: 12px;
}
.inner-service-1-left ul li span {
font-weight: 600;
font-size: 20px;
line-height: 1;
color: #ff535b;
letter-spacing: 0.02em;
text-transform: uppercase;
font-family: var(--tp-ff-clash-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.inner-service-1-number {
padding-bottom: 30px;
}
}
.inner-service-1-number h1 {
font-size: 400px;
font-weight: 600;
line-height: 0.7;
color: #ff535b;
margin-bottom: 0;
margin-top: 7px;
letter-spacing: 0.02em;
text-transform: uppercase;
font-family: var(--tp-ff-clash-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.inner-service-1-number h1 {
font-size: 300px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.inner-service-1-number h1 {
font-size: 200px;
}
}
@media (max-width: 767px) {
.inner-service-1-number h1 {
margin-top: 0;
font-size: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.inner-service-1-number h1 {
font-size: 130px;
}
}
.inner-service-1-text {
margin-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.inner-service-1-text {
margin-bottom: 45px;
}
}
.inner-service-1-text span {
font-weight: 500;
font-size: 14px;
line-height: 1;
margin-bottom: 20px;
display: inline-block;
letter-spacing: 0.02em;
text-transform: uppercase;
color: rgba(249, 244, 232, 0.6);
}
.inner-service-1-text p {
font-weight: 400;
font-size: 30px;
color: #f9f4e8;
line-height: 1.33;
margin-bottom: 40px;
padding-right: 100px;
letter-spacing: -0.01em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.inner-service-1-text p {
padding-right: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.inner-service-1-text p {
font-size: 24px;
}
}
@media (max-width: 767px) {
.inner-service-1-text p {
font-size: 20px;
}
}
.inner-service-1-right {
padding-left: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.inner-service-1-right {
padding-left: 0;
}
}
.inner-service-1-category {
margin-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.inner-service-1-category {
margin-bottom: 50px;
}
}
.inner-service-1-category-item {
padding: 17px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.inner-service-1-category-item:hover span {
transform: translateX(20px);
}
.inner-service-1-category-item:hover i {
transform: translateX(-20px);
}
.inner-service-1-category-item:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.inner-service-1-category-item span {
font-weight: 500;
font-size: 18px;
line-height: 1;
color: #f9f4e8;
transition: 0.3s ease-in-out;
}
.inner-service-1-category-item span::before {
content: "";
height: 6px;
width: 6px;
margin-right: 12px;
border-radius: 50%;
display: inline-block;
background-color: #FF535B;
}
.inner-service-1-category-item i {
transition: 0.3s ease-in-out;
color: var(--tp-common-white);
}
.inner-service-1-thumb {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.inner-service-1-thumb .tp--hover-img {
overflow: hidden;
}
.inner-service-1-thumb .tp--hover-img canvas {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.inner-service-1-thumb {
margin-bottom: 30px;
}
}
.inner-service-1-thumb img {
border-radius: 10px;
}
.inner-service-1-thumb-text span {
display: inline-block;
font-weight: 600;
font-size: 12px;
line-height: 1;
margin-bottom: 15px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-inner-service-area {
padding-top: 20px;
padding-bottom: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-inner-service-item {
margin-bottom: 50px;
}
}
.tp-service-4-area .tp-career-shape-1 {
top: 55%;
right: auto;
left: 44%;
transform: scaleX(-1) rotate(50deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-4-area .ar-about-us-4-hero-ptb {
padding-top: 160px;
}
}
.tp-service-4-bg-shape {
position: absolute;
top: -450px;
left: 0;
}
.tp-service-4-border {
margin-bottom: 25px;
border-bottom: 1px solid #EEE;
}
.tp-service-4-title {
font-size: 70px;
font-weight: 700;
line-height: 1;
color: #030303;
font-family: var(--tp-ff-grotesk);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-4-title {
font-size: 56px;
}
}
@media (max-width: 767px) {
.tp-service-4-title {
font-size: 43px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-service-4-title {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-title {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-title br {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-text {
padding-top: 0;
}
}
.tp-service-4-text p {
font-size: 20px;
font-weight: 500;
line-height: 28px;
color: #525252;
font-family: var(--tp-ff-grotesk);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-4-text p {
font-size: 18px;
}
}
@media (max-width: 767px) {
.tp-service-4-text p {
font-size: 17px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-service-4-text p {
font-size: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-text p br {
display: none;
}
}
.tp-service-4-banner-breadcrumb span {
position: relative;
font-size: 18px;
font-weight: 500;
line-height: 26px;
display: inline-block;
color: var(--tp-common-black);
font-family: var(--tp-ff-grotesk);
}
.tp-service-4-banner-breadcrumb span:not(:last-of-type) {
margin-right: 25px;
}
.tp-service-4-banner-breadcrumb span:not(:last-of-type)::after {
position: absolute;
content: "";
height: 8px;
width: 8px;
top: 10px;
right: -18px;
border-radius: 50%;
background-color: #525252;
}
.tp-service-4-banner-breadcrumb span a {
color: #525252;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-4-solution-area {
padding-top: 120px;
padding-bottom: 120px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-solution-area {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-solution-subtitle {
padding-bottom: 10px;
}
}
.tp-service-4-solution-subtitle p {
position: relative;
font-size: 16px;
font-weight: 500;
border-radius: 100px;
display: inline-block;
border: 1px solid #EEE;
padding: 6px 16px 6px 27px;
color: var(--tp-common-black);
}
.tp-service-4-solution-subtitle p::before {
position: absolute;
content: "";
height: 10px;
width: 10px;
top: 12px;
left: 10px;
border-radius: 50%;
background-color: var(--tp-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-4-solution-heading {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-solution-heading {
padding-bottom: 40px;
}
}
.tp-service-4-solution-title {
font-size: 50px;
font-weight: 700;
line-height: 1;
color: #030303;
letter-spacing: -1px;
font-family: var(--tp-ff-grotesk);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-service-4-solution-title {
font-size: 45px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-solution-title {
font-size: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-solution-title br {
display: none;
}
}
.tp-service-4-solution-item {
padding: 40px 35px 35px;
border: 1px solid rgba(3, 3, 3, 0.1);
}
.tp-service-4-solution-item:hover .tp-service-4-solution-item-icon span {
animation-name: tpshake;
animation-timing-function: ease-in-out;
animation-duration: 0.4s;
animation-iteration-count: 1;
}
.tp-service-4-solution-item-icon {
padding-bottom: 165px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-solution-item-icon {
padding-bottom: 100px;
}
}
.tp-service-4-solution-item-icon span {
display: inline-block;
transition: all 0.4s ease;
}
.tp-service-4-solution-item-title {
font-size: 34px;
font-weight: 700;
color: #030303;
margin-bottom: 16px;
letter-spacing: -0.34px;
font-family: var(--tp-ff-grotesk);
}
@media (max-width: 767px) {
.tp-service-4-solution-item-title {
font-size: 30px;
}
}
.tp-service-4-solution-item-content {
margin-bottom: 22px;
padding-bottom: 26px;
border-bottom: 1px solid rgba(3, 3, 3, 0.1);
}
.tp-service-4-solution-item-content p {
font-size: 17px;
font-weight: 400;
letter-spacing: -0.17px;
color: rgba(17, 16, 19, 0.7);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-solution-item-content p br {
display: none;
}
}
.tp-service-4-solution-item-btn a {
font-size: 15px;
font-weight: 700;
color: #030303;
text-transform: uppercase;
}
.tp-service-4-solution-item-btn a span {
margin-left: 4px;
display: inline-block;
}
.tp-service-4-solution-item.service-details {
border-color: rgba(255, 255, 255, 0.1);
}
.tp-service-4-solution-item.service-details .tp-service-4-solution-item-icon {
padding-bottom: 60px;
}
.tp-service-4-solution-item.service-details .tp-service-4-solution-item-title {
font-size: 40px;
font-weight: 500;
line-height: 1;
margin-bottom: 40px;
padding-bottom: 36px;
color: var(--tp-common-white);
font-family: var(--tp-ff-teko);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
.tp-service-4-solution-item.service-details .tp-service-4-solution-item-title {
font-size: 32px;
}
}
.tp-service-4-solution-item.service-details .tp-service-4-solution-item-title a {
display: inline;
transition: all 0.3s linear;
background-repeat: no-repeat;
background-size: 0% 1px, 0 1px;
background-position: 100% 100%, 0px 82%;
background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);
}
.tp-service-4-solution-item.service-details .tp-service-4-solution-item-title a:hover {
background-size: 0% 1px, 100% 1px;
}
.tp-service-4-solution-item.service-details .tp-service-4-solution-item-content {
border: none;
margin-bottom: 0;
padding-bottom: 0;
}
.tp-service-4-solution-item.service-details .tp-service-4-solution-item-content p {
color: var(--tp-common-white);
}
.tp-service-4-solution-item.service-details .tp-service-4-solution-item-content ul li {
font-size: 16px;
font-weight: 400;
list-style: none;
margin-bottom: 6px;
color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
.tp-service-4-solution-item.service-details .tp-service-4-solution-item-content ul li {
font-size: 14px;
}
}
.tp-service-4-dot .swiper-pagination-bullet {
width: 12px;
height: 12px;
opacity: 1;
transition: 0.3s;
border-radius: 50%;
display: inline-block;
background: transparent;
border: 1px solid #999;
}
.tp-service-4-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--tp-common-green-regular);
background-color: var(--tp-common-green-regular);
}
.tp-service-4-padding-area {
margin: 0 20px;
border-radius: 24px;
}
@media (max-width: 767px) {
.tp-service-4-padding-area {
margin: 0;
}
}
.tp-service-4-padding-area .dgm-footer-bg {
overflow: hidden;
border-radius: 24px;
}
@media (max-width: 767px) {
.tp-service-4-price-ptb {
padding-bottom: 100px;
}
}
.tp-service-4-price-shape {
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
}
.tp-service-4-price-shape img {
border-radius: 0 0 24px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-process-ptb {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-process-ptb {
padding-top: 100px;
}
}
.tp-service-4-process-list {
display: flex;
position: relative;
align-items: center;
padding-bottom: 60px;
}
@media (max-width: 767px) {
.tp-service-4-process-list {
padding-bottom: 30px;
}
}
.tp-service-4-process-list span {
position: relative;
font-size: 18px;
font-weight: 500;
color: #111013;
display: grid;
height: 70px;
width: 70px;
margin-right: 20px;
border-radius: 50%;
place-content: center;
border: 1px solid rgba(17, 16, 19, 0.08);
}
.tp-service-4-process-list:not(:last-child) span::before {
position: absolute;
content: "";
height: 50px;
width: 1px;
left: 0;
right: 0;
margin: 0 auto;
top: calc(100% + 10px);
background-color: rgba(17, 16, 19, 0.08);
}
@media (max-width: 767px) {
.tp-service-4-process-list:not(:last-child) span::before {
content: none;
}
}
.tp-service-4-process-list p {
font-size: 26px;
font-weight: 500;
color: #111013;
line-height: 1.2;
letter-spacing: -0.26px;
}
@media (max-width: 767px) {
.tp-service-4-process-list p {
font-size: 20px;
}
}
.tp-service-4-process-wrap {
padding-top: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-process-wrap {
padding-top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-process-wrapper {
padding-left: 0;
}
}
.tp-service-4-process-wrapper p {
font-size: 16px;
color: rgba(17, 16, 19, 0.7);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-process-wrapper p br {
display: none;
}
}
@media (max-width: 767px) {
.tp-service-4-process-wrapper p {
padding-left: 0;
}
}
.tp-service-4-process-video {
position: absolute;
left: -20px;
top: 20%;
}
@media (max-width: 767px) {
.tp-service-4-process-video {
position: static;
}
}
.tp-service-4-process-video .dgm-testimonial-playbtn {
height: 220px;
width: 220px;
display: grid;
place-content: center;
background-color: var(--tp-common-green-regular);
}
@media (max-width: 767px) {
.tp-service-4-process-video .dgm-testimonial-playbtn {
position: static;
margin: 0;
transform: translateY(30px);
}
}
.tp-service-4-process-video.service-5-pos {
top: auto;
left: auto;
right: 30%;
bottom: 0px;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-process-video.service-5-pos {
position: static;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-4-process-video.service-5-pos .dgm-testimonial-playbtn {
position: static;
margin: 0;
transform: translateY(0px);
}
}
.tp-service-4-process-video.service-5-pos .dgm-testimonial-playbtn:hover span {
color: #111013;
}
.tp-service-4-process-video.service-5-pos .dgm-testimonial-playbtn span {
font-size: 18px;
font-weight: 500;
color: #111013;
letter-spacing: -0.36px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tp-service-5-text {
margin-bottom: 35px;
}
.tp-service-5-text p {
font-size: 20px;
color: #535156;
line-height: 28px;
}
@media (max-width: 767px) {
.tp-service-5-text p br {
display: none;
}
}
.tp-service-5-list ul li {
list-style: none;
width: 50%;
float: left;
font-size: 18px;
font-weight: 500;
color: #111013;
margin-bottom: 8px;
}
@media (max-width: 767px) {
.tp-service-5-list ul li {
width: 100%;
}
}
.tp-service-5-feature-wrap {
height: 640px;
overflow: hidden;
position: relative;
border-radius: 20px;
}
@media (max-width: 767px) {
.tp-service-5-feature-wrap {
height: 300px;
}
}
.tp-service-5-feature-wrap img {
border-radius: 20px;
}
.tp-service-5-feature img {
position: absolute;
top: 0;
left: 0;
}
.tp-service-5-feature-content {
position: absolute;
z-index: 1;
bottom: 0;
padding: 215px 0 70px 170px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service-5-feature-content {
padding: 215px 0 60px 120px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-5-feature-content {
padding: 215px 0 60px 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-5-feature-content {
padding: 100px 0 60px 40px;
}
}
@media (max-width: 767px) {
.tp-service-5-feature-content {
padding: 20px;
}
}
.tp-service-5-feature-content span {
margin-bottom: 45px;
display: inline-block;
}
.tp-service-5-feature-title {
font-size: 60px;
font-weight: 900;
line-height: 0.92;
letter-spacing: -2.4px;
text-transform: uppercase;
color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-5-feature-title {
letter-spacing: -0.4px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-5-feature-title {
font-size: 52px;
}
}
@media (max-width: 767px) {
.tp-service-5-feature-title {
font-size: 30px;
letter-spacing: 0;
}
}
@media (max-width: 767px) {
.tp-service-5-feature-title br {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-5-price-ptb {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media (max-width: 767px) {
.tp-service-5-price-heading {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-service-5-price-heading {
padding-bottom: 40px;
}
}
.tp-service-5-price-heading .tp-career-title {
text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-5-price-heading .tp-career-title.fs-60 {
font-size: 50px;
}
}
.tp-service-5-price-heading.service-details .tp-career-title {
font-weight: 600;
line-height: 0.8;
letter-spacing: -1px;
text-transform: capitalize;
color: var(--tp-common-white);
font-family: var(--tp-ff-teko);
}
.tp-service-5-price-item {
padding-top: 45px;
padding-bottom: 45px;
border-top: 1px solid rgba(17, 16, 19, 0.08);
}
.tp-service-5-price-item:last-child {
border-bottom: 1px solid rgba(17, 16, 19, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-5-price-item-heading {
margin-bottom: 20px;
}
}
.tp-service-5-price-item-title {
font-size: 30px;
font-weight: 600;
color: #111013;
letter-spacing: -0.3px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-5-price-item-list {
margin-bottom: 20px;
}
}
.tp-service-5-price-item-list ul {
display: grid;
gap: 0px 30px;
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
.tp-service-5-price-item-list ul {
grid-template-columns: none;
}
}
.tp-service-5-price-item-list ul li {
font-size: 16px;
list-style: none;
font-weight: 400;
color: #111013;
margin-bottom: 4px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-5-price-item-list ul li {
font-size: 14px;
}
}
.tp-service-5-price-item-list ul li span {
margin-right: 10px;
display: inline-block;
}
.tp-service-5-price-item-head h4 {
font-size: 40px;
font-weight: 600;
color: #111013;
letter-spacing: -0.4px;
text-transform: uppercase;
}
.tp-service-5-price-item.service-details {
border-color: rgba(255, 255, 255, 0.08);
}
.tp-service-5-price-item.service-details .tp-service-5-price-item-title {
color: var(--tp-common-white);
}
.tp-service-5-price-item.service-details .tp-service-5-price-item-list ul li {
color: var(--tp-common-white);
}
.tp-service-5-price-item.service-details .tp-service-5-price-item-head h4 {
color: var(--tp-common-white);
}
.pp-service-details-ptb {
padding-top: 215px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-details-ptb {
padding-top: 170px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-details-ptb .pp-about-shape {
display: none;
}
}
.pp-service-details-about-wrap {
padding-left: 485px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-details-about-wrap {
padding-left: 0;
}
}
.pp-service-details-about-item {
display: flex;
align-items: center;
border-radius: 170px;
padding: 38px 50px 30px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pp-service-details-about-item {
padding: 38px 30px 30px;
}
}
.pp-service-details-about-item span {
width: 105px;
font-size: 70px;
font-weight: 400;
line-height: 1;
margin-right: 20px;
color: var(--tp-common-white);
font-family: var(--tp-ff-teko);
}
@media (max-width: 767px) {
.pp-service-details-about-item span {
width: 145px;
}
}
.pp-service-details-about-item span i {
margin-right: -5px;
font-style: normal;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.pp-service-details-about-item span {
font-size: 52px;
}
}
.pp-service-details-about-item p {
margin: 0;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.pp-service-details-about-item p {
font-size: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-details-about-item p {
font-size: 14px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-details-about-item p br {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-details-heading {
padding-bottom: 0px;
margin-bottom: 45px;
}
}
.pp-service-details-title {
margin: 0;
font-size: 140px;
font-weight: 600;
line-height: 0.8;
letter-spacing: -1.4px;
color: var(--tp-common-white);
font-family: var(--tp-ff-teko);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.pp-service-details-title {
font-size: 120px;
line-height: 0.7;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pp-service-details-title {
font-size: 99px;
line-height: 0.6;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pp-service-details-title {
font-size: 80px;
line-height: 0.9;
}
}
@media (max-width: 767px) {
.pp-service-details-title {
font-size: 60px;
line-height: 0.9;
}
}
@media (max-width: 767px) {
.pp-service-details-title br {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-details-title i {
display: none;
}
}
.pp-service-details-title span {
position: relative;
font-size: 16px;
font-weight: 600;
color: #0E0F11;
margin-bottom: 0;
padding: 16px 29px;
border-radius: 56px;
display: inline-block;
letter-spacing: -0.16px;
text-transform: uppercase;
border: 1px solid #FFF669;
transform: translateY(-24px);
font-family: var(--tp-ff-p);
background: var(--tp-common-yellow-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pp-service-details-title span {
transform: translateY(-16px);
}
}
@media (max-width: 767px) {
.pp-service-details-title span {
transform: translateY(-4px);
}
}
.pp-service-details-title span svg {
position: absolute;
bottom: -13px;
right: -13px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-details-overview-ptb {
padding-top: 100px;
padding-bottom: 100px;
}
}
.pp-service-details-overview-heading {
margin-bottom: 70px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pp-service-details-overview-heading {
margin-bottom: 55px;
}
}
@media (max-width: 767px) {
.pp-service-details-overview-heading {
margin-bottom: 45px;
}
}
.pp-service-details-overview-title {
font-size: 60px;
font-weight: 500;
line-height: 60px;
color: var(--tp-common-white);
font-family: var(--tp-ff-teko);
}
@media (max-width: 767px) {
.pp-service-details-overview-title {
font-size: 52px;
}
}
.pp-service-details-overview-wrapper {
padding-right: 10px;
}
.pp-service-details-overview-wrapper p {
font-size: 18px;
font-weight: 500;
margin-bottom: 45px;
color: var(--tp-common-white);
}
.pp-service-details-overview-wrapper h4 {
font-size: 34px;
font-weight: 500;
margin-bottom: 20px;
color: var(--tp-common-white);
font-family: var(--tp-ff-teko);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-details-overview-list {
margin-bottom: 30px;
}
}
.pp-service-details-overview-list ul {
display: block;
}
.pp-service-details-overview-list ul li {
font-size: 16px;
font-weight: 500;
list-style: none;
margin-bottom: 20px;
display: inline-flex;
color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-details-overview-list ul li br {
display: none;
}
}
.pp-service-details-overview-list ul li span {
display: grid;
height: 24px;
width: 24px;
margin-right: 12px;
border-radius: 50%;
text-align: center;
flex: 0 0 auto;
place-content: center;
transform: translateY(4px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.pp-service-details-overview-thumb {
margin-left: 75px;
overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-details-overview-thumb {
margin-left: 0;
}
}
.pp-service-details-overview-thumb img {
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-details-process-ptb {
padding-top: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-details-process-heading {
padding-bottom: 60px;
}
}
.pp-service-details-process-subtitle {
font-size: 16px;
font-weight: 500;
color: #C4EE18;
padding: 6px 16px;
margin-bottom: 15px;
display: inline-block;
border-radius: 100px;
font-family: var(--tp-ff-grotesk);
background: rgba(3, 3, 3, 0.4);
}
.pp-service-details-process-subtitle svg {
margin-right: 4px;
display: inline-block;
transform: translateY(-1px);
}
.pp-service-details-process-title {
font-size: 70px;
font-weight: 600;
line-height: 0.9;
color: var(--tp-common-white);
font-family: var(--tp-ff-teko);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pp-service-details-process-title {
font-size: 60px;
}
}
@media (max-width: 767px) {
.pp-service-details-process-title {
font-size: 50px;
}
}
.pp-service-details-process-box::before {
position: absolute;
content: "";
left: 0;
top: 20px;
height: 1px;
width: 100%;
z-index: -1;
background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-details-process-box::before {
content: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-details-process-item {
margin-bottom: 40px;
}
}
.pp-service-details-process-item span {
font-size: 16px;
font-weight: 600;
color: #030303;
height: 40px;
width: 40px;
text-align: center;
border-radius: 50%;
margin-bottom: 45px;
display: inline-block;
place-content: center;
background-color: #C4EE18;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pp-service-details-process-item span {
margin-bottom: 30px;
}
}
.pp-service-details-process-item h4 {
font-size: 30px;
font-weight: 500;
line-height: 1.1;
margin-bottom: 20px;
color: var(--tp-common-white);
font-family: var(--tp-ff-teko);
}
.pp-service-details-process-item p {
color: #999;
line-height: 1.4;
}
.pp-service-details-process-bottom span {
font-size: 16px;
font-weight: 500;
border-radius: 100px;
padding: 8px 34px;
display: inline-block;
background: transparent;
color: var(--tp-common-white);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.pp-service-details-process-bottom span a {
font-size: 15px;
color: #C4EE18;
margin-left: 5px;
text-transform: uppercase;
}
.pp-service-details-process-bottom span a svg {
margin-right: 4px;
}  @media (max-width: 767px) {
.cst-service-ptb {
padding-bottom: 100px;
}
}
.cst-service-item {
border-radius: 32px;
padding: 30px 16px 16px;
}
.cst-service-item:hover .cst-service-item-thumb img {
transform: scale(1.2);
}
.cst-service-item-icon span {
width: 80px;
height: 80px;
border-radius: 50%;
text-align: center;
display: inline-grid;
place-content: center;
background-color: rgba(5, 3, 18, 0.1);
}
.cst-service-item-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 14px;
text-transform: uppercase;
color: var(--tp-common-black-7);
font-family: var(--tp-ff-phudu);
}
.cst-service-item-content {
padding: 0 20px 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.cst-service-item-content {
padding: 0 20px 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.cst-service-item-content p br {
display: none;
}
}
.cst-service-item-thumb {
overflow: hidden;
border-radius: 16px;
}
.cst-service-item-thumb img {
border-radius: 16px;
transition: all 0.5s ease-in-out;
}
.cnt-service-mlr {
overflow: hidden;
margin-left: 60px;
margin-right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cnt-service-mlr {
margin-left: 35px;
margin-right: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cnt-service-mlr {
margin-left: 30px;
margin-right: 30px;
}
}
@media (max-width: 767px) {
.cnt-service-mlr {
margin-left: 20px;
margin-right: 20px;
}
}
.cnt-service-mlr .ar-service-height {
border-radius: 20px;
}
.cnt-service-mlr .ar-service-title-box {
left: 5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cnt-service-mlr .ar-service-title-box {
margin: 90px 60px 60px 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cnt-service-mlr .ar-service-title-box {
margin: 40px;
left: 0;
}
}
@media (max-width: 767px) {
.cnt-service-mlr .ar-service-title-box {
left: 0;
margin: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ais-exp-ptb {
padding-bottom: 60px;
}
}
.ais-exp-bg::after {
position: absolute;
content: "";
top: -10%;
left: 42%;
width: 400px;
height: 400px;
transform: translateX(-50%);
border-radius: 384px;
background: rgba(146, 232, 237, 0.5882352941);
filter: blur(250px);
}
.ais-exp-shape-3 {
position: absolute;
right: -24%;
top: -27%;
animation: shake 2.5s ease infinite;
-webkit-animation: shake 2.5s ease infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.ais-exp-shape-3 {
top: -34%;
right: -8%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ais-exp-shape-3 {
top: -35%;
right: -5%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ais-exp-shape-3 {
right: -4%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ais-exp-shape-3 {
right: -2%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ais-exp-shape-3 {
display: none;
}
}
.ais-exp-heading p {
color: #61616A;
font-weight: 500;
margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ais-exp-heading p {
margin-bottom: 20px;
}
}
.ais-exp-heading p span {
color: var(--tp-common-black-7);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ais-exp-heading p br {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ais-exp-thumb-shapes {
display: none;
}
}
.ais-exp-thumb-shapes .shape-1 {
top: 8%;
left: -13%;
position: absolute;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.ais-exp-thumb-shapes .shape-1 {
left: -4%;
}
}
.ais-exp-thumb-shapes .shape-2 {
right: 5%;
bottom: 4%;
position: absolute;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ais-exp-thumb-wrapper img {
width: 100%;
}
}
.ais-service-bdr {
border-top: 1px solid rgba(5, 3, 18, 0.1);
border-bottom: 1px solid rgba(5, 3, 18, 0.1);
}
.ais-service-shape {
position: absolute;
left: -5%;
bottom: 6%;
z-index: 1;
}
@media (max-width: 767px) {
.ais-service-shape {
display: none;
}
}
.ais-service-wrapper {
border-radius: 26px;
padding: 50px 50px 50px 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.ais-service-wrapper {
padding: 50px 50px 50px 50px;
}
}
@media (max-width: 767px) {
.ais-service-wrapper {
padding: 40px;
}
} div.creative-service-category span:not(:last-child)::before {
background-color: currentColor;
}
.crp-text-shape-wrap {
position: absolute;
top: 8%;
right: 18%;
z-index: 55;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.crp-text-shape-wrap {
top: 0;
}
}
.crp-text-shape-wrap.app {
top: -16%;
}
.crp-text-shape-2 {
position: absolute;
top: 16px;
left: 16px;
animation: rotate2 15s linear infinite;
}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}.elementor .e-div-block-base{min-width:30px;padding:10px;display:block;}.elementor .e-flexbox-base{padding:10px;display:flex;flex-direction:row;}.elementor .e-grid-base{column-gap:20px;padding:10px;display:grid;row-gap:20px;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);}.elementor .e-tabs-base{padding-block-start:0px;display:flex;flex-direction:column;gap:30px;}.elementor .e-tabs-menu-base{display:flex;justify-content:center;}.elementor .e-tab-base{width:160px;color:#0C0D0E;cursor:pointer;padding:8px;border-width:2px;border-color:#E0E0E0;border-style:solid;background-color:#FFFFFF;display:block;}.elementor .e-tab-base.e--selected{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:focus{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:hover,.elementor .e-tab-base:focus-visible{background-color:#E0E0E0;}.elementor .e-tabs-content-area-base{display:block;}.elementor .e-tab-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-accordion-base{padding:0px;display:flex;flex-direction:column;}.elementor .e-accordion-item-base{padding:0px;display:block;}.elementor .e-accordion-item-header-base{cursor:pointer;padding:10px;display:flex;gap:8px;justify-content:space-between;align-items:center;}.elementor .e-accordion-item-title-base{padding:0px;}.elementor .e-accordion-item-icon-base{width:200px;height:20px;padding:0px;display:inline-flex;flex:0 0 auto;justify-content:flex-end;align-items:center;}.elementor .e-accordion-item-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-background-video-base{width:100%;overflow:hidden;position:relative;padding:10px;display:flex;flex-direction:column;}.elementor .e-background-video-content-base{width:100%;position:relative;z-index:1;padding:0px;display:flex;flex-direction:column;flex:1 1 auto;}.elementor .e-background-video-controls-base{width:auto;position:absolute;inset-inline-end:20px;inset-block-end:20px;z-index:2;display:flex;gap:8px;}.elementor .e-background-video-play-base{cursor:pointer;padding:8px;border-style:none;background-color:transparent;display:inline-flex;justify-content:center;align-items:center;}.elementor .e-background-video-pause-base{cursor:pointer;padding:8px;border-style:none;background-color:transparent;display:inline-flex;justify-content:center;align-items:center;}.elementor .e-form-base{display:block;}.elementor .e-collection-loop-base{display:block;}.elementor .e-heading-base{margin:0px;}.elementor .e-heading-link-base{all:unset;cursor:pointer;}.elementor .e-image-link-base{width:fit-content;all:unset;cursor:pointer;display:inherit;}.elementor .e-image-base{display:block;}.elementor .e-paragraph-base{margin:0px;}.elementor .e-paragraph-link-base{all:unset;cursor:pointer;}.elementor .e-svg-base{width:65px;height:65px;display:inline-block;}.elementor .e-button-base{text-align:center;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;border-radius:2px;border-width:0px;background-color:#375EFB;display:inline-block;}.elementor .e-youtube-base{overflow:hidden;aspect-ratio:16/9;}.elementor .e-divider-base{width:100%;height:1px;border-width:0px;border-color:transparent;border-style:none;background-color:#000;}.elementor .e-self-hosted-video-base{max-width:100vw;aspect-ratio:16/9;display:inline-block;}