.elementor-780 .elementor-element.elementor-element-5d341de{--display:flex;--min-height:568px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.72;--margin-top:-68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-780 .elementor-element.elementor-element-5d341de:not(.elementor-motion-effects-element-type-background), .elementor-780 .elementor-element.elementor-element-5d341de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-780 .elementor-element.elementor-element-5d341de::before, .elementor-780 .elementor-element.elementor-element-5d341de > .elementor-background-video-container::before, .elementor-780 .elementor-element.elementor-element-5d341de > .e-con-inner > .elementor-background-video-container::before, .elementor-780 .elementor-element.elementor-element-5d341de > .elementor-background-slideshow::before, .elementor-780 .elementor-element.elementor-element-5d341de > .e-con-inner > .elementor-background-slideshow::before, .elementor-780 .elementor-element.elementor-element-5d341de > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:rgba(11,26,48,0.82);--background-overlay:'';}.elementor-780 .elementor-element.elementor-element-9a698c8{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-780 .elementor-element.elementor-element-05a63ad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;text-align:center;}.elementor-780 .elementor-element.elementor-element-05a63ad .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:4px;color:#E4C77E;}.elementor-780 .elementor-element.elementor-element-80193a2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-780 .elementor-element.elementor-element-80193a2 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:64px;font-weight:600;color:#ffffff;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-780 .elementor-element.elementor-element-77d69bf{text-align:center;font-family:var( --e-global-typography-af8cc1d-font-family ), Sans-serif;font-size:var( --e-global-typography-af8cc1d-font-size );font-weight:var( --e-global-typography-af8cc1d-font-weight );color:#FFFFFF;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-780 .elementor-element.elementor-element-971342c .elementor-button{background-color:#C9A24B;font-family:"Jost", Sans-serif;font-size:15px;font-weight:600;fill:#0B1A30;color:#0B1A30;border-radius:40px 40px 40px 40px;padding:15px 30px 15px 30px;}.elementor-780 .elementor-element.elementor-element-971342c{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-780 .elementor-element.elementor-element-236099a{--display:flex;}.elementor-780 .elementor-element.elementor-element-eee281c:not(.elementor-motion-effects-element-type-background), .elementor-780 .elementor-element.elementor-element-eee281c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0d1d33;}.elementor-780 .elementor-element.elementor-element-eee281c > .elementor-container{max-width:1140px;}.elementor-780 .elementor-element.elementor-element-eee281c{border-style:solid;border-width:1px 0px 0px 0px;border-color:rgba(201,168,76,0.35);box-shadow:0px 20px 50px 0px rgba(0,0,0,0.45);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-60px;margin-bottom:0px;padding:30px 20px 30px 20px;z-index:5;}.elementor-780 .elementor-element.elementor-element-eee281c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-counter .elementor-counter-number-wrapper{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-780 .elementor-element.elementor-element-2ea165f .elementor-counter-number-wrapper{color:#c9a84c;font-family:"Cormorant Garamond", Sans-serif;font-size:43px;font-weight:600;}.elementor-780 .elementor-element.elementor-element-2ea165f .elementor-counter-title{color:#ffffff;font-family:"Jost", Sans-serif;font-size:14px;}.elementor-780 .elementor-element.elementor-element-131ed9f > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 1px;border-color:rgba(255,255,255,0.12);}.elementor-780 .elementor-element.elementor-element-7c97bab .elementor-counter-number-wrapper{color:#c9a84c;font-family:"Cormorant Garamond", Sans-serif;font-size:43px;font-weight:600;}.elementor-780 .elementor-element.elementor-element-7c97bab .elementor-counter-title{color:#ffffff;font-family:"Jost", Sans-serif;font-size:14px;}.elementor-780 .elementor-element.elementor-element-7d7f31c > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 1px;border-color:rgba(255,255,255,0.12);}.elementor-780 .elementor-element.elementor-element-97b278d .elementor-counter-number-wrapper{color:#c9a84c;font-family:"Cormorant Garamond", Sans-serif;font-size:43px;font-weight:600;}.elementor-780 .elementor-element.elementor-element-97b278d .elementor-counter-title{color:#ffffff;font-family:"Jost", Sans-serif;font-size:14px;}.elementor-780 .elementor-element.elementor-element-6ab2bd2 > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 1px;border-color:rgba(255,255,255,0.12);}.elementor-780 .elementor-element.elementor-element-67bb82e .elementor-counter-number-wrapper{color:#c9a84c;font-family:"Cormorant Garamond", Sans-serif;font-size:43px;font-weight:600;}.elementor-780 .elementor-element.elementor-element-67bb82e .elementor-counter-title{color:#ffffff;font-family:"Jost", Sans-serif;font-size:14px;}.elementor-780 .elementor-element.elementor-element-d33dc3a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-780 .elementor-element.elementor-element-38d075e{--display:flex;--justify-content:flex-start;}.elementor-780 .elementor-element.elementor-element-38d075e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-780 .elementor-element.elementor-element-677a9dc .heading .heading-title{font-family:var( --e-global-typography-af8cc1d-font-family ), Sans-serif;font-size:var( --e-global-typography-af8cc1d-font-size );font-weight:var( --e-global-typography-af8cc1d-font-weight );color:#313131;}.elementor-780 .elementor-element.elementor-element-677a9dc .heading .heading-sub-title{font-family:"Cormorant Garamond", Sans-serif;font-size:41px;font-weight:700;color:#000000;}.elementor-780 .elementor-element.elementor-element-da95adb{width:var( --container-widget-width, 83.584% );max-width:83.584%;--container-widget-width:83.584%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:16px;font-weight:400;}.elementor-780 .elementor-element.elementor-element-da95adb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-780 .elementor-element.elementor-element-056dd8c{width:var( --container-widget-width, 81.175% );max-width:81.175%;--container-widget-width:81.175%;--container-widget-flex-grow:0;font-family:var( --e-global-typography-af8cc1d-font-family ), Sans-serif;font-size:var( --e-global-typography-af8cc1d-font-size );font-weight:var( --e-global-typography-af8cc1d-font-weight );}.elementor-780 .elementor-element.elementor-element-056dd8c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-780 .elementor-element.elementor-element-0db6751{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:flex-start;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-780 .elementor-element.elementor-element-8bc4db2 .elementor-icon-list-icon i{color:var( --e-global-color-656fece );transition:color 0.3s;}.elementor-780 .elementor-element.elementor-element-8bc4db2 .elementor-icon-list-icon svg{fill:var( --e-global-color-656fece );transition:fill 0.3s;}.elementor-780 .elementor-element.elementor-element-8bc4db2{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-780 .elementor-element.elementor-element-8bc4db2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-780 .elementor-element.elementor-element-8bc4db2 .elementor-icon-list-item > a{font-family:var( --e-global-typography-af8cc1d-font-family ), Sans-serif;font-size:var( --e-global-typography-af8cc1d-font-size );font-weight:var( --e-global-typography-af8cc1d-font-weight );}.elementor-780 .elementor-element.elementor-element-8bc4db2 .elementor-icon-list-text{transition:color 0.3s;}.elementor-780 .elementor-element.elementor-element-2468305 .elementor-icon-list-icon i{color:var( --e-global-color-656fece );transition:color 0.3s;}.elementor-780 .elementor-element.elementor-element-2468305 .elementor-icon-list-icon svg{fill:var( --e-global-color-656fece );transition:fill 0.3s;}.elementor-780 .elementor-element.elementor-element-2468305{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-780 .elementor-element.elementor-element-2468305 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-780 .elementor-element.elementor-element-2468305 .elementor-icon-list-item > a{font-family:var( --e-global-typography-af8cc1d-font-family ), Sans-serif;font-size:var( --e-global-typography-af8cc1d-font-size );font-weight:var( --e-global-typography-af8cc1d-font-weight );}.elementor-780 .elementor-element.elementor-element-2468305 .elementor-icon-list-text{transition:color 0.3s;}.elementor-780 .elementor-element.elementor-element-8a07110{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:25px 25px 25px 25px;}.elementor-780 .elementor-element.elementor-element-8a07110:not(.elementor-motion-effects-element-type-background), .elementor-780 .elementor-element.elementor-element-8a07110 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #051737E8 0%, #0D1B3E 100%);}.elementor-780 .elementor-element.elementor-element-1006a5a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;text-align:start;}.elementor-780 .elementor-element.elementor-element-1006a5a .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:36px;font-weight:700;color:#FFFFFF;}.elementor-780 .elementor-element.elementor-element-1ca04f9{width:var( --container-widget-width, 83.584% );max-width:83.584%;--container-widget-width:83.584%;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-af8cc1d-font-family ), Sans-serif;font-size:var( --e-global-typography-af8cc1d-font-size );font-weight:var( --e-global-typography-af8cc1d-font-weight );color:#FFFFFF;}.elementor-780 .elementor-element.elementor-element-1ca04f9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-780 .elementor-element.elementor-element-4910413 .elementor-button{background-color:var( --e-global-color-45dc24c );border-radius:10px 10px 10px 10px;}.elementor-780 .elementor-element.elementor-element-4910413 .elementor-button:hover, .elementor-780 .elementor-element.elementor-element-4910413 .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:var( --e-global-color-656fece );}.elementor-780 .elementor-element.elementor-element-4910413 .elementor-button:hover svg, .elementor-780 .elementor-element.elementor-element-4910413 .elementor-button:focus svg{fill:#000000;}.elementor-widget-divider .elementor-divider__text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-780 .elementor-element.elementor-element-ec4a95d{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;}.elementor-780 .elementor-element.elementor-element-ec4a95d .elementor-divider-separator{width:100%;}.elementor-780 .elementor-element.elementor-element-ec4a95d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-780 .elementor-element.elementor-element-d36059a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(9px/2);}.elementor-780 .elementor-element.elementor-element-d36059a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(9px/2);}.elementor-780 .elementor-element.elementor-element-d36059a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(9px/2);}.elementor-780 .elementor-element.elementor-element-d36059a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-9px/2);}.elementor-780 .elementor-element.elementor-element-d36059a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-9px/2);}.elementor-780 .elementor-element.elementor-element-d36059a .elementor-icon-list-icon i{color:var( --e-global-color-656fece );transition:color 0.3s;}.elementor-780 .elementor-element.elementor-element-d36059a .elementor-icon-list-icon svg{fill:var( --e-global-color-656fece );transition:fill 0.3s;}.elementor-780 .elementor-element.elementor-element-d36059a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-780 .elementor-element.elementor-element-d36059a .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-780 .elementor-element.elementor-element-28c8a4a{--display:flex;}.elementor-780 .elementor-element.elementor-element-a8526e1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:5px;--padding-bottom:25px;--padding-left:20px;--padding-right:20px;}.elementor-780 .elementor-element.elementor-element-cc6c0db{--display:flex;}.elementor-780 .elementor-element.elementor-element-dc44556{text-align:center;}.elementor-780 .elementor-element.elementor-element-dc44556 .elementor-heading-title{font-family:var( --e-global-typography-af8cc1d-font-family ), Sans-serif;font-size:var( --e-global-typography-af8cc1d-font-size );font-weight:var( --e-global-typography-af8cc1d-font-weight );}.elementor-780 .elementor-element.elementor-element-6cbfe9b{text-align:center;}.elementor-780 .elementor-element.elementor-element-6cbfe9b .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:29px;font-weight:700;}.elementor-780 .elementor-element.elementor-element-364c5ca{text-align:center;font-family:var( --e-global-typography-af8cc1d-font-family ), Sans-serif;font-size:var( --e-global-typography-af8cc1d-font-size );font-weight:var( --e-global-typography-af8cc1d-font-weight );}.elementor-780 .elementor-element.elementor-element-6ac25cb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:15px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-780 .elementor-element.elementor-element-08e39cf{--display:flex;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);}.elementor-780 .elementor-element.elementor-element-08e39cf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-780 .elementor-element.elementor-element-9ccb835 .elementor-icon-box-wrapper{gap:15px;}.elementor-780 .elementor-element.elementor-element-9ccb835.elementor-view-stacked .elementor-icon{background-color:#C9A24B;}.elementor-780 .elementor-element.elementor-element-9ccb835.elementor-view-framed .elementor-icon, .elementor-780 .elementor-element.elementor-element-9ccb835.elementor-view-default .elementor-icon{fill:#C9A24B;color:#C9A24B;border-color:#C9A24B;}.elementor-780 .elementor-element.elementor-element-9ccb835 .elementor-icon-box-title, .elementor-780 .elementor-element.elementor-element-9ccb835 .elementor-icon-box-title a{font-family:"Cormorant Garamond", Sans-serif;font-size:27px;font-weight:700;}.elementor-780 .elementor-element.elementor-element-9ccb835 .elementor-icon-box-title{color:#0B1A30;}.elementor-780 .elementor-element.elementor-element-9ccb835 .elementor-icon-box-description{font-family:var( --e-global-typography-af8cc1d-font-family ), Sans-serif;font-size:var( --e-global-typography-af8cc1d-font-size );font-weight:var( --e-global-typography-af8cc1d-font-weight );color:#5E6E86;}.elementor-780 .elementor-element.elementor-element-73d4284{--display:flex;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);}.elementor-780 .elementor-element.elementor-element-73d4284.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-780 .elementor-element.elementor-element-5a37346 .elementor-icon-box-wrapper{gap:15px;}.elementor-780 .elementor-element.elementor-element-5a37346.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-45dc24c );}.elementor-780 .elementor-element.elementor-element-5a37346.elementor-view-framed .elementor-icon, .elementor-780 .elementor-element.elementor-element-5a37346.elementor-view-default .elementor-icon{fill:var( --e-global-color-45dc24c );color:var( --e-global-color-45dc24c );border-color:var( --e-global-color-45dc24c );}.elementor-780 .elementor-element.elementor-element-5a37346 .elementor-icon-box-title, .elementor-780 .elementor-element.elementor-element-5a37346 .elementor-icon-box-title a{font-family:var( --e-global-typography-06716d1-font-family ), Sans-serif;font-size:var( --e-global-typography-06716d1-font-size );font-weight:var( --e-global-typography-06716d1-font-weight );}.elementor-780 .elementor-element.elementor-element-5a37346 .elementor-icon-box-title{color:#0B1A30;}.elementor-780 .elementor-element.elementor-element-5a37346 .elementor-icon-box-description{font-family:var( --e-global-typography-af8cc1d-font-family ), Sans-serif;font-size:var( --e-global-typography-af8cc1d-font-size );font-weight:var( --e-global-typography-af8cc1d-font-weight );color:#5E6E86;}.elementor-780 .elementor-element.elementor-element-48eac39{--display:flex;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);}.elementor-780 .elementor-element.elementor-element-48eac39.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-780 .elementor-element.elementor-element-ddac4a6 .elementor-icon-box-wrapper{gap:15px;}.elementor-780 .elementor-element.elementor-element-ddac4a6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-45dc24c );}.elementor-780 .elementor-element.elementor-element-ddac4a6.elementor-view-framed .elementor-icon, .elementor-780 .elementor-element.elementor-element-ddac4a6.elementor-view-default .elementor-icon{fill:var( --e-global-color-45dc24c );color:var( --e-global-color-45dc24c );border-color:var( --e-global-color-45dc24c );}.elementor-780 .elementor-element.elementor-element-ddac4a6 .elementor-icon-box-title, .elementor-780 .elementor-element.elementor-element-ddac4a6 .elementor-icon-box-title a{font-family:var( --e-global-typography-06716d1-font-family ), Sans-serif;font-size:var( --e-global-typography-06716d1-font-size );font-weight:var( --e-global-typography-06716d1-font-weight );}.elementor-780 .elementor-element.elementor-element-ddac4a6 .elementor-icon-box-title{color:#0B1A30;}.elementor-780 .elementor-element.elementor-element-ddac4a6 .elementor-icon-box-description{font-family:var( --e-global-typography-af8cc1d-font-family ), Sans-serif;font-size:var( --e-global-typography-af8cc1d-font-size );font-weight:var( --e-global-typography-af8cc1d-font-weight );color:#5E6E86;}.elementor-780 .elementor-element.elementor-element-49973b8{--display:flex;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);}.elementor-780 .elementor-element.elementor-element-49973b8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-780 .elementor-element.elementor-element-f1a0834 .elementor-icon-box-wrapper{gap:15px;}.elementor-780 .elementor-element.elementor-element-f1a0834.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-45dc24c );}.elementor-780 .elementor-element.elementor-element-f1a0834.elementor-view-framed .elementor-icon, .elementor-780 .elementor-element.elementor-element-f1a0834.elementor-view-default .elementor-icon{fill:var( --e-global-color-45dc24c );color:var( --e-global-color-45dc24c );border-color:var( --e-global-color-45dc24c );}.elementor-780 .elementor-element.elementor-element-f1a0834 .elementor-icon-box-title, .elementor-780 .elementor-element.elementor-element-f1a0834 .elementor-icon-box-title a{font-family:var( --e-global-typography-06716d1-font-family ), Sans-serif;font-size:var( --e-global-typography-06716d1-font-size );font-weight:var( --e-global-typography-06716d1-font-weight );}.elementor-780 .elementor-element.elementor-element-f1a0834 .elementor-icon-box-title{color:#0B1A30;}.elementor-780 .elementor-element.elementor-element-f1a0834 .elementor-icon-box-description{font-family:var( --e-global-typography-af8cc1d-font-family ), Sans-serif;font-size:var( --e-global-typography-af8cc1d-font-size );font-weight:var( --e-global-typography-af8cc1d-font-weight );color:#5E6E86;}.elementor-780 .elementor-element.elementor-element-96c82dc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-780 .elementor-element.elementor-element-c41b56a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-780 .elementor-element.elementor-element-c41b56a:not(.elementor-motion-effects-element-type-background), .elementor-780 .elementor-element.elementor-element-c41b56a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D1B3E;}.elementor-780 .elementor-element.elementor-element-a5941f9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-780 .elementor-element.elementor-element-f77cabd{padding:0px 0px 15px 0px;text-align:start;font-family:"Jost", Sans-serif;font-size:16px;font-weight:400;}.elementor-780 .elementor-element.elementor-element-3bfe51c{padding:0px 0px 20px 0px;}.elementor-780 .elementor-element.elementor-element-3bfe51c .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:47px;font-weight:700;color:#FFFFFF;}.elementor-780 .elementor-element.elementor-element-9105ce9{padding:0px 0px 25px 0px;font-family:"Jost", Sans-serif;font-size:16px;font-weight:300;}.elementor-780 .elementor-element.elementor-element-1fcd266 .elementor-button{background-color:#25D366;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;}.elementor-780 .elementor-element.elementor-element-74be9bb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-780 .elementor-element.elementor-element-c2e02f2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:70px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-780 .elementor-element.elementor-element-c2e02f2:not(.elementor-motion-effects-element-type-background), .elementor-780 .elementor-element.elementor-element-c2e02f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080f22;}.elementor-780 .elementor-element.elementor-element-f38327b{--display:flex;}.elementor-780 .elementor-element.elementor-element-f38327b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-780 .elementor-element.elementor-element-f51bc78{padding:0px 0px 15px 0px;}.elementor-780 .elementor-element.elementor-element-f51bc78 .elementor-heading-title{font-family:var( --e-global-typography-06716d1-font-family ), Sans-serif;font-size:var( --e-global-typography-06716d1-font-size );font-weight:var( --e-global-typography-06716d1-font-weight );color:#FFFFFF;}.elementor-780 .elementor-element.elementor-element-75af0b1{padding:0px 0px 20px 0px;font-family:"Jost", Sans-serif;font-size:16px;font-weight:300;}.elementor-780 .elementor-element.elementor-element-934151e .elementor-repeater-item-si2.elementor-social-icon{background-color:#E4405F;}.elementor-780 .elementor-element.elementor-element-934151e .elementor-repeater-item-0d22190.elementor-social-icon{background-color:#000000;}.elementor-780 .elementor-element.elementor-element-934151e{--grid-template-columns:repeat(0, auto);text-align:center;width:var( --container-widget-width, 100.388% );max-width:100.388%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100.388%;--container-widget-flex-grow:0;--icon-size:16px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-780 .elementor-element.elementor-element-934151e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-780 .elementor-element.elementor-element-934151e .elementor-social-icon{--icon-padding:10px;}.elementor-780 .elementor-element.elementor-element-934151e .elementor-icon{border-radius:5px 5px 5px 5px;}.elementor-780 .elementor-element.elementor-element-03ad9b9{--display:flex;}.elementor-780 .elementor-element.elementor-element-75c5407{font-family:"Jost", Sans-serif;font-size:16px;font-weight:400;}.elementor-780 .elementor-element.elementor-element-75c5407 a:hover, .elementor-780 .elementor-element.elementor-element-75c5407 a:focus{color:var( --e-global-color-656fece );}.elementor-780 .elementor-element.elementor-element-0d8b872{--display:flex;}.elementor-780 .elementor-element.elementor-element-ae1c6fe{font-family:"Jost", Sans-serif;font-size:16px;font-weight:300;}.elementor-780 .elementor-element.elementor-element-70d9015{--display:flex;}.elementor-780 .elementor-element.elementor-element-11999d6{padding:0px 0px 20px 0px;font-family:"Jost", Sans-serif;font-size:16px;font-weight:400;}.elementor-780 .elementor-element.elementor-element-11999d6 a:hover, .elementor-780 .elementor-element.elementor-element-11999d6 a:focus{color:var( --e-global-color-656fece );}.elementor-780 .elementor-element.elementor-element-9d00de4{--display:flex;--min-height:0vh;--margin-top:1px;--margin-bottom:1px;--margin-left:1px;--margin-right:1px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-780 .elementor-element.elementor-element-9d00de4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-780 .elementor-element.elementor-element-e17efd2{width:var( --container-widget-width, 112.355% );max-width:112.355%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:112.355%;--container-widget-flex-grow:0;}.elementor-780 .elementor-element.elementor-element-e17efd2.elementor-element{--flex-grow:0;--flex-shrink:0;}body.elementor-page-780{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-780 .elementor-element.elementor-element-77d69bf{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-677a9dc .heading .heading-title{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-056dd8c{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-8bc4db2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-780 .elementor-element.elementor-element-8bc4db2 .elementor-icon-list-item > a{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-2468305 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-780 .elementor-element.elementor-element-2468305 .elementor-icon-list-item > a{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-1ca04f9{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-dc44556 .elementor-heading-title{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-364c5ca{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-9ccb835 .elementor-icon-box-description{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-5a37346 .elementor-icon-box-title, .elementor-780 .elementor-element.elementor-element-5a37346 .elementor-icon-box-title a{font-size:var( --e-global-typography-06716d1-font-size );}.elementor-780 .elementor-element.elementor-element-5a37346 .elementor-icon-box-description{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-ddac4a6 .elementor-icon-box-title, .elementor-780 .elementor-element.elementor-element-ddac4a6 .elementor-icon-box-title a{font-size:var( --e-global-typography-06716d1-font-size );}.elementor-780 .elementor-element.elementor-element-ddac4a6 .elementor-icon-box-description{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-f1a0834 .elementor-icon-box-title, .elementor-780 .elementor-element.elementor-element-f1a0834 .elementor-icon-box-title a{font-size:var( --e-global-typography-06716d1-font-size );}.elementor-780 .elementor-element.elementor-element-f1a0834 .elementor-icon-box-description{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-f51bc78 .elementor-heading-title{font-size:var( --e-global-typography-06716d1-font-size );}}@media(min-width:768px){.elementor-780 .elementor-element.elementor-element-9a698c8{--width:100%;}.elementor-780 .elementor-element.elementor-element-1eac2d0{width:25%;}.elementor-780 .elementor-element.elementor-element-131ed9f{width:25%;}.elementor-780 .elementor-element.elementor-element-7d7f31c{width:25%;}.elementor-780 .elementor-element.elementor-element-6ab2bd2{width:25%;}.elementor-780 .elementor-element.elementor-element-38d075e{--width:58%;}.elementor-780 .elementor-element.elementor-element-8a07110{--width:100%;}.elementor-780 .elementor-element.elementor-element-08e39cf{--width:17.033%;}.elementor-780 .elementor-element.elementor-element-73d4284{--width:17.033%;}.elementor-780 .elementor-element.elementor-element-48eac39{--width:17.033%;}.elementor-780 .elementor-element.elementor-element-49973b8{--width:17.033%;}.elementor-780 .elementor-element.elementor-element-f38327b{--width:29%;}.elementor-780 .elementor-element.elementor-element-9d00de4{--width:100%;}}@media(max-width:767px){.elementor-780 .elementor-element.elementor-element-05a63ad .elementor-heading-title{font-size:12px;}.elementor-780 .elementor-element.elementor-element-80193a2 .elementor-heading-title{font-size:45px;}.elementor-780 .elementor-element.elementor-element-77d69bf{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-677a9dc .heading .heading-title{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-056dd8c{--container-widget-width:481px;--container-widget-flex-grow:0;width:var( --container-widget-width, 481px );max-width:481px;font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-8bc4db2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-780 .elementor-element.elementor-element-8bc4db2 .elementor-icon-list-item > a{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-2468305 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-780 .elementor-element.elementor-element-2468305 .elementor-icon-list-item > a{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-1006a5a{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-780 .elementor-element.elementor-element-1ca04f9{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-dc44556 .elementor-heading-title{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-364c5ca{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-6ac25cb{--justify-content:center;}.elementor-780 .elementor-element.elementor-element-08e39cf{--width:236.444px;}.elementor-780 .elementor-element.elementor-element-9ccb835 .elementor-icon-box-description{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-5a37346 .elementor-icon-box-title, .elementor-780 .elementor-element.elementor-element-5a37346 .elementor-icon-box-title a{font-size:var( --e-global-typography-06716d1-font-size );}.elementor-780 .elementor-element.elementor-element-5a37346 .elementor-icon-box-description{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-ddac4a6 .elementor-icon-box-title, .elementor-780 .elementor-element.elementor-element-ddac4a6 .elementor-icon-box-title a{font-size:var( --e-global-typography-06716d1-font-size );}.elementor-780 .elementor-element.elementor-element-ddac4a6 .elementor-icon-box-description{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-f1a0834 .elementor-icon-box-title, .elementor-780 .elementor-element.elementor-element-f1a0834 .elementor-icon-box-title a{font-size:var( --e-global-typography-06716d1-font-size );}.elementor-780 .elementor-element.elementor-element-f1a0834 .elementor-icon-box-description{font-size:var( --e-global-typography-af8cc1d-font-size );}.elementor-780 .elementor-element.elementor-element-c41b56a{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-780 .elementor-element.elementor-element-a5941f9{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-780 .elementor-element.elementor-element-f77cabd{text-align:center;}.elementor-780 .elementor-element.elementor-element-74be9bb{--padding-top:50px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-780 .elementor-element.elementor-element-c2e02f2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-780 .elementor-element.elementor-element-f51bc78 .elementor-heading-title{font-size:var( --e-global-typography-06716d1-font-size );}}/* Start custom CSS for icon-box, class: .elementor-element-9ccb835 */:root{
  --navy:#0b2240;
  --gold-1:#e3a73a;
  --gold-2:#d8901f;
  --text-gray:#5b6472;
  --card-bg:#ffffff;
  --bg:#f3f5f8;
  --shadow:0 10px 25px rgba(11,34,64,0.08);
  --shadow-hover:0 20px 40px rgba(216,144,31,0.22);
}

