.elementor-104 .elementor-element.elementor-element-457d79b{--display:flex;--min-height:500px;--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;--justify-content:center;}.elementor-104 .elementor-element.elementor-element-457d79b:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-457d79b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#10505F;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-104 .elementor-element.elementor-element-a7e1925{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-104 .elementor-element.elementor-element-a7e1925 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:56px;font-weight:700;color:#FCFAF6;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-104 .elementor-element.elementor-element-028781e{font-family:"Work Sans", Sans-serif;font-size:26px;font-weight:400;color:#FCFAF6CC;}.elementor-104 .elementor-element.elementor-element-b00a397{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-b00a397:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-b00a397 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b2f6b7f );}.elementor-104 .elementor-element.elementor-element-c319a2d{font-family:"Work Sans", Sans-serif;font-size:20px;font-weight:400;color:#05302ED9;}.elementor-104 .elementor-element.elementor-element-0ef647b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-0ef647b:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-0ef647b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b2f6b7f );}.elementor-104 .elementor-element.elementor-element-3e5d918{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 030px) 0px;}.elementor-104 .elementor-element.elementor-element-3e5d918 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;color:#05302E;}.elementor-104 .elementor-element.elementor-element-aef6a8a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;font-family:"Work Sans", Sans-serif;font-size:20px;font-weight:400;color:#05302ECC;}.elementor-104 .elementor-element.elementor-element-580185c{--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-104 .elementor-element.elementor-element-580185c:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-580185c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b2f6b7f );}.elementor-104 .elementor-element.elementor-element-45e1abf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-104 .elementor-element.elementor-element-45e1abf .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;color:var( --e-global-color-5fc1d96 );}.elementor-104 .elementor-element.elementor-element-a2a96c8{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-104 .elementor-element.elementor-element-a2a96c8:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-a2a96c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b2f6b7f );}.elementor-104 .elementor-element.elementor-element-a2b9eb1{--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-104 .elementor-element.elementor-element-530d009{font-family:"Work Sans", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-fbf15ca );}.elementor-104 .elementor-element.elementor-element-8bfc271{--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;--justify-content:center;}.elementor-104 .elementor-element.elementor-element-82665c1{width:initial;max-width:initial;}.elementor-104 .elementor-element.elementor-element-d9a7b75{--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-104 .elementor-element.elementor-element-d9a7b75:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-d9a7b75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b2f6b7f );}.elementor-104 .elementor-element.elementor-element-e6b6e1e{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-104 .elementor-element.elementor-element-e6b6e1e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;color:#05302E;}.elementor-104 .elementor-element.elementor-element-9545912{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-104 .elementor-element.elementor-element-b3629dd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-104 .elementor-element.elementor-element-b3629dd.e-con{--align-self:stretch;}.elementor-104 .elementor-element.elementor-element-37e242b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-104 .elementor-element.elementor-element-37e242b.e-con{--align-self:stretch;}.elementor-104 .elementor-element.elementor-element-1b08bc4{font-family:"Work Sans", Sans-serif;font-size:20px;font-weight:400;}.elementor-104 .elementor-element.elementor-element-dafd188{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-dafd188:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-dafd188 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b2f6b7f );}.elementor-104 .elementor-element.elementor-element-563dec3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-104 .elementor-element.elementor-element-563dec3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;color:var( --e-global-color-5fc1d96 );}.elementor-104 .elementor-element.elementor-element-4b323eb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-4b323eb:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-4b323eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b2f6b7f );}.elementor-104 .elementor-element.elementor-element-82ea005{--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-104 .elementor-element.elementor-element-1507f1c{--display:flex;}.elementor-104 .elementor-element.elementor-element-e9bd117{font-family:"Work Sans", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-fbf15ca );}.elementor-104 .elementor-element.elementor-element-439f75e{--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;--justify-content:center;}.elementor-104 .elementor-element.elementor-element-8510524{--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-104 .elementor-element.elementor-element-8510524:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-8510524 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b2f6b7f );}.elementor-104 .elementor-element.elementor-element-bf4a6eb{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-104 .elementor-element.elementor-element-bf4a6eb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;color:var( --e-global-color-5fc1d96 );}.elementor-104 .elementor-element.elementor-element-bd83942{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-bd83942:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-bd83942 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b2f6b7f );}.elementor-104 .elementor-element.elementor-element-4b02891{--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-104 .elementor-element.elementor-element-11163e0{font-family:"Work Sans", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-fbf15ca );}.elementor-104 .elementor-element.elementor-element-65356a3{--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;--justify-content:space-between;}.elementor-104 .elementor-element.elementor-element-09fb285{--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-104 .elementor-element.elementor-element-09fb285:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-09fb285 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b2f6b7f );}.elementor-104 .elementor-element.elementor-element-5405763{margin:020px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-104 .elementor-element.elementor-element-5405763 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;color:var( --e-global-color-5fc1d96 );}.elementor-104 .elementor-element.elementor-element-37f6d08{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-37f6d08:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-37f6d08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b2f6b7f );}.elementor-104 .elementor-element.elementor-element-e3b4c87{--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-104 .elementor-element.elementor-element-fb9cee8{font-family:"Work Sans", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-fbf15ca );}.elementor-104 .elementor-element.elementor-element-c8ecc9b{--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-104 .elementor-element.elementor-element-a1e205c{--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-104 .elementor-element.elementor-element-a1e205c:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-a1e205c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b2f6b7f );}.elementor-104 .elementor-element.elementor-element-868b8c1 .elementor-heading-title{color:var( --e-global-color-5fc1d96 );}.elementor-104 .elementor-element.elementor-element-964f25f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-964f25f:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-964f25f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b2f6b7f );}.elementor-104 .elementor-element.elementor-element-0ea52d6{--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-104 .elementor-element.elementor-element-6b2f01e{--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-104 .elementor-element.elementor-element-471761d{color:var( --e-global-color-fbf15ca );}.elementor-104 .elementor-element.elementor-element-f0b2be6{--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-104 .elementor-element.elementor-element-f0b2be6:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-f0b2be6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b2f6b7f );}.elementor-104 .elementor-element.elementor-element-6a2cf2d .elementor-heading-title{color:var( --e-global-color-5fc1d96 );}.elementor-104 .elementor-element.elementor-element-db1795e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-db1795e:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-db1795e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b2f6b7f );}.elementor-104 .elementor-element.elementor-element-6f94427{--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-104 .elementor-element.elementor-element-86075f1{color:var( --e-global-color-fbf15ca );}.elementor-104 .elementor-element.elementor-element-819d77f{--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-104 .elementor-element.elementor-element-281d497{--display:flex;}.elementor-104 .elementor-element.elementor-element-281d497:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-281d497 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b2f6b7f );}.elementor-104 .elementor-element.elementor-element-961efbf .elementor-heading-title{color:var( --e-global-color-5fc1d96 );}.elementor-104 .elementor-element.elementor-element-4c08827{color:var( --e-global-color-fbf15ca );}.elementor-104 .elementor-element.elementor-element-1ea9261{--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;}@media(max-width:767px){.elementor-104 .elementor-element.elementor-element-9545912{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-104 .elementor-element.elementor-element-b3629dd.e-con{--align-self:center;}}@media(min-width:768px){.elementor-104 .elementor-element.elementor-element-a2a96c8{--content-width:1140px;}.elementor-104 .elementor-element.elementor-element-a2b9eb1{--width:50%;}.elementor-104 .elementor-element.elementor-element-8bfc271{--width:50%;}.elementor-104 .elementor-element.elementor-element-b3629dd{--width:50%;}.elementor-104 .elementor-element.elementor-element-37e242b{--width:50%;}.elementor-104 .elementor-element.elementor-element-82ea005{--width:50%;}.elementor-104 .elementor-element.elementor-element-439f75e{--width:50%;}.elementor-104 .elementor-element.elementor-element-4b02891{--width:50%;}.elementor-104 .elementor-element.elementor-element-65356a3{--width:50%;}.elementor-104 .elementor-element.elementor-element-e3b4c87{--width:50%;}.elementor-104 .elementor-element.elementor-element-c8ecc9b{--width:50%;}.elementor-104 .elementor-element.elementor-element-0ea52d6{--width:50%;}.elementor-104 .elementor-element.elementor-element-6b2f01e{--width:50%;}.elementor-104 .elementor-element.elementor-element-6f94427{--width:50%;}.elementor-104 .elementor-element.elementor-element-819d77f{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-d0ad0c0 *//*==========================================
        CUSTOMIZATION
