@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic,800,800italic);

/*   COLORS, FONTS and BREAKPOINTS KEY
---------------------------------------
$new_orange: #f68b1f;                         // New Vivid Orange (Subheads, Submit Buttons)
$slate: #335687;                              // New Light to Medium Blue (Header)
$light_slate: #eaeef3;        // New Light Blue (Behind Testimonials Block)
$deep_water: #0f2b5b;                         // New Dark Blue
$dorian_gray: #9B9993;                        // New Medium Gray
$light_dorian_gray #e7e7e7;       // New Light Gray (Behind Group Hero Area)
$base-font-color: #333333;       // Darkest Grey Black
$black: #111111;                              // New Black 2

$facebook_blue: #3b5999;
$twitter_blue: #55acee;
$linkedin_blue: #0077B5;
$google_red: #d34836;
$youtube_red: #e52d27;
$instagram_brown: #9b6954;
$white: #fefefe;

new-site-font: "Open Sans", Tahoma, Geneva, sans-serif;  // Open Sans (Sans Serif Font)
font-weights: lightest: 300, 400, 600, 700, 800 : most bold;

breakpoints
----------------
MOBILE - 320px
TABLET - 700px
DESKTOP - 900 px
------------------------------- */

/*   BROWSER RESETS
-------------------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
footer,
summary {
  display: block;
}
a {
  background-color: transparent;
}
b,
strong {
  font-weight: bold;
}
body {
  margin: 0;
  font-family: "Open Sans", Tahoma, Geneva, sans-serif;
  font-size: 16px;
  line-height: 25px;
  color: #424242;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
section,
footer,
header {
  *zoom: 1;
}
section:before,
footer:before,
header:before {
  content: " ";
  display: table;
}
section:after,
footer:after,
header:after {
  clear: both;
}

/* WEBINAR LANDING PAGE STYLES
-------------------------------- */
.container {
  /*Used throughout to center contents of each block */
  width: 80%;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

header {
  padding-top: 40px;
  float: left;
  width: 100%;
}
.logo {
  float: center;
  margin-top: 0.6em;
  margin-bottom: 0.25em;
}
.logo a {
  display: block;
}

.social-block-header {
  float: right;
  margin-top: 0.6em;
  margin-bottom: 0.25em;
}
.social-block-header .social-label,
.social-block-header .button-wrapper {
  float: left;
  height: 1.4em;
}
.at-icon-wrapper {
  background-color: #fff !important;
}
.at-icon-wrapper:hover {
  background-color: #eaeef3 !important;
}
.at-icon {
  fill: #335687 !important;
}
.social-block-header .social-label {
  font-size: 0.8em;
  font-weight: 300;
  color: #fff;
  margin: 0.35em 0.6em 0 0;
}

/*  GROUP HERO
----------------------------*/

.group-hero {
  width: 100%;
  background: #0F2B5B;
  padding: 3em 0 2em;
  float: left;
}
@media screen and (min-width: 700px) {
  .group-hero {
    background-position: center center;
    padding: 1em 0 4em;
  }
}
.hero-text {
  margin-bottom: 31px;
}
.hero-text h1 {
  color: #f68b1f;
  font-weight: bold;
  font-size: 41px;
  line-height: 80px;
}
.hero-text h2 {
  color: #ffffff;
  font-weight: bold;
  font-size: 26px;
  line-height: 80px;
}
@media screen and (min-width: 700px) {
  .hero-text h1 {
    font-size: 3.4em;
    line-height: 1.2em;
  }
}
.hero-text p.subhead {
  color: #ffffff;
 font-size: 2opx;
  line-height: 80px;
  font-weight: 600;
  margin: 0.6em auto 1.4em auto;
  padding-bottom: 1.6em;
  max-width: 350px;
  border-bottom: 2px solid #fff;
}
p.webinar-date-time {
  color: #ffffff;
  font-weight: 700;
  font-size: 0.9em;
}
p.webinar-date-time span {
  color: #ffffff;
}
@media screen and (min-width: 700px) {
  .hero-text p.subhead,
  p.webinar-date-time {
    font-weight: bold;
    font-size: 24px;
    line-height: 40px;
  }
}

/* FORM
-------------------------- */
.form-intro-text h2 {
  color: #335687;
  text-transform: uppercase;
  font-size: 1.1em;
  line-height: 1.3em;
  font-weight: 600;
  max-width: 100%;
  margin: 2em auto 1em;
  letter-spacing: 0.01em;
}
.form-intro-text p {
  font-size: 0.9em;
  line-height: 1.6em;
}
.form-intro-text ul {
  list-style-position: inside;
  font-size: 0.9em;
  margin-top: 2em;
}
.form-intro-text li {
  margin-bottom: 1.1em;
}
@media screen and (min-width: 700px) {
  .form-intro-text p {
    max-width: 100%;
    margin: 0 auto;
  }
}
.form-wrapper {
  margin: 2em 0;
}

.form-wrapper label {
  text-align: left;
}
@media screen and (min-width: 900px) {
  .form-wrapper {
    max-width: 900px;
    margin: 2em auto 4em;
  }
}
.btnSend.btn {
  background: #f68b1f !important;
  background-image: none !important;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 400;
  padding: 0.9em 3.5em 0.7em;
  border: 0px;
  box-shadow: none !important;
  margin-top: 3em !important;
  transition: 0.3s all ease;
}
.btnSend.btn:hover {
  background: #cf810a !important;
  color: #fff !important;
}
.confirmation-message {
  height: 100%;
  width: 100%;
}
.overlay {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.75);
}
.submitting .loader {
  display: block;
}
.alerting .fault {
  display: block;
}
.loader > img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 52px;
  width: 52px;
  margin: -26px 0 0 -26px;
}
.submitting .btnSend {
  display: none;
}
.fuelux .smartcapture-controls .smartcapture-control input.stretchy {
  height: auto !important;
  width: 100%;
  padding: 0.6em !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.smartcapture-control select {
  height: auto !important;
  width: 100%;
  padding: 0.6em !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  z-index: 1;
  position: relative;
  color: inherit;
}
.smartcapture-control select option {
  color: #333;
}
.smartcapture-control select option:first-child {
  color: #ccc;
}
.smartcapture-control {
  position: relative;
}
.smartcapture-control .select-dropdown {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 22px;
}
.smartcapture-control .select-dropdown:after {
  font-family: "FontAwesome";
  content: "\f0d7";
  color: #f68b1f;
  right: 12px;
  top: 2px;
  position: absolute;
  pointer-events: none;
  border-left: 1px solid #bbbbbb;
  padding: 0.6em 0.3em 0.6em 0.8em;
  z-index: 10;
}
.smartcapture-controls .popover p {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
}
.date-dropdown-select-boxes input {
  display: none;
}
.date-dropdown-select-boxes .dropdown-menu {
  overflow: auto;
  max-height: 28em;
  min-width: 3em;
}
.date-dropdown-select-boxes .year .dropdown-menu {
  min-width: 6em;
}

/* TESTIMONIALS
-------------------------*/
.testimonials {
  display: none;
  background: linear-gradient(180deg, #ffffff, #2f80ed);
  text-align: left;
}
@media screen and (min-width: 200px) {
  .testimonials {
    display: block;
    background: linear-gradient(180deg, #ffffff, #2f80ed);
    padding: 3em 0;
  }
}
.testimonials h3 {
  color: #335687;
  font-weight: 600;
  font-size: 1.6em;
  padding-bottom: 1.2em;
  border-bottom: 2px solid #9b9993;
  max-width: 320px;
  margin: 0 auto;
}
.testimonials h4 {
  color: #f68b1f;
  font-size: 1.4em;
  font-weight: 400;
  margin: 2em 0 1em;
  line-height: 1.2em;
}
.testimonials p.quote:before,
.testimonials p.quote:after {
  content: '"';
}
.testimonials p.quote,
.testimonials p.attribution {
  font-size: 0.9em;
  line-height: 2em;
}
.testimonials p.attribution {
  font-weight: 600;
  margin-top: 1em;
  text-align: left;
}
.testimonials p.attribution:before {
  content: "- ";
}
/* Content Layer
-------------------------*/
.Content {
  display: none;
}
@media screen and (min-width: 200px) {
  .content {
    display: block;
    background-color: #ffffff;
    padding: 3em 0;
  }
}
.content h3 {
  color: #335687;
  font-weight: 600;
  font-size: 1.6em;
  padding-bottom: 1.2em;
  border-bottom: 2px solid #9b9993;
  max-width: 320px;
  margin: 0 auto;
}
.content h4 {
  color: #f68b1f;
  font-size: 1.4em;
  font-weight: 400;
  margin: 2em 0 1em;
  line-height: 1.2em;
}
.content p.quote:before,
.testimonials p.quote:after {
  content: '"';
}
.content p.quote,
.testimonials p.attribution {
  font-size: 0.9em;
  line-height: 3em;
  text-align: left;
}

.content-text p {
  font-size: 0.9em;
  line-height: 3em;
  text-align: left;
}
.content p.attribution {
  font-weight: 600;
  margin-top: 1em;
  text-align: left;
}
.content p.attribution:before {
  content: "- ";
}

/* FOOTER
------------------*/
footer {
  padding: 2em 0;
  color: #e7e7e7;
}
footer p {
  clear: both;
  font-size: 0.9em;
  line-height: 1.6em;
  font-weight: 300;
}
footer a {
  color: #e7e7e7;
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}

/* FOOTER
-----------------*/

.social-block-footer a span {
  display: none;
}
.social-block-footer [class*="fa "] {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  margin-left: 0.4em;
  border-radius: 50%;
}
.social-block-footer [class*="fa "] {
  color: #ffffff;
  height: 1.8em;
  line-height: 1.8em;
  width: 1.8em;
  font-size: 1.2em;
}
.social-block-footer .fa-facebook {
  background-color: #5f7ec1;
}
.social-block-footer .fa-twitter {
  background-color: #83c3f3;
}
.social-block-footer .fa-instagram {
  background-color: #686660;
}
.social-block-footer .fa-linkedin {
  background-color: #578bc4;
}
.social-block-footer .fa-google-plus {
  background-color: #ad2a2a;
}
.social-block-footer .fa-facebook:hover,
.social-block-footer .fa-facebook:active {
  background-color: #3b5999;
}
.social-block-footer .fa-twitter:hover,
.social-block-footer .fa-twitter:active {
  background-color: #55acee;
}
.social-block-footer .fa-instagram:hover,
.social-block-footer .fa-instagram:active {
  background-color: #4f4f4f;
}
.social-block-footer .fa-linkedin:hover,
.social-block-footer .fa-linkedin:active {
  background-color: #0077b5;
}
.social-block-footer .fa-google-plus:hover,
.social-block-footer .fa-google-plus:active {
  background-color: #941616;
}

.calendar-button {
  background: #45ce93;
  border: 1px solid #45ce93;
  color: #ffffff;
  border-radius: 50px;
  padding: 13px 20px;
  min-width: 300px;
  font-weight: bold;
  font-size: 18px;
}

.calendar-button img {
  width: 25px;
  margin-right: 10px;
}

.calendar-button span {
  position: relative;
  bottom: 5px;
}

.calendar-widget button:first-child {
  margin-right: 20px;
}

.calendar-widget {
  margin: 30px 0px 50px;
}

.consultation-message p {
  color: #ffffff;
  font-weight: 300;
}

.consultation-message h5 {
  color: #ffffff;
  text-align: left;
  margin-bottom: 34px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 25px;
  line-height: 40px;
}

.consultation-message .card-message {
  background-color: #0d2a6b;
  width: 48%;
  border-radius: 20px;
  float: left;
  padding: 20px 15px;
  text-align: left;
}

.consultation-message .mr-1 {
  margin-right: 15px;
}

.our-clients {
  background-color: #e3eefc;
  clear: both;
  padding: 82px 0px 40px;
}

.our-clients h2 {
  font-weight: bold;
  font-size: 50px;
  line-height: 80px;
  color: #0d2a6b;
  margin-bottom: 30px;
}

.clients-frame {
  width: 63%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("./assets/images/clients-frame1.png");
  margin-right: 15px;
  border-radius: 20px;
  float: left;
  height: 396px;
}

.clients-colleges {
  background-color: #323232;
  width: 35%;
  border-radius: 20px;
  float: left;
  padding: 20px 11px;
}

.admission-user img {
  width: 50px;
  float: left;
  margin-right: 15px;
}

.admission-user h6 {
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
}

.admission-user label {
  color: #ffffff;
  font-weight: 300;
}

.user-info {
  float: left;
  text-align: left;
}

.add-colleges {
  clear: both;
  padding-top: 30px;
}

.add-colleges img {
  float: left;
  margin: 0px 5px 8px 0px;
}

.add-colleges a {
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
  float: left;
  text-align: left;
  margin-left: 9px;
  font-size: 13px;
  width: 20px;
}

.colleges-list {
  clear: both;
  padding: 5px 0px 0px 25px;
}

.colleges-list ul li {
  color: #ffffff;
  font-weight: 400;
  text-align: left;
  font-size: 13px;
  margin-top: 10px;
}

.clients-message {
  clear: both;
  background-color: #082267;
  border-radius: 20px;
  margin-top: 30px;
  padding: 20px;
  display: inline-block;
}

.avatar-grid h6 {
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
}

.avatar-grid label {
  color: #ffffff;
  font-weight: 300;
}

.avatar-grid img {
  width: 130px;
  clear: both;
  display: block;
}

.clearfix {
  clear: both;
  content: "";
}

.avatar-grid {
  float: left;
  width: 20%;
  margin-right: 15px;
  padding-top: 15px;
}

.message-box {
  float: left;
  width: 78%;
}

.message-box p {
  text-align: left;
  color: #ffffff;
}

.avatar-badge {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #c4c4c4;
  margin: 0px auto;
  margin-bottom: 15px;
}

.clients-message-half {
  width: 49%;
  background-color: #082267;
  border-radius: 20px;
  padding: 20px;
  float: left;
  text-align: left;
}

.clients-message-half.mr-1 {
  margin-right: 17px;
}

.clients-message-half .message-box {
  width: 100%;
}

.clients-message-half .message-box p {
  text-align: left;
  color: #ffffff;
}

.clients-message-half .message-box img {
  width: 130px;
}

.clients-review-columns {
  margin-top: 20px;
  display: inline-block;
}

.clients-review-columns h6 {
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
}

.clients-review-columns label {
  color: #ffffff;
  font-weight: 300;
}

.blog {
  padding: 70px 0px;
  background: linear-gradient(118.55deg, #45ce93 1.53%, #0b2767 101.03%);
  display: inline-block;
  width: 100%;
}

.blog h2 {
  color: #ffffff;
  font-size: 50px;
  margin-bottom: 53px;
  line-height: 40px;
}

.blog-card {
  width: 32%;
  float: left;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  margin-right: 12px;
}

.blog-card:last-child {
  margin-right: 0px;
}

.blog-card .banner-img {
  width: 100%;
}

.blog-content img {
  width: 50px;
  float: left;
  margin-right: 15px;
}

.blog-content {
  padding: 20px 20px 70px;
  clear: both;
}

.blog-content h5 {
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 20px;
  text-align: left;
}

.blog-content label {
  color: #ffffff;
  font-weight: 300;
  font-size: 15px;
  text-align: left;
  float: left;
  line-height: 45px;
}

.blog-cards-main {
  display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .blog-content h5,
  .blog-content label {
    font-size: 12px;
  }

  .blog-content img {
    margin-right: 5px;
  }

  .clients-message-half {
    width: 100%;
    margin-bottom: 20px;
  }

  .message-box {
    width: 100%;
  }

  .clients-frame {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
    height: 350px;
  }

  .clients-colleges {
    width: 100%;
  }

  .calendar-button {
    min-width: 270px;
  }
}

@media only screen and (max-width: 767px) {
  .calendar-widget button:first-child {
    margin-right: 0px;
  }

  .calendar-widget button {
    margin-bottom: 20px;
    min-width: 260px;
  }

  .consultation-message .card-message {
    margin-right: 0px;
    margin-bottom: 20px;
    width: 100%;
  }

  .clients-frame {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
    height: 200px;
  }

  .clients-colleges {
    width: 100%;
  }

  .add-colleges img {
    margin: 0px 2px 8px 0px;
  }

  .avatar-grid {
    margin: 0px;
    width: 100%;
    text-align: left;
  }

  .avatar-badge {
    margin: 0px;
  }

  .message-box {
    width: 100%;
  }

  .clients-message-half {
    width: 100%;
    margin-bottom: 20px;
  }

  .blog h2 {
    font-size: 25px;
  }

  .blog-card {
    width: 100%;
    margin: 0px 0px 20px;
  }
}

button:focus {
  outline: none;
}

/* parent thankyou */

.parent-thankyou {
  padding-bottom: 4rem;
  overflow-y: auto;
  background: #002D54;
}

.parent-thankyou .container {
  max-width: 95%;
}

.parent-thankyou .logo img {
  float: center;
  margin-top: 0.6em;
  margin-bottom: 0.25em;
}

.parent-thankyou .hero-text h1 {
  font-size: 41px;
  font-weight: 700;
  line-height: 40px;
  color: #ffffff;
}
.parent-thankyou h2 {
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  line-height: 40px;
  margin-bottom: 10px;
}

.parent-thankyou p {
  font-weight: 400;
  font-size: 20px;
  line-height: 40px;
  color: #ffffff;
  max-width: 1000px;
  margin: 0px auto;
  margin-bottom: 10px;
}

.parent-thankyou .calendar-button {
  min-width: 180px;
}

.parent-thankyou .hero-text {
  display: inline-block;
  margin: 50px 0px 25px;
}

.login-button {
  border-radius: 15px;
  background-color: #35c390;
  margin: 30px 0px 0px;
  font-size: 26px;
  padding: 9px 55px 15px;
  text-transform: capitalize;
  box-shadow: inset 0px 0px 22px rgb(0 0 0 / 30%);
  color: #fff;
  border: 0px;
  font-weight: 700;
}

.resource-left-grid,
.resource-right-grid {
  width: 100%;
}

.resource-left-grid {
  padding: 2rem 6rem;
  background-color: #f5f5f5;
}

.resource-right-grid {
  padding: 3rem 6rem;
  background-color: #002D54;
}

.resources-card {
width: 30%;
    float: left;
    margin: 0px 0.5% 10px;
    background-color: rgb(255, 255, 255);
    padding: 10px;
height: 480px;
}

.resources-card img {
  width: 100%;
 margin-bottom: 10px;
}

.resource-left-grid h3 {
  color: #002D54;
  font-size: 41px;
  margin: 0px auto 30px;
  text-align: center;
  line-height: 40px;
}
.resource-left-grid h4 {
  color: #002D54;
  margin: 0px auto 30px;
  text-align: center;
  font-size: 26px;
  margin-bottom: 25px;
  line-height: 40px;
}

.resource-left-grid label {
  color: #939393;
  margin: 5px 0px;
  display: block;
  font-size: 14px;
}

.resource-left-grid a {
    color: #424242;
    text-decoration: none;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 3px;
    display: block;
    line-height: 30px;
}

.resource-left-grid p {
color: #424242;
    font-size: 20px;
    line-height: 30px;
    margin-top: 10px;
height: 150px;
}

.resource-right-grid h4 {
  color: #ffffff;
  font-size: 31px;
  text-align: center;
  margin-bottom: 25px;
  line-height: 33px;
}

.resource-right-grid p {
  color: #ffffff;
  font-size: 26px;
  text-align: center;
  font-weight: 500;
  line-height: 45px;
}

.resource-right-grid .para-margin {
  margin-bottom: 20px;
}

.how-it-works {
  padding: 3rem 6rem;
  background: linear-gradient(170.55deg, #0b2156 1.53%, #111525 111.03%);
}

.how-it-works h3 {
  color: #fff;
  text-align: center;
  font-size: 35px;
  margin-bottom: 50px;
}

.how-it-works p {
  color: #d4d4d4;
  margin-top: 20px;
  font-size: 20px;
  line-height: 30px;
}

.how-it-works p b {
  color: #fff;
 font-size: 20px;
  line-height: 30px;
}

.work-grid {
    width: 23.5%;
    float: left;
    margin: 0px 10px;
}

.work-grid img {
  width: 80px;
}

.experts-card {
  width: 32%;
  float: left;
  margin: 0px 5px;
  background-color: #fafbfc;
  padding: 15px 15px 20px;
}

.experts-card img {
  width: 100%;
}

.experts-section {
  padding: 3rem 6rem;
}

.experts-card a {
  color: #4a4b53;
  text-decoration: none;
  font-weight: 700;
  font-size: 23px;
  display: block;
  text-align: center;
  max-width: 300px;
  margin: 0px auto;
  margin-top: 10px;
}

.experts-section h3 {
  color: rgb(17, 42, 103);
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}

.experts-section p {
  color: #112a67;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .resource-left-grid,
  .resource-right-grid {
    width: 100%;
  }

.resource-left-grid,
.resource-right-grid{
 padding: 2rem 1rem;
}

  .resources-card {
    width: 49%;
  }

  .work-grid {
    width: 47%;
    margin: 0px 10px 30px;
    min-height: 225px;
  }

  .experts-card a,
  .resource-right-grid p,
  .resource-left-grid a {
    font-size: 18px;
  }

  .experts-section,
  .how-it-works {
    padding: 2rem 3rem;
  }

  .experts-card {
    margin: 0px 4px;
  }

  .parent-thankyou .logo img {
    max-width: 165px;
  }
}


@media only screen and (min-width: 992px) and (max-width: 1279px) {
.resources-card {
height: 480px;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.resources-card {
height: 480px;
}
}

@media only screen and (max-width: 767px) {
  .resource-left-grid,
  .resource-right-grid,
  .resources-card {
    width: 100%;
  }

  .resources-card {
    margin: 0px 0px 30px;
  }

  .how-it-works,
  .experts-section,
  .resource-left-grid,
  .resource-right-grid {
    padding: 2rem 1rem;
  }

  .work-grid {
    width: 100%;
    margin: 0px 0px 30px;
  }

  .experts-card {
    width: 100%;
    margin: 0px;
  }

  .experts-section h3,
  .resource-right-grid h4 {
    font-size: 23px;
  }

  .experts-card a,
  .resource-left-grid a {
    font-size: 26px;
   line-height: 28px;
  }

  .resource-right-grid p {
    font-size: 20px;
   line-height: 28px;
  }

  .resource-left-grid h3 {
    font-size: 34px;
    margin-bottom: 15px;
  }

  .resource-right-grid h3 {
    font-size: 34px;
    margin-bottom: 15px;
  }

 .resource-right-grid h4 {
    font-size: 34px;
    margin-bottom: 15px;
  }

  .parent-thankyou .hero-text h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
  }

  .parent-thankyou .hero-text h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 40px;
  }

  .parent-thankyou p {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 10px;
  }

  .parent-thankyou .logo img {
    max-width: 165px;
  }
}

.resource-inner-grid{
   margin-bottom: 3rem;
}

.work-grid-figure{
  width: 100%;
  text-align: center;
}

.card-container{
      max-width: 1430px;
    margin: 0px auto;
    width: 100%;
}