*{ padding:0; margin:0; box-sizing:border-box;}
html {scroll-behavior: smooth;overflow-x: hidden;}
body{padding: 0;margin: 0;background: #fff;font-family: "Almarai", sans-serif;overflow-x: hidden;}
p {font-family: "Almarai", sans-serif; font-weight: 300; font-size: 18px; line-height: 35px; color: var(--dark);}
input, select, textarea , button{transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
a {text-decoration:none;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;outline:none;outline: 0;}
a::after , a::before{text-decoration:none;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
a:focus {text-decoration:none;-webkit-box-shadow: none !important;box-shadow: none !important;outline: none !important;}

a, .btn, input, select, textarea, button, img{outline: 0 !important;box-shadow: none;}
input {border: 0;outline: 0;}
ul{margin:0;padding:0;/*list-style:none;*/}
img, svg{max-width:100%}
:focus {outline: 0 none;box-shadow: inherit;}

select{color: #000;text-shadow: 0 0 0 #000;}
a img{outline: 0;}
input, select, textarea{outline: 0;-webkit-border-radius: 0;box-shadow: none;}
[type=submit], [type=submit]:focus {cursor: pointer;box-shadow: none;}
[type=submit]{cursor: pointer;}
p:empty {display: none;}
h2 {
    font-size: 44px;
    line-height: 1.4;
    font-weight: 700;
    color: var(--dark);
}
strong, b {
    font-weight: 700;
}
.common-padding {
	padding: 100px 0px;
}
.bottom-padding {
	padding-bottom: 100px;
}
:root {
  --primary: #F67280;
  --secondary: #152C40;
  --lightpurple: #F7F6FE;
  --dark: #1E1E1E;
  --white : #ffffff;
  --black : #000000;
  --grey : #B4B4B4;
}
.grecaptcha-badge {
    z-index: 999;
}
.schedule-image #foo-graphic svg {
    width: 100%;
    height: 100%;
}
/* Dark Mode Toggle*/
body.dark-mode .service-content p {
    color: #000;
}
/* body.dark-mode svg:not(.consult-btn-icon) path {
    fill: #fff;
	stroke: var(--primary);
} */
body.dark-mode #footer {
    background: #272827;
}
body.dark-mode {
    background-color: #242525;
    color: #d6d6d6;
}
/* Dark mode toggle styles removed */
body.dark-mode #header {
    background: #272827;
}
body.dark-mode #header.fixhead {
    box-shadow: 0px 3px 13px 0px #ffffff0d;
    background: #272827 !important;
}
body.dark-mode .homebanner {
    background: #272827;
}
body.dark-mode ul#menu-main-menu li a {
    color: #d6d6d6;
}
body.dark-mode ul#menu-main-menu li a:hover {
    color: var(--primary);
}
body.dark-mode ul#menu-main-menu li.current-menu-item a {
    color: var(--primary);
}
body.dark-mode .homebanner-title {
    color: #d6d6d6;
}
body.dark-mode h2 {
    color: #d6d6d6;
}
body.dark-mode p {
    color: #d6d6d6;
}
body.dark-mode .testimonial-box {
    background: transparent;
	border-color: #d6d6d6;
}
/* body.dark-mode .testimonial-logo {
    filter: invert(1);
	opacity: 60%;
} */
body.dark-mode .inner-page-banner {
    background: #272827;
}
body.dark-mode .innerbanner-title.text-center {
    color: #d6d6d6;
}
body.dark-mode .approach-box h3 a {
    color: #d6d6d6;
}
body.dark-mode .approach-box:hover > p, body.dark-mode .approach-box:hover > h3 a, body.dark-mode .approach-box:hover .approach-readmore a {
    color: #fff;
}
body.dark-mode .team-section {
    background: #272827;
}
body.dark-mode .team-member-name p {
    color: #1e1e1e;
}
body.dark-mode .team-member-box:hover {
    box-shadow: 0px 50px 40px -30px #f2f2f23b;
}
body.dark-mode #dynamic-team-designation {
    color: #d6d6d6;
}
body.dark-mode .about-bottom-section p {
    color: #fff;
}
body.dark-mode .modal-content {
    background: #272827;
}
body.dark-mode .close-popup img {
    filter: invert(1);
}
body.dark-mode .tab-switcher .tab-wrapper {
    background: #3c3c3c;
}
body.dark-mode .sub-tab-wrapper.fixed {
    background: #3c3c3c;
}
body.dark-mode .sub-tab-wrapper {
    background: #3c3c3c;
}
body.dark-mode .price-card {
    background: #242525;
    outline: 1px solid #d6d6d6;
}
body.dark-mode .tab-pricing-title {
    color: #d6d6d6;
}
body.dark-mode .price-icon img {
    filter: invert(1);
}
body.dark-mode .contact-form form input:not([type="submit"]) {
    background: transparent;
    color: #d6d6d6;
}
body.dark-mode .contact-form form textarea {
    background: transparent;
    color: #d6d6d6;
}
body.dark-mode .contact-form form textarea::placeholder, body.dark-mode .contact-form form input::placeholder {
    color: #d6d6d6;
}
/* body.dark-mode .brand_item img {
	filter: invert(1);
} */
/*Header*/
#header {
	background: transparent;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
	padding: 30px 0px;
}
.fixhead {
    background: var(--lightpurple) !important;
    box-shadow: 1px 1px 11px 0px #0000000d;
    position: fixed !important;
	padding: 20px 0px;
}
ul#menu-main-menu {
    list-style-type: none;
}
ul#menu-main-menu li {
    margin-right: 100px;
	position: relative;
}
.header-wrap-right {
    height: 100%;
}
.logo-wrapper img {
    min-width: 216px;
    max-width: 240px;
}
.bkt_container {
    width: 90%;
    margin: 0 auto;
}
.logged-in #header {
    margin-top: 30px;
}
ul#menu-main-menu li a {
    color: var(--dark);
    font-weight: 700;
    font-size: 22px;
	position: relative;
	padding: 20px 0px;
}
ul#menu-main-menu > li> a:after {
    content: "";
    width: 75%;
    height: 1px;
    background: var(--primary);
    position: absolute;
    bottom: 20px;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}