==========================================*/

:root{

/* Container */

--container-width:570px;
--container-padding:34px;
--container-radius:30px;
--container-bg:#ffffff;
--container-border:#dfe8ea;

/* Chart */

--chart-size:450px;
--ring-size:42;

/* Colors */

--google:#56c1ba;
--bing:#062f2c;
--yandex:#ff7b3c;
--yahoo:#f3c53d;
--duck:#8cb8b4;
--baidu:#d7dfdc;
--ring-bg:#edf3f3;

/* Typography */

--font-family:"Poppins",sans-serif;

--percent-size:56px;
--percent-weight:700;
--percent-color:#082f2e;

--subtitle-size:14px;
--subtitle-weight:600;
--subtitle-spacing:4px;
--subtitle-color:#6e8685;

--legend-size:18px;
--legend-weight:500;
--legend-color:#294646;

--legend-value-size:18px;
--legend-value-weight:600;

/* Spacing */

--legend-gap:18px;
--legend-top:25px;

/* Animation */

--animation-speed:2.2s;

}


/*==========================================
        MAIN CONTAINER
==========================================*/

.seo-chart{

width:100%;
max-width:var(--container-width);

background:var(--container-bg);

border:1px solid var(--container-border);

border-radius:var(--container-radius);

padding:var(--container-padding);

margin:auto;

box-sizing:border-box;

font-family:var(--font-family);

}


