.elementor-373 .elementor-element.elementor-element-5c6a69a{--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;--overlay-opacity:0.6;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:150px;--padding-right:0px;}.elementor-373 .elementor-element.elementor-element-5c6a69a:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-5c6a69a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://odishaathletics.in/wp-content/uploads/2026/05/photo-1577223625816-7546f13df25d.avif");background-position:center center;background-size:cover;}.elementor-373 .elementor-element.elementor-element-5c6a69a::before, .elementor-373 .elementor-element.elementor-element-5c6a69a > .elementor-background-video-container::before, .elementor-373 .elementor-element.elementor-element-5c6a69a > .e-con-inner > .elementor-background-video-container::before, .elementor-373 .elementor-element.elementor-element-5c6a69a > .elementor-background-slideshow::before, .elementor-373 .elementor-element.elementor-element-5c6a69a > .e-con-inner > .elementor-background-slideshow::before, .elementor-373 .elementor-element.elementor-element-5c6a69a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-373 .elementor-element.elementor-element-0fe0840{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-373 .elementor-element.elementor-element-49231b5 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-373 .elementor-element.elementor-element-49231b5 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-373 .elementor-element.elementor-element-49231b5{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-373 .elementor-element.elementor-element-49231b5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-373 .elementor-element.elementor-element-49231b5 .elementor-icon-list-item > a{font-family:var( --e-global-typography-5890434-font-family ), Sans-serif;font-size:var( --e-global-typography-5890434-font-size );font-weight:var( --e-global-typography-5890434-font-weight );text-transform:var( --e-global-typography-5890434-text-transform );font-style:var( --e-global-typography-5890434-font-style );text-decoration:var( --e-global-typography-5890434-text-decoration );line-height:var( --e-global-typography-5890434-line-height );letter-spacing:var( --e-global-typography-5890434-letter-spacing );}.elementor-373 .elementor-element.elementor-element-49231b5 .elementor-icon-list-text{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-373 .elementor-element.elementor-element-dd2021c{padding:8px 8px 8px 8px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-secondary );border-radius:25px 25px 25px 25px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-373 .elementor-element.elementor-element-dd2021c .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-373 .elementor-element.elementor-element-dd2021c .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-373 .elementor-element.elementor-element-dd2021c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-373 .elementor-element.elementor-element-dd2021c .elementor-icon-list-item > a{font-family:var( --e-global-typography-5890434-font-family ), Sans-serif;font-size:var( --e-global-typography-5890434-font-size );font-weight:var( --e-global-typography-5890434-font-weight );text-transform:var( --e-global-typography-5890434-text-transform );font-style:var( --e-global-typography-5890434-font-style );text-decoration:var( --e-global-typography-5890434-text-decoration );line-height:var( --e-global-typography-5890434-line-height );letter-spacing:var( --e-global-typography-5890434-letter-spacing );}.elementor-373 .elementor-element.elementor-element-dd2021c .elementor-icon-list-text{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-373 .elementor-element.elementor-element-cf966b9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-373 .elementor-element.elementor-element-cf966b9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:48px;}.elementor-373 .elementor-element.elementor-element-75de40f{width:var( --container-widget-width, 54% );max-width:54%;--container-widget-width:54%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-d09b01f{--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-373 .elementor-element.elementor-element-770138d{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-373 .elementor-element.elementor-element-9fa3172{--display:flex;}.elementor-373 .elementor-element.elementor-element-9fa3172:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-9fa3172 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-0256c2b{text-align:center;}.elementor-373 .elementor-element.elementor-element-0256c2b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-1a651b2{text-align:center;}.elementor-373 .elementor-element.elementor-element-1a651b2 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-377b938{--display:flex;}.elementor-373 .elementor-element.elementor-element-377b938:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-377b938 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-742338e{text-align:center;}.elementor-373 .elementor-element.elementor-element-742338e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-aca0eed{text-align:center;}.elementor-373 .elementor-element.elementor-element-aca0eed .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-9dd43e4{--display:flex;}.elementor-373 .elementor-element.elementor-element-9dd43e4:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-9dd43e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-65db4f8{text-align:center;}.elementor-373 .elementor-element.elementor-element-65db4f8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-16e1de9{text-align:center;}.elementor-373 .elementor-element.elementor-element-16e1de9 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-5cf7ebe{--display:flex;}.elementor-373 .elementor-element.elementor-element-5cf7ebe:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-5cf7ebe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-e83883f{text-align:center;}.elementor-373 .elementor-element.elementor-element-e83883f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-7ecccc1{text-align:center;}.elementor-373 .elementor-element.elementor-element-7ecccc1 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-8e02083{--display:flex;}.elementor-373 .elementor-element.elementor-element-8e02083:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-8e02083 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-109dbc9{text-align:center;}.elementor-373 .elementor-element.elementor-element-109dbc9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-94e5b42{text-align:center;}.elementor-373 .elementor-element.elementor-element-94e5b42 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-d48ba22{--display:flex;}.elementor-373 .elementor-element.elementor-element-d48ba22:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-d48ba22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-ec7a68c{text-align:center;}.elementor-373 .elementor-element.elementor-element-ec7a68c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-1f4c203{text-align:center;}.elementor-373 .elementor-element.elementor-element-1f4c203 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-715a69a{--display:flex;}.elementor-373 .elementor-element.elementor-element-715a69a:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-715a69a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-439d472{text-align:center;}.elementor-373 .elementor-element.elementor-element-439d472 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-c80b330{text-align:center;}.elementor-373 .elementor-element.elementor-element-c80b330 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-b4ace1a{--display:flex;}.elementor-373 .elementor-element.elementor-element-b4ace1a:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-b4ace1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-db290b9{text-align:center;}.elementor-373 .elementor-element.elementor-element-db290b9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-855552b{text-align:center;}.elementor-373 .elementor-element.elementor-element-855552b .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-6b89393{--display:flex;}.elementor-373 .elementor-element.elementor-element-6b89393:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-6b89393 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-7b9f8e2{text-align:center;}.elementor-373 .elementor-element.elementor-element-7b9f8e2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-a4a1083{text-align:center;}.elementor-373 .elementor-element.elementor-element-a4a1083 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-a61fcc0{--display:flex;}.elementor-373 .elementor-element.elementor-element-a61fcc0:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-a61fcc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-4161584{text-align:center;}.elementor-373 .elementor-element.elementor-element-4161584 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-e2f17a7{text-align:center;}.elementor-373 .elementor-element.elementor-element-e2f17a7 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-e117f84{--display:flex;}.elementor-373 .elementor-element.elementor-element-e117f84:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-e117f84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-10a7e58{text-align:center;}.elementor-373 .elementor-element.elementor-element-10a7e58 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-5e1fa46{text-align:center;}.elementor-373 .elementor-element.elementor-element-fa8dfeb{--display:flex;}.elementor-373 .elementor-element.elementor-element-fa8dfeb:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-fa8dfeb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-679fd93{text-align:center;}.elementor-373 .elementor-element.elementor-element-679fd93 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-ef78891{text-align:center;}.elementor-373 .elementor-element.elementor-element-ef78891 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-d42135a{--display:flex;}.elementor-373 .elementor-element.elementor-element-d42135a:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-d42135a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-c49e0b6{text-align:center;}.elementor-373 .elementor-element.elementor-element-c49e0b6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-a73f6a5{text-align:center;}.elementor-373 .elementor-element.elementor-element-a73f6a5 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-fab3b9d{--display:flex;}.elementor-373 .elementor-element.elementor-element-fab3b9d:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-fab3b9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-469473b{text-align:center;}.elementor-373 .elementor-element.elementor-element-469473b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-f7c874d{text-align:center;}.elementor-373 .elementor-element.elementor-element-f7c874d .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-eabab60{--display:flex;}.elementor-373 .elementor-element.elementor-element-eabab60:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-eabab60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-e488338{text-align:center;}.elementor-373 .elementor-element.elementor-element-e488338 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-b290b7a{text-align:center;}.elementor-373 .elementor-element.elementor-element-b290b7a .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-5fa913a{--display:flex;}.elementor-373 .elementor-element.elementor-element-5fa913a:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-5fa913a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-7ca168e{text-align:center;}.elementor-373 .elementor-element.elementor-element-7ca168e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-e585f87{text-align:center;}.elementor-373 .elementor-element.elementor-element-e585f87 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-bd0879c{--display:flex;}.elementor-373 .elementor-element.elementor-element-bd0879c:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-bd0879c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-92bacfa{text-align:center;}.elementor-373 .elementor-element.elementor-element-92bacfa .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-a25e022{text-align:center;}.elementor-373 .elementor-element.elementor-element-a25e022 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-9707d26{--display:flex;}.elementor-373 .elementor-element.elementor-element-9707d26:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-9707d26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-f2def3b{text-align:center;}.elementor-373 .elementor-element.elementor-element-f2def3b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-8317fde{text-align:center;}.elementor-373 .elementor-element.elementor-element-8317fde .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-d9af47e{--display:flex;}.elementor-373 .elementor-element.elementor-element-d9af47e:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-d9af47e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-155ceda{text-align:center;}.elementor-373 .elementor-element.elementor-element-155ceda .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-5889383{text-align:center;}.elementor-373 .elementor-element.elementor-element-5889383 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-574e0e5{--display:flex;}.elementor-373 .elementor-element.elementor-element-574e0e5:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-574e0e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-13b17c6{text-align:center;}.elementor-373 .elementor-element.elementor-element-13b17c6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-f6b3247{text-align:center;}.elementor-373 .elementor-element.elementor-element-f6b3247 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-515d4f6{--display:flex;}.elementor-373 .elementor-element.elementor-element-515d4f6:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-515d4f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-4a6858d{text-align:center;}.elementor-373 .elementor-element.elementor-element-4a6858d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-24d6649{text-align:center;}.elementor-373 .elementor-element.elementor-element-24d6649 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-22a83a0{--display:flex;}.elementor-373 .elementor-element.elementor-element-22a83a0:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-22a83a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-551c167{text-align:center;}.elementor-373 .elementor-element.elementor-element-551c167 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-837aaea{text-align:center;}.elementor-373 .elementor-element.elementor-element-837aaea .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-61cf27a{--display:flex;}.elementor-373 .elementor-element.elementor-element-61cf27a:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-61cf27a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-b7f11ec{text-align:center;}.elementor-373 .elementor-element.elementor-element-b7f11ec .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-79a11c3{text-align:center;}.elementor-373 .elementor-element.elementor-element-79a11c3 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-999a3a8{--display:flex;}.elementor-373 .elementor-element.elementor-element-999a3a8:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-999a3a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-be808a6{text-align:center;}.elementor-373 .elementor-element.elementor-element-be808a6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-8be15c4{text-align:center;}.elementor-373 .elementor-element.elementor-element-8be15c4 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-ba5d586{--display:flex;}.elementor-373 .elementor-element.elementor-element-ba5d586:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-ba5d586 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-25092de{text-align:center;}.elementor-373 .elementor-element.elementor-element-25092de .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-c8297cf{text-align:center;}.elementor-373 .elementor-element.elementor-element-c8297cf .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-27e41be{--display:flex;}.elementor-373 .elementor-element.elementor-element-27e41be:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-27e41be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-d927ae6{text-align:center;}.elementor-373 .elementor-element.elementor-element-d927ae6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-6b62686{text-align:center;}.elementor-373 .elementor-element.elementor-element-1d7554b{--display:flex;}.elementor-373 .elementor-element.elementor-element-1d7554b:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-1d7554b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-002d2b3{text-align:center;}.elementor-373 .elementor-element.elementor-element-002d2b3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-091871b{text-align:center;}.elementor-373 .elementor-element.elementor-element-091871b .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-d9a634c{--display:flex;}.elementor-373 .elementor-element.elementor-element-d9a634c:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-d9a634c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-4203d16{text-align:center;}.elementor-373 .elementor-element.elementor-element-4203d16 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-c5f40c4{text-align:center;}.elementor-373 .elementor-element.elementor-element-a03b234{--display:flex;}.elementor-373 .elementor-element.elementor-element-a03b234:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-a03b234 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-3fbccbe{text-align:center;}.elementor-373 .elementor-element.elementor-element-3fbccbe .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-8ec77e2{text-align:center;}.elementor-373 .elementor-element.elementor-element-8ec77e2 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-aed565c{--display:flex;}.elementor-373 .elementor-element.elementor-element-aed565c:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-aed565c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-0a48df6{text-align:center;}.elementor-373 .elementor-element.elementor-element-0a48df6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-7010ef3{text-align:center;}.elementor-373 .elementor-element.elementor-element-7010ef3 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-18f473d{--display:flex;}.elementor-373 .elementor-element.elementor-element-18f473d:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-18f473d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-1eb8aa0{text-align:center;}.elementor-373 .elementor-element.elementor-element-1eb8aa0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-8c7a72e{text-align:center;}.elementor-373 .elementor-element.elementor-element-8c7a72e .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-bfd1a14{--display:flex;}.elementor-373 .elementor-element.elementor-element-bfd1a14:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-bfd1a14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-ee9ae7b{text-align:center;}.elementor-373 .elementor-element.elementor-element-ee9ae7b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-ca68bd0{text-align:center;}.elementor-373 .elementor-element.elementor-element-0a7c414{--display:flex;}.elementor-373 .elementor-element.elementor-element-0a7c414:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-0a7c414 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-af1fcef{text-align:center;}.elementor-373 .elementor-element.elementor-element-af1fcef .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-46569c3{text-align:center;}.elementor-373 .elementor-element.elementor-element-46569c3 .elementor-heading-title{font-weight:normal;}.elementor-373 .elementor-element.elementor-element-a85bca2{--display:flex;}.elementor-373 .elementor-element.elementor-element-a85bca2:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-a85bca2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-fe53e32{text-align:center;}.elementor-373 .elementor-element.elementor-element-fe53e32 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-373 .elementor-element.elementor-element-7b4643b{text-align:center;}.elementor-373 .elementor-element.elementor-element-7b4643b .elementor-heading-title{font-weight:normal;}@media(max-width:1024px){.elementor-373 .elementor-element.elementor-element-5c6a69a{--padding-top:250px;--padding-bottom:100px;--padding-left:32px;--padding-right:32px;}.elementor-373 .elementor-element.elementor-element-0fe0840{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-373 .elementor-element.elementor-element-49231b5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-373 .elementor-element.elementor-element-49231b5 .elementor-icon-list-item > a{font-size:var( --e-global-typography-5890434-font-size );line-height:var( --e-global-typography-5890434-line-height );letter-spacing:var( --e-global-typography-5890434-letter-spacing );}.elementor-373 .elementor-element.elementor-element-dd2021c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-373 .elementor-element.elementor-element-dd2021c .elementor-icon-list-item > a{font-size:var( --e-global-typography-5890434-font-size );line-height:var( --e-global-typography-5890434-line-height );letter-spacing:var( --e-global-typography-5890434-letter-spacing );}.elementor-373 .elementor-element.elementor-element-770138d{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-373 .elementor-element.elementor-element-5c6a69a{--padding-top:20px;--padding-bottom:100px;--padding-left:29px;--padding-right:20px;}.elementor-373 .elementor-element.elementor-element-0fe0840{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-373 .elementor-element.elementor-element-49231b5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-373 .elementor-element.elementor-element-49231b5 .elementor-icon-list-item > a{font-size:var( --e-global-typography-5890434-font-size );line-height:var( --e-global-typography-5890434-line-height );letter-spacing:var( --e-global-typography-5890434-letter-spacing );}.elementor-373 .elementor-element.elementor-element-dd2021c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-373 .elementor-element.elementor-element-dd2021c .elementor-icon-list-item > a{font-size:var( --e-global-typography-5890434-font-size );line-height:var( --e-global-typography-5890434-line-height );letter-spacing:var( --e-global-typography-5890434-letter-spacing );}.elementor-373 .elementor-element.elementor-element-75de40f{--container-widget-width:369px;--container-widget-flex-grow:0;width:var( --container-widget-width, 369px );max-width:369px;}.elementor-373 .elementor-element.elementor-element-770138d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-9fa3172 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-9fa3172 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-9fa3172:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-9fa3172 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-9fa3172:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-9fa3172 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-9fa3172:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-9fa3172 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-9fa3172:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-377b938 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-377b938 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-377b938:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-377b938 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-377b938:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-377b938 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-377b938:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-377b938 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-377b938:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9dd43e4 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-9dd43e4 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-9dd43e4:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-9dd43e4 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-9dd43e4:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-9dd43e4 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-9dd43e4:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-9dd43e4 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-9dd43e4:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5cf7ebe *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-5cf7ebe {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-5cf7ebe:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-5cf7ebe .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-5cf7ebe:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-5cf7ebe .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-5cf7ebe:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-5cf7ebe .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-5cf7ebe:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e02083 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-8e02083 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-8e02083:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-8e02083 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-8e02083:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-8e02083 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-8e02083:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-8e02083 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-8e02083:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d48ba22 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-d48ba22 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-d48ba22:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-d48ba22 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-d48ba22:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-d48ba22 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-d48ba22:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-d48ba22 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-d48ba22:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-715a69a *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-715a69a {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-715a69a:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-715a69a .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-715a69a:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-715a69a .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-715a69a:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-715a69a .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-715a69a:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4ace1a *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-b4ace1a {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-b4ace1a:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-b4ace1a .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-b4ace1a:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-b4ace1a .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-b4ace1a:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-b4ace1a .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-b4ace1a:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b89393 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-6b89393 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-6b89393:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-6b89393 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-6b89393:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-6b89393 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-6b89393:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-6b89393 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-6b89393:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a61fcc0 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-a61fcc0 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-a61fcc0:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-a61fcc0 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-a61fcc0:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-a61fcc0 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-a61fcc0:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-a61fcc0 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-a61fcc0:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e117f84 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-e117f84 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-e117f84:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-e117f84 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-e117f84:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-e117f84 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-e117f84:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-e117f84 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-e117f84:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa8dfeb *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-fa8dfeb {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-fa8dfeb:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-fa8dfeb .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-fa8dfeb:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-fa8dfeb .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-fa8dfeb:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-fa8dfeb .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-fa8dfeb:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d42135a *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-d42135a {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-d42135a:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-d42135a .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-d42135a:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-d42135a .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-d42135a:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-d42135a .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-d42135a:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fab3b9d *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-fab3b9d {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-fab3b9d:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-fab3b9d .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-fab3b9d:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-fab3b9d .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-fab3b9d:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-fab3b9d .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-fab3b9d:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eabab60 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-eabab60 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-eabab60:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-eabab60 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-eabab60:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-eabab60 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-eabab60:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-eabab60 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-eabab60:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fa913a *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-5fa913a {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-5fa913a:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-5fa913a .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-5fa913a:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-5fa913a .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-5fa913a:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-5fa913a .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-5fa913a:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd0879c *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-bd0879c {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-bd0879c:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-bd0879c .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-bd0879c:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-bd0879c .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-bd0879c:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-bd0879c .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-bd0879c:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9707d26 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-9707d26 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-9707d26:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-9707d26 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-9707d26:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-9707d26 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-9707d26:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-9707d26 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-9707d26:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9af47e *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-d9af47e {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-d9af47e:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-d9af47e .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-d9af47e:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-d9af47e .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-d9af47e:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-d9af47e .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-d9af47e:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-574e0e5 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-574e0e5 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-574e0e5:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-574e0e5 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-574e0e5:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-574e0e5 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-574e0e5:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-574e0e5 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-574e0e5:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-515d4f6 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-515d4f6 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-515d4f6:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-515d4f6 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-515d4f6:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-515d4f6 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-515d4f6:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-515d4f6 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-515d4f6:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22a83a0 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-22a83a0 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-22a83a0:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-22a83a0 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-22a83a0:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-22a83a0 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-22a83a0:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-22a83a0 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-22a83a0:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61cf27a *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-61cf27a {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-61cf27a:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-61cf27a .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-61cf27a:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-61cf27a .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-61cf27a:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-61cf27a .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-61cf27a:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-999a3a8 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-999a3a8 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-999a3a8:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-999a3a8 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-999a3a8:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-999a3a8 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-999a3a8:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-999a3a8 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-999a3a8:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba5d586 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-ba5d586 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-ba5d586:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-ba5d586 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-ba5d586:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-ba5d586 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-ba5d586:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-ba5d586 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-ba5d586:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27e41be *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-27e41be {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-27e41be:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-27e41be .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-27e41be:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-27e41be .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-27e41be:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-27e41be .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-27e41be:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d7554b *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-1d7554b {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-1d7554b:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-1d7554b .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-1d7554b:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-1d7554b .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-1d7554b:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-1d7554b .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-1d7554b:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9a634c *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-d9a634c {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-d9a634c:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-d9a634c .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-d9a634c:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-d9a634c .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-d9a634c:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-d9a634c .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-d9a634c:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a03b234 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-a03b234 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-a03b234:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-a03b234 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-a03b234:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-a03b234 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-a03b234:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-a03b234 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-a03b234:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aed565c *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-aed565c {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-aed565c:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-aed565c .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-aed565c:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-aed565c .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-aed565c:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-aed565c .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-aed565c:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18f473d *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-18f473d {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-18f473d:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-18f473d .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-18f473d:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-18f473d .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-18f473d:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-18f473d .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-18f473d:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfd1a14 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-bfd1a14 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-bfd1a14:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-bfd1a14 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-bfd1a14:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-bfd1a14 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-bfd1a14:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-bfd1a14 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-bfd1a14:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0a7c414 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-0a7c414 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-0a7c414:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-0a7c414 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-0a7c414:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-0a7c414 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-0a7c414:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-0a7c414 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-0a7c414:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a85bca2 *//* * Layout: Affiliates Directory Card Animations
 * Author: Lakshmi 
 * Primary Brand Color: #DA1212
 */