ul#menu-main-menu li.current-menu-item a:after {
	transform: scaleX(1);
}
ul#menu-main-menu li a:hover::after {
    transform: scaleX(1);
}
span.sidebar-menu-arrow::after {
    content: "\203A";
    display: inline-block;
    rotate: 90deg;
    margin-left: 10px;
    font-size: 20px;
}
.nav-menu-header ul li:hover span.sidebar-menu-arrow::after {
    color: var(--primary);
    rotate: -90deg;
}
.theme-btn {
    background: var(--primary);
    color: var(--white);
    font-weight: 700;
    font-size: 22px;
	line-height: 1.1;
    border-radius: 10px;
    padding: 12px 28px;
    border: 1px solid var(--primary);
    transition: 0.5s all;
    display: inline-block;
}
.theme-btn:hover {
    background: #e74c5f;  /* Darker shade of primary color */
    color: white;
    border-color: #e74c5f;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(246,114,128,0.3);
}
.header_btn .theme-btn {
    padding: 12px 42px;
}
.homebanner .theme-btn {
    padding: 16px 30px;
	position: relative;
}
ul#menu-main-menu li.current-menu-item a {
    color: var(--primary);
}
ul#menu-main-menu li a:hover {
    color: var(--primary);
}
.homebanner {
    background: var(--lightpurple);
}
.homebanner-title {
    color: var(--dark);
    font-weight: 700;
    font-size: 90px;
    line-height: 1.1;
    padding-top: 130px;
    margin-bottom: 30px;
}
.homebanner-box-1 {
    bottom: 12%;
    left: 2%;
}
.homebanner-main-img img, .homebanner-main-img svg {
    position: relative;
    z-index: 2;
	
}
.homebanner-box-2 {
    left: 13%;
    top: 0;
	z-index: 998;
}
.homebanner-box-3 {
    bottom: 14%;
    right: -4%;
}
.homebanner-box-4 {
    bottom: 50%;
    right: 0;
}
.homebanner-box-4:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    display: block;
    top: -40px;
    left: -40px;
    background-image: url('../img/2024/08/notification.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	z-index: 3;
}
.homebanner-box-4:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: -90%;
    left: -42%;
    background-image: url('../img/2024/08/Group-28.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 3;
	rotate: -20deg;
}
.homebanner-main-img {
    position: relative;
    z-index: 2;
}
.banner-area-animate {
    perspective: 800px;
    transform-style: preserve-3d;
    transition: transform 0.2s;
}
.banner-transformation-area {
    transform-style: preserve-3d;
    transition: transform 0.2s;
}
.datstra-box {
	transition: 0.5s all;
}
.datstra-box:hover {
	scale: 1.1;
}
.homebanner-box-1:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    display: block;
    top: -80px;
    left: 20px;
    background-image: url('../img/2024/08/notification.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
/*Footer*/
#footer {
    background: var(--secondary);
    padding-top: 80px;
    color: var(--white);
}
.footer-heading {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 24px;
}
.footer-text {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    margin-top: 40px;
    margin-top: 10px;
    margin-bottom: 0px;
	padding-right: 60px;
	color: var(--white);
	text-wrap: balance;
}
.nav-menu-footer ul li {
    list-style-type: none;
    margin-bottom: 8px;
}
.nav-menu-footer ul li a {
    font-size: 18px;
    font-weight: 300;
    color: var(--white);
}
.nav-menu-footer ul li a:hover, .nav-menu-footer ul li.current-menu-item a {
    color: var(--primary);
}
.footer-contact-link {
    display: block;
    font-size: 18px;
    color: var(--white);
    font-weight: 300;
    margin-bottom: 8px;
}
.footer-contact-link img {
    margin-right: 10px;
}
.footer-contact-link:hover {
    color: var(--primary);
}
.social-links {
    margin-top: 25px;
}
.social-links a {
    border: 1px solid var(--primary);
    border-radius: 6px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.social-links a:hover {
    opacity: 0.7;
}
.copyright-section {
    border-top: 1px solid rgb(255 255 255 / 20%);
    padding: 30px 0px;
}
.copyright-text {
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 400;
	color: var(--white);
}
#footer .container {
    padding-bottom: 60px;
}
/*Logos Slider*/
.brandslider .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	-o-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}
.brands_section {
    padding-top: 100px;
}
.brands_heading {
    text-align: center;
    font-size: 35px;
	line-height: 1.1;
    font-weight: 400;
    margin-bottom: 10px;
}
.red-text {
    color: var(--primary);
}
.brandslider {
    margin-top: 40px;
}
.brand_item {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	height: 100px;
}
.brand_item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.schedule-content {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 20px;
}
.services-box {
    align-items: center;
    background: #FEF1F2;
    border-radius: 30px;
    padding: 20px;
	margin-top: 40px;
    transition: 0.5s all;
}
.dark-mode .services-box {
    background: #545554;
}
.dark-mode .services-box *{
    color: #fff !important;
}
.services-section .row .col-lg-6:nth-child(odd) .services-box {
    margin-right: 0px;
}
.services-section .row .col-lg-6:nth-child(even) .services-box {
    margin-left: 0px;
}
.services-box .service-img img {
    transition: all ease 0.5s;
	width: 100%;
    height: 100%;
    object-fit: contain;
}
.service-img {
    background: #FFE1E4;
    border-radius: 30px;
    padding: 0px;
    height: 180px;
}
.dark-mode .service-img{
    background: #232424;
}
.dark-mode .service-img img{
    filter: invert(1);
}
.dark-mode .services-box:hover .service-img img{
    filter: invert(0);
}
.service-content p {
    font-family: "Darker Grotesque", sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: #000;
    font-weight: 500;
    margin-bottom: 0px;
}
.service-content h4 {
    font-family: "Darker Grotesque", sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.2;
    color: #000;
}
.service-content h4 a {
    color: #000;
    transition: none;
}
.services-box:hover {
    background: var(--primary);
	box-shadow: 0px 25px 25px 0px #00000014;
}
.services-box:hover .service-img {
    background: #fff;
}
.services-box:hover .service-img img{
    scale: 1.1;
}
.services-box:hover .service-content h4 a, .services-box:hover .service-content p {
    color: #fff;
}
.service-box2 .three-lines, .service-box4 .three-lines {
    top: -20px;
    right: -40px;
}
.three-lines {
    width: 60px;
	opacity: 0;
}
.service-box1 .three-lines, .service-box3 .three-lines {
    left: -40px;
    top: -20px;
    transform: rotate(245deg);
    transition: 0.5s all;
}
.services-box:hover .three-lines {
	opacity: 1;
}
.services-section {
    background-image: url('../img/2024/08/Rectangle-34.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 60%;
    padding-top: 100px;
}
body.dark-mode .services-section {
    background-image: url('../img/2024/09/output-onlinepngtools.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 60%;
}
.testimonials-heading {
    margin-bottom: 0px;
}
.testimonials-slider {
    padding: 40px 0px;
}
.testimonials-slider .swiper-wrapper {
    justify-content: center;
}
/* Keen-slider specific styles for testimonials */
.testimonials-section .container-fluid {
    overflow: visible !important;
}
.testimonials-keen-slider {
    padding: 60px 20px;
    overflow: visible !important;
}
.testimonials-keen-slider.keen-slider:not([data-keen-slider-disabled]) {
    overflow: visible !important;
}
.testimonials-keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
    min-height: 100%;
    height: auto;
    overflow: visible !important;
    padding: 20px 10px; /* Add padding to prevent shadow clipping */
}
.testimonials-keen-slider .keen-slider__slide .testimonial-box {
    box-shadow: 0px 24px 60px -10px rgba(0, 0, 0, 0.08) !important;
}
.testimonial-box {
    border: 2px solid #f1f1f1;
    border-radius: 30px;
    box-shadow: 0px 24px 60px -10px #0000000D;
    background: #fff;
    padding: 30px;
    display: flex;
    flex-direction: column;
    min-height: 440px;
    justify-content: space-between;
}
.testimonial-logo {
    width: 50%;
	/* opacity: 18%; */
	margin-bottom: 10px;
}
.testimonial-content {
    color: var(--black);
	font-size: 22px;
    line-height: 1.6;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.3s ease;
}
.testimonial-content.expanded {
    -webkit-line-clamp: unset;
    overflow: visible;
}
.read-more, .read-less {
    color: var(--primary);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    transition: opacity 0.3s ease;
}
.read-more:hover, .read-less:hover {
    opacity: 0.8;
    text-decoration: underline;
}
.read-less {
    display: none;
}
.testimonial-name {
    font-size: 30px;
    line-height: 33.48px;
    margin-bottom: 0;
	margin-top: 40px;
}
.testimonial-designation {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
}
.company-name {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
}
.quotes {
    width: 60px;
    height: 60px;
}
.inner-page-banner {
    background: var(--lightpurple);
    padding-top: 110px;
    padding-bottom: 10px;
}
.inner-page-banner .banner-icon img {
    height: 110px;
}
.innerbanner-title.text-center {
        color: var(--dark);
        font-weight: 700;
        font-size: 80px;
        line-height: 1.6;
    }
	.schedule-heading {
    margin-bottom: 36px;
}
	/*About Page*/
	.about-list-section .row:nth-child(even) {
    flex-direction: row-reverse;
}
.about-list-img {
    background: #F5F5F5;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 465px;
    padding: 30px;
}
body.dark-mode .about-list-img {
    background: #181818;
}
body.dark-mode .service-list-image img {
    background: #181818;
}
.about-list-img img {
    width: 100%;
	height: 100%;
	object-fit: contain;
}
.about-list-section .row {
    margin-bottom: 60px;
}
.about-list-section .row:last-child {
    margin-bottom: 0px;
}
.about-list-section .row:nth-child(odd) .about-list-cont {
    padding-left: 40px;
}
.about-list-section .row:nth-child(even) .about-list-cont {
    padding-right: 40px;
}
#dynamic-team-link {
    display: none;
	width: 220px;
}
.dynamic-team-content-section {
    width: 85%;
    margin-inline: auto;
}
.dynamic-team-content-section .row {
    margin-top: 50px;
}
#dynamic-team-designation {
    margin-bottom: 0px;
    font-size: 22px;
    font-weight: 300;
    color: #1e1e1e;
}
#dynamic-team-title {
    margin-bottom: 0px;
}
.team-section {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #F9F9F9;
}
.team-slider {
    width: 100%;
    height: auto;
	margin-top: 60px;
	overflow-x: clip;
}
.team-member-box {
    text-align: center;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease;
	border-radius: 30px;
}
.team-member-box {
    transition: transform 0.3s ease;
	cursor: pointer;
}
.team-member-box:hover {
    transform: translateY(-34px);
	box-shadow: 0px 50px 40px -30px #0000001A;
}
.team-member-box img {
    width: 100%;
    height: auto;
}
.team-imgbox {
    height: 360px;
}
.team-imgbox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
}
.team-imgbox:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 91%;
    background: whitesmoke;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 30px;
}
.team-member-box:hover .team-imgbox:before {
    border: 1px solid rgb(0 0 0 / 20%);
}
.team-member-name {
    border: 1px solid rgb(0 0 0 / 20%);
    border-radius: 0px 0px 30px 30px;
    padding: 16px 0px;
	border-top: none;
	background: #f9f9f9;
}
.team-member-name p {
    margin-bottom: 0px;
    font-size: 22px;
    font-weight: 300;
    color: #1e1e1e;
}
.team-member-name h3 {
    font-size: 22px;
    font-weight: 700;
    color: #355C7D;
    margin-bottom: 4px;
}
.about-bottom-section {
    background: var(--primary);
    border-radius: 30px;
    padding: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -330px;
}
.about-bottom-section * {
    font-size: 30px;
    line-height: 45px;
    font-weight: 400;
    margin-bottom: 0px;
    text-transform: capitalize;
	color: #f5f5f5;
}
.about-bottom-section strong {
    font-weight: 700;
}
#team-modal {
    width: 100%;
    height: 100%;
    padding: 0px !important;
    margin: 0px;
}
.modal-dialog {
    max-width: 1500px;
    margin-top: 120px;
    padding-inline: 120px;
}
.modal-content {
    border-radius: 10px;
}
#team-modal .modal-body {
    padding: 40px 60px 60px;
}
.modal-body {
    padding: 60px;
}
#team-image {
    border-radius: 0px 0px 30px 30px;
	width: 100%;
	height: 100%;
}
#team-title {
    margin-top: 40px;
}
#team-designation {
    font-size: 22px;
    font-weight: 300;
}
.close-popup {
    right: 30px;
    top: 30px;
    cursor: pointer;
    z-index: 99999;
}
.approach-slider {
	overflow-x: clip;
	position: relative;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #D9D9D9;
    opacity: 1;
    margin-inline: 10px !important;
}
.swiper-pagination-bullet-active {
    background: var(--primary);
}
.approach-slider .swiper-wrapper {
    padding-bottom: 80px;
}
.approach-image {
    background: #FFE1E4;
    border-radius: 30px;
    padding: 30px;
    height: 200px;
}
.approach-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.approach-box h3 a{
	color: #000;
}
.approach-box h3 {
    font-size: 30px;
    line-height: 1.1;
    font-weight: 400;
    color: #000;
	margin-top: 20px;
	margin-bottom: 10px;
}
.approach-box p {
    font-size: 16px;
    line-height: 25px;
    color: #000;
}
.approach-readmore {
	text-align: right;
	display: none;
}
.approach-readmore a {
    display: inline-block;
    color: var(--primary);
    text-decoration: underline;
    font-size: 18px;
    font-weight: 700;
	transition: none;
}
.approach-desc {
    margin-bottom: 60px;
	width: 85%;
    margin-inline: auto;
}
.approach-box {
    padding: 20px 20px;
	border-radius: 18px;
	transition: 0.5s all; 
}
.approach-box:hover {
    background: var(--primary);
	transform: translateY(-20px);
}
.approach-box:hover .approach-image {
    background: #fff;
}
.approach-box:hover > p, .approach-box:hover > h3 a, .approach-box:hover .approach-readmore a {
    color: #fff;
}
.approach-image-wrapper {
    background: #FFE1E4;
    border-radius: 30px;
    padding: 60px;
}
#approach-popup-image {
    width: 100%;
    height: 100%;
}
/*Pricing Page*/
.tab-pricing-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--dark);
}
.tab-pricing-value {
    font-size: 28px;
    font-weight: 700;
    color: var(--primary);
    margin-top: 10px;
    display: inline-block;
    padding-left: 8px;
}
.pricing-mid-section {
    padding-bottom: 100px;
}
.page-template-template-pricing .inner-page-banner {
	padding-bottom: 260px;
}
.innerbanner-content {
    width: 90%;
    margin-inline: auto;
}
.price-icon img {
    width: 118px;
    height: 118px;
}
.price-card-1 .price-details {
    margin-top: 40px;
}
.pricing-slider {
    margin-top: -200px;
}
.pricing-section {
    padding-bottom: 100px;
}
.price-card {
    background: #fff;
    box-shadow: 10px 10px 60px 10px #F672800F;
    border-radius: 30px;
    padding: 48px 39px 40px 39px;
    transition: 0.5s all;
}
.price-card:hover {
    transform: scale(1.08);
}
/* .price-card-2 {
    padding: 48px 39px 40px 39px;
	position: relative;
} */
.price-icon {
    text-align: center;
}
.price-title {
    font-size: 36px;
    margin-top: 40px;
	text-align: center;
}
.price-tabs .tab-links {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F8F8F8;
    border-radius: 30px;
    padding: 4px;
    margin: 20px 0px 20px;
}
.price-tabs .tab-links li {
    width: 50%;
    text-align: center;
    color: var(--dark);
    font-size: 16px;
    font-weight: 400;
    line-height: 20.48px;
    border-radius: 30px;
    padding: 10px 20px;
    cursor: pointer;
}
.price-tabs .tab-links li.active {
    background: #E6E0FC;
}
.tab-content b {
    font-weight: 700;
}
.price-tabs .tab-content ul {
    padding-left: 20px;
}
.price-tabs .tab-content ul li {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
}
.price-card .theme-btn {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
/* .price-card-1 {
    padding: 48px 38px 40px 34px;
    margin-right: -40px;
} */
/* .pricing-slider .col-lg-4 {
    padding: 0px;
} */
.price-details {
    text-align: left;
}
.price-details ul {
    padding-left: 20px;
}
.price-details ul li {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
}
.price-type {
    margin-top: 60px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    line-height: 23.04px;
}
.price-card .amount {
    font-size: 28px;
    font-weight: 700;
    color: var(--primary);
}
.price-link {
    font-size: 24px;
    font-weight: 400;
    color: var(--primary);
    position: relative;
}
.price-link:before {
    content: '';
    width: calc(100% - 22px);
    height: 1.5px;
    background: var(--primary);
    bottom: 5px;
    position: absolute;
    left: 0;
    right: 0;
}
.price-card-1 .price-link{
    margin-right: 36px;
}
.price-details b {
    font-weight: 700;
}
/* .price-card-3 {
    padding: 48px 30px 40px 64px;
    margin-left: -40px;
} */
.price-card-3 .price-link {
    margin-top: 40px;
    display: inline-block;
}
.price-link:after {
    content: url('../img/2024/08/Vector.svg');
    margin-left: 10px;
}
.price-details ul li, .price-tabs .tab-content ul li {
    list-style-type: none;
    position: relative;
    padding-left: 6px;
}
.price-details ul li:before, .price-tabs .tab-content ul li:before {
    content: url('../img/2024/08/Tick.svg');
    position: absolute;
    left: -22px;
    top: 3px;
}
/*Services page*/
.sub-tab-content {
    display: none;
}
.sub-tab-content.active {
    display: block;
}
.features-section {
        position: relative;
    }

    .features-main-icon {
        width: 160px;
        height: 160px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 24px 24px 160px 0px #F6728024;
        background: #fff;
        border-radius: 40px;
        position: relative;
    	z-index: 2;
    }

    .feature-item {
        display: flex;
        align-items: center;
        margin-top: 40px;
        margin-bottom: 40px;
        position: relative;
    }

    .feature-content h3 {
        font-size: 30px;
        line-height: 1.1;
        color: var(--dark);
    }

    .feature-desc p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 0px;
    }

    .feature-icon {
        width: 118px;
        height: 118px;
        z-index: 2;
    }

    .feature-icon img {
        width: 100%;
        height: 100%;
    }

    .feature-content {
        width: calc(100% - 118px);
        margin-left: 24px;
        z-index: 2;
    }

    .features-list .feature-item:nth-child(odd) {
        margin-left: -200px;
    }

    .features-list .feature-item:nth-child(odd) .feature-content {
        padding-right: 200px;
    }

    .dotted-lines {
        position: absolute;
        top: 0;
        left: 70px;
        width: 53%;
        height: 100%;
        pointer-events: none;
    }
    .dotted-lines path {
        animation-name: strokeMove;
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }
    @keyframes strokeMove {
        0% { stroke-dashoffset: 0 }
        100% { stroke-dashoffset: 100px }
    }
    .dotted-lines .path-1 {
    	transform: translate(0, -84px);
    }

    .dotted-lines .path-2 {
    	transform: translate(30px, 100px);
    }

    .dotted-lines .path-3 {
    	transform: translate(30px, 170px);
    }

    .dotted-lines .path-4 {
    	transform: translate(0px, 180px);
    }

    	.post-faqs .accordion-header {
        background: #FFF9FA;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    .post-faqs .accordion-item:last-child .accordion-header {
        margin-bottom: 0px;
    }
    .page-template-template-services .inner-page-banner {
        padding-top: 200px;
    }

    .sub-tab-content .row:nth-child(even) {
        flex-direction: row-reverse;
    }

    .sub-tab-content .row:not(:last-child) {
        margin-bottom: 60px;
    }
	.service-list-content {
    padding-left: 30px;
}
.sub-tab-content .row:nth-child(even) .service-list-content {
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: 30px;
}
.service-list-image {
    padding-right: 30px;
}
.service-list-image .post-image {
    height: 465px;
    padding: 30px;
    background: #f5f5f5;
    border-radius: 30px;
}
body.dark-mode .service-list-image .post-image {
    background: #272827;
}
.service-list-image img {
    background: #f5f5f5;
    border-radius: 30px;
	width: 100%;
	height: 100%;
    object-fit: contain;
}
.sub-tab-content .row:nth-child(even) .service-list-image {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: 30px;
}
.services-tabs .content-wrapper {
    text-align: center;
}
.services-tabs .service-list-content {
    text-align: left;
}
    .tab-switcher .tab-wrapper {
        display: flex;
        background: #FEF1F2;
        padding: 30px 40px;
        border-radius: 30px;
        width: auto;
        margin: 0 auto;
        grid-gap: 20px;
        z-index: 99;
    }
	.sub-tab-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background: #FEF1F2;
    padding: 30px 40px;
    border-radius: 30px;
    width: auto;
    margin: 55px auto 100px;
    grid-gap: 12px;
    z-index: 99;
}
    .tab-switcher .tab {
        padding: 22px 56px;
        background: #FEF1F2;
        color: #1E1E1E;
        border-radius: 10px;
        font-size: 22px;
        line-height: 1.1;
        cursor: pointer;
        font-weight: 700;
    }
	.sub-tab {
        padding: 12px 10px;
        background: #FEF1F2;
        color: #1E1E1E;
        border-radius: 10px;
        font-size: 18px;
        line-height: 1.1;
        cursor: pointer;
        font-weight: 700;
    }

    .tab-switcher .tab.active, .sub-tab.active {
        background: var(--primary);
        color: #fff;
    }

    .tab-switcher .tab-content.active {
        display: block;
    }

    .tab-switcher .tab-content {
        display: none;
    }

    .services-tabs .content-wrapper .cat-desc {
    width: 80%;
    margin: 100px auto 55px;
    font-size: 18px;
    line-height: 1.7;
    display: none;
}

    .services-tabs .content-wrapper .excerpt {
        line-height: 30px;
    }
    .tabs-list {
        margin-top: 100px;
    }

    .services-tabs.tab-switcher {
        position: relative;
        padding-top: 0px;
    }
    .sub-tab-wrapper.fixed {
        position: fixed;
        top: 0;
        left: 0;
        background: #FEF1F2;
        width: 100%;
        box-shadow: 1px 0px 11px 1px #00000012;
        z-index: 99;
		margin-top: 0px;
		border-radius: 0px;
    }
     .tab-switcher .sub-tab-wrapper.fixed .sub-tab {
        font-size: 16px;
    }

    /* Faqs */
    .post-faqs .accordion-item {
        border: 0;
    }
    .post-faqs .accordion-button {
        border: 0;
        background: none;
        color: #1e1e1e;
        box-shadow: none;
        font-size: 24px;
    }

    .post-faqs .accordion-button:focus {
        box-shadow: none;
    }

    .post-faqs .accordion-body,
    .post-faqs .accordion-body p {
        line-height: 1.7;
    }

    .post-faqs .accordion-button.collapsed::after {
        content: "";
        background-image: url('../img/2024/08/icon-plus.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 10px;
        height: 20px;
        width: 20px;
    }

    .post-faqs .accordion-button::after {
        content: "";
        background-image: url('../img/2024/08/icon-minus.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 10px;
        height: 20px;
        width: 20px;
    }
/* Contact Us */
    .contact-page .heading {
        font-size: 44px;
        line-height: 1.1;
    }
    .wpcf7-form .form-control {
    padding: 18px 20px;
    font-size: 16px;
    border-color: #E1E1E1;
    margin-bottom: 30px;
    color: #696969;
    height: 55px;
    }
    .wpcf7-form .form-control:focus { 
        box-shadow: none;
    }

    .wpcf7-form textarea.form-control {
        height: 210px;
        resize: none;
    }

    .submit-btn {
        text-align: center;
        margin-top: 25px;
        position: relative;
    }

    .submit-btn .btn:hover {
        border-color: var(--primary)
    }

    .submit-btn .wpcf7-spinner {
        position: absolute;
        top: 15px;
    }
	.wpcf7-form-control-wrap {
    display: inline-block;
	width: 100%;
}
    .wpcf7 .wpcf7-not-valid-tip {
        position: absolute;
        bottom: 0;
        right: 0;
        text-align: right;
        background: #dc3232;
        color: #fff;
        font-size: 11px;
        line-height: normal;
        padding: 3px 5px;
    }

    /* .wpcf7 .wpcf7-response-output {
        width: 50%;
        border-color: #dc3232 !important;
        color: #dc3232;
        margin: 25px auto 40px !important;
        text-align: center;
    } */
	.contact-form .wpcf7 .wpcf7-response-output {
    position: absolute;
    top: -50px;
    margin: 0px !important;
    left: 50%;
    width: auto;
    transform: translateX(-50%);
    border-color: var(--primary) !important;
    color: var(--primary) !important;
	text-align: center;
}
.contact-form form {
    position: relative;
}
    /* Lets Chat */
    .lets-chat {
        background: var(--primary);
        position: relative;
        margin-top: 140px
    }

    .lets-chat:before {
        content: '';
        background: url('../img/2024/09/236.Take-It-1-cropped.svg');
        background-repeat: no-repeat;
        width: 256px;
        height: 249px;
        display: block;
        position: absolute;
        top: -120px;
        right: 50%;
        transform: translateX(50%);
		animation: handMovement 2s infinite ease-in-out;
    }
	body.dark-mode .lets-chat:before {
        background: url('../img/2024/09/236.Take-It-1-1-cropped.svg');
		background-repeat: no-repeat;
    }
    @keyframes handMovement {
    0% {
        transform: translateX(50%) translateY(0);
    }
    50% {
        transform: translateX(50%) translateY(10px);
    }
    100% {
        transform: translateX(50%) translateY(0);
    }
}

    .lets-chat.common-padding {
        padding: 94px 0;
    }

    .lets-chat .heading {
        font-size: 60px
    }

    .lets-chat .theme-btn {
        background: #fff;
        color: #1E1E1E;
        display: inline-flex;
        align-items: center;
        padding: 12px 25px;
    }

    .lets-chat .theme-btn:hover {
        background: none;
        border-color: #fff;
        color: #fff;
    }

    .lets-chat .theme-btn svg {
        margin-right: 8px;
    }

    /* map */
    .map_section .map iframe {
        height: 550px;
        width: 100%;
        border: 0;
        display: block;
    }	
.home-about-section .left-minus {
    margin-left: -33px;
}
@media screen and (max-width: 1600px) {
	.menu-sidebar ul li ul.sub-menu {
		position: static;
		visibility: visible;
        opacity: 1;
        width: 100%;
        margin-top: 30px;
        display: none;
}
.menu-sidebar span.sidebar-menu-arrow::after {
    color: #fff;
}
/* .menu-sidebar ul li:hover ul.sub-menu {
	display: block;
} */
.menu-sidebar ul li ul.sub-menu li {
    margin-bottom: 0px;
}
.menu-sidebar ul li ul.sub-menu li a {
    color: #fff !important;
}
	.bkt_container {
    width: 98%;
}
	.home-about-section .left-minus {
    margin-left: -26px;
}
	.homebanner-box-1:before {
    width: 40px;
    height: 40px;
    left: 10px;
    top: -54px;
}
.homebanner-box-4:before {
    width: 40px;
    height: 40px;
    left: -24px;
    top: -30px;
}
	.contact-page .heading {
            font-size: 36px;
        }

        .contact-page .desc p {
            font-size: 17px;
        }

        .wpcf7-form .form-control {
            padding: 12px 20px;
            margin-bottom: 22px;
            height: 50px;
        }

        /* Lets Chat */
        .lets-chat .heading {
            font-size: 50px
        }
	.nav-menu-footer ul li a {
    font-size: 16px;
}
.footer-contact-link {
    font-size: 16px;
}
.footer-heading {
    font-size: 20px;
}
	.quotes {
    width: 40px;
    height: 40px;
}
	.schedule-content {
	top: 10px;
}
	.schedule-heading {
    margin-bottom: 24px;
}
.homebanner-box-4:after {
    height: 100%;
    top: -62%;
    left: -38%;
    rotate: 0deg;
}
	.services-tabs .tab-content .row:not(:last-child) {
            margin-bottom: 50px;
        }

        .tab-switcher .tab-wrapper {
            padding: 22px 30px;
        }

        .tab-switcher .tab {
            padding: 18px 40px;
            font-size: 20px;
        }

        /* Faqs */
        .post-faqs .accordion-item {
            border: 0;
        }
        .post-faqs .accordion-button {
            font-size: 20px;
        }
	.price-title {
    font-size: 32px;
}
.price-icon img {
    width: 100px;
    height: 100px;
}
.price-card-2 {
    padding: 40px 30px 30px;
}
.price-desc {
    font-size: 16px;
    line-height: 26px;
}
.price-tabs .tab-links li {
    font-size: 14px;
}
.price-tabs .tab-content ul li {
    font-size: 16px;
    margin-bottom: 6px;
}
.price-card .theme-btn {
    margin-top: 20px;
}
.price-card-1, .price-card {
    padding: 40px 30px 30px;
}
.price-card-1 .price-details {
    margin-top: 30px;
}
.price-details ul li {
    font-size: 16px;
    margin-bottom: 10px;
}
.price-card .amount {
    font-size: 24px;
}
.price-type {
    font-size: 16px;
    margin-top: 40px;
}
.price-link {
    font-size: 22px;
}
.price-card-3 .price-link {
    margin-top: 30px;
}
/* .price-card-3 {
    padding: 40px 30px 30px 60px;
} */
	.testimonial-name {
    font-size: 24px;
}
	.team-section {
    padding-bottom: 100px;
}
	.approach-box h3 {
    font-size: 24px;
}
	.about-list-desc p {
    font-size: 16px;
    line-height: 30px;
}
	#team-link img {
    width: 250px;
}
	.modal-dialog {
		margin-top: 80px;
	}
	#team-designation {
    font-size: 18px;
    margin-bottom: 10px;
}
#team-title {
    margin-bottom: 0px;
}
#team-content {
    font-size: 14px;
    line-height: 27px;
}
	.innerbanner-title.text-center {
    font-size: 55px;
}
	h2 {
    font-size: 36px;
}
	.brands_heading {
    font-size: 30px;
}
	.homebanner-title {
    font-size: 50px;
	padding-top: 110px;
	margin-bottom: 20px;
}
.banner-transformation-area {
    padding: 0px;
}
	.homebanner-main-img {
		width: 50%;
		margin: 0 auto;
	}
	.homebanner-box-1 {
		        left: 11%;
        width: 250px;
        bottom: 10%;
	}
