@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Reddit+Sans:ital,wght@0,200..900;1,200..900&display=swap");
:root {
--text-dark: #1c1c1c;
--card-shadow: 0px 4px 24px 0px rgba(28, 28, 28, 0.08);
--orange-border: 2px solid rgba(230, 83, 58, 1);
--heading-gradient: linear-gradient(
48.27deg,
#ee4b60 11.8%,
#fab361 64.06%,
#efa5c8 129.23%
);
}
html,
body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
font-size: 16px;
font-weight: 400;
font-family: "Roboto", serif;
}
body {
background-color: #fff;
}
body.dark-mode {
background-color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-family: "Roboto", serif;
}
ul {
margin: 0;
}
a,
a:hover {
text-decoration: none;
}
.main-title {
font-family: "Roboto", serif;
font-size: 42px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
.space100 {
margin-top: 100px;
}
.form-control::placeholder {
color: rgb(0, 0, 0);
}
.form-control {
border: none;
}
.form-control::-webkit-input-placeholder {
color: #ddd;
}
.form-control::-moz-placeholder {
color: #ddd;
}
.form-control:-ms-input-placeholder {
color: #ddd;
}
.form-control:-moz-placeholder {
color: #ddd;
} .header .white-btn,
.header .red-btn {
border-radius: 10px;
font-size: 14px;
text-transform: capitalize;
}
.header .white-btn::before,
.header .red-btn::before {
border-radius: 10px;
}
.white-btn {
position: relative;
padding: 15px 25px;
border-radius: 30px;
font-weight: 500;
background-color: #ffffff;
color: #ee4b60;
outline: 0.0625rem solid #ee4b60;
outline-offset: -0.0625rem;
overflow: hidden;
font-size: 14px;
text-transform: uppercase;
z-index: 1;
border: none;
transition:
color 0.2s ease-in-out,
outline-color 0.3s ease-in-out,
-webkit-text-fill-color 0.3s ease-in-out;
}
.section-9 .white-btn {
position: relative;
padding: 15px 50px;
border-radius: 30px;
font-weight: 500;
background-color: #ffffff;
color: #282828;
outline: 0.0625rem solid #282828;
outline-offset: -0.0625rem;
overflow: hidden;
font-size: 14px;
text-transform: uppercase;
z-index: 1;
border: none;
transition:
color 0.2s ease-in-out,
outline-color 0.3s ease-in-out,
-webkit-text-fill-color 0.3s ease-in-out;
}
.red-btn {
position: relative;
padding: 15px 25px;
border-radius: 30px;
background-color: #ee4b60;
color: #fff;
font-size: 18px;
outline: 0.0625rem solid #ee4b60;
outline-offset: -0.0625rem;
overflow: hidden;
text-transform: uppercase;
border: none;
z-index: 1;
}
.red-btn img {
filter: brightness(0) invert(1);
margin-top: -5px;
}
.primary-gred-btn {
position: relative;
padding: 10px 15px;
border-radius: 30px;
border: none;
text-transform: uppercase;
font-size: 16px;
background: linear-gradient(
20deg,
rgba(238, 75, 96, 1) -20%,
rgba(250, 179, 97, 1) 50%,
rgba(239, 165, 200, 1) 100%
);
color: #fff;
z-index: 1;
}
.primary-gred-btn img {
filter: brightness(0) invert(1);
}
.white-btn:hover,
.primary-gred-btn:hover {
color: #fff;
outline-color: #0000;
}
.section-9 .white-btn:hover {
color: #fff;
outline-color: #ee4b60;
background-color: #ee4b60;
}
.white-btn:before,
.primary-gred-btn::before {
content: "";
position: absolute;
background-color: #ee4b60; bottom: 0;
left: 0;
right: 100%;
top: 0;
z-index: -1;
border-radius: 30px;
transition:
right 0.2s ease-in-out,
outline-color 0.3s ease-in-out,
-webkit-text-fill-color 0.3s ease-in-out;
}
.white-btn:hover:before,
.primary-gred-btn:hover::before {
right: 0;
}
.white-btn:hover img {
filter: brightness(0) invert(1);
}
.red-btn:hover img {
filter: brightness(0) invert(1);
}
.red-btn:hover img {
filter: brightness(0) invert(1);
} .red-btn:hover {
color: #fff;
outline-color: #0000;
}
.red-btn:before {
content: "";
position: absolute;
background-color: #1d2130; bottom: 0;
left: 0;
right: 100%;
top: 0;
z-index: -1;
border-radius: 30px;
transition:
right 0.2s ease-in-out,
outline-color 0.3s ease-in-out,
-webkit-text-fill-color 0.3s ease-in-out;
}
.red-btn:hover:before {
right: 0;
} .wrapper .main {
position: relative;
margin-top: -117.25px;
} header {
position: relative;
left: 0;
width: 100%;
background-color: transparent;
z-index: 9999; transition: 0.5s;
}
header.fixed {
position: fixed;
left: 0;
top: 0;
width: 100%;
background-color: #fff;
padding: 10px 0;
}
.sticky-logo {
display: none;
}
header.fixed .default-logo {
display: none;
}
header.fixed .sticky-logo {
display: block;
}
.header .container {
max-width: 1440px;
}
.dark-mode header {
background-color: #000;
}
header .navbar {
padding: 0;
}
header .navbar-brand {
width: 200px;
display: inline-block;
transition: 0.5s;
}
header.fixed .navbar-brand {
width: 150px;
}
header.fixed .navbar-nav .nav-item .nav-link {
position: relative;
font-size: 15px;
color: #000;
padding: 10px 15px;
font-weight: 300;
}
header .navbar-nav .nav-item .nav-link {
position: relative;
font-size: 15px;
color: #fff;
padding: 20px 15px;
font-weight: 300;
}
header .navbar-nav .nav-item .nav-link:hover {
color: #ee4b60;
background-color: rgba(255, 255, 255, 0);
}
header .navbar-nav .nav-item .nav-link.active {
color: #ee4b60;
font-weight: bold;
border-bottom: 2px solid #ee4b60;
}
header .navbar .nav-item .dropdown-menu {
padding: 0;
overflow: hidden;
}
.dark-mode header .navbar .nav-item .dropdown-menu {
background-color: #111;
}
header .navbar .nav-item .dropdown-item {
font-size: 15px;
color: #ee4b60;
padding: 15px 15px;
}
header .navbar .nav-item .dropdown-item:hover {
color: #ee4b60;
background-color: rgb(146 128 255 / 20%);
}
header .navbar-toggler {
background-color: #ee4b60;
background-image: linear-gradient(20deg, #ee4b60, #fab361, #efa5c8);
font-size: 20px;
color: #fff;
padding: 6px 10px;
border: none;
border-radius: 2px;
margin-left: auto;
}
#navbar-collapse {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 99;
}  .home-banner {
position: relative;
background: url(//www.euphoriaindia.com/wp-content/themes/euphoriaconsulting/assets/img/home-new-banner.png), rgba(249, 248, 242, 1); overflow: hidden;
padding: 225px 0 120px 0;
text-align: left;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.home-banner h5 {
font-size: 74px;
color: #fff;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
}
.home-banner p {
font-size: 20px;
color: #fff;
font-weight: 500;
padding: 20px 0;
}
.business-txt {
background-image: linear-gradient(20deg, #ee4b60, #fab361, #efa5c8);
padding: 3px 15px;
}
.bg-banner {
background: url(//www.euphoriaindia.com/wp-content/themes/euphoriaconsulting/assets/img/slide-1.jpg) no-repeat;
}  .section-2 {
position: relative;
padding: 100px 0;
background: linear-gradient(
90deg,
rgba(248, 246, 241, 1) 0%,
rgba(249, 233, 236, 1) 100%
);
}
.section-2 .box-item {
padding: 20px 25px;
}
.section-2 .section-tlt {
padding-bottom: 50px;
}
.section-2 .section-tlt h1 {
font-size: 48px;
font-weight: 600;
}
.section-2 .box-item img {
width: 130px;
padding: 10px 10px;
margin-bottom: 10px;
}
.section-2 .box-item h3 {
font-size: 26px;
color: #1d2130;
font-weight: 700;
}
.section-2 .box-item p {
font-size: 18px;
color: #1d2130cc;
font-weight: 400;
margin-bottom: 0;
margin-top: 20px;
}
.section-2 .box-item img:hover {
background: linear-gradient(
40deg,
rgba(238, 75, 96, 0.15),
rgba(250, 179, 97, 0.15),
rgba(239, 165, 200, 0.15)
);
border-radius: 20px;
}  .section-3 {
position: relative;
padding: 100px 0;
background-color: #f7f7f7;
}
.offer-item-body {
position: relative;
border-radius: 15px;
overflow: hidden;
border: 1px solid #00000023;
padding: 20px;
color: #1d2130;
cursor: pointer;
min-height: 340px;
}
.offer-item-body .round {
position: absolute;
width: 270px;
height: 270px;
background-color: #fde9eb;
border: 30px solid #fef6f7;
border-radius: 50%;
top: -60px;
right: -60px;
z-index: -9;
}
.offer-item-body img {
width: 80px;
margin-bottom: 10px;
}
.offer-item-body h3 {
font-size: 26px;
font-weight: 700;
padding: 15px 0;
}
.offer-item-body p,
.offer-item-body a {
font-size: 16px;
font-weight: 400;
color: #1d2130cc;
}
.section-3 .section3-tlt {
font-size: 64px;
font-weight: 600;
}
.offer-item-body:hover,
.offer-item-body:hover > p,
.offer-item-body.active {
background-color: rgba(238, 75, 96, 1);
color: #fff;
}
.offer-item-body:hover img,
.offer-item-body.active img {
filter: brightness(0) invert(1);
}
.offer-item-body:hover .round,
.offer-item-body.active .round {
background-color: #ee4b60;
border: 30px solid #ee4b60;
}  .section-4 {
position: relative;
padding: 120px 0;
background-image: url(//www.euphoriaindia.com/wp-content/themes/euphoriaconsulting/assets/img/Homepagepic.png);
height: 800px;
background-size: cover;
}
.section-4 .section-tlt {
font-size: 68px;
}
.section-4 p {
font-size: 20px;
}
.section-4 hr.profile-line {
width: 175px;
border: 2px solid #1d2130;
opacity: 1;
}
.section-4 .profile-quote img {
width: 50px;
}
.section-4 .profile-quote p {
font-size: 24px;
font-weight: 500;
color: #202020;
}
.section-4 .quote-img {
position: absolute;
width: 450px;
top: 27%;
left: 15%;
}
.section-4 .quote-img img {
mix-blend-mode: color-burn;
}  .section-5 {
position: relative;
padding: 0 0;
background: linear-gradient(
8deg,
rgba(238, 75, 96, 1) -20%,
rgba(250, 179, 97, 1) 59%,
rgba(239, 165, 200, 1) 146%
);
background-size: cover;
}
.section-5 .quote-img {
width: 350px;
}
.section-5 .section-tlt {
font-size: 48px;
color: #fff;
font-weight: 600;
margin-bottom: 20px;
}
.section-5 p {
font-size: 21px;
font-weight: 300;
color: #fff;
margin-bottom: 20px;
}
.primary-white-btn {
padding: 10px 20px;
border-radius: 30px;
text-transform: uppercase;
font-size: 16px;
background-color: #fff;
color: #1d2130;
border: none;
}  .section-6 {
position: relative;
padding: 100px 0;
background: #f7f7f7;
background-size: cover;
}
.section-6 .section-tlt {
font-size: 48px;
font-weight: 600;
color: #1d2130;
}
.section-6 p {
font-size: 18px;
line-height: 30px;
font-weight: 400;
color: #1d2130;
}
.clients-logo {
padding-top: 70px;
}
.clients-logo img {
margin-bottom: 60px; cursor: pointer;
width: 120px;
}  .section-7 {
position: relative;
padding-top: 60px;
padding-bottom: 100px;
background: #fff;
background-size: cover;
}
.section-7 .section-tlt {
font-size: 48px;
font-weight: 600;
color: #1d2130;
}
.section-7 p {
font-size: 20px;
font-weight: 400;
color: #1d2130;
margin-bottom: 0px;
}
.section-7 .resource .section-tlt {
font-size: 48px;
font-weight: 400;
color: #1d2130;
cursor: pointer;
}
.section-7 .resource .section-tlt:hover {
color: #ee4b60;
}
.section-7 .resource p {
font-size: 14px;
font-weight: 300;
color: #1d2130;
margin: 10px 0;
}
.section-7 .resource .subhead {
font-size: 15px;
font-weight: 400;
color: #1d2130;
margin-bottom: 5px;
}
.section-7 .resource {
display: flex;
align-items: center;
margin: 25px 0;
}
.resource i.fas.fa-arrow-down {
transform: rotate(220deg);
}
.resource-img img {
border-radius: 100px;
}
.section-7 .section-tlt img {
margin-left: -10px;
width: 56px;
}
.resource .section-tlt:hover img {
filter: invert(61%) sepia(94%) saturate(4307%) hue-rotate(322deg)
brightness(93%) contrast(102%);
}  .section-8 {
position: relative;
padding: 100px 0;
background: #f7f7f7;
background-size: cover;
}
.section-8 .section-tlt {
font-size: 48px;
font-weight: 600;
color: #1d2130;
}
.section-8 p {
font-size: 18px;
font-weight: 300;
color: #1d2130;
}
.section-8 .arrow i {
font-size: 46px;
margin-left: 25px;
}
.section-8 .arrow {
cursor: pointer;
}
.section-8 .comment-box {
padding: 40px;
border-radius: 20px;
margin-top: 50px;
margin-right: 30px;
border: 1px solid #00000023;
background: #fff;
min-height: 450px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.section-8 .comment-box p {
font-size: 17px;
text-align: justify;
font-weight: 400;
color: #1d2130;
margin-bottom: 30px;
font-style: italic; }
.section-8 .comment-profile img {
width: 75px;
height: 75px;
margin-right: 10px;
}
.section-8 .comment-box .comment-profile {
align-items: center;
gap: 16px;
}
.section-8 .comment-box .comment-profile p {
font-size: 17px;
font-weight: 400;
color: #1d2130;
margin: 7px 0 0 0;
}
.testimonial-block .comment-box .comment-profile h2 {
font-size: 28px;
font-weight: 700;
}
.comment-img {
width: 100px;
}  .section-9 {
position: relative;
padding: 100px 0;
background: #fff;
background-size: cover;
}
.section-9 .section-tlt {
font-size: 48px;
font-weight: 600;
color: #1d2130;
}
.linkedin-txt {
font-size: 38px;
font-weight: 300; float: inline-end;
}
.section-9 span.contact-icon {
background: rgb(238, 75, 96);
background: linear-gradient(
61deg,
rgba(238, 75, 96, 1) 0%,
rgba(250, 179, 97, 1) 50%,
rgba(239, 165, 200, 1) 100%
);
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 50px;
margin-right: 20px;
}
.section-9 .contact-detail {
margin-top: 50px;
}
.section-9 .contact-item {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
.section-9 span.contact-icon i {
font-size: 20px;
}
.section-9 span.contact-icon img {
width: 18px;
}
.section-9 .contact-item p {
font-size: 18px;
font-weight: 400;
color: #1d2130;
margin: 0;
}
.section-9 input[type="text"] {
background-color: transparent;
height: 80px;
border-bottom: 2px solid #000;
border-radius: 0;
margin-bottom: 20px;
padding: 0;
}
.section-9 textarea {
background-color: transparent;
border-bottom: 2px solid #000;
border-radius: 0;
margin-bottom: 20px;
padding: 0;
}
.submit-btn {
padding: 10px 20px;
border-radius: 30px;
text-transform: uppercase;
font-size: 16px;
background-color: transparent;
color: #1d2130;
border: 2px solid #1d2130;
}
.section-9 form {
margin-top: -30px;
}
.form-control:focus {
border-color: transparent;
outline: 0;
box-shadow: none;
}
.form-control::placeholder {
color: #00000099;
font-size: 20px;
}
.form-check-input[type="checkbox"] {
border-radius: 0;
border: 1px solid #000000b0;
}
.form-check .form-check-input {
float: left;
margin-left: -1.5em;
margin-right: 10px;
width: 20px;
height: 20px;
}  .section-10 {
position: relative;
padding: 70px 0;
background: #1d2130;
background-size: cover;
}
.section-10 p {
font-size: 16px;
font-weight: 300;
color: #fff;
}
.section-10 .quick-link a > p {
font-size: 16px;
font-weight: 300;
color: #ffffff99;
}  .about .navbar-nav .nav-item .nav-link {
position: relative;
font-size: 15px;
color: #1d2130;
padding: 20px 15px;
font-weight: 400;
} .about .default-banner {
position: relative;
background: url(//www.euphoriaindia.com/wp-content/themes/euphoriaconsulting/assets/img/Hero.jpg), rgba(249, 248, 242, 1); overflow: hidden;
padding: 225px 0 100px 0;
text-align: left;
background-repeat: no-repeat;
background-size: cover;
background-position: right;
}
.banner-text {
padding: 0px 75px;
}
.about .main-title {
font-size: 64px;
color: #161c2d;
font-weight: 700;
text-transform: none;
line-height: 80px;
}
.about .default-banner p {
font-size: 17px;
color: #000000;
font-weight: 400;
margin-top: 15px;
}
.about span.highlight-text {
background: #ee4b60;
background: linear-gradient(40deg, #ee4b60 0%, #fab361 100%, #efa5c8 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
}
.about .circle1 {
position: absolute;
left: 3%;
bottom: 3%;
width: 300px;
height: 300px;
box-shadow: 5px 5px 36px -25px #000;
border-radius: 100%;
}
.about .circle2 {
position: absolute;
right: -10%;
top: -30%;
width: 700px;
height: 700px;
box-shadow: -3px 11px 37px -36px #000;
border-radius: 100%;
}
.about .circle3 {
position: absolute;
background-color: #fff;
right: -5%;
bottom: 3%;
width: 300px;
height: 300px;
box-shadow: 3px 16px 38px -36px #000;
border-radius: 100%;
}
.about .circle4 {
position: absolute;
background: linear-gradient(
135deg,
rgba(238, 75, 96, 1) 0%,
rgba(238, 75, 96, 0) 100%
);
right: 6%;
bottom: 35%;
width: 100px;
height: 100px;
box-shadow: 3px 16px 38px -36px #000;
border-radius: 100%;
}
.about .about-img {
background-image: url(//www.euphoriaindia.com/wp-content/themes/euphoriaconsulting/assets/img/about-banner.png);
min-height: 500px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}  .beliefs-section {
position: relative;
padding: 100px 0;
background: linear-gradient(
90deg,
rgba(248, 246, 241, 1) 0%,
rgba(249, 233, 236, 1) 100%
);
}
.beliefs-section .box-item {
padding: 20px 30px;
}
.beliefs-section .section-tlt {
padding-bottom: 30px;
}
.beliefs-section .section-tlt h1 {
font-size: 50px;
font-weight: 600;
margin: 0;
}
.beliefs-section .section-tlt p {
font-size: 16px;
font-weight: 400;
margin-top: 20px;
}
.beliefs-section .box-item img {
width: 100px;
background: linear-gradient(
40deg,
rgba(238, 75, 96, 0.15),
rgba(250, 179, 97, 0.15),
rgba(239, 165, 200, 0.15)
);
margin-bottom: 10px;
padding: 22px;
border-radius: 15px;
}
.beliefs-section .box-item h3 {
font-size: 24px;
color: #1d2130;
font-weight: 700;
padding: 15px 0;
}
.beliefs-section .box-item p {
font-size: 20px;
color: #1d2130cc;
font-weight: 400;
margin-bottom: 0;
margin-top: 10px;
}  .goal-section {
position: relative;
padding: 100px 0;
background: #fff;
background-size: cover;
}
.goal-section .section-tlt {
font-size: 48px;
font-weight: 600;
color: #1d2130;
}
.goal-section p {
font-size: 20px;
font-weight: 400;
color: #1d2130;
}  .team-section {
position: relative;
padding: 100px 0;
background: linear-gradient(
90deg,
rgba(248, 246, 241, 1) 0%,
rgba(249, 233, 236, 1) 100%
);
}
.team-section .team-img img {
width: 80%;
margin-bottom: 50px;
}
.team-section .section3-tlt {
font-size: 64px;
font-weight: 600;
color: #1d2130;
}  .timeline-section {
position: relative;
padding: 70px 0;
background: #fffefa;
background-size: cover;
}
.timeline-section .section-tlt {
font-size: 48px;
font-weight: 600;
color: #1d2130;
}
.timeline-section p {
font-size: 18px;
line-height: 30px;
font-weight: 300;
color: #1d2130;
}     .time-item-red,
.time-item-org,
.time-item-pink {
position: relative;
padding: 40px 0px 1px 20px;
border-left: 12px solid #fcdadb;
margin-left: 50px;
}
.time-item p {
margin: 0;
}
.time-item-red::after {
content: "";
position: absolute;
top: 37%;
left: -21px;
width: 30px;
height: 30px;
border-radius: 30px;
background-color: #ee4b60;
}
.time-item-org::after {
content: "";
position: absolute;
top: 37%;
left: -21px;
width: 30px;
height: 30px;
border-radius: 30px;
background-color: #fab361;
}
.time-item-pink::after {
content: "";
position: absolute;
top: 37%;
left: -21px;
width: 30px;
height: 30px;
border-radius: 30px;
background-color: #efa5c8;
}  .why-section {
position: relative;
padding: 70px 0;
background: #fff;
background-size: cover;
}
.why-section h3 {
font-size: 30px;
color: #1d2130;
padding-bottom: 10px;
font-weight: 700;
transition: 0.5s;
}
.why-section p {
font-size: 17px;
color: #1d2130;
font-weight: 400;
padding-right: 54px;
}
.why-section .section3-tlt {
font-size: 54px;
font-weight: 600;
}
.why-section .highlight-text {
font-size: 28px;
font-weight: bold;
background: linear-gradient(40deg, #ee4b60 0%, #fab361 100%, #efa5c8 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 6px;
}
.why-section i.fas.fa-arrow-right {
background-color: rgba(255, 172, 172, 1);
font-size: 20px;
padding: 13px 14px;
border-radius: 100%;
margin-right: 20px;
}
.why-section span {
font-size: 20px;
color: #1d2130;
font-weight: 500;
}
.point-item {
margin-bottom: 30px;
}   .service .navbar-nav .nav-item .nav-link {
position: relative;
font-size: 15px;
color: #1d2130;
padding: 20px 20px;
font-weight: 400;
} .service .default-banner {
position: relative;
background: url(//www.euphoriaindia.com/wp-content/themes/euphoriaconsulting/assets/img/pattern.svg), rgba(249, 248, 242, 1); overflow: hidden;
padding: 225px 0 100px 0;
text-align: left;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.service .main-title {
font-size: 64px;
color: #161c2d;
font-weight: 700;
text-transform: capitalize;
line-height: 90px;
}
.service .default-banner p {
font-size: 17px;
color: #000000;
font-weight: 400;
margin-top: 15px;
}
.service span.highlight-text {
background: #ee4b60;
background: linear-gradient(40deg, #ee4b60 0%, #fab361 100%, #efa5c8 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
}  .tab-services {
position: relative;
padding: 150px 0;
background: rgba(244, 244, 244, 1);
}
.tab-services .container {
max-width: 1100px;
}
.main-title {
font-size: 50px;
color: #161c2d;
font-weight: 700;
text-transform: capitalize;
}
ul.doted {
list-style-type: disc;
}
.circle-patter img {
position: absolute;
top: 8%;
left: 14%;
z-index: 1;
width: 450px;
}
.tab-section {
padding-top: 50px;
}
.tab-services .tab-section .tab-item {
font-size: 16px;
margin-bottom: 20px;
background-color: rgba(244, 244, 244, 1);
padding: 10px;
font-weight: 500;
color: #00000052;
}
.tab-services .tab-section .tab-item img {
background: linear-gradient(
180deg,
rgba(244, 244, 244, 0),
rgba(148, 148, 148, 0.25)
);
padding: 15px;
width: 60px;
border-radius: 10px;
margin-right: 15px;
}
.tab-services li {
font-size: 16px;
font-weight: 300;
line-height: 21px;
margin-bottom: 5px;
}
.tab-services .tab-section ul.custom-shadow {
box-shadow: 30px 0px 37px -55px;
}
.tab-services .tab-section .tab-item.active {
color: #1d2130;
font-weight: bold;
background-color: #fff;
padding: 10px;
border-radius: 10px;
margin-right: 30px;
box-shadow: 10px 10px 34px -18px #0000002b;
}
.tab-services .tab-section .tab-item.active img {
background: linear-gradient(180deg, rgba(244, 244, 244, 0), #ee4b6036);
}
.tab-services .tab-section .tab-list {
position: relative;
background-color: #fff;
padding: 20px;
border-radius: 20px;
margin-bottom: 20px;
}
.tab-services .tab-list img {
width: 40px;
}
.tab-services .tab-list h3 {
font-size: 20px;
font-weight: 500;
padding: 10px 0;
}
.tab-services .tab-list p {
font-size: 16px;
margin: 0;
}
.tab-services .tab-list .num {
position: absolute;
right: 20px;
font-size: 70px;
font-weight: bold;
color: rgb(28 28 28 / 17%);
}  .culture-section {
position: relative;
padding-top: 150px;
background: rgb(255, 255, 255);
padding-bottom: 50px;
}
.culture-section .container {
max-width: 1100px;
}
.culture-item {
display: flex;
align-items: flex-start;
padding: 35px 55px;
border-left: 2.5px solid rgba(230, 83, 58, 1);
box-shadow: 10px 10px 30px -18px #0000002b;
margin-bottom: 30px;
}
.culture-section .culture-item img {
width: 70px;
margin-right: 30px;
margin-left: -25px;
}
.culture-section .culture-item h2 {
font-size: 26px;
margin-bottom: 10px;
font-weight: 500;
}
.culture-section .culture-item p {
font-size: 16px;
line-height: 26px;
}
.culture-section .culture-box {
padding-top: 150px;
}
.culture-section .main-title {
font-family: "Roboto", serif;
font-size: 50px;
color: #1d2130;
font-weight: 700;
margin: 10px 0;
text-transform: capitalize;
}
.culture-section .right-items {
padding-left: 25px;
}    .culture-section .circle-patter2 img {
position: absolute;
top: -125px;
left: 80%;
z-index: 1;
width: 340px;
transform: rotate(122deg);
}
.obj-img {
margin-top: 75px;
width: auto;
}  .coaching {
background-color: #f9f8f2;
}
.coaching .container {
max-width: 1100px;
}
.coaching .main-title {
font-size: 50px;
color: #161c2d;
font-weight: 700;
text-transform: capitalize;
}
.coaching .box-item img {
width: 70px;
}
.coaching .box-item h3 {
padding: 10px 0;
font-size: 22px;
}
.coaching .box-item {
margin-bottom: 40px;
}
.coaching .box-item p {
font-size: 16px;
line-height: 28px;
}  .learning {
position: relative;
padding-top: 200px;
padding-bottom: 70px;
background-image: url(//www.euphoriaindia.com/wp-content/themes/euphoriaconsulting/assets/img/LD-bg.jpg);
background-size: cover;
color: #fff;
}
.learning .container {
max-width: 1100px;
}
.learning .subhead {
font-family: "Reddit Sans", serif;
font-size: 30px;
text-transform: capitalize;
}
.learning .main-title {
font-family: "Reddit Sans", serif;
font-size: 50px;
font-weight: 600;
text-transform: capitalize;
}
.learning .lean-item {
background-color: #feedf0;
color: #1d2130;
padding: 35px;
border-radius: 20px;
margin-bottom: 30px;
}
.learning .item-two {
background-color: #f6fff7;
color: #1d2130;
padding: 35px;
border-radius: 20px;
margin-bottom: 30px;
}
.learning .item-three {
background-color: #fffaef;
color: #1d2130;
padding: 35px;
border-radius: 20px;
margin-bottom: 30px;
}
.learning .module-item {
padding: 25px 35px;
margin-bottom: 45px; }
.learning .module-item ul {
margin-left: 25px;
}
.learning .module-item ul li {
font-size: 16px;
line-height: 34px;
}
.btn-gradient-1 {
background:
linear-gradient(#1e2130, #1e2130) padding-box,
linear-gradient(
to right,
rgba(238, 75, 96, 1),
rgba(250, 179, 97, 1),
rgba(239, 165, 200, 1)
)
border-box;
border-radius: 20px;
border: 2px solid transparent;
}
.circle-patter3 img {
position: absolute;
top: 60%;
left: 60%;
z-index: 1;
width: 450px;
transform: rotate(203deg);
}
.circle-patter4 img {
position: absolute;
top: 70%;
left: 10%;
z-index: 1;
width: 450px;
transform: rotate(24deg);
}
.learning ul li {
margin-bottom: 5px;
}
.lean-item h3 {
font-weight: 500;
}  .capabitily {
position: relative;
padding-top: 120px;
padding-bottom: 70px;
background: rgba(244, 244, 244, 1);
}
.capabitily .container {
max-width: 1100px;
}
.capabitily .main-title {
font-size: 44px;
color: #161c2d;
font-weight: 700;
text-transform: capitalize;
}
.cap-item {
display: flex;
align-items: flex-start;
padding: 10px;
border-bottom: 2px dashed rgba(217, 217, 217, 1); margin-bottom: 10px;
}
.cap-item img {
width: 40px;
margin: 0px 20px;
}
.cap-item h2 {
font-size: 16px;
margin-bottom: 5px;
font-weight: 500;
}
.cap-item p,
.cap-item li {
font-size: 14px;
color: #00000082;
line-height: 22px;
}
.cap-item .doted li {
margin-left: 20px;
}
.capimg {
width: 465px;
}  .faq-section {
position: relative;
padding: 70px 0;
background: #1d2130;
color: #fff;
}
.accordion-button {
background: linear-gradient(
135deg,
rgb(255 255 255 / 5%),
rgb(255 255 255 / 0%)
);
padding: 25px 20px;
color: #fff;
border-radius: 15px;
}
.faq-section .accordion-item {
color: #fff;
background-color: transparent;
border: none;
margin-bottom: 20px;
}
.accordion-button:not(.collapsed) {
color: #fff;
background-color: transparent;
box-shadow: none;
border-radius: 15px;
} .accordion-button::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23E6533A' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E ");
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23E6533A' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
} .blog-main {
position: relative;
padding: 70px 0;
background: #fff;
}
.blog-main .section-tlt {
font-size: 44px;
font-weight: 700;
text-transform: capitalize;
}
.blog-subtlt {
font-size: 24px !important;
color: #00000069 !important;
}
.blog-detail .about-img::before {
width: 100%;
height: 100%;
content: "";
background: linear-gradient(
180deg,
rgba(255, 255, 255, 1) 0%,
rgba(255, 255, 255, 0) 100%
);
display: inline-flex;
position: absolute;
}
.timeline {
font-size: 24px;
font-weight: 500;
color: rgba(29, 33, 48, 0.6);
}
.s-icn {
width: 40px;
height: 40px;
border: 1px solid #000;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
margin-right: 10px;
}
.s-icn i {
font-size: 20px;
}
.hastag {
background-color: #042ff81a;
display: inline-block;
padding: 10px 20px;
border-radius: 30px;
margin: 20px 0;
font-size: 12px;
}
.paragraph {
text-align: justify;
margin-bottom: 20px;  }
.paragraph h2 {
font-size: 24px;
font-weight: 500;
margin-bottom: 10px;
}
.contact .default-banner {
position: relative;
background: url(//www.euphoriaindia.com/wp-content/themes/euphoriaconsulting/assets/img/Hero.jpg), rgba(249, 248, 242, 1); overflow: hidden;
padding: 225px 0 100px 0;
text-align: left;
background-repeat: no-repeat;
background-size: cover;
background-position: right;
}
.contact .main-title {
font-size: 54px;
color: #161c2d;
font-weight: 700;
text-transform: capitalize;
}
.client .default-banner {
position: relative;
background: url(//www.euphoriaindia.com/wp-content/themes/euphoriaconsulting/assets/img/Hero.jpg), rgba(249, 248, 242, 1); overflow: hidden;
padding: 225px 0 100px 0;
text-align: left;
background-repeat: no-repeat;
background-size: cover;
background-position: right;
}
.client .main-title {
font-size: 54px;
color: #161c2d;
font-weight: 700;
text-transform: capitalize;
}
.client-main h3 {
font-size: 26px;
padding-bottom: 10px;
font-weight: 500;
}
.slider img {
width: 150px;
animation: scroll 30s linear infinite;
}
.slide-track { display: flex;
gap: 20px; flex-wrap: wrap;
}
.slide-track .slide {
border: 1px solid #00000069;
padding: 15px;
border-radius: 10px;
}
.client-main .row {
margin-bottom: 70px;
} .tbl-list ol li a {
font-size: 14px;
line-height: 28px;
}
.event-slider {
padding: 80px 0;
}
.swiper {
width: 100%;
margin: 0 0 30px 0;
}
.swiper-wrapper {
transition-timing-function: linear !important;
will-change: transform;
}
.swiper-slide {
display: flex;
justify-content: center;
align-items: center;
border-radius: 27px;
overflow: hidden;
flex-shrink: 0;
}
.swiper-slide img {
width: 100%;
height: 100%; } @media only screen and (max-width: 1024px) {
.swiper {
margin: 0 0 25px 0;
}
.swiper-slide img {
height: auto;
}
}
@media only screen and (max-width: 991px) {
.event-slider {
padding: 60px 0;
}
.swiper-slide {
border-radius: 12px;
}
}
@media only screen and (max-width: 767px) {
.event-slider {
padding: 40px 0;
}
}
@media only screen and (max-width: 640px) {
.swiper {
margin: 0 0 20px 0;
}
}
.event-title h1 {
font-weight: 600;
}
.max-650 {
max-width: 650px;
margin: 0 auto;
}
.event-video {
padding: 40px 0;
}
.event-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.event-img .swiper-button-prev,
.event-img .swiper-button-next {
display: none;
}
.event-cl-row h3 {
color: #1d2130;
font-size: 46px;
font-weight: 400;
margin-bottom: 16px;
}
.event-cl-row p {
margin: 0 0 40px 0;
font-size: 18px;
line-height: 30px;
font-weight: 400;
color: #1d2130;
}
.event-cl-row {
padding: 35px 0;
}
.event-btn {
margin-top: 50px;
}
.event-video iframe {
border-radius: 30px;
overflow: hidden;
}
.event-img .swiper {
width: 100%;
height: 550px;
border-radius: 30px;
overflow: hidden;
}
.event-img .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.event-img .swiper-button-prev,
.event-img .swiper-button-next {
color: #fff;
background: linear-gradient(
48.27deg,
#ee4b60 11.8%,
#fab361 64.06%,
#efa5c8 129.23%
);
width: 50px;
height: 65px;
}
.event-img .swiper-button-prev::after,
.event-img .swiper-button-next::after {
font-size: 22px;
font-weight: bold;
}
.event-img .swiper-button-prev {
left: 0;
}
.event-img .swiper-button-next {
right: 0;
}
.width-700 {
max-width: 700px;
margin: 0 auto;
}
@media only screen and (max-width: 991px) {
.event-img .swiper,
.event-video iframe {
height: 400px;
}
}
@media only screen and (max-width: 767px) {
.event-img .swiper,
.event-video iframe {
height: 320px;
}
.event-img .swiper-button-prev,
.event-img .swiper-button-next {
width: 35px;
height: 50px;
}
.event-img .swiper-button-prev::after,
.event-img .swiper-button-next::after {
font-size: 16px;
}
.width-700 {
max-width: 100%;
}
}
@media only screen and (max-width: 640px) {
.event-img .swiper,
.event-video iframe {
height: 260px;
}
} .team-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 50px;
padding: 40px;
}
.team-card {
text-align: left;
}
.image-wrapper {
background-color: #fceef5;
margin-bottom: 15px;
overflow: hidden;
line-height: 0;
border-radius: 20px;
}
.image-wrapper img {
width: 100%;
}
.member-name {
color: #ee4b60;
font-size: 22px;
font-weight: bold;
margin: 5px 0;
font-family: sans-serif;
}
.member-role {
color: #333;
font-size: 16px;
margin: 0 0 10px 0;
font-family: sans-serif;
}
.linkedin-icon svg {
display: block;
transition: opacity 0.3s;
}
.linkedin-icon:hover {
opacity: 0.8;
}
.grid-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}
.accordion-list {
display: flex;
flex-direction: column;
gap: 40px;
}
.accordion-item {
background: #ffffff;
border-radius: 12px;
box-shadow: 0px 4px 24px 0px rgba(28, 28, 28, 0.08);
padding: 20px;
transition: all 0.3s ease;
cursor: pointer;
}
.accordion-header {
display: flex;
flex-direction: column;
gap: 15px;
}
.item-icon {
width: 50px;
height: 50px;
object-fit: contain;
}
.accordion-header h3 {
margin: 0;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
}
.accordion-content {
max-height: 0;
overflow: hidden;
transition:
max-height 0.4s ease-out,
padding 0.4s ease;
margin-top: 0;
}
.accordion-item.active .accordion-content {
max-height: 500px;
margin-top: 20px;
}
.accordion-content p {
margin: 0 0 15px 0;
line-height: 1.6;
}
.accordion-content ul {
padding-left: 18px;
margin: 10px 0;
}
.accordion-content li {
margin-bottom: 8px;
line-height: 1.5;
}
.image-container {
width: 100%;
height: 100%;
border-radius: 30px;
overflow: hidden;
box-shadow: var(--shadow-card);
}
.image-container img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
#dynamic-solution-img {
transition: opacity 0.3s ease-in-out;
width: 100%;
height: auto;
display: block;
}
.accordion-item .accordion-content {
display: none;
}
.accordion-item.active .accordion-content {
display: block;
}
.outcomes-section {
padding: 80px 0;
}
.sub-heading {
font-size: 32px;
font-weight: 700;
margin-bottom: 40px;
background: var(--heading-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}
.business-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
margin-bottom: 80px;
}
.business-item {
display: flex;
gap: 20px;
align-items: flex-start;
}
.arrow-wrapper {
width: 64px;
height: 64px;
background-color: #ffacac;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.arrow-icon {
width: 23px;
height: auto;
display: block;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url(http://www.euphoriaindia.com/wp-content/uploads/2026/03/Arrow.png);
aspect-ratio: 1 / 1;
}
.business-text {
font-size: 22px;
line-height: 1.4;
color: var(--text-dark);
font-weight: 500;
}
.highlight-red {
color: #ee4b60;
font-weight: 700;
font-size: 26px;
}
.org-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.org-card {
background: #ffffff;
padding: 30px 40px;
border-radius: 0px;
border-left: var(--orange-border);
box-shadow: var(--card-shadow);
display: flex;
align-items: center;
min-height: 100px;
}
.org-card p {
margin: 0;
font-size: 22px;
font-weight: 500;
line-height: 1.4;
}
.cta-block p {
font-weight: 600;
color: #f7f7f7;
line-height: 28px;
max-width: 550px;
} .approch-section {
background-color: #1d2130;
padding: 100px 0;
display: none;
}
.approach-grid {
display: flex;
align-items: stretch;
gap: 70px;
margin: 0 auto;
padding: 80px 0 0 0;
background-color: #1a1f2c;
}
.approach-img-fix {
flex: 1;
border: 1px solid #fab361;
border-radius: 16px;
overflow: hidden;
display: flex;
}
.approach-img-fix img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.approach-content {
flex: 1.2;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.approach-item {
display: flex;
align-items: flex-start;
padding: 16px 0;
border-bottom: 1px dashed #d9d9d9;
margin-bottom: 20px;
}
.approach-item:last-child {
margin-bottom: 0;
}
.arrow-icon-g {
width: 35px;
height: 35px;
margin-right: 24px;
flex-shrink: 0;
}
.text-block h3 {
font-size: 20px;
color: #ffffff;
margin-bottom: 10px;
line-height: 80%;
font-weight: 500;
}
.text-block p {
font-size: 16px;
color: #ffffff;
line-height: 28px;
font-weight: 400;
margin: 0;
}
.dots {
list-style: disc;
padding: 0 0 0 30px;
}
.why-section .point-item .content-block p {
margin: 0;
padding-right: 0;
}
.ptp-100 {
padding: 100px 0;
}
.impact-counter {
padding: 100px 0;
}
.custom-title-block {
max-width: 900px;
margin: 0 auto;
}
.impact-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 70px;
}
.impact-item {
display: flex;
align-items: center;
text-align: left;
}
.icon-box {
flex-shrink: 0;
background: linear-gradient(
48.27deg,
rgba(238, 75, 96, 0.15) 11.8%,
rgba(250, 179, 97, 0.15) 64.06%,
rgba(239, 165, 200, 0.15) 129.23%
);
--icon-color: #ee4b60;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 30px;
padding: 25px;
}
.icon-box img {
max-width: 60px;
}
.text-box h3 {
font-size: 40px;
margin: 0;
font-weight: 700;
color: #222222;
}
.text-box p {
font-size: 18px;
margin: 10px 0 0 0;
color: #1d2130;
line-height: 1.2;
}
.dark-clr {
color: #222;
text-transform: capitalize;
}
.suffix-no {
margin-left: -8px;
display: inline-block;
}
.relative {
position: relative;
}
.title-block {
padding: 0 0 60px;
}
.dark-heading p,
.dark-heading h2 {
color: #fff;
}
.approch-section p,
.approch-section h2 {
color: #fff;
}
.cmn-title {
font-size: 2.5rem;
font-weight: 700;
color: #1d2130;
text-align: center;
} .casestudy-outcome-dark {
background-color: #1d2130;
}
.casestudy-outcome-dark h2,
.casestudy-outcome-dark p,
.casestudy-outcome-dark .business-text {
color: #fff;
}
.casestudy-outcome-dark h2 {
margin-bottom: 20px;
font-weight: 600;
font-size: 40px;
}
.casestudy-outcome-dark .org-card p {
color: #1d2130;
}
.casestudy-outcome-dark .org-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.casestudy-counter {
background: radial-gradient(circle at center, #fff5f6 0%, #ffffff 100%);
}
.cmn-title {
font-size: 2.5rem;
font-weight: 700;
color: #1d2130;
text-align: center;
}
.casestudy-counter .cmn-title {
margin-bottom: 60px;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 60px;
}
.stat-item {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.digit {
font-size: 4rem;
font-weight: 700;
line-height: 1;
margin-bottom: 15px;
background: linear-gradient(
48.27deg,
#ee4b60 11.8%,
#fab361 64.06%,
#efa5c8 129.23%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.description {
font-size: 1.3rem;
font-weight: 700;
color: #1d2130;
line-height: 1.3;
}
.casestudy-detail,
.casestudy-counter {
padding: 100px 0;
}
.casestudy-detail ul {
margin-bottom: 1rem;
}
.casestudy-detail .context-body p:last-child,
.casestudy-detail .context-body ul:last-child {
margin-bottom: 0;
}
.bg-gray {
background-color: #f4f4f4;
}
.casestudy-detail h2 {
font-size: 3rem;
font-weight: 700;
color: #1d2130;
margin-bottom: 20px;
}
.outcomes-section .cmn-title {
text-align: left;
margin-bottom: 15px;
}
.casestudy-detail h4 {
margin: 20px 0;
font-weight: 700;
font-size: 22px;
}
.resource-tabs {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 40px;
flex-wrap: wrap;
}
.tab-btn {
padding: 10px 25px;
border: 1px solid #ddd;
background: #fff;
cursor: pointer;
font-weight: 600;
transition: 0.3s;
border-radius: 10px;
}
.tab-btn:hover {
background: #f5f5f5;
}
.tab-btn.active {
background-color: #ee4b60;
color: #fff;
}
.navbar-nav li {
position: relative;
}
.navbar-nav li a {
color: #ee4b60;
font-weight: 500;
padding: 12px 18px;
display: flex;
align-items: center;
gap: 6px;
transition: all 0.3s ease;
}
.navbar-nav li a i {
display: none;
}
.navbar-nav .menu-item-has-children > a::after {
content: "\f078";
font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 11px;
margin-left: 6px;
transition: transform 0.3s ease;
}
.navbar-nav .menu-item-has-children:hover > a::after {
transform: rotate(180deg);
}
.navbar-nav .menu-item-has-children.open > a::after {
transform: rotate(180deg);
}
.navbar-nav .sub-menu {
position: absolute;
top: 100%;
left: 0;
background: #fff;
min-width: 280px;
border-radius: 6px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
display: none;
z-index: 999;
opacity: 0;
transform: translateY(10px);
transition: all 0.3s ease;
}
.navbar-nav .sub-menu li {
list-style: none;
width: 100%;
}
.navbar-nav .sub-menu li a {
display: block;
padding: 12px 20px;
font-size: 15px;
color: #1d2130 !important;
background: transparent;
border-bottom: 1px solid #eee;
transition: all 0.3s ease;
}
.navbar-nav .sub-menu li:last-child a {
border-bottom: none;
}
.navbar-nav .sub-menu li a:hover {
background: #ee4b60 !important;
color: #fff !important;
}
ul.sub-menu,
ul.footer-menu {
padding: 0;
list-style: none;
}
.resource-img {
height: 200px;
}
.resource-img img {
height: 100%;
object-fit: cover;
} .related-case-studies {
background-color: #fff;
}
.case-card {
background: #fff;
border-radius: 25px;
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
box-shadow: rgba(28, 28, 28, 0.08) 0px 4px 24px 0px;
transition: all 0.3s ease;
}
.case-card:hover {
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
transform: translateY(-5px);
}
.case-card-img img {
width: 100%;
object-fit: cover;
background-color: #f9f9f9;
}
.case-card-body {
padding: 30px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.case-card-title {
font-size: 1.4rem;
font-weight: 700;
color: #1a1a1a;
margin-bottom: 15px;
line-height: 1.3;
transition: all ease 0.5s;
}
.case-card-title:hover {
color: #ee4b60;
}
.case-excerpt p {
font-size: 1rem;
color: #666;
line-height: 1.6;
margin: 0;
width: 100%;
}
.circle-arrow-btn {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border: 1px solid #ee4b60;
border-radius: 50%;
transition: all 0.3s ease;
background-color: #ee4b60;
}
.circle-arrow-btn img {
width: 25px;
transition: transform 0.5s ease;
filter: brightness(0) invert(1);
}
.circle-arrow-btn:hover {
background-color: #1a1a1a;
border-color: #1a1a1a;
}
.circle-arrow-btn:hover img { transform: translateX(3px);
}
.postid-892 .casestudy-counter {
display: none;
}