body{
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #000;
    font-weight: 400;
    overflow-x: hidden;
}
body.hideOverflow {
    overflow: hidden;
}
* {
    box-sizing: border-box;
}
img{
    max-width: 100%;
}
p{
    margin: 0;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Roboto', sans-serif !important;
    margin: 0;
    font-weight: 500;
}
#blog-detail-page .content-section h1{
   margin: 40px 0 30px; 
}
#blog-detail-page .content-section h2{
   margin: 40px 0 30px; 
}
#blog-detail-page .content-section h3{
   margin: 40px 0 30px; 
}
#blog-detail-page .content-section h4{
   margin: 40px 0 20px; 
}
#blog-detail-page .content-section h5{
   margin: 40px 0 15px; 
}
#blog-detail-page .content-section h6{
   margin: 40px 0 15px; 
}
#blog-detail-page .content-section ul li  h1,
#blog-detail-page .content-section ul li  h2, 
#blog-detail-page .content-section ul li  h3, 
#blog-detail-page .content-section ul li  h4, 
#blog-detail-page .content-section ul li  h5, 
#blog-detail-page .content-section ul li  h6{
    margin: 0;
}
#blog-detail-page .content-section  ol li + li, #blog-detail-page .content-section ul li + li{
    margin-top: 10px!important;
}
h1{ 
    font-size: 32px;
    line-height: 38px;
}
h2{
    font-size: 28px;
}
h3{
    font-size: 24px;
    line-height: 28px;
}
h4{
    font-size: 20px;
}
h5{
    font-size: 18px;
}
h6{
    font-size:16px;
}
a{
    text-decoration: none;
    outline: none;
}
a:hover, a:focus{
    text-decoration: none;
    outline: none;
}
.container {
    max-width: 1230px;
    margin: 0 auto;
    padding:0 25px;
    width: 100%;
}
.flt-left {
    float: left;
}

.container::after {
    content: "";
    clear: both;
    display: block;
}
.clr-red{
    color: #E6192D;
}
.clr-white{
    color: #fff;
}
.clr-blk{
    color: #000;
}
.clr-blue{
    color: #1398FF;
}
.bg-white{
    background-color: #fff;
}
.pad-btm-10{
    padding-bottom: 10px;
}
.pad-btm-12{
    padding-bottom: 12px
}
.pad-btm-15{
    padding-bottom: 15px;
}
.pad-btm-20{
    padding-bottom: 20px;
}
.pad-btm-25{
    padding-bottom: 25px;
}
.pad-btm-35{
    padding-bottom: 35px;
}
.pad-btm-40{
    padding-bottom: 40px;
}
.pad-top-50{
    padding-top: 50px;
}
.pos-relatve{
    position: relative;
}
.font-bold{
    font-weight: 700;
}

#top-section  .blog-listing-top {
    width: 100%;
}
#top-section .featured-blogs {
    max-width: 55%;
    width: 55%;
}
.featured-blogs .featured-img img {
    display: none;
}
#top-section .featured-blogs a {
    /* display: block; */
}
#top-section .featured-blogs:hover .clr-white {
    color: rgba(255,255,255,0.8);
}
#top-section .hand-picked {
    max-width: 45%;
    padding: 0;
    width: 45%;
    padding-left: 7px;
}
#top-section .top-sidebar {
    max-width: 20.5%;
}
/*#top-section .featured-blogs span{
    display: block;
    padding-right: 7px;
}*/
#top-section .featured-blogs .title-lg {
    padding: 5px 0 20px;
}
#top-section .featured-blogs .featured-box-btm {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.featured-author-sec {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  font-weight: 300;
  flex-wrap: wrap;
}
.blog-type {
    padding-left: 30px;
    margin: 20px 0 10px;
    background-position: left center;
    background-repeat: no-repeat;
}

.blog-type.featured {
    background-image: url(../images/featured-icon.png);
    background-size: 20px;
}
.blog-type.top-stories {
    background-image: url(../images/top-stories.png);
    background-size: 15px;
}
.featured-author-sec .author-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.featured-author-sec .author-img img {
  border-radius: 50%;
}
.author-name span {
    display: inline-block;
    font-weight: 400;
}
#top-section .author-designation {
  margin-top: 2px;
}
#top-section  .featured-tag {
   width: 50%;
   color: #000;
   position: relative;
   display: inline-block;
   padding-left: 25px;
   line-height: 20px;
}
#top-section .featured-blogs .read-more {
    width: 100px;
    text-align: right;
    color: #FF4C4A;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 18px;
}
#top-section .featured-blogs .read-more svg {
    width: 16px;
    margin-left: 15px;;
}
#top-section .featured-blogs a:hover .featured-tag, #top-section .featured-blogs a:hover  .read-more{
    color: #FF4C4A;
}
#top-section .featured-blogs a:hover  .read-more .st0{
    fill: #FF4C4A;
}
#top-section .featured-blogs .featured-tag::before {
   content: "";
   position: absolute;
   left: 0;
   width: 17px;
   height: 17px;
   background-image: url(../images/featured.svg);
   background-position: center;
   background-repeat: no-repeat;
}

/* #top-section .featured-blogs .read-more::after{
   content: "";
   position: absolute;
   right: 0;
   width: 16px;
   height: 16px;
   background-image: url(../images/forward-blue.svg);
   background-position: center;
   background-repeat: no-repeat;
    
} */
#top-section .featured-blogs .featured-img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    min-height: 300px;
    background-size: cover;
    background-position: center;
}
#top-section .hand-picked-blog a.blog-post-info{
    color: #fff;
    display: block;
}
#top-section a.single-category{
    color: #FF8217;
    margin-bottom: 12px;
    display: block;
}
#top-section .hand-picked-blog a.single-category:hover{
    color: rgba(255,255,255,0.8);
}
#top-section .hand-picked-blog a.single-category:hover .red{
    fill: rgba(255,255,255,0.8);
}
#top-section  a.single-category span {
    font-size: 16px;
    margin-right: 5px;
}
#top-section .featured-blogs a.single-category span{
    margin-right: 10px;
}

#top-section .hand-picked-blog:hover a.blog-post-info,#top-section .hand-picked-blog:hover .clr-white {
    color:  rgba(255,255,255,0.8);
}

.hand-picked-blog .author-info .author-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
}

.hand-picked-blog  .author-info .author-img img {
    border-radius: 50%;
}

.hand-picked-blog  .author-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#top-section .hand-picked-blog .designation {
    font-weight: 700;
    display: block;
}
#top-section  .hand-picked-blog + .hand-picked-blog {
    margin-top: 7px;
}
.hand-picked-blog .author-bio-info{
    padding-top: 0px;
    display: block;
    padding-left: 18px;
    background-image: url(../../ignitingthought/images/quote.svg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 12px;
    margin-top: 10px;
}
.contributor-box {
    padding: 38px 30px;
    /* background-image: url(../images/sidebar-bg.png);
    background-position: center;
    background-repeat: no-repeat; */
    position: relative;
    background-color: #051C62;
    background-size: cover;
}
.contributor-box::before{
    content: "";
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;

}
.contributor-box h3 {
    line-height: 26px;
}
.sideBar-btns a {
    width: 100%;
    border: 1px solid #fff;
    display: block;
    padding: 6px 10px;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    color: #000;
}
.sideBar-btns a.clr-white{
    color: #fff;
}
.newsletter-pop-up .emaillist {
    max-width: 350px;
    margin: 0 auto;
    padding-top: 15px;
}
.es_subscription_form  .es_subscription_form_submit {
    width: 100%;
    border: 1px solid #000;
    display: block;
    padding: 10px;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    outline: none;
    color: #fff;
    background-color: #000;
    margin-top: 10px;
    cursor: pointer;
    font-size: 14px;
}
.es_subscription_form  .es_subscription_form_submit:focus {
    background-color: #E6192D !important;
    border-color: #E6192D !important;
}
.es_subscription_form .subscribe_name {
    background-color: transparent;
    width: 100%;
    padding: 10px 10px;
    box-sizing: border-box;
    border-radius: 4px;
    color: #000;
    outline: none;
    margin-top: 3px;
    font-family: 'Roboto', sans-serif !important;
    border: 1px solid #000;
}
.es_subscription_form .subscribe_name:focus, .es_subscription_form .es_required_field.es_txt_email:focus {
    border: 1px solid #000;
    color: #000;
}
.es_subscription_form .es_required_field.es_txt_email {
    background-color: transparent;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    color: #000;
    outline: none;
    margin-top: 3px;
    font-family: 'Roboto', sans-serif !important;
    border: 1px solid #000;
}

.es_subscription_form .subscribe_name::-webkit-input-placeholder { /* Edge */
  color: #000;
}

.es_subscription_form .subscribe_name:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

.es_subscription_form .subscribe_name::placeholder {
  color: #000;
}
.es_subscription_form .es_required_field.es_txt_email::-webkit-input-placeholder { /* Edge */
  color: #000;
}

.es_subscription_form .es_required_field.es_txt_email:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

.es_subscription_form .es_required_field.es_txt_email::placeholder {
  color: #000;
}
.privacy-statement {
    text-align: left;
    line-height: 20px;
    padding: 5px 0 10px;
}

.privacy-statement a {
    color: #E6192D;
}
.es_subscription_form  label {
    color: #fff;
    display: block;
}
.es_subscription_form_submit:hover {
    background-color: #E6192D !important;
    border-color: #E6192D !important;
}
.es_subscription_message.error {
    font-size: 16px;
    padding-top: 10px;
    display: block;
    font-weight: 500;
}
.es_subscription_message.success {
    color: #000;
    font-size: 16px;
}
#spinner-image {
    display: none !important; 
}
.contributor-box .sideBar-btns a:hover {
    color: #fff;
    background-color: #FF4C4A;
    border-color: #FF4C4A;
}
.newsletter-box .sideBar-btns a:hover {
    background-color: #da4e4d;
    border-color: #da4e4d;
}
.contributor-box .abt-contributor {
    line-height: 20px;
}

