import svgPaths from "./svg-ec87ex3oms";

function Frame1597884945() {
  return (
    <div className="box-border content-stretch flex flex-row items-start justify-between p-0 relative shrink-0 w-full">
      <div className="font-['Inter:Semi_Bold',_sans-serif] font-semibold leading-[0] not-italic relative shrink-0 text-[#26231a] text-[24px] text-left w-[277px]">
        <p className="block leading-[28px]">Leading Through Uncertainty</p>
      </div>
      <div className="flex h-[22.168px] items-center justify-center relative shrink-0 w-[22.518px]">
        <div className="flex-none rotate-[230deg] scale-y-[-100%]">
          <div className="h-[17.29px] relative w-[14.451px]" data-name="Vector">
            <svg
              className="block size-full"
              fill="none"
              preserveAspectRatio="none"
              viewBox="0 0 15 18"
            >
              <path
                d={svgPaths.p174bb900}
                fill="var(--fill-0, #04045B)"
                id="Vector"
              />
            </svg>
          </div>
        </div>
      </div>
    </div>
  );
}

function Frame32() {
  return (
    <div className="bg-[#f8c301] box-border content-stretch flex flex-row gap-2 items-center justify-center px-4 py-1.5 relative rounded-[100px] shrink-0">
      <div className="font-['Inter:Regular',_sans-serif] font-normal leading-[0] not-italic relative shrink-0 text-[#26231a] text-[14px] text-left text-nowrap">
        <p className="block leading-none whitespace-pre">Strategy</p>
      </div>
    </div>
  );
}

function Frame33() {
  return (
    <div className="bg-[#f8c301] box-border content-stretch flex flex-row gap-2 items-center justify-center px-4 py-1.5 relative rounded-[100px] shrink-0">
      <div className="font-['Inter:Regular',_sans-serif] font-normal leading-[0] not-italic relative shrink-0 text-[#26231a] text-[14px] text-left text-nowrap">
        <p className="block leading-none whitespace-pre">Leadership</p>
      </div>
    </div>
  );
}

function Frame34() {
  return (
    <div className="bg-[#f8c301] box-border content-stretch flex flex-row gap-2 items-center justify-center px-4 py-1.5 relative rounded-[100px] shrink-0">
      <div className="font-['Inter:Regular',_sans-serif] font-normal leading-[0] not-italic relative shrink-0 text-[#26231a] text-[14px] text-left text-nowrap">
        <p className="block leading-none whitespace-pre">Mindset</p>
      </div>
    </div>
  );
}

function Frame1597884948() {
  return (
    <div className="box-border content-stretch flex flex-row gap-[1.5px] items-center justify-start p-0 relative shrink-0 w-full">
      <Frame32 />
      <Frame33 />
      <Frame34 />
    </div>
  );
}

function Frame1597884946() {
  return (
    <div className="box-border content-stretch flex flex-row items-start justify-between leading-[0] not-italic p-0 relative shrink-0 text-nowrap w-full">
      <div className="font-['Inter:Semi_Bold',_sans-serif] font-semibold relative shrink-0 text-[#26231a] text-[20px] text-left">
        <p className="block leading-[24px] text-nowrap whitespace-pre">
          Speaker
        </p>
      </div>
      <div className="font-['Source_Sans_Pro:Regular',_sans-serif] leading-[24px] relative shrink-0 text-[16px] text-[rgba(38,35,26,0.8)] text-right whitespace-pre">
        <p className="block mb-0">Rohit Sharma</p>
        <p className="block">(Leadership Coach, KLC)</p>
      </div>
    </div>
  );
}

function Frame1597884947() {
  return (
    <div className="box-border content-stretch flex flex-row font-['Inter:Regular',_sans-serif] font-normal items-center justify-between leading-[0] not-italic p-0 relative shrink-0 text-[16px] text-[rgba(38,35,26,0.8)] text-left text-nowrap w-full">
      <div className="relative shrink-0">
        <p className="block leading-[24px] text-nowrap whitespace-pre">
          July 25, 2025
        </p>
      </div>
      <div className="relative shrink-0">
        <p className="block leading-[24px] text-nowrap whitespace-pre">
          3:00 PM – 4:00 PM IST
        </p>
      </div>
    </div>
  );
}

function Frame1597884949() {
  return (
    <div className="box-border content-stretch flex flex-col gap-2 items-start justify-start p-0 relative shrink-0 w-full">
      <Frame1597884946 />
      <Frame1597884947 />
    </div>
  );
}

function Frame1597884950() {
  return (
    <div className="box-border content-stretch flex flex-col gap-5 items-start justify-start p-0 relative shrink-0 w-full">
      <Frame1597884948 />
      <div className="h-0 relative shrink-0 w-full">
        <div className="absolute bottom-0 left-0 right-0 top-[-0.8px]">
          <svg
            className="block size-full"
            fill="none"
            preserveAspectRatio="none"
            viewBox="0 0 426 1"
          >
            <line
              id="Line 61"
              stroke="var(--stroke-0, #4C4C4C)"
              strokeWidth="0.8"
              x2="425.912"
              y1="0.6"
              y2="0.6"
            />
          </svg>
        </div>
      </div>
      <Frame1597884949 />
    </div>
  );
}

export default function Frame1597884866() {
  return (
    <div className="bg-[#ffffff] relative rounded-[10px] size-full">
      <div className="relative size-full">
        <div className="box-border content-stretch flex flex-col gap-[23.865px] items-start justify-start overflow-clip pb-[30px] pl-5 pr-[18.088px] pt-[26.135px] relative size-full">
          <Frame1597884945 />
          <Frame1597884950 />
        </div>
      </div>
    </div>
  );
}