/*
#242424   => rgba($black, 0.7)



*/
@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css';
html {
  scroll-behavior: smooth; }

/*$white: #ffffff;*/
/*Blog page css blockquote*/
.blog-wrap blockquote {
  margin: 10px !important;
  padding: 0 10px; }

.blog-wrap .quote {
  position: relative;
  padding-left: 2rem;
  font-style: italic;
  border-left: 3px solid #ddd;
  margin: 1.5em 10px;
  padding: 30px 25px;
  border-radius: 10px;
  border: 1px solid #f1f1f1;
  font-size: 16px;
  font-weight: 600; }

.blog-wrap blockquote:before {
  content: '\f10d';
  /* Unicode for FontAwesome quote-left icon */
  font-family: "Font Awesome 5 Free";
  /* Apply the correct FontAwesome font family */
  font-weight: 900;
  /* FontAwesome uses different weights, ensure you're using the right one */
  position: absolute;
  left: 1rem;
  top: 2rem;
  font-size: 16px;
  color: gray;
  margin-right: 10px; }

.blog-wrap blockquote::after {
  content: '\f10e';
  /* Unicode for FontAwesome quote-right icon */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 16px;
  color: gray;
  margin-left: 10px; }

.blog-wrap .quote .writter {
  font-weight: 500;
  text-align: right;
  position: relative;
  right: 8%; }