#top-section .newsletter-box {
    background-color: #FF4C4A;
    padding: 38px 25px;
}
.newsletter-box .newsletter-title {
    line-height: 20px;
}
#hand-picked-slide .blog-single-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

#hand-picked-slide .blog-thumb {
    width: 85px;
    border-radius: 10px;
    height: 85px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border:1px solid #d9d9d9;
    background-color: #d9d9d9;
}

#hand-picked-slide .title-sm {
    width: calc(100% - 85px);
    padding: 0 15px;
}
#hand-picked-slide .blog-single-box h5 {
    color: #000;
}
#hand-picked-slide .blog-single-box:hover h5 {
    color: #051C62;
}
#hand-picked-slide .blog-thumb img {
    border-radius: 10px;
}
#blog-slider {
    padding: 20px 70px 20px;
    border-top: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    position: relative;
}
.category-grid h2 {
    font-size: 64px;
    color: #fff;
    position: relative;
    z-index: 2;
}

.category-grid {
    padding: 48px 40px 26px;
    background-color:#fff;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.category-grid:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    top: 0;
}
.category-grid:after {
    content: "";
    width: 100%;
    height: 0;
    background: linear-gradient(rgba(230,25,45,0), rgba(230,25,45,0.7));
    position: absolute;
    left: 0;
    bottom: 0;
    z-index:1;
    transition: .1s all ease-in-out;
}
.category-grid:hover:after {
    height: 100%;
}
/* #blog-slider .owl-nav {
    position: absolute;
    right: 30px;
    z-index: 99999;
    top: 30px;
} */
#blog-slider button{
    display: inline-block;
    width: 45px;
    height: 45px;
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
    border-radius: 50%;
    background-size: cover;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#blog-slider button.owl-prev {
    background-image: url(../images/left-arrow-blue.png);
    left: 0;
}
#blog-slider button.owl-next {
    background-image: url(../images/right-arrow-blue.png);
    right: 0;
}
#blog-slider button + button{
    margin-left: 20px;
}
#blog-slider button:hover {
    opacity: 1;
}
#blog-listing .blog-list{
    margin-right: 345px;
    padding-right: 75px;
    padding-bottom: 100px;
}
#blog-listing .blog-card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
#blog-listing .blog-card .left-section {
    width: calc(100% - 200px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}
#blog-listing .blog-card .blog-info-card {
    width: 140px;
}
#blog-listing .blog-card .blog-info-card  .author-thumb {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-bottom: 10px;
    display: block;
}

.author-thumb img {
    border-radius: 50%;
}
#blog-listing .blog-card .blog-card-thumb {
    width: 200px;
    height: 145px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #d9d9d9
}
#blog-listing .blog-card .blog-card-title {
    width: auto;
    padding: 0 50px 0;
}
#blog-listing .blog-card .blog-info {
    display: block;
}
#blog-listing .blog-card a{
    color: #000;
    display: block;
    width: 100%;
    height: 100%;
}
#blog-listing .blog-card a:hover{
    color: #051C62;
}
#blog-listing .blog-card-thumb img {
    border-radius: 10px;
}
#blog-listing .blog-card + .blog-card {
    margin-top: 18px;
    padding-top: 20px;
    border-top: 1px solid rgba(0,0,0,0.2);
}
.left-sidebar .twitter-feed {
    margin-top: 0;
    line-height: 0;
}
.twitter-feed .widget-title {
    display: none;
}
.left-sidebar .twitter-feed .twitter-timeline {
    height: 450px !important;
}
.twitter-feed .widget {
    margin: 0;
}
.left-sidebar .twitter-feed img {
    width: 100%;
    line-height: 0;
}
#blog-listing {
    padding-top: 55px;
}
#blog-listing .sidebar-wrapper {
    position: absolute;
    max-width: 345px;
    height: 100%;
    width: 100%;
    right: 25px;
}
#blog-listing  .left-sidebar {
    top: 0;
    max-width:345px;
    position: -webkit-sticky;
    position: sticky; 
    background-color: #EBF2F5;
    padding: 10px;
    margin-bottom: 40px;
}
#blog-listing  .editors-pick {
    padding: 0 25px;
}

#blog-listing .editors-pick .designation {
    display: block;
}
.flex-align-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#blog-listing .editors-pick .author-thumb {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
}

#blog-listing .editors-pick h3, #blog-detail-page  .editors-pick h3{
    font-size: 22px;
    padding-left: 25px;
    background-image: url(../images/ep-icon.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 12px;
    line-height: 19px;
    margin-bottom: 25px;
}
#blog-listing .editors-pick .single-ftrd-thumb, #blog-detail-page  .editors-pick .single-ftrd-thumb {
    padding-bottom: 15px;
    line-height: 0;
}
#blog-listing .editors-pick .author-thumb img {
    border-radius: 50%;
}
#blog-listing .editors-pick .editors-card h5 {
    padding-bottom: 15px;
}
#blog-listing .editors-pick .editors-card:hover .clr-blk {
    color: #051C62;
}
#blog-listing .editors-pick .editors-card + .editors-card {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid rgba(0,0,0,0.3);
}
.top-contributors .contributor-thumb {
    max-width: 68px;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.top-contributors .contributor-thumb img {
    border-radius: 50%;
}

.top-contributors .contributor-social-links {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.top-contributors .contributor-social-links a {
    display: block;
    line-height: 0;
}
.top-contributors .contributor-social-links a svg {
    fill: #fff;
}

.top-contributors .contributor-social-links a.instagram {
    width: 16px;
}

.top-contributors .contributor-social-links a.twitter {
    width: 16px;
}
.top-contributors .contributor-social-links a.facebook {
    width: 8.36px;
}
.top-contributors .contributor-social-links a.web{
    width: 16px
}
.top-contributors .contributor-social-links a:hover svg{
    fill: #E6192D;
}
.top-contributors .contributor-social-links a + a {
    margin-left: 20px;
}
.top-contributors {
    margin-bottom: 78px;
}
.contributors-topBar {
    background-color: #000;
    padding: 30px;
    display: none;
}
#blog-listing .owl-nav {
}
#blog-listing  button{
    display: inline-block;
    width: 20px;
    height: 20px;
     background-position: center;
    background-repeat: no-repeat;
    outline: none;
}
#blog-listing  button.owl-prev {
    background-image: url(../images/backward-white.svg);
}
#blog-listing  button.owl-next {
    background-image: url(../images/forward-white.svg);
}
#blog-listing  button.owl-prev:hover {
    opacity: 0.5;
}
#blog-listing  button.owl-next:hover {
    opacity: 0.5;
}
#blog-listing  button + button{
    margin-left: 20px;
}
#blog-listing .scroll-up, #blog-detail-page .scroll-up{
    position: absolute;
    bottom: 30px;
    width: 41px;
    cursor: pointer;
    height: 41px;
    overflow: hidden;
}
#blog-listing .scroll-up.home-page-scroll {
    right: 385px;
    bottom: 120px;
}

#blog-detail-page .scroll-up{
    right: 285px;
    bottom: 75px;
}
.scroll-up svg .st0 {
    fill: #051C62;
}
.scroll-up svg .st1 {
    fill: #051C62;
}
.scroll-up svg:hover .st0 {
    fill: #FF4C4A;
}
.scroll-up svg:hover .st1 {
    fill: #FF4C4A;
}
#blog-listing .scroll-up svg:hover, #blog-detail-page .scroll-up svg:hover{
    fill: #FF822E;
}
#siteFooter {
    background-color: #051C62;
    padding: 15px 0;
}
.ftr-cnt-alignment{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#siteFooter .footer-logo {
    width: calc(100% - 527px);
    color: rgba(255,255,255,0.8);
    display: flex;
    align-items: center;
    font-size: 10px;
    font-weight: 300;
}
#siteFooter .footer-logo a {
    margin: 0 5px;
}
#siteFooter .footer-right {
    width: 95px;
}
#siteFooter .footer-right{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
#siteFooter .footer-right a {
    display: inline-block;
    text-align: center;
}
#siteFooter .security-links a {
    color: rgba(255,255,255,0.8);
    padding: 0 10px;
    line-height: 10px;
    display: block;
    font-size: 12px;
}
#siteFooter .security-links a:hover {
    color: #FF822E
}
#siteFooter .security-links a+a {
    border-left: 1px solid rgba(255,255,255,0.8);
}

#siteFooter .security-links {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    margin-right: 42px;
}

#siteFooter .footer-right a {
    line-height: 0;
}
#siteFooter .footer-right a.twitter-ftr {
    width: 16px;
    height: 13PX;
}

#siteFooter .footer-right a.linkedin-ftr {
    width: 16px;
    height: 16px;
}

#siteFooter .footer-right a.fb-ftr {
    width: 8.36px;
    height: 16px;
}
#siteFooter .footer-right svg {
    fill: #fff;
}
#siteFooter .footer-right a:hover svg {
    fill: #E6192D;
}
#siteFooter .footer-right a.instagram {
    width: 16px;
}

#siteFooter .footer-right a.twitter {
    width: 16px;
}

#siteFooter .footer-right a.facebook {
    width: 8.4px;
}
#siteFooter .powered-by {
    width: 170px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 35px;
}

#siteFooter .powered-by span {
    color: #fff;
    font-weight: 300;
    font-size: 10px;
    display: block;
    line-height: 20px;
}

#siteFooter  .powered-by span + span {
    margin-left: 10px;
}

