/* ==========================================================================
   Blog section
   ========================================================================== */
.blog-hero-area {
  background-size: auto;
  background-size: cover;
  color: #fff;
  overflow: hidden;
  position: relative;
}

.logo-text-faq {
  position: relative;
  right: 231px;
  bottom: 166px;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 44px;
  line-height: 120%;


}
.title-flash {
  color: #FFF;
  font-family: 'Archivo', sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 57.6px;
  letter-spacing: -0.96px;
  margin-bottom: 10px;
}

.img-faq {
  position: relative;
  right: 320px;
  bottom: 76px;
}

.title-faq {
  position: relative;
  left: 159px;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 44px;
  line-height: 120%;
  color: #d0d0d7;
  bottom: 217px;
}

.blog-hero-area .contents {
  padding: 160px 0 140px;
}

#blog {
  border-bottom: 0.5px solid  #43434E;
  background:  #080808;
}

#blog .blog-item-wrapper {
  border-radius: 20px;
  border: 1px solid #525873;
  background: linear-gradient(0deg, rgba(57, 62, 81, 0.60) -35.48%, rgba(57, 62, 81, 0.00) 16.54%), radial-gradient(63.81% 63.15% at 37.36% 10.48%, #393E51 0%, rgba(57, 62, 81, 0.00) 100%), #0D0E12;
  /*border: 1px solid #ddd;*/
  /*background-color: #FAFAFA;*/
  -moz-transition: all .8s ease;
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
}
#blog .blog-item-wrapper:hover{
  border-radius: 20px;
  border: 1px solid #FFF;
  background: linear-gradient(0deg, rgba(57, 62, 81, 0.60) -35.48%, rgba(57, 62, 81, 0.00) 16.54%), radial-gradient(109.21% 106.5% at 37.36% 10.48%, #393E51 0%, rgba(57, 62, 81, 0.00) 100%), #0D0E12;
}
#blog .blog-item-wrapper .blog-item-text {
  /*padding: 26px 30px 30px 30px;*/
}

#blog .blog-item-wrapper h3 {
  /*font-size: 20px;*/
  /*font-weight: 600;*/
  /*line-height: 28px;*/
  font-family: 'Archivo', sans-serif;
  color:#FFF;
  font-size: 32px !important;
  font-style: normal!important;
  font-weight: 500 !important;
  line-height: 38.4px !important; /* 38.4px */
  letter-spacing: -0.64px !important;
  margin-top: 31px;
  margin-bottom: 14px;
}

#blog .blog-item-wrapper h3 a {
  font-family: 'Archivo', sans-serif;
  color:#FFF;
  font-size: 32px !important;
  font-style: normal!important;
  font-weight: 500 !important;
  line-height: 38.4px !important; /* 38.4px */
  letter-spacing: -0.64px !important;
}

.blog-read-more {
  font-family: 'Archivo', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  align-items: flex-end;
  color: #68687B;
}

#blog .blog-item-wrapper p {
  color:  #D0D0D7;
  font-family: 'Archivo', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;

}

#blog .blog-item-wrapper a.read-more {
  color: #3ecf8e;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
}

#blog .blog-item-wrapper a.read-more i {
  color: #3ecf8e;
  font-size: 10px;
  position: absolute;
  top: 3px;
}

#blog .blog-item-wrapper span.name a {
  color: #5e629c;
  font-size: 14px;
}

#blog .blog-item-wrapper span.name i {
  margin-right: 5px;
}

#blog .blog-item-wrapper span.date a {
  color: #5e629c;
  font-size: 14px;
}

#blog .blog-item-wrapper span.date i {
  color: #3ecf8e;
  margin-right: 5px;
}

/* ==========================================================================
  Blog index2 version
  ========================================================================== */
#blog2 {
  background: #fff;
}

#blog2 .blog-item-wrapper {
  border: 1px solid #ddd;
  background-color: #fff;
  -moz-transition: all .8s ease;
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
}

#blog2 .blog-item-wrapper:hover {
  box-shadow: 0px 0px 25px 0px rgba(95, 95, 95, 0.24);
  -moz-transition: all .8s ease;
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
  border-color: #ff704f;
}

#blog2 .blog-item-wrapper:hover h3 a {
  color: #ff704f;
}

#blog2 .blog-item-wrapper .blog-item-text {
  padding: 26px 30px 30px 30px;
}