/* 1. Main Card Smooth Lift & Deep Shadow */
.elementor-373 .elementor-element.elementor-element-a85bca2 {
    transition: all 0.3s ease-in-out;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden; /* Keeps the borders neat */
}

.elementor-373 .elementor-element.elementor-element-a85bca2:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #f1f5f9;
}

/* 2. Header Background Slight Color Shift on Hover */
/* Applies a very light red tint to the header when the card is hovered */
.elementor-373 .elementor-element.elementor-element-a85bca2 .sa-affiliate-header {
    background-color: #f8fafc; /* Default light slate */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.elementor-373 .elementor-element.elementor-element-a85bca2:hover .sa-affiliate-header {
    background-color: #fef2f2; /* Very light red tint */
}

/* 3. Shield Icon Opacity Reveal */
/* Makes the shield icon slightly faded, then fully bright red on hover */
.elementor-373 .elementor-element.elementor-element-a85bca2 .elementor-widget-icon .elementor-icon {
    opacity: 0.4;
    transition: all 0.3s ease;
    color: #DA1212 !important; /* Forces the red brand color */
}

.elementor-373 .elementor-element.elementor-element-a85bca2:hover .elementor-widget-icon .elementor-icon {
    opacity: 1;
    transform: scale(1.05); /* Slight pop effect */
}

