.main-sec .wrapper{display:grid; grid-template-columns:67% 33%; justify-content:space-between; gap:20px; }
.main-sec .wrapper .left-content{display:flex; flex-direction:column; justify-content:space-between; }
.blog-banner {margin: 60px 0 0}
.blog-banner img {width:100%;}
.touch-up { padding-block:50px 5px; }
.touch-up h1 {font-size: 30px; }
.touch-up h2 {font-size: 26px; font-weight: 600; color:#000; margin-bottom:16px; }
.touch-up h3 {font-size: 20px; font-weight: 600; color:#000;}
.touch-up h4{width:100%;font-size:24px;color:#000;font-weight:600;}
.touch-up p { color: #757575; width: 100%; float: left; margin-top:12px; margin-bottom:16px; }
.touch-up p a {display: inline; color: var(--c-primary); text-decoration: underline; font-weight:bold;}
.touch-up ul{padding-left:16px;margin-bottom:20px}
.touch-up  ul li{list-style:disc;color: #757575;}
.touch-up  ul li a {color: var(--c-primary); font-weight:bold;}
.det-content p { color: #757575; margin: 15px 0}
.touch-up span {font-size: 20px;width: 80%;font-weight: 600;margin-top: 20px;}
.touch-up img {width: 15%;margin-right: 20px;}


.left-content .author {display: flex; align-items: center; gap: 18px; background-color:#f1582d; padding: 32px 48px; border-radius: 19px; margin-bottom: 40px;}
.left-content .author > img {width: 110px; height: 110px; object-fit: cover; object-position: top; border-radius: 50%;}
.left-content .author div {position: relative;}.left-content .author div > :first-child {font-size: 24px; color: #fff; margin-block: 0 10px;}
.left-content .author div p {color: #fff; margin: 0;}
.left-content .author div ul {display: flex; gap: 30px;}
.left-content .author div li img {filter: brightness(50); height: 20px; object-fit: contain; margin: 0;}
.left-content .author div li a:hover img {filter: brightness(0) saturate(100%) invert(82%) sepia(29%) saturate(1659%) hue-rotate(346deg) brightness(103%) contrast(101%);}
.left-content .author *::selection {background-color: #fff; color: var(--c-primary);}
.left-content .author li{list-style:none; margin: 0;}

.left-content  table { border-collapse: collapse !important; width: 100%; margin-bottom:20px; }
.left-content  th,
.left-content td { border: 1px solid #000 !important; padding: 8px;}

@media only screen and (max-width: 1200px) {
.left-content .author div ul {left: auto; right: 0; width: fit-content;}
}

@media only screen and (max-width: 991px){
.main-sec .wrapper {grid-template-columns:1fr}
}

@media only screen and (max-width: 1200px) {
.left-content .author div ul {left: auto; right: 0; width: fit-content;}
}

@media only screen and (max-width: 767px) {
.left-content .author {padding: 24px 36px;}
}


@media only screen and (max-width: 575px) {
.left-content .author {flex-direction: column; padding: 20px 26px; margin-bottom: 30px;}
.left-content .author div > :first-child {margin-bottom: 6px;}
}

@media only screen and (max-width: 475px) {
.left-content .author-details > :first-child {margin-right: 10px;}
.left-content .author-details li svg {margin-right: 8px;}
.left-content .author-details > :first-child {margin-right: 10px;}
.left-content .author-details li svg {margin-right: 8px;}
.left-content .author {margin-bottom: 20px;}
.left-content .author div ul {position: static; margin: 12px 0 0;}
.left-content .author {padding: 18px;}

}