/*==========================================
        SVG AREA
==========================================*/

.chart-wrapper{

position:relative;

display:flex;

justify-content:center;

align-items:center;

width:100%;

}


.donut-chart{

width:var(--chart-size);

height:var(--chart-size);

transform:rotate(-90deg);

overflow:visible;

}


/*==========================================
        BACKGROUND RING
==========================================*/

.ring-bg{

fill:none;

stroke:var(--ring-bg);

stroke-width:var(--ring-size);

}


/*==========================================
        SEGMENTS
==========================================*/

.segment{

fill:none;

stroke-width:var(--ring-size);

stroke-linecap:butt;

transform-origin:center;

transition:.4s;

cursor:pointer;

}


/* Hover */

.segment:hover{

filter:brightness(110%);

stroke-width:calc(var(--ring-size) + 4);

}


/*==========================================
        CENTER
==========================================*/

.center-text{

position:absolute;

left:50%;

top:50%;

transform:translate(-50%,-50%);

text-align:center;

width:240px;

}


.percentage{

font-size:var(--percent-size);

font-weight:var(--percent-weight);

color:var(--percent-color);

line-height:1;

}


.subtitle{

margin-top:12px;

font-size:var(--subtitle-size);

letter-spacing:var(--subtitle-spacing);

font-weight:var(--subtitle-weight);

color:var(--subtitle-color);

}


/*==========================================
        LEGEND
==========================================*/

.chart-legend{

margin-top:var(--legend-top);

display:grid;

grid-template-columns:repeat(2,1fr);

gap:var(--legend-gap);

}


.legend-item{

display:flex;

align-items:center;

justify-content:space-between;

gap:10px;

}


.name{

flex:1;

font-size:var(--legend-size);

font-weight:var(--legend-weight);

color:var(--legend-color);

}


.value{

font-size:var(--legend-value-size);

font-weight:var(--legend-value-weight);

color:#163b39;

}


.dot{

width:14px;

height:14px;

border-radius:50%;

display:inline-block;

flex-shrink:0;

}

/*==========================================
        DONUT COLORS
==========================================*/

.google{
stroke:var(--google);
stroke-dasharray:795.2 84.4;
    stroke-dashoffset:0;
animation:googleDraw var(--animation-speed) ease forwards;
}

.bing{
stroke:var(--bing);
stroke-dasharray:36.07 843.58;
    stroke-dashoffset:-795.2;
animation:bingDraw var(--animation-speed) ease forwards;
}

.yandex{
stroke:var(--yandex);
stroke-dasharray:19.35 860.30;
    stroke-dashoffset:-831.27;
animation:yandexDraw var(--animation-speed) ease forwards;
}

.yahoo{
stroke:var(--yahoo);
stroke-dasharray:11.43 868.22;
    stroke-dashoffset:-850.62;
animation:yahooDraw var(--animation-speed) ease forwards;
}

.duck{
stroke:var(--duck);
stroke-dasharray:8.80 870.85;
    stroke-dashoffset:-862.05;
animation:duckDraw var(--animation-speed) ease forwards;
}

.baidu{
stroke:var(--baidu);
stroke-dasharray:8.27 871.38;
    stroke-dashoffset:-870.85;
animation:baiduDraw var(--animation-speed) ease forwards;
}


/*==========================================
        LEGEND COLORS
==========================================*/

.dot.google{background:var(--google);}
.dot.bing{background:var(--bing);}
.dot.yandex{background:var(--yandex);}
.dot.yahoo{background:var(--yahoo);}
.dot.duck{background:var(--duck);}
.dot.baidu{background:var(--baidu);}


