:root {
  --font-family-arial: 'Arial', sans-serif;
  --font-family-inter: 'Inter', sans-serif;
  --font-family-roboto-slab: 'Roboto Slab', sans-serif;
  --text-black: rgba(0, 0, 0, 1);
  --text-rgb-55-112-222: rgba(55, 112, 222, 1);
  --text-white: rgba(255, 255, 255, 1);
  --text-rgb-139-139-139: rgba(139, 139, 139, 1);
  --text-rgb-179-179-179: rgba(179, 179, 179, 1);
  --text-rgb-30-30-30: rgba(30, 30, 30, 1);
  --text-rgb-24-26-42: rgba(24, 26, 42, 1);
  --text-rgb-75-107-251: rgba(75, 107, 251, 1);
}

.text-black {
  color: var(--text-black);
}

.text-rgb-55-112-222 {
  color: var(--text-rgb-55-112-222);
}
  .dropdown-icon {
            margin-left: 5px;
            width: 10px;
            height: 5px;
        }
.text-white {
  color: var(--text-white);
}

.text-rgb-139-139-139 {
  color: var(--text-rgb-139-139-139);
}

.text-rgb-179-179-179 {
  color: var(--text-rgb-179-179-179);
}

.text-rgb-30-30-30 {
  color: var(--text-rgb-30-30-30);
}

.text-rgb-24-26-42 {
  color: var(--text-rgb-24-26-42);
}

.text-rgb-75-107-251 {
  color: var(--text-rgb-75-107-251);
}


/* CSS Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

.text-6 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-arial);
  font-weight: 700;
  font-size: 36px;
  letter-spacing: -0.699999988079071px;
  line-height: 26.414236068725586px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.text-7 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-arial);
  font-weight: 700;
  font-size: 8.21776294708252px;
  letter-spacing: -0.14674577116966248px;
  line-height: 8.8047456741333px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.logo-5 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-9 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 300;
  font-size: 20px;
  letter-spacing: 0.10000000149011612px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-1000003537-8 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px 0px 0px 30px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
}

.frame-1000003536-4 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 30.555555555555557%;
}

.text-13 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.vector-15 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(0, 0, 0, 1);
  border: none;
  outline: none;
}

.arrow-dn-14 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.products-12 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-17 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.vector-19 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(0, 0, 0, 1);
  border: none;
  outline: none;
    display: block;
}

.arrow-dn-18 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.products-16 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-21 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.vector-23 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  /* border: 1.5px solid rgba(0, 0, 0, 1); */
  border: none;
  outline: none;
}

.arrow-dn-22 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 3px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.resources-20 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-25 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-1000003538-24 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-27 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-1000003539-26 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-29 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-1000003540-28 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px 0px 0px 30px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.items-11 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
  padding: 0px 30px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-31 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-55-112-222);
}

.button-30 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 12px 24px 12px 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1px solid rgba(55, 112, 222, 1);
  border-radius: 7px;
}

.text-33 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.button-32 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 12px 24px 12px 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 1);
  border-radius: 7px;
}

.frame-3-10 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  margin-right:200px
}

.nav-3 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 72px;
  padding: 16px 32px 16px 32px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.topnav-2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.cta-34 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  /* padding: 70px 450px 70px 450px; */
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
  
}

.text-41 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-55-112-222);
}

.text-42 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-roboto-slab);
  font-weight: normal;
  font-size: 56px;
  letter-spacing: -1px;
  line-height: 60px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-1000003530-40 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-43 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-1000003540-39 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.image-46 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 28px;
  width: 100%;
  height: auto;
}

.text-47 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.a-author-45 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-48 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.short-info-44 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.headline-38 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-51 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-55-112-222);
}

.button-50 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 12px 24px 12px 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(55, 112, 222, 1);
  border-radius: 7px;
}

.button-49 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-37 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.img-52 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 10px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 36.256781193490056%;
  border-radius: 12px;
  width: 100%;
  height: auto;
}

.content-36 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 75px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 76.80555555555556%;
}

.hero-35 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 110px;
  padding: 40px 168px 40px 168px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}

.text-56 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-179-179-179);
}

