/* About us start  */
 
 .about-us h1 {
     text-align: center;
     font-size: 79px;
     color: #fff;
 }
 
 .meas-ure {
     padding: 257px 0px 135px !important;
     background-image: url(../images/about-us/page-header-bg.jpg);
     margin-top: -131px;
 }
 
 .about-us h1 span {
     color: #c0ff4d;
     font-weight: 700;
 }
 
 .about-us ol li {
     color: #c0ff4d;
 }
 
 .about-us ol li span {
     color: #fff;
 }
 
 .about-us ol {
     display: flex;
     gap: 18px;
     justify-content: center;
     list-style: none;
     color: #fff;
 }
 
 .about-us ol li a {
     text-decoration: none;
     color: #fff;
 }
 
 .about-us {
     margin-top: 58px;
 }
 /* About us end  */
 /* OUR APPROACH start  */
 
 section.feat-ures {
     background: #000;
     padding: 70px 0px;
 }
 
 .transfor-mative p {
     color: #fff;
 }
 
 .transfor-mative img {
     width: 52px;
     color: #fff;
     height: 50px;
     position: relative;
     left: -85px;
     top: 92px;
     filter: brightness(0) invert(1);
 }
 
 .transfor-mative {
     border: 1px solid #282828;
     padding: 48px;
     border-radius: 20px;
     background: #0a0a0a;
     margin-top: 40px;
 }
 
 .conne-ctions {
     background-image: url(../images/about-us/our-mission-img.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     padding: 100px;
     border-radius: 20px;
 }
 
 .conne-ctions {
     position: relative;
     overflow: hidden;
 }
 
 .transfor-mative img {
     transition: transform 0.4s ease, opacity 0.4s ease;
 }
 
 .transfor-mative:hover img {
     transform: scale(1.1);
     opacity: 0.9;
 }
 
 .conne-ctions::after {
     content: "";
     position: absolute;
     width: 200%;
     height: 0%;
     left: 50%;
     top: 50%;
     background-color: rgba(255, 255, 255, 0.3);
     transform: translate(-50%, -50%) rotate(-45deg);
     transition: height 0.6s ease;
 }
 
 .transfor-mative:hover .conne-ctions::after {
     height: 250%;
 }
 
 .conne-cti {
     background-image: url(../images/about-us/our-vision-img.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     padding: 100px;
     border-radius: 20px;
 }
 
 .conne-cti {
     position: relative;
     overflow: hidden;
 }
 
 .transfor-mative img {
     transition: transform 0.4s ease, opacity 0.4s ease;
 }
 
 .transfor-mative:hover img {
     transform: scale(1.1);
     opacity: 0.9;
 }
 
 .conne-cti::after {
     content: "";
     position: absolute;
     width: 200%;
     height: 0%;
     left: 50%;
     top: 50%;
     background-color: rgba(255, 255, 255, 0.3);
     transform: translate(-50%, -50%) rotate(-45deg);
     transition: height 0.6s ease;
 }
 
 .transfor-mative:hover .conne-cti::after {
     height: 250%;
 }
 
 .conne-ct {
     background-image: url(../images/about-us/our-value-img.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     padding: 100px;
     border-radius: 20px;
 }
 
 .conne-ct {
     position: relative;
     overflow: hidden;
 }
 
 .transfor-mative img {
     transition: transform 0.4s ease, opacity 0.4s ease;
 }
 
 .transfor-mative:hover img {
     transform: scale(1.1);
     opacity: 0.9;
 }
 
 .conne-ct::after {
     content: "";
     position: absolute;
     width: 200%;
     height: 0%;
     left: 50%;
     top: 50%;
     background-color: rgba(255, 255, 255, 0.3);
     transform: translate(-50%, -50%) rotate(-45deg);
     transition: height 0.6s ease;
 }
 
 .transfor-mative:hover .conne-ct::after {
     height: 250%;
 }
 
 .transfor-mative h3 {
     color: #fff;
     padding: 20px 0px 11px;
 }
 /* OUR APPROACH end  */
 /* EXECUTIVE PARTNERS start  */
 
 .part-ners h2 span {
     color: #c0ff4d;
 }
 
 .digi-tal h4 {
     position: relative;
     top: -21px;
     left: 27px;
     font-size: 16px;
     color: #fff;
 }
 
 .part-ners h2 {
     font-size: 53px;
     color: #fff;
 }
 
 .digi-tal i {
     color: #c0ff4d;
 }
 
 section.exec-tive {
     background: #000000;
 }
 
 .sus-tainable h3 {
     color: #fff;
     font-size: 19px;
     position: relative;
     top: -30px;
     left: 43px;
 }
 
 .sus-tainable img {
     width: 35px;
 }
 
 .sus-tainable {
     background: #000000;
     /* background-color: var(--e-global-color-black); */
     padding: 25px 70px 0px 27px;
     border-radius: 10px 10px 10px 10px;
 }
 
 .suppor-ters {
     display: flex;
     flex-wrap: wrap;
     gap: 13px;
 }
 
 .container.ttt {
     background: #0a0a0a;
     padding: 42px;
     border-radius: 20px;
 }
 /* EXECUTIVE PARTNERS end  */
 /* OUR TEAM start  */
 
 section.dynamic {
     background: #000;
 }
 
 .team-wrapper {
     display: flex;
     gap: 30px;
     justify-content: center;
 }
 
 .team-card {
     position: relative;
     width: 300px;
     height: 420px;
     border-radius: 30px;
     overflow: hidden;
     cursor: pointer;
 }
 
 .team-card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: 0.4s;
 }
 /* Dark overlay */
 
 .team-card::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent 60%);
 }
 /* Content */
 
 .team-content {
     position: absolute;
     bottom: 25px;
     left: 25px;
     color: #fff;
     z-index: 2;
     transition: 0.4s;
 }
 
 .team-content h3 {
     margin: 0;
     font-size: 22px;
     font-weight: 600;
 }
 
 .team-content p {
     margin: 5px 0 0;
     font-size: 14px;
     opacity: 0.8;
 }
 /* Social Icons */
 
 .social-icons {
     margin-top: 15px;
     display: flex;
     gap: 12px;
     transform: translateY(15px);
     transition: 0.4s;
 }
 
 .social-icons a {
     width: 36px;
     height: 36px;
     border: 1px solid #c6ff3d;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #c6ff3d;
     font-size: 14px;
     transition: 0.3s;
 }
 
 .social-icons a:hover {
     background: #c6ff3d;
     color: #000;
 }
 /* Hover Effects */
 
 .team-card:hover img {
     transform: scale(1.08);
 }
 
 .team-card:hover .social-icons {
     opacity: 1;
     transform: translateY(0);
 }
 /* OUR TEAM end  */
 /* HAVE ANY QUESTIONS? start  */
 
 section.quest-ions {
     background: #020202;
 }
 
 img.over-riding {
     border-radius: 20px;
 }
 
 img.appr-opriate {
     position: relative;
     top: 190px;
     left: 255px;
     border-radius: 20px;
 }
 
 .performance {
     margin-top: -183px;
 }
 
 .gesticulations .accordion-header {
     margin-bottom: 0;
     background: #000 !important;
 }
 
 @import url("https://fonts.googleapis.com/css?family=Lato:400,400i,700");
 * {
     font-family: Lato, sans-serif;
     padding: 0;
     margin: 0;
     box-sizing: border-box;
 }
 
 .wrapper {
     width: 100%;
 }
 
 section.infi-nitely {
     background: #000;
 }
 
 .insig-hts h2 {
     font-size: 61px;
     color: #fff;
     padding: 25px 0px;
 }
 
 .insig-hts h2 span {
     color: #c0ff4d;
     font-weight: 800;
 }
 
 .origi-nal {
     color: black;
     border-radius: 20px;
     box-shadow: 0 5px 10px 0 rgb(0, 0, 0, 0.25);
     margin: 20px 0;
     border: 1px solid #262525;
     background: linear-gradient(90deg, #1e1e1e, #040404);
 }
 
 .question {
     font-size: 1.2rem;
     font-weight: 600;
     padding: 20px 80px 20px 20px;
     position: relative;
     display: flex;
     align-items: center;
     cursor: pointer;
     border-radius: 20px;
     color: #fff;
 }
 
 .question::after {
     content: "\002B";
     font-size: 2.2rem;
     position: absolute;
     right: 20px;
     transition: 0.2s;
 }
 
 .question.active::after {
     transform: rotate(45deg);
 }
 
 .answercont {
     max-height: 0;
     overflow: hidden;
     transition: 0.3s;
 }
 
 .answer {
     padding: 0 20px 20px;
     line-height: 1.5rem;
     border-radius: 20px;
     color: #fff;
     background: linear-gradient(90deg, #1e1e1e, #040404);
 }
 /* HAVE ANY QUESTIONS? end  */
 
 .commit-ted img {
     transition: transform 0.4s ease, opacity 0.4s ease;
 }
 
 .commit-ted:hover img {
     transform: scale(1.1);
     opacity: 0.9;
 }
 
 .identity-messages {
     position: relative;
     overflow: hidden;
 }
 
 .soluti-ons img {
     transition: transform 0.4s ease, opacity 0.4s ease;
 }
 
 .soluti-ons:hover img {
     transform: scale(1.1);
     opacity: 0.9;
 }
 
 .identity-messages::after {
     content: "";
     position: absolute;
     width: 200%;
     height: 0%;
     left: 50%;
     top: 50%;
     background-color: rgba(255, 255, 255, 0.3);
     transform: translate(-50%, -50%) rotate(-45deg);
     transition: height 0.6s ease;
 }
 
 .soluti-ons:hover .identity-messages::after {
     height: 250%;
 }
 
 .campaigns-search {
     position: relative;
     overflow: hidden;
 }
 
 .bra-nding img {
     transition: transform 0.4s ease, opacity 0.4s ease;
 }
 
 .bra-nding:hover img {
     transform: scale(1.1);
     opacity: 0.9;
 }
 
 .campaigns-search::after {
     content: "";
     position: absolute;
     width: 200%;
     height: 0%;
     left: 50%;
     top: 50%;
     background-color: rgba(255, 255, 255, 0.3);
     transform: translate(-50%, -50%) rotate(-45deg);
     transition: height 0.6s ease;
 }
 
 .bra-nding:hover .campaigns-search::after {
     height: 250%;
 }
 /* Experts in digital brand innovation start  */
 
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Poppins', sans-serif;
 }
 
 body {
     background: #000;
     color: #fff;
 }
 
 .digital-agency-section {
     padding: 100px 8%;
     position: relative;
     overflow: hidden;
     background: #000;
 }
 
 .digital-agency-section::before {
     content: '';
     position: absolute;
     left: -200px;
     top: -100px;
     width: 500px;
     height: 500px;
     background: radial-gradient(circle, rgba(163, 255, 60, 0.25) 0%, rgba(0, 0, 0, 0) 70%);
 }
 /* LEFT SIDE */
 
 .agency-subtitle {
     color: #c0ff4d;
     letter-spacing: 3px;
     font-size: 14px;
     margin-bottom: 20px;
 }
 
 .agency-heading {
     font-size: 52px;
     line-height: 1.2;
     margin-bottom: 25px;
     color: #fff;
 }
 
 .agency-heading span {
     color: #c0ff4d;
 }
 
 .agency-text {
     color: #cfcfcf;
     line-height: 1.8;
     margin-bottom: 40px;
     max-width: 520px;
 }
 
 .video-review-wrapper {
     display: flex;
     gap: 30px;
     align-items: center;
 }
 
 .video-box {
     position: relative;
     width: 260px;
     border-radius: 20px;
     overflow: hidden;
 }
 
 .video-box img {
     width: 100%;
     display: block;
 }
 
 .play-circle {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 70px;
     height: 70px;
     background: #c0ff4d;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #000;
     font-size: 22px;
 }
 /* REVIEW BLOCK */
 
 .review-area {
     display: flex;
     flex-direction: column;
     gap: 15px;
 }
 
 .stars {
     color: #c0ff4d;
     font-size: 18px;
 }
 
 .review-text {
     color: #aaa;
     font-size: 14px;
 }
 
 .avatar-group {
     display: flex;
 }
 
 .avatar-group img {
     width: 38px;
     height: 38px;
     border-radius: 50%;
     border: 2px solid #000;
     margin-left: -10px;
 }
 
 .contact-link {
     color: #c0ff4d;
     text-decoration: none;
     font-weight: 500;
     margin-top: 5px;
     display: inline-block;
 }
 
 .contact-link:hover {
     letter-spacing: 1px;
 }
 /* RIGHT SIDE CARDS */
 
 .stats-wrapper {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
 }
 
 .stat-card {
     background: #0d0d0d;
     border-radius: 25px;
     padding: 40px 35px;
     position: relative;
     overflow: hidden;
     border: 1px solid rgba(255, 255, 255, 0.05);
     transition: .4s;
 }
 
 .stat-card:hover {
     transform: translateY(-8px);
 }
 
 .stat-card::before {
     content: '';
     position: absolute;
     width: 250px;
     height: 250px;
     background: radial-gradient(circle, rgba(163, 255, 60, 0.25) 0%, rgba(0, 0, 0, 0) 70%);
     top: -80px;
     right: -80px;
 }
 
 .stat-icon {
     position: absolute;
     top: 25px;
     right: 25px;
     font-size: 26px;
     color: #c0ff4d;
 }
 
 .stat-number {
     font-size: 44px;
     font-weight: 600;
     color: #c0ff4d;
     margin-bottom: 10px;
     margin-top: 45px;
 }
 
 .stat-desc {
     color: #cfcfcf;
 }
 /* Experts in digital brand innovation end  */
 
 .audiences-strong {
     position: relative;
     overflow: hidden;
     border-radius: 12px;
     /* optional */
 }
 /* Image */
 
 .growing-measurable img {
     width: 100%;
     display: block;
     transition: transform 0.6s ease;
 }
 /* Zoom Effect */
 
 .audiences-strong:hover img {
     transform: scale(1.1);
     opacity: 0.9;
 }
 /* Overlay Effect */
 
 .audiences-strong::after {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.25);
     opacity: 0;
     transition: opacity 0.4s ease;
 }
 
 .audiences-strong:hover::after {
     opacity: 1;
 }