/*==========================================
        DRAW ANIMATION
==========================================*/

.segment{

stroke-dasharray:0 880;

animation-duration:var(--animation-speed);

animation-fill-mode:forwards;

animation-timing-function:ease;

}

@keyframes googleDraw{

from{
stroke-dasharray:0 880;
}

to{
stroke-dasharray:795.20 84.45;
}

}

@keyframes bingDraw{

from{
stroke-dasharray:0 880;
}

to{
stroke-dasharray:36.07 843.58;
}

}

@keyframes yandexDraw{

from{
stroke-dasharray:0 880;
}

to{
stroke-dasharray:19.35 860.30;
}

}

@keyframes yahooDraw{

from{
stroke-dasharray:0 880;
}

to{
stroke-dasharray:11.43 868.22;
}

}

@keyframes duckDraw{

from{
stroke-dasharray:0 880;
}

to{
stroke-dasharray:8.80 870.85;
}

}

@keyframes baiduDraw{

from{
stroke-dasharray:0 880;
}

to{
stroke-dasharray:8.27 871.38;
}

}


/*==========================================
        FLOATING EFFECT
==========================================*/

.chart-wrapper{

animation:floatChart 5s ease-in-out infinite;

}

@keyframes floatChart{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-6px);
}

100%{
transform:translateY(0px);
}

}


/*==========================================
        LEGEND ANIMATION
==========================================*/

.legend-item{

opacity:0;

transform:translateY(12px);

animation:fadeUp .6s forwards;

}

.legend-item:nth-child(1){animation-delay:.15s;}
.legend-item:nth-child(2){animation-delay:.25s;}
.legend-item:nth-child(3){animation-delay:.35s;}
.legend-item:nth-child(4){animation-delay:.45s;}
.legend-item:nth-child(5){animation-delay:.55s;}
.legend-item:nth-child(6){animation-delay:.65s;}

@keyframes fadeUp{

to{

opacity:1;

transform:translateY(0);

}

}


/*==========================================
        CENTER TEXT
==========================================*/

.percentage{

animation:zoomText 1s ease;

}

.subtitle{

animation:fadeText 1.2s ease;

}

@keyframes zoomText{

0%{

transform:scale(.6);

opacity:0;

}

100%{

transform:scale(1);

opacity:1;

}

}

@keyframes fadeText{

from{

opacity:0;

letter-spacing:12px;

}

to{

opacity:1;

letter-spacing:var(--subtitle-spacing);

}

}


/*==========================================
        RESPONSIVE
==========================================*/

@media(max-width:767px){

:root{

--container-width:100%;
--chart-size:300px;
--ring-size:32;

--percent-size:42px;

--legend-size:15px;

--legend-value-size:15px;

--container-padding:24px;

}

.chart-legend{

grid-template-columns:1fr;

gap:14px;

}

.center-text{

width:180px;

}

}


/*==========================================
        HOVER
==========================================*/

.seo-chart{

transition:.35s;

}

.seo-chart:hover{

box-shadow:0 20px 45px rgba(0,0,0,.08);

transform:translateY(-4px);

}

.legend-item{

transition:.3s;

}

.legend-item:hover{

transform:translateX(6px);

}

.dot{

transition:.3s;

}