#siteFooter  .footer-logo span {
    display: block;
    color: #fff;
    font-size: 10px;
    font-weight: 300;
}
#siteFooter .footer-right a + a{
    margin-left: 25px;
}
#siteFooter  .powered-by .ignitho-logo{
    line-height: 0
}
#siteHeader {
    padding: 9px 0 5px;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    top: 0;
    transition: all 0.3s;
}
#siteHeader .logo-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 402px;
}
#siteHeader.nav-up {
    padding: 5px 2px;
}

#siteHeader .header-align {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}
#siteHeader .logo-icon {
    width: 55px;
    transition: all 0.3s;
}
#siteHeader.nav-up .logo-icon{
    width: 45px;
}
#siteHeader .logo-icon .st0 {
    fill: #1F376A;
}
#siteHeader .logo-icon a {
    display: block;
    line-height: 0;
}
#siteHeader .logo-section {
    width: 346px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#siteHeader .logo {
    line-height: 0;
    margin-right: 35px;
}

#siteHeader .logo a {
    display: block;
    width: 105px;
}
#siteHeader .site-caption {
    color: #00326D;
    padding-top: 20px;
}
#siteHeader .site-nav {
    width: calc(100% - 402px);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: all 0.3s;
}

.categoryList ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.categoryList {
    background-color: #EBF2F5;
}

.categoryList ul li + li {
    margin-left: 30px;
}

.categoryList ul li a {
    color: #00326D;
    font-weight: 500;
    font-size: 12px;
    padding: 7px 0;
    display: block;
}
.categoryList ul li a:hover{
    color: #051C62;
}
#siteHeader .site-nav  .search-icon {
    line-height: 0;
    cursor: pointer;
    margin-right: 0;
}
#siteHeader .search-icon svg{
    fill: #1F376A;
}
#siteHeader .search-icon svg:hover{
    fill: #FF4C4A;
}
#siteHeader .login-btn a {
    color: #000;
    font-weight: 500;
    margin: 0px 28px;
}
#siteHeader .login-btn a:hover{
    color: #E6192D;
}
#siteHeader .signup-btn a {
    color: #000;
    padding: 5px;
    min-width: 80px;
    border: 1px solid #E6192D;
    display: block;
    text-align: center;
    border-radius: 4px;
    font-weight: 500;
}
#siteHeader .signup-btn a:hover{
    color: #fff;
    background-color: #E6192D;
}
#siteHeader .mobile-menu {
    line-height: 0;
    display: none;
    margin-left: 15px;
    width: 20px;
}
#siteHeader .mobile-menu svg {
    fill:#E6192D;
}
#siteHeader .mobile-menu svg:hover {
    fill:#000;
}
#top-section {
    margin-top: 68px;
}
#blog-detail-page {
    padding: 20px 0 0;
    margin-top: 65px;
}
#blog-detail-page  .blog-header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 35px;
}
#blog-detail-page  .blog-featured-img {
    width: 45%;
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#blog-detail-page .blog-featured-img img {
    display: none;
}
#blog-detail-page  .blog-title-sec {
    width: calc(100% - 45%);
    padding: 0 50px;
}
#blog-detail-page .blog-title h1 {
    font-size: 36px;
    line-height: 1.2em;
}

#blog-detail-page .blog-title {
    padding: 15px 0 25px;
}
.published-on {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.published-on .info-icon {
    width: 15px;
    display: inline-block;
    line-height: 0;
    cursor: pointer;
    margin-left: 10px;
}
.published-on .info-icon:hover svg {
    fill: #E6192D;
}
.published-on .published-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.published-on .published-date {
    display: block;
    line-height: 1em;
    margin-left: 10px;
    opacity: 0;
    transition: transform 0.3s ease-out;
}
.published-on .published-date.show-info {
    opacity: 1;
}
.published-on .last-update {
    display: block;
    line-height: 1em;
    align-items: center;
}
#blog-detail-page .author-deatils {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
}

#blog-detail-page .author-thumb {
    width: 60px;
    display: block;
    border-radius: 50%;
    border: 1px solid #fff;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}

#blog-detail-page .author-thumb img {
    border-radius: 50%;
    width: 100%;
}

#blog-detail-page .name-designation {
    display: inline-block;
}

#blog-detail-page .name-designation a{
    color: #FF8217;    
}
#blog-detail-page .author-bio {
    max-width: 100%;
    display: block;
    margin: 0;
}
#blog-detail-page .quote-by-author {
    max-width: 100%;
    line-height: 25px;
    padding-bottom: 25px;
    font-size: 18px;
}
#blog-detail-page  .quote-by-author img {
    width: 15.52px;
}
#blog-detail-page .quote-by-author span {
    display: block;
}

#blog-detail-page  .content-section {
    padding: 35px 100px 45px 0px;
    font-size: 20px;
    line-height: 34px;
    font-weight: 300;
    margin-bottom: 30px;
    margin-right: 245px;
    width: calc(100% - 245px);
}
#blog-detail-page .share-btn-padding {
    padding-right: 90px;
}
.content-section p + p {
    padding-top: 45px;
}
#blog-detail-page .author-profile {
    padding-top: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

#blog-detail-page .profile-head {
    width: calc(100% - 145px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#blog-detail-page .author-socil-links {
    width: 145px;
    text-align: right;
}
#blog-detail-page .author-socil-links a {
    display: inline-block;
    /* vertical-align: middle; */
}
#blog-detail-page .author-socil-links a svg{
    fill: #1F376A;
}
#blog-detail-page .author-socil-links a svg:hover, #blog-detail-page .author-socil-links svg:hover .st0{
    fill: #FF4C4A;
}
#blog-detail-page .author-socil-links a.instagram {
    width: 20px;
    line-height: 0;
}

#blog-detail-page .author-socil-links a.twitter {
    width: 20px;
    height: 20px;
}

#blog-detail-page .author-socil-links a.facebook {
    width: 10.4px;
    line-height: 0;
}

#blog-detail-page .author-socil-links a.web {
    width: 20px;
    line-height: 0;
}
#blog-detail-page .author-socil-links  a + a {
    margin-left: 20px;
}
#blog-detail-page .profile-thumb {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin-right: 10px;
}

#blog-detail-page .profile-thumb img {
    border-radius: 50%;
}

#blog-detail-page .profile-name h5 {
    margin: 0;
    line-height: 1em;
}

#blog-detail-page .profile-name {
    font-size: 14px;
}

#blog-detail-page .author-testimony {
    padding: 15px 0 75px;
}

#blog-detail-page .author-testimony h6 {
    padding: 8px 0 12px;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
}
#blog-detail-page  .author-testimony img{
    width: 16px;
}
#blog-detail-page .more-blogs {
    padding-top: 20px;
}
.blog-cards {
    max-width: 235px;
}
.blog-cards a {
    color: #000;
    display: block;
}
.blog-cards a:hover{
    color: #E6192D;
}
.blog-cards .cred-tilte h6 {
    line-height: 20px;
    font-size: 18px;
}
#blog-detail-page .continue-reading .blog-cards .cred-tilte h6 {
    margin: 0;
}
#blog-detail-page .content-section .continue-reading h4 {
    margin: 0;
}
.blog-cards .blog-card-img {
    line-height: 0;
    width: 200px;
    height: 145px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
}
.blog-cards .blog-card-img img {
    width: auto;
}
.blog-cards .cred-tilte {
    padding: 20px 0 15px;
    min-height: 95px;
}

.blog-cards .card-info {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.blog-cards .designation {
    font-weight: 400;
    display: block;
}

.blog-cards .days-since-published {
    display: block;
}
#moreBlogs .owl-nav {
    
    margin-top: 50px;
}
#moreBlogs button{
    display: inline-block;
    width: 35px;
    height: 35px;
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
    background-size: contain;
    opacity: 0.8;
}
#moreBlogs button.owl-prev {
    background-image: url(../images/left-arrow-blue.png);
}
#moreBlogs button.owl-prev:hover, #moreBlogs button.owl-next:hover{
    opacity: 1;
}
#moreBlogs button.owl-next {
    background-image: url(../images/right-arrow-blue.png);
}
#moreBlogs button + button{
    margin-left: 20px;
}
.content-sidebar {
    width: 245px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.sidebarWrapper {
    top: 0;
    max-width: 245px;
    position: -webkit-sticky;
    position: sticky; 
    margin-bottom: 30px;
}
.blog-content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}
.content-sidebar .editors-pick {
    padding: 40px 30px;
    background-color: #EBF2F5;
    /* background-image: url(../images/editors-pick-bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover; */
    position: relative;
}
/* .content-sidebar .editors-pick:before {
    content: "";
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
} */
.content-sidebar .editors-pick .editors-card {
    position: relative;
}
.editors-card a:hover > .clr-blk{
    color: #051C62;
}
.content-sidebar .most-recent {
    background-image: url(../images/most-recent.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 30px;
}

.content-sidebar .editors-pick h5, .content-sidebar .most-recent h5 {
    padding-bottom: 25px;
    font-size: 18px;
    position: relative;
}
.content-sidebar .editors-pick .editors-card h5 {
    padding-bottom: 12px;
    font-size: 18px;
    font-weight: 500;
}
#blog-detail-page .editors-card .author-thumb,#blog-detail-page .recent-blog-card .author-thumb{
    width: 45px;
    height: 45px;
    margin-bottom: 3px;
}
.recent-blog-card a:hover .clr-white{
    color: #e2d5d5;
}
.recent-blog-card a:hover .author-thumb{
    border:1px solid #e2d5d5; 
}
.content-sidebar .editors-card .designation, .content-sidebar .recent-blog-card .designation {
    font-weight: 400;
}