.icon-58 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.600000023841858px solid rgba(30, 30, 30, 1);
  border: none;
  outline: none;
}

.search-57 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.search-55 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 12px 16px 12px 16px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 47.65765765765766%;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(217, 217, 217, 1);
  border-radius: 4px;
}

.text-61 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-30-30-30);
}

.icon-63 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.600000023841858px solid rgba(30, 30, 30, 1);
  border: none;
  outline: none;
}

.chevron-down-62 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.select-60 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 12px 12px 12px 16px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  min-width: 240px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(217, 217, 217, 1);
  border-radius: 4px;
}

.select-field-59 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}
 .nav-link {
            font-size: 16px;
            font-weight: 500;
            color: #000000;
            text-decoration: none;
            position: relative;
            cursor: pointer;
        }
          .contact-sales {
            padding-left: 30px;
            border-left: 1px solid rgba(0, 0, 0, 0.2);
        }
        
.text-64 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.5;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-55-112-222);
}

.frame-1000003543-54 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 77.08333333333334%;
}
 .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 48px;
            padding: 0 24px;
            border-radius: 7px;
            font-size: 16px;
            font-weight: 700;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .btn-outline {
            border: 1px solid #3770de;
            color: #3770de;
            background-color: transparent;
        }
       
        .btn-primary {
            background-color: #3770de;
            color: #ffffff;
            border: none;
        }
.blog-53 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
  padding: 30px 165px 30px 165px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(243, 243, 243, 1);
}

.text-67 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-66 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.rectangle-38-70 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 6px;
  width: 100%;
  height: auto;
}

.text-73 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-75-107-251);
}

.text-74 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-72 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.image-77 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 28px;
  width: 100%;
  height: auto;
}

.text-78 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.a-author-76 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-79 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.short-info-75 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-71 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.m-post-card-grid-69 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px 16px 16px 16px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 405px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(232, 232, 234, 1);
  border-radius: 12px;
}

.rectangle-38-81 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 6px;
  width: 100%;
  height: auto;
}

.text-84 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-75-107-251);
}

.text-85 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-83 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.image-88 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 28px;
  width: 100%;
  height: auto;
}

.text-89 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.a-author-87 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-90 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.short-info-86 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-82 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.m-post-card-grid-80 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px 16px 16px 16px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 405px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(232, 232, 234, 1);
  border-radius: 12px;
}

.rectangle-38-92 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 6px;
  width: 100%;
  height: auto;
}

.text-95 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-75-107-251);
}

.text-96 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-94 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.image-99 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 28px;
  width: 100%;
  height: auto;
}

.text-100 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.a-author-98 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-101 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.short-info-97 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-93 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.m-post-card-grid-91 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px 16px 16px 16px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 405px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(232, 232, 234, 1);
  border-radius: 12px;
}

.row-68 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.blog-65 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
  padding: 50px 165px 50px 165px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-105 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-104 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.rectangle-38-108 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 6px;
  width: 100%;
  height: auto;
}

.text-111 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-75-107-251);
}

.text-112 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-110 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.image-115 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 28px;
  width: 100%;
  height: auto;
}

.text-116 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.a-author-114 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-117 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.short-info-113 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-109 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.m-post-card-grid-107 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px 16px 16px 16px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 405px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(232, 232, 234, 1);
  border-radius: 12px;
}

.rectangle-38-119 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 6px;
  width: 100%;
  height: auto;
}

.text-122 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-75-107-251);
}

.text-123 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-121 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.image-126 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 28px;
  width: 100%;
  height: auto;
}

.text-127 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.a-author-125 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-128 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.short-info-124 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-120 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.m-post-card-grid-118 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px 16px 16px 16px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 405px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(232, 232, 234, 1);
  border-radius: 12px;
}

.rectangle-38-130 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 6px;
  width: 100%;
  height: auto;
}

.text-133 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-75-107-251);
}

.text-134 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-132 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.image-137 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 28px;
  width: 100%;
  height: auto;
}

.text-138 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.a-author-136 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-139 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.short-info-135 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-131 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.m-post-card-grid-129 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px 16px 16px 16px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 405px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(232, 232, 234, 1);
  border-radius: 12px;
}

