.cotlas-social-share.cotlas-social-share-aside-mobile {
    display: grid;
    background: #fff;
    padding: 4px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
    border: 1px solid #e0e0e0;
    gap: 5px;
    width: max-content;
    margin-left: 0;
    margin-top: 10px
}

.cotlas-social-share-aside-mobile a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s
}

.cotlas-social-share-aside-mobile svg {
    width: 25px;
    height: 25px;
    transition: .3s
}

.cotlas-social-share-aside-mobile span {
    display: none
}

.cotlas-social-share-aside-mobile a.facebook svg {
    fill: #1877F2
}

.cotlas-social-share-aside-mobile a.threads svg,.cotlas-social-share-aside-mobile a.twitter svg {
    fill: #000000
}

.cotlas-social-share-aside-mobile a.linkedin svg {
    fill: #0A66C2
}

.cotlas-social-share-aside-mobile a.whatsapp svg {
    fill: #25D366
}

.cotlas-social-share-aside-mobile a.telegram svg {
    fill: #0088cc
}

.cotlas-social-share-aside-mobile a.pinterest svg {
    fill: #E60023
}

.cotlas-social-share-aside-mobile a.reddit svg {
    fill: #FF4500
}

.cotlas-social-share-aside-mobile a:hover {
    transform: translateY(-2px);
    background: #f8f9fa
}

.cotlas-social-share-aside-mobile a:hover svg {
    fill: #000000!important;
    transform: scale(1.1)
}

@media (max-width: 768px) {
    .cotlas-social-share-aside-mobile {
        position:static;
        transform: none;
        flex-direction: row;
        justify-content: center;
        margin: 20px 0;
        border-radius: 15px
    }
}

@media (max-width: 480px) {
    .cotlas-social-share-aside-mobile a,.cotlas-social-share-aside-mobile svg,.cotlas-social-share-top a,.cotlas-social-share-top svg {
        width:25px;
        height: 25px
    }
}

.cotlas-post-card li:hover,.cotlas-post-list .style-one:hover,.cotlas-post-list .style-three:hover,.cotlas-post-list .style-two:hover {
    box-shadow: none!important;
    transform: none!important;
    transition: none!important
}

.cotlas-post-list .style-one {
    border-radius: 8px!important
}

.trh-animate-left,.trh-animate-right,.trh-float,.trh-hero-enter,.trh-parallax-fade,.trh-pulse,.trh-slide-down,.trh-slide-left,.trh-slide-out,.trh-slide-right,.trh-slide-up,.trh-zoom-in {
    opacity: 0;
    transform: translateX(0) translateY(0) scale(1)
}