.legend-item:hover .dot{

transform:scale(1.35);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c21698 *//* ======================================================
   GOOGLE SEARCH STATS
   GLOBAL SETTINGS
====================================================== */

.gs-stats-card{

    /* Container */

    --container-width:100%;
    

    --container-bg:#ffffff;
    --container-border:#DCE3E7;
    --container-border-width:2px;
    --container-radius:40px;

    --container-padding-top:25px;
    --container-padding-right:25px;
    --container-padding-bottom:25px;
    --container-padding-left:25px;

    --container-shadow:none;

    /* Typography */

    --font-family:"Poppins",sans-serif;

    /* Numbers */

    --value-font-size:30px;
    --value-font-weight:600;
    --value-line-height:1;
    --value-color:#123D46;

    /* Labels */

    --label-font-size:15px;
    --label-font-weight:400;
    --label-color:#324E55;

    /* Caption */

    --caption-font-size:16px;
    --caption-font-weight:400;
    --caption-color:#98A7AD;

    /* Bars */

    --bar-width:75px;

    --bar-radius:12px;

    --bar-height-1:145px;
    --bar-height-2:245px;
    --bar-height-3:285px;
    --bar-height-4:340px;

    /* Individual Colors */

    --bar-color-1:#2F7F8F;
    --bar-color-2:#59BEB8;
    --bar-color-3:#64C5A4;
    --bar-color-4:#063B38;

    /* Layout */

    --bar-gap:45px;

    --value-gap:18px;

    --label-gap:10px;

    --caption-margin-top:35px;

    /* Animation */

    --animation-speed:.8s;

    /* Responsive */

    --mobile-padding:30px;

    --mobile-gap:30px;

    --mobile-bar-width:55px;

    --mobile-value-size:28px;

    --mobile-label-size:15px;

    --mobile-caption-size:14px;

}
/* ======================================================
   MAIN LAYOUT
====================================================== */

.gs-stats-card{
    overflow: hidden;
    width:var(--container-width);
    max-width:var(--container-max-width);

    margin:auto;

    background:var(--container-bg);

    border:var(--container-border-width) solid var(--container-border);

    border-radius:var(--container-radius);

    padding:
        var(--container-padding-top)
        var(--container-padding-right)
        var(--container-padding-bottom)
        var(--container-padding-left);

    box-shadow:var(--container-shadow);

    box-sizing:border-box;

    font-family:var(--font-family);

}

/* ======================================================
   BARS WRAPPER
====================================================== */

.gs-bars{

    display:flex;

    justify-content:center;

    align-items:flex-end;

    gap:var(--bar-gap);

    width:100%;

}

/* ======================================================
   EACH COLUMN
====================================================== */

.gs-bar-item{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:flex-end;

}

/* ======================================================
   VALUES
====================================================== */

.gs-value{

    margin-bottom:var(--value-gap);

    font-size:var(--value-font-size);

    font-weight:var(--value-font-weight);

    line-height:var(--value-line-height);

    color:var(--value-color);

    text-align:center;

}

/* ======================================================
   BAR
====================================================== */

.gs-bar{

    width:var(--bar-width);

    border-radius:var(--bar-radius)
                  var(--bar-radius)
                  0
                  0;

}

/* Individual Heights */

.gs-bar-1{

    height:var(--bar-height-1);

    background:var(--bar-color-1);

}

.gs-bar-2{

    height:var(--bar-height-2);

    background:var(--bar-color-2);

}

.gs-bar-3{

    height:var(--bar-height-3);

    background:var(--bar-color-3);

}

.gs-bar-4{

    height:var(--bar-height-4);

    background:var(--bar-color-4);

}

/* ======================================================
   LABEL
====================================================== */

.gs-label{

    margin-top:var(--label-gap);

    font-size:var(--label-font-size);

    font-weight:var(--label-font-weight);

    color:var(--label-color);

    text-align:center;

    line-height:1.3;

}

/* ======================================================
   CAPTION
====================================================== */

.gs-caption{

    margin-top:var(--caption-margin-top);

    text-align:center;

    font-size:var(--caption-font-size);

    font-weight:var(--caption-font-weight);

    color:var(--caption-color);

    line-height:1.5;

}

/* ======================================================
   RESPONSIVE
====================================================== */

@media (max-width:767px){

.gs-stats-card{

    padding:var(--mobile-padding);

}

.gs-bars{

    gap:var(--mobile-gap);

}

.gs-bar{

    width:var(--mobile-bar-width);

}

.gs-value{

    font-size:var(--mobile-value-size);

}

.gs-label{

    font-size:var(--mobile-label-size);

}

.gs-caption{

    font-size:var(--mobile-caption-size);

}

}

/* ======================================================
   BAR ANIMATION
====================================================== */

.gs-bar{

    transform:scaleY(0);

    transform-origin:bottom center;

    animation:gsGrow var(--animation-speed) ease-out forwards;

    will-change:transform;

}

/* Animation Delay */

.gs-bar-1{

    animation-delay:.10s;

}

.gs-bar-2{

    animation-delay:.30s;

}

.gs-bar-3{

    animation-delay:.50s;

}

.gs-bar-4{

    animation-delay:.70s;

}

@keyframes gsGrow{

    from{

        transform:scaleY(0);

    }

    to{

        transform:scaleY(1);

    }

}

/* ======================================================
   HOVER EFFECT
====================================================== */

.gs-bar{

    transition:
        transform .35s ease,
        filter .35s ease,
        opacity .35s ease;

}

.gs-bar-item:hover .gs-bar{

    transform:scaleY(1) scaleX(1.04);

    filter:brightness(1.08);

}

.gs-bar-item:hover .gs-value{

    transform:translateY(-2px);

}

.gs-value{

    transition:transform .35s ease;

}

/* ======================================================
   SMOOTHER TEXT
====================================================== */

.gs-value,
.gs-label,
.gs-caption{

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

    text-rendering:optimizeLegibility;

}

/* ======================================================
   BETTER RESPONSIVE
====================================================== */

@media (max-width:767px){

.gs-bars{

    align-items:flex-end;

}

.gs-label{

    line-height:1.4;

}

}

/* ======================================================
   EXTRA SMALL DEVICES
====================================================== */

@media (max-width:560px){

.gs-stats-card{

    border-radius:24px;

}

.gs-bars{

    gap:18px;

}

.gs-bar{

    width:44px;

}

.gs-value{

    font-size:22px;

}

.gs-label{

    font-size:13px;

}

.gs-caption{

    margin-top:40px;

    font-size:13px;

}

}

/* ======================================================
   VERY SMALL PHONES
====================================================== */

@media (max-width:400px){

.gs-bars{

    gap:12px;

}

.gs-bar{

    width:34px;

}

.gs-value{

    font-size:18px;

}

.gs-label{

    font-size:11px;

}

}

/* ======================================================
   ACCESSIBILITY
====================================================== */

@media (prefers-reduced-motion:reduce){

.gs-bar,
.gs-value{

    animation:none;

    transition:none;

    transform:none;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d32da77 *//*======================================================
            EASY CUSTOMIZATION
======================================================*/

:root{

--card-width:500px;
--card-padding:35px;
--card-radius:20px;
--card-border:#E5EAF2;
--card-bg:#ffffff;

--circle-size:220px;
--circle-stroke:24;

--progress:15;

/* Colors */

--ring-bg:#D9EFF2;
--ring-color:#2C8194;

--font-family:'Poppins',sans-serif;

--percent-size:42px;
--label-size:12px;
--legend-size:14px;

--percent-color:#163C44;
--label-color:#B7BDC7;

--orange:#FF7A3D;
--teal:#1D4650;

--animation-speed:2s;

}


/*======================================================
CARD
======================================================*/

.stats-card{

width:var(--card-width);

background:var(--card-bg);

padding:var(--card-padding);

border-radius:var(--card-radius);

border:1px solid var(--card-border);

box-sizing:border-box;

font-family:var(--font-family);

}


/*======================================================
SVG
======================================================*/

.circle-wrap{

position:relative;

width:var(--circle-size);

height:var(--circle-size);

margin:auto;

}


.progress-ring{

width:100%;

height:100%;

transform:rotate(-90deg);

}


.bg-ring{

fill:none;

stroke:var(--ring-bg);

stroke-width:var(--circle-stroke);

}


.progress-ring-circle{

fill:none;

stroke:var(--ring-color);

stroke-width:var(--circle-stroke);

stroke-linecap:round;

stroke-dasharray:439.82;

stroke-dashoffset:439.82;

animation:progress var(--animation-speed) ease forwards;

}


/*======================================================
CENTER
======================================================*/

.circle-content{

position:absolute;

top:50%;

left:50%;

transform:translate(-50%,-50%);

text-align:center;

}


.percent{

font-size:var(--percent-size);

font-weight:700;

color:var(--percent-color);

line-height:1;

}


.label{

margin-top:10px;

font-size:var(--label-size);

font-weight:600;

letter-spacing:3px;

color:var(--label-color);

}


/*======================================================
LEGEND
======================================================*/

.legend{

display:flex;

justify-content:center;

gap:28px;

margin-top:25px;

flex-wrap:wrap;

}


.legend-item{

display:flex;

align-items:center;

gap:8px;

font-size:var(--legend-size);

color:#556270;

}


.legend strong{

font-weight:700;

color:#3C4855;

}


.dot{

width:10px;

height:10px;

border-radius:50%;

display:inline-block;

}


.orange{

background:var(--orange);

}


.teal{

background:var(--teal);

}


/*======================================================
ANIMATION
======================================================*/

@keyframes progress{

from{

stroke-dashoffset:439.82;

}

to{

stroke-dashoffset:calc(439.82 - (439.82 * var(--progress) / 100));

}

}


/*======================================================
HOVER
======================================================*/

.stats-card:hover{

transform:translateY(-5px);

transition:.35s;

box-shadow:0 18px 40px rgba(0,0,0,.08);

}


/*======================================================
RESPONSIVE
======================================================*/

@media(max-width:480px){

:root{

--circle-size:180px;

--percent-size:34px;

}

.legend{

flex-direction:column;

align-items:center;

gap:10px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5bf7424 *//*==============================
CUSTOMIZATION
==============================*/

.seo-stats-card{

--card-width:100%;
--card-max-width:760px;

--padding:42px;
--radius:28px;
--border:1px solid #D8E0E3;

--background:#ffffff;

--font-family:'Inter',sans-serif;

--number-size:72px;
--number-weight:700;
--number-color:#043A4D;

--text-size:20px;
--text-color:#69838A;

--label-size:22px;
--label-weight:600;

--value-size:22px;

--progress-height:16px;

--track:#EDF2F4;

--bar-dark:#2E6562;
--bar-green:#58D3BF;

--badge-bg:#58D3BF;
--badge-color:#ffffff;

--icon-size:22px;

--row-gap:34px;

width:var(--card-width);
max-width:var(--card-max-width);

background:var(--background);

border:var(--border);

border-radius:var(--radius);

padding:var(--padding);

font-family:var(--font-family);

box-sizing:border-box;

}

/*================*/

.ssc-top{

display:flex;

justify-content:space-between;

gap:40px;

margin-bottom:45px;

align-items:flex-start;

}

.ssc-big-number{

font-size:var(--number-size);

font-weight:var(--number-weight);

color:var(--number-color);

line-height:1;

white-space:nowrap;

}

.ssc-description{

font-size:var(--text-size);

line-height:1.45;

color:var(--text-color);

max-width:330px;

}

.ssc-bars{

display:flex;

flex-direction:column;

gap:var(--row-gap);

}

.ssc-item{

display:flex;

flex-direction:column;

gap:12px;

}

.ssc-label-row{

display:flex;

justify-content:space-between;

align-items:center;

gap:30px;

}

.ssc-label{

display:flex;

align-items:center;

gap:12px;

font-size:var(--label-size);

font-weight:var(--label-weight);

color:#244E55;

}

.ssc-label svg{

width:var(--icon-size);

height:var(--icon-size);

color:#244E55;

flex:none;

}

.ssc-value{

font-size:var(--value-size);

font-weight:700;

color:#244E55;

}

.ssc-progress{

height:var(--progress-height);

background:var(--track);

border-radius:100px;

overflow:hidden;

}

.ssc-fill{

height:100%;

border-radius:100px;

animation:growBar 1.3s ease forwards;

transform-origin:left center;

}

.fill1{

width:68.01%;

background:var(--bar-dark);

}

.fill2{

width:42.5%;

background:var(--bar-green);

}

.fill3{

width:58.2%;

background:var(--bar-dark);

}

.fill4{

width:31.99%;

background:var(--bar-dark);

}


@media(max-width:768px){

.seo-stats-card{

--padding:28px;

--number-size:52px;

--text-size:17px;

--label-size:18px;

--value-size:18px;

}

.ssc-top{

flex-direction:column;

gap:18px;

}

.ssc-description{

max-width:none;

}

}

/*====================================
ANIMATIONS
====================================*/

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(35px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes growBar {
    from {
        width: 0;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33da7ae *//* ===========================
   CUSTOMIZATION
=========================== */

:root{

--card-width:900px;
--card-padding:40px;
--card-radius:34px;

--main-card-radius:28px;

--font-family:'Poppins',sans-serif;

--title-size:100px;
--subtitle-size:22px;
--small-size:16px;
--box-title-size:24px;

--text-color:#ffffff;
--small-text:#7d9598;

--primary:#59c7bf;
--primary-hover:#46bcb2;

--border:#dfe7e8;

--shadow:0 10px 30px rgba(0,0,0,.08);

--box-gap:22px;

--box-height:170px;

--icon-size:66px;

--icon-bg:#fff;

--transition:.45s;

}


/* ===================== */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
background:#f5f6f7;
font-family:var(--font-family);
}

.lens-card{

width:100%;
max-width:var(--card-width);

padding:var(--card-padding);

border:1px solid var(--border);

border-radius:var(--card-radius);

background:#fff;

margin:auto;

box-shadow:var(--shadow);

}


/* HEADER */

.lens-header{

display:flex;

align-items:center;

gap:14px;

margin-bottom:35px;

}

.lens-header img{

width:30px;

height:30px;

}

.lens-header span{

font-size:var(--small-size);

letter-spacing:5px;

color:#7b9193;

font-weight:500;

}


/* BIG CARD */

.lens-main-card{

background:var(--primary);

border-radius:var(--main-card-radius);

padding:55px;

position:relative;

overflow:hidden;

transition:var(--transition);

}

.lens-main-card:hover{

background:var(--primary-hover);

transform:translateY(-5px);

}

.lens-main-card h1{

font-size:var(--title-size);

line-height:1;

font-weight:700;

color:var(--text-color);

margin-bottom:18px;

}

.lens-main-card p{

font-size:var(--subtitle-size);

font-weight:500;

color:#eaf9f7;

}


/* Decorative Corners */

.corner{

position:absolute;

width:22px;

height:22px;

border:3px solid rgba(255,255,255,.15);

}

.tl{

left:20px;
top:20px;
border-right:none;
border-bottom:none;

}

.tr{

right:20px;
top:20px;
border-left:none;
border-bottom:none;

}

.bl{

left:20px;
bottom:20px;
border-right:none;
border-top:none;

}

.br{

right:20px;
bottom:20px;
border-left:none;
border-top:none;

}


/* GRID */

.lens-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:var(--box-gap);

margin-top:28px;

}


/* BOX */

.lens-box{

height:var(--box-height);

background:var(--primary);

border-radius:24px;

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;

transition:var(--transition);

cursor:pointer;

box-shadow:0 8px 20px rgba(0,0,0,.05);

}

.lens-box:hover{

background:var(--primary-hover);

transform:translateY(-8px);

}

.icon-circle{

width:var(--icon-size);

height:var(--icon-size);

border-radius:50%;

background:var(--icon-bg);

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

margin-bottom:18px;

transition:var(--transition);

}

.lens-box:hover .icon-circle{

transform:rotate(12deg) scale(1.12);

}

.lens-box span{

font-size:var(--box-title-size);

color:white;

font-weight:500;

}


/* RESPONSIVE */

@media(max-width:768px){

.lens-main-card{

padding:35px;

}

.lens-main-card h1{

font-size:70px;

}

.lens-main-card p{

font-size:18px;

}

.lens-grid{

grid-template-columns:1fr;

}

.lens-box{

height:140px;

}

}

@media(max-width:480px){

.lens-card{

padding:22px;

}

.lens-header span{

font-size:12px;

letter-spacing:2px;

}

.lens-main-card h1{

font-size:56px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-adcdb10 *//*==================================================
            CUSTOMIZE EVERYTHING HERE
==================================================*/

.stats-card{

    --card-width:520px;
    --card-height:460px;

    --card-bg:#ffffff;
    --card-border:#ebebeb;
    --card-radius:24px;

    --circle-size:450px;

    --ring-color:#52d6d1;
    --outer-ring:#e8fbfb;

    --ring-thickness:15;

    --number-size:46px;
    --number-color:#183743;
    --number-weight:300;
    --number-font:Poppins,sans-serif;

    --label-size:14px;
    --label-color:#9ea7ad;
    --label-spacing:4px;
    --label-font:Montserrat,sans-serif;
    --label-weight:600;

    width:var(--card-width);
    height:var(--card-height);

    background:var(--card-bg);

    border:1px solid var(--card-border);

    border-radius:var(--card-radius);

    display:flex;
    justify-content:center;
    align-items:center;

    box-sizing:border-box;

}

/*==================================================*/

.stats-circle{

    position:relative;

    width:var(--circle-size);
    height:var(--circle-size);

}

/*==================================================*/

.stats-svg{

    position:absolute;

    inset:0;

    width:100%;
    height:100%;

}

/*==================================================*/

.stats-outer{

    fill:none;

    stroke:var(--outer-ring);

    stroke-width:2;

}

.stats-ring{

    fill:none;

    stroke:var(--ring-color);

    stroke-width:var(--ring-thickness);

}

/*==================================================*/

.stats-content{

    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    width:145px;
    height:145px;

    background:#fff;

    border-radius:50%;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;

    box-sizing:border-box;

}

/*==================================================*/

.stats-number{

    font-family:var(--number-font);

    font-size:var(--number-size);

    font-weight:var(--number-weight);

    color:var(--number-color);

    line-height:1;

    margin:0;

}

/*==================================================*/

.stats-label{

    margin-top:12px;

    width:120px;

    font-family:var(--label-font);

    font-size:var(--label-size);

    font-weight:var(--label-weight);

    color:var(--label-color);

    text-transform:uppercase;

    letter-spacing:var(--label-spacing);

    line-height:1.5;

}

/*==================================================
                Responsive
==================================================*/

@media(max-width:768px){

.stats-card{

    width:100%;
    height:300px;

}

.stats-circle{

    width:180px;
    height:180px;

}

.stats-content{

    width:120px;
    height:120px;

}

.stats-number{

    font-size:52px;

}

.stats-label{

    width:100px;

    font-size:9px;

}

}/* End custom CSS */