.row-106 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.rectangle-38-142 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 6px;
  width: 100%;
  height: auto;
}

.text-145 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-75-107-251);
}

.text-146 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-144 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.image-149 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 28px;
  width: 100%;
  height: auto;
}

.text-150 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.a-author-148 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-151 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.short-info-147 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-143 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.m-post-card-grid-141 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px 16px 16px 16px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 405px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(232, 232, 234, 1);
  border-radius: 12px;
}

.rectangle-38-153 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 6px;
  width: 100%;
  height: auto;
}

.text-156 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-75-107-251);
}

.text-157 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-155 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.image-160 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 28px;
  width: 100%;
  height: auto;
}

.text-161 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.a-author-159 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-162 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.short-info-158 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-154 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.m-post-card-grid-152 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px 16px 16px 16px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 405px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(232, 232, 234, 1);
  border-radius: 12px;
}

.rectangle-38-164 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 6px;
  width: 100%;
  height: auto;
}

.text-167 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-75-107-251);
}

.text-168 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-166 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.image-171 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 28px;
  width: 100%;
  height: auto;
}

.text-172 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.a-author-170 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-173 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.short-info-169 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-165 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.m-post-card-grid-163 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px 16px 16px 16px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 405px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(232, 232, 234, 1);
  border-radius: 12px;
}

.row-140 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-176 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-55-112-222);
}

.button-175 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 12px 24px 12px 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(55, 112, 222, 1);
  border-radius: 7px;
}

.row-174 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-1000003533-103 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.line-1-179 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border: none;
  outline: none;
}

.divider-178 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-1000003531-177 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 30px 0px 30px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.blog-102 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
  padding: 50px 165px 0px 165px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-183 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-182 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.rectangle-38-186 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 6px;
  width: 100%;
  height: auto;
}

.text-189 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-75-107-251);
}

.text-190 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-188 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.image-193 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 28px;
  width: 100%;
  height: auto;
}

.text-194 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.a-author-192 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-195 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.short-info-191 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-187 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.m-post-card-grid-185 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px 16px 16px 16px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 405px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(232, 232, 234, 1);
  border-radius: 12px;
}

.rectangle-38-197 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 6px;
  width: 100%;
  height: auto;
}

.text-200 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-75-107-251);
}

.text-201 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-199 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.image-204 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 28px;
  width: 100%;
  height: auto;
}

.text-205 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.a-author-203 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-206 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.short-info-202 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-198 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.m-post-card-grid-196 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px 16px 16px 16px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 405px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(232, 232, 234, 1);
  border-radius: 12px;
}

.rectangle-38-208 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 6px;
  width: 100%;
  height: auto;
}

.text-211 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-75-107-251);
}

.text-212 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-210 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.image-215 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 28px;
  width: 100%;
  height: auto;
}

.text-216 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.a-author-214 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-217 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.short-info-213 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-209 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.m-post-card-grid-207 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px 16px 16px 16px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 405px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(232, 232, 234, 1);
  border-radius: 12px;
}

.row-184 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.rectangle-38-220 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 6px;
  width: 100%;
  height: auto;
}

.text-223 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-75-107-251);
}

.text-224 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-222 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.image-227 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 28px;
  width: 100%;
  height: auto;
}

.text-228 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.a-author-226 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-229 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.short-info-225 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-221 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.m-post-card-grid-219 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px 16px 16px 16px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 405px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(232, 232, 234, 1);
  border-radius: 12px;
}

.rectangle-38-231 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 6px;
  width: 100%;
  height: auto;
}

.text-234 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-75-107-251);
}

.text-235 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-233 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.image-238 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 28px;
  width: 100%;
  height: auto;
}

.text-239 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.a-author-237 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-240 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.short-info-236 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-232 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.m-post-card-grid-230 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px 16px 16px 16px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 405px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(232, 232, 234, 1);
  border-radius: 12px;
}

.rectangle-38-242 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 6px;
  width: 100%;
  height: auto;
}

.text-245 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-75-107-251);
}

.text-246 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-24-26-42);
}

