.cy-row {
    display: flex;
    width: 100%;
    gap: 15px;
}

.cy-col:first-child {
    width: 35%
}

.cy-col:last-child {
    width: calc(100% - 35%);
}

.form-field input,
.form-field select
{
    height: 40px;
    margin-bottom: 10px;
    width: 100%  !important;
   max-width: 100%  !important;
}

.form-field label
{
    display: block;
    margin-bottom: 10px;
}

.form-field textarea
{
     width: 100%;;
    height: 100px;
     margin-bottom: 10px;
}
.cy-col tbody td
{
    font-size: 14px !important;
    vertical-align: middle !important; 
}

.widefat td, .widefat th {
    vertical-align: middle  !important;;
}



.cyac-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}


.cyac--row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;

}


.cyac-leftcols {
    width: calc(40% - 10px);
}

.cyac-rightcols {
    width: calc(100% - 40% - 10px);
}




        .cyac-tabs {
            display: flex;
            border: 0;
            /* margin-bottom: 1rem; */
            flex-direction: column;
            border-radius: 14px;
            gap: 15px;
        
        }
        .cyac-tab {
            display: flex;
            align-items: center;
            padding: 15px 20px;
            cursor: pointer;
            border-bottom: none;
            margin-right: 5px;
            user-select: none;
            transition: background-color 0.3s ease;
            border-radius: 14px;
            background: #F9FAFB;
            color: var( --e-global-color-6f80aad );
            font-size: 16px;
            gap: 5px;
			font-weight: 600 !important;
        }
        .cyac-tab.active {
            background: var( --e-global-color-primary );
            color: white;
            font-weight: 600;
            border-color: var( --e-global-color-primary );
            /* box-shadow: 0 4px 20px 0 rgba(111, 93, 248, 0.30); */
        }
        .cyac-tab.active svg  path
        {
           stroke: #fff !important
        }

        /* Accordion styles */
        .cyac-ufaq-accordion {
         
            overflow: hidden;
        }


       .cyac-ufaq-accordion-item {
            position: relative;
            margin-bottom: 10px;
        }
        .cyac-ufaq-accordion-item:last-child {
            
            margin-bottom: 0px;
        }
        .cyac-ufaq-accordion-item:before 
        {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 4px;
            height: 100%;
            border-radius: 16px;
            border: 1px solid #F3F4F6;
            background: #EDEDED;
        }

         .cyac-ufaq-accordion-item.active:before 
        {
            border: 1px solid rgba(111, 93, 248, 0.20);
            background: rgba(111, 93, 248, 0.14);
            box-shadow: 0 4px 20px 0 rgba(111, 93, 248, 0.06);
        }

       .item-icon-box {
            width: 44px;
            height: 44px;
            border-radius: 10px;
            background: #F9FAFB;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .cyac-ufaq-accordion-item.active .item-icon-box svg path
        {
                stroke : var( --e-global-color-primary ) !important;
        }
       .cyac-ufaq-accordion-item.active .item-icon-box
        {
            background: rgba(111, 93, 248, 0.10);
        }

        p
        {
            margin: 0;
        }

        .cyac-ufaq-accordion-header {
            padding: 10px 20px;
            cursor: pointer;
            font-weight: 600;
            display: flex;   
            gap: 10px;        
            align-items: center;
            user-select: none;
            color: var( --e-global-color-6f80aad );
            position: relative;
			padding-righT:40px
        }  


        .cyac-ufaq-accordion .cyac-ufaq-accordion-header::after {
            content: '';
            position: absolute;
            right: 10px;
            top: 30px;
            width: 12px;
            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-ufaq-accordion-item.active .cyac-ufaq-accordion-header::after
         {
            transform: rotate(180deg);
        }
        .cyac-ufaq-accordion-content {
            max-height: 0;
            overflow: hidden;
            padding: 0px 0px 0px 74px;
            transition: max-height 0.3s ease, padding 0.3s ease;
        }
       .cyac-ufaq-accordion-item.active .cyac-ufaq-accordion-content {
            max-height: 500px;
            padding: 10px 0px 10px 74px;
        }   
        .cyac-ufaq-accordion-icon {
            transition: transform 0.3s ease;
        }
        .cyac-ufaq-accordion-item.active .cyac-ufaq-accordion-icon {
            transform: rotate(90deg);
        }
        .cyac-ufaq-accordion-content p
        {
            margin: 0;
        }


    .cyac--info-card {
    border-radius: 16px;
    border: 1px solid rgba(111, 93, 248, 0.10);
    background: linear-gradient(135deg, rgba(111, 93, 248, 0.08) 0%, rgba(54, 166, 245, 0.08) 100%);
    display: flex;
    padding: 25px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin-top: 20px;
}

        .cyac--info-card h4,
        .cyac--info-card p
        {
            margin: 0;
        }
        .cyac--info-card h4
        {
            color: #0A0628;
            font-family: "Urbanist", Sans-serif;
            font-size: 20px;
            font-weight: 700;
        }

        .cyac--info-card p
        {
         
            font-size: 16px;
            font-weight: 500;
        }


        .cyac--link-btn {
            background-color: var(--e-global-color-primary);
            font-family: "Urbanist", Sans-serif;
            font-size: 16px;
               font-weight: 600 !important;
            fill: var(--e-global-color-0ca1400) !important;
            color: var(--e-global-color-0ca1400) !important;
            border-radius: 30px 30px 30px 30px;
            padding: 14px 14px 14px 14px;
            display: flex;
            align-items: center;
            gap: 15px;
        }


        @media (max-width:767px) {
            .cyac--row {
                flex-direction: column;
            }


            .cyac-leftcols {
                width:100%;
            }

            .cyac-rightcols {
                width: 100%;
            }

        }