@import '../constants.css';
/* ======== Section Blog ============= */
			 .section.blog-door {
			     padding: 120px 0;
			     background: #FBFBFF;
			}
			 .blog-door .flex-cont {
			     display: flex;
			     flex-flow: row wrap;
			     align-items: start;
			     justify-content: space-between;
			     width: 100%;
			}
			 
			 .blog-door .cont-blog {
			     width: 100%;
			     position: relative;
			}
			.blog-door .cont-blog img {
				width: 100%;
			}

			 .blog-door .cont-blog .cont-blog-text {
			     position: relative;
			  
			}
			 .blog-door .cont-blog .cont-blog-text h2, 
			 .blog-door .cont-blog .cont-blog-text h3, 
			 .blog-door .cont-blog .cont-blog-text h3, 
			 .blog-door .cont-blog .cont-blog-text h4, 
			 .blog-door .cont-blog .cont-blog-text h5, 
			 .blog-door .cont-blog .cont-blog-text h6{
			     color: var(--tertiary);
			}
			 .blog-door .left-wrap {
			     padding-right: 15px;
			     
			}
			.blog-door .right-wrap {
			    
			}
			 .blog-door .left-wrap .cont-blog .cont-blog-text {
			     width: 100%;
			}
			 .blog-door .left-wrap .cont-blog .cont-blog-text .text{
			     padding-top: 20px;
			}
			 .blog-door .left-wrap .cont-blog .cont-blog-text h3 ,
			 .blog-door .right-wrap .cont-blog .cont-blog-text .text h3{
			     font-size: 30px;
			     line-height: 30px;
			     font-weight: 700;
			     font-family: 'Roboto', sans-serif;
			}
			.blog-door .cont-blog .cont-blog-text .text span.date {
				font-size: 16px;
				line-height: 24px;
				font-weight: 700;
			}
			 .blog-door .right-wrap .cont-blog {
			     margin-bottom: 15px;
			}
			 .blog-door .right-wrap .cont-blog:last-child {
			     padding-bottom: 0!important;
				 margin-bottom: 0!important;
			}
			 .blog-door .right-wrap .cont-blog h4 {
			     font-size: 27px;
			     line-height: 27px;
			     font-family: 'Open Sans', sans-serif;
			}
			 .blog-door .right-wrap .cont-blog .img {
			     height: auto;
			}
			 .blog-door .right-wrap .cont-blog .cont-blog-text {
			     display: flex;
			     flex-flow: row wrap;
			     width: 100%;
			     align-items: center;
			}
			 .blog-door .right-wrap .cont-blog .cont-blog-text .text {
			     width: 100%;
			}
            
			 .blog-door .cont-blog .cont-blog-text .text h3,
             .blog-door .cont-blog .cont-blog-text .text h3 a {
                color: var(--tertiary, #211951);

                /* Heading/H3 */
                font-family: var(--text);
                font-size: 28px;
                font-style: normal;
                font-weight: 600;
                line-height: 120%; /* 33.6px */
				 margin-bottom: 10px;
			}
			 .blog-door .right-wrap .cont-blog .cont-blog-text .btn-wrap {
			     width: 40%;
			}
            .case-col a h4{
                color: var(--tertiary);

                /* Heading/H3 */
                font-family: var(--text);
                font-size: 24px;
                font-weight: 600;
                line-height: 120%; /* 33.6px */
				margin-bottom: 10px;
            }
			.case-col span.date {
				font-size: 16px;
				line-height: 24px;
				font-weight: 500;
			}
			
			/* ======== Section Blog End ============= */
			 @media screen and (max-width: 767px) {
				 .blog-door  .blog-door .right-wrap .cont-blog .cont-blog-text {
			         display: block;
			         flex-flow: unset;
			    }
			     .blog-door .left-wrap {
			         padding-right: 0;
			    }
                .case-col {
                    padding-bottom: 40px;
                }
			    .blog-door .left-wrap ,.blog-door .right-wrap ,
			     .blog-door .left-wrap .cont-blog .cont-blog-text, 
			     .blog-door .right-wrap .cont-blog .cont-blog-text .text, 
			     .blog-door .right-wrap .cont-blog .cont-blog-text .btn-wrap {
			         width: 100%;
			    }
			 
			   
			     .blog-door .right-wrap .cont-blog {
			         margin-bottom: 0;
			    }
			     .blog-door .right-wrap .cont-blog .cont-blog-text .text p {
			         margin-bottom: 15px;
			    }
			     .section.blog-door {
			         padding: 50px 0;
			    }
			}