.heading-244 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.image-249 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 28px;
  width: 100%;
  height: auto;
}

.text-250 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.a-author-248 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-251 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-139-139-139);
}

.short-info-247 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-243 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.m-post-card-grid-241 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px 16px 16px 16px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 405px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(232, 232, 234, 1);
  border-radius: 12px;
}

.row-218 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-254 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-55-112-222);
}

.button-253 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 12px 24px 12px 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(55, 112, 222, 1);
  border-radius: 7px;
}

.row-252 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-1000003534-181 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.blog-180 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
  padding: 50px 165px 50px 165px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-258 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-arial);
  font-weight: 700;
  font-size: 26px;
  letter-spacing: -0.699999988079071px;
  line-height: 26.414236068725586px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-259 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-arial);
  font-weight: 700;
  font-size: 8.21776294708252px;
  letter-spacing: -0.14674577116966248px;
  line-height: 8.8047456741333px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.logo-257 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 13.063063063063062%;
}

.text-262 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-264 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-265 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-266 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.menu-263 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.column-2-261 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-268 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-270 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-271 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-272 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-273 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-274 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-275 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.menu-269 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.column-3-267 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-277 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-279 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.menu-278 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.column-4-276 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-281 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-283 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-284 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-285 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.menu-282 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.column-5-280 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.menu-260 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 64.05405405405405%;
}

.text-287 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-290 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.5;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.10000000149011612px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.icon-292 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.icon-291 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.input-289 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 212px;
  padding: 12px 24px 12px 24px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 40px;
}

.text-293 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.4000000059604645;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.frame-1-288 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.subscribe-286 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-256 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 31px;
  padding: 0px 0px 30px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.vector-297 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.facebook-296 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-299 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.vector-300 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.vector-301 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.instagram-298 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-303 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.vector-304 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.youtube-1-302 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-306 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.vector-307 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.vector-308 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.linkedin-1-305 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-1000003528-295 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-310 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-311 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-312 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.frame-1000003529-309 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.content-294 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 31px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.footer-255 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
  padding: 96px 165px 50px 165px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 1);
}