/* 4. Action Button Hover Effect (If you added a bottom right button) */
.elementor-373 .elementor-element.elementor-element-a85bca2 .elementor-widget-button .elementor-button {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    transition: all 0.3s ease;
}

.elementor-373 .elementor-element.elementor-element-a85bca2:hover .elementor-widget-button .elementor-button {
    background-color: #DA1212 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-770138d *//* 1. The Main Card Wrapper */
.sa-board-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid #f1f5f9;
    border-radius: 16px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 30px 20px;
}

.sa-board-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* 2. Expanding Red Top Border */
.sa-board-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #DA1212; /* Updated to Red */
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
    z-index: 10;
}

.sa-board-card:hover::before {
    transform: scaleX(100%);
}

/* 3. Rotating Dashed Avatar Ring */
.sa-avatar-wrapper {
    position: relative;
    padding: 8px;
    display: inline-block;
    margin-bottom: 20px;
}

/* Forces the Elementor image to be perfectly round */
.sa-avatar-wrapper img {
    border-radius: 50% !important;
    width: 120px !important;
    height: 120px !important;
    object-fit: cover;
}

.sa-avatar-wrapper::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px dashed #e2e8f0;
    border-radius: 50%;
    transition: all 0.7s ease;
}

.sa-board-card:hover .sa-avatar-wrapper::after {
    border-color: #DA1212; /* Updated to Red */
    transform: rotate(180deg);
}

/* 4. Designation Text Force Styling */
.sa-role-text, 
.sa-role-text .elementor-widget-container,
.sa-role-text h1, .sa-role-text h2, .sa-role-text h3, .sa-role-text h4, .sa-role-text h5, .sa-role-text h6, .sa-role-text p {
    color: #DA1212 !important; /* Updated to Red */
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 15px;
}

/* 5. Animated Divider */
.sa-divider .elementor-divider-separator {
    width: 48px !important;
    border-top: 2px solid #e2e8f0 !important;
    margin: 0 auto;
    transition: all 0.3s ease;
}

.sa-board-card:hover .sa-divider .elementor-divider-separator {
    width: 64px !important;
    border-top-color: #DA1212 !important; /* Updated to Red */
}/* End custom CSS */