.content-sidebar .editors-card + .editors-card {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #FF822E;
}
.content-sidebar .most-recent .recent-blog-card h5 {
    padding-bottom: 12px;
}
.close-btn {
    width: 27px;
    display: inline-block;
    margin-top: 100px;
    margin-right: 40px;
}
.close-btn svg .st0 {
    fill: #E6192D;
}
.close-btn svg:hover{
    fill: #000;
}
.mobile-wrapper{
    display: none;
    text-align: right;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #fff;
    z-index: 9999;
    left: 0;
    top: 0;
}
.mobile-nav {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    height: calc(100vh -  130px);
}
.mobile-wrapper  .navLinks {
    padding: 40px;
}
.mobile-wrapper .navLinks  ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mobile-wrapper  .navLinks ul li a {
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    color: #000;
    line-height: 56px;
}
.mobile-wrapper .navLinks ul li.active a{
    color: #E6192D;
}
.mobile-wrapper .navBtm {
    padding: 55px 40px 60px;
    background-color: #E6192D;
    width: 100%;
}

.mobile-wrapper  .navBtm  .userLoginSec {
    text-align: right;
}

.mobile-wrapper .navBtm  .userLoginSec a {
    display: inline-block;
    font-size: 36px;
    color: #fff;
    font-weight: 700;
}

.mobile-wrapper .navBtm  .userLoginSec a + a {
    margin-left: 40px;
}
.mobile-wrapper  .navBtm .socoial-media_links {
    margin-top: 50px;
}
.mobile-wrapper .navBtm .socoial-media_links a {
    margin-left: 40px;
    display: inline-block;
}
.mobile-wrapper .navBtm .socoial-media_links a.instagram {
    width: 30px;
}
.mobile-wrapper .navBtm .socoial-media_links a.twitter {
    width: 30px;
}
.mobile-wrapper .navBtm .socoial-media_links a.facebook {
    width: 15px;
}
.mobile-wrapper .navBtm .socoial-media_links a + a {
    margin-left: 40px;
}
.mobile-wrapper .navBtm .socoial-media_links a svg{
    fill: #fff;
}
.mobile-wrapper .navBtm .socoial-media_links a svg:hover{
    fill: #000;
}
#contributors-page {
    background-color: #000;
    padding: 30px 0 0;
    min-height: calc(100vh - 130px);
}
#contributors-page #top-contributo-lg {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#contributors-page #top-contributo-lg .top-contributors {
    width: 42%;
    margin: 0 15px 60px;
}
.share-btn-holder{
    position: absolute;
    right: 0;
    top:0;
    height: 100%; 
}
.share-like-btn {
    position: -webkit-sticky;
    position: sticky; 
    top: 50%;
    width: 30px;
    /*transform: translateY(-50%);*/
    text-align: center;
}
.share-like-btn .lb-style-custom .lb-like, .share-like-btn .lb-style-custom .lb-dislike {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    color: #555;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}
.share-like-btn .likebtn-wrapper.lb-unlike-not-allowed.lb-display-only .lb-share-active .lb-a .lb-tt.lb-share-tt {
     display: none !important; 
     height: 0 !important;
     opacity: 0 !important;
}
.share-like-btn .likebtn-wrapper .lb-tooltip-tt {
    display: none !important;
}
.share-like-btn .lb-style-custom .lb-like .lb-a, .share-like-btn .lb-style-custom .lb-dislike .lb-a{
   display: block !important;
   vertical-align: middle; 
}
 
.share-like-btn .lb-style-custom .lb-count{
    display: inline-block;
   vertical-align: middle;   
}
.share-like-btn button {
    border: none;
    width: 30px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    outline: none;
    cursor: pointer;
}
.share-like-btn button + button {
    margin-top: 10px
}
.share-like-btn .sharebtns-section {
    margin-top: 10px;
}
.share-like-btn button.sharethis svg {
    fill: #1F376A;
}
.shareLinks #LinkedIn {
    fill: #1F376A;
}
.shareLinks .st-custom-button:hover svg #LinkedIn {
    fill: #FF4C4A;
}

.footer-right #LinkedIn {
    fill: #fff;
}
.share-like-btn button.sharethis svg:hover {
    fill: #E6192D;
}
.share-like-btn button.like-btn {
   background-image: url(../images/like_before.svg);
   background-position: center;
   background-repeat: no-repeat;
   height: 25px
}
.share-like-btn button.like-btn:hover {
   background-image: url(../images/like_after.svg);
}
#searchReultTop {
    margin-top: 71px;
}
.search-close {
    width: 100%;
    text-align: right;
}

.search-page .container {
    min-height: 100vh;
    padding: 30px;
    
}
.search-page .container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    flex-direction: column; 
}
.search-close .closeBtn {
    width: 25px;
    display: inline-block;
    cursor: pointer;
}

.search-close .closeBtn svg .st0 {
    fill: #E6192D;
}

.search-close .closeBtn svg:hover {
    fill: #000;
}

.searchBox {
    width: 100%;
    text-align: center;
    padding: 30px 0;
    min-height: 175px;
}

.searchBox  .dataBox {
    width: calc(100% - 52px);
}

.searchBox form {
    display: flex;
    align-items: center;
    justify-content: center;
}

.searchBox  .searchBtn {
    width: 52px;
    line-height: 0;
}

.searchBox .searchField, .searchBox textarea{
    width: 100%;
    padding: 0;
    font-size: 100px;
    border: none;
    font-weight: 700;
    outline: none;
    display: table-cell; 
    vertical-align: middle;
    color: #000;
    padding-right: 15px;
}
.searchBox input[type="text"]::placeholder, .searchBox textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #CCCCCC;
  opacity: 1; /* Firefox */
}

.searchBox input[type="text"]:-ms-input-placeholder, .searchBox textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #CCCCCC;
}

.searchBox input[type="text"]::-ms-input-placeholder, .searchBox textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #CCCCCC;
}
.searchBtn button svg .st0{
    fill: #051C62;
}
.searchBtn button svg:hover {
    fill: #E6192D;
}
.searchBtn button {
    background-color: transparent;
    border: none;
    border-radius: 50%;
    width: 35px;
    padding:0;
    cursor: pointer;
    outline: none;
}
.keywords {
    width: 100%;
    text-align: left;
}

.keywords ul {
    list-style: none;
    margin: 15px  -15px 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}

.keywords ul li a {
    font-size: 24px;
    font-weight: 700;
    margin: 10px 15px;
    line-height: 28px;
    display: block;
    color: #000;
}
.keywords ul li a:hover {
    color: #051C62;
}

.keywords ul li a:hover{
    color: #E6192D;
}
.keywords h3 {
    font-weight: 400;
}
.search-page {
    display: none;
    text-align: right;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:10000;
    overflow-x: hidden;
    -webkit-backface-visibility: hidden; 
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
}
#blog-listing.SearchResult .blog-list {
    margin-right: 0;
    padding-top: 29px;
    padding-left: 0;
    padding-bottom: 100px;
}
.SearchResult .blog-list {
    min-height: calc(100vh - 244px);
}
#blog-listing.SearchResult .blog-card .left-section {
    width: calc(100% - 380px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#blog-listing.SearchResult .blog-card .blog-card-thumb {
    width: 380px;
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
}
/*Contributor Registration*/

.registratiion-panel{
    position: relative;
    margin-top: 69px;
}
.registratiion-panel .left-sec {
    width: calc(100% - 405px);
    padding-right: 109px;
    margin-top: 15px;
    line-height: 0;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
}
.flex-row-end {
    height: calc(100vh - 120px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    overflow: hidden;
}
.personal-profile {
    max-width: 405px;
    width: 100%;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.personal-profile  #contributorProfile {
    width: 100%;
}
.contribitor-profile-head {
    font-size: 56px;
    line-height: 56px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}
#contributorProfile .error-msg-container, .file-upload .error-msg-container{
    height: 47px;
}
#contributorProfile .error-msg, .file-upload .error-msg{
    display: none;
    padding: 10px 15px;
    background-color: #E6192D;
    border-radius: 4px;
    align-items: center;
    margin-bottom: 10px;
    color: #fff;
    letter-spacing: 0.5px;
    font-weight: 500;
    max-width: 600px;
}
.form-section input[type="text"],  .form-section  input[type="email"]{
    width: 100%;
    padding: 10px 0;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: rgba(0,0,0,0.5);
    outline: none;
}

.form-data-field + .form-data-field {
    margin-top: 35px;
}

.profile-pic {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.profile-pic .selctBtn {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    outline: none;
    width: 100%;
}
.profile-pic .selctBtn:hover .btn-text {
    color: red;
}
.profile-pic .selctBtn:hover svg {
    fill: #E6192D;
}
.selctBtn .btn-text {
    font-weight: 500;
    font-size: 19px;
    margin-left: 10px; 
    width: calc(100% - 70px);
    word-break: break-all;
    cursor: pointer;
}

.selctBtn  .thumb {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
}

.selctBtn  .thumb img {
    border-radius: 50%;
    width: 100% !important;
    height: 100% !important;
    border: 3px solid #000;
}
.profile-pic .next-btn {
    line-height: 0;
    width: 30px;
    cursor: pointer;
}
.profile-pic .next-btn:hover svg {
     fill: #E6192D;
}
.profile-pic  .browse {
    width: calc(100% - 30px);
    padding-right: 10px;
}
.second-step {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}

.personal-profile .more-about-head {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 60px;
}

.personal-profile textarea {
    width: 100%;
    padding: 15px;
    outline: none;
    border: 1px solid rgba(0,0,0,0.5);
}
.personal-profile textarea::-webkit-input-placeholder { /* Edge */
  color: rgba(0,0,0,0.4);
}

.personal-profile textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(0,0,0,0.4);
}

.personal-profile textarea::placeholder {
  color: rgba(0,0,0,0.4);
}
.bio-box textarea {
    height: 100px;
}
.about-box textarea {
    height: 170px;
}
.personal-profile .label-section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.personal-profile .char-limit {
    width: 140px;
    text-align: right;
}