.blog-1 {
@media (max-width: 1440px) {
  .blog-1 {
    padding-left: 20px;
    padding-right: 70px;
  }
}

@media (max-width: 768px) {
  .blog-1 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  max-width: 1440px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 8px;
}
 * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Inter', Arial, sans-serif;
        }
        
        body {
            font-size: 16px;
            line-height: 1.5;
            color: #000000;
            overflow-x: hidden;
        }
        
        /* Header/Navigation */
        .header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 80px;
            background-color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 32px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.2);
            z-index: 1000;
        }
        
        .logo {
            display: flex;
            align-items: center;
        }
        
        .logo-text {
            font-family: Arial, sans-serif;
            font-size: 36px;
            font-weight: 700;
            color: #000000;
        }
        
        .logo-tm {
            font-family: Arial, sans-serif;
            font-size: 8px;
            font-weight: 700;
            text-transform: uppercase;
            color: #000000;
            margin-left: 5px;
            align-self: flex-start;
        }
      

        
        .nav-links {
            display: flex;
            align-items: center;
            gap: 30px;
        }
        
        .nav-link {
            font-size: 16px;
            font-weight: 500;
            color: #000000;
            text-decoration: none;
            position: relative;
            cursor: pointer;
        }
        
        

        .dropdown-icon {
            margin-left: 5px;
            width: 10px;
            height: 5px;
        }
        
        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #ffffff;
            border-radius: 5px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            padding: 10px 0;
            min-width: 160px;
            display: none;
            z-index: 10;
        }
        
        .dropdown-menu a {
            display: block;
            padding: 8px 15px;
            color: #000000;
            text-decoration: none;
            font-size: 14px;
        }
        
        .dropdown-menu a:hover {
            background-color: #f5f5f5;
        }
        
        .nav-link:hover .dropdown-menu {
            display: block;
        }
        
        .contact-sales {
            padding-left: 30px;
            border-left: 1px solid rgba(0, 0, 0, 0.2);
        }
        
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 48px;
            padding: 0 24px;
            border-radius: 7px;
            font-size: 16px;
            font-weight: 700;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .btn-outline {
            border: 1px solid #3770de;
            color: #3770de;
            background-color: transparent;
        }
        
        .btn-primary {
            background-color: #3770de;
            color: #ffffff;
            border: none;
        }
        
        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(55, 112, 222, 0.2);
        }
        
        /* Hero Section */
        /* .hero {
            padding: 120px 0 60px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            max-width: 1336px;
            margin: 0 auto;
        }
         */
        /* .hero-content {
            max-width: 443px;
            padding-left: 167px;
        } */
        
        /* .hero-title {
            font-family: 'Roboto Slab', serif;
            font-size: 56px;
            font-weight: 900;
            line-height: 74px;
            color: #000000;
            margin-bottom: 10px;
        }
         */
        /* .hero-subtitle {
            font-family: 'Roboto Slab', serif;
            font-size: 56px;
            font-weight: 900;
            line-height: 60px;
            background: linear-gradient(144deg, #3770de 0%, #2a58af 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 30px;
        } */
        
        .hero-description {
            font-size: 18px;
            line-height: 28px;
            margin-bottom: 40px;
        }
        
        .hero-cta {
            display: flex;
            align-items: center;
            gap: 20px;
        }
        
        .hero-stats {
            font-size: 14px;
            line-height: 20px;
            color: #000000;
        }
        
        .hero-image {
            position: relative;
            width: 755px;
            height: 520px;
        }
        
        .macbook-image {
            position: absolute;
            width: 755px;
            height: 520px;
            object-fit: contain;
        }
        
        .screen-image {
            position: absolute;
            top: 32px;
            left: 87px;
            width: 667px;
            height: 445px;
            object-fit: contain;
        }
        
        /* Features Section */
        .features {
            background-color: #3770de;
            padding: 64px 0;
            color: #ffffff;
        }
        
        .features-container {
            max-width: 1140px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }
        
        .feature-card {
            width: 360px;
            padding: 20px 0;
            border: 1px solid rgba(255, 255, 255, 0.43);
            border-radius: 5px;
            transition: transform 0.3s ease;
        }
        
        .feature-card:hover {
            transform: translateY(-10px);
        }
        
        .feature-icon {
            width: 50px;
            height: 50px;
            margin-bottom: 15px;
        }
        
        .feature-title {
            font-size: 18px;
            font-weight: 700;
            line-height: 22px;
            margin-left: 66px;
            margin-bottom: 20px;
        }
        
        .feature-description {
            font-size: 16px;
            line-height: 24px;
            padding: 0 20px;
        }
        
        /* Stats Section */
        .stats {
            background-color: #3770de;
            padding: 64px 0;
            color: #ffffff;
        }
        
        .stats-title {
            font-size: 40px;
            font-weight: 900;
            line-height: 48px;
            text-align: center;
            max-width: 1140px;
            margin: 0 auto 40px;
        }
        
        .stats-container {
            max-width: 1140px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }
        
        .stat-card {
            width: 270px;
            height: 152px;
            background-color: rgba(55, 112, 222, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.43);
            border-radius: 10px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 15px;
            transition: transform 0.3s ease;
        }
        
        .stat-card:hover {
            transform: translateY(-5px);
        }
        
        .stat-number {
            font-size: 40px;
            font-weight: 300;
            line-height: 49px;
            color: #ffffff;
            margin-bottom: 10px;
        }
        
        .stat-text {
            font-size: 16px;
            line-height: 24px;
            text-align: center;
            color: #ffffff;
        }
        
        /* Process Section */
        .process {
            background-color: #1b2e53;
            padding: 125px 0;
            color: #ffffff;
        }
        
        .process-container {
            max-width: 1110px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }
        
        .process-image {
            width: 540px;
            height: 370px;
            border-radius: 12px;
            object-fit: cover;
        }
        
        .process-content {
            width: 523px;
        }
        
        .process-title {
            font-size: 32px;
            font-weight: 900;
            line-height: 39px;
            margin-bottom: 20px;
        }
        
        .process-step {
            background-color: rgba(255, 255, 255, 0.07);
            border-radius: 20px 0 0 20px;
            padding: 20px;
            margin-bottom: 15px;
        }
        
        .step-number {
            font-size: 28px;
            font-weight: 300;
            line-height: 34px;
            margin-bottom: 10px;
        }
        
        .step-title {
            font-size: 20px;
            font-weight: 600;
            line-height: 25px;
            margin-bottom: 5px;
        }
        
        .step-description {
            font-size: 16px;
            line-height: 24px;
        }
        
        .process-cta {
            margin-top: 30px;
        }
        
        /* Clients Section */
        .clients {
            padding: 80px 0;
            background-color: #ffffff;
            border-bottom: 1px solid rgba(27, 47, 84, 0.34);
        }
        
        .clients-title {
            font-size: 36px;
            font-weight: 700;
            line-height: 43px;
            text-align: center;
            color: #181727;
            margin-bottom: 60px;
        }
        
        .clients-logos {
            max-width: 1140px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            position: relative;
        }
        
        .client-logo {
            margin: 20px;
            transition: transform 0.3s ease;
        }
        
        .client-logo:hover {
            transform: scale(1.1);
        }
        
        .gradient-overlay-left {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 50px;
            background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
            z-index: 2;
        }
        
        .gradient-overlay-right {
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 50px;
            background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
            z-index: 2;
        }
        
        /* Certifications Section */
        .certifications {
            padding: 75px 10px;
            background-color: #ffffff;
        }
        
        .certifications-title {
            font-size: 36px;
            font-weight: 700;
            line-height: 44px;
            /* text-align: center; */
            color: #181727;
            margin-bottom: 50px;
        }
        
        .certifications-logos {
            max-width: 1140px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            gap: 100px;
            position: relative;
        }
        
        .certification-logo {
            width: 150px;
            height: 150px;
            transition: transform 0.3s ease;
        }
        
        .certification-logo:hover {
            transform: scale(1.1);
        }
        
        /* Testimonials Section */
        .testimonials {
            padding: 96px 0;
            background-color: #f3f3f3;
        }
        
        .testimonials-container {
            max-width: 1140px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }
        
        .testimonial-card {
            width: 350px;
            background-color: #ffffff;
            border-radius: 8px;
            padding: 24px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .testimonial-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }
        
        .testimonial-text {
            font-size: 18px;
            line-height: 28px;
            margin-bottom: 40px;
        }
        
        .testimonial-author {
            display: flex;
            flex-direction: column;
        }
        
        .author-image {
            width: 64px;
            height: 64px;
            border-radius: 32px;
            margin-bottom: 16px;
        }
        
        .author-name {
            font-size: 16px;
            font-weight: 700;
            line-height: 20px;
            margin-bottom: 8px;
        }
        
        .author-title {
            font-size: 14px;
            line-height: 17px;
            color: #000000;
        }
        
        /* CTA Section */
        .cta {
            padding: 192px 20px;
            background-image: url('../assets/images/img_.png');
            background-size: cover;
            background-position: center;
            color: #ffffff;
            text-align: center;
             
        }
        
        .cta-subtitle {
            font-size: 16px;
            font-weight: 500;
            line-height: 20px;
            margin-bottom: 20px;
        }
        
        .cta-title {
            font-size: 40px;
            font-weight: 900;
            line-height: 48px;
            max-width: 600px;
            margin: 0 auto 40px;
        }
        
        /* Footer */
        .footer {
            background-color: #000000;
            padding: 93px 28px 40px;
            color: #ffffff;
        }
        
        .footer-container {
            max-width: 1110px;
            margin: 0 auto;
        }
        
        .footer-top {
            display: flex;
            justify-content: space-between;
            padding-bottom: 40px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.25);
            margin-bottom: 30px;
        }
        
        .footer-logo {
            display: flex;
            align-items: flex-start;
        }
        
        .footer-logo-text {
            font-family: Arial, sans-serif;
            font-size: 26px;
            font-weight: 700;
            color: #ffffff;
        }
        
        .footer-logo-tm {
            font-family: Arial, sans-serif;
            font-size: 8px;
            font-weight: 700;
            text-transform: uppercase;
            color: #000000;
            margin-left: 5px;
        }
        
        .footer-column {
            min-width: 150px;
        }
        
        .footer-column-title {
            font-size: 16px;
            font-weight: 700;
            line-height: 20px;
            margin-bottom: 20px;
        }
        
        .footer-link {
            display: block;
            font-size: 14px;
            line-height: 17px;
            color: #ffffff;
            text-decoration: none;
            margin-bottom: 10px;
            transition: color 0.3s ease;
        }
        
        .footer-link:hover {
            color: #3770de;
        }
        
        .footer-subscribe {
            width: 254px;
        }
        
        .footer-input-container {
            position: relative;
            margin-bottom: 20px;
        }
        
        .footer-input {
            width: 100%;
            height: 48px;
            background-color: rgba(255, 255, 255, 0.15);
            border: none;
            border-radius: 24px;
            padding: 0 50px 0 24px;
            color: #ffffff;
            font-size: 16px;
        }
        
        .footer-input::placeholder {
            color: rgba(255, 255, 255, 0.5);
        }
        
        .footer-input-icon {
            position: absolute;
            right: 12px;
            top: 50%;
            transform: translateY(-50%);
            width: 24px;
            height: 24px;
            cursor: pointer;
        }
        
        .footer-subscribe-text {
            font-size: 14px;
            line-height: 20px;
            color: rgba(255, 255, 255, 0.4);
        }
        
        .footer-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 30px;
        }
        
        .footer-social {
            display: flex;
            gap: 20px;
        }
        
        .social-icon {
            width: 24px;
            height: 24px;
            transition: transform 0.3s ease;
        }
        
        .social-icon:hover {
            transform: scale(1.2);
        }
        
        .footer-links {
            display: flex;
            gap: 20px;
        }
        
        .footer-bottom-link {
            font-size: 14px;
            line-height: 17px;
            color: #ffffff;
            text-decoration: none;
            transition: color 0.3s ease;
        }
        
        .footer-bottom-link:hover {
            color: #3770de;
        }
        
        /* Responsive */
        @media (max-width: 1200px) {
            .hero-content {
                padding-left: 50px;
            }
            
            .hero-image {
                width: 600px;
                /* height: 413px; */
            }
            
            .macbook-image {
                width: 600px;
                height: 713px;
              
            }
            
            .screen-image {
                width: 530px;
                height: 353px;
                top: 25px;
                left: 70px;
            }
            
            .features-container, .stats-container, .testimonials-container {
                padding: 0 20px;
            }
        }
        
        @media (max-width: 992px) {
            .header {
                padding: 0 20px;
            }
            
            .nav-links {
                gap: 15px;
            }
            
            .hero {
                flex-direction: column;
                padding: 100px 20px 40px;
            }
            
            .hero-content {
                max-width: 100%;
                padding-left: 0;
                margin-bottom: 40px;
                text-align: center;
            }
            
            .hero-cta {
                justify-content: center;
            }
            
            .hero-image {
                width: 100%;
                max-width: 600px;
                height: auto;
                aspect-ratio: 755/520;
            }
            
            .macbook-image {
                width: 100%;
                height: 100%;
            }
            
            .screen-image {
                width: 88%;
                height: auto;
                top: 6%;
                left: 11.5%;
            }
            
            .features-container {
                flex-direction: column;
                align-items: center;
                gap: 30px;
            }
            
            .feature-card {
                width: 100%;
                max-width: 500px;
            }
            
            .stats-container {
                flex-wrap: wrap;
                justify-content: center;
                gap: 20px;
            }
            
            .process-container {
                flex-direction: column;
                align-items: center;
                gap: 40px;
            }
            
            .process-image {
                width: 100%;
                max-width: 540px;
                height: auto;
                aspect-ratio: 540/370;
            }
            
            .process-content {
                width: 100%;
                max-width: 540px;
            }
            
            .testimonials-container {
                flex-direction: column;
                align-items: center;
                gap: 30px;
            }
            
            .testimonial-card {
                width: 100%;
                max-width: 500px;
            }
            
            .certifications-logos {
                flex-wrap: wrap;
                gap: 30px;
            }
            
            .footer-top {
                flex-wrap: wrap;
                gap: 30px;
            }
            
            .footer-column {
                min-width: 120px;
            }
        }
        
        @media (max-width: 768px) {
            .nav-links {
                display: none;
            }
      
              .nav-link.dropdown span {
  flex: 1; /* makes the text take all available space */
}
 
.nav-link.dropdown {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;  /* push text and icon apart */
  width: 100%;        
  align-items: center;           /* take full available width */
  max-width: 180px;                /* adjust width as needed */
  position: relative;
}
.hhkk{
   text-align: right; /* move text to right */

}
            
            /* .hero-title, .hero-subtitle {
                font-size: 40px;
                line-height: 50px;
            } */
            
            .clients-logos {
                justify-content: center;
                gap: 30px;
            }
            
            .footer-bottom {
                flex-direction: column;
                gap: 20px;
            }
            
            .footer-social {
                margin-bottom: 20px;
            }
        }
        
        @media (max-width: 576px) {
            /* .hero-title, .hero-subtitle {
                font-size: 32px;
                line-height: 40px;
            } */
              .nav-link.dropdown span {
  flex: 1; /* makes the text take all available space */
}

.nav-link.dropdown {
  display: flex;
  align-items: start;
  justify-content: space-between;  /* push text and icon apart */
  width: 100%;                     /* take full available width */
  max-width: 180px;                /* adjust width as needed */
  position: relative;
   align-items: center;
}
            .hero-description {
                font-size: 16px;
                line-height: 24px;
            }
            
            .stats-title, .cta-title {
                font-size: 32px;
                line-height: 40px;
            }
            
            .footer-links {
                flex-direction: column;
                align-items: center;
                gap: 10px;
            }
        }


        .custom-select {
  appearance: none;              /* Remove native arrow (cross-browser) */
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;                  /* Remove border */
  background: transparent;       /* Remove background */
  font: inherit;                 /* Keep inherited font */
  width: 100%;                   /* Fill the container */
  cursor: pointer;
}

