.elementor-202 .elementor-element.elementor-element-dc80133{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-202 .elementor-element.elementor-element-e13cc34{padding:0px 0px 0px 0px;}.elementor-202 .elementor-element.elementor-element-a4790a5{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:050px;--margin-bottom:0120px;--margin-left:0px;--margin-right:0px;}.elementor-202 .elementor-element.elementor-element-b0ba914{--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;box-shadow:0px 0px 12px -2px rgba(0,0,0,0.5);}.elementor-202 .elementor-element.elementor-element-140557e{--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;}.elementor-202 .elementor-element.elementor-element-5c7721e{--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:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-202 .elementor-element.elementor-element-5c7721e:not(.elementor-motion-effects-element-type-background), .elementor-202 .elementor-element.elementor-element-5c7721e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.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-202 .elementor-element.elementor-element-7108b22 .elementor-heading-title{font-family:"Varela Round", Sans-serif;font-size:22px;font-weight:600;line-height:45px;color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-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-202 .elementor-element.elementor-element-f4502a4 .elementor-icon-box-wrapper{align-items:start;gap:16px;}.elementor-202 .elementor-element.elementor-element-f4502a4 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-f4502a4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-f4502a4.elementor-view-framed .elementor-icon, .elementor-202 .elementor-element.elementor-element-f4502a4.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-f4502a4 .elementor-icon{font-size:32px;}.elementor-202 .elementor-element.elementor-element-f4502a4 .elementor-icon-box-title, .elementor-202 .elementor-element.elementor-element-f4502a4 .elementor-icon-box-title a{font-family:"Varela Round", Sans-serif;font-weight:600;}.elementor-202 .elementor-element.elementor-element-f4502a4:has(:hover) .elementor-icon-box-title, .elementor-202 .elementor-element.elementor-element-f4502a4:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-f4502a4 .elementor-icon-box-description{font-family:"Mulish", Sans-serif;font-size:17px;font-weight:500;color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-c30e018 .elementor-icon-box-wrapper{align-items:start;gap:16px;}.elementor-202 .elementor-element.elementor-element-c30e018 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-c30e018.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-c30e018.elementor-view-framed .elementor-icon, .elementor-202 .elementor-element.elementor-element-c30e018.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-c30e018 .elementor-icon{font-size:32px;}.elementor-202 .elementor-element.elementor-element-c30e018 .elementor-icon-box-title, .elementor-202 .elementor-element.elementor-element-c30e018 .elementor-icon-box-title a{font-family:"Varela Round", Sans-serif;font-weight:600;}.elementor-202 .elementor-element.elementor-element-c30e018:has(:hover) .elementor-icon-box-title, .elementor-202 .elementor-element.elementor-element-c30e018:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-c30e018 .elementor-icon-box-description{font-family:"Mulish", Sans-serif;font-size:17px;font-weight:500;color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-df6afee .elementor-icon-box-wrapper{align-items:start;gap:16px;}.elementor-202 .elementor-element.elementor-element-df6afee .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-df6afee.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-df6afee.elementor-view-framed .elementor-icon, .elementor-202 .elementor-element.elementor-element-df6afee.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-df6afee .elementor-icon{font-size:32px;}.elementor-202 .elementor-element.elementor-element-df6afee .elementor-icon-box-title, .elementor-202 .elementor-element.elementor-element-df6afee .elementor-icon-box-title a{font-family:"Varela Round", Sans-serif;font-weight:600;}.elementor-202 .elementor-element.elementor-element-df6afee:has(:hover) .elementor-icon-box-title, .elementor-202 .elementor-element.elementor-element-df6afee:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-df6afee .elementor-icon-box-description{font-family:"Mulish", Sans-serif;font-size:17px;font-weight:500;color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-bf2e3f3{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-202 .elementor-element.elementor-element-bf2e3f3 .elementor-heading-title{font-family:"Varela Round", Sans-serif;font-size:18px;font-weight:600;line-height:45px;color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-babbe34{--grid-template-columns:repeat(0, auto);text-align:left;margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--icon-size:18px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-202 .elementor-element.elementor-element-babbe34 .elementor-social-icon{background-color:var( --e-global-color-secondary );}.elementor-202 .elementor-element.elementor-element-9973da3{--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;}.elementor-202 .elementor-element.elementor-element-f48c0c2{--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;}.elementor-202 .elementor-element.elementor-element-1b96fc8 .elementor-heading-title{font-family:"Varela Round", Sans-serif;font-size:22px;font-weight:600;line-height:45px;color:var( --e-global-color-text );}.elementor-202 .elementor-element.elementor-element-826f58e{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-202 .elementor-element.elementor-element-9351ae3{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-202 .elementor-element.elementor-element-bd47c84{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-202 .elementor-element.elementor-element-bd47c84 iframe{height:475px;filter:brightness( 102% ) contrast( 93% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}@media(max-width:767px){.elementor-202 .elementor-element.elementor-element-7108b22 .elementor-heading-title{font-size:25px;}.elementor-202 .elementor-element.elementor-element-bf2e3f3 .elementor-heading-title{font-size:25px;}.elementor-202 .elementor-element.elementor-element-1b96fc8 .elementor-heading-title{font-size:25px;}}@media(min-width:768px){.elementor-202 .elementor-element.elementor-element-140557e{--width:50%;}.elementor-202 .elementor-element.elementor-element-5c7721e{--width:100%;}.elementor-202 .elementor-element.elementor-element-9973da3{--width:50%;}.elementor-202 .elementor-element.elementor-element-f48c0c2{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-e13cc34 */.about-page-banner { position: relative; min-height: 420px; display: flex; align-items: center; justify-content: center; text-align: center; background-image: url('https://www.daynightboxcricket.in/wp-content/uploads/2026/06/Box-slider01.png'); background-size: cover; background-position: center; background-attachment: fixed; /* parallax feel */ padding: 150px 20px 80px; } /* ── OVERLAY — 3 layers for deep shade on bright images ── Layer 1 : solid dark base (darkens the whole image) Layer 2 : radial vignette (darkens edges, esp. top & bottom) Layer 3 : bottom gradient (extra shade under the text) ─────────────────────────────────────────────────────── */ .about-banner-overlay { position: absolute; inset: 0; background: /* layer 3 — bottom gradient so text has dark floor */ linear-gradient( to top, rgba(4, 29, 56, 0.75) 0%, transparent 50% ), /* layer 2 — radial vignette darkens corners & edges */ radial-gradient( ellipse at center, transparent 30%, rgba(2, 15, 30, 0.65) 100% ), /* layer 1 — base dark wash over entire image */ linear-gradient( rgba(4, 29, 56, 0.78), rgba(4, 29, 56, 0.72) ); } /* ── CONTENT ── */ .about-banner-content { position: relative; z-index: 2; max-width: 850px; } /* ── TAG ── */ .about-tag { display: inline-block; padding: 10px 20px; border-radius: 50px; background: rgba(0, 208, 132, 0.15); border: 1px solid rgba(0, 208, 132, 0.45); color: #00d084; font-size: 14px; font-weight: 600; margin-bottom: 20px; /* subtle glow so tag pops on bright bg */ filter: drop-shadow(0 2px 8px rgba(0, 208, 132, 0.35)); } /* ── HEADING ── */ .about-banner-content h1 { color: #fff; font-size: clamp(36px, 5vw, 72px); line-height: 1.05; margin-bottom: 20px; font-weight: 800; /* multi-layer shadow for legibility on any bg brightness */ text-shadow: 0 2px 4px rgba(0, 0, 0, 0.60), 0 4px 16px rgba(0, 0, 0, 0.50), 0 8px 40px rgba(0, 0, 0, 0.40); } /* ── PARAGRAPH ── */ .about-banner-content p { color: #e8edf2; font-size: 18px; line-height: 1.8; max-width: 700px; margin: auto; /* lighter shadow so paragraph stays readable */ text-shadow: 0 1px 3px rgba(0, 0, 0, 0.70), 0 2px 12px rgba(0, 0, 0, 0.50); } /* ================================ TABLET ( ≤ 991px ) ================================ */ @media (max-width: 991px) { .about-page-banner { min-height: 380px; padding: 110px 25px 70px; background-attachment: scroll; /* fixed causes jank on tablet */ } } /* ================================ MOBILE ( ≤ 767px ) ================================ */ @media (max-width: 767px) { ``` .about-page-banner { min-height: 380px; padding: 150px 20px 60px; background-attachment: scroll; } .about-banner-content { max-width: 100%; } .about-tag { font-size: 12px; padding: 8px 16px; margin-bottom: 15px; } .about-banner-content h1 { font-size: 32px; line-height: 1.1; } .about-banner-content p { font-size: 15px; line-height: 1.7; } ``` } /* ================================ SMALL MOBILE ( ≤ 480px ) ================================ */ @media (max-width: 480px) { ``` .about-page-banner { min-height: 340px; padding: 180px 15px 50px; } .about-banner-content h1 { font-size: 28px; padding-top: 20px; } .about-banner-content p { font-size: 14px; } ``` } .about-banner-content { ``` position: relative; z-index: 2; max-width: 850px; padding-top: 20px; ``` }/* End custom CSS */