@font-face {
  font-family: "Roboto";
  src: url("./fonts/roboto_regular.woff2") format("woff2"),
      url("./fonts/roboto_regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("./fonts/roboto_medium.woff2") format("woff2"),
      url("./fonts/roboto_medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}a{text-decoration:none;color:#000}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer_css {
    padding: 20px;
    padding-bottom: 50px;
}
.footer_css_title {
    font-size: 22px;
    margin-top: 40px;
}
.relative{
    position: relative;
}
.z-10{
    z-index: 10;
}
.max-w-\[1170px\]{
    max-width: 1170px;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:flex-row{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .xl\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .pt-17{
    padding-top: 4.25rem;
  }
  .pt-17\.5{
    padding-top: 4.375rem;
  }
  .\!w-full{
    width: 100% !important;
  }
  .footer-divider-gradient {
    background: -webkit-gradient(
      linear,
      right top, left top,
      from(rgba(255, 255, 255, 0)),
      color-stop(49.48%, rgba(255, 255, 255, 0.12)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.12) 49.48%,
      rgba(255, 255, 255, 0) 100%
    );
  }
  .absolute{
    position: absolute;
  }
  .top-0{
    top: 0px;
  }
  .left-0{
    left: 0px;
  }
  .flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flex-wrap{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .justify-between{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .mb-10{
    margin-bottom: 2.5rem;
  }

  .max-w-\[571px\]{
    max-width: 571px;
  }

  .w-full{
    width: 100%;
  }
  .mb-4{
    margin-bottom: 1rem;
  }
  .inline-block{
    display: inline-block;
  }
  .flex-col{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sm\:flex-row{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .sm\:justify-between{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .gap-10{
    gap: 2.5rem;
  }

  .font-semibold{
    font-weight: 600;
  }
  .mb-5{
    margin-bottom: 1.25rem;
  }
  .gap-3{
    gap: 0.75rem;
  }
  .gap-3\.5{
    gap: 0.875rem;
  }
  .font-medium{
    font-weight: 500;
  }
  .ease-in{
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .duration-300{
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  
  @media (max-width: 420px) {
      .footer_css_flex {
          display: block;
      }
  }
  
  @media (min-width: 640px){

  .sm\:-top-\[107\%\]{
    top: -107%;
  }

  .sm\:-top-\[93\%\]{
    top: -93%;
  }

  .sm\:col-span-12{
    -ms-grid-column-span: 12;
    grid-column: span 12 / span 12;
  }

  .sm\:col-span-5{
    -ms-grid-column-span: 5;
    grid-column: span 5 / span 5;
  }

  .sm\:col-span-7{
    -ms-grid-column-span: 7;
    grid-column: span 7 / span 7;
  }

  .sm\:block{
    display: block;
  }

  .sm\:w-1\/2{
    width: 50%;
  }

  .sm\:grid-cols-12{
    -ms-grid-columns: (minmax(0, 1fr))[12];
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sm\:grid-cols-2{
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .sm\:justify-between{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .sm\:p-8{
    padding: 2rem;
  }

  .sm\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .sm\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:pl-21{
    padding-left: 5.25rem;
  }

  .sm\:pr-20{
    padding-right: 5rem;
  }

  .sm\:pt-22{
    padding-top: 5.5rem;
  }

  .sm\:pt-22\.5{
    padding-top: 5.625rem;
  }

  .sm\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
}
\@media (min-width: 640px){

  .sm\:-top-\[107\%\]{
    top: -107%;
  }

  .sm\:-top-\[93\%\]{
    top: -93%;
  }

  .sm\:col-span-12{
    -ms-grid-column-span: 12;
    grid-column: span 12 / span 12;
  }

  .sm\:col-span-5{
    -ms-grid-column-span: 5;
    grid-column: span 5 / span 5;
  }

  .sm\:col-span-7{
    -ms-grid-column-span: 7;
    grid-column: span 7 / span 7;
  }

  .sm\:block{
    display: block;
  }

  .sm\:w-1\/2{
    width: 50%;
  }

  .sm\:grid-cols-12{
    -ms-grid-columns: (minmax(0, 1fr))[12];
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sm\:grid-cols-2{
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .sm\:justify-between{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .sm\:p-8{
    padding: 2rem;
  }

  .sm\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .sm\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:pl-21{
    padding-left: 5.25rem;
  }

  .sm\:pr-20{
    padding-right: 5rem;
  }

  .sm\:pt-22{
    padding-top: 5.5rem;
  }

  .sm\:pt-22\.5{
    padding-top: 5.625rem;
  }

  .sm\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
}

@media (min-width: 768px){

  .md\:w-1\/2{
    width: 50%;
  }

  .md\:pt-40{
    padding-top: 10rem;
  }

  .md\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px){

  .lg\:visible{
    visibility: visible;
  }

  .lg\:left-1\/4{
    left: 25%;
  }

  .lg\:right-\[8\.3\%\]{
    right: 8.3%;
  }

  .lg\:mt-0{
    margin-top: 0px;
  }

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-auto{
    height: auto;
  }

  .lg\:w-1\/2{
    width: 50%;
  }

  .lg\:w-1\/3{
    width: 33.333333%;
  }

  .lg\:w-1\/4{
    width: 25%;
  }

  .lg\:w-3\/4{
    width: 75%;
  }

  .lg\:-translate-x-1\/3{
    --tw-translate-x: -33.333333%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:grid-cols-3{
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:flex-row{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .lg\:items-center{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .lg\:gap-17{
    gap: 4.25rem;
  }

  .lg\:gap-17\.5{
    gap: 4.375rem;
  }

  .lg\:gap-2{
    gap: 0.5rem;
  }

  .lg\:\!py-0{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .lg\:\!py-4{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-27{
    padding-left: 6.75rem;
    padding-right: 6.75rem;
  }

  .lg\:px-27\.5{
    padding-left: 6.875rem;
    padding-right: 6.875rem;
  }

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-22{
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }

  .lg\:py-22\.5{
    padding-top: 5.625rem;
    padding-bottom: 5.625rem;
  }

  .lg\:py-25{
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .lg\:py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .lg\:pb-22{
    padding-bottom: 5.5rem;
  }

  .lg\:pb-22\.5{
    padding-bottom: 5.625rem;
  }

  .lg\:pb-25{
    padding-bottom: 6.25rem;
  }

  .lg\:pt-22{
    padding-top: 5.5rem;
  }

  .lg\:pt-22\.5{
    padding-top: 5.625rem;
  }

  .lg\:pt-25{
    padding-top: 6.25rem;
  }

  .lg\:pt-27{
    padding-top: 6.75rem;
  }

  .lg\:pt-27\.5{
    padding-top: 6.875rem;
  }

  .lg\:pt-35{
    padding-top: 8.75rem;
  }
}

@media (min-width: 1280px){

  .xl\:-top-\[62\%\]{
    top: -62%;
  }

  .xl\:-top-\[73\%\]{
    top: -73%;
  }

  .xl\:-mx-10{
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .xl\:block{
    display: block;
  }

  .xl\:w-4\/5{
    width: 80%;
  }

  .xl\:grid-cols-4{
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:p-15{
    padding: 3.75rem;
  }

  .xl\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .xl\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:px-13{
    padding-left: 3.25rem;
    padding-right: 3.25rem;
  }

  .xl\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .xl\:py-15{
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .xl\:py-27{
    padding-top: 6.75rem;
    padding-bottom: 6.75rem;
  }

  .xl\:py-27\.5{
    padding-top: 6.875rem;
    padding-bottom: 6.875rem;
  }

  .xl\:pb-27{
    padding-bottom: 6.75rem;
  }

  .xl\:pb-27\.5{
    padding-bottom: 6.875rem;
  }

  .xl\:pb-30{
    padding-bottom: 7.5rem;
  }

  .xl\:pt-27{
    padding-top: 6.75rem;
  }

  .xl\:pt-27\.5{
    padding-top: 6.875rem;
  }

  .xl\:pt-32{
    padding-top: 8rem;
  }

  .xl\:pt-32\.5{
    padding-top: 8.125rem;
  }

  .xl\:pt-40{
    padding-top: 10rem;
  }

  .xl\:pt-45{
    padding-top: 11.25rem;
  }

  .xl\:text-heading-1{
    font-size: 60px;
    line-height: 72px;
  }

  .xl\:text-heading-2{
    font-size: 48px;
    line-height: 58px;
  }
}

@media (min-width: 1536px){

  .\32xl\:pb-\[150px\]{
    padding-bottom: 150px;
  }

  .\32xl\:pt-45{
    padding-top: 11.25rem;
  }
}


.link_sign_up_login_css {
    color: #007bff;
    text-decoration: underline;
}

.link_login_css {
    text-decoration: underline;
}