.elementor-1099 .elementor-element.elementor-element-52bc7a2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1099 .elementor-element.elementor-element-1a310f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-1099 .elementor-element.elementor-element-fab6d4c{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-1099 .elementor-element.elementor-element-fab6d4c:not(.elementor-motion-effects-element-type-background), .elementor-1099 .elementor-element.elementor-element-fab6d4c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1099 .elementor-element.elementor-element-f7e7111 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1099 .elementor-element.elementor-element-4789dc9{font-family:"Lato", Sans-serif;font-size:16px;color:#000000;}.elementor-1099 .elementor-element.elementor-element-e0b04ea .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:22px;font-weight:600;color:#000000;}.elementor-1099 .elementor-element.elementor-element-f4c368a{font-family:"Lato", Sans-serif;font-size:16px;color:#000000;}.elementor-1099 .elementor-element.elementor-element-386e6e2 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1099 .elementor-element.elementor-element-495cdf5{padding:0px 0px 0px 23px;}.elementor-1099 .elementor-element.elementor-element-495cdf5 .elementor-image-box-wrapper{text-align:start;}.elementor-1099 .elementor-element.elementor-element-495cdf5 .elementor-image-box-title{font-family:"Lato", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-1099 .elementor-element.elementor-element-495cdf5:has(:hover) .elementor-image-box-title,
					 .elementor-1099 .elementor-element.elementor-element-495cdf5:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-1099 .elementor-element.elementor-element-e43f583{padding:0px 0px 0px 23px;}.elementor-1099 .elementor-element.elementor-element-e43f583 .elementor-image-box-wrapper{text-align:start;}.elementor-1099 .elementor-element.elementor-element-e43f583 .elementor-image-box-title{font-family:"Lato", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-1099 .elementor-element.elementor-element-e43f583:has(:hover) .elementor-image-box-title,
					 .elementor-1099 .elementor-element.elementor-element-e43f583:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-1099 .elementor-element.elementor-element-3d27d33 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-1099 .elementor-element.elementor-element-fe34dd5 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-1099 .elementor-element.elementor-element-b90143b .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-1099 .elementor-element.elementor-element-60220da .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-1099 .elementor-element.elementor-element-78cbfa5 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-1099 .elementor-element.elementor-element-d270ff3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1099 .elementor-element.elementor-element-3b0f503{padding:0px 0px 0px 12px;}.elementor-1099 .elementor-element.elementor-element-3b0f503 img{border-radius:10px 10px 10px 10px;}body.elementor-page-1099:not(.elementor-motion-effects-element-type-background), body.elementor-page-1099 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D3033;}@media(min-width:768px){.elementor-1099 .elementor-element.elementor-element-1a310f1{--width:65%;}.elementor-1099 .elementor-element.elementor-element-d270ff3{--width:35%;}}/* Start custom CSS for html, class: .elementor-element-dd0f739 */.steps-grid {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin: 22px auto;
  max-width: 1180px;
  padding: 18px 12px;
  box-sizing: border-box;
  font-family: Lato;
}
.step-card {
  display: flex;
  background: #fff;
  border: 1.5px solid #eee;
  border-radius: 7px;
  box-shadow: 0 3px 16px 0 #dedede38;
  align-items: stretch;
  padding: 0;
  overflow: hidden;
  min-height: 140px;
}
.step-left {
  flex: 1 1 67%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px 24px;
  min-width: 0;
}
.step-header {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 7px;
}
.step-number {
  display: inline-flex;
  align-items: center; 
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #0c284c;
  color: #fff;
  font-size: 1.27rem!important;
  font-weight: 700;
  border-radius: 5px;
  margin-right: 6px;
}
.step-title {
  font-size: 1.3rem!important;
  font-weight: 600;
  color: #101322;
  letter-spacing: -.2px;
}
.step-desc {
  color: #181c26;
  font-size: 1.2rem;
  margin-bottom: 23px;
  margin-top: 2px;
}
.step-btn {
  background: #d92336;
  color: #fff;
  font-size: 1.10rem;
  font-weight: bold;
  border: none;
  border-radius: 7px;
  padding: 15px 45px;
  margin-top: 0;
  width: fit-content;
  transition: background 0.15s;
  box-shadow: 0 1px 8px #D9233643;
  text-decoration: none;
  display: inline-block;
}
.step-btn:hover { background: #b51628; }
.step-image-box {
  flex: 1 1 40%;
  max-width: 285px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 8px 18px 8px 0;
  background: transparent;
}
.step-image {
  max-width: 250px;
  max-height: 135px;
  display: block;
  object-fit: contain;
  border-radius: 6px;
  box-shadow: 0 0 0 1.5px #eee, 0 7px 28px #00000013;
}
@media (max-width: 850px) {
  .steps-grid { padding-left: 0; padding-right: 0; }
  .step-card { flex-direction: column; align-items: stretch; }
  .step-left, .step-image-box { max-width: 100%; }
  .step-left {padding: 18px 14px;}
  .step-image-box {
    justify-content: center;
    padding: 8px 0 18px 0;
  }
  .step-image { max-width: 95vw; max-height: 180px;}
}
@media (max-width: 550px) {
  .step-header {flex-direction: column; align-items: flex-start; gap: 3px;}
  .step-card {border-radius: 4px;}
  .step-btn {font-size: 1rem; padding: 12px 18px;}
  .step-title {font-size: 1.02rem;}
  .step-desc {font-size: 0.97rem;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f318041 */.cricket-predictions-section {
    font-family: Arial, sans-serif;
    width: 350px; /* Adjust width as needed */
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin: 10px; /* For demonstration purposes */
    font-family: lato;
}

.cricket-predictions-section .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.cricket-predictions-section .header h2 {
    margin: 0;
    font-size: 1.5em;
    color: #333;
}

.cricket-predictions-section .view-all {
    text-decoration: none;
    color: #007bff;
    font-weight: bold;
    font-size: 0.9em;
}

.cricket-predictions-section .view-all .arrow {
    margin-left: 5px;
}

.cricket-predictions-section .match-card {
    background-color: #f9f9f9;
    border-radius: 6px;
    margin-bottom: 15px;
    padding: 10px 15px;
    border: 1px solid #eee;
}

.cricket-predictions-section .match-card .date-time {
    background-color: #e0e0e0;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.8em;
    color: #555;
    margin-bottom: 10px;
    display: inline-block; /* To make it fit its content */
}

.cricket-predictions-section .match-card .teams h3 {
    margin: 0 0 5px 0;
    font-size: 1em;
    color: #333;
}

.cricket-predictions-section .match-card .league {
    margin: 0;
    font-size: 0.85em;
    color: #777;
    margin-bottom: 10px;
}

.cricket-predictions-section .match-card .predictions {
    display: flex;
    justify-content: space-around;
    background-color: #e0f2f7; /* Light blue background for predictions */
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.cricket-predictions-section .match-card .predictions .team-prediction {
    text-align: center;
    padding: 5px 10px;
    border-right: 1px solid #cceeff; /* Separator */
}

.cricket-predictions-section .match-card .predictions .team-prediction:last-child {
    border-right: none;
}

.cricket-predictions-section .match-card .predictions .team-initials {
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    color: #333;
}

.cricket-predictions-section .match-card .predictions .percentage {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    color: #007bff;
    margin-top: 3px;
}

/* Hide on mobile and tablet */
@media (max-width: 991px) { /* Adjust breakpoint as needed for tablet/mobile */
    .cricket-predictions-section {
        display: none;
    }
}/* End custom CSS */