*, :before, :after{
        --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-gradient-to-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-from-position: ;
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
}

body {
  font-family: Arial, sans-serif;
  background-color: #f9f9f9;
  padding: 20px;
  margin: 0;
}

.container {
  /* display: flex; */
  /* flex-direction: column;
  gap: 30px;
  align-items: center; */
}

.party-list {
  display: grid;
  row-gap: 32px;
  column-gap: 16px;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.party-button {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 5px solid #ffffff;
  outline: 2px solid #d1d5db;
  font-weight: bold;
  color: white;
  padding: 11px;
  display: block;
  cursor: pointer;
  transition: transform 0.2s;background-size: contain !important;
}

.party-con:hover .party-button {
  transform: scale(1.1);
}
.party-button:hover {
    outline: 2px solid #9ca3af;
}
.party-con:hover .partyNameP {
  color: #0d1015;
}
.party-button.selected:hover {
    outline: 2px solid #3b82f680;
}

.summary {
  background: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
}

#formation {
  margin-top: 15px;
}

.badge {
  display: inline-block;
  padding: 10px 16px;
  margin: 5px;
  border-radius: 30px;
  font-weight: 600;
  color: white;
}
.selected {
  outline: 2px solid #3b82f680;
    position: relative;
}

.party-button {padding: 0px;background: #fff!important;}
.party-button img {width: 100%;height: 100%;border-radius: 50%;}

/* ============== new css=================== */

.same-div {
  padding: 16px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
}
.head-title {
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  color: #1f2937;
}
.con2-head {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  margin-bottom: 24px;
}


.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.alliance-common-container{background-color: rgb(255, 255, 255);margin-bottom: 24px;padding: 16px;border-radius: 8px;}
.oi-alliance-title{font-size: 20px;line-height: 28px;font-weight: 700;color: #1f2937;text-align: center;}
.alliance-leading-party-container{padding: 24px;}
.alliance-leading-party-title{font-weight: 600;font-size: 18px;line-height: 28px;text-align: center;margin-bottom: 24px;color: #374151;}
.alliance-leading-party-grid-block{display: grid;row-gap: 32px;column-gap: 16px;grid-template-columns: repeat(7, minmax(0, 1fr));}
.party-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.partyNameP {
  color: #4b5563;
  font-weight: 500;
  font-size: 14px;margin: 14px 0px;
}
/* ---------------- */
.oi-select-leading-party-inner-content {
  margin-bottom: 16px;
}
.oi-add-circle-center,
.oi-alliance-formation-icon-center {
  display: flex;
  align-items: center;
  border-radius: 9999px;
  justify-content: center;
  background: #f3f4f6;
  width: 64px;
  height: 64px;
  margin-bottom: 0.75rem;
  margin-left: auto;
  margin-right: auto;
}
.oi-select-party-first-text,
.no-alliance-select-text {
  color: #4b5563;
  font-weight: 500;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 8px;
}
.oi-select-party-first-desc,
.no-alliance-select-text-desc {
  color: #6b7280;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.con-two h2 {
  display: block;
  color: #374151;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 24px;
}
.flag-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.con-two.active .inner-holder,
.con-three.active .inner-holder {
  /*display: none;*/
}
.con-two .inner-holder,
.con-three .inner-holder {
  display: block;
}
.con-three.active .new-body {
  display: block;
}
.con-three .new-body {
  /*display: none;*/
}
.oi-alliance-formation-center {
  padding: 32px 0px;
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.head-sub {
  display: flex;
  align-items: center;
  gap: 5px;
}
.head-sub > p {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.party-name {
  font-weight: 600;
}
.detail-head {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  padding: 10px;
  border-radius: 15px;
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.w-3 {
  width: 0.75rem;
}
.h-3 {
  height: 0.75rem;
}
.crone-holder {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
  padding: 0.375rem;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.leader-circle {
  position: relative;
  width: 5rem;
  height: 5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: 50%;
  border: 10px solid #fff;
  box-sizing: border-box;
}
.leader-party {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.lead-name {
  font-size: 1.125rem;
  /* line-height: 1.75rem; */
  font-weight: 700;
  margin: 0;
  padding-top: 10px;
}
.lead-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  margin: 0;
  padding: 10px 0 0;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.leader-circle:hover .close-hover{opacity: 1;left: -20px;top: -6px;cursor: pointer;}
.alliance-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.w-4 {
  width: 1rem;
}

.h-4 {
  height: 1rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.alliance-body {
  border-top: 1px solid rgb(229 231 235 / var(--tw-border-opacity, 1));
  margin-top: 15px;padding-top: 16px;
}
.sub-circle {
  border: 6px solid #fff;
  outline: 1px solid #afafaf;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: red;
}
.sub-name {
  --tw-text-opacity: 1;
  color: #4b5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  margin: 0;
  padding: 3px;
}
.each-sub{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;position: relative;
  transition: transform 0.2s;
}
.close-hover{background: #dc2626 url(../../images/close.svg) 0 0 no-repeat;width: 20px;height: 20px;position: absolute;background-size: cover;border-radius: 9999px;top: -8px;left: 8px;opacity: 0;transition: transform 0.2s;cursor: pointer;}
.each-sub:hover .close-hover{opacity: 1;}
.sub-all{
  display: flex;
  align-items: center;
  gap: 46px;
  justify-content: center;margin-top: 16px;flex-wrap: wrap;
}
#leadingPartyList .selected::before {
    position: absolute;
    content: '';
    background: url(../../images/check.svg) 0 0 no-repeat;
    top: -11px;
    right: -6px;
    z-index: 99;
    width: 18px;
    height: 16px;
}
#leadingPartyList .selected::after {
    width: 20px;
    height: 20px;
    background: #22c55e;
    border-radius: 9999px;
    position: absolute;
    content: '';
    top: -11px;
    right: -8px;
}
#allianceSelectorList .party-con:hover .addplusbtn {
    opacity: 1;
}
#allianceSelectorList .party-con .addplusbtn {
    width: 20px;
    height: 20px;
    border-radius: 9999px;
    background: #9ca3af url(../../images/plus-hover.svg);
    position: absolute;
    top: -5px;
    right: 0;
    opacity: 0;
    transition-duration: .2s;
}
#allianceSelectorList .party-con {
    position: relative;
}
.con-three h2 {
  text-align: left;
}
.con2-head {
    text-align: left;
}
.select-tick{width: 20px;
    height: 20px;
    border-radius: 9999px;
    background: #22c55e url(../../images/check.svg);
    position: absolute;
    top: -5px;
    right: 0;
    opacity: 0;
    transition-duration: .2s;}
 .select-tick.selected{opacity: 1;outline: none;}
.con2-head {
    font-weight: 600;
    color: #374151;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 24px;
}
.no-alliance-reject-all {
    position: absolute;
    right: 20px;
    top: 14px;
}
.con-three.active .no-alliance-reject-all a {
    display: block;
}
.con-three .no-alliance-reject-all a {
    display: none;
}
.no-alliance-reject-all a:hover {
    background: #fee2e2;
    border: 1px solid #fca5a5;
}
.no-alliance-reject-all a {
    color: #dc2626;
    background: #fef2f2;
    padding: 6px 12px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    transition-duration: .2s;text-decoration: none;
}
.reset-icon {
    background: url(../../images/reply.svg) 0 0 no-repeat;
    width: 13px;
    height: 14px;
    display: inline-block;
    vertical-align: sub;
    background-size: cover;
}
.summary {
    position: relative;
}
.con-three h2 {
    text-align: left;
}
.con2-head {
    text-align: left;
}
.container-three-footer{border-top: 1px solid #f3f4f6;padding-top: 16px;margin-top: 24px;}
.container-three-footer p{text-align: center;color: #6b7280;font-size: 12px;line-height: 16px;}
.container-three-footer p:last-child{color: #9ca3af;margin-top: 4px;}

.sub-hover {
    font-size: 12px;
    line-height: 16px;
    color: #9ca3af;
    margin-top: 4px;
}

.no-all-shakehand-icon{text-align: center;}
.no-all-shakehand-icon svg{color: #d1d5db;width: 32px;height: 32px;margin-bottom: 8px;}
.no-alli-sel-text{color: #4b5563;font-size: 14px;line-height: 20px;font-weight: 500;margin-bottom: 4px;}
.no-alli-sel-desc{color: #6b7280;font-size: 12px;line-height: 16px;}
.sub-all.active .no-alliance-selected-block{display: none;}
/* .alliance-display-prop{display: none;} */
#alliance-displaytext, #alliance-displayblock{/*display: none;*/}


.DMK {background: url(https://images.oneindia.com/elections/parties/dmk-logo.png);}
.AIADMK{background: url(https://images.oneindia.com/elections/parties/aiadmk-logo.png);}
.BJP{background: url(https://images.oneindia.com/elections/parties/bjp-logo.png);}
.INC{background: url(https://images.oneindia.com/elections/parties/inc-logo.png);}
.IUML{background: url(https://images.oneindia.com/elections/parties/iuml-logo.png);}


.alliance-predction-container{border-radius:24px;background-color: rgba(255, 255, 255, 1);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);width: 100%;overflow: hidden;}
.alliance-predction-head{padding: 12px 32px;background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));position: relative;overflow: hidden;}
.bg-gradient-to-br{background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));}
.from-slate-900{--tw-gradient-from: #0f172a var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}
.via-blue-900{--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a var(--tw-gradient-via-position), var(--tw-gradient-to);}
.to-indigo-900{--tw-gradient-to: #312e81 var(--tw-gradient-to-position);}
.alliance-predction-innerhead{display: flex;align-items: center;justify-content: space-between;}
.alliance-pred-lt{display: flex;align-items: center;}
.alliance-pred-lt-icon{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 16px;border: 1px solid #fff3;background: #ffffff1a;--tw-backdrop-blur: blur(4px);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}
.alliance-pred-lt-dtls{padding-left: 10px;}
p.alliance-sum-desc {
    color: #ffffffb3;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.alliance-sum-text{color: #fff;font-size: 20px;line-height: 28px;font-weight: 600;}
.alliance-predction-innerhead{font-size: 14px;line-height: 20px;color: #ffffffb3;font-weight: 500;}
.alliance-pred-share-btn{display: flex;align-items: center;}
.alliance-pred-share-btn a{padding: 12px 24px;display: block;background: #fff;display: flex;align-items: center;border-radius: 16px;font-size: 16px;font-weight: 600;gap: 5px;}
.pred-share-icon{background: url(../../images/share.svg) 0 0 no-repeat;width: 20px;height: 20px;background-size: cover;}

.oi-alliance-pred-content{padding:24px 32px;}
.oi-alliance-pred-eleyear{display: flex;align-items: center;justify-content: space-between;margin-bottom: 18px;}
.alliance-pred-eleyear-logo{width: 100px;}
.alliance-pred-eleyear{text-align: right;}
.alliance-pred-eleyear div{color: #6b7280;font-size: 14px;line-height: 20px;font-weight: 500;}
.alliance-pred-eleyear div:last-child{color: #111827;font-size: 18px;line-height: 24px;font-weight: 600;text-align: center;}
.oi-user-alliance-pred-container{margin-bottom: 24px;text-align: center;}
.user-alliance-pred-title{color: #111827;font-size: 22px;line-height: 36px;font-weight: 700;margin-bottom: 8px;}
.user-alliance-pred-btns{display: flex;justify-content: center;align-items: center;gap: 10px;margin-bottom: 16px;}
.user-alliance-pred-btns a{padding: 4px 12px;display: block;background: #f3f4f6;border-radius: 9999px;color: #4b5563;font-size: 12px;line-height: 16px;font-weight: 500;border: 1px solid #e5e7eb;}
.user-alliance-pred-btns a.current{color: #1d4ed8;background: #eff6ff;border: 1px solid #bfdbfe;}
.user-alliance-pred-btns a .anom-profile{background: url(../../images/person1.svg) 0 0 no-repeat;width: 16px;height: 16px;background-size: cover;display: inline-block;vertical-align: sub;margin-right: 3px;}
.user-alliance-row{display: flex;justify-content: center;align-items: center;gap: 32px;}
.user-alliance-row-flex{font-weight: 500;color: #6b7280;font-size: 14px;line-height: 20px;display: flex;gap: 8px;}
.user-alliance-date span{background: url(../../images/calendar.svg) 0 0 no-repeat;width: 20px;height: 20px;background-size: cover;display: flex;}
.user-alliance-parties span{background: url(../../images/persons.svg) 0 0 no-repeat;width: 20px;height: 20px;background-size: cover;display: flex;}

.oi-alliance-pred-leader-block{padding:24px 32px;border: 1px solid #e5e7eb80;border-radius: 24px;margin-bottom: 12px;background: #f9fafb;}
.alliance-pred-item-center{display: flex;align-items: center;justify-content: center;margin-bottom: 24px;position: relative;}
.pred-item-block{background: #ffffff;border-radius: 9999px;width: 96px;height: 96px;display: flex;align-items: center;justify-content: center;
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.pred-item-center{background-size: cover; border-radius: 9999px;width: 64px;height: 64px;}
.pred-item-over{padding: 10px;background: #eab308;border-radius: 16px;position: absolute;top: -12px;right: -12px;}
.alliance-pred-item-text{color: #000000;font-size: 24px;line-height: 32px;margin-bottom: 8px;font-weight: 700;text-align: center;}
.alliance-pred-item-name{color: #4b5563;font-size: 18px;line-height: 28px;font-weight: 600;text-align: center;}
.alliance-pred-item-party{color: #6b7280;font-size: 14px;line-height: 20px;font-weight: 400;margin-top: 4px;text-align: center;}
.own-alliance-predtext{font-size: 16px;line-height: 24px;color: #4b5563;margin-bottom: 12px;font-weight: 500;text-align: center;}
.own-alliance-predtext-btn{font-size: 16px;line-height: 24px;padding: 16px 24px;
--tw-gradient-to: #9333ea var(--tw-gradient-to-position);
--tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));border-radius: 16px;align-items: center;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  display: inline-flex;
transition-duration: .3s;
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);color: #fff;font-weight: 600;
  }
  .own-alliance-predtext-btn:hover{--tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
  .own-alliance-predtext-btn svg{width: 20px;height: 20px;margin-right: 12px;}

.oi-alliance-partners-block{margin-bottom: 20px;}
  .alliance-partners-title{text-align: center;font-size: 20px;line-height: 28px;color: #374151;font-weight: 700;margin-bottom: 24px;}
  .oi-alliance-partners-list{grid-template-columns: repeat(4, minmax(0, 1fr));gap: 12px;display: grid;}
  .oi-alliance-partners-listone{display: flex;align-items: center;flex-direction: column;}
  .alliance-partners-list-outercircle{transition-duration: .3s;background: #ffffff;border-radius: 9999px;justify-content: center;align-items: center;width: 64px;height: 64px;display: flex;
      --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.alliance-partners-list-innercirc{width: 40px;height: 40px;border-radius: 9999px;background-size: cover;}    
.alliance-partners-list-name{color: #4b5563; font-size: 14px;line-height: 20px;font-weight: 700;text-align: center;margin-top: 12px;}

.oi-alliance-warning-text{background: #fffbeb;border: 1px solid #fde68a;border-radius: 16px;margin-bottom: 12px;padding: 16px;}
.alliance-warning-head{display: flex;align-items: flex-start;gap: 12px;}
.alliance-warning-head svg{color: #d97706;width: 16px;height: 16px;margin-top: 2px;flex-shrink: 0;}
.alliance-warning-title{color: #92400e;font-size: 14px;line-height: 20px;font-weight: 600;}
.alliance-warning-desc{color: #b45309;font-size: 12px;line-height: 18px;margin-top: 4px;}
.alliance-head span{color: #000 !important;}

.flag-img-spec {height: 100%;  border-radius: 50%;}
.con2-head {text-align: left !important;}
.alliance-share-wrap {padding: 8px 18px;background: #fff;display: flex;align-items: center;border-radius: 16px;font-size: 16px;font-weight: 600;gap: 5px;}
                                                    		.alliance-share-wrap a {padding: 0 5px;}
                                                    		.alliance-share-wrap span {font-size: 12px;color: #000;font-weight: 600;}
.alliance-share-wrap a span {display: inline-block;vertical-align: middle;width: 18px;height: 18px;}

.alliance-share-wrap a span.og-img-facebook {background: url(../../images/facebook-icon.svg) no-repeat center center;background-size: contain;}
.alliance-share-wrap a span.og-img-twitter {background: url(../../images/x-icon.svg) no-repeat center center;background-size: contain;width: 16px;height: 16px;}
.alliance-share-wrap a span.og-img-whatsapp {background: url(../../images/whatsapp-icon.svg) no-repeat center center;background-size: contain;}
.alliance-share-wrap a span.og-img-instagram {background: url(../../images/instagram-icon.svg) no-repeat center center;background-size: contain;}


/* she image style  OLD */
/*
.alliance_pred_img_data .alliance-predction-container {max-width: 1080px;margin: 0 auto;background: url(../../images/alliance-bg.jpg) no-repeat 0 0;background-size: cover;max-height: 1080px;}	
.alliance_pred_img_data .oi-alliance-pred-content {}
.alliance_pred_img_data .oi-alliance-pred-leader-block {}
.alliance_pred_img_data .oi-alliance-pred-eleyear {}
.alliance_pred_img_data .oi-alliance-partners-block {}
.alliance_pred_img_data .oi-alliance-partners-list {gap: 24px;}
.alliance_pred_img_data .user-alliance-pred-title {margin-bottom: 24px;}
.alliance_pred_img_data .oi-alliance-pred-eleyear {justify-content: center;}
.alliance_pred_img_data .alliance-pred-eleyear-logo {margin-right: 40px;}
.alliance_pred_img_data .pred-item-over {padding: 6px 8px;}
.alliance_pred_img_data .alliance-partners-title, .alliance_pred_img_data .alliance-partners-list-name, .alliance_pred_img_data .user-alliance-row-flex, .alliance_pred_img_data .alliance-pred-eleyear div, .alliance_pred_img_data .alliance-pred-eleyear div:last-child, .alliance_pred_img_data .user-alliance-pred-title {color: #fff;}
.alliance_pred_img_data .user-alliance-date span{background: url(../../images/calendar-icon.svg) 0 0 no-repeat;background-size: cover;}
.alliance_pred_img_data .user-alliance-parties span{background: url(../../images/persons-icon.svg) 0 0 no-repeat;background-size: cover;}

.alliance_pred_img_data .leader-circle {}
.alliance_pred_img_data .leader-circle-logo {width: 100%;height: 100%;border-radius: 50%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;}
.alliance_pred_img_data .sub-circle {}
.alliance_pred_img_data .alliance-partners-list-outercircle {overflow: hidden;display: block;}
.alliance_pred_img_data .sub-circle img, .alliance_pred_img_data .alliance-partners-list-outercircle img {width: 100%;height: 100%;border-radius: 50%;}	
*/

/* she image style  NEW */
.alli_pred_share_img .oi-elec26-wrapper{width: 1080px;height: 1350px; margin: auto;background: url(../../images/election-prediction-bg.jpg) 0 0 no-repeat;background-position: center;background-size: cover;}
.alli_pred_share_img .oi-elec26-innercontent{display: flex;justify-content: center;flex-direction: column;text-align: center;padding: 20px;position: relative;}
.alli_pred_share_img .oi-elec26-oneindia-logo{margin-top: 20px;margin-bottom: 70px;}
.alli_pred_share_img .oi-elec26-oneindia-logo img {width: 318px;}
.alli_pred_share_img .oi-elec26-midrow{color: #fff;text-align: center;margin-bottom: 30px;}
.alli_pred_share_img .oi-elec26-name{font-size: 45px;margin-bottom: 5px;}
.alli_pred_share_img .oi-elec26-midrow h2{font-size: 80px;margin-bottom: 10px;}
.alli_pred_share_img .oi-elec26-midrow p{font-size: 40px;margin-bottom: 5px;}
.alli_pred_share_img .oi-elec26-party{text-align: center;margin: 0 auto;color: #fff;margin-bottom: 30px;}
.alli_pred_share_img .oi-elec26-party-logo{text-align: center;margin: 0 auto;margin-bottom: 15px;width: 185px;}
.alli_pred_share_img .oi-elec26-party-logo img{width: 185px;height: 185px;border-radius: 9999px;overflow: hidden;display: block;object-fit: cover;}
.alli_pred_share_img .oi-elec26-party-name{font-size: 35px;}
.alli_pred_share_img .oi-elec26-party-name span{font-size: 46px;font-weight: 600;}
.alli_pred_share_img .oi-elec26-otherpartys{background: #93052b;border-radius: 20px;padding: 30px 62px 30px 62px;margin-bottom: 10px;min-height: 506px;}
.alli_pred_share_img .oi-elec26-otherpartys-title{text-align: center;font-size: 38px;color: #fff;margin-bottom: 40px;}
.alli_pred_share_img .oi-elec26-otherpartys-list{}
.alli_pred_share_img .oi-elec26-otherpartys-list ul{justify-content: center;flex-wrap: wrap;display: flex;gap: 20px 114px;}
.alli_pred_share_img .oi-elec26-otherpartys-two{justify-content: center;flex-wrap: wrap;display: flex;gap: 20px 114px;}
.alli_pred_share_img .oi-elec26-otherpartys-two .oi-elec26-otherparty{width: 90px;height: 90px;}
.alli_pred_share_img .oi-elec26-otherpartys-list ul li{display: inline-block;vertical-align: middle;}
.alli_pred_share_img .oi-elec26-otherpartys-list ul li a{}
.alli_pred_share_img .oi-elec26-otherparty{width: 70px; height: 70px; border-radius: 9999px;border: 1px solid #fff;background: #fff;position: relative;margin: 0 auto;margin-bottom: 10px;}
.alli_pred_share_img .oi-elec26-otherparty img{width: 100%; height: 100%; border-radius: 9999px; overflow: hidden; display: block; object-fit: cover; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%;}
.alli_pred_share_img .oi-elec26-otherparty-name{color: #fff;font-size: 20px;font-weight: 600;}
.alli_pred_share_img .oi-elec26-url{color: #fff;font-size: 32px;text-align: center;}
.alli_pred_share_img .oi-elec26-otherpartys-totalpartyes{text-align: center;color: #fff;margin-top: 40px;font-size: 32px;}
.alli_pred_share_img .oi-elec26-otherpartys-totalpartyes span{margin: 0px 10px;}
.alli_pred_share_img .oi-elec26-state-ele{position: absolute;    top: 5px;    right: 20px;    width: 230px;}
.alli_pred_share_img .oi-elec26-state-ele-logo{position: relative;}
.alli_pred_share_img .oi-elec26-state-eletext {  position: absolute; top: 33%;font-size: 36px;text-transform: uppercase;font-weight: 600;color: #fff;text-align: left;width: max-content;}
.alli_pred_share_img .oi-elec26-state-eletext span{display: block;font-size: 30px;}


/* popup-css */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.4); /* shadow effect */
  z-index: 1000;
  justify-content: center;
  align-items: center;
}
.oi-prediction-popup-block{background: #fff;border-radius: 24px;overflow: hidden;max-width: 448px;width: 100%;
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.oi-prediction-popup-head{color: #fff;padding: 16px 24px;
--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);background-image: linear-gradient(to right, var(--tw-gradient-stops));}
.oi-prediction-popup-content{padding: 24px;}
.oi-prediction-popup-inner-head{display: flex;align-items: center;justify-content: space-between;}
.oi-prediction-popup-inner-head h2{font-size: 20px;line-height: 28px;font-weight: 700;color: #fff;}
.oi-prediction-popup-inner-head p{color: #dbeafe;font-size: 14px;line-height: 20px;}
.prediction-popup-signin-btns{}
.g-signin:hover{border: 2px solid #93c5fd;background: #eff6ff;color: #1d4ed8;}
.prediction-popup-signin-btns a{padding: 16px;display: flex;align-items: center;justify-content: center;border-radius: 16px;border: 2px solid #e5e7eb;transition-duration: .2s;color: #374151;font-weight: 600;}
.google-icon{--tw-gradient-to: #ef4444 var(--tw-gradient-to-position);--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);background-image: linear-gradient(to right, var(--tw-gradient-stops));border-radius: 9999px;justify-content: center;width: 20px;height: 20px;align-items: center;display: flex;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);color: #fff;font-weight: 700;margin-right: 12px;}
.signin-prof-icon{background: url(../../images/person.svg) 0 0 no-repeat;width: 24px;height: 24px;background-size: cover;display: inline-block;margin-right: 12px;}
.prediction-signin-desc{padding: 16px;margin-top: 24px;border-radius: 16px;border: 1px solid #e5e7eb;background: #f9fafb;}
.prediction-signin-desc-title{font-size: 14px !important;line-height: 20px;font-weight: 600;color: #1f2937 !important;margin-bottom: 8px;}
.prediction-signin-desc div{font-size: 12px;line-height: 16px;color: #4b5563;}
.prediction-signin-privacy{margin-top: 16px;}
.prediction-signin-privacy button{color: #4b5563;font-size: 14px;line-height: 20px;align-items: center;display: flex;border: none;background: none;}

.prediction-signin-privacy button span{margin-left: 8px;}
.prediction-signin-footer{margin-top: 24px;}
.prediction-signin-footer p{    color: #6b7280;font-size: 12px;line-height: 16px;text-align: center;}
.close-popup-icon{cursor: pointer;}
/* Right-block */
.oi-alliance-popular-leaders{padding: 16px;background: #fff;border-radius: 8px;margin-bottom: 24px;}
.oi-alliance-popular-leaders-title{font-size: 16px;line-height: 24px;color: #374151;font-weight: 600;margin-bottom: 16px;}
.oi-alliance-popular-leaders-list{}
.oi-alliance-popular-leaders-list a{display: block;padding: 6px 0px;font-size: 14px;line-height: 20px;font-weight: 500;color: #2563eb;transition-duration: .2s;}
.oi-alliance-popular-leaders-list a:hover{text-decoration-line: underline;color: #1e40af;border-radius: 12px;}
.other-signin:hover{background: #f9fafb;border: 2px solid #d1d5db;}

 .oi-elec26-wrapper{width: 100%;height: auto; margin: auto;background: url(../../images/election-prediction-bg.jpg) 0 0 no-repeat;background-position: center;background-size: cover;}
 .oi-elec26-innercontent{display: flex;justify-content: center;flex-direction: column;text-align: center;padding: 20px;position: relative;}
 .oi-elec26-oneindia-logo{margin-top: 20px;margin-bottom: 70px;}
 .oi-elec26-oneindia-logo img {width: 190px;}
 .oi-elec26-midrow{color: #fff;text-align: center;margin-bottom: 30px;}
 .oi-elec26-name{font-size: 30px;margin-bottom: 5px;}
 .oi-elec26-midrow h2{font-size: 38px;margin-bottom: 10px;}
.oi-elec26-midrow p{font-size: 30px;margin-bottom: 5px;}
.oi-elec26-party{text-align: center;margin: 0 auto;color: #fff;margin-bottom: 30px;}
.oi-elec26-party-logo{text-align: center;margin: 0 auto;margin-bottom: 15px;width: 140px;}
.oi-elec26-party-logo img{width: 140px;height: 140px;border-radius: 9999px;overflow: hidden;display: block;object-fit: cover;}
.oi-elec26-party-name{font-size: 26px;}
.oi-elec26-party-name span{font-size: 30px;font-weight: 600;}
.oi-elec26-otherpartys{background: #93052b;border-radius: 20px;padding: 30px 24px 30px 24px;margin-bottom: 10px;}
.oi-elec26-otherpartys-title{text-align: center;font-size: 24px;color: #fff;margin-bottom: 22px;}
.oi-elec26-otherpartys-list{}
.oi-elec26-otherpartys-list ul{justify-content: center;flex-wrap: wrap;display: flex;gap: 20px 114px;}
.oi-elec26-otherpartys-two{justify-content: center;flex-wrap: wrap;display: flex;gap: 20px 114px;}
.oi-elec26-otherpartys-two .oi-elec26-otherparty{width: 90px;height: 90px;}
.oi-elec26-otherpartys-list ul li{}
.oi-elec26-otherpartys-list ul li a{}
.oi-elec26-otherparty{width: 70px;height: 70px;border-radius: 9999px;border: 1px solid #fff;background: #fff;position: relative;margin: 0 auto;margin-bottom: 10px;}
.oi-elec26-otherparty img{width: 100%;height: 100%;border-radius: 9999px;overflow: hidden;display: block;object-fit: cover;transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;}
.oi-elec26-otherparty-name{color: #fff;font-size: 16px;font-weight: 600;}
.oi-elec26-url{color: #fff;font-size: 18px;text-align: center;}
.oi-elec26-otherpartys-totalpartyes{text-align: center;color: #fff;margin-top: 20px;font-size: 22px;}
.oi-elec26-otherpartys-totalpartyes span{margin: 0px 10px;}
.oi-elec26-state-ele{position: absolute;top: 5px;right: 30px;width: 125px;}
.oi-elec26-state-ele-logo{position: relative;}
.oi-elec26-state-eletext {position: absolute;top: 33%;font-size: 22px;text-transform: uppercase;font-weight: 600;color: #fff;text-align: left;width: max-content;}
.oi-elec26-state-eletext span{display: block;font-size: 18px;}

.oi-expand-morecontent{padding: 15px;color: #fff;background: red;border: none;cursor: pointer;border-radius: 5px;margin-top: 10px;position: relative;left: 43%;}
.alliance-leading-party-grid-block{height: 240px;overflow: hidden;transition: max-height 0.5s ease;padding: 10px 2px 2px 2px;}
.alliance-leading-party-grid-block.expanded {height: auto;}
.party-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}