.blogs-main-container{display:flex;position:relative;height:auto;background:#fff;padding:0;width:100%}
@media(min-width:320px) and (max-width:991px){.blogs-main-container{flex-direction:column}
}
.blogs-main-container .left-side{padding:0 25px 0 45px;width:25%;display:flex;justify-content:center;flex-direction:column}
@media(min-width:320px) and (max-width:991px){.blogs-main-container .left-side{width:100% !important;padding:0 0 0 16px}
}
.blogs-main-container .left-side .heading{color:#1d1d1f;font-size:64px;font-weight:800;line-height:110%;letter-spacing:-2.56px}
@media(min-width:992px){.blogs-main-container .left-side .heading.one{display:block !important}
}
.blogs-main-container .left-side .heading.two{background:linear-gradient(91.16deg,#431a80 1.46%,#ee4137 30.38%,#feb940 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
@media(min-width:992px){.blogs-main-container .left-side .heading.two{display:block !important}
}
.blogs-main-container .left-side .heading.mobile{background:linear-gradient(91.16deg,#431a80 1.46%,#ee4137 30.38%,#feb940 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
@media(min-width:320px) and (max-width:991px){.blogs-main-container .left-side .heading.mobile{display:block !important;font-size:32px;font-weight:800;letter-spacing:0}
}
.blogs-main-container .left-side .heading-description{margin-top:23px;padding-left:4px;color:#000;font-size:16px;font-weight:500;line-height:normal}
@media(min-width:992px){.blogs-main-container .left-side .heading-description{display:block !important}
}
.blogs-main-container .right-side{width:75%}
@media(min-width:320px) and (max-width:991px){.blogs-main-container .right-side{width:100% !important}
.blogs-main-container .right-side::-webkit-scrollbar{-webkit-appearance:none}
}
.blogs-main-container .right-side .slick-list .slick-track{left:20px}
@media(min-width:320px) and (max-width:991px){.blogs-main-container .right-side .slick-list .slick-track{left:16px !important}
}
.blogs-main-container .right-side .slick-dots{display:flex;left:10px;width:auto}
.blogs-main-container .right-side .slick-dots.blogs{bottom:-5px !important;z-index:9999}
.blogs-main-container .right-side .slick-dots li{margin-right:0}
.blogs-main-container .right-side .slick-dots li.slick-active{margin-right:15px}
.blogs-main-container .right-side .slick-dots li.slick-active button:before{background:#4d4d4d !important;width:20px !important;opacity:1 !important}
.blogs-main-container .right-side .slick-dots li button:before{background:gray !important;content:"" !important}
.blogs-main-container .right-side .card{width:325px !important;height:auto;border-radius:8px;box-shadow:1px 6px 25px -4px rgba(16,24,40,.16);background:#fff;margin:0 0 20px 20px;border:0}
@media(min-width:320px) and (max-width:991px){.blogs-main-container .right-side .card{width:253px !important;margin-top:20px;margin-bottom:20px}
.blogs-main-container .right-side .card:first-child{margin-left:16px}
.blogs-main-container .right-side .card:not(:first-child){margin-left:18px}
}
.blogs-main-container .right-side .card .carousel-image{width:100%;height:200px;background-repeat:no-repeat;background-size:100%;border-radius:8px 8px 0 0;background-image:var(--card-carousel-image)}
@media(min-width:320px) and (max-width:991px){.blogs-main-container .right-side .card .carousel-image{height:155px}
}
.blogs-main-container .right-side .card .image-description{padding:30px 25px 40px}
@media(min-width:320px) and (max-width:991px){.blogs-main-container .right-side .card .image-description{padding:15px 12px 20px}
}
.blogs-main-container .right-side .card .image-description .card_para{color:gray;font-size:11px;font-weight:400;line-height:12px}
.blogs-main-container .right-side .card .image-description .card_para span:not(:last-child):after{content:"|";padding:0 8px}
@media(min-width:320px) and (max-width:991px){.blogs-main-container .right-side .card .image-description .card_para{font-size:10px;line-height:12px}
}
.blogs-main-container .right-side .card .image-description .heading{margin-top:20px;color:#000;font-size:20px;font-weight:700;line-height:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media(min-width:320px) and (max-width:991px){.blogs-main-container .right-side .card .image-description .heading{margin-top:10px;font-size:16px;font-weight:800}
}
.blogs-main-container .right-side .card .image-description .date{margin-top:20px;color:#000;font-size:11px;font-weight:400;line-height:normal}
@media(min-width:320px) and (max-width:991px){.blogs-main-container .right-side .card .image-description .date{margin-top:10px}
}
.blogs-main-container .right-side .card .image-description .subheader{margin-top:25px;color:#4d4d4d;font-size:11px;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
@media(min-width:320px) and (max-width:991px){.blogs-main-container .right-side .card .image-description .subheader{margin-top:20px}
}
.blogs-main-container .right-side .card .image-description .bottom-section{margin-top:35px;display:flex;align-items:center;justify-content:space-between}
@media(min-width:320px) and (max-width:991px){.blogs-main-container .right-side .card .image-description .bottom-section{margin-top:30px}
}
.blogs-main-container .right-side .card .image-description .bottom-section .bottomLeft .readMore{color:#f47838;text-decoration:none;font-size:13px;font-weight:700;line-height:14px}
.blogs-main-container .right-side .card .image-description .bottom-section .bottomRight{display:flex;align-items:center;gap:25px}
.blogs-main-container .right-side .card .image-description .bottom-section .bottomRight picture{width:20px;height:20px;cursor:pointer}
.blogs-main-container .right-side .card .image-description .bottom-section .bottomRight picture image{width:100%;height:100%}
.blogs-main-container .right-side .control-c{filter:invert(1);width:32px;height:32px;position:absolute;top:400px;margin-right:45px;z-index:1000}
@media(device-width:1024px) and (device-height:768px) and (orientation:landscape){.blogs-main-container .right-side .control-c.a-left{left:84%}
}
.blogs-main-container .right-side .slick-slider.slick-dotted{z-index:1}