body.landingtopic-notoc	/*Background gradient properties applied to Body*/
{
	font-family: Arial;
	line-height: 1.5em;
	background: #121820;
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, #121820, #1A2533);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #121820, #1A2533);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #121820, #1A2533);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #121820, #1A2533);
	/* Standard syntax */
	background-repeat: no-repeat;
	background-attachment: fixed;
}

:root,
[data-theme=dark] {
--primary-blue: #3697E1;
--primary-blue-rgb: 54, 151, 225;
--secondary-blue: #163B97;
--secondary-blue-rgb: 22, 59, 151;
--secondary-grey: #4E637C;
--secondary-grey-rgb: 78, 99, 124;
--primary-bg: #000000;
--primary-bg-rgb: 1, 1, 3;
--secondary-bg: #001530;
--secondary-bg-rgb: 0, 21, 48;
--tertiary-bg: #011D41;
--tertiary-bg-rgb:1, 29, 65;
--white-rgb: 251, 250, 254;
--black-rgb: 0, 0, 0;

--navbar-link-fs: 1rem;
--navbar-brand-fs: 2.1875rem;

--hero-title-fs: 3.75rem;

--body-title-fs: 2.25rem;
--body-text-fs: 1.625rem;
--body-h4-fs: 2rem;

}

.blog-row {
    margin: 80px 15px 0px 15px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap:30px;
  }
  
  .card2-row {
    margin-top: 50px;
    display: flex;
    justify-content: space-around;
    width: 100%;
    flex-wrap: wrap;
  }
  
  .rounded-lg {
    border-radius: 1.5rem 1.5rem 0 0;
  }


  
  .card3-container {
    width: 300px;
    height: 270px;
    border-style: solid;
    border-width: 5px;
    border-color: rgba(var(--primary-blue-rgb), 1);
    padding: 30px;
    transition: all .3s;
  }
  
  .card3-container:hover {
    box-shadow: 2px 2px 30px 4px var(--secondary-grey);
  }
  
  .blog-page {
    width: 75%;
  }
  
  .blog-card {
    display: flex;
    flex-direction: column;
    width: 350px;

    box-shadow: 2px 2px 15px 4px var(--secondary-grey);
    border-radius: 1.5rem !important;
  }
  
  .blog-card img {
    border-radius: 1.5rem 1.5rem 0 0;
    max-width: 100% !important;
  }
  
  .blog-info {
    padding: 10px 15px 25px 15px;
    display: flex;
    flex-direction: column;
  }
  
  .blog-info h4 {
    margin:0;
  }
  
  .blog-text {
    font-size: .7rem;
    line-height: 1.5;
    height: 160px;
  }
  
  .blog-text a, .blog-text a:hover, .blog-text a:visited {
    text-decoration: none;
    color: rgba(var(--primary-blue-rgb), 1)
  }
  
  .blog-cta {
    display: flex;
    justify-content: end;
    height: 100%;
    font-size: .7rem;
  }
  
  .blog-cta a {
    border-radius: 1rem;
    align-self: flex-end;
  }

  .test-btn-primary {
    background-color: #3697E1;
    border-radius: 20px;
    padding: 10px;
    text-decoration: none;
    color: white !important;
  }

  .test-btn-primary:hover {
    background-color: #163B97;
  }