.homebanner-box-2 {
    left: 20%;
        top: 20%;
        width: 180px;
}
.homebanner-box-3 {
           right: 11%;
        width: 220px;
        bottom: 14%;
}
.homebanner-box-4 {
    bottom: 54%;
    right: 15%;
    width: 320px;
}
ul#menu-main-menu li a {
    font-size: 18px;
}
.theme-btn {
    font-size: 18px;
	padding: 12px 28px;
}
ul#menu-main-menu li {
    margin-right: 50px;
}
}
@media screen and (max-width: 1430px) {
	.homebanner-box-2 {
    top: 0;
}
.homebanner-box-4 {
    bottom: 71%;
    right: 10%;
}
.homebanner-box-1 {
    bottom: 40%;
}
.homebanner-box-3 {
    bottom: 40%;
}
.homebanner-box-4:after {
    rotate: -30deg;
    top: -86px;
    height: 75%;
}
}
@media screen and (max-width: 1300px) {
	.homebanner-box-1 {
		top: 158px;
        left: 21%;
        width: 160px;
	}
.homebanner-box-2 {
    left: 33%;
    top: 6%;
    width: 120px;
}
.homebanner-box-3 {
    top: 30%;
    right: 20%;
    width: 140px;
}
.homebanner-box-4 {
            bottom: 73%;
        right: 17%;
        width: 190px;
}
    .homebanner-box-4:after {
        height: 100%;
        top: -100%;
        left: -50%;
		rotate: -20deg;
    }
}
/* sub menu */
ul.sub-menu {
    visibility: hidden;
	opacity: 0;
    top: 40px;
	left: -60px;
    position: absolute;
    list-style: none;
    z-index: 1;
    margin: 0;
    padding: 0;
	width: max-content;
}
.nav-menu-header ul li:hover>ul {
    opacity: 1;
    transform: translateY(0);
    display: block;
    visibility: visible;
    z-index: 1111;
    background-color: #FEF1F2;
    border-radius: 18px;
    padding: 10px;
	box-shadow: 30px 30px 60px 0px #0000001A;
}
ul.sub-menu .menu-item {
    padding: 14px 22px;
}
/* li.menu-item-has-children:after {
    content: "\f107";
    font-family: FontAwesome;
    display: inline-block;
    font-size: 1rem;
    color: inherit;
    margin-left: 5px;
    line-height: 1.65rem;
} */
.banner-transformation-area img, .banner-transformation-area svg {
    max-width: 90%;
	height: auto;
}

