.elementor-posts--skin-classic .elementor-post {
position: relative;
overflow: hidden;
border-radius: 34px;
padding: 18px;
background: linear-gradient(135deg, rgba(233,201,214,.26), rgba(216,198,232,.18), rgba(188,220,255,.28));
border: 1px solid rgba(108,96,220,.12);
box-shadow: 0 18px 45px rgba(42,37,92,.08);
transition: all .28s ease;
}
.elementor-posts--skin-classic .elementor-post:hover {
transform: translateY(-7px);
box-shadow: 0 28px 65px rgba(108,96,220,.16);
}
.elementor-posts--skin-classic .elementor-post::before {
content: "";
position: absolute;
inset: -50%;
background:
radial-gradient(circle at 20% 20%, rgba(217,143,220,.22), transparent 34%),
radial-gradient(circle at 85% 80%, rgba(143,201,255,.28), transparent 36%);
opacity: 0;
transition: opacity .28s ease;
pointer-events: none;
}
.elementor-posts--skin-classic .elementor-post:hover::before {
opacity: 1;
}
.elementor-posts--skin-classic .elementor-post > * {
position: relative;
z-index: 2;
} .elementor-posts--skin-classic .elementor-post__thumbnail__link {
display: block;
position: relative;
overflow: hidden;
border-radius: 26px;
margin-bottom: 22px;
height: 245px;
box-shadow: 0 14px 34px rgba(42,37,92,.10);
}
.elementor-posts--skin-classic .elementor-post__thumbnail {
position: static !important;
padding-bottom: 0 !important;
height: 100% !important;
overflow: hidden;
}
.elementor-posts--skin-classic .elementor-post__thumbnail img {
position: static !important;
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
object-position: center center !important;
transform: scale(1) !important;
transition: transform .45s ease, filter .45s ease;
}
.elementor-posts--skin-classic .elementor-post:hover .elementor-post__thumbnail img {
transform: scale(1.06) !important;
filter: saturate(1.08) contrast(1.04);
} .elementor-posts--skin-classic .elementor-post__text {
padding: 0 4px 4px;
}
.elementor-posts--skin-classic .elementor-post__title {
margin-bottom: 10px;
}
.elementor-posts--skin-classic .elementor-post__title a {
color: #2a255c !important;
font-size: 22px;
line-height: 1.22;
font-weight: 800;
text-decoration: none !important;
transition: color .25s ease;
}
.elementor-posts--skin-classic .elementor-post:hover .elementor-post__title a {
color: #6c60dc !important;
}
.elementor-posts--skin-classic .elementor-post__meta-data {
margin-bottom: 14px;
color: #7d76a8 !important;
font-size: 14px;
font-weight: 600;
}
.elementor-posts--skin-classic .elementor-post__excerpt p {
color: #5f5a85 !important;
font-size: 15px;
line-height: 1.65;
margin-bottom: 20px;
} .elementor-posts--skin-classic .elementor-post__read-more {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 20px;
border-radius: 999px;
color: #fff !important;
font-size: 14px;
font-weight: 700;
text-decoration: none !important;
background: linear-gradient(135deg, #6c60dc 0%, #d98fdc 55%, #8fc9ff 100%);
box-shadow: 0 12px 28px rgba(108,96,220,.24);
transition: all .25s ease;
}
.elementor-posts--skin-classic .elementor-post__read-more:hover {
transform: translateY(-2px);
box-shadow: 0 18px 38px rgba(108,96,220,.34);
} @media (max-width: 991px) {
.elementor-posts--skin-classic .elementor-post__thumbnail__link {
height: 230px;
}
}
@media (max-width: 575px) {
.elementor-posts--skin-classic .elementor-post {
border-radius: 28px;
padding: 14px;
}
.elementor-posts--skin-classic .elementor-post__thumbnail__link {
height: 220px;
border-radius: 22px;
}
.elementor-posts--skin-classic .elementor-post__title a {
font-size: 20px;
}
.elementor-posts--skin-classic .elementor-post__read-more {
width: 100%;
}
}
.tp-header-transparent {
background: #fff !important;
} .tp-feature-med-wrap {
display: grid !important;
grid-template-columns: repeat(6, 1fr);
gap: 20px !important;
justify-content: initial !important;
}
.tp-feature-med-content {
width: auto !important;
max-width: none !important;
margin: 0 !important;
flex: initial !important;
} .tp-feature-med-content:nth-child(1) {
grid-column: 1 / 4;
}
.tp-feature-med-content:nth-child(2) {
grid-column: 4 / 7;
} .tp-feature-med-content:nth-child(3) {
grid-column: 1 / 3;
}
.tp-feature-med-content:nth-child(4) {
grid-column: 3 / 5;
}
.tp-feature-med-content:nth-child(5) {
grid-column: 5 / 7;
} .tp-feature-med-content:nth-child(3) h3,
.tp-feature-med-content:nth-child(4) h3,
.tp-feature-med-content:nth-child(5) h3 {
font-size: 18px !important;
line-height: 1.2 !important;
}
.tp-feature-med-content .icon img {
width: 40px !important;
height: 40px !important;
} .tp-feature-med-content:nth-child(3),
.tp-feature-med-content:nth-child(4),
.tp-feature-med-content:nth-child(5) {
padding-left: 18px !important;
padding-right: 18px !important;
} @media (max-width: 991px) {
.tp-feature-med-wrap {
grid-template-columns: 1fr 1fr;
}
.tp-feature-med-content {
grid-column: auto !important;
}
} @media (max-width: 575px) {
.tp-feature-med-wrap {
grid-template-columns: 1fr;
}
.tp-feature-med-content {
grid-column: auto !important;
}
} .tp-header-logo a img {
width: 210px !important;
max-width: 210px !important;
height: auto !important;
} .tp-header-med-area,
.tp-header-area {
padding: 10px 0 !important;
}
.tp-header-med-area .row,
.tp-header-med-area .d-flex {
align-items: center;
} .tp-main-menu-med > nav > ul {
display: flex !important;
align-items: center;
justify-content: center;
flex-wrap: nowrap !important;
gap: 2px !important;
white-space: nowrap !important;
}
.tp-main-menu-med > nav > ul > li {
flex: 0 0 auto !important;
white-space: nowrap !important;
}
.tp-main-menu-med > nav > ul > li > a {
position: relative;
display: inline-flex !important;
align-items: center;
justify-content: center;
padding: 9px 11px !important;
min-height: 38px;
border-radius: 999px;
color: #2a255c !important;
font-weight: 600;
font-size: 15px;
line-height: 1 !important;
white-space: nowrap !important;
transition: all 0.25s ease;
overflow: hidden;
}
.tp-main-menu-med > nav > ul > li > a span {
position: relative;
z-index: 3;
white-space: nowrap !important;
}
.tp-main-menu-med > nav > ul > li > a::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(90deg, #e9c9d6 0%, #d8c6e8 35%, #c6d6f2 70%, #bcdcff 100%);
opacity: 0;
transform: scale(0.92);
transition: all 0.25s ease;
z-index: 1;
}
.tp-main-menu-med > nav > ul > li:hover > a,
.tp-main-menu-med > nav > ul > li > a.active,
.tp-main-menu-med > nav > ul > li.current-menu-item > a,
.tp-main-menu-med > nav > ul > li.current_page_item > a {
color: #ffffff !important;
}
.tp-main-menu-med > nav > ul > li:hover > a::before,
.tp-main-menu-med > nav > ul > li > a.active::before,
.tp-main-menu-med > nav > ul > li.current-menu-item > a::before,
.tp-main-menu-med > nav > ul > li.current_page_item > a::before {
opacity: 1;
transform: scale(1);
}
.tp-main-menu-med > nav > ul > li:hover > a {
transform: translateY(-1px);
} #tp-header-sticky.tp-header-sticky .tp-main-menu-med > nav > ul {
flex-wrap: nowrap !important;
gap: 2px !important;
}
#tp-header-sticky.tp-header-sticky .tp-main-menu-med > nav > ul > li > a {
height: auto !important;
min-height: 36px !important;
padding: 8px 10px !important;
font-size: 14.5px;
line-height: 1 !important;
overflow: hidden;
}
#tp-header-sticky.tp-header-sticky .tp-main-menu-med > nav > ul > li > a::before {
inset: 0 !important;
width: 100%;
height: 100%;
border-radius: 999px;
}
#tp-header-sticky.tp-header-sticky .tp-main-menu-med > nav > ul > li > a span {
position: relative;
z-index: 3;
} .tp-header-med-btn a[href^="tel:"] {
position: relative;
display: inline-flex !important;
align-items: center;
gap: 8px;
padding: 11px 18px !important;
border-radius: 999px;
color: #ffffff !important;
font-weight: 600;
font-size: 14px;
line-height: 1;
white-space: nowrap !important;
text-decoration: none !important;
background: linear-gradient(135deg, #6c60dc 0%, #d98fdc 48%, #8fc9ff 100%);
box-shadow: 0 10px 28px rgba(108, 96, 220, 0.28);
transition: all 0.25s ease;
isolation: isolate;
}
.tp-header-med-btn a[href^="tel:"]::before {
content: "";
position: absolute;
inset: -5px;
border-radius: inherit;
background: linear-gradient(135deg, rgba(108, 96, 220, 0.35), rgba(217, 143, 220, 0.3), rgba(143, 201, 255, 0.35));
opacity: 0.75;
z-index: -1;
animation: phonePulse 2.4s ease-out infinite;
}
.tp-header-med-btn a[href^="tel:"]:hover {
transform: translateY(-2px);
color: #ffffff !important;
box-shadow: 0 14px 34px rgba(108, 96, 220, 0.36);
}
.tp-header-med-btn a[href^="tel:"] .icon {
display: inline-flex !important;
align-items: center;
justify-content: center;
}
.tp-header-med-btn a[href^="tel:"] svg {
width: 18px;
height: 18px;
}
.tp-header-med-btn a[href^="tel:"] svg path {
stroke: #ffffff !important;
}
@keyframes phonePulse {
0% {
transform: scale(1);
opacity: 0.55;
}
70% {
transform: scale(1.12);
opacity: 0;
}
100% {
transform: scale(1.12);
opacity: 0;
}
} .tp-hero-med-btn-wrap a.tp-btn-switch-text,
.tp-chose-med-btn-wrap a.tp-btn-switch-text {
position: relative;
overflow: hidden;
border-radius: 999px !important;
padding: 0 28px !important;
font-weight: 600;
background: linear-gradient(135deg, #6c60dc 0%, #d98fdc 55%, #8fc9ff 100%) !important;
color: #ffffff !important;
box-shadow: 0 14px 34px rgba(108, 96, 220, 0.28);
transition: all 0.25s ease;
}
.tp-hero-med-btn-wrap a.tp-btn-switch-text:hover,
.tp-chose-med-btn-wrap a.tp-btn-switch-text:hover {
transform: translateY(-2px);
box-shadow: 0 20px 44px rgba(108, 96, 220, 0.38);
}
.tp-hero-med-btn-wrap a.tp-btn-switch-text::before,
.tp-chose-med-btn-wrap a.tp-btn-switch-text::before {
content: "";
position: absolute;
inset: -4px;
border-radius: inherit;
background: linear-gradient(135deg, rgba(108, 96, 220, 0.4), rgba(217, 143, 220, 0.35), rgba(143, 201, 255, 0.4));
opacity: 0;
transition: 0.3s;
z-index: 0;
}
.tp-hero-med-btn-wrap a.tp-btn-switch-text:hover::before,
.tp-chose-med-btn-wrap a.tp-btn-switch-text:hover::before {
opacity: 1;
}
.tp-hero-med-btn-wrap a.tp-btn-switch-text span,
.tp-chose-med-btn-wrap a.tp-btn-switch-text span {
position: relative;
z-index: 2;
}
.tp-hero-med-btn-wrap a.tp-btn-switch-text img {
filter: brightness(0) invert(1);
} .tp-team-med-overly {
position: absolute;
inset: 0;
background: linear-gradient(
180deg,
rgba(233, 201, 214, 0) 0%,
rgba(216, 198, 232, 0.25) 55%,
rgba(188, 220, 255, 0.35) 100%
);
transition: all 0.35s cubic-bezier(0.37, 0, 0.63, 1);
opacity: 0;
visibility: hidden;
}
.tp-work-lwr-conent h4 a.underline-lwr {
pointer-events: none !important;
cursor: default !important;
text-decoration: none !important;
color: inherit !important;
} .tp-feature-med-wrap {
gap: 18px;
padding: 26px 30px;
border: 1px solid rgba(108, 96, 220, 0.12);
background: linear-gradient(90deg, rgba(233, 201, 214, 0.22), rgba(216, 198, 232, 0.18), rgba(188, 220, 255, 0.22));
box-shadow: 0 18px 45px rgba(42, 37, 92, 0.08);
}
.tp-feature-med-content {
position: relative;
flex: 1 1 360px;
padding: 18px 22px;
margin: 0 !important;
border-radius: 999px;
background: rgba(255, 255, 255, 0.78);
border: 1px solid rgba(108, 96, 220, 0.10);
box-shadow: 0 10px 28px rgba(42, 37, 92, 0.06);
transition: all 0.28s ease;
overflow: hidden;
}
.tp-feature-med-content::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(233, 201, 214, 0.35), rgba(216, 198, 232, 0.28), rgba(188, 220, 255, 0.35));
opacity: 0;
transition: opacity 0.28s ease;
z-index: 0;
}
.tp-feature-med-content:hover {
transform: translateY(-4px);
box-shadow: 0 18px 42px rgba(108, 96, 220, 0.16);
border-color: rgba(108, 96, 220, 0.20);
}
.tp-feature-med-content:hover::before {
opacity: 1;
}
.tp-feature-med-content > * {
position: relative;
z-index: 2;
}
.tp-feature-med-content .icon {
position: relative;
z-index: 5 !important;
width: 58px;
height: 58px;
min-width: 58px;
display: inline-flex !important;
align-items: center;
justify-content: center;
background: #ffffff !important;
box-shadow: 0 10px 24px rgba(108, 96, 220, 0.14);
border: 1px solid rgba(108, 96, 220, 0.12);
}
.tp-feature-med-content .icon img {
position: relative;
z-index: 6 !important;
width: 30px;
height: 30px;
object-fit: contain;
opacity: 1 !important;
visibility: visible !important;
filter: brightness(0) saturate(100%) invert(41%) sepia(62%) saturate(1223%) hue-rotate(219deg) brightness(91%) contrast(90%) !important;
transition: transform 0.28s ease;
}
.tp-feature-med-content:hover .icon img {
transform: scale(1.08) rotate(-4deg);
}
.tp-feature-med-content h3 {
color: #2a255c !important;
font-weight: 700 !important;
margin-bottom: 4px !important;
}
.tp-feature-med-content span:not(.icon) {
color: #7d76a8 !important;
font-weight: 500;
} h2.tp-ff-poppins.fs-80 {
font-size: 60px !important;
}
h2.tp-ff-poppins.fs-80 span.tp-hero-med-text-underline {
font-size: 60px !important;
}
p.tp-text-grey-9.tp-ff-roboto {
font-size: 17px !important;
color: #2B265D !important;
line-height: 1.6 !important;
} @media (min-width: 1200px) and (max-width: 1399px) {
.tp-header-area .container,
.tp-header-area .container-1710,
#tp-header-sticky .container,
#tp-header-sticky .container-1710 {
max-width: 100% !important;
width: 100% !important;
padding-left: 22px !important;
padding-right: 22px !important;
}
.tp-header-area .row.align-items-center,
#tp-header-sticky .row.align-items-center {
display: grid !important;
grid-template-columns: 185px minmax(0, 1fr) 150px !important;
align-items: center !important;
gap: 10px !important;
}
.tp-header-area .row.align-items-center > [class*="col-"],
#tp-header-sticky .row.align-items-center > [class*="col-"] {
width: auto !important;
max-width: none !important;
flex: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
min-width: 0 !important;
}
.tp-header-logo a img {
width: 165px !important;
max-width: 165px !important;
}
.tp-header-digi-menu-wrap,
.tp-main-menu-med,
.tp-main-menu-med nav,
.tp-main-menu-med > nav > ul {
width: 100% !important;
min-width: 0 !important;
}
.tp-main-menu-med > nav > ul {
display: flex !important;
justify-content: center !important;
flex-wrap: nowrap !important;
gap: 0 !important;
white-space: nowrap !important;
}
.tp-main-menu-med > nav > ul > li {
flex: 0 0 auto !important;
}
.tp-main-menu-med > nav > ul > li > a {
padding: 7px 7px !important;
font-size: 13px !important;
min-height: 34px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.tp-header-med-btn {
justify-content: flex-end !important;
}
.tp-header-med-btn a[href^="tel:"] {
padding: 9px 11px !important;
font-size: 12px !important;
gap: 5px !important;
white-space: nowrap !important;
}
.tp-header-med-btn a[href^="tel:"] svg {
width: 14px !important;
height: 14px !important;
}
} .tp-footer-area .container.container-1230 {
max-width: 1710px !important;
width: 100% !important;
padding-left: 32px !important;
padding-right: 32px !important;
} .tp-footer-area .tp-footer-med-widget {
margin-right: 0 !important;
} .footer-contact-card strong {
white-space: nowrap;
font-size: 14px;
}
@media (max-width: 1200px) {
.footer-contact-card strong {
white-space: normal;
word-break: break-word;
}
}
@media (max-width: 767px) {
.tp-footer-area .container.container-1230 {
padding-left: 18px !important;
padding-right: 18px !important;
}
} @media (max-width: 1399px) {
.tp-header-logo a img {
width: 190px !important;
max-width: 190px !important;
}
.tp-main-menu-med > nav > ul > li > a {
padding: 8px 9px !important;
font-size: 14px;
}
.tp-header-med-btn a[href^="tel:"] {
padding: 10px 14px !important;
font-size: 13px;
}
}
@media (max-width: 1199px) {
.tp-header-logo a img {
width: 170px !important;
max-width: 170px !important;
}
}
@media (max-width: 575px) {
.tp-feature-med-wrap {
padding: 18px;
border-radius: 32px !important;
}
.tp-feature-med-content {
border-radius: 28px;
padding: 16px;
}
.tp-feature-med-content h3 {
font-size: 18px !important;
}
}
@media (max-width: 480px) {
.tp-hero-med-btn-wrap a.tp-btn-switch-text,
.tp-chose-med-btn-wrap a.tp-btn-switch-text {
padding: 0 22px !important;
font-size: 14px;
}
}
@media (max-width: 425px) {
.tp-header-med-btn a[href^="tel:"] {
padding: 8px 14px !important;
font-size: 13px;
white-space: nowrap !important;
}
.tp-header-med-btn a[href^="tel:"] .icon {
display: none !important;
}
}