main {
   background: var(--media-bg);
   padding: 3rem 2rem 0rem 2rem;

}

section .default-container{
   display: flex;
   justify-content: center;
   align-items: center;
   gap:2rem;

}
section .default-container .lhs .article-btn div,
section .default-container .lhs .by-title .logo-text-by,
section .default-container .lhs .by-logo,
.blog-details .blog-details-hearder .by-title .logo-text-by{
   display: flex;
   justify-content: center;
   align-items: center;

}

section .default-container .lhs {
   width: 70%;

}

section .default-container .rhs {
   width: 30%;

}

.heading-title {
   font-size: 10rem;
   font-weight: 300;
   font-family: "Deutschlander 2.0";
   color: var(--dark-choclate);
   text-transform: uppercase;
   line-height: 7rem;
}

section .default-container .rhs .img-card {
   overflow: hidden;
   border-radius: 0.5rem;
   transform: rotate(3deg);
   	height:16rem;
}

section .default-container .rhs .img-card  img{
height:100%;
}

section.hero-banner .default-container .lhs p {
    width: 6.5rem;
    margin-left: auto;
    color: var(--dark-choclate);
    font-size: 1rem;
    text-align: right;
    line-height: 1.3rem;
    font-family: "Manrope";
    font-weight: 600;

}

section.hero-banner .default-container .lhs {
   display: flex;
   align-self: flex-start;

}

section .default-container .lhs .data-month-text,
.blog-details .blog-details-hearder .date-category .date-category-date{
   font-size: 0.4rem;
   color: var(--dark-choclate);
   font-family: "Manrope";
   font-weight:600;
}

section .default-container .lhs .heading-blog-title {
   font-size: 2rem;
   color: var(--dark);
   font-family: "Deutschlander 2.0";
   width: 18rem;
   line-height: 1.7rem;
}

section .default-container .lhs .by-title, 
.blog-details .blog-details-hearder .by-title {
   display: flex;
   align-items: center;
   font-size: 0.6rem;
   color: var(--dark-choclate);
   gap: 0.2rem;
   margin-top: 0.3rem;
}

section .default-container .lhs .by-logo svg,
.blog-details .blog-details-hearder .by-logo svg{
   width: 0.6rem;
   height: 0.6rem;
   color: var(--dark-choclate);
}

section .default-container .lhs .by-logo-text,
.blog-details .blog-details-hearder .by-logo-text{
   font-size: 0.7rem;
   font-family: "Deutschlander 2.0";
   color: var(--dark-choclate);
   text-transform: uppercase;
}

section .default-container .lhs .by-title .logo-text-by,
.blog-details .blog-details-hearder .by-title .logo-text-by{
   gap: 0.2rem;

}

section .default-container .lhs p {
margin-top:1rem;
    font-size:0.56rem;
    width: 18rem;
    line-height: 0.72rem;
    font-family: "Manrope";
    color: var(--dark-choclate);
}
section .default-container .lhs .article-btn {
display: flex;
    align-items: center;
    color: var(--dark-choclate);
    gap: 0.2rem;
    font-size: 0.5rem;
    text-decoration: underline;
    text-decoration-thickness: 0.4px;
    padding-bottom: 0.2rem;
    margin-top: 0.8rem;
    font-family: 'Manrope';
}
section .default-container .lhs .article-btn svg{
	 width: 0.5rem;
	 height: 0.5rem;
}
.blog-section section:nth-child(odd)
{
	padding:1.5rem 0rem;
}

.blog-section section:nth-child(even) .default-container .lhs
{
    text-align:right;
}

.blog-section section:nth-child(even) .default-container .lhs .by-title,
.blog-section section:nth-child(even) .default-container .lhs .article-btn
{
       justify-content: flex-end;
}
.blog-section section:nth-child(even) .default-container  .lhs p,
.blog-section section:nth-child(even) .default-container .lhs .heading-blog-title{
	margin-left:auto;
}
.blog-section section:nth-child(odd) .default-container
{
    flex-direction: row-reverse;
}
.blog-section section:nth-child(odd) .default-container .rhs .img-card 
{
   transform: rotate(356deg);
}
.blog-details-main{
	padding:0;
}

.blog-details .blog-details-hearder .date-category
{
	display:flex;
	 align-items: center;
	 gap:0.3rem
	
}
.blog-details .blog-details-hearder{
	padding: 3rem 2rem 0.7rem 2rem;
}
.blog-details .blog-details-hearder .date-category-title
{
background: var(--dark-choclate);
    padding: 0.1rem 0.5rem;
    font-size: 0.27rem;
    color: white;
    text-transform: uppercase;
    border-radius: 1rem;
        font-family: "Manrope";
}
.blog-details .blog-details-hearder .blog-details-title{
    font-size: 2.3rem;
    line-height: 2.2rem;
    text-transform: uppercase;
    color: var(--dark);
    margin-top: 0.6rem;
    font-weight: 500;
}

.blog-details .image-banner{
height: 16rem;
    border-radius: 0.4rem;
    overflow: hidden;
    margin: 0rem 0.8rem;
}

.blog-details .image-banner img
{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}
.blog-details .blog-details-footer 
{
	    width: 40%;
    margin: 0px auto;
}