ul.sub-menu li.menu-item a {
    color: #000 !important;
}
ul#menu-main-menu .sub-menu li{margin-right:0 !important}
ul#menu-main-menu .sub-menu li:hover {
    background-color: var(--primary) !important;
    border-radius: 10px;
}
ul#menu-main-menu .sub-menu li:hover a {
    color: #fff !important;
}

.home-about-section .home-about-heading {
    /*padding-left: 24px;*/
}
.home-about-img img, .home-content-img img {
    width: 100%;
}
.home-about-img img {
    padding-left: 30px;
}
.home-content-img img {
    padding-right: 30px;
}
.home-about-section .home-about-heading .border-top {
    display: inline-block;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 2px solid #355C7D !important;
}
.toolkit-section.bottom-padding {
    padding-top: 10px;
}
.banner-img-mobile{
    display:none;
}

/* Tab Css */
.mobile-tab-dropdown {
    display: none;
}

@media (hover: none) and (pointer: coarse) {
    .testimonial-content {
        -webkit-line-clamp: 3;
    }
    .read-more, .read-less {
        font-size: 14px;
    }
}

/* Case Study Styles */
.case-study-single-page {
    background: #fff;
}

/* Case Study Card Styles (Overview Page) */
.case-study-card {
    background: white;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    height: 100%;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    position: relative;
}