.blog-wrap h4 {
  font-size: 16px;
  font-weight: 600;
  color: #383737; }

strong {
  font-weight: 600; }

.error-page h3 {
  color: #646060;
  font-size: 28px; }

.blog-cta {
  background-image: url("../images/CTA-Background.webp");
  background-size: cover;
  margin: 20px auto;
  padding: 20px 15px 0px 15px; }
  .blog-cta .blog-cta-row {
    position: relative; }
    .blog-cta .blog-cta-row h4 {
      color: #fff;
      font-size: 20px; }
    .blog-cta .blog-cta-row:before {
      content: "";
      height: 2px;
      width: 94%;
      left: 2%;
      background-color: #fab7007a;
      position: absolute;
      bottom: -16px; }
    .blog-cta .blog-cta-row .blog-btn {
      text-align: center; }
  .blog-cta .d-flex {
    margin-top: 30px; }
    .blog-cta .d-flex .fas {
      color: #fab700; }

.blog__banner {
  background-image: url("../images/Banner-Bg.png");
  background-size: cover;
  margin-top: calc(50px + 1em); }
  .blog__banner .blog__banner__heading {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    margin-top: 120px; }
  .blog__banner h6 {
    font-size: 20px;
    font-weight: 600;
    color: #fab700;
    position: relative; }
    .blog__banner h6:before {
      content: "";
      height: 2px;
      width: 19%;
      left: 10%;
      transform: translate(-50%, 0px);
      background-color: #fab700;
      position: absolute;
      bottom: -7px; }

.blog__info__dec {
  font-size: 16px;
  font-weight: 600;
  color: #1783b0;
  text-align: left; }

.blog__heading {
  font-weight: 500;
  position: relative;
  z-index: 2;
  color: #1783b0;
  font-size: 18px; }

h2 {
  font-weight: 600 !important;
  position: relative;
  z-index: 2;
  color: #143b64 !important;
  font-size: 20px; }

.event__grid {
  min-height: 210px; }

.blog__post .author__info__content {
  padding: 10px;
  max-width: 350px;
  background-color: #f5f5f5;
  border: 1px solid #f1f1f1; }
  .blog__post .author__info__content img {
    float: left;
    margin-right: 20px; }
  .blog__post .author__info__content p {
    font-size: 14px;
    color: #6a6767; }
  .blog__post .author__info__content h4 {
    font-size: 16px;
    font-weight: 500;
    color: #111;
    line-height: 5px; }

.blog__title {
  background-image: url("../images/blog-index-bg.png");
  background-size: cover;
  margin-top: calc(50px + 1em);
  padding: 25px; }
  .blog__title h2 {
    font-size: 48px;
    font-weight: 600;
    color: #fff; }
    .blog__title h2:before {
      content: "";
      height: 4px;
      width: 20%;
      left: 50%;
      transform: translate(-50%, 0px);
      background-color: #fab700;
      position: absolute;
      top: 50%;
      border-radius: 10px; }
  .blog__title p {
    font-size: 22px;
    color: #cfc8c8; }

.disabled {
  font-size: 14px;
  font-style: italic;
  color: #686666; }

.sub__blog__title img {
  width: 100%; }

.sub__blog__title .shadow {
  border-radius: 0 0 40px 0;
  min-height: 140px; }
  .sub__blog__title .shadow h3 {
    color: #1783b0;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px; }
  .sub__blog__title .shadow img {
    width: 100%; }
  .sub__blog__title .shadow h5 {
    font-size: 14px;
    color: #959090; }

.sub__blogs h6 {
  color: #959090; }

.sub__blogs h3 {
  color: #2FAFE4;
  font-size: 24px;
  /*&:before {
    content: "";
    height: 4px;
    width: 20%;
    left: 12%;
    transform: translate(-50%, 0px);
    background-color: #fab700;
    position: absolute;
    top: 30%;
    border-radius: 10px;
        }*/ }
  .sub__blogs h3 a {
    color: #1783b0; }

.recent__blog {
  border-left: 1px solid #ccc; }
  .recent__blog h3 {
    font-size: 24px;
    font-weight: 500; }
  .recent__blog h6 {
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    color: #101112; }
    .recent__blog h6:hover {
      color: #1783b0; }
  .recent__blog .sticky {
    position: sticky;
    top: 100px; }
  .recent__blog .social_icon_box ul li {
    list-style: none;
    display: inline-block; }
    .recent__blog .social_icon_box ul li a {
      text-align: center;
      margin: 0 7px;
      display: block;
      border-radius: 50%;
      position: relative;
      z-index: 1;
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: perspective(1px) translateZ(0);
      transform: perspective(1px) translateZ(0);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.16);
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out; }
    .recent__blog .social_icon_box ul li:hover {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px); }

h4 {
  font-size: 18px; }
  h4:hover {
    color: #143b64; }

.newsletter {
  background-image: url("../images/newsletter-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 390px; }
  .newsletter #Iframe1 {
    height: 265px; }
  .newsletter h2 {
    font-size: 30px;
    font-weight: 600 !important;
    color: #fff !important; }
    .newsletter h2:before {
      content: "";
      height: 3px;
      width: 30%;
      left: 50%;
      transform: translate(-50%, 0px);
      background-color: #fab700;
      position: absolute;
      top: 45px; }

h2.heading {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 40px;
  position: relative;
  padding-bottom: 20px;
  z-index: 2; }
  h2.heading span {
    padding-bottom: 15px;
    color: #2FAFE4; }
  h2.heading:before {
    content: "";
    height: 2px;
    width: 150px;
    left: 50%;
    transform: translate(-50%, 0px);
    background-color: #2FAFE4;
    position: absolute;
    bottom: 0px; }
  h2.heading.left_line::before {
    left: 0;
    transform: translate(0%, 0px); }

.blog-strip {
  background-image: url("../images/Read-More-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
  .blog-strip .blog-strip-row {
    padding: 45px 20px 40px; }
    .blog-strip .blog-strip-row h4 {
      font-size: 20px;
      margin-left: 15px; }
    .blog-strip .blog-strip-row .blog-btn .btn {
      padding: 10px 20px;
      font-size: 17px;
      margin-top: 2px;
      margin-left: 15px; }

@media (max-width: 768px) {
  .blog-strip {
    background-image: url("../images/Read-More-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px; }
    .blog-strip .blog-strip-row {
      padding: 32px 20px 18px; }
      .blog-strip .blog-strip-row h4 {
        font-size: 16px;
        margin-left: 15px; }
      .blog-strip .blog-strip-row .blog-btn .btn {
        margin-top: 2px;
        margin-bottom: 10px; }
  .blog__banner .blog__banner__heading {
    font-size: 22px;
    font-weight: 600;
    margin-top: 40px; }
  .blog__banner .blog-banner {
    margin-top: 10px !important; }
  .recent__blog {
    border-left: none; }
    .recent__blog .recent__blog_mobile {
      display: none; }
  .newsletter h2:before {
    display: none; }
  .newsletter #Iframe1 {
    height: 400px; }
  .blog-cta {
    padding: 15px 15px 5px 15px; }
    .blog-cta .blog-cta-row {
      position: relative;
      margin-bottom: 15px; }
      .blog-cta .blog-cta-row h4 {
        font-size: 16px; }
      .blog-cta .blog-cta-row:before {
        bottom: -13px; }
      .blog-cta .blog-cta-row .blog-btn {
        text-align: left; }
        .blog-cta .blog-cta-row .blog-btn .btn {
          border-radius: 6px;
          padding: 8px 15px;
          font-size: 14px; }
    .blog-cta .d-flex {
      font-size: 14px;
      display: inline !important;
      margin-top: 30px; }
      .blog-cta .d-flex .line {
        display: none; }
      .blog-cta .d-flex .fas {
        color: #fab700; } }

#CTA {
  height: 200px; }