/* 
@import "tailwindcss";
@import "swiper/css";
@import "swiper/css/navigation";
@import "swiper/css/pagination"; */
/* @import url("./isidora.css"); */
/* @import "tw-animate-css"; */

@custom-variant dark (&:is(.dark *));

:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --radius: 0.625rem;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
}

.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.145 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.985 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.396 0.141 25.723);
  --destructive-foreground: oklch(0.637 0.237 25.331);
  --border: oklch(0.269 0 0);
  --input: oklch(0.269 0 0);
  --ring: oklch(0.439 0 0);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(0.269 0 0);
  --sidebar-ring: oklch(0.439 0 0);
}

@theme inline {
  /* Updated font variables to use Roboto */
  --font-sans: var(--font-Isidora);
  --font-mono: Isidora, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono",
    Menlo, monospace;
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
}

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
}
@layer components {
  .cart-button-overlay {
    background-color: #f3f4f6 !important;
    color: #000000 !important;
    border: 1px solid #d1d5db !important;
  }

  .cart-button-overlay:hover {
    background-color: #e5e7eb !important;
    color: #000000 !important;
  }
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.swiper-button-next,
.swiper-button-prev {
  color: #fff; /* change arrow color */
  /* optional */
  fill: #fff;
  top: 30% !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: #000; /* hover color */
}
.about-list {
  font-size: 24px;
  padding-top: 10px;
  color: #2a347e;
}

.about-list ul {
  list-style-type: disc;
  padding-left: 1.5rem;
}
.about-list li {
  padding-top: 30px;
}
/* .notvc-section {
  background-image: url("/bird.png");
  background-size: cover; 
  background-position: center; 
  background-repeat: no-repeat;
  position: relative;
  padding: 80px 0; 
} */
.founders-btn {
  border: none;
  background: linear-gradient(to right, #b862c6, #3c3882);
  color: #ffffff;
  font-size: 20px;
  line-height: 91.7%;
  letter-spacing: 0.16rem;
  padding: 15px 0px 15px 0px;
  border-radius: 5px;
  clip-path: polygon(0 0, 100% 0, 100% 63%, 93% 100%, 0 100%);
  width: 312.84px;
  display: block;
  text-align: center;
}
.blog-par {
  color: #000;
  font-family: "Isidora Medium";
}
.blog-par p {
  line-height: 1.8;
}
.blog-heading {
  border: none;
  background: linear-gradient(to right, #3c3882, #b862c6);
  color: #ffffff;
  font-size: 26px;
  line-height: 91.7%;
  letter-spacing: 0.16rem;
  padding: 15px 0px 15px 0px;
  border-radius: 5px;
  clip-path: polygon(0 0, 100% 0, 100% 63%, 93% 100%, 0 100%);
  display: block;
  text-align: center;
  width: 100%;
}
.blog-heading-2 {
  border: none;
  background: linear-gradient(to right, #3c3882, #b862c6);
  color: #ffffff;
  font-size: 18px;
  line-height: 91.7%;
  letter-spacing: 0.16rem;
  padding: 22px 0px 15px 30px;
  border-radius: 5px;
  clip-path: polygon(0 0, 100% 0, 100% 59%, 98% 100%, 0 100%);
  display: block;
  text-align: left;
}
.blog-heading-3 {
  border: none;
  background: linear-gradient(to right, #3c3882, #b862c6);
  color: #ffffff;
  font-size: 18px;
  line-height: 91.7%;
  letter-spacing: 0.16rem;
  padding: 55px 0px 45px 30px;
  border-radius: 5px;
  clip-path: polygon(0 0, 100% 0, 100% 78%, 94% 100%, 0 100%);
  display: block;
  text-align: center;
}
.section-heading {
  border: none;
  background: linear-gradient(to right, #3c3882, #b862c6);
  color: #ffffff;
  font-size: 18px;
  line-height: 91.7%;
  letter-spacing: 0.16rem;
  padding: 15px 15px 0px 0px;
  border-radius: 15px 15px 0px 0px;
  /* clip-path: polygon(0 0, 100% 0, 100% 78%, 94% 100%, 0 100%); */
  display: block;
  text-align: center;
}
.blog-heading-4 {
  border: none;
  background: linear-gradient(to right, #3c3882, #b862c6);
  color: #ffffff;
  font-size: 18px;
  line-height: 91.7%;
  letter-spacing: 0.16rem;
  padding: 55px 0px 45px 30px;
  border-radius: 5px;
  clip-path: polygon(0 0, 100% 0, 100% 88%, 96% 100%, 0 100%);
  display: block;
  text-align: center;
}
.blog-heading-5 {
  border: none;
  background: linear-gradient(to right, #3c3882, #b862c6);
  color: #ffffff;
  font-size: 18px;
  line-height: 91.7%;
  letter-spacing: 0.16rem;
  padding: 55px 0px 45px 30px;
  border-radius: 5px;
  clip-path: polygon(0 0, 100% 0, 100% 93%, 93% 100%, 0 100%);
  display: block;
  text-align: center;
}
.btn-bg {
  border: none;
  background: linear-gradient(to right, #3c3882, #b862c6);
  color: #ffffff;
  /* line-height: 91.7%; */
  letter-spacing: 0.16rem;
  padding: 15px 15px 15px 15px;
  border-radius: 10px;
  clip-path: polygon(0 0, 100% 0, 100% 83%, 95% 100%, 0 100%);
  /* width: 412.84px; */
  display: block;
  text-align: left;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Isidora SemiBold";
}
.btn-bg-title {
  font-size: 32px;
  font-family: "Isidora SemiBold";
  margin-bottom: 10px;
}
.btn-bg-subtitle {
  font-size: 19px;
  font-family: "Isidora Black";
}
.btn-bg-desc {
  font-size: 19px;
  font-family: "Isidora Medium";
  text-transform: uppercase;
  line-height: 25px;
}
.swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px; /* space between lines */
  margin-top: 30px;
}

.swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  background-color: #ccc;
  border-radius: 2px;
  opacity: 1;
  transition: all 0.3s ease;
}
.blog_detail {
  font-family: "font-isidora";
}
.swiper-pagination-bullet-active {
  background-color: #000; /* active line color */
  width: 40px; /* make active line longer */
}
/* .hero-banner {
  position: relative;
  width: 100%;
  height: 100vh;
} */

.hero-banner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Adjust opacity as needed */
  z-index: 1;
}

.hero-banner .content {
  position: relative;
  z-index: 2;
  color: white;
  text-align: center;
  padding: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.hero-banner .cta-button {
  display: inline-block;
  padding: 10px 20px;
  margin-top: 20px;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s;
}

.hero-banner .cta-button:hover {
  background-color: #0056b3;
}
.rectangular-card {
  background-image: url(/images/rectangle-bg.png);
  height: 180px;
  background-size: contain;
  background-repeat: no-repeat;
  width: 316px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 40px 0px 40px !important;
}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 768px) {
  .about-list {
    font-size: 18px;
    padding-top: 5px;
    color: #2a347e;
  }
  .about-list li {
    padding-top: 10px;
  }
  .swiper-pagination2 {
    display: none !important;
  }

  .btn-bg {
    border: none;
    background: linear-gradient(to right, #3c3882, #b862c6);
    color: #ffffff;
    /* line-height: 91.7%; */
    letter-spacing: 0.16rem;
    padding: 15px 15px 15px 15px;
    border-radius: 10px;
    clip-path: polygon(0 0, 100% 0, 100% 94%, 96% 100%, 0 100%);
    /* width: 412.84px; */
    display: block;
    text-align: left;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Isidora SemiBold";
  }

  .btn-bg-title {
    font-size: 32px;
    font-family: "Isidora SemiBold";
    margin-bottom: 10px;
  }
  .btn-bg-desc {
    font-size: 19px;
    font-family: "Isidora Thin";
    text-transform: uppercase;
    font-weight: 600;
  }
  .btn-bg-subtitle {
    font-size: 19px;
    font-family: "Isidora Black";
  }
}
/* Medium */
@media screen and (max-width: 1024px) {
}

.swiper-pagination-custom {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.swiper-pagination-bullet {
  width: 16px;
  height: 3px;
  background: #2a347e;
  opacity: 0.3;
  border-radius: 0;
  transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #2a347e;
}
p:empty,
p > br:only-child {
  line-height: 0;
  margin: 0;
  padding: 0;
}
p:has(> br:only-child) {
  line-height: 0.7;
  margin: 0;
  padding: 0;
}
/* ================================
   ISIDORA FONT FAMILY
   Cleaned & Optimized Version
   ================================ */

/* ——— Isidora Thin ——— */
.font-isidora-regular {
  font-family: "Isidora Alt", sans-serif;
}
.font-isidora {
  font-family: "Isidora SemiBold", sans-serif;
}
.font-isidora-thin {
  font-family: "Isidora Thin", sans-serif;
}
.font-isidora-medium {
  font-family: "Isidora Medium", sans-serif;
}
.font-isidora-black {
  font-family: "Isidora Black", sans-serif;
}
.font-isidora-bold {
  font-family: "Isidora Bold", sans-serif;
}
@font-face {
  font-family: "Isidora Alt";
  src: url("/fonts/IsidoraAlt-Medium_2.woff2") format("woff2"),
    url("/fonts/IsidoraAlt-Medium_2.woff") format("woff"),
    url("/fonts/IsidoraAlt-Medium_2.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Isidora Black";
  src: url("/fonts/Isidora-Black_2.woff2") format("woff2"),
    url("/fonts/Isidora-Black_2.woff") format("woff"),
    url("/fonts/Isidora-Black_2.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Isidora Bold";
  src: url("/fonts/Isidora-Bold.woff2") format("woff2"),
    url("/fonts/Isidora-Bold.woff") format("woff"),
    url("/fonts/Isidora-Bold.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Isidora Black";
  src: url("/fonts/Isidora-Black_2.woff2") format("woff2"),
    url("/fonts/Isidora-Black_2.woff") format("woff"),
    url("/fonts/Isidora-Black_2.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Isidora Medium";
  src: url("/fonts/Isidora-Medium.woff2") format("woff2"),
    url("/fonts/Isidora-Medium.woff") format("woff"),
    url("/fonts/Isidora-Medium.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* ——— Isidora Thin Italic ——— */
@font-face {
  font-family: "Isidora Thin It";
  src: url("/fonts/Isidora-ThinIt.woff2") format("woff2"),
    url("/fonts/Isidora-ThinIt.woff") format("woff"),
    url("/fonts/Isidora-ThinIt.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Isidora Thin";
  src: url("/fonts/Isidora-Thin.woff2") format("woff2"),
    url("/fonts/Isidora-Thin.woff") format("woff"),
    url("/fonts/Isidora-Thin.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
/* ——— Isidora SemiBold ——— */
@font-face {
  font-family: "Isidora SemiBold";
  src: url("/fonts/Isidora-SemiBold.woff2") format("woff2"),
    url("/fonts/Isidora-SemiBold.woff") format("woff"),
    url("/fonts/Isidora-SemiBold.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* ——— Isidora SemiBold Italic ——— */
@font-face {
  font-family: "Isidora SemiBold It";
  src: url("/fonts/Isidora-SemiBoldIt.woff2") format("woff2"),
    url("/fonts/Isidora-SemiBoldIt.woff") format("woff"),
    url("/fonts/Isidora-SemiBoldIt.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* ================================
   ISIDORA ALT FONT FAMILY
   ================================ */

/* ——— Isidora Alt Light Italic ——— */
@font-face {
  font-family: "Isidora Alt";
  src: url("/fonts/IsidoraAlt-LightIt.woff2") format("woff2"),
    url("/fonts/IsidoraAlt-LightIt.woff") format("woff"),
    url("/fonts/IsidoraAlt-LightIt.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* ——— Isidora Alt Medium ——— */
@font-face {
  font-family: "Isidora Alt";
  src: url("/fonts/IsidoraAlt-Medium.woff2") format("woff2"),
    url("/fonts/IsidoraAlt-Medium.woff") format("woff"),
    url("/fonts/IsidoraAlt-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* ——— Isidora Alt Medium Italic ——— */
@font-face {
  font-family: "Isidora Alt";
  src: url("/fonts/IsidoraAlt-MediumIt.woff2") format("woff2"),
    url("/fonts/IsidoraAlt-MediumIt.woff") format("woff"),
    url("/fonts/IsidoraAlt-MediumIt.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* ——— Isidora Alt Regular ——— */
@font-face {
  font-family: "Isidora Alt";
  src: url("/fonts/IsidoraAlt-Regular.woff2") format("woff2"),
    url("/fonts/IsidoraAlt-Regular.woff") format("woff"),
    url("/fonts/IsidoraAlt-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Move left arrow further away from the first slide */
.swiper-button-prev,
.swiper-button-next {
  width: 50px; /* circle size */
  height: 50px;
  background-color: transparent; /* circle background */
  border-radius: 50%; /* make it round */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1a235e; /* arrow color */
  font-size: 16px; /* smaller arrow size */
  border: 2px solid #1a235e;
  padding: 20px;
}

/* Remove default large arrow background images */
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 16px; /* control arrow size */
}

/* Optional: hover effect */
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: #1a235e; /* darker on hover */
  color: #fff;
}

.menutext {
  font-size: 20px;
}

@media (max-width: 1200px) and (min-width: 900px) {
  .menutext {
    font-size: 15px;
  }
}
@media (max-width: 899px) and (min-width: 768px) {
  .menutext {
    font-size: 11px;
  }
}

.blog-table {
  width: 100%;
  border-collapse: collapse; /* removes double borders */
  border: 1px solid #ccc; /* outer border */
}

.blog-table th,
.blog-table td {
  border: 1px solid #ccc; /* cell borders */
  padding: 20px;
  text-align: left;
}
.blog-table tr {
  padding: 20px;
}
.gradiant-text {
  background: linear-gradient(to right, #553b88, #b24b9c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}
.gradiant-text-normal {
  background: linear-gradient(to right, #553b88, #b24b9c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.blue-link {
  color: #2a347e;
  font-weight: 600;
}

.box {
  width: 100%;
  margin-bottom: 10px;
}

/* Large devices: side by side */
@media (min-width: 768px) {
  .container {
    display: flex;
    gap: 20px;
  }
  .box {
    width: 50%;
    margin-bottom: 0;
  }
}
/* .swiper-button-next-founders img,
.swiper-button-prev-founders img {
  width: 65px !important;
  height: auto !important;
} */
@media (min-width: 1601px) {
  .poly1 {
    clip-path: polygon(0 0, 100% 0, 100% 65%, 97% 100%, 0% 100%);
  }
  .poly2 {
    clip-path: polygon(0 0, 100% 0, 100% 84%, 96% 100%, 0% 100%);
    text-align: center;
  }
  .poly3 {
    clip-path: polygon(0 0, 100% 0, 100% 94%, 95% 100%, 0% 100%);
    text-align: center;
  }
}
@media (max-width: 1600px) {
  .poly1 {
    clip-path: polygon(0 0, 100% 0, 100% 65%, 97% 100%, 0% 100%);
  }
  .poly2 {
    clip-path: polygon(0 0, 100% 0, 100% 84%, 96% 100%, 0% 100%);
    text-align: center;
  }
  .poly3 {
    clip-path: polygon(0 0, 100% 0, 100% 94%, 95% 100%, 0% 100%);
    text-align: center;
  }
}
@media (max-width: 1300px) {
  .poly1 {
    clip-path: polygon(0 0, 100% 0, 100% 65%, 95% 100%, 0% 100%);
  }
  .poly2 {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 95% 100%, 0% 100%);
    text-align: center;
  }
  .poly3 {
    clip-path: polygon(0 0, 100% 0, 100% 95%, 95% 100%, 0% 100%);
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .poly1 {
    clip-path: polygon(0 0, 100% 0, 100% 65%, 95% 100%, 0% 100%);
  }
  .poly2 {
    clip-path: polygon(0 0, 100% 0, 100% 83%, 96% 100%, 0% 100%);
    text-align: center;
  }
}
@media (max-width: 767px) {
  .poly1 {
    clip-path: polygon(0 0, 100% 0, 100% 72%, 96% 100%, 0% 100%);
    padding: 30px 24px;
  }
  .poly2 {
    clip-path: polygon(0 0, 100% 0, 100% 86%, 95% 100%, 0% 100%);
    text-align: center;
  }
  .poly3 {
    clip-path: polygon(0 0, 100% 0, 100% 97%, 95% 100%, 0% 100%);
    text-align: center;
  }
}
@media (max-width: 527px) {
  .poly1 {
    clip-path: polygon(0 0, 100% 0, 100% 82%, 94% 100%, 0% 100%);
    padding: 30px 24px;
  }
  .poly2 {
    clip-path: polygon(0 0, 100% 0, 100% 88%, 93% 100%, 0% 100%);
  }
  .poly3 {
    clip-path: polygon(0 0, 100% 0, 100% 98%, 95% 100%, 0% 100%);
    text-align: center;
  }
}
@media (max-width: 460px) {
  .poly1 {
    clip-path: polygon(0 0, 100% 0, 100% 82%, 94% 100%, 0% 100%);
    padding: 30px 24px;
  }
  .poly2 {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 92% 100%, 0% 100%);
  }
  .poly3 {
    clip-path: polygon(0 0, 100% 0, 100% 98%, 94% 100%, 0% 100%);
    text-align: center;
  }
}
.angled-card {
  border: none;
  background: linear-gradient(to right, #3c3882, #b862c6);
  color: #ffffff;
  font-size: 18px;
  line-height: 91.7%;
  letter-spacing: 0.16rem;
  padding: 20px 45px 20px 30px;
  border-radius: 5px;
  /* clip-path: polygon(0 0, 100% 0, 100% 58%, 95% 100%, 0 100%); */
  display: block;
  /* text-align: left; */
}
.row {
  display: flex;
  gap: 16px;
}
.col {
  width: 50%; /* 50% + 50% */
}

.section-row {
  display: flex;
  gap: 20px;
}

.section-row > div {
  width: 50%; /* 2 columns */
}
.graph1 {
  width: 95%;
}
.graph2 {
  width: 85%;
}
.title-case {
  text-transform: capitalize;
}
/* Mobile view: move second column to next row */
@media (max-width: 767px) {
  .row {
    flex-direction: column;
  }
  .col {
    width: 100%; /* 50% + 50% */
  }
  .col-2 {
    order: 2; /* ensures second column appears below */
  }
  .blog-table {
    font-size: 15px;
    padding: 10px;
  }
  .blog-table td {
    padding: 10px;
  }
  .graph1 {
    width: 100%;
  }
  .graph2 {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .section-row {
    flex-direction: column; /* stack vertically */
  }

  .section-row > div {
    width: 100%; /* full width */
  }
}