.personal-profile .label {
    width: calc(100% - 140px);
}
.personal-profile .about-box {
    padding: 30px 0 40px;
    cursor: pointer;
}
.personal-profile .submit-form {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    outline: none;
    width: 30px;
    cursor: pointer;
}
.personal-profile .submit-form:hover svg {
    fill:#E6192D;
}
.personal-profile .submit-btn {
    text-align: right;
}
.file-upload {
    min-height: calc(100vh - 120px);
    padding: 30px 0;
    margin-top: 69px;
}

.flex-row-start {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.file-upload-form form { 
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.file-upload-form .upload-blog {
    width: 415px;
}

.file-upload-form .upload-pictures {
    width: 415px;
    margin: 0 50px;
}

.file-upload-form .files-submit {
    width: calc(100% - 930px);
}
.file-upload-form .fileSubmitBtn {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    outline: none;
    width: 30px;
    cursor: pointer;
}
.file-upload-form .fileSubmitBtn:hover svg{
    fill:#E6192D;
}
.file-upload-head h1 {
    font-size: 56px;
    line-height: 56px;
    padding-bottom: 15px;
}
.file-upload-head {
    font-size: 18px;
    line-height: 28px;
    max-width: 635px;
    font-weight: 500;
    margin-bottom: 15px;
}
.browse-link {
    background-color: #000;
    color: #fff;
    padding: 12px 10px;
    font-weight: 500;
    min-width: 206px;
    border-radius: 23px;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
}
.browse-link:hover{
    background-color: #E6192D;
}
.doc-upload-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.file-upload-form .reference-pic {
    margin-bottom: 30px;
}

/*Thankyou Page Begin*/
.congrats_main {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: calc(100vh - 120px);
    padding: 15px 0;
}
.congrats_icon{
    max-width: 600px;
}
.congrats_head{
    font-size: 56px;
    line-height: 56px;
    font-weight: 700;
    display: block;
    padding-bottom: 5px;
}
.congrats_block{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 490px;
    position: relative;
}
.congrats_close {
    position: absolute;
    right: 0;
    top: -100px;
    width: 30px;
}
.congrats_notify{
    font-size:18px;
    line-height: 28px;
    display: block;
    font-weight: 500;
    text-transform: capitalize;
}
.congrats_close svg{
    fill: #000;
}
.congrats_close svg:hover {
    fill: #E6192D;
}
/*Thankyou Page End*/

/* Share this btns*/
.shareLinks{
    margin-top: 15px;
}
.st-custom-button {
    line-height: 0;
    text-align: center;
    cursor: pointer;
    height: auto;
}
.st-custom-fb, .st-custom-lkdn, .st-custom-twtr{
    display: block;
}
.st-custom-fb:hover svg .st0, .st-custom-lkdn:hover svg .st0, .st-custom-twtr:hover svg .st0{
    fill: #FF4C4A;
}
.st-custom-button.st-custom-fb svg {
    width: 15px;
    height: 25px;
}

.st-custom-button.st-custom-lkdn svg {
    width: 20px;
}

.st-custom-button.st-custom-twtr svg {
    width: 20px;
}

.st-custom-button.st-custom-fb {
    margin: 15px 0;
}

/* Share this btns end*/
.ignitho-link {
    padding: 30px;
    background-color: #404190;
    background-image: url(../images/ignitho-box-bg.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 138px;
}
.ignitho-link  .ig-logo svg {
    fill: #fff;
}
.ignitho-link  .ig-logo {
    padding-bottom: 25px;
    line-height: 0;
}
.ignitho-link .abt-ignitho {
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    padding-bottom: 20px;
}
.link-to-ignitho a {
    width: 100%;
    border: 1px solid #78AE51;
    display: block;
    padding: 6px;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background-color: #78AE51;
}
.link-to-ignitho a:hover{
    background-color: #779c5c;
    border: 1px solid #779c5c;
}
#contributor-on-mb {
    display: none;
}
.sideBar-btns a.bg-red {
    background-color: #E6192D;
    border-color: #E6192D;
}
#contributor-on-mb .sideBar-btns a.clr-white {
    display: inline-block;
    width: auto;
    min-width: 180px;
    color: #fff;
}
.thankyou-page {
    margin-top: 69px;
}
/*404 page*/
.page-404 {
    margin-top: 77px;
}
.page-404-content {
    display: flex;
    align-items: center;
    padding: 15px 0;
    justify-content: center;
    min-height: calc(100vh - 144px);
    flex-direction: row;
}

.page-404-content .left-section {
    max-width: 360px;
}

.page-404-content .right-section {
    max-width: 401px;
    padding-left: 50px;
}

.page-404-content .right-section h1 {
    padding-bottom: 18px;
    line-height: 42px;
}

.page-404-content .right-section p {
    font-size: 18px;
    font-weight: 400;
}
.page-404-content .back-to-home {
    color: #fff;
    background-color: #000;
    padding: 11px 15px 10px;
    display: inline-block;
    min-width: 238px;
    text-align: center;
    margin-top: 25px;
    border-radius: 23px;
}
/* Terms and conditions*/

.security-sec {
    margin-top: 77px;
    padding: 30px 0 50px;
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
}
.security-sec h1 {
    margin-bottom: 20px;
}
.security-sec h3{
    margin: 30px 0 20px;    
}
.security-sec p + p {
    margin-top: 30px;
}

.security-sec ul li+li {
    margin-top: 15px;
}

.security-sec ul {
    margin: 0;
    padding: 30px 0 30px 50px;
}

.privacy-agreement {
    display: none;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    background-color: #fff;
    padding: 15px 5%;
    width: 100%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
.privacy-agreement-content{
  max-width: 1000px;
  margin: 0 auto;
}
.privacy-agreement-btns{
  text-align: right;
}
.privacy-agreement-btns button {
    padding: 8px 15px;
    min-width: 125px;
    font-weight: 500;
    display: inline-block;
    text-align: center;
}
.cookies-policy-accepted {
  color: #fff;
  border: 1px solid #E6192D;
  background-color: #E6192D;
}
.cookies-policy-accepted:hover {
  background-color: #000;
  border-color: #000;
}
.cookies-policy-declined{
  color: #000;
  background-color: transparent;
  border: 1px solid #65316D;
}
.cookies-policy-declined:hover{
  color: #fff;
  background-color: #65316D;
}
.privacy-agreement-btns button + button {
  margin-left: 10px;
}
/**/
.newsletter-box {
    display: none;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    background-color: #fff;
    padding: 25px 5%;
    width: 100%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    background-color: #EBF2F5;
}
.newsletter-box .subscribe-close {
    position: absolute;
    right: 235px;
    top: -12px;
    cursor: pointer;
}
.flex-cenetr-box{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}
.newsletter-box .sideBar-btns a{
    background-color: #FF4C4A;
    color: #fff;
    border-radius: 15px;
    min-width: 140px;
}
/*Become a contributor landing page*/
.guidlines {
    margin-top: 68px;
    min-height: calc(100vh - 119px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-image: url(../images/guidelines.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 600px;
    position: relative;
}
.guidlines-content ol li + li {
    margin-top: 25px;
}

.guidlines-content ol {
    margin: 0;
    padding: 30px 0 0 15px;
    font-weight: 400;
}

.guidlines-content {
    max-width: 800px;
    padding: 45px 0 60px;
}

.accept-guidlines {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    margin-top: 35px;
}

.accept-tick {
    margin-right: 10px;
}
.accept-tick  svg .a {
    fill: #2680eb;
}
.accept-text {
    font-weight: 500;
    font-size: 16px;
}
.guidlines-content ol .red-clr {
    color: #E6192D;
    display: block;
    margin-top: 10px;
    font-weight: 500;
} 
.guidlines-accept-btns a {
    padding: 10px 15px;
    display: block;
    border-radius: 23px;
    min-width: 190px;
    text-align: center;
    font-weight: 500;
}

.guidlines-accept-btns {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 57px;
}

.guidlines-accept-btns a.transperant-btn {
    border: 1px solid #000;
    color: #000;
}

.guidlines-accept-btns a.blue-btn {
    color: #fff;
    background-color: #2680EB;
    border: 1px solid #2680EB;
}
.guidlines-accept-btns a.transperant-btn:hover {
    background-color: #000;
    color: #fff;
}

.guidlines-accept-btns a.blue-btn:hover {
    color: #fff;
    background-color: #000;
    border: 1px solid #000;
}
.guidlines-accept-btns a + a {
    margin-left: 13px;
}
/*Newsletter popup*/
.newsletter-pop-up {
    border: 5px solid #E6192D;
    padding: 30px;
}
/*Category listing*/
.cat-post-list {
    margin-top: 65px;
    min-height: calc(100vh - 150px);
    padding: 30px 0;
}

.category-title h1 {
    font-size: 50px;
    padding: 15px 0;
}

.newsletter-box-mb {
    width: 100%;
    display: none;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    background-color: #FF4C4A;
    padding: 32px 30px 35px;
}
.newsletter-box-mb  .newsletter-title{
    max-width: 380px;
    line-height: 20px;
}
.newsletter-box-mb .sideBar-btns {
    display: block;
    min-width: 180px;
}
.newsletter-box-mb .sideBar-btns a {
    width: 100%;
    border: 1px solid #fff;
    display: block;
    padding: 6px 10px;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    color: #fff;
}
.loader {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
}
.flex-align-text {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    min-height: calc(100vh - 67px);
}
/* Pagination */
ul.pagination {list-style: none;margin: 50px 0 0;padding: 0;display: flex;align-items: center;justify-content: center;}

ul.pagination li a {
    border: 1px solid rgba(0,0,0,0.4);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0,0,0,0.4);
    font-weight: 500;
}

ul.pagination li {
    margin: 0 5px;
}
ul.pagination li a.active{
    border: 1px solid #051C62;
    color: #051C62;
}
ul.pagination li.prev-page a, ul.pagination li.next-page a{
    border: none;
}

ul.pagination li svg .a{
    fill: rgba(0,0,0,0.4);
}
ul.pagination li svg:hover .a{
    fill: #051C62;
}
/* Header scroll Style */
#siteHeader .logo-section{
    transition: all 0.5s;
}
#siteHeader.nav-up .logo-section {
    -webkit-transform: translateX(65px);
    transform: translateX(65px);
    opacity: 0;
}
/*New Styles*/
.revrese_sec {
    min-height: 485px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    padding: 30px 42px;
    position: relative;
}
.revrese_sec::before {
    background: transparent linear-gradient(236deg, #FF8217 0%, #FF4C4A 50%, #001C3D 100%) 0% 0% no-repeat padding-box;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    opacity: 0.8;
    right: 0;
    bottom: 0;
}
.clr-both{
    clear: both;
    display: block;
}
.content-wraper {
    position: relative;
    z-index: 1;
}
.featured-author-sec .published-date {
    margin-left: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.featured-author-sec .read-time {
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.read-time span, .published-date span {
    padding-left: 5px;
}
.featured-blogs h1 {
    font-size: 40px;
    line-height: 50px;
}
.hand-picked .hand-picked-blog {
    min-height: 239px;
    padding: 30px 42px;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    color: #fff;
    background-size: cover;
}
.hand-picked .hand-picked-blog::before{
    background: transparent linear-gradient(180deg, #001C3D80 0%, #001C3D 100%) 0% 0% no-repeat padding-box;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#top-section .featured-blogs a.single-category {
    color: #fff;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#top-section .featured-blogs a.single-category:hover{
        color: rgba(255,255,255,0.8);
}
#top-section .featured-blogs a.single-category:hover .white{
        fill: rgba(255,255,255,0.8);
}
.blog-listing-bottom {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 7px;
}

.blog-listing-bottom .left-box {
    width: 45%;
    /* flex: 1; */
}

.blog-listing-bottom .right-box {
    width: 55%;
    padding-left: 7px;
}

.blog-listing-bottom .btm-blog-card {
    padding: 37px 42px;
    background-color: #EBF2F5;
    min-height: 206px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.blog-listing-bottom .right-box .btm-blog-card {
    background-color: #CFD8DC;
}
.blog-right-card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}
.btm-blog-card h3 {
    padding-bottom: 15px;
}
.btm-blog-card .single-ftrd-thumb {
    width: 132px;
    height: 132px;
}
.blog-right-card .single-ftrd-thumb img {
    height: 100%;
    border-radius: 10px;
}
.blog-listing-bottom a.single-category {
    color: #FF8217;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}
/*.blog-listing-bottom a.single-category span{
    padding-right: 5px;
}*/
.btm-blog-card .blog-blogt-content {
    padding-left: 39px;
    width: calc(100% - 132px);
}
a.box-trigger {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
#top-section .featured-blogs:hover a.box-trigger, #top-section .hand-picked-blog:hover  a.box-trigger{
    background-color: rgba(0,28,61,0.2);
}
.blog-listing-bottom .btm-blog-card:hover  a.box-trigger{
    background-color: rgba(0,28,61,0.1);
}
.home-short-content {
    padding-bottom: 20px;
    line-height: 20px;
}
.newsletter-box .title-md {
    width: 180px;
    color: #FF4C4A;
}

.newsletter-box  .newsletter-title {
    width: 277px;
    margin: 0 30px;
}
.inner-category-sec a.single-category {
    color: #FF8217;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
}
.flex-row-center {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}

#blog-detail-page .read-time {
    margin-left: 25px;
}
.contributor-link {
    margin-right: 25px;
}

.contributor-link a {
    color: #000;
}
@media only screen and (max-width: 1599.99px) {
    .guidlines {
        background-size: 500px;
    }
}
@media only screen and (max-width: 1399.99px) {
    #top-contributo-lg .top-contributors + .top-contributors {
        display: none;
    }
    .registratiion-panel .flex-row-end{
        justify-content: flex-start;
    }
    .registratiion-panel .left-sec {
        padding-right: 0;
        width: 50%;
    }
    .personal-profile {
        padding: 15px;
    }
    .contribitor-profile-head {
        font-size: 45px;
        line-height: 45px;
    }
    .form-data-field + .form-data-field {
        margin-top: 10px;
    }
    .profile-pic {
        margin-top: 15px;
    }
   
    .personal-profile {
        max-width: 450px;
    }
    .personal-profile .more-about-head {
        margin-bottom: 20px;
    }
    .personal-profile .about-box {
        padding: 20px 0 20px;
    }
    .about-box textarea {
        height: 125px;
    }
    .guidlines-content {
        max-width: 700px;
    }
}
@media only screen and (max-width: 1199.99px) {
    #top-section .blog-listing-top {
        width: 100%;
    }
    #top-section .blog-listing-top {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        flex-direction: row;
    }
    
    #top-section .top-sidebar {
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: stretch;
        flex-wrap: wrap;
        width: 100%;
    }
    #top-section .newsletter-box .newsletter-title {
        width: 250px;
    }
    .contributor-box .abt-contributor {
        max-width: 350px;
    }
    #top-section .newsletter-box  .emaillist {
        max-width: 250px;
        width: 100%;
    }
    #top-section .top-sidebar .contributor-box {
        width: 60%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
    }
    #top-section .newsletter-box {
        width: 40%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        flex-wrap: nowrap;
    }
    #top-section .contributor-box .sideBar-btns {
        display: block;
        min-width: 180px;
    }
    #top-section .newsletter-box .sideBar-btns {
        display: block;
        min-width: 150px;
    }
    #blog-listing .left-sidebar {
        max-width: 275px;
        padding: 55px 10px;
    }
    #blog-listing .blog-list {
        margin-right: 275px;
        padding-top: 55px;
        padding-right: 65px;
    }
    #blog-listing .sidebar-wrapper {
        max-width: 275px;
    }
    #blog-listing .blog-card .blog-card-title {
        padding: 0 35px;
    }
    
    #blog-detail-page .blog-title {
        padding: 35px 0 35px;
    }
    #blog-detail-page .blog-title h1 {
        font-size: 32px;
    }
    .file-upload-form .upload-pictures {
        margin: 0 40px;
    }
    #blog-detail-page .author-bio {
        width: calc(100% - 175px);
        margin: 0 25px 0 0;
        max-width: 100%;
    }
    .guidlines {
        background-size: 400px;
    }
    .guidlines-content {
        max-width: 650px;
    }
    #blog-listing .scroll-up.home-page-scroll {
        right: 310px;
    }
    #blog-detail-page .content-section {
        padding: 35px 50px 45px 0px;
    }
}
@media only screen and (max-width: 1024px) {
    #top-section .hand-picked h3 {
        font-size: 24px;
        line-height: 28px;
    }
   
   
    #blog-detail-page .content-section {
        padding: 35px 30px 45px 60px;
    }
    .flex-row-end {
        min-height: calc(100vh - 125px);
        height: auto;
    }
    .registratiion-panel::before {
        content: "";
        background-image: url(../images/become-a-contributor.jpg);
        background-position: left bottom;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        bottom: 0;
        max-width: 650px;
        width: 100%;
        height: 98%;
        background-size: 75%;
    }
    .registratiion-panel .left-sec{
        display: none;
    }
    .registratiion-panel .flex-row-end {
        justify-content: flex-end;
    }
    .file-upload-form .upload-pictures {
        width: 350px;
    }
    .file-upload-form .upload-blog {
        width: 350px;
    }
    .file-upload-form .files-submit {
        width: calc(100% - 780px);
    }
    .content-sidebar .editors-pick, .content-sidebar .most-recent, .ignitho-link {
        padding: 20px;
    }
    .content-sidebar .editors-pick h5, .content-sidebar .most-recent h5 {
        padding-bottom: 15px;
    }
    .congrats_close {
        right: 25px;
    }
    .registratiion-panel{
        margin-top: 58px;
    } 
    #blog-detail-page .blog-featured-img {
        height: 275px;
    }
    .page-404-content {
        padding: 20px 25px 40px;
        flex-direction: column;
    }
    .page-404-content .right-section {
        padding-left: 0;
        text-align: center;
    }
    .guidlines-content {
        max-width: 600px;
    }
    #top-section {
        margin-top: 60px;
    }
    #top-section .btm-blog-card a.single-category, #top-section .hand-picked-blog a.single-category{
        color: #fff;
    }
    #top-section .btm-blog-card  .red, #top-section .hand-picked-blog  .red{
        fill: #fff;
    }
   
}
@media only screen and (max-width: 991.99px) {
    #blog-listing .left-sidebar {
        max-width: 100%;
        padding: 30px 20px;
        position: inherit;
    }
    #blog-listing .blog-list {
        margin-right: 0;
        padding-top: 30px;
        padding-right: 0;
    }
    .site-nav .site-caption {
        display: none;
    }
    .contributor-link{
        display: none;
    }
    .site-nav .login-btn {
        display: none;
    }
    .site-nav .signup-btn {
        display: none;
    }
    #siteHeader .mobile-menu{
        display: block;
    }
    .left-sidebar {
        display: none;
    }
    .contributors-topBar {
        display: block;
    }
    .top-contributors {
        margin-bottom: 0;
    }
    .content-sidebar {
        width: 245px;
        display: none;
    }
    .blog-content {
        display: block
    }
    .content-sidebar {
        width: 100%;
        display: none;
    }
    #blog-detail-page .content-section {
        padding: 15px 0 30px 0;
        width: 100%;
        margin-left: 0;
    }
    #blog-detail-page .blog-title-sec {
        padding: 0 0 0 30px;
    }
    #blog-detail-page .author-deatils{
        margin-bottom: 10px;
    }
    #blog-detail-page .blog-title h1 {
        font-size: 32px;
    }
    #blog-detail-page .blog-title {
        padding: 20px 0;
    }
    .searchBox .searchField, .searchBox textarea {
        font-size: 80px;
    }
    #blog-listing.SearchResult .blog-card .left-section {
        width: calc(100% - 250px);
    }
    #blog-listing.SearchResult .blog-card .blog-card-thumb {
        max-width: 100%;
        width: 250px
    }
    #blog-listing .blog-card .blog-info-card .pad-btm-35 {
        padding-bottom: 15px;
    }
    .registratiion-panel::before {
        background-size: 58%;
    }
    .personal-profile {
        max-width: 400px;
    }
    .file-upload-form .upload-pictures {
        width: 250px;
        margin: 0 25px
    }
    .file-upload-form .upload-blog {
        width: 250px;
    }
    .file-upload-form .files-submit {
        width: calc(100% - 550px);
    }
    #blog-listing .sidebar-wrapper {
        display: none;
    }
    .SearchResult .blog-list {
        min-height: calc(100vh - 355px);
    }
    #siteHeader .site-nav .search-icon {
        margin-right: 5px;
    }
    #siteFooter .security-links{
        margin-right:25px;
    }
    .guidlines {
        background-image: none;
    }
    .guidlines-content {
        max-width: 100%;
    }
    .categoryList {
        display: none;
    }
    #top-section .author-details {
        width: 100%;
        padding-bottom: 10px;
    }
    #top-section .featured-author-sec .published-date {
        margin-left: 0;
    }
    .blog-listing-bottom .btm-blog-card, .revrese_sec, .hand-picked .hand-picked-blog{
        padding: 30px;
    }
    .btm-blog-card .blog-blogt-content {
        padding-left: 20px;
    }
    #blog-listing .scroll-up.home-page-scroll {
        right: 20px;
        bottom: 50px;
    }
    #blog-listing {
        padding-top: 0;
    }
    .newsletter-box .subscribe-close {
        right: 0;
    }
    .newsletter-box .newsletter-title {
        display: none;
    }
    .flex-cenetr-box {
        flex-direction: column;
    }
    
}
@media only screen and (min-width: 768px) {
    .blog-listing-bottom .btm-blog-card{
        background-image: none !important;
    }    
}
@media only screen and (max-width: 767.99px) {
    .container{
        padding: 0 20px;
    }
    .hide-on-sm{
        display: none !important ;
    }
    
    #top-section .featured-blogs .revrese_sec h1 {
        padding-right: 18%;
    }
    .top-section .hand-picked h3 {
        padding-right: 18%;
    }
    #hand-picked-slide {
        background-color: #051C62;
    }
    .hand-picked-blog .pad-btm-25 {
        padding-bottom: 8px;
    }
    
    #top-section .featured-blogs .title-lg {
        padding: 0 0 15px;
    }
    #top-section .featured-blogs .title-lg h1{
        font-size: 28px;
        line-height: 32px;
    }
    #top-section .featured-blogs .featured-img {
       margin-top: 15px;
    }
    #top-section .featured-blogs .read-more{
        display: none;
    }
    #top-section .featured-blogs .featured-box-btm {
        justify-content: flex-start;
    }
    .featured-author-sec {
        align-items: flex-start;
        flex-direction: column-reverse;
    }
    .author-details {
        width: 100%;
        padding-top: 10px;
    }
    .author-name.clr-blk, .published-date.clr-blk {
        color: #051C62;
        font-weight: 400;
    }
    .blog-listing-bottom .published-date .blk {
        fill: #fff;
    }
    #top-section .featured-blogs {
        max-width: 100%;
        padding: 0 0 7px;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        width: 100%;
    }
    #top-section .hand-picked {
        max-width: 100%;
        padding: 0 ;
        width: 100%;
    }
    #hand-picked-slide .blog-thumb {
        width: 75px;
        height: 75px;
    }
    #top-section .top-sidebar .contributor-box, #top-section .newsletter-box {
        width: 100%;
    }
    #blog-listing .blog-card .blog-info-card {
        max-width: 100%;
        width: 100%;
        padding-top: 10px;
    }
    #blog-listing .blog-card .blog-card-title {
        padding: 0;
    }
    #blog-listing .blog-card{
        flex-direction:row-reverse; 
    }
    #blog-listing .blog-card .blog-info {
        padding: 0;
    }
    #blog-listing .blog-card .left-section {
        width: calc(100% - 75px);
        padding-right: 0;
        flex-direction: row;
        padding-left: 15px;
    }
    #blog-listing .blog-card .blog-card-thumb {
        width: 75px;
        height: 75px;
    }
    #top-section .top-sidebar{
        display: none;
    }
    #blog-slider .blog-single-box h5 {
        font-size: 18px;
        color: #fff;
    }
    #blog-slider {
        padding: 20px 35px;
    }
    #blog-slider button {
        width: 25px;
        height: 25px;
    }
    .category-grid h2 {
        font-size: 40px;
    }
    
    #blog-listing .contributors-topBar{
        display: none;
    }
    
    #blog-detail-page .blog-header {
        display: flex;
        margin-bottom: 0;
        flex-direction: column-reverse;
        align-items: flex-start;x
    }
    #blog-detail-page .blog-featured-img {
        width: 100%;
    }
    #blog-detail-page .blog-title-sec {
        padding:  0;
        width: auto;
    }
    
    #siteHeader .logo-icon {
        width: 45px;
    }
    #siteHeader .logo-section {
        width: 90px;
    }
    #siteHeader .logo a {
        display: block;
        width: 90px;
    }
    #siteHeader .site-caption {
        display: none;
    }
    #siteHeader .site-nav {
        width: calc(100% - 135px);
    }
    #siteHeader .logo-box {
        width: 135px;
    }
    #blog-detail-page .content-section {
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
        padding: 15px 0 100px 0;
        margin-bottom: 0;
    }
    .content-section p + p {
        padding-top: 25px;
    }
    .share-btn-holder {
        position: inherit;
        right: inherit;
        top: inherit;
        height: auto;
        margin-top: 30px;
    }
    .share-like-btn {
        position: inherit;
        top: inherit;
        width: auto;
        transform: inherit;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 30px;
    }
    .share-like-btn button + button{
        margin-top: 0;
        margin-left: 10px;
    }
    
    .searchBox .searchField, .searchBox textarea {
        font-size: 50px;
    }
    .pad-top-sm-0{
        padding-top: 0;
    }

    .searchBox {
        padding: 30px 0 15px;
         min-height: 110px;
    }
    .searchBtn button {
        width: 25px;
    }
    .registratiion-panel::before {
        width: 0;
        max-width: 0;
    }
    .personal-profile {
        max-width: 425px;
        min-height: 460px;
    }
    .registratiion-panel .flex-row-end {
        justify-content: center;
    }
    .contribitor-profile-head {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 20px;
    }
    .contribitor-profile-head  br{
        display: none;
    }
    .selctBtn .btn-text {
        font-size: 14px;
    }
    .file-upload-form .upload-pictures {
        width: 175px;
        margin: 0 50px
    }
    .file-upload-form .upload-blog {
        width: 175px;
    }
    .file-upload-form .files-submit {
        width: calc(100% - 450px);
    }
    .browse-link {
        min-width: 160px;
    }
    .congrats_main {
        flex-direction: column;
    }
    .congrats_head{
        font-size: 46px;
    }

    .congrats_icon{
        width: 100%;
    }
    .congrats_block{
        width: 100%;
    }
    .congrats_block{
        align-items: center;
    }
    .congrats_block {
        position: initial;
        text-align: center;
    }
    .congrats_close {
        top: 100px;
    }
    .congrats_main {
        min-height: calc(100vh - 130px);
    }
    .shareLinks {
        margin-top: 0;
        display: flex;
        align-items: center;
        margin-left: 0;
    }
    .st-custom-button.st-custom-fb {
        margin: 0 15px;
    }
    .sharebtns-section {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 10px;
    }
    .st-custom-button {
        height: auto;
    }
    .st-custom-button.st-custom-fb svg {
        width: 15px;
        height: 18px;
    }
    .st-custom-button.st-custom-twtr svg {
        width: 20px;
    }
    .st-custom-button.st-custom-lkdn svg {
        width: 20px;
    }
    #blog-detail-page .share-btn-padding {
        padding: 30px 0 0 0;
        line-height: 28px;
    }
    #blog-listing .scroll-up, #blog-detail-page .scroll-up {
       display: none;
    }
    .SearchResult .blog-list {
        min-height: calc(100vh - 240px);
    }
    #blog-listing .blog-list {
        padding-bottom: 45px;
    }
    #contributor-on-mb {
        display: block;
    }
    .thankyou-page {
        margin-top: 63px;
    }
    #blog-detail-page .blog-featured-img img {
        display: block;
        width: 100%;
    }
    #blog-detail-page .blog-featured-img {
        height: auto;
        background-image: none !important;
    }
    .featured-blogs .featured-img img {
        width: 100%;
        display: block;
    }
    #blog-detail-page .blog-title h1 {
        font-size: 40px;
        padding-right: 12%;
    }
    #hand-picked-slide .title-sm {
        padding: 0 60px 0 15px;
    }
    #siteFooter .footer-logo {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
        justify-content: center;
    }
    #siteFooter .security-links {
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }
    #siteFooter .powered-by {
        width: 100%;
        text-align: center;
        justify-content: center;
        padding-left: 0;
        margin-top: 15px;
    }
    .newsletter-box-mb {
        display: flex;
    }
    #blog-listing .blog-card .blog-info-card .author-thumb {
        display: none;
    }
    .blog-listing-bottom .left-box {
        width: 100%;
    }
    .blog-listing-bottom .right-box {
        width: 100%;
        padding-left: 0;
        padding-top: 7px;
    }
    .revrese_sec, .hand-picked .hand-picked-blog, .blog-listing-bottom .btm-blog-card {
        min-height: auto;
        padding: 30px 20px;
    }
    .home-short-content, .featured-author-sec .read-time {
        display: none;
    }
    .featured-author-sec .published-date{
        margin-left: 0;
    }
    .blog-listing-bottom .btm-blog-card:before{
        background: transparent linear-gradient(236deg, #FF8217 0%, #FF4C4A 50%, #001C3D 100%) 0% 0% no-repeat padding-box;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        opacity: 0.8;
        right: 0;
        bottom: 0;
    }
    .btm-blog-card .clr-blk {
        color: #fff;
    }
}
@media only screen and (max-width: 575.99px) {
    #top-section .featured-blogs .revrese_sec h1 {
        padding-right: 0;
    }
    #blog-detail-page .blog-title h1 {
        padding-right: 0;
    }
    .blog-cards {
        max-width: 100%;
    }
    #top-section .featured-blogs .featured-img {
        min-height: 200px;
    }
    
    #top-section .hand-picked h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .btm-blog-card h3 {
        font-size: 20px;
        line-height: 25px;
    }
    #blog-detail-page .author-profile {
        display: block;
    }
    #blog-detail-page .profile-head {
        width: 100%;
    }
    #blog-detail-page .author-socil-links {
        width: auto;
        margin-top: 0;
        margin-left: 85px;
        line-height: 0;
        text-align: left;
    }
    #blog-detail-page .author-testimony {
        padding: 15px 0 40px;
    }
    #siteFooter .footer-right {
        display: block;
        width: 100%;
        text-align: center;
    }
    #siteFooter .footer-logo {
        width: calc(100% - 100px);
    }
    #siteFooter .powered-by {
        width: 50%;
    }
    #blog-detail-page .more-blogs {
        position: relative;
    }
    
    #moreBlogs .owl-nav {
        margin-top: 30px;
    }
    #top-section .featured-blogs .title-lg h1{
        font-size: 20px;
        line-height: 25px;
    }
    #blog-detail-page .blog-title h1 {
        font-size: 28px;
        line-height: 30px;
    }
    #blog-detail-page .blog-title {
        padding: 15px 0;
    }
    #contributors-page #top-contributo-lg .top-contributors {
        width: 100%;
        margin: 0 0px 60px;
    }
    #blog-listing.SearchResult .blog-card .left-section {
        width: calc(100% - 100px);
    }
    #blog-listing.SearchResult .blog-card .blog-card-thumb {
        max-width: 100%;
        width: 100px;
        height: 100px;
    }
    .searchBox .searchField, .searchBox textarea {
        font-size: 30px;
    }
    .personal-profile {
        max-width: 100%;
        padding: 15px 0;
        min-height: 490px;
    }
    .file-upload-form .files-submit {
        width: 60px;
    }
    .file-upload-form .upload-pictures {
        width: 175px;
        margin: 30px 0;
    }
    .file-upload-form form {
        justify-content: center;
        flex-direction: column;
    }
    .file-upload-head h1 {
        font-size: 30px;
        line-height: 35px;
        padding-bottom: 15px;
    }

    .congrats_close{
        top:40px;
    }
    #contributor-on-mb .sideBar-btns a.clr-white {
        display: block;
        width: auto;
        min-width: 180px;
    }
    .thankyou-page {
        margin-top: 60px;
    }
    .registratiion-panel{
        margin-top: 55px;
    }
    #hand-picked-slide .title-sm {
        padding: 0 0 0 15px;
    }
    #blog-slider {
        padding: 15px 0;
    }
    #hand-picked-slide .owl-nav {
        text-align: center;
        margin-top: 5px;
    }
    #blog-slider button{
        position: inherit;
        top: inherit;
        transform: inherit;
    }
    .blog-card-title h3 {
        font-size: 18px;
        line-height: 22px;
    }
    #blog-detail-page .share-btn-padding {
        padding: 10px 0 0 0;
    }
    .page-404-content .left-section {
        max-width: 170px;
    }
    .page-404-content {
        min-height: calc(100vh - 147px);
    }
    .guidlines-accept-btns {
        margin-left: 0;
        margin-top: 15px;
    }
    .guidlines-accept-btns a {
        min-width: 150px;
    }
    .published-on .published-info {
        width: 100%;
    }
    .published-on .published-date {
        margin-left: 0;
        margin-top: 5px;
    }
    .newsletter-box-mb .sideBar-btns a{
        display: block;
        width: 100%;
        min-width: 180px;
    }
    .newsletter-box-mb .sideBar-btns {
        display: block;
        min-width: 100%;
    }
    #siteHeader.nav-up .logo-section {
        -webkit-transform: translateX(35px);
        transform: translateX(35px);
        opacity: 0;
    }
    
    .featured-author-sec .published-date{
        margin-left: 0;
    }
    .single-ftrd-thumb {
        display: none;
    }
    .btm-blog-card .blog-blogt-content {
        padding-left: 0;
        width: 100%;
    }
    
    #top-section .author-details {
        width: auto;
        padding-bottom: 0;
    }
    #blog-detail-page .scroll-up {
        right: 25px;
        bottom: 60px;
    }
    .mobile-wrapper .navLinks ul li a, .mobile-wrapper .navBtm .userLoginSec a {
        font-size: 25px;
        line-height: 40px;
    }
}
@media only screen and (max-width: 375px) {
    #top-section .featured-blogs .featured-img {
        min-height: 160px;
    }
    .mobile-wrapper .navLinks ul li a, .mobile-wrapper .navBtm .userLoginSec a {
        font-size: 20px;
        line-height: 35px;
    }
    .mobile-wrapper .navBtm .userLoginSec a {
        font-size: 28px;
        line-height: 35px;
    }
    .guidlines-accept-btns a {
        min-width: 128px;
    }
}