.blog-details .blog-details-footer  .blog-details-title-sub{
	    font-size: 1.4rem;
    line-height: 1.3rem;
    color:black;
    margin-bottom:0.5rem;
}
.blog-details .blog-details-footer  .blog-details-title-sub-title{
font-size: 0.7rem;
    margin-top: 0.5rem;
    margin-bottom: 0.2rem;
}


.blog-details .blog-details-footer p,
.blog-details .blog-details-footer ul li{
    font-size: 0.38rem;
line-height: 0.6rem;
    color: black;
    font-family: "Manrope";

    text-align: justify;
}

.blog-details .blog-details-footer ul li{
	      list-style-type: disc !important;
	      margin-bottom: 0.3rem;
	      margin-left: 1rem;
	      /*font-weight:600;*/
}

.blog-details .blog-details-footer
{
	padding:1rem 0rem 2rem;
}
.blog-details .blog-details-footer > .content-section

{
	margin-top:1rem;
}
.blog-details .blog-details-footer .content-section-footer{
		margin-top:0.5rem;
}
.bold-title
{
	font-weight:600;
}
iframe{
	object-fit:cover;
}
.blog-details .blog-details-footer > .content-section iframe
{
	height:8.5rem;
}

@media (max-width: 1460px) {
  section .default-container .lhs{
  	   width: 60%;
  }
    section .default-container .rhs{
  	   width: 40%;
  }
    section .default-container .rhs .img-card 
  {
  	height:18rem;
  }
}

@media (max-width: 668px) {
section.hero-banner .default-container .rhs{
	display:none;
}
section .default-container .lhs,
section .default-container .rhs,
section .default-container .lhs .heading-blog-title,
section .default-container .lhs p,
.blog-details .blog-details-footer{
	width:100%;
}
.blog-section section:nth-child(odd) .default-container,
.blog-section section:nth-child(even) .default-container{
flex-direction: column-reverse;
}
img
{
	height: 100%;
    width: 100%;
    object-fit: cover;
}
.blog-section section:nth-child(odd) .default-container .rhs .img-card,
.blog-section section:nth-child(even) .default-container .rhs .img-card
{
	   transform: rotate(0deg);
}
.blog-section section:nth-child(even) .default-container .lhs{
	text-align:left;
}

.blog-section section:nth-child(even) .default-container .lhs .by-title, 
.blog-section section:nth-child(even) .default-container .lhs .article-btn
{
	justify-content: flex-start;
}
.heading-title
{
	font-size:27rem;
	line-height: 18rem;
}
section.hero-banner .default-container .lhs p{
	    width: 16.5rem;
	    	font-size:2rem;
	        line-height: 3rem;
	        margin-top: 0rem;
}
section .default-container .lhs .heading-blog-title{
	    font-size: 3.5rem;
	line-height: 3.6rem;
}
section .default-container .lhs .data-month-text, .blog-details .blog-details-hearder .date-category .date-category-date{
	font-size:1rem;
}
section .default-container .lhs p{
    font-size: 1.5rem;
    line-height: 2.3rem;
	        margin-top: 3.5rem;

}
section .default-container .lhs .by-title,
.blog-details .blog-details-hearder .by-title
{
	font-size: 1.9rem;
		gap:1rem;
}
section .default-container .lhs .by-logo svg, .blog-details .blog-details-hearder .by-logo svg
{
	width:2rem;
	height:2rem;
}
section .default-container .lhs .by-logo-text, .blog-details .blog-details-hearder .by-logo-text{
	font-size: 2rem;
}
section .default-container .lhs .by-title .logo-text-by, .blog-details .blog-details-hearder .by-title .logo-text-by,
.blog-details .blog-details-hearder .date-category{
	gap:1rem;
}
.blog-section section:nth-child(odd){
	padding:6rem 0rem;
}

section .default-container .lhs .article-btn{
    gap: 1rem;
    font-size: 1.2rem;
    margin-top:2.5rem;
}
section .default-container .lhs .article-btn svg{
	width: 1.5rem;
    height: 1.5rem;
}
.blog-details .blog-details-hearder .blog-details-title{
	font-size:5rem;
	line-height:5rem;
}
.blog-details .blog-details-hearder .date-category-title
{
	font-size:1rem;
	padding:0.8rem 1.5rem;
	    border-radius: 3rem;
}
.blog-details .blog-details-footer .blog-details-title-sub{
	font-size: 3.4rem;
    line-height: 3.3rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.blog-details .blog-details-footer p, .blog-details .blog-details-footer ul li
{
font-size: 1.5rem;
    line-height: 2.2rem;
}
.blog-details .blog-details-footer
{
	padding:3rem 2rem;
}
.blog-details .blog-details-footer ul li
{
	    margin-bottom: 1.3rem;
    margin-left: 2rem;
}

.blog-details .blog-details-footer .blog-details-title-sub-title {
	font-size: 2.7rem;
 margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}
.blog-details .blog-details-footer .content-section-footer{
	 margin-top: 1.5rem;
}
.blog-details .blog-details-footer > .content-section:nth-child(1)
{
	margin-top:0;
}
.blog-details .blog-details-footer > .content-section
{
	margin-top:5rem;
}
.blog-details .blog-details-footer > .content-section iframe{
	height: 18.8rem;
	margin:2rem 0rem;
}
.blog-details .blog-details-hearder{
	margin-bottom:2rem;
}
}