.case-study-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

/* Header section */
.case-study-header {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.case-study-meta {
    margin-top: 15px;
}

.client-name {
    font-size: 20px;
    font-weight: 700;
    color: var(--dark);
    margin: 0 0 5px 0;
}

/* Content section */
.case-study-content {
    flex: 1;
}

.case-study-card .case-study-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--dark);
    margin: 0 0 15px 0;
    line-height: 1.3;
}

.case-study-summary {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Highlights section */
.case-study-highlights {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.highlight-item {
    flex: 1;
    text-align: center;
}

.highlight-number {
    display: block;
    font-size: 28px;
    font-weight: 800;
    color: var(--secondary);
    margin-bottom: 5px;
}

.highlight-text {
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

/* Footer */
.case-study-footer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.case-study-footer .theme-btn {
    background: var(--primary);
    opacity: 0.9;
    transition: all 0.3s ease;
}

.case-study-footer .theme-btn:hover {
    opacity: 1;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(246,114,128,0.3);
    background: #e74c5f;
    color: white;
    border-color: #e74c5f;
}

/* Dark mode for case study cards */
body.dark-mode .case-study-card {
    background: #2d3436;
}

body.dark-mode .client-name,
body.dark-mode .case-study-card .case-study-title {
    color: white;
}

body.dark-mode .case-study-summary,
body.dark-mode .highlight-text {
    color: #b4b4b4;
}

body.dark-mode .case-study-footer {
    border-top-color: #444;
}

body.dark-mode .case-study-card .industry-tag {
    background: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.8);
}

/* Case Study Card Logos */
.case-study-card .client-logo {
    height: 100%;
    width: auto;
    object-fit: contain;
}

/* Logo container to ensure consistent spacing */
.case-study-card .client-logo-container {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}

/* Specific logo adjustments for main page */
.case-study-card .client-logo[alt*="HDF"] {
    max-width: 60px;
}

.case-study-card .client-logo[alt*="LaunchGood"] {
    max-width: 140px;
    height: 40px;
    background: #333;
    padding: 8px 15px;
    border-radius: 6px;
}

.case-study-card .client-logo[alt*="Rent"] {
    max-width: 60px;
}

.case-study-card .client-logo[alt*="ISB"],
.case-study-card .client-logo[alt*="Islamic"] {
    max-width: 160px;
    height: 50px;
    background: #333;
    padding: 8px 15px;
    border-radius: 6px;
}

/* Dark mode logo adjustments */
body.dark-mode .case-study-card .client-logo[alt*="LaunchGood"],
body.dark-mode .case-study-card .client-logo[alt*="ISB"],
body.dark-mode .case-study-card .client-logo[alt*="Islamic"] {
    background: transparent;
    padding: 0;
}

/* Case Study Hero */
.case-study-hero {
    padding: 150px 0 80px;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    position: relative;
}

.case-study-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,%3Csvg width="100" height="100" xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3Cpattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"%3E%3Cpath d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/%3E%3C/pattern%3E%3C/defs%3E%3Crect width="100%25" height="100%25" fill="url(%23grid)" /%3E%3C/svg%3E');
    opacity: 0.3;
}

.case-study-header {
    position: relative;
    z-index: 1;
}

/* Individual case study page logos */
.case-study-hero .client-logo {
    max-width: 300px;
    max-height: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

/* Logo container for hero section */
.case-study-hero .client-meta {
    min-height: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Specific adjustments for individual logos on case study pages */
.case-study-hero .client-logo[alt*="HDF"],
.case-study-hero .client-logo[alt*="Human Development Fund"] {
    max-width: 120px;
    max-height: 120px;
    background: transparent !important;
    /* No background needed - HDF has a nice round logo with good contrast */
    /* Note: If white square persists, the PNG file itself has a white background baked in */
}

.case-study-hero .client-logo[alt*="LaunchGood"] {
    max-width: 300px;
    max-height: 60px;
    background: rgba(0,0,0,0.9);
    padding: 15px 25px;
    border-radius: 10px;
}

.case-study-hero .client-logo[alt*="Rent"] {
    max-width: 120px;
    max-height: 120px;
}

.case-study-hero .client-logo[alt*="ISB"],
.case-study-hero .client-logo[alt*="Islamic"] {
    max-width: 280px;
    max-height: 80px;
    background: rgba(0,0,0,0.9);
    padding: 15px 25px;
    border-radius: 10px;
}

/* Dark mode adjustments for hero logos */
body.dark-mode .case-study-hero .client-logo[alt*="LaunchGood"],
body.dark-mode .case-study-hero .client-logo[alt*="ISB"],
body.dark-mode .case-study-hero .client-logo[alt*="Islamic"] {
    background: rgba(255,255,255,0.1);
}

/* Industry tag - more subtle styling */
.case-study-card .industry-tag {
    display: inline-block;
    background: #f0f0f0;
    color: #666;
    padding: 4px 10px;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: absolute;
    top: 20px;
    right: 20px;
}

/* Industry tag on individual pages */
.case-study-hero .industry-tag {
    display: inline-block;
    background: rgba(255,255,255,0.9);  /* White background with slight transparency */
    color: #666;  /* Gray text like on overview page */
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    backdrop-filter: blur(10px);
}

.case-study-title {
    font-size: 48px;
    line-height: 1.3;
    font-weight: 800;
    color: var(--dark);
    margin: 30px 0 20px;
}

.case-study-subtitle {
    font-size: 20px;
    line-height: 1.6;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
}

/* Key Results Section */
.key-results-section {
    padding: 60px 0;
    background: #f9f9f9;
    margin-top: -1px;
}

.result-card {
    background: white;
    padding: 40px 30px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    height: 100%;
}

.result-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

.result-number {
    font-size: 48px;
    font-weight: 800;
    color: var(--primary);
    margin-bottom: 10px;
}

.result-label {
    font-size: 18px;
    color: #666;
    margin: 0;
}

/* Section Headers */
.section-header {
    margin-bottom: 40px;
}

.section-title {
    font-size: 36px;
    font-weight: 800;
    color: var(--dark);
    margin-bottom: 10px;
}

.section-subtitle {
    font-size: 22px;
    font-weight: 400;
    color: #666;
    line-height: 1.4;
}

/* Challenge Section */
.case-study-challenge {
    background: white;
}

.challenge-list {
    list-style: none;
    padding: 0;
    margin: 30px 0;
}

.challenge-list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.6;
    color: #555;
}

.challenge-list li::before {
    content: "✗";
    position: absolute;
    left: 0;
    top: 0;
    color: #e74c3c;
    font-size: 20px;
    font-weight: bold;
}

.challenge-visual img {
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Solution Section */
.case-study-solution {
    background: #f9f9f9;
    padding: 100px 0;
}

.solution-card {
    background: white;
    padding: 40px 30px;
    border-radius: 15px;
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.solution-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

.solution-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    background: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.solution-icon img {
    width: 40px;
    height: 40px;
    filter: brightness(0) invert(1);
}

.solution-card h4 {
    font-size: 22px;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 15px;
}

.solution-card p {
    font-size: 16px;
    color: #666;
    margin: 0;
}

.implementation-list {
    list-style: none;
    padding: 0;
}

.implementation-list li {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    color: #555;
}

.implementation-list li:last-child {
    border-bottom: none;
}

.tech-stack {
    background: white;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.tech-stack h4 {
    margin-bottom: 20px;
    color: var(--dark);
}

.tech-items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tech-badge {
    display: inline-block;
    background: var(--secondary);
    color: white;
    padding: 8px 18px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 500;
}

/* Results Section */
.result-detail-card {
    background: white;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    height: 100%;
}

.result-detail-card h4 {
    font-size: 24px;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 20px;
}

.result-list {
    list-style: none;
    padding: 0;
}

.result-list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}

.result-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #27ae60;
    font-size: 20px;
    font-weight: bold;
}

/* Testimonial */
.testimonial-card {
    background: var(--secondary);
    padding: 50px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}

.testimonial-card::before {
    content: """;
    position: absolute;
    top: 20px;
    left: 30px;
    font-size: 100px;
    color: rgba(255,255,255,0.2);
    font-weight: 800;
    line-height: 1;
}

.testimonial-text {
    font-size: 20px;
    line-height: 1.8;
    color: white;
    font-style: italic;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.testimonial-author h5 {
    color: white;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.testimonial-author p {
    color: rgba(255,255,255,0.8);
    font-size: 16px;
    margin: 0;
}

/* CTA Section */
.case-study-cta {
    background: linear-gradient(135deg, #355C7D 0%, #152C40 100%);
    padding: 80px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.case-study-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,%3Csvg width="100" height="100" xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3Cpattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"%3E%3Cpath d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/%3E%3C/pattern%3E%3C/defs%3E%3Crect width="100%25" height="100%25" fill="url(%23grid)" /%3E%3C/svg%3E');
}

.cta-title {
    color: white;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}

.cta-description {
    color: rgba(255,255,255,0.9);
    font-size: 20px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

/* Fix button vertical alignment */
.case-study-cta .theme-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.theme-btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 40px;
    border: 2px solid white;
    color: white;
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
    line-height: 1;
    text-decoration: none;
    background: transparent;
}

.theme-btn-outline:hover {
    background: white;
    color: var(--secondary);
    text-decoration: none;
    border-color: white;
}

/* Dark Mode Adjustments */
body.dark-mode .case-study-single-page {
    background: #1a1a1a;
}

body.dark-mode .case-study-hero {
    background: linear-gradient(135deg, #2d3436 0%, #000000 100%);
}

body.dark-mode .result-card,
body.dark-mode .solution-card,
body.dark-mode .result-detail-card,
body.dark-mode .tech-stack {
    background: #2d3436;
}

body.dark-mode .case-study-title,
body.dark-mode .section-title,
body.dark-mode .solution-card h4,
body.dark-mode .result-detail-card h4,
body.dark-mode .tech-stack h4 {
    color: white;
}

body.dark-mode .case-study-subtitle,
body.dark-mode .section-subtitle,
body.dark-mode .challenge-list li,
body.dark-mode .solution-card p,
body.dark-mode .implementation-list li,
body.dark-mode .result-list li,
body.dark-mode .result-label {
    color: #b4b4b4;
}

body.dark-mode .case-study-challenge,
body.dark-mode .case-study-results {
    background: #1a1a1a;
}

body.dark-mode .key-results-section,
body.dark-mode .case-study-solution {
    background: #222;
}

/* Growth Timeline */
.growth-timeline-section {
    padding: 80px 0;
    background: #f9f9f9;
}

.timeline-wrapper {
    display: flex;
    justify-content: space-around;
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}

.timeline-wrapper::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: #ddd;
    z-index: 0;
}

.timeline-item {
    text-align: center;
    position: relative;
    z-index: 1;
}

.timeline-year {
    background: var(--primary);
    color: white;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin: 0 auto 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.timeline-content h4 {
    font-size: 32px;
    font-weight: 800;
    color: var(--dark);
    margin-bottom: 10px;
}

.timeline-content p {
    font-size: 16px;
    color: #666;
    max-width: 200px;
    margin: 0 auto;
}

.impact-highlight {
    background: white;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.impact-highlight h4 {
    color: var(--dark);
    font-size: 28px;
    font-weight: 700;
}

.impact-highlight p {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
}

/* Architecture Overview */
.architecture-layer {
    background: white;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    height: 100%;
}

.architecture-layer h5 {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 20px;
}

.architecture-layer ul {
    list-style: none;
    padding: 0;
}

.architecture-layer li {
    padding: 8px 0;
    color: #666;
    font-size: 15px;
    position: relative;
    padding-left: 20px;
}

.architecture-layer li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--primary);
    font-weight: bold;
}

.tech-implementation {
    margin-top: 40px;
}

.tech-implementation h4 {
    color: var(--dark);
    font-size: 28px;
    font-weight: 700;
}

/* Dark mode adjustments */
body.dark-mode .architecture-layer {
    background: #2d3436;
}

body.dark-mode .architecture-layer li {
    color: #b4b4b4;
}

body.dark-mode .tech-implementation h4 {
    color: white;
}

/* Dark mode timeline */
body.dark-mode .growth-timeline-section {
    background: #222;
}

body.dark-mode .timeline-content h4 {
    color: white;
}

body.dark-mode .timeline-content p {
    color: #b4b4b4;
}

body.dark-mode .impact-highlight {
    background: #2d3436;
}

body.dark-mode .impact-highlight h4 {
    color: white;
}

body.dark-mode .impact-highlight p {
    color: #b4b4b4;
}

/* Dark mode CTA */
body.dark-mode .case-study-cta {
    background: #1a1a1a;
}

body.dark-mode .cta-title {
    color: white;
}

body.dark-mode .cta-description {
    color: #b4b4b4;
}

body.dark-mode .theme-btn-outline {
    border-color: white;
    color: white;
}

body.dark-mode .theme-btn-outline:hover {
    background: white;
    color: var(--dark);
}

/* System Architecture Section */
.system-architecture-section {
    background: #f9f9f9;
}

.architecture-component {
    background: white;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    text-align: center;
    height: 100%;
}

.architecture-component h5 {
    font-size: 20px;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 15px;
}

.architecture-component p {
    font-size: 16px;
    color: #666;
    margin: 0;
}

/* Dark mode architecture */
body.dark-mode .system-architecture-section {
    background: #222;
}

body.dark-mode .architecture-component {
    background: #2d3436;
}

body.dark-mode .architecture-component h5 {
    color: white;
}

body.dark-mode .architecture-component p {
    color: #b4b4b4;
}

/* Responsive */
@media (max-width: 768px) {
    .case-study-title {
        font-size: 32px;
    }
    
    .case-study-subtitle {
        font-size: 18px;
    }
    
    .result-number {
        font-size: 36px;
    }
    
    .section-title {
        font-size: 28px;
    }
    
    .testimonial-card {
        padding: 30px;
    }
    
    .cta-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .timeline-wrapper {
        flex-direction: column;
        gap: 40px;
    }
    
    .timeline-wrapper::before {
        width: 2px;
        height: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    
    /* Case study card responsive */
    .case-study-card {
        padding: 20px;
    }
    
    .case-study-highlights {
        flex-direction: column;
        gap: 15px;
    }
    
    .highlight-number {
        font-size: 24px;
    }
    
    .case-study-card .case-study-title {
        font-size: 20px;
    }
    
    .client-name {
        font-size: 18px;
    }
    
    .case-study-card .industry-tag {
        position: static;
        display: inline-block;
        margin-top: 10px;
    }
    
    /* Fix testimonial mobile centering */
    .testimonials-section .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .testimonials-keen-slider {
        padding: 40px 0;
    }
    .testimonials-keen-slider .keen-slider__slide {
        padding: 10px 5px;
    }
}