@keyframes trhFadeLeft {
    from {
        opacity: 0;
        transform: translateX(-40px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.trh-animate-left.trh-in-view {
    animation: .9s ease-out forwards trhFadeLeft
}

@keyframes trhFadeRight {
    from {
        opacity: 0;
        transform: translateX(40px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.trh-animate-right.trh-in-view {
    animation: .9s ease-out forwards trhFadeRight
}

@keyframes trhZoomIn {
    from {
        opacity: 0;
        transform: scale(.85)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.trh-zoom-in.trh-in-view {
    animation: .9s ease-out forwards trhZoomIn
}

@keyframes trhSlideFromLeft {
    from {
        opacity: 0;
        transform: translateX(-60px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.trh-slide-left.trh-in-view {
    animation: .9s ease-out forwards trhSlideFromLeft
}

@keyframes trhSlideFromRight {
    from {
        opacity: 0;
        transform: translateX(60px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.trh-slide-right.trh-in-view {
    animation: .9s ease-out forwards trhSlideFromRight
}

@keyframes trhSlideUp {
    from {
        opacity: 0;
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.trh-slide-up.trh-in-view {
    animation: .9s ease-out forwards trhSlideUp
}

@keyframes trhSlideDown {
    from {
        opacity: 0;
        transform: translateY(-40px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.trh-slide-down.trh-in-view {
    animation: .9s ease-out forwards trhSlideDown
}

@keyframes trhSlideOut {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(40px)
    }
}

.trh-slide-out.trh-in-view {
    animation: 1.2s ease-out 1s forwards trhSlideOut
}

@keyframes trhParallax {
    from {
        opacity: 0;
        transform: translateY(60px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.trh-parallax-fade.trh-in-view {
    animation: 1.2s ease-out forwards trhParallax
}

@keyframes trhFloat {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

.trh-float {
    opacity: 1!important;
    animation: 3s ease-in-out infinite trhFloat
}

@keyframes trhPulse {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.04)
    }
}

.trh-pulse {
    opacity: 1!important;
    animation: 2.4s ease-in-out infinite trhPulse
}

.trh-tilt {
    transform-style: preserve-3d;
    transition: transform .2s ease-out
}

.trh-tilt:hover {
    transform: rotateX(8deg) rotateY(8deg) scale(1.02)
}

@keyframes trhHeroEnter {
    from {
        opacity: 0;
        transform: translateY(60px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.trh-hero-enter.trh-in-view {
    animation: 1.4s ease-out forwards trhHeroEnter
}

.trh-delay-1 {
    animation-delay: .2s!important
}

.trh-delay-2 {
    animation-delay: .4s!important
}

.trh-delay-3 {
    animation-delay: .6s!important
}

.trh-delay-4 {
    animation-delay: .8s!important
}

.trh-delay-5 {
    animation-delay: 1s!important
}

.cotlas-log-in-link:hover,.cotlas-post-card .author-name span,.cotlas-post-card .cotlas-post-title a:hover,.cotlas-post-card .post-date,.cotlas-post-list .style-big .author-name span,.cotlas-post-list .style-big .post-date,.cotlas-post-list .style-big .style-big-title a:hover,.cotlas-post-list .style-one .author-name span,.cotlas-post-list .style-one .post-date,.cotlas-post-list .style-one .style-one-title a:hover,.cotlas-post-list .style-three .author-name span,.cotlas-post-list .style-three .post-date,.cotlas-post-list .style-three .style-three-title a:hover,.cotlas-post-list .style-two .author-name span,.cotlas-post-list .style-two .post-date,.cotlas-post-list .style-two .style-two-title a:hover,.footer-menu .cotlas-menu ul li a:hover,.mega-menu-container .category-title a:hover {
    color: #e60023 !important;
}

.cotlas-post-card .author-name,.cotlas-post-list .style-big .author-name a,.cotlas-post-list .style-one .author-name a,.cotlas-post-list .style-three .author-name a,.cotlas-post-list .style-two .author-name a,.cotlas-section-heading .section-title h2 a {
    color: #e60023 !important;
    text-decoration: none!important
}

.cotlas-post-card .author-name svg,.cotlas-post-card .post-date svg,.cotlas-post-list .style-big .author-name svg,.cotlas-post-list .style-big .post-date svg,.cotlas-post-list .style-one .author-name svg,.cotlas-post-list .style-one .post-date svg,.cotlas-post-list .style-three .author-name svg,.cotlas-post-list .style-three .post-date svg,.cotlas-post-list .style-two .author-name svg,.cotlas-post-list .style-two .post-date svg {
    fill: #f78904!important
}

.gp-first-category-icon .gp-icon {
    width: 15px!important;
    height: 15px!important;
    fill: var(--global-color-9)!important
}

.gp-first-category a,.gp-first-category-text {
    font-size: 15px!important;
    font-weight: 600!important;
    color: var(--global-color-9)!important
}

.cotlas-author-name a {
    text-decoration: none!important;
    color: #292929!important;
}

@media (max-width: 1025px) {
    .is-right-sidebar,.site-content .content-area {
        width:100%!important
    }

    .site-content {
        display: flex!important;
        flex-direction: column!important
    }
}

@media (min-width: 1025px) {
    .inside-right-sidebar {
        position:sticky!important;
        top: 10px!important
    }
}

.cotlas-menu {
    background-color: #b80805;
}

.cotlas-menu li {
    color: #fff
}

.cotlas-menu li a,.sub-menu li a:hover {
    color: #fff!important
}

.sub-menu li a {
    color: #292929!important
}

.cotlas-menu li:hover {
    color: var(--global-color-10)
}
.cotlas-social-links .social-link a {
    color: #182328;
}
.cotlas-social-top .social-link svg {
    display: block;
    fill: currentColor;
    width: 20px;
    height: 32px;
}
.breaking-header-text svg {
    animation: blink 1s infinite ease-in-out;
}
@keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
}
.breaking-header-text .gb-text{
    overflow: hidden;
    white-space: nowrap;
    width: 0;
    animation: typing 4s infinite;
}

@keyframes typing {
    0% {
        width: 0;
    }
    50% {
        width: 180px;
    }
    100% {
        width: 0;
    }
}
@media (max-width: 767px) {
.ticker-news .post-marquee-container {
    width: 100%;
}
}
.cotlas-post-list .style-text {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    list-style: none;
    padding: 0px;
}
.cotlas-post-list .style-text .style-text-title a {
    color: #101012;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}
.cotlas-post-list .style-text .style-text-title {
    margin-bottom: 0 !important;
    padding-top: 0;
    font-size: inherit;
    line-height: 26px;
}
.cotlas-post-list .style-text .author-name {
	  margin-bottom: 0 !important;
    align-items: center;
    color: #292929;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
}
.cotlas-post-list .style-text .author-name span {
	color: #f78904 !important;
}
.cotlas-post-list .style-text .post-date {
	  padding-right: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    color: #f78904;
    margin-bottom: 0 !important;
}
.cotlas-post-list .style-text .post-date {
	color: #f78904 !important;
}
.ad-desktop-big {
    width: 970px!important;
    height: 250px!important;
}
.ad-container {
    margin: 0!important;
}
.cotlas-section-heading .section-title-square {
    padding: 5px 15px;
    border-radius: 5px;
    color: #ffffff;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 0;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.section-title-square {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #182328, #182328); /* Your button color */
    color: white;
    border: none;
    padding: 12px 24px;
    cursor: pointer;
}

.section-title-square::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.4),
        transparent
    );
    animation: shimmer 2s infinite;
}

@keyframes shimmer {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}
.cotlas-section-heading .section-title-square {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none;
}
.ad-sidebar {
        display: flex;
        width: 300px;
        height: 250px;
}
.cotlas-pagination .previous, .cotlas-pagination .next {
	  font-weight:700;
    text-decoration: none;
}
.cotlas-pagination .previous a, .cotlas-pagination .next a{
	  font-weight:700;
    color: #182328;
    text-decoration: none;
}
.cotlas-pagination .previous span{
	  padding-right :5px
}
.cotlas-pagination .next span{
	  padding-left :5px
}
.footer-sidebar-one .footer-menu-heading, .footer-sidebar-two .footer-menu-heading, .footer-sidebar-three .footer-menu-heading, .footer-sidebar-four .footer-menu-heading {
	font-size:20px;
  margin-bottom: 30px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
.footer-sidebar-one .footer-menu-heading, .footer-sidebar-two .footer-menu-heading, .footer-sidebar-three .footer-menu-heading, .footer-sidebar-four .footer-menu-heading {
	font-size:16px;
}
}
.footer-sidebar-one .footer-menu-li, .footer-sidebar-two .footer-menu-li, .footer-sidebar-three .footer-menu-li, .footer-sidebar-four .footer-menu-li {
	font-size:16px;
  font-weight:700;
  text-decoration: none;
  color:#ffffff;
}
.footer-sidebar-one .footer-menu-li:hover, .footer-sidebar-two .footer-menu-li:hover, .footer-sidebar-three .footer-menu-li:hover, .footer-sidebar-four .footer-menu-li:hover {
  color:var(--global-color-10);
}
@media (max-width: 767px) {
.footer-sidebar-one .footer-menu-li, .footer-sidebar-two .footer-menu-li, .footer-sidebar-three .footer-menu-li, .footer-sidebar-four .footer-menu-li {
	font-size:14px;
}
}
.cotlas-social-footer .social-link svg {
    display: block;
    fill: #ffffff;
    width: 32px;
    height: 32px;
}
.cotlas-buttons {
    border-radius: 10px;
    background-color: #f78904 !important;
    font-size: 18px !important;
    line-height: 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    padding: 8px 15px !important;
    color: #fff !important;
}
.cotlas-category-section .style-one .style-one-title a {
    color: #101012 !important;
    font-size: 16px!important;
}
.ocp-menu-left .ofc-menu-heading, .ocp-menu-right .ofc-menu-heading{
    text-transform: uppercase;
    color: #101012 !important;
    margin-bottom: 5px;
}
.generate-back-to-top {
    bottom: 60px;
}
a.generate-back-to-top {
    background-color: rgb(0, 0, 0);
}
a.generate-back-to-top:hover, a.generate-back-to-top:focus {
    background-color: #f78904;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    width: 100%;
}
.video-responsive iframe{
    left:0;
    top:0;
    border-radius:8px;
    height:100%;
    width:100%;
    position:absolute;
}
/* Nutan Charcha - Contact Form 7 Two Column Layout */
.nc-cf7-form {
  max-width: 900px;
  margin: 0 auto;
}
.cotlas-buttons-support {
    background-color: #182328 !important;
}
.nc-cf7-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  font-size: 14px;
}

.nc-row {
  display: flex;
  gap: 20px;
  margin-bottom: 18px;
}

.nc-col {
  flex: 1;
}

.nc-full {
  flex: 100%;
}

.nc-cf7-form input[type="text"],
.nc-cf7-form input[type="email"],
.nc-cf7-form input[type="tel"],
.nc-cf7-form textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
}

.nc-cf7-form textarea {
  min-height: 140px;
  resize: vertical;
}

.nc-cf7-form input:focus,
.nc-cf7-form textarea:focus {
  border-color: #f78904;
  outline: none;
}

/* Submit Button */
.nc-cf7-form input[type="submit"] {
  background-color: #f78904;
  color: #fff;
  padding: 12px 28px;
  border: none;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
}

.nc-cf7-form input[type="submit"]:hover {
  background-color: #f78904;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .nc-row {
    flex-direction: column;
    gap: 0;
  }
}
.cotlas-top-menu {
	background-color: #000!important;
	color:#ffffff;
}
.cotlas-top-menu a{
	color:#ffffff;
}
.footer-section {
	background-color: #ffffff!important;
}
.cotlas-social-footer-top .social-link-facebook {
    background: #ffffff!important;
}
.cotlas-social-footer-top .social-link-instagram {
    background: #ffffff!important;
}
.cotlas-social-footer-top .social-link-youtube {
    background: #ffffff!important;
}
.cotlas-social-footer-top .social-link-whatsapp {
    background: #ffffff!important;
}
.cotlas-social-footer-top .social-link-linkedin {
    background: #ffffff!important;
}
.cotlas-social-footer-top .social-link-facebook svg {
    width: 40px!important;
    height: 40px!important;
    fill: #1877f2!important;
	padding: 0px !important;
    flex-shrink: 0;
}
.cotlas-social-footer-top .social-link-instagram svg {
    width: 40px!important;
    height: 40px!important;
    fill: inherit!important;
    padding: 0px!important;
    flex-shrink: 0;
}
.cotlas-social-footer-top .social-link-youtube svg {
    width: 40px!important;
    height: 40px!important;
    fill: #e90a2c!important;
	padding: 0px !important;
    flex-shrink: 0;
}
.cotlas-social-footer-top .social-link-whatsapp svg {
    width: 40px!important;
    height: 40px!important;
    fill: #188602!important;
	padding: 0px !important;
    flex-shrink: 0;
}
.cotlas-social-footer-top .social-platform-name {
    display: inline-block;
    font-size: 15px!important;
    font-weight: 700;
    color: #1d1b1b!important;
    white-space: nowrap;
    margin: 0;
}
/* Style the breadcrumb container */
.cotlas-breadcrumbs {
    font-size: 14px;
    font-family: Arial, sans-serif;
    padding: 0px 0;
    margin: 0;
}

/* Remove default list styling and make it flex for horizontal layout */
.cotlas-breadcrumbs ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* Style each list item */
.cotlas-breadcrumbs ol li {
    display: flex;
    align-items: center;
    margin-right: 5px;
}

/* Style the Home link */
.cotlas-breadcrumbs ol li a {
    color: #007cba;
    text-decoration: none;
    transition: color 0.2s;
}

.cotlas-breadcrumbs ol li a:hover {
    color: #005a87;
    text-decoration: underline;
}

/* Style the current/active page (non-link span) */
.cotlas-breadcrumbs ol li span {
    color: #555;
    font-weight: 600;
}

/* Add the separator (>>) between items */
.cotlas-breadcrumbs ol li:not(:last-child)::after {
    content: "»";
    color: #888;
    font-weight: 300;
    margin-left: 5px;
    margin-right: 5px;
}

/* Optional: Remove the separator and extra margin from the last item */
.cotlas-breadcrumbs ol li:last-child {
    margin-right: 0;
}