#blog2 .blog-item-wrapper h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 12px;
}

#blog2 .blog-item-wrapper h3 a {
  color: #151948;
}

#blog2 .blog-item-wrapper p {
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 20px;
}

#blog2 .blog-item-wrapper a.read-more {
  color: #ff704f;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
}

#blog2 .blog-item-wrapper a.read-more i {
  color: #ff704f;
  font-size: 10px;
  position: absolute;
  top: 3px;
}

#blog2 .blog-item-wrapper .author {
  border-top: 1px solid #ddd;
  padding: 18px 30px 35px 30px;
}

#blog2 .blog-item-wrapper span.name a {
  color: #5e629c;
  font-size: 14px;
}

#blog2 .blog-item-wrapper span.name i {
  color: #ff704f;
  margin-right: 5px;
}

#blog2 .blog-item-wrapper span.date a {
  color: #5e629c;
  font-size: 14px;
}

#blog2 .blog-item-wrapper span.date i {
  color: #ff704f;
  margin-right: 5px;
}

/* ==========================================================================
   Blog single post section
   ========================================================================== */
.blog-hero-area .contents h2 {
  color: #fff;
  font-size: 52px;
  font-weight: 300;
  margin-bottom: 25px;
}

#blog .blog-item-wrapper {
  /*border-radius: 8px;*/
  -webkit-transition: transform .2s linear, -webkit-box-shadow .2s linear;
  -moz-transition: transform .2s linear, -moz-box-shadow .2s linear;
  transition: transform .2s linear, box-shadow .2s linear;
}

#blog-single {
  padding: 80px 0;
  background: #ecf0f1;
}

#blog-single .blog-post {
  background: #fff;
  overflow: hidden;
  margin-bottom: 40px;
}

#blog-single .blog-post .post-thumb img {
  width: 100%;
}

#blog-single .blog-post .post-content {
  padding: 30px;
}

#blog-single .blog-post .post-content h3 {
  font-size: 30px;
  padding-bottom: 10px;
}

#blog-single .blog-comment {
  background: #fff;
  padding: 50px 30px;
  margin-top: 30px;
  overflow: hidden;
}

#blog-single .blog-comment h4 {
  font-size: 24px;
  margin-bottom: 30px;
}

#blog-single .blog-comment .comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 50px;
}

#blog-single .blog-comment .comment-list .the-comment {
  border-bottom: 1px solid #e7e6e6;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

#blog-single .blog-comment .comment-list .children {
  padding-left: 40px;
}

#blog-single .blog-comment .avatar {
  float: left;
  margin-right: 15px;
  padding: 5px;
  border-radius: 3px;
  background: #fff;
  border: 1px dashed #346afe;
}

#blog-single .blog-comment .comment-author {
  margin-bottom: 10px;
}

#blog-single .blog-comment .meta {
  margin-bottom: 10px;
  color: #999;
}

.blog-hero-area .post-meta {
  color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
}

.blog-hero-area .post-meta ul li {
  display: inline-block;
  margin-right: 8px;
  margin-left: 8px;
}

.blog-hero-area .post-meta ul li i {
  margin-right: 5px;
}

.blog-hero-area .post-meta ul li a {
  color: #fff;
}

.blog-hero-area .post-meta ul li a:hover {
  color: #ff704f;
}

#blog-single .form-control {
  width: 100%;
  margin-bottom: 20px;
  padding: 15px 30px;
  font-size: 14px;
  border-radius: 30px;
  border: 1px solid transparent;
  background: #f5f5f5;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

#blog-single .btn-common {
  background-color: #ff704f;
  position: relative;
  z-index: 1;
  box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);
  width: 160px;
  height: 50px;
  padding: 14px 15px;
}

#blog-single .form-control:focus {
  border: 1px solid #ff704f;
  outline: none;
  box-shadow: none;
}

#subscribe .form-control {
  width: 100%;
  margin-bottom: 20px;
  padding: 15px 30px;
  font-size: 14px;
  border-radius: 30px;
  border: 1px solid transparent;
  background: #f5f5f5;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

.btn.disabled,
.btn:disabled {
  opacity: 1;
}

#blog-single textarea {
  border-radius: 4px !important;
}

.text-danger {
  font-size: 14px;
  margin-top: 10px;
}

.list-unstyled li {
  color: #d9534f;
}