*{box-sizing:border-box;}

body{
  margin:0;
  background:var(--bg);
  font-family:'Segoe UI', Arial, sans-serif;
  padding:60px 20px;
}

.badges{
  display:flex;
  gap:28px;
  max-width:1300px;
  margin:0 auto;
  flex-wrap:wrap;
  justify-content:center;
}

.card{
  background:var(--card-bg);
  border:2px solid transparent;
  border-radius:18px;
  padding:42px 28px 36px;
  width:270px;
  text-align:center;
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
  cursor:default;

  opacity:0;
  transform:translateY(28px);
  animation:riseIn .7s cubic-bezier(.2,.8,.2,1) forwards;

  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.card:nth-child(1){animation-delay:.05s;}
.card:nth-child(2){animation-delay:.2s;}
.card:nth-child(3){animation-delay:.35s;}
.card:nth-child(4){animation-delay:.5s;}

@keyframes riseIn{
  to{opacity:1; transform:translateY(0);}
}

.card:hover{
  transform:translateY(-10px);
  box-shadow:var(--shadow-hover);
  border-color:var(--gold-1);
}

/* soft gold sheen that sweeps on hover */
.card::before{
  content:"";
  position:absolute;
  top:0; left:-150%;
  width:60%;
  height:100%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent);
  transform:skewX(-20deg);
  transition:left .65s ease;
  pointer-events:none;
}
.card:hover::before{
  left:150%;
}