/* Optional: hide focus outline or style it nicely */
.custom-select:focus {
  outline: none;
}
.custom-select-wrapper {
  position: relative;
  width: 100%;
}

.custom-select {
  width: 100%;
  appearance: none;           
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 30px;    
  cursor: pointer;
}

.chevron-down-29 {
  position: absolute;
  right: 8px;             
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;       
}

.icon-30 {
  width: 10px;
  height: 10px;
}
.left-content {
  display: flex;
  align-items: center;
  gap: 20px;
}

.divider {
  width: 2px;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.4);
}

.subtitle {
  font-size: 16px;
  color: white;
  margin: 0;
  opacity: 0.8;
}

.title {
  font-size: 36px;
  font-weight: 700;
  margin: 5px 0 0;
}

/* Right side */
.right-content {
  display: flex;
  align-items: center;
  gap: 30px;
}

.right-content input {
  padding: 14px 16px;
  font-size: 16px;
  width: 280px;
  border: none;
  outline: none;
  background: rgba(255, 255, 255, 0.15);
  color: white;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-radius: 10px;
}

.right-content input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.right-content button {
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 600;
  background-color: white;
  color: #1E1E1E;
  border: none;
  cursor: pointer;
    border-radius: 10px;
  /* border-top-right-radius: 4px; */
  /* border-bottom-right-radius: 4px; */
}
.usecase2 {
  height: 200px;
  /* background: linear-gradient(90deg, #0b1e39 0%, #102a4d 100%); */
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 100px;
  gap: 200px;
  position: relative;
  color: white;
  overflow: hidden;
}

.pagination-container {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: -30px;
}

.pagination-btn,
.pagination-number {
  padding: 8px 14px;
  border: none;
  background: #eee;
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
}

.pagination-number.active {
  background: #3770de;
  color: #fff;
  font-weight: 600;
}
.pagination-btn svg {
  vertical-align: middle;
}

.pagination-btn,
.pagination-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
}

.pagination-btn:disabled {
  background: #ccc;
  cursor: not-allowed;
}