h1:not(.site-title):before, h2:before{
    display: none !important;
}
wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large) {
  border-left: 2px solid #0073aa;
  padding-top: 0;
  padding-bottom: 0;
}

.wp-block-quote p {
  font-size: 1em;
  font-style: normal;
  line-height: 1.8;
}

.wp-block-quote cite {
  /*
             * This requires a rem-based font size calculation instead of our normal em-based one,
             * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
             */
  font-size: calc(1rem / (1.25 * 1.125));
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
  margin: 1rem 0;
  padding: 0;
  border-left: none;
}

.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
  font-size: 1.5em;
  line-height: 1.2;
  font-style: italic;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
  /*
                 * This requires a rem-based font size calculation instead of our normal em-based one,
                 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
                 */
  font-size: calc(1rem / (1.25 * 1.125));
}

@media only screen and (min-width: 768px) {
  .wp-block-quote.is-large, .wp-block-quote.is-style-large {
    margin: 1rem 0;
    padding: 1rem 0;
  }
  .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
    font-size: 1.5em;
  }
}

.has-drop-cap:not(:focus):first-letter {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 3.375em;
  line-height: 1;
  font-weight: bold;
  margin: 0 0.25em 0 0;
}
.has-primary-background-color,
.has-primary-background-color {
  background-color: #0073aa;
}