.card.active{
  border-color:var(--gold-1);
  box-shadow:0 0 0 1px rgba(227,167,58,.4), var(--shadow);
}

.icon-wrap{
  width:64px;
  height:64px;
  margin:0 auto 22px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg, var(--gold-1), var(--gold-2));
  box-shadow:0 8px 16px rgba(216,144,31,.35);
  transition:transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
}

.card:hover .icon-wrap{
  transform:rotate(-8deg) scale(1.12);
  box-shadow:0 12px 22px rgba(216,144,31,.45);
}

.icon-wrap svg{
  width:28px;
  height:28px;
  stroke:var(--navy);
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

h3{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:700;
  color:var(--navy);
  font-size:21px;
  margin:0 0 14px;
  position:relative;
}

h3::after{
  content:"";
  display:block;
  width:0%;
  height:2px;
  background:var(--gold-1);
  margin:8px auto 0;
  transition:width .4s ease;
}
.card:hover h3::after{
  width:40%;
}

p{
  color:var(--text-gray);
  font-size:15px;
  line-height:1.6;
  margin:0;
}

@media (prefers-reduced-motion: reduce){
  .card, .icon-wrap, .card::before, h3::after{
    animation:none !important;
    transition:none !important;
  }
  .card{opacity:1; transform:none;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08e39cf */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Trust Badges Section</title>
<style>
  :root{
    --navy:#0b2240;
    --gold-1:#e3a73a;
    --gold-2:#d8901f;
    --text-gray:#5b6472;
    --card-bg:#ffffff;
    --bg:#f3f5f8;
    --shadow:0 10px 25px rgba(11,34,64,0.08);
    --shadow-hover:0 20px 40px rgba(216,144,31,0.22);
  }

  *{box-sizing:border-box;}

  body{
    margin:0;
    background:var(--bg);
    font-family:'Segoe UI', Arial, sans-serif;
    padding:60px 20px;
  }

  .badges{
    display:flex;
    gap:28px;
    max-width:1300px;
    margin:0 auto;
    flex-wrap:wrap;
    justify-content:center;
  }

  .card{
    background:var(--card-bg);
    border:2px solid transparent;
    border-radius:18px;
    padding:42px 28px 36px;
    width:270px;
    text-align:center;
    box-shadow:var(--shadow);
    position:relative;
    overflow:hidden;
    cursor:default;

    opacity:0;
    transform:translateY(28px);
    animation:riseIn .7s cubic-bezier(.2,.8,.2,1) forwards;

    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  }

  .card:nth-child(1){animation-delay:.05s;}
  .card:nth-child(2){animation-delay:.2s;}
  .card:nth-child(3){animation-delay:.35s;}
  .card:nth-child(4){animation-delay:.5s;}

  @keyframes riseIn{
    to{opacity:1; transform:translateY(0);}
  }

  .card:hover{
    transform:translateY(-10px);
    box-shadow:var(--shadow-hover);
    border-color:var(--gold-1);
  }

  /* soft gold sheen that sweeps on hover */
  .card::before{
    content:"";
    position:absolute;
    top:0; left:-150%;
    width:60%;
    height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent);
    transform:skewX(-20deg);
    transition:left .65s ease;
    pointer-events:none;
  }
  .card:hover::before{
    left:150%;
  }

  .card.active{
    border-color:var(--gold-1);
    box-shadow:0 0 0 1px rgba(227,167,58,.4), var(--shadow);
  }

  .icon-wrap{
    width:64px;
    height:64px;
    margin:0 auto 22px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg, var(--gold-1), var(--gold-2));
    box-shadow:0 8px 16px rgba(216,144,31,.35);
    transition:transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
  }

  .card:hover .icon-wrap{
    transform:rotate(-8deg) scale(1.12);
    box-shadow:0 12px 22px rgba(216,144,31,.45);
  }

  .icon-wrap svg{
    width:28px;
    height:28px;
    stroke:var(--navy);
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  h3{
    font-family:Georgia,'Times New Roman',serif;
    font-weight:700;
    color:var(--navy);
    font-size:21px;
    margin:0 0 14px;
    position:relative;
  }

  h3::after{
    content:"";
    display:block;
    width:0%;
    height:2px;
    background:var(--gold-1);
    margin:8px auto 0;
    transition:width .4s ease;
  }
  .card:hover h3::after{
    width:40%;
  }

  p{
    color:var(--text-gray);
    font-size:15px;
    line-height:1.6;
    margin:0;
  }

  @media (prefers-reduced-motion: reduce){
    .card, .icon-wrap, .card::before, h3::after{
      animation:none !important;
      transition:none !important;
    }
    .card{opacity:1; transform:none;}
  }
</style>
</head>
<body>

<div class="badges">

  <div class="card active">
    <div class="icon-wrap">
      <svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="3.2"/><path d="M5 21c0-4 3.2-6.5 7-6.5S19 17 19 21"/><path d="M16 7.5l1.6 1.6L20.5 6"/></svg>
    </div>
    <h3>OISC Registered</h3>
    <p>Fully regulated advisors authorised to give UK immigration advice and representation.</p>
  </div>

  <div class="card">
    <div class="icon-wrap">
      <svg viewBox="0 0 24 24"><polyline points="3.5 12.5 9 18 20.5 6"/></svg>
    </div>
    <h3>98% Success Rate</h3>
    <p>Thousands of approved cases across every major UK visa and appeal route.</p>
  </div>

  <div class="card">
    <div class="icon-wrap">
      <svg viewBox="0 0 24 24" stroke-width="2.2"><path d="M9 8.5h4.2M9 12h5M8 16h7M9.3 7.5c0-1.4 1.1-2.4 2.6-2.4 1.6 0 2.6.9 2.6 2.1 0 3.2-4.7 2-4.7 5.3 0 .6.3 1.1.8 1.5"/></svg>
    </div>
    <h3>Transparent Fees</h3>
    <p>Clear, fixed pricing agreed upfront — no hidden costs, ever.</p>
  </div>

  <div class="card">
    <div class="icon-wrap">
      <svg viewBox="0 0 24 24"><path d="M4 13.5v-2a8 8 0 0116 0v2"/><rect x="2.5" y="13" width="3.5" height="5.5" rx="1.3"/><rect x="18" y="13" width="3.5" height="5.5" rx="1.3"/><path d="M18 18.5c0 1.7-1.7 2.7-4 2.7"/></svg>
    </div>
    <h3>Dedicated Support</h3>
    <p>A personal case worker keeps you updated at every stage of your application.</p>
  </div>

</div>

</body>
</html>/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5a37346 */:root{
  --navy:#0b2240;
  --gold-1:#e3a73a;
  --gold-2:#d8901f;
  --text-gray:#5b6472;
  --card-bg:#ffffff;
  --bg:#f3f5f8;
  --shadow:0 10px 25px rgba(11,34,64,0.08);
  --shadow-hover:0 20px 40px rgba(216,144,31,0.22);
}

*{box-sizing:border-box;}

body{
  margin:0;
  background:var(--bg);
  font-family:'Segoe UI', Arial, sans-serif;
  padding:60px 20px;
}

.badges{
  display:flex;
  gap:28px;
  max-width:1300px;
  margin:0 auto;
  flex-wrap:wrap;
  justify-content:center;
}

.card{
  background:var(--card-bg);
  border:2px solid transparent;
  border-radius:18px;
  padding:42px 28px 36px;
  width:270px;
  text-align:center;
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
  cursor:default;

  opacity:0;
  transform:translateY(28px);
  animation:riseIn .7s cubic-bezier(.2,.8,.2,1) forwards;

  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.card:nth-child(1){animation-delay:.05s;}
.card:nth-child(2){animation-delay:.2s;}
.card:nth-child(3){animation-delay:.35s;}
.card:nth-child(4){animation-delay:.5s;}

@keyframes riseIn{
  to{opacity:1; transform:translateY(0);}
}

.card:hover{
  transform:translateY(-10px);
  box-shadow:var(--shadow-hover);
  border-color:var(--gold-1);
}

/* soft gold sheen that sweeps on hover */
.card::before{
  content:"";
  position:absolute;
  top:0; left:-150%;
  width:60%;
  height:100%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent);
  transform:skewX(-20deg);
  transition:left .65s ease;
  pointer-events:none;
}
.card:hover::before{
  left:150%;
}

.card.active{
  border-color:var(--gold-1);
  box-shadow:0 0 0 1px rgba(227,167,58,.4), var(--shadow);
}

.icon-wrap{
  width:64px;
  height:64px;
  margin:0 auto 22px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg, var(--gold-1), var(--gold-2));
  box-shadow:0 8px 16px rgba(216,144,31,.35);
  transition:transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
}

.card:hover .icon-wrap{
  transform:rotate(-8deg) scale(1.12);
  box-shadow:0 12px 22px rgba(216,144,31,.45);
}

.icon-wrap svg{
  width:28px;
  height:28px;
  stroke:var(--navy);
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

h3{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:700;
  color:var(--navy);
  font-size:21px;
  margin:0 0 14px;
  position:relative;
}

h3::after{
  content:"";
  display:block;
  width:0%;
  height:2px;
  background:var(--gold-1);
  margin:8px auto 0;
  transition:width .4s ease;
}
.card:hover h3::after{
  width:40%;
}

p{
  color:var(--text-gray);
  font-size:15px;
  line-height:1.6;
  margin:0;
}

@media (prefers-reduced-motion: reduce){
  .card, .icon-wrap, .card::before, h3::after{
    animation:none !important;
    transition:none !important;
  }
  .card{opacity:1; transform:none;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73d4284 */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Trust Badges Section</title>
<style>
  :root{
    --navy:#0b2240;
    --gold-1:#e3a73a;
    --gold-2:#d8901f;
    --text-gray:#5b6472;
    --card-bg:#ffffff;
    --bg:#f3f5f8;
    --shadow:0 10px 25px rgba(11,34,64,0.08);
    --shadow-hover:0 20px 40px rgba(216,144,31,0.22);
  }

  *{box-sizing:border-box;}

  body{
    margin:0;
    background:var(--bg);
    font-family:'Segoe UI', Arial, sans-serif;
    padding:60px 20px;
  }

  .badges{
    display:flex;
    gap:28px;
    max-width:1300px;
    margin:0 auto;
    flex-wrap:wrap;
    justify-content:center;
  }

  .card{
    background:var(--card-bg);
    border:2px solid transparent;
    border-radius:18px;
    padding:42px 28px 36px;
    width:270px;
    text-align:center;
    box-shadow:var(--shadow);
    position:relative;
    overflow:hidden;
    cursor:default;

    opacity:0;
    transform:translateY(28px);
    animation:riseIn .7s cubic-bezier(.2,.8,.2,1) forwards;

    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  }

  .card:nth-child(1){animation-delay:.05s;}
  .card:nth-child(2){animation-delay:.2s;}
  .card:nth-child(3){animation-delay:.35s;}
  .card:nth-child(4){animation-delay:.5s;}

  @keyframes riseIn{
    to{opacity:1; transform:translateY(0);}
  }

  .card:hover{
    transform:translateY(-10px);
    box-shadow:var(--shadow-hover);
    border-color:var(--gold-1);
  }

  /* soft gold sheen that sweeps on hover */
  .card::before{
    content:"";
    position:absolute;
    top:0; left:-150%;
    width:60%;
    height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent);
    transform:skewX(-20deg);
    transition:left .65s ease;
    pointer-events:none;
  }
  .card:hover::before{
    left:150%;
  }

  .card.active{
    border-color:var(--gold-1);
    box-shadow:0 0 0 1px rgba(227,167,58,.4), var(--shadow);
  }

  .icon-wrap{
    width:64px;
    height:64px;
    margin:0 auto 22px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg, var(--gold-1), var(--gold-2));
    box-shadow:0 8px 16px rgba(216,144,31,.35);
    transition:transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
  }

  .card:hover .icon-wrap{
    transform:rotate(-8deg) scale(1.12);
    box-shadow:0 12px 22px rgba(216,144,31,.45);
  }

  .icon-wrap svg{
    width:28px;
    height:28px;
    stroke:var(--navy);
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  h3{
    font-family:Georgia,'Times New Roman',serif;
    font-weight:700;
    color:var(--navy);
    font-size:21px;
    margin:0 0 14px;
    position:relative;
  }

  h3::after{
    content:"";
    display:block;
    width:0%;
    height:2px;
    background:var(--gold-1);
    margin:8px auto 0;
    transition:width .4s ease;
  }
  .card:hover h3::after{
    width:40%;
  }

  p{
    color:var(--text-gray);
    font-size:15px;
    line-height:1.6;
    margin:0;
  }

  @media (prefers-reduced-motion: reduce){
    .card, .icon-wrap, .card::before, h3::after{
      animation:none !important;
      transition:none !important;
    }
    .card{opacity:1; transform:none;}
  }
</style>
</head>
<body>

<div class="badges">

  <div class="card active">
    <div class="icon-wrap">
      <svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="3.2"/><path d="M5 21c0-4 3.2-6.5 7-6.5S19 17 19 21"/><path d="M16 7.5l1.6 1.6L20.5 6"/></svg>
    </div>
    <h3>OISC Registered</h3>
    <p>Fully regulated advisors authorised to give UK immigration advice and representation.</p>
  </div>

  <div class="card">
    <div class="icon-wrap">
      <svg viewBox="0 0 24 24"><polyline points="3.5 12.5 9 18 20.5 6"/></svg>
    </div>
    <h3>98% Success Rate</h3>
    <p>Thousands of approved cases across every major UK visa and appeal route.</p>
  </div>

  <div class="card">
    <div class="icon-wrap">
      <svg viewBox="0 0 24 24" stroke-width="2.2"><path d="M9 8.5h4.2M9 12h5M8 16h7M9.3 7.5c0-1.4 1.1-2.4 2.6-2.4 1.6 0 2.6.9 2.6 2.1 0 3.2-4.7 2-4.7 5.3 0 .6.3 1.1.8 1.5"/></svg>
    </div>
    <h3>Transparent Fees</h3>
    <p>Clear, fixed pricing agreed upfront — no hidden costs, ever.</p>
  </div>

  <div class="card">
    <div class="icon-wrap">
      <svg viewBox="0 0 24 24"><path d="M4 13.5v-2a8 8 0 0116 0v2"/><rect x="2.5" y="13" width="3.5" height="5.5" rx="1.3"/><rect x="18" y="13" width="3.5" height="5.5" rx="1.3"/><path d="M18 18.5c0 1.7-1.7 2.7-4 2.7"/></svg>
    </div>
    <h3>Dedicated Support</h3>
    <p>A personal case worker keeps you updated at every stage of your application.</p>
  </div>

</div>

</body>
</html>/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ddac4a6 */:root{
  --navy:#0b2240;
  --gold-1:#e3a73a;
  --gold-2:#d8901f;
  --text-gray:#5b6472;
  --card-bg:#ffffff;
  --bg:#f3f5f8;
  --shadow:0 10px 25px rgba(11,34,64,0.08);
  --shadow-hover:0 20px 40px rgba(216,144,31,0.22);
}

*{box-sizing:border-box;}

body{
  margin:0;
  background:var(--bg);
  font-family:'Segoe UI', Arial, sans-serif;
  padding:60px 20px;
}

.badges{
  display:flex;
  gap:28px;
  max-width:1300px;
  margin:0 auto;
  flex-wrap:wrap;
  justify-content:center;
}

.card{
  background:var(--card-bg);
  border:2px solid transparent;
  border-radius:18px;
  padding:42px 28px 36px;
  width:270px;
  text-align:center;
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
  cursor:default;

  opacity:0;
  transform:translateY(28px);
  animation:riseIn .7s cubic-bezier(.2,.8,.2,1) forwards;

  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.card:nth-child(1){animation-delay:.05s;}
.card:nth-child(2){animation-delay:.2s;}
.card:nth-child(3){animation-delay:.35s;}
.card:nth-child(4){animation-delay:.5s;}

@keyframes riseIn{
  to{opacity:1; transform:translateY(0);}
}

.card:hover{
  transform:translateY(-10px);
  box-shadow:var(--shadow-hover);
  border-color:var(--gold-1);
}

/* soft gold sheen that sweeps on hover */
.card::before{
  content:"";
  position:absolute;
  top:0; left:-150%;
  width:60%;
  height:100%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent);
  transform:skewX(-20deg);
  transition:left .65s ease;
  pointer-events:none;
}
.card:hover::before{
  left:150%;
}

.card.active{
  border-color:var(--gold-1);
  box-shadow:0 0 0 1px rgba(227,167,58,.4), var(--shadow);
}

.icon-wrap{
  width:64px;
  height:64px;
  margin:0 auto 22px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg, var(--gold-1), var(--gold-2));
  box-shadow:0 8px 16px rgba(216,144,31,.35);
  transition:transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
}

.card:hover .icon-wrap{
  transform:rotate(-8deg) scale(1.12);
  box-shadow:0 12px 22px rgba(216,144,31,.45);
}

.icon-wrap svg{
  width:28px;
  height:28px;
  stroke:var(--navy);
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

h3{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:700;
  color:var(--navy);
  font-size:21px;
  margin:0 0 14px;
  position:relative;
}

h3::after{
  content:"";
  display:block;
  width:0%;
  height:2px;
  background:var(--gold-1);
  margin:8px auto 0;
  transition:width .4s ease;
}
.card:hover h3::after{
  width:40%;
}

p{
  color:var(--text-gray);
  font-size:15px;
  line-height:1.6;
  margin:0;
}

@media (prefers-reduced-motion: reduce){
  .card, .icon-wrap, .card::before, h3::after{
    animation:none !important;
    transition:none !important;
  }
  .card{opacity:1; transform:none;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48eac39 */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Trust Badges Section</title>
<style>
  :root{
    --navy:#0b2240;
    --gold-1:#e3a73a;
    --gold-2:#d8901f;
    --text-gray:#5b6472;
    --card-bg:#ffffff;
    --bg:#f3f5f8;
    --shadow:0 10px 25px rgba(11,34,64,0.08);
    --shadow-hover:0 20px 40px rgba(216,144,31,0.22);
  }

  *{box-sizing:border-box;}

  body{
    margin:0;
    background:var(--bg);
    font-family:'Segoe UI', Arial, sans-serif;
    padding:60px 20px;
  }

  .badges{
    display:flex;
    gap:28px;
    max-width:1300px;
    margin:0 auto;
    flex-wrap:wrap;
    justify-content:center;
  }

  .card{
    background:var(--card-bg);
    border:2px solid transparent;
    border-radius:18px;
    padding:42px 28px 36px;
    width:270px;
    text-align:center;
    box-shadow:var(--shadow);
    position:relative;
    overflow:hidden;
    cursor:default;

    opacity:0;
    transform:translateY(28px);
    animation:riseIn .7s cubic-bezier(.2,.8,.2,1) forwards;

    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  }

  .card:nth-child(1){animation-delay:.05s;}
  .card:nth-child(2){animation-delay:.2s;}
  .card:nth-child(3){animation-delay:.35s;}
  .card:nth-child(4){animation-delay:.5s;}

  @keyframes riseIn{
    to{opacity:1; transform:translateY(0);}
  }

  .card:hover{
    transform:translateY(-10px);
    box-shadow:var(--shadow-hover);
    border-color:var(--gold-1);
  }

  /* soft gold sheen that sweeps on hover */
  .card::before{
    content:"";
    position:absolute;
    top:0; left:-150%;
    width:60%;
    height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent);
    transform:skewX(-20deg);
    transition:left .65s ease;
    pointer-events:none;
  }
  .card:hover::before{
    left:150%;
  }

  .card.active{
    border-color:var(--gold-1);
    box-shadow:0 0 0 1px rgba(227,167,58,.4), var(--shadow);
  }

  .icon-wrap{
    width:64px;
    height:64px;
    margin:0 auto 22px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg, var(--gold-1), var(--gold-2));
    box-shadow:0 8px 16px rgba(216,144,31,.35);
    transition:transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
  }

  .card:hover .icon-wrap{
    transform:rotate(-8deg) scale(1.12);
    box-shadow:0 12px 22px rgba(216,144,31,.45);
  }

  .icon-wrap svg{
    width:28px;
    height:28px;
    stroke:var(--navy);
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  h3{
    font-family:Georgia,'Times New Roman',serif;
    font-weight:700;
    color:var(--navy);
    font-size:21px;
    margin:0 0 14px;
    position:relative;
  }

  h3::after{
    content:"";
    display:block;
    width:0%;
    height:2px;
    background:var(--gold-1);
    margin:8px auto 0;
    transition:width .4s ease;
  }
  .card:hover h3::after{
    width:40%;
  }

  p{
    color:var(--text-gray);
    font-size:15px;
    line-height:1.6;
    margin:0;
  }

  @media (prefers-reduced-motion: reduce){
    .card, .icon-wrap, .card::before, h3::after{
      animation:none !important;
      transition:none !important;
    }
    .card{opacity:1; transform:none;}
  }
</style>
</head>
<body>

<div class="badges">

  <div class="card active">
    <div class="icon-wrap">
      <svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="3.2"/><path d="M5 21c0-4 3.2-6.5 7-6.5S19 17 19 21"/><path d="M16 7.5l1.6 1.6L20.5 6"/></svg>
    </div>
    <h3>OISC Registered</h3>
    <p>Fully regulated advisors authorised to give UK immigration advice and representation.</p>
  </div>

  <div class="card">
    <div class="icon-wrap">
      <svg viewBox="0 0 24 24"><polyline points="3.5 12.5 9 18 20.5 6"/></svg>
    </div>
    <h3>98% Success Rate</h3>
    <p>Thousands of approved cases across every major UK visa and appeal route.</p>
  </div>

  <div class="card">
    <div class="icon-wrap">
      <svg viewBox="0 0 24 24" stroke-width="2.2"><path d="M9 8.5h4.2M9 12h5M8 16h7M9.3 7.5c0-1.4 1.1-2.4 2.6-2.4 1.6 0 2.6.9 2.6 2.1 0 3.2-4.7 2-4.7 5.3 0 .6.3 1.1.8 1.5"/></svg>
    </div>
    <h3>Transparent Fees</h3>
    <p>Clear, fixed pricing agreed upfront — no hidden costs, ever.</p>
  </div>

  <div class="card">
    <div class="icon-wrap">
      <svg viewBox="0 0 24 24"><path d="M4 13.5v-2a8 8 0 0116 0v2"/><rect x="2.5" y="13" width="3.5" height="5.5" rx="1.3"/><rect x="18" y="13" width="3.5" height="5.5" rx="1.3"/><path d="M18 18.5c0 1.7-1.7 2.7-4 2.7"/></svg>
    </div>
    <h3>Dedicated Support</h3>
    <p>A personal case worker keeps you updated at every stage of your application.</p>
  </div>

</div>

</body>
</html>/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f1a0834 */:root{
  --navy:#0b2240;
  --gold-1:#e3a73a;
  --gold-2:#d8901f;
  --text-gray:#5b6472;
  --card-bg:#ffffff;
  --bg:#f3f5f8;
  --shadow:0 10px 25px rgba(11,34,64,0.08);
  --shadow-hover:0 20px 40px rgba(216,144,31,0.22);
}

*{box-sizing:border-box;}

body{
  margin:0;
  background:var(--bg);
  font-family:'Segoe UI', Arial, sans-serif;
  padding:60px 20px;
}

.badges{
  display:flex;
  gap:28px;
  max-width:1300px;
  margin:0 auto;
  flex-wrap:wrap;
  justify-content:center;
}

.card{
  background:var(--card-bg);
  border:2px solid transparent;
  border-radius:18px;
  padding:42px 28px 36px;
  width:270px;
  text-align:center;
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
  cursor:default;

  opacity:0;
  transform:translateY(28px);
  animation:riseIn .7s cubic-bezier(.2,.8,.2,1) forwards;

  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.card:nth-child(1){animation-delay:.05s;}
.card:nth-child(2){animation-delay:.2s;}
.card:nth-child(3){animation-delay:.35s;}
.card:nth-child(4){animation-delay:.5s;}

@keyframes riseIn{
  to{opacity:1; transform:translateY(0);}
}

.card:hover{
  transform:translateY(-10px);
  box-shadow:var(--shadow-hover);
  border-color:var(--gold-1);
}

/* soft gold sheen that sweeps on hover */
.card::before{
  content:"";
  position:absolute;
  top:0; left:-150%;
  width:60%;
  height:100%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent);
  transform:skewX(-20deg);
  transition:left .65s ease;
  pointer-events:none;
}
.card:hover::before{
  left:150%;
}

.card.active{
  border-color:var(--gold-1);
  box-shadow:0 0 0 1px rgba(227,167,58,.4), var(--shadow);
}

.icon-wrap{
  width:64px;
  height:64px;
  margin:0 auto 22px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg, var(--gold-1), var(--gold-2));
  box-shadow:0 8px 16px rgba(216,144,31,.35);
  transition:transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
}

.card:hover .icon-wrap{
  transform:rotate(-8deg) scale(1.12);
  box-shadow:0 12px 22px rgba(216,144,31,.45);
}

.icon-wrap svg{
  width:28px;
  height:28px;
  stroke:var(--navy);
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

h3{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:700;
  color:var(--navy);
  font-size:21px;
  margin:0 0 14px;
  position:relative;
}

h3::after{
  content:"";
  display:block;
  width:0%;
  height:2px;
  background:var(--gold-1);
  margin:8px auto 0;
  transition:width .4s ease;
}
.card:hover h3::after{
  width:40%;
}

p{
  color:var(--text-gray);
  font-size:15px;
  line-height:1.6;
  margin:0;
}

@media (prefers-reduced-motion: reduce){
  .card, .icon-wrap, .card::before, h3::after{
    animation:none !important;
    transition:none !important;
  }
  .card{opacity:1; transform:none;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49973b8 */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Trust Badges Section</title>
<style>
  :root{
    --navy:#0b2240;
    --gold-1:#e3a73a;
    --gold-2:#d8901f;
    --text-gray:#5b6472;
    --card-bg:#ffffff;
    --bg:#f3f5f8;
    --shadow:0 10px 25px rgba(11,34,64,0.08);
    --shadow-hover:0 20px 40px rgba(216,144,31,0.22);
  }

  *{box-sizing:border-box;}

  body{
    margin:0;
    background:var(--bg);
    font-family:'Segoe UI', Arial, sans-serif;
    padding:60px 20px;
  }

  .badges{
    display:flex;
    gap:28px;
    max-width:1300px;
    margin:0 auto;
    flex-wrap:wrap;
    justify-content:center;
  }

  .card{
    background:var(--card-bg);
    border:2px solid transparent;
    border-radius:18px;
    padding:42px 28px 36px;
    width:270px;
    text-align:center;
    box-shadow:var(--shadow);
    position:relative;
    overflow:hidden;
    cursor:default;

    opacity:0;
    transform:translateY(28px);
    animation:riseIn .7s cubic-bezier(.2,.8,.2,1) forwards;

    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  }

  .card:nth-child(1){animation-delay:.05s;}
  .card:nth-child(2){animation-delay:.2s;}
  .card:nth-child(3){animation-delay:.35s;}
  .card:nth-child(4){animation-delay:.5s;}

  @keyframes riseIn{
    to{opacity:1; transform:translateY(0);}
  }

  .card:hover{
    transform:translateY(-10px);
    box-shadow:var(--shadow-hover);
    border-color:var(--gold-1);
  }

  /* soft gold sheen that sweeps on hover */
  .card::before{
    content:"";
    position:absolute;
    top:0; left:-150%;
    width:60%;
    height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent);
    transform:skewX(-20deg);
    transition:left .65s ease;
    pointer-events:none;
  }
  .card:hover::before{
    left:150%;
  }

  .card.active{
    border-color:var(--gold-1);
    box-shadow:0 0 0 1px rgba(227,167,58,.4), var(--shadow);
  }

  .icon-wrap{
    width:64px;
    height:64px;
    margin:0 auto 22px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg, var(--gold-1), var(--gold-2));
    box-shadow:0 8px 16px rgba(216,144,31,.35);
    transition:transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
  }

  .card:hover .icon-wrap{
    transform:rotate(-8deg) scale(1.12);
    box-shadow:0 12px 22px rgba(216,144,31,.45);
  }

  .icon-wrap svg{
    width:28px;
    height:28px;
    stroke:var(--navy);
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  h3{
    font-family:Georgia,'Times New Roman',serif;
    font-weight:700;
    color:var(--navy);
    font-size:21px;
    margin:0 0 14px;
    position:relative;
  }

  h3::after{
    content:"";
    display:block;
    width:0%;
    height:2px;
    background:var(--gold-1);
    margin:8px auto 0;
    transition:width .4s ease;
  }
  .card:hover h3::after{
    width:40%;
  }

  p{
    color:var(--text-gray);
    font-size:15px;
    line-height:1.6;
    margin:0;
  }

  @media (prefers-reduced-motion: reduce){
    .card, .icon-wrap, .card::before, h3::after{
      animation:none !important;
      transition:none !important;
    }
    .card{opacity:1; transform:none;}
  }
</style>
</head>
<body>

<div class="badges">

  <div class="card active">
    <div class="icon-wrap">
      <svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="3.2"/><path d="M5 21c0-4 3.2-6.5 7-6.5S19 17 19 21"/><path d="M16 7.5l1.6 1.6L20.5 6"/></svg>
    </div>
    <h3>OISC Registered</h3>
    <p>Fully regulated advisors authorised to give UK immigration advice and representation.</p>
  </div>

  <div class="card">
    <div class="icon-wrap">
      <svg viewBox="0 0 24 24"><polyline points="3.5 12.5 9 18 20.5 6"/></svg>
    </div>
    <h3>98% Success Rate</h3>
    <p>Thousands of approved cases across every major UK visa and appeal route.</p>
  </div>

  <div class="card">
    <div class="icon-wrap">
      <svg viewBox="0 0 24 24" stroke-width="2.2"><path d="M9 8.5h4.2M9 12h5M8 16h7M9.3 7.5c0-1.4 1.1-2.4 2.6-2.4 1.6 0 2.6.9 2.6 2.1 0 3.2-4.7 2-4.7 5.3 0 .6.3 1.1.8 1.5"/></svg>
    </div>
    <h3>Transparent Fees</h3>
    <p>Clear, fixed pricing agreed upfront — no hidden costs, ever.</p>
  </div>

  <div class="card">
    <div class="icon-wrap">
      <svg viewBox="0 0 24 24"><path d="M4 13.5v-2a8 8 0 0116 0v2"/><rect x="2.5" y="13" width="3.5" height="5.5" rx="1.3"/><rect x="18" y="13" width="3.5" height="5.5" rx="1.3"/><path d="M18 18.5c0 1.7-1.7 2.7-4 2.7"/></svg>
    </div>
    <h3>Dedicated Support</h3>
    <p>A personal case worker keeps you updated at every stage of your application.</p>
  </div>

</div>

</body>
</html>/* End custom CSS */