:root
 {
    --font16: 16px;
 }
 
 .cyac-container {
            display: flex;
            gap: 40px;
            font-family: Arial, sans-serif;
            color: #2e2e2e;
            max-width: 1000px;
            margin: 40px auto;
            background: #fff;
            border-radius: 20px;
            padding: 30px 40px;
            box-sizing: border-box;
        }
        
        .cyac-left {
            flex: 1;
            position: relative;
            color: #bbb;
            font-weight: 900;
            font-size: 50px;
            line-height: 1.1;
            padding-top: 50px;
        }
        .cyac-left strong {
            color: #333;
        }

.cyac-story-accordion {
		margin-top: 20px;
	}
        .cyac-left .mockup {
            position: absolute;
            top: 40%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 320px;
            box-shadow: 0 0 30px rgb(255 213 15 / 0.7);
            border-radius: 20px;
            overflow: hidden;
        }
        .cyac-left .mockup img {
            width: 100%;
            display: block;
        }

        
        .cyac-right {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        .healthcare-tag {
            display: inline-block;
            background: #ffb7b7;
            color: #a62b2b;
            font-weight: 600;
            font-size: 12px;
            padding: 5px 12px;
            border-radius: 12px;
            text-transform: uppercase;
            width: fit-content;
            margin-bottom: 15px;
        }
        .right-heading {
            font-weight: 700;
            font-size: 24px;
            margin-bottom: 25px;
            user-select: none;
        }

        
        .accordion-item {
            background: #f9f1f0;
            border-radius: 20px;
        }
        .accordion-header {
            background: transparent;
            border: none;
            width: 100%;
            padding: 18px 28px;
            font-weight: 600;
            font-size: var(--font16);
            cursor: pointer;
            color: var(--header-color);
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-radius: 20px;
            box-sizing: border-box;
        }
        .accordion-content {
            padding: 15px 28px 25px 28px;
            font-size: 14px;
            color: #444;  display: none;
           
           
        }
        .accordion-header[aria-expanded="true"] {
            background: #fff;
            box-shadow: 0 0 10px rgb(255 183 183 / 0.5);
        }
        .accordion-header .arrow {
            font-size: 14px;
            transition: transform 0.3s ease;
            user-select: none;
        }
        .accordion-header[aria-expanded="true"] .arrow {
            transform: rotate(180deg);
        }

        .cyac-stories-slider
        {
            width: 100%;
            max-width: 100%;;
        }        
            
        .story-slide {
            display: flex;
            gap: 20px;
             align-items: stretch; 
        }

       .story-thumbnail {
            flex: 0 0 45%;
            display: flex;
                height: 550px;
        }

        .story-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
             border-radius: 16px;
             ;

        }

        .story-content {
            width: calc(100% - 50%);
             flex: 1;
        }


        .story-image {
            max-width: 100%;
            height: auto;
            display: block;
            margin-bottom: 10px;

        }
        .cyac-story-accordion .cyac-accordion-header {
           
            cursor: pointer;
            padding:0;
            border: 0px solid #ccc;
            text-align: left;
            outline: none;
            width: 100%;
            border-radius: 15px;
            text-transform: uppercase;
            font-size: var(--font16);
            position: relative;
            font-weight: 600;
        }

       .cyac-story-accordion .cyac-accordion-header::after {
            content: '';
            position: absolute;
            right: 10px;
            top:6px;
            width: 14px;
            height: 8px;
            background-repeat: no-repeat;
            transition: transform 0.3s ease;
            background-size: contain;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'><path d='M6.57715 7.66846C6.86523 7.66846 7.12891 7.55127 7.36816 7.31689L12.8833 1.67725C12.9761 1.57959 13.0469 1.47461 13.0957 1.3623C13.1396 1.25 13.1616 1.12549 13.1616 0.98877C13.1616 0.808105 13.1177 0.64209 13.0298 0.490723C12.9419 0.339355 12.8247 0.219727 12.6782 0.131836C12.5269 0.0439453 12.3608 0 12.1802 0C11.9067 0 11.6675 0.100098 11.4624 0.300293L6.24023 5.66162L6.90674 5.66162L1.69922 0.300292C1.49414 0.100097 1.25488 0 0.981445 0C0.800781 0 0.637207 0.0439442 0.490723 0.131835C0.339355 0.219725 0.219727 0.339354 0.131836 0.490722C0.0439453 0.642089 0 0.808104 0 0.988768C0 1.25732 0.0952147 1.48437 0.285644 1.66992L5.78613 7.31689C5.90332 7.43408 6.02783 7.52197 6.15967 7.58057C6.28662 7.63428 6.42578 7.66357 6.57715 7.66846Z' fill='%23121212'/></svg>");
        }

        .cyac-story-accordion .cyac-accordion-header[aria-expanded="true"]::after {
        transform: rotate(180deg);
    }

       .cyac-accordion-item {
            background: #eeeeee;
            margin-bottom: 10px;
            border-radius: 20px;
            padding: 20px;
            font-size:  var(--font16);
        }
         .cyac-accordion-content
        {
            
            padding: 10px 0;
        }
        .cyac-accordion-content ul {
            margin: 0;
            padding-left: 20px;

        }

        .cyac-story-accordion .cyac-accordion-item:nth-child(1) .cyac-accordion-header
        {
            color: #B4533C !important;
        }
         .cyac-story-accordion .cyac-accordion-item:nth-child(2) .cyac-accordion-header
        {
            color: #2B3A67 !important;
        }
         .cyac-story-accordion .cyac-accordion-item:nth-child(3) .cyac-accordion-header
        {
            color: #5B5F97 !important;
        }
         .cyac-story-accordion .cyac-accordion-item:nth-child(4) .cyac-accordion-header
        {
            color: #008000 !important;
        }
        
        .cyac-story-accordion .cyac-accordion-item:nth-child(5) .cyac-accordion-header
        {
            color: #1F2937 !important;
        }

        .category-box {
            border-radius: 9999px;
            background: rgba(230, 57, 70, 0.10);
            display: inline;
            padding: 4px 10px;
            color: #E63946;
            font-family: inherit;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            text-transform: uppercase;
        }

      h2.story-title {
            margin: 15px 0px;
            color: #111318;
            font-family: inherit !important;
            font-size: 26px !important;
            font-weight: 700 !important;
		    word-break: break-word;
    word-wrap: break-word;
        }
        .story-content p
        {
            font-weight: 400;
        }
                    
@media(max-width: 992px) {
    .story-slide {
        flex-direction: column;
    }

    .story-thumbnail,
    .story-content {
        width: 100%;
    }
	
}