/* trial banner [start]*/
.blog_banner_section{ padding: 144px 0px 0;    position: relative;}
.blog_banner_layout{ position: relative; z-index: 1;}
.blog_banner_image{ max-width: 100%;}
.blog_banner_image img{ width: 100%; height: auto; display: block; border-radius: 30px; max-height: 840px; object-fit: cover;}
.banner_breadcrumbs{ position: absolute; top:0; left: 0; background: #fff; padding: 21px 30px 21px 0px;border-radius: 28px 0 28px 0; } 
.banner_breadcrumbs li{ list-style: none; display: inline-block; text-transform: uppercase; font-size: 16px; margin-left: 40px;}
.banner_breadcrumbs li a{ color: #4D4D4D;font-size: 16px; position: relative;}
.banner_breadcrumbs li a:hover{ text-decoration: none;}
.banner_breadcrumbs li a:after{ position: absolute; right:-29px; top:0; content: ''; background-image: url('../images/right_polygon.svg'); background-position: 0 center; background-repeat: no-repeat; background-size: contain; width: 12px; height: 22px;}
.banner_breadcrumbs li span{ color: #F8BC29;}
.blog_banner_blob{ position: absolute; background: #374EB2; border-radius: 0px 60px 0px 60px; max-width: 1228px; height: 616px; left: 0; right: 0; top: 0; z-index: 1;}

.blog_banner_content{ position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 74px 0px 53px; }
.blog_banner_detail{max-width: 1068px; display: flex;}
.blog_banner_title{ margin:0 0vw 0 86px; max-width:82%;}
.blog_tags a{ color: #F8BC29;font-size:20px;font-family: 'Open Sans', sans-serif; font-weight: 600; padding-bottom: 11px; position: relative; display: inline-block; letter-spacing:1.5px; margin: 10px 5px 0 0;}
.blog_tags a:hover{ text-decoration: none;}
.blog_tags a:after{ position: absolute; height: 3px; background: #F8BC29; content: ''; left: 0; bottom: 0; width: 90%; border-radius:20px;}
.blog_title{color: #fff; font-size: 50px; font-family: 'Raleway', sans-serif; font-weight: 700; line-height: 70px; margin-top:24px ;}
.banner_play_button{ background: url('../images/play_button.svg') no-repeat 0 0; width: 52px; height: 52px; background-size: contain; display: block;}
/* trial banner [End]*/ 
.blog_content_layout{ background: #fff; padding: 160px 0px 63px 0vw; position: relative; z-index: 1; display: flex;    min-height: 600px;}
.blog_content_layout:after{ content: ''; height: 3px; width: 260px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; background: #F8BC29;}
.blog_detail_sidebar{width: 122px; text-align: center; position: absolute;top:160px;left:  138px;}
.blog_date_block{ border-radius: 15px;background: #F16B62; color: #fff; text-align: center; padding: 20px 22px; } 
.blog_date_block time{display: block; font-size: 20px; font-family: 'Raleway', sans-serif; font-weight: 600;}
.blog_date_block time span{font-size: 40px; margin-bottom: 12px; display: block;}


.blog_detail_content{ margin: 0px 0px 0 154px; max-width: 812px;  width: 100%;   margin: auto;}
.blog_detail_content h2{ font-size: 38px; font-weight: 600;color: #374EB2; margin-bottom: 42px; line-height: 160%;}
.blog_detail_content h3{ font-size: 32px; font-weight: 600;color: #374EB2; margin-bottom: 30px; line-height: 160%;}
.blog_detail_content h4{ margin-bottom: 32px;line-height: 160%;}
.blog_detail_content ul,.blog_detail_content ol{ padding-left: 18px; margin-bottom: 32px;color: #4D4D4D;}
.blog_detail_content li{font-size: 20px; line-height: 180%;}
.blog_detail_content p{ font-size: 20px; line-height: 180%;}
.blog_detail_content a{  font-size: inherit;; line-height: 180%;}
.blog_detail_content img{ margin: 72px 0px; width: 100%; height: auto; display: block; border-radius: 30px;}
.blog_container{max-width: 1680px;padding: 0px 20px; margin: auto;position: relative;z-index: 2;}

.blog_sidebar_share{ margin-top: 72px;}
.blog_sidebar_share > p{ color: #000; font-size: 20px;font-family: 'Open Sans', sans-serif;  font-weight: 600; letter-spacing: 1px;}
.blog_social_share{ max-width: 52px; margin:32px auto 0; }
.blog_social_share a{ width: 52px; height: 52px; display: block; background-repeat: no-repeat; background-position: 0 0; background-size: contain; margin-bottom: 40px;}
.blog_social_share a.facebook{ background-image: url('../images/facebook_share.svg');}
.blog_social_share a.twitter{ background-image: url('../images/twitter_share.svg');}
.blog_social_share a.linkedin{ background-image: url('../images/linkedin_share.svg');}

.related_blog_section{ margin: 87px 0 154px;}
.related_blog_slider .latest_news_blocks{ margin:0 69px;}
.related_blog_slider{ margin: 56px 0px 0; padding: 0px 69px; display: flex; justify-content: center; }
.blog-details .hamburger_toggle {color: #000;}
.blog-details .hamburger_toggle svg{stroke: #000;}

@media (max-width: 1680px){ 
.blog_container{max-width: 1380px;}
.blog_detail_content{ max-width: 752px;}
.blog_banner_content {padding: 64px 0px 43px;}
.blog_title {font-size: 45px;margin-top: 20px;line-height: 60px;}
.blog_tags a {font-size: 18px;padding-bottom: 5px;}
.blog_banner_title {margin: 0 0vw 0 76px;    max-width: 77%;}
.banner_play_button {width: 48px;height: 48px;}
.blog_date_block time{font-size: 18px;}
.blog_date_block time span{font-size: 36px; margin-bottom: 12px;}
.blog_sidebar_share > p {font-size: 18px;}
.blog_social_share {max-width: 48px;margin: 28px auto 0;}
.blog_social_share a {width: 48px;height: 48px;}
.blog_detail_sidebar{ left: 55px;    top: 140px;}
.blog_content_layout {padding: 140px 0px 53px 0vw;}
.blog_detail_content h2{ font-size: 32px;margin-bottom: 36px; }
.blog_detail_content h3{ font-size: 28px;margin-bottom: 25px; }
.blog_detail_content h4{ margin-bottom: 26px;}
.blog_detail_content ul,.blog_detail_content ol{ padding-left: 16px; margin-bottom: 28px;}
.blog_detail_content li{font-size: 18px;}
.blog_detail_content p{ font-size: 18px;}
.blog_detail_content a{ font-size: inherit}
.blog_detail_content img{ margin: 60px 0px;border-radius: 30px;}
.related_blog_slider {margin: 46px 0px 0;padding: 0px 59px;}
.related_blog_slider .latest_news_blocks {margin: 0 59px;}
.blog_sidebar_share {margin-top: 62px;}
}
@media (max-width: 1366px){
.blog_container{max-width: 1222px;}

.related_blog_slider .latest_news_blocks {margin: 0 39px;}
.blog_detail_sidebar{ left: 45px;    top: 100px;}

.blog_detail_content{ max-width: 712px;}
.blog_banner_content {padding: 64px 0px 43px;}
.blog_title {font-size: 40px;margin-top: 15px;line-height: 55px;}
.blog_tags a {font-size: 16px;padding-bottom: 5px;}
.blog_banner_title {margin: 0 0vw 0 56px;    max-width: 70%;}
.banner_play_button {width: 44px;height: 44px;}
.blog_date_block time{font-size: 16px;}
.blog_date_block time span{font-size: 32px; margin-bottom: 12px;}
.blog_sidebar_share > p {font-size: 16px;}
.blog_social_share {max-width: 44px;margin: 20px auto 0;}
.blog_social_share a {width: 44px;height: 44px;}
.blog_content_layout {padding: 100px 0px 43px 0vw;}
.blog_detail_content h2{ font-size: 30px;margin-bottom: 32px; }
.blog_detail_content h3{ font-size: 26px;margin-bottom: 10px; }
.blog_detail_content h4{ margin-bottom: 24px;}
.blog_detail_content ul,.blog_detail_content ol{ padding-left: 16px; margin-bottom: 24px;}
.blog_detail_content li{font-size: 16px;}
.blog_detail_content p{ font-size: 16px;}
.blog_detail_content a{ font-size: inherit}
.blog_detail_content img{ margin: 40px 0px;border-radius: 25px;}
.banner_breadcrumbs li {font-size: 14px;}
.banner_breadcrumbs li a {font-size: 14px;}
.banner_breadcrumbs {padding: 15px 30px 15px 0px;border-radius: 28px 0 28px 0;}
.blog_banner_blob {    max-width: 1228px;height: 556px;}
.blog_sidebar_share {margin-top: 52px;}
}
@media (max-width: 1200px){
.blog_container{max-width: 1056px; }
.related_blog_slider .latest_news_blocks {margin: 0 29px;}
.blog_detail_sidebar{ left: 25px;    top: 80px;}
.blog_detail_content{ max-width: 612px;}
.blog_banner_content {padding: 54px 0px 33px;}
.blog_title {font-size: 36px;margin-top: 10px;    line-height: 50px;}
.blog_tags a {font-size: 14px;padding-bottom: 5px;}
.blog_banner_title {margin: 0 0vw 0 46px;    max-width: 70%;}
.banner_play_button {width: 40px;height: 40px;}
.blog_date_block time{font-size: 14px;}
.blog_date_block time span{font-size: 28px; margin-bottom: 12px;}
.blog_sidebar_share > p {font-size: 14px;}
.blog_social_share {max-width: 40px;margin: 20px auto 0;}
.blog_social_share a {width: 40px;height: 40px;}
.blog_content_layout {padding: 80px 0px 43px 0vw;}
.blog_detail_content h2{ font-size: 28px;margin-bottom: 28px; }
.blog_detail_content h3{ font-size: 24px;margin-bottom: 10px; }
.blog_detail_content h4{ margin-bottom: 22px;}
.blog_detail_content ul,.blog_detail_content ol{ padding-left: 14px; margin-bottom: 22px;}
.blog_detail_content li{font-size: 14px;}
.blog_detail_content p{ font-size: 14px;}
.blog_detail_content a{ font-size: inherit}
.blog_detail_content img{ margin: 30px 0px;border-radius: 20px;}
.banner_breadcrumbs li {font-size: 14px;}
.banner_breadcrumbs li a {font-size: 14px;}
.banner_breadcrumbs {padding: 15px 30px 15px 0px;border-radius: 28px 0 28px 0;}
.blog_banner_blob {    max-width: 1228px;height: 486px;}
.blog_sidebar_share {margin-top: 32px;}
.blog_date_block {padding: 15px;}

}
@media (max-width: 992px){
.blog_container{max-width: 848px; padding: 0px 10px;}
.blog_banner_section{ padding: 130px 0 0 0}
.related_blog_slider .latest_news_blocks{ padding-bottom: 44px;}
}
@media (max-width: 768px){
.blog_container{max-width: 624px;}
.blog_banner_section {padding: 80px 0 10px 0;}
.blog_tags a {font-size: 10px;padding-bottom: 0px;letter-spacing: 0px;}
.blog_tags a:after {height: 2px;border-radius: 10px;}
.blog_banner_blob{ bottom: 0;}
.banner_breadcrumbs{ display: none;}
.blog_banner_content {padding: 24px 0px;height: auto; position:relative;    margin-top: -50px;}
.blog_banner_blob{height: auto; max-width: 83%;}
.banner_play_button{ display: none;}
.blog_sidebar_share > p{ display: none;}
.blog_content_layout{ flex-direction: column;    padding: 40px 0px 40px 0vw;}
.blog_title {font-size:24px;line-height:140%;margin-top: 32px;}
.blog_banner_title {margin: 0 0vw 0 0;max-width: 95%;}
.blog_detail_sidebar{ position: relative; left: 0; top: 0; width: 100%; display: flex; margin: 0px 0px 72px 0px;    align-items: center;}
.blog_detail_content {margin: 0px;max-width: 100%;}
.blog_sidebar_share{ display: flex; margin: 0;}
.blog_social_share{ display: flex; max-width: none;}
.blog_social_share a{ width: 32px; height: 32px; margin-bottom: 0; margin-right: 27px;}
.blog_social_share a:last-child{ margin-right: 0;}
.blog_date_block{ border-radius: 15px; padding: 8px 28px; margin-right: 32px;}
.blog_date_block time{ font-size: 17px;line-height: 130%;}
.blog_date_block time span{ font-size: 17px; margin-bottom: 8px;}
.blog_detail_content h3{ font-size: 20px;margin-bottom: 15px;}
.blog_detail_content h4 {margin-bottom: 24px;}
.blog_detail_content p{ font-size: 15px;}
.blog_detail_content a{ font-size: inherit}
.blog_detail_content img {margin: 40px 0px; border-radius: 15px;}

.blog_detail_content h2{ font-size: 24px;margin-bottom: 30px;}

.blog_detail_content h4{font-size: 18px;margin-bottom: 30px;}
.blog_detail_content ul,.blog_detail_content ol{ padding-left: 18px; margin-bottom: 1.667vw;}
.blog_detail_content li{font-size: 15px;}

.blog_content_layout:after{ width: 146px; height: 2px;}
.related_blog_section {margin: 40px 0 119px;}
.related_blog_layout h2{ font-size: 24px; }
.related_blog_slider {margin: 24px 0px 0;padding: 0px 0 40px 0;}

}
@media (max-width: 576px){
.blog_container{max-width: 375px;}
.blog_banner_detail {max-width: 73.615vw;}
.blog_banner_image img{ height: 202px; max-height: none;}
.related_blog_slider .latest_news_blocks {margin: 0 0;}

}

@media (max-width: 399px){
.blog_container {max-width: 320px;}
}

@media (max-width: 374px){
.blog_banner_detail {
    max-width: 75.615vw;
}
}
    