.has-secondary-background-color,
.has-secondary-background-color {
  background-color: #005177;
}

.has-dark-gray-background-color,
.has-dark-gray-background-color {
  background-color: #111;
}

.has-light-gray-background-color,
.has-light-gray-background-color {
  background-color: #767676;
}

.has-white-background-color,
.has-white-background-color {
  background-color: #FFF;
}

.has-primary-color,
blockquote.has-primary-color,
blockquote.has-primary-color p {
  color: #0073aa;
}

.has-secondary-color,
blockquote.has-secondary-color,
blockquote.has-secondary-color p {
  color: #005177;
}

.has-dark-gray-color,
blockquote.has-dark-gray-color,
 blockquote.has-dark-gray-color p {
  color: #111;
}

.has-light-gray-color,
blockquote.has-light-gray-color,
blockquote.has-light-gray-color p {
  color: #767676;
}
.has-white-color,
blockquote.has-white-color {
  color: #FFF;
}
p.has-background {
    padding: 20px 30px !important;
}
.has-primary-background-color,
.has-secondary-background-color,
.has-dark-gray-background-color,
.has-light-gray-background-color {
  color: #fff;
}

.has-primary-background-color p,
.has-primary-background-color h1,
.has-primary-background-color h2,
.has-primary-background-color h3,
.has-primary-background-color h4,
.has-primary-background-color h5,
.has-primary-background-color h6,
.has-primary-background-color a,
.has-secondary-background-color p,
.has-secondary-background-color h1,
.has-secondary-background-color h2,
.has-secondary-background-color h3,
.has-secondary-background-color h4,
.has-secondary-background-color h5,
.has-secondary-background-color h6,
.has-secondary-background-color a,
.has-dark-gray-background-color p,
.has-dark-gray-background-color h1,
.has-dark-gray-background-color h2,
.has-dark-gray-background-color h3,
.has-dark-gray-background-color h4,
.has-dark-gray-background-color h5,
.has-dark-gray-background-color h6,
.has-dark-gray-background-color a,
.has-light-gray-background-color p,
.has-light-gray-background-color h1,
.has-light-gray-background-color h2,
.has-light-gray-background-color h3,
.has-light-gray-background-color h4,
.has-light-gray-background-color h5,
.has-light-gray-background-color h6,
.has-light-gray-background-color a {
  color: #fff;
}

.has-white-background-color {
  color: #111;
}

.has-white-background-color p,
.has-white-background-color h1,
.has-white-background-color h2,
.has-white-background-color h3,
.has-white-background-color h4,
.has-white-background-color h5,
.has-white-background-color h6,
.has-white-background-color a {
  color: #111;
}