@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap);
 @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Saira:ital,wght@0,100..900;1,100..900&family=Sora:wght@100..800&&display=swap);

 .about-card-section .card,
 .about-section-2 .image-container,
 .about-video-section,
 .accordion .accordion-button,
 .accordion-content,
 .benefits,
 .card-container,
 .cookie-setting,
 .cookies-box,
 .faq,
 .footer,
 .form-section form textarea.form-control,
 .main-section-content,
 .message-modal,
 .nav,
 .navigation-buttons,
 .navigation-dots,
 .section-2,
 .section-3 .image-container,
 .service-row-wrapper-inner,
 .service-section-4,
 .service-section-4 h2,
 .service-slider,
 .sub-content,
 .value-card {
     box-sizing: border-box;
     box-sizing: border-box;
 }

 .flex,
 .nav,
 .nav-links {
     display: flex;
 }

 .form-section p,
 .hero-section-content span,
 .section-2 p {
     font-weight: 400;
     letter-spacing: 0;
     vertical-align: middle;
 }

 *,
 .nav-links .link,
 .other-pages a,
 .page-404 .back-home-button {
     text-decoration: none;
 }

 *,
 .section ul {
     list-style: none;
 }

 :root {
     --color-primary-100: #acbdcf;
     --color-primary-200: rgba(131, 156, 183, 1);
     --color-primary-300: #5b7b9d;
     --color-primary-400: #435a73;
     --color-primary-500: rgba(43, 58, 74, 1);
     --color-primary-600: #1a232d;
     --sidebar-color: rgba(26, 35, 45, 0.4);
 }

 @font-face {
     font-family: CabinetGrotesk;
     src: url("../assets/fonts/CabinetGrotesk-Regular.otf") format("truetype");
     font-style: normal;
 }
 @font-face {
  font-family: 'SairaSemi';
  src: url('../assets/fonts/SairaSemiCondensed-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  src: url('../assets/fonts/Roboto_Condensed-Medium.ttf') format('truetype');
}

 * {
     margin: 0;
     padding: 0;
 }

 body {
     overflow-x: hidden !important;
 }

 p,
 span {
     font-family: Inter, sans-serif;
 }

 .value-card h2,
 h1,
 h2,
 h3,
 h4 {
     font-family: Saira;
 }

 .relative {
     position: relative;
 }

 .nav,
 .sidebar {
     position: fixed;
     z-index: 10;
     left: 0;
     top: 0;
 }

 .justify-center {
     justify-content: center;
 }

 .items-center {
     align-items: center;
 }

 .justify-end {
     justify-content: end;
 }

 .items-end {
     align-items: end;
 }

 .flex-col,
 .nav-links {
     flex-direction: column;
 }

 .justify-between {
     justify-content: space-between;
 }

 .nav {
     background: var(--color-primary-600);
     height: 105px;
     align-items: center;
     justify-content: space-between;
     padding: 20px 90px;
     width: 100%;
 }

 .nav a img {
     width: auto;
     height: auto;
 }

 .nav button,
 .sidebar button {
     width: 91px;
     height: 36px;
     background: 0 0;
     border: none;
     font-size: 24px;
     color: #fff;
     cursor: pointer;
     font-family: Saira;
 }

 .sidebar {
     width: 439px;
     height: 100dvh;
     backdrop-filter: blur(16px);
     background: var(--sidebar-color);
     overflow-y: scroll;
 }

 .sidebar::-webkit-scrollbar {
     width: 3px;
 }

 .space-40 {
     margin-top: 40px;
     padding: 0 40px;
 }

 .main-screen {
     min-height: 1024px;
     height: 100dvh;
     position: relative;
     overflow: hidden;
 }

 .nav-links {
     margin-top: 40px;
     padding: 0 63px;
     gap: 24px;
 }

 .nav-links .link {
     width: fit-content;
     padding: 15px 16px;
     font-family: Saira;
     font-weight: 500;
     font-size: 64px;
     line-height: 66px;
     letter-spacing: -2px;
     color: #ffff;
 }

 .nav-links .link .line {
     width: 100%;
     transform: scaleX(0);
     height: 2px;
     background-color: #fff;
     transition: transform .25s ease-out;
     transform-origin: bottom right;
 }

 .nav-links .link:hover .line {
     transform: scaleX(1);
     transform-origin: bottom left;
 }

 .hero-section {
     position: fixed;
     height: 100dvh;
     width: 100vw;
     min-height: 1024px;
 }

 .hero-section-wrapper {
     width: 100vw;
     display: -webkit-box;
 }

 .swiper {
     width: 100vw;
     height: 100dvh;
 }

 .swiper-slide {
     width: 100vw !important;
     height: 100dvh;
     min-height: 1024px;
     position: relative;
 }

 .navigation-dots,
 .section-2 {
     position: fixed;
     bottom: 0;
     z-index: 10;
 }

 .section-2 {
     width: 86%;
     height: fit-content;
     padding-left: 96px;
     padding-right: 96px;
     padding-bottom: 2.5rem;
     color: #fff;
     left: 5.5rem;
 }

 .navigation-dots {
     width: 100vw;
     left: 0;
     display: flex;
     padding: 0 96px;
     padding-bottom: 10px !important;
     gap: 10px;
 }

 .swiper-pagination {
     padding-bottom: 0.5rem;
 }

 .swiper-pagination span {
     width: 30%;
     border-radius: 5px;
     height: 5px;
     background: #fff;
 }

 .section-2 p {
     font-size: 16px;
     line-height: 23px;
     color: #e0e0e0;
 }

 .hero-section video,
 .service-hero-section video {
     height: 100%;
     width: 100%;
     object-fit: cover;
     position: absolute;
     z-index: -1;
 }

 .hero-section-content {
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: center;
     margin-top: -4.5rem;
 }

 .cookie-setting,
 .cookies-box {
     position: fixed;
     bottom: 10px;
     right: 10px;
     z-index: 10;
     background: #fff;
     opacity: 0;
 }

 .cookies-box,
 .custom-switch input {
     display: none;
 }

 .hero-section-content span {
     margin-top: 184px;
     font-size: 16px;
     line-height: 24px;
     text-align: center;
     color: #fff;
 }

 .cookie-setting p,
 .setting-box-item h4 {
     font-weight: 400;
     letter-spacing: 0;
     vertical-align: middle;
     color: var(--color-primary-600);
 }

 .cookies-box {
     width: 442px;
     height: 184px;
     padding: 24px;
     border-radius: 10px;
     transition: .3s
 }

 .cookies-box p {
     font-family: Inter;
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0;
 }

 .cookie-setting .cookies-box-buttons,
 .cookies-box .cookies-box-buttons {
     margin-top: 24px;
     display: flex;
     gap: 16px;
 }

 .cookie-setting .cookies-box-buttons button,
 .cookies-box .cookies-box-buttons button {
     width: 146px;
     height: 40px;
     border-radius: 4px;
     border: 1px solid var(--color-primary-600);
     display: flex;
     justify-content: center;
     align-items: center;
     font-family: Saira;
     font-weight: 500;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0;
     vertical-align: middle;
     background: #fff;
     cursor: pointer;
 }

 .cookie-setting {
     display: none;
     width: 493px;
     height: 566px;
     border-radius: 10px;
     padding: 40px;
     overflow-x: hidden;
     overflow-y: auto;
 }

 .cookie-setting hr {
     margin-top: 24px;
     margin-bottom: 24px;
     border: 1px solid var(--color-primary-200);
 }

 .cookie-setting .cookies-box-buttons button:nth-child(2),
 .cookies-box .cookies-box-buttons button:nth-child(2) {
     background: var(--color-primary-600);
     color: #fff;
     width: 155px;
 }

 .setting-box {
     margin-top: 40px;
 }

 .cookie-setting p {
     font-family: Roboto;
     font-size: 18px;
     line-height: 27px;
 }

 .setting-box-title {
     font-family: Saira;
     font-weight: 500;
     font-size: 24px;
     line-height: 36px;
     letter-spacing: 0;
     vertical-align: middle;
 }

 .setting-box-item {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: 24px;
     padding-bottom: 24px;
     border-bottom: 1px solid var(--color-primary-200);
 }

 .setting-box-item h4 {
     font-family: Inter;
     margin-bottom: 4px;
     font-size: 20px;
     line-height: 30px;
 }

 .setting-box-item div {
     width: 414px;
 }

 .custom-switch {
     position: relative;
     display: inline-block;
     width: 40px;
     height: 20px;
 }

 .switch-slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ccc;
     transition: .4s;
     border-radius: 34px;
 }

 .accordion-button img,
 .button-primary img,
 .nav-button,
 svg path {
     transition: .3s;
 }

 .custom-switch input:checked+.switch-slider {
     background-color: var(--color-primary-600);
 }

 .switch-slider:before {
     position: absolute;
     content: "";
     height: 16px;
     width: 16px;
     left: 2px;
     bottom: 2px;
     background-color: #fff;
     transition: .4s;
     border-radius: 50%;
 }

 .custom-switch input:checked+.switch-slider:before {
     transform: translateX(20px);
 }

 .hero-section-content h1 {
     font-weight: 600;
     font-size: 64px;
     line-height: 76px;
     letter-spacing: -1%;
     text-align: center;
     vertical-align: middle;
     color: #fcf8f7;
     margin-top: 1rem;
     font-family: 'Saira';
 }

 .about-section-2 .content-container h3,
 .about-section-2 .content-container p,
 .book-appointment h1,
 .book-appointment p,
 .card h1,
 .card p,
 .hero-section-content h2,
 .page-404 h1,
 .page-404 h2,
 .value-card p {
     letter-spacing: 0;
     vertical-align: middle;
 }

 .hero-section-content h2 {
     color: #e0e0e0;
     font-weight: 400;
     font-size: 16px;
     line-height: 20px;
     text-align: center;
     margin-top: 1rem;
 }

 .about-hero-section .overlay,
 .book-appointment .overlay,
 .contact-hero-section .overlay,
 .hero-section .overlay,
 .service-hero-section .overlay {
     height: 100%;
     width: 100%;
     background: rgba(0, 0, 0, .7);
     position: absolute;
     top: 0;
     z-index: 0;
     left: 0;
 }

 .navigation {
     position: relative;
     margin-top: 93px;
     width: 100%;
     display: flex;
     flex-direction: column;
     z-index: 2;
     bottom: 58px;
 }

 .navigation-buttons {
     display: flex;
     width: 100%;
     justify-content: space-between;
     padding: 0 68px;
     position: fixed;
     bottom: 200px;
     z-index: 1;
 }

 #pre-button {
     opacity: 0;
 }

 .navigation-bars {
     display: flex;
     justify-content: center;
     gap: 20px;
     margin-top: 0;
     padding: 0 96px;
 }

 .bar {
     width: 100%;
     height: 4px;
     border-radius: 8px;
     background: var(--color-primary-600);
 }

 .nav-button {
     height: 64px;
     width: 64px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #fff;
     border-radius: 50%;
     border: 1px solid transparent;
 }

 .footer-content,
 .menu-wrapper,
 .service-slider {
     width: 100%;
     display: flex;
 }

 .nav-button:hover {
     border-color: var(--color-primary-100);
     background: 0 0;
     scale: 1.2;
 }

 .nav-button:hover svg path {
     stroke: var(--color-primary-100);
 }

 .service-hero-section .hero-section-content h1 {
     margin-top: 154px;
 }

 .other-pages,
 .service-hero-section .hero-section-content h2,
 .testimonial button {
     margin-top: 24px;
 }

 .service-slider {
     flex-direction: column;
     padding-top: 28px;
     padding-bottom: 8px;
     justify-content: end;
     align-items: center;
     position: relative;
     height: 580px;
 }

 .service-slider .slider .service-card {
     width: 364px;
     height: 308px;
     border-radius: 4px;
     border: 1px solid #fff;
     gap: 32px;
     display: flex;
     text-align: center;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     background: #fff;
 }

 .book-appointment,
 .book-appointment button {
     text-align: center;
     align-items: center;
     display: flex;
 }

 .service-slider .slider .service-card h3 {
     font-weight: 500;
     font-size: 20px;
     line-height: 30px;
     letter-spacing: 0;
     vertical-align: middle;
 }

 .service-slider .slider .service-card img {
     height: 60px;
     width: 60px;
 }

 .book-appointment {
     height: 545px;
     justify-content: center;
     flex-direction: column;
     color: #fff;
     background: url("../assets/images/appointment-section.png") center/cover;
     position: relative;
 }

 .footer,
 .form-section form button {
     background: var(--color-primary-600);
 }

 .book-appointment h1 {
     font-weight: 700;
     font-size: 52px;
     line-height: 64px;
 }

 .book-appointment p {
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     text-align: center;
     margin-top: 24px;
 }

 .book-appointment button {
     width: 208px;
     height: 48px;
     border-radius: 4px;
     justify-content: center;
     border: none;
     background: #fff;
     font-family: Inter;
     font-weight: 500;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0;
     vertical-align: middle;
     margin-top: 40px;
 }

 .news-letter button,
 .other-pages a {
     font-weight: 400;
     line-height: 24px;
     letter-spacing: 0;
     vertical-align: middle;
 }

 .footer {
     height: fit-content;
     padding: 5rem 64px 0;
     display: flex;
     align-items: center;
     flex-direction: column;
     justify-content: space-between;
     color: #fff;
 }

 .footer-content {
     flex-direction: column;
     gap: 50px;
 }

 .footer .footer-logo {
     height: 76px;
     width: 162px;
     object-fit: contain;
 }

 .menu-wrapper {
     height: 464px;
     justify-content: center;
     position: relative;
 }

 .news-letter,
 .other-pages {
     width: 100% !important;
     display: flex;
 }

 .footer .footer-content .menu-content {
     width: 984px;
     height: 316px;
     position: relative;
     display: flex;
     justify-content: center;
 }

 .footer .footer-content .menu-content div {
     width: 50%;
 }

 .footer .footer-content .menu-content h3 {
     font-weight: 500;
     font-size: 24px;
     line-height: 36px;
     letter-spacing: 0;
     vertical-align: middle;
 }

 .footer .footer-content .menu-content li {
     font-family: Inter;
     display: flex;
     align-items: start;
     gap: 8px;
     margin-top: 16px;
 }

 .footer .footer-content .menu-content .personal-details ul {
     margin-top: 8px;
 }

 .other-pages {
     height: 184px;
 }

 .other-pages div {
     display: flex;
     flex-direction: column;
     gap: 16px;
 }

 .other-pages div:first-child {
     width: 60%;
 }

 .other-pages a {
     color: #fff;
     font-family: Inter;
     font-size: 16px;
     border-bottom: 2px solid transparent;
     transition: border-bottom-color .3s;
     display: inline;
     width: fit-content;
     position: relative;
     overflow: hidden;
 }

 .other-pages a::after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 2px;
     background: #fff;
     transform: scaleX(0);
     transition: transform .3s;
     transform-origin: right;
 }

 .other-pages a:hover::after {
     transform: scaleX(1);
     transform-origin: left;
 }

 .news-letter {
     height: 40px;
     justify-content: space-between;
     align-items: center;
     border-radius: 4px;
     background: var(--color-primary-500);
     margin-top: 30px;
     padding: 0 8px;
 }

 .news-letter button,
 .news-letter input {
     font-size: 16px;
     font-family: Inter;
     border: none;
     background: 0 0;
     color: var(--color-primary-100);
 }

 .background-logo {
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
     object-fit: contain;
     z-index: 0;
 }

 .news-letter button {
     width: 107px;
     height: 24px;
     gap: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .form-section form,
 .form-section form .form-group {
     display: flex;
     gap: 32px;
 }

 .news-letter input {
     width: 100%;
 }

 .about-hero-section h1,
 .contact-hero-section h1,
 .contact-hero-section p {
     color: #fff;
     position: relative;
     letter-spacing: 0;
     vertical-align: middle;
     text-align: center;
 }

 .news-letter input::placeholder {
     color: var(--color-primary-300);
 }

 .copy-rights {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0 0 5rem;
     width: 100%;
 }

 .about .nav,
 .contact .nav {
     position: fixed;
 }

 .about-hero-section,
 .contact-hero-section {
     display: flex;
     align-items: center;
     justify-content: center;
     background: url("../assets/images/contact-hero.png") center/cover;
     position: relative;
 }

 .contact-hero-section {
     height: 40rem;
 }

 .contact-section {
     align-items: center;
     justify-content: center;
 }

 .about-hero-section h1,
 .contact-hero-section h1 {
     font-family: Saira;
     font-weight: 600;
     font-size: 128px;
     line-height: 120px;
 }

 .contact-hero-section p {
     width: 766px;
     font-family: Inter;
     font-weight: 400;
     font-size: 18px;
     line-height: 26px;
 }

 .about-1 .text-section h1,
 .message-modal h3 {
     font-weight: 700;
     font-size: 64px;
 }

 .contact .contact-section {
     display: flex;
     padding: 149px 105px;
     justify-content: center;
     align-items: center;
 }

 /* map styles  */
 .map-container h1 {
     font-family: Saira;
     font-size: 4.5em;
     font-weight: 600;
 }




 .contact .contact-section .contact-details {
     width: 80%;
 }

 .contact .contact-section .contact-details h3 {
     font-family: Saira;
     font-weight: 500;
     font-size: 28px;
     line-height: 42px;
     letter-spacing: 0;
 }

 .contact .contact-section .contact-details .details-section {
     box-sizing: border-box;
     padding: 8px !important;
     display: flex;
     flex-direction: column;
     gap: 16px;
 }

 .contact .contact-section .contact-details .details-section p {
     width: 476px;
     font-family: Inter;
     font-weight: 400;
     font-size: 20px;
     line-height: 30px;
     letter-spacing: 0;
     vertical-align: middle;
 }

 .contact .contact-section .contact-details p {
     font-family: Saira;
     font-weight: 500;
     font-size: 20px;
     line-height: 30px;
     letter-spacing: 0;
     vertical-align: middle;
     margin-top: 16px;
 }

 .form-section form button,
 .form-section p {
     font-family: Inter;
     font-size: 16px;
     line-height: 24px;
 }

 .form-section {
     width: 629px;
     padding: 40px;
     background: #2b3A4A1A;
 }

 .form-section form {
     width: 100% !important;
     flex-direction: column;
 }

 .about-content h1,
 .about-section-2 .content-container p,
 .card h1,
 .card p,
 .contact-info strong,
 .form-section p a,
 .header h1,
 .last-updated,
 .loading-animation,
 .section h2,
 .service-buttons .active,
 .service-row h2,
 .service-row p,
 .service-section-3 p,
 .sub-content h2,
 .value-card p {
     color: var(--color-primary-600);
 }

 .form-section form .form-control {
     width: 100%;
     padding: 16px;
     border: 1px solid #bbb;
     font-family: Inter;
     background: 0 0;
     border-radius: 4px;
 }

 .form-control form input.form-control {
     width: 492px;
 }

 .form-section form textarea.form-control {
     resize: none;
     height: 116px;
 }

 .form-section form .form-control::placeholder {
     color: #000;
     font-weight: 400;
     font-family: Inter;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0;
     vertical-align: middle;
 }

 .form-section form button {
     width: 234px;
     height: 43.5px;
     overflow-x: hidden;
     border-radius: 4px;
     color: #fff;
     font-weight: 500;
     letter-spacing: 0;
     vertical-align: middle;
 }

 .about-hero-section {
     height: 535px;
     flex-direction: column;
 }

 .form-section form button .contact-animation {
     width: 700px;
     display: -webkit-box;
     transform: translateX(-67%);
 }

 .message-sent-modal {
     background: rgba(0, 0, 0, .5);
     backdrop-filter: blur(5px);
     height: 100dvh;
     width: 100vw;
     overflow-y: auto;
     position: fixed;
     opacity: 0;
     bottom: 0;
     left: 0;
     z-index: 1000;
     display: none;
     align-items: center;
     justify-content: center;
 }

 .message-modal {
     width: 559px;
     padding: 85px 40px;
     border-radius: 12px;
     background: #fff;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 .message-modal .close-button,
 .testimonial {
     background: var(--color-primary-600);
     display: flex;
 }

 .message-modal h3 {
     font-family: CabinetGrotesk;
     font-style: Bold;
     line-height: 130%;
     letter-spacing: 0;
     text-align: center;
     vertical-align: middle;
 }

 .message-modal .close-button,
 .message-modal p {
     font-family: Inter;
     vertical-align: middle;
     letter-spacing: 0;
 }

 .message-modal p {
     font-weight: 400;
     font-size: 20px;
     line-height: 30px;
     width: 381px;
     text-align: center;
     margin-top: 49px;
 }

 .message-modal .close-button {
     width: 231px;
     height: 56px;
     margin-top: 185px;
     border-radius: 4px;
     color: #fff;
     text-decoration: none;
     justify-content: center;
     align-items: center;
     font-weight: 500;
     font-size: 16px;
     line-height: 24px;
 }

 .form-section form button .contact-animation span {
     display: flex;
     justify-content: center;
     width: 234px;
 }

 .about-hero-section h1 {
     font-size: 128px;
     line-height: 72px;
 }

 .about-hero-section button,
 .main-section button,
 .testimonial button {
     width: 235px;
     height: 56px;
     gap: 4px;
     border-radius: 4px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     font-family: Saira;
     font-weight: 500;
     font-size: 20px;
     line-height: 30px;
     letter-spacing: 0;
     vertical-align: middle;
     color: var(--color-primary-600);
     margin-top: 56px;
 }

 .about-1 .text-section h1,
 .testimonial h1 {
     line-height: 72px;
     letter-spacing: 0;
     vertical-align: middle;
 }

 .testimonial h2 {
     font-size: 3rem;
     color: #fff;
     font-family: CabinetGrotesk;
     
 }

 .about-1 {
     padding: 0 92.5px;
     gap: 132px;
     display: flex;
     margin-top: 64px;
 }

 .about-1 .image-section {
     width: 294px !important;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 57px;
 }

 .about-1 .image-section h3 {
     font-weight: 700;
     font-size: 28px;
     line-height: 42px;
     letter-spacing: 0;
     vertical-align: middle;
 }

 .about-1 .image-section img {
     height: 240px;
     width: 294px;
     object-fit: cover
 }

 .about-1 .text-section p {
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0;
     vertical-align: middle;
 }

 .testimonial {
     margin-top: 128px;
     flex-direction: column;
     align-items: center;
     padding: 64px;
 }

 .testimonial h1 {
     font-weight: 500;
     font-size: 48px;
     text-align: center;
     color: #fff;
 }

 .testimonial p,
 .testimonial-card p {
     line-height: 24px;
     vertical-align: middle;
 }

 .testimonial p {
     font-weight: 400;
     font-size: 16px;
     letter-spacing: 0;
     text-align: center;
     color: #fff;
     margin-top: 24px;
 }

 .testimonial-card .rating,
 .testimonial-card p {
     font-size: 18px;
     font-weight: 400;
     letter-spacing: 0;
 }

 .testimonials {
     margin-top: 29px;
     padding: 66px 0;
     width: 933px;
     height: 360px;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
 }

 .testimonial-slider {
     display: -webkit-box;
     width: 933px;
     margin-left: 40px;
     overflow: hidden;
 }

 .testimonial-slider .slide {
     width: 100%;
     display: flex;
     justify-content: center;
 }

 .testimonial-card {
     width: 643px;
     top: 66px;
     left: 144.5px;
     display: flex;
     flex-direction: column;
     gap: 32px;
     border-radius: 4px;
     padding: 40px;
     background: #fff;
 }

 .testimonial-card .profile {
     display: flex;
     gap: 8px
 }

 .testimonial-card p {
     color: #000;
     text-align: left;
 }

 .benefits h2,
 .faq h2,
 .main-section h1 {
     color: var(--color-primary-600);
     letter-spacing: 0;
 }

 .testimonial-card .profile img {
     width: 32px;
     height: 32px;
     border-radius: 32px;
     object-fit: cover;
 }

 .testimonial-card .rating {
     font-family: Saira;
     line-height: 26px;
 }

 .testimonial-card .profile p {
     margin-top: 0;
     font-weight: 400;
     font-size: 11px;
     line-height: 14px;
     letter-spacing: 0;
 }

 .testimonial-card .profile h4 {
     font-family: Saira;
     font-weight: 400;
     font-size: 28px;
     line-height: 26px;
     letter-spacing: 0;
 }

 .testimonial .navigation-buttons {
     position: absolute;
     padding: 0;
     z-index: 2;
 }

 .navigation-buttons .nav-button,
 .testimonial .nav-button {
     height: 64px;
     width: 64px;
     border-radius: 50%;
 }

 .main-section {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 7rem 100px 64px;
     gap: 48px;
 }

 .main-section-content {
     width: 703px;
 }

 .visually-hidden {
     position: absolute;
     width: 1px;
     height: 1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
 }

 .main-section h1 {
     font-weight: 500;
     font-size: 96px;
     line-height: 102px;
     vertical-align: middle;
 }

 .main-section p {
     font-family: Saira;
     font-weight: 400;
     font-size: 20px;
     line-height: 30px;
     letter-spacing: 0;
     vertical-align: middle;
     margin-top: 32px
 }

 .benefits h2,
 .faq h2 {
     font-size: 48px;
     line-height: 72px;
 }

 .main-section .video-section {
     height: 455px;
     overflow: hidden;
     position: relative;
     border-radius: 4px;
     width: 584px;
 }

 .main-section .video-section img,
 .main-section .video-section video {
     height: 455px;
 }

 .overflow-hidden {
     overflow: hidden;
 }

 .transition-overlay {
     background: #fff;
     height: 180px;
     width: 180px;
     position: absolute;
 }

 .main-section-buttons {
     display: flex;
     gap: 16px;
 }

 .main-section-buttons a button,
 .main-section-buttons button {
     cursor: pointer;
 }

 .card:nth-child(2),
 .main-section button {
     background: #fff;
 }

 .main-section button:first-child {
     background: var(--color-primary-600);
     color: #fff;
 }

 a {
     color: #fff;
     text-decoration: underline;
     margin-right: 4px;
 }

 .benefits,
 .faq {
     height: 512px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     padding: 128px 100px;
 }

 .faq h2 {
     font-family: Saira;
     font-weight: 500 !important;
 }

 .benefits h2 {
     font-weight: 500;
     text-align: center;
     vertical-align: middle;
 }

 .benifit-wrapper {
     margin-top: 40px;
     display: flex;
     width: 1240px;
     gap: 24px;
 }

 .benifit-wrapper .benefit-card {
     width: 292px;
     height: 244px;
     border-radius: 8px;
     border-width: 1px;
     padding: 24px;
     gap: 24px;
     display: flex;
     flex-direction: column;
     box-shadow: 0 3px 6px 0 rgba(107, 107, 107, .1), 0 11px 11px 0 rgba(107, 107, 107, .09), 0 24px 14px 0 rgba(107, 107, 107, .05), 0 43px 17px 0 rgba(107, 107, 107, .01), 0 67px 19px 0 rgba(107, 107, 107, 0);
     border: 1px solid var(--color-primary-100);
 }

 .card-black {
     color: var(--color-primary-100);
     background: var(--color-primary-600);
 }

 .benefit-card p {
     font-family: Saira;
     font-weight: 400;
     font-size: 28px;
     line-height: 36px;
     letter-spacing: 0;
 }

 .accordion .accordion-button,
 .accordion-content p {
     font-weight: 500;
     text-align: left;
     font-family: Saira;
     letter-spacing: 0;
 }

 .benefit-card img {
     width: 64px;
     height: 64px;
 }

 .faq {
     height: fit-content;
 }

 .faqs {
     display: flex;
     gap: 30px;
     flex-direction: column;
     margin-top: 40px;
 }

 .accordion {
     width: 901px;
     border-radius: 8px !important;
     overflow: hidden;
     box-shadow: 0 18px 39px 0 rgba(43, 43, 43, .1), 0 71px 71px 0 rgba(43, 43, 43, .09), 0 159px 95px 0 rgba(43, 43, 43, .05), 0 282px 113px 0 rgba(43, 43, 43, .01), 0 441px 124px 0 rgba(43, 43, 43, 0);
 }

 .accordion .accordion-button {
     width: 100%;
     height: 68px;
     padding: 16px 32px;
     border-radius: 8px;
     display: flex;
     justify-content: space-between;
     background: #fff;
     border: none;
     font-size: 24px;
     line-height: 36px;
 }

 .button-primary,
 .white-transition-bars {
     border: 1px solid var(--color-primary-600);
 }

 .accordion-content {
     width: 901;
     height: 290;
     gap: 30px;
     padding: 30px 32px;
     background-color: #fff;
 }

 .accordion-content p {
     font-size: 20px;
     line-height: 30px;
 }

 .about-content h1,
 .page-404 h1,
 .sub-content h2 {
     font-weight: 600;
     line-height: 72px;
 }

 .button-primary {
     position: relative;
     overflow: hidden;
 }

 .button-primary span {
     display: block;
     position: absolute;
     background: var(--color-primary-300);
     width: 100%;
     height: 100%;
     z-index: 0;
     transition: .5s;
     transform-origin: left;
     transform: scaleX(0);
 }

 .button-primary:hover span {
     transform: scaleX(1);
 }

 .button-primary:hover img {
     transform: translateX(10px);
 }

 .transition {
     position: fixed;
     z-index: 2;
     top: 0;
     left: 0;
     height: 100dvh;
     width: 100%;
     display: flex;
 }

 .white-transition-bars {
     width: 50%;
     background: #fff;
     height: 100dvh;
     display: inline-block;
     margin: 0;
 }

 .open .accordion-button img {
     transform: rotate(180deg);
 }

 .multi-slider {
     display: -webkit-box;
     width: 100%;
 }

 .loader {
     width: 100%;
     background-color: #fff;
     height: 100dvh !important;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     position: fixed;
     z-index: 1111;
 }

 .loading-animation {
     width: 100%;
     text-align: center;
     vertical-align: middle;
     display: flex;
     justify-content: center;
     position: absolute;
     bottom: 20px;
 }

 .loader-heading {
     font-family: Sora;
     font-weight: 700;
     font-style: Bold;
     font-size: 64px;
     line-height: 100%;
     letter-spacing: 0;
     vertical-align: middle;
 }

 .counter {
     display: flex;
     overflow: hidden;
     height: 56px;
     flex-direction: column;
     margin-left: 20px;
 }

 .about-section-2,
 .page-404 {
     align-items: center;
     display: flex;
 }

 .about-content h1 {
     font-size: 128px;
     letter-spacing: 0;
     text-align: center;
     vertical-align: middle;
     margin-top: 15rem;
 }

 .sub-content {
     margin: 104px 96px 136px;
     padding: 8px 0;
 }

 .sub-content h2 {
     font-family: Saira;
     font-size: 64px;
     letter-spacing: 0;
     max-width: 1058px;
     vertical-align: bottom;
 }

 .about-video-section {
     width: 100%;
     padding: 128px 96px;
 }

 .about-video-section video {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 20px;
 }

 .about-section-2 {
     padding: 128px 96px;
     gap: 80px;
 }

 .about-section-2 .image-container {
     width: 584px;
     height: 462px;
     border-radius: 8px;
     padding: 24px;
     overflow: hidden;
     background: var(--color-primary-600);
 }

 .about-section-2 .image-container img,
 .section-3 .image-container img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 8px;
 }

 .about-section-2 .content-container {
     width: 50%;
     border-radius: 8px;
     padding: 8px;
 }

 .about-section-2 .content-container h3 {
     font-weight: 700;
     font-size: 24px;
     line-height: 36px;
     color: var(--color-primary-600);
 }

 .about-section-2 .content-container p {
     font-family: Inter;
     font-weight: 400;
     font-size: 20px;
     line-height: 30px;
     margin-top: 24px;
 }

 .about-card-section {
     display: flex;
     justify-content: center;
     gap: 20px;
     padding: 128px 96px;
 }

 .about-card-section .card h2,
 .section-3 .content-container h2 {
     font-size: 3rem;
 }

 .page-404 {
     max-width: 1019px;
     height: 826.8px;
     margin: auto;
     justify-content: space-between;
     padding-top: 50px;
     padding-bottom: 50px;
 }

 .page-404 h1 {
     font-size: 96px;
 }

 .page-404 h2 {
     font-weight: 500;
     font-size: 32px;
     line-height: 48px;
     margin-top: 24px;
 }

 .page-404 p {
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0;
     width: 313px;
     margin-top: 24px;
 }

 .page-404 .img-404 {
     height: 429px;
     width: 511px;
 }

 .page-404 .back-home-button {
     width: 140px;
     height: 56px;
     border-radius: 4px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     background-color: var(--color-primary-600);
     margin-top: 24px;
     font-family: Inter;
     font-weight: 500;
 }

 .section-3 .content-container h3,
 .section-3 .content-container p {
     letter-spacing: 0;
     vertical-align: middle;
     color: var(--color-primary-600);
 }

 .about-card-section .card,
 .section-3 .image-container,
 .value-card {
     border-radius: 8px;
 }

 .service-buttons,
 .service-buttons button {
     border-radius: 4px;
     display: flex;
     position: relative;
 }

 .about-card-section .card {
     width: 402px;
     height: 420px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     padding: 32px;
     background: var(--color-primary-600);
     box-shadow: 0 8px 18px 0 rgba(0, 0, 0, .1), 0 32px 32px 0 rgba(0, 0, 0, .09), 0 73px 44px 0 rgba(0, 0, 0, .05), 0 129px 52px 0 rgba(0, 0, 0, .01), 0 202px 57px 0 transparent;
     background: #8fa3b5;
 }

 .card:nth-child(3) {
     background: #bbb;
 }

 .card h1 {
     font-weight: 700;
     font-size: 64px;
     line-height: 100%;
 }

 .card p,
 .value-card p {
     font-family: Inter;
     font-weight: 400;
     font-size: 20px;
     line-height: 30px;
 }

 .deliverable-card h2,
 .value-card h2 {
     font-size: 3rem;
     font-weight: 500;
 }

 .section-3 {
     padding: 112px 96px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 88px;
 }

 .section-3 .content-container {
     width: 50%;
     max-width: 580px;
 }

 .section-3 .image-container {
     width: 580px;
     height: 770px;
     overflow: hidden;
 }

 .section-3 .content-container h3 {
     font-weight: 500;
     font-size: 24px;
     line-height: 30px;
 }

 .section-3 .content-container h1,
 .section-values .section-heading,
 .value-card h2 {
     line-height: 72px;
     letter-spacing: 0;
     vertical-align: middle;
     color: var(--color-primary-600);
 }

 .section-3 .content-container h1 {
     margin-top: 8px;
     font-weight: 600;
     font-size: 64px;
 }

 .section-3 .content-container p {
     font-family: Inter;
     font-weight: 400;
     font-size: 20px;
     line-height: 30px;
     margin-top: 16px;
 }

 .section-values {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 128px 96px;
 }

 .section-values .section-heading {
     font-weight: 600;
     width: 604px;
     font-size: 64px;
     text-align: center;
     margin-top: 8px;
 }

 .deliverable-card p,
 .section-deliver .heading-section h3,
 .section-values .section-sub-heading {
     font-size: 24px;
     letter-spacing: 0;
     vertical-align: middle;
     color: var(--color-primary-600);
 }

 .section-values .section-sub-heading {
     font-family: Inter;
     font-weight: 400;
     line-height: 36px;
     text-align: center;
 }

 .card-container {
     display: flex;
     justify-content: center;
     width: 100%;
     gap: 20px;
     margin-top: 96px;
 }

 .value-card {
     width: 402px;
     height: 480px;
     padding: 32px;
     background: #b5c2cd;
     display: flex;
     flex-direction: column;
     gap: 16px;
 }

 .section-deliver {
     display: flex;
     justify-content: center;
     gap: 80px;
     padding: 128px 96px;
 }

 .deliverable-card,
 .service-hero-section {
     gap: 24px;
     display: flex;
 }

 .section-deliver .heading-section {
     max-width: 468px;
 }

 .section-deliver .deliverables {
     max-width: 700px;
     display: flex;
     flex-direction: column;
     gap: 40px;
 }

 .section-deliver .heading-section h3 {
     font-weight: 500;
     line-height: 36px
 }

 .deliverable-card h2,
 .section-deliver .heading-section h2 {
     line-height: 72px;
     color: var(--color-primary-600);
     letter-spacing: 0;
     vertical-align: middle;
 }

 .section-deliver .heading-section h2 {
     font-family: Saira;
     font-weight: 600;
     font-size: 4rem;
     margin-top: 8px;
 }

 .deliverable-card img {
     width: 56px;
     height: 56px;
     object-fit: contain;
     margin-top: 8px;
 }

 .deliverable-card p {
     font-family: Inter;
     font-weight: 400;
     line-height: 36px;
     border-top: 2px solid var(--color-primary-600);
     padding-top: 8px;
     margin-top: 16px;
 }

 .service-hero-section {
     height: 1096px;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     background: url("../assets/images/service-hero.jpg") center/cover;
     position: relative;
     color: #fff;
 }

 .service-hero-section .overlay {
     background: rgba(0, 0, 0, .4);
 }

 .service-hero-section h1 {
     font-weight: 700;
     font-size: 96px;
     line-height: 72px;
     letter-spacing: 0;
     text-align: center;
     vertical-align: middle;
     position: relative;
     bottom: 5rem;
 }

 .service-hero-section p {
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0;
     text-align: center;
     vertical-align: middle;
     width: 893px;
     position: relative;
     bottom: 5rem;
 }

 .service-section-1 p,
 .service-section-2 p {
     font-weight: 500;
     color: var(--color-primary-600);
 }

 .service-buttons button,
 .service-row h2,
 .service-row p,
 .service-section-3 p,
 .service-section-4 h2 {
     font-weight: 400;
     letter-spacing: 0;
     vertical-align: middle;
 }

 .service-section-1 {
     padding: 40px 96px;
 }

 .service-section-1 p {
     font-family: CabinetGrotesk;
     font-size: 40px;
     line-height: 72px;
     letter-spacing: 0;
     vertical-align: middle;
     width: 70%;
 }

 .service-section-2,
 .service-section-3 {
     padding: 96px;
 }

 .service-section-3 {
     padding-bottom: 15rem;
 }

 .service-section-2 p {
     font-family: Inter;
     font-size: 24px;
     line-height: 36px;
     letter-spacing: 0;
     vertical-align: middle;
     width: 869px;
 }

 .service-buttons button,
 .service-section-3 p {
     font-size: 16px;
     line-height: 24px;
 }

 .service-buttons {
     width: 312px;
     height: 40px;
     margin-top: 88px;
     background: var(--color-primary-600);
     padding: 1px;
 }

 .service-buttons button {
     width: 156px;
     height: 40px;
     align-items: center;
     justify-content: center;
     font-family: Inter, sans-serif;
     text-align: center;
     border: none;
     background: 0 0;
     color: #fff;
     transition: .3s;
     z-index: 2;
 }

 .service-buttons #button-active {
     width: 156px;
     height: 40px;
     position: absolute;
     background: #fff;
     color: var(--color-primary-600);
     z-index: 1;
     transition: .3s;
 }

 .service-section-3 p {
     margin-top: 96px;
     margin-bottom: 32px;
 }

 .service-row-container {
     display: -webkit-box;
     width: 100%;
     overflow: hidden;
 }

 .service-row-wrapper {
     width: 100%;
     transition: .3s;
 }

 .service-row-wrapper-inner {
     padding: 4px 0;
     border-bottom: 2px solid var(--color-primary-600);
     overflow: hidden;
 }

 .service-row {
     display: flex;
     align-items: center;
     padding: 40px 16px;
     border-radius: 8px;
     justify-content: space-between;
     transition: .3s;
 }

 .service-row-wrapper-inner:hover .service-row {
     background: var(--color-primary-100);
 }

 .service-row-wrapper-inner:hover .service-row a svg path:first-child {
     fill: var(--color-primary-600);
 }

 .service-row div {
     display: flex;
     gap: 96px;
     align-items: center;
 }

 .service-row h2 {
     font-size: 32px;
     line-height: 48px;
     width: 340px;
 }

 .service-row p {
     width: 620px;
     max-width: 620px;
     font-family: Inter;
     font-size: 20px;
     line-height: 30px;
     margin-top: 0;
 }

 .service-section-4 {
     height: 740px;
     background: url("../assets/images/service-section-4.jpg") center/cover;
     position: relative;
     /* padding: 5rem 8rem */
 }

 .service-section-4 .overlay {
     background: rgba(0, 0, 0, .4);
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
 }

 .service-section-4 h2 {
     font-family: CabinetGrotesk;
     max-width: 1276px;
     width: 70%;
     font-size: 5.5em;
     line-height: 90px;
     color: #fcf8f7;
     position: relative;
     top: 15rem;
     left: 10rem;

 }

 .service-btn {
     border: 1px solid var(--color-primary-600);
     background: #fff !important;
     color: var(--color-primary-600) !important;
 }

 .container {
     width: 1308px;
     margin: 0 auto;
     padding: 60px 0px;
     background-color: #fff;
     min-height: 100vh;
 }

 .header {
     text-align: center;
     margin-bottom: 80px;
     margin-top: 80px;
 }

 .header h1 {
     font-size: 96px;
     font-weight: 600;
     margin-bottom: 40px;
     margin-top: 40px;
 }

 .last-updated {
     font-family: Inter;
     font-size: 18px;
     margin-bottom: 60px;
     text-align: left;
     margin-top: 180px;
     font-weight: 300;
     width: 89%;
     margin: auto;
     font-weight: 400;
     
 }

 .intro-text,
 .section h2,
 .section h3 {
     font-weight: 600;
 }

 .section {
     margin-bottom: 50px;
     width: 89%;
     margin: auto;

 }

 .section h2 {
     font-size: 28px;
     margin-bottom: 25px;
     margin-top: 40px;
     font-family: 'SairaSemi';
     font-weight: 500;

 }

 .section h3 {
     font-size: 24px;
     color: var(--color-primary-600);
     margin-bottom: 15px;
     margin-top: 30px
 }

 .intro-text,
 .section li,
 .section p {
     color: var(--color-primary-600);
     font-size: 18px;
     font-family:'Roboto';
 }

 .section p {
     margin-bottom: 20px;
     line-height: 1.6;
 }

 .section ul {
     margin-left: 0;
     margin-bottom: 20px;
     padding-left: 0
 }

 .section li {
     margin-bottom: 12px;
     line-height: 1.3;
     position: relative;
     padding-left: 20px
 }

 .section li::before {
     content: "•";
     position: absolute;
     left: 0;
     color: var(--color-primary-600);
     font-weight: 700;
 }

 .contact-info {
     margin: 30px 0;
 }



 /* new serivces file fintech solution  */


 .home-img {
     /* padding: 10rem 0px 5rem 0px; */
     padding-top: 10rem;
     padding-bottom: 3rem;
     width: 100%;
     display: grid;
     justify-content: center;

 }

 .fintech-content {
     /* background: red; */
     width: 90%;
     margin: auto;
     display: flex;
     flex-direction: column;
     align-items: end;
     gap: 5rem;
 }

 .heading-fintech h1 {
     font-size: 4em;
     width: 55%;
     font-weight: 600;
     line-height: 5rem;
     margin: 2rem 0px;
 }

 .heading-fintech p {
     width: 36%;
 }

 .fintech-content button {
     color: white;
     background: black;
     padding: 15px 32px;
     text-align: center;
     cursor: pointer;
     border-radius: 2px;
 }

 .fintech-content2 {
     /* background: green; */
     width: 90%;
     display: flex;
     justify-content: space-between;
     align-items: end;
     margin: 5rem auto;
 }

 .fintech-content2 h1 {
     width: 60%;
     font-size: 64px;
     font-weight: 500;
     line-height: 70px;
 }

 .fintech-content2 p {
     width: 34%;
 }


 .sec2-table-img {
     width: 90%;
     margin: auto;
 }



 .sec2-grid {
     width: 100%;
     margin-top: 5rem;
 }

 /* grid – two column text */
 .grid-two {
     display: grid;
     grid-template-columns: 1fr 1fr;
     border: 1px solid black;
     border-bottom: none;
 }

 .grid-two .item {
     padding: 50px 5rem;
 }

 .grid-two .left {
     border-right: 1px solid black;
 }

 .grid-two h1 {
     font-size: 1.7em;
     font-weight: 500;
     color: #1A232D;
     text-align: left;
 }

 .grid-two p {
     width: 75%;
     text-align: left;
     padding-top: 2rem;
     line-height: 25px;
 }

 /* grid – image / text / image */
 .grid-images {
     width: 100%;
     margin: auto;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     align-items: start;
     gap: 0.5rem;
 }

 .grid-images img {
     width: 100%;
     height: auto;
 }

 .center-box {
     border: 1px solid black;
     border-bottom: none;
     text-align: center;
     padding: 2rem;
 }

 .center-box h1 {
     font-size: 25px;
     font-weight: 500;
     color: #1A232D;
 }

 .center-box p {
     width: 95%;
     margin: auto;
     text-align: left;
     padding-top: 4rem;
     line-height: 25px;
 }


 .fintech-sec3 {
     width: 100%;
     margin: 7rem auto;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .sec3-heading h2 {
     font-size: 4em;
     font-weight: 500;
     line-height: 70px;
     margin-left: 4rem;
     margin-top: 15rem;
 }

 .sec3-main {
     display: flex;
     flex-direction: column;
     gap: 17rem;
     width: 50%;
 }

 .sec3-main h2 {
     font-size: 25px;
     font-weight: 500;
     width: 57%;

 }

 .sec3-main button {
     color: white;
     background: black;
     padding: 15px 32px;
     text-align: center;
     cursor: pointer;
     width: 35%;
 }

 .key-points {
     display: flex;
     flex-direction: column;
     gap: 1rem;
     width: 37%;

 }

 .key-points .icon-heading {
     display: flex;
     align-items: center;
     justify-content: start;
     gap: 1rem;
 }

 .key-points .icon-heading .box {
     width: 10px;
     margin-left: -1rem;
     height: 10px;
     background: black;
     border-radius: 1px;
 }

 .key-points .icon-heading h2 {
     font-weight: 500;
 }

 /*section 4 */

 .fintech-sec4 {
     width: 90%;
     margin: auto;
     display: flex;
     justify-content: space-around;
     padding-top: 6rem;
 }

 .fintech-sec4 .sec4-content {
     display: flex;
     flex-direction: column;
     width: 100%;
     gap: 2rem;
 }

 .fintech-sec4 .sec4-content h2 {
     font-size: 4em;
     font-weight: 500;
     width: 92%;
     line-height: 4.8rem;
 }

 .fintech-sec4 .sec4-content p {
     width: 50%;
 }

 .sec4-table-form {
     display: flex;
     flex-direction: column;
     gap: 10rem;
     width: 100%;
 }

 .sec4-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     border: 1px solid black;
     border-bottom: none;
     width: 99%;
 }

 .sec4-item {

     padding-top: 1rem;
     padding-left: 1rem;
     text-align: left;
     border-right: 1px solid black;
 }

 .sec4-item:last-child {
     border-right: none;
 }

 .sec4-item p {
     margin-top: 1rem;
     width: 95%;

 }


 .sec4-table-form form {
     width: 100%;
     max-width: 450px;
     display: flex;
     flex-direction: column;
     gap: 1rem;
     font-family: Saira;
 }

 .form-checkbox {
     display: flex;
     align-items: start;
     gap: 8px;
     margin-top: 10px;
 }

 .form-checkbox p {
     font-size: 13px;
 }

 .sec4-table-form form button {
     margin-top: 20px;
     width: 40%;
     padding: 12px 0;
     background: black;
     color: #fff;
     border: none;
     cursor: pointer;
 }

 html {
  scroll-behavior: smooth;
}