.elementor-7276 .elementor-element.elementor-element-0fa2950 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-0695f59 img{width:100%;}.elementor-7276 .elementor-element.elementor-element-58de95f .elementor-heading-title{color:#FFFFFF;}.elementor-7276 .elementor-element.elementor-element-58de95f > .elementor-widget-container{padding:5px 5px 5px 5px;background-color:#CD2027;border-radius:4px 4px 4px 4px;}.elementor-7276 .elementor-element.elementor-element-b383b4c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:1px 1px 1px 1px;}.elementor-7276 .elementor-element.elementor-element-02b8722 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:5px;}.elementor-7276 .elementor-element.elementor-element-02b8722 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7276 .elementor-element.elementor-element-02b8722{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-8ac3d09 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7276 .elementor-element.elementor-element-8ac3d09 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-60d849d{text-align:center;}.elementor-7276 .elementor-element.elementor-element-60d849d .elementor-heading-title{color:#FFFFFF;}.elementor-7276 .elementor-element.elementor-element-60d849d > .elementor-widget-container{padding:02px 0px 02px 0px;background-color:#CD2027;}.elementor-7276 .elementor-element.elementor-element-30fab1b.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-7276 .elementor-element.elementor-element-30fab1b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-7276 .elementor-element.elementor-element-30fab1b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7276 .elementor-element.elementor-element-30fab1b > .elementor-element-populated, .elementor-7276 .elementor-element.elementor-element-30fab1b > .elementor-element-populated > .elementor-background-overlay, .elementor-7276 .elementor-element.elementor-element-30fab1b > .elementor-background-slideshow{border-radius:7px 7px 7px 7px;}.elementor-7276 .elementor-element.elementor-element-30fab1b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-30fab1b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-03292aa .elementor-icon-wrapper{text-align:center;}.elementor-7276 .elementor-element.elementor-element-03292aa.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-7276 .elementor-element.elementor-element-03292aa.elementor-view-framed .elementor-icon, .elementor-7276 .elementor-element.elementor-element-03292aa.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-7276 .elementor-element.elementor-element-03292aa.elementor-view-framed .elementor-icon, .elementor-7276 .elementor-element.elementor-element-03292aa.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-7276 .elementor-element.elementor-element-03292aa .elementor-icon{font-size:27px;}.elementor-7276 .elementor-element.elementor-element-03292aa .elementor-icon svg{height:27px;}.elementor-7276 .elementor-element.elementor-element-03292aa{width:var( --container-widget-width, 31.63% );max-width:31.63%;--container-widget-width:31.63%;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-2482fe2 .elementor-heading-title{color:#FFFFFF;}.elementor-7276 .elementor-element.elementor-element-2482fe2{width:var( --container-widget-width, 56.699% );max-width:56.699%;--container-widget-width:56.699%;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-e465cb8 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7276 .elementor-element.elementor-element-e465cb8{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-e465cb8, .elementor-7276 .elementor-element.elementor-element-e465cb8 > .elementor-background-overlay{border-radius:5px 5px 5px 5px;}.elementor-7276 .elementor-element.elementor-element-e465cb8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-fb3f247 > .elementor-element-populated{border-style:solid;border-width:0px 1px 0px 0px;border-color:#CCCCCC;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-fb3f247 > .elementor-element-populated, .elementor-7276 .elementor-element.elementor-element-fb3f247 > .elementor-element-populated > .elementor-background-overlay, .elementor-7276 .elementor-element.elementor-element-fb3f247 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-fb3f247 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-b863e14 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7276 .elementor-element.elementor-element-b863e14{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 0px 10px 0px;}.elementor-7276 .elementor-element.elementor-element-b863e14, .elementor-7276 .elementor-element.elementor-element-b863e14 > .elementor-background-overlay{border-radius:8px 8px 8px 8px;}.elementor-7276 .elementor-element.elementor-element-b863e14 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-7276 .elementor-element.elementor-element-6289064.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7276 .elementor-element.elementor-element-6289064.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7276 .elementor-element.elementor-element-62e8d17{text-align:center;}.elementor-7276 .elementor-element.elementor-element-105b722 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-105b722 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-f6fdc90{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-8c3f56d > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7276 .elementor-element.elementor-element-8c3f56d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-6d52a22 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-6d52a22{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-0902dbd .elementor-toggle-title, .elementor-7276 .elementor-element.elementor-element-0902dbd .elementor-toggle-icon{color:#CD2027;}.elementor-7276 .elementor-element.elementor-element-0902dbd .elementor-toggle-icon svg{fill:#CD2027;}.elementor-7276 .elementor-element.elementor-element-0902dbd .elementor-tab-title.elementor-active a, .elementor-7276 .elementor-element.elementor-element-0902dbd .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#A78913;}.elementor-7276 .elementor-element.elementor-element-a2962f1 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:5px;}.elementor-7276 .elementor-element.elementor-element-a2962f1 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7276 .elementor-element.elementor-element-a2962f1{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-d46bc3d > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7276 .elementor-element.elementor-element-d46bc3d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-c7c1316{text-align:center;}.elementor-7276 .elementor-element.elementor-element-c7c1316 .elementor-heading-title{color:#FFFFFF;}.elementor-7276 .elementor-element.elementor-element-c7c1316 > .elementor-widget-container{padding:02px 0px 02px 0px;background-color:#CD2027;}.elementor-7276 .elementor-element.elementor-element-a409e36.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-7276 .elementor-element.elementor-element-a409e36:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-7276 .elementor-element.elementor-element-a409e36 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7276 .elementor-element.elementor-element-a409e36 > .elementor-element-populated, .elementor-7276 .elementor-element.elementor-element-a409e36 > .elementor-element-populated > .elementor-background-overlay, .elementor-7276 .elementor-element.elementor-element-a409e36 > .elementor-background-slideshow{border-radius:7px 7px 7px 7px;}.elementor-7276 .elementor-element.elementor-element-a409e36 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-a409e36 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-d650916 .elementor-icon-wrapper{text-align:center;}.elementor-7276 .elementor-element.elementor-element-d650916.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-7276 .elementor-element.elementor-element-d650916.elementor-view-framed .elementor-icon, .elementor-7276 .elementor-element.elementor-element-d650916.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-7276 .elementor-element.elementor-element-d650916.elementor-view-framed .elementor-icon, .elementor-7276 .elementor-element.elementor-element-d650916.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-7276 .elementor-element.elementor-element-d650916 .elementor-icon{font-size:27px;}.elementor-7276 .elementor-element.elementor-element-d650916 .elementor-icon svg{height:27px;}.elementor-7276 .elementor-element.elementor-element-d650916{width:var( --container-widget-width, 31.63% );max-width:31.63%;--container-widget-width:31.63%;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-0b8034f .elementor-heading-title{color:#FFFFFF;}.elementor-7276 .elementor-element.elementor-element-0b8034f{width:var( --container-widget-width, 56.699% );max-width:56.699%;--container-widget-width:56.699%;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-c9d95c2 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7276 .elementor-element.elementor-element-c9d95c2{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-c9d95c2, .elementor-7276 .elementor-element.elementor-element-c9d95c2 > .elementor-background-overlay{border-radius:5px 5px 5px 5px;}.elementor-7276 .elementor-element.elementor-element-c9d95c2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-126dbba > .elementor-element-populated{border-style:solid;border-width:0px 1px 0px 0px;border-color:#CCCCCC;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-126dbba > .elementor-element-populated, .elementor-7276 .elementor-element.elementor-element-126dbba > .elementor-element-populated > .elementor-background-overlay, .elementor-7276 .elementor-element.elementor-element-126dbba > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-126dbba > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-01f68db > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7276 .elementor-element.elementor-element-01f68db{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 0px 10px 0px;}.elementor-7276 .elementor-element.elementor-element-01f68db, .elementor-7276 .elementor-element.elementor-element-01f68db > .elementor-background-overlay{border-radius:8px 8px 8px 8px;}.elementor-7276 .elementor-element.elementor-element-01f68db > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-7276 .elementor-element.elementor-element-c63d6da.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7276 .elementor-element.elementor-element-c63d6da.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7276 .elementor-element.elementor-element-de2ceff{text-align:center;}.elementor-7276 .elementor-element.elementor-element-b2d57b3 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-b2d57b3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-d8fb496{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-078ea6d > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7276 .elementor-element.elementor-element-078ea6d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-944edc9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-944edc9{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-0508372 .elementor-toggle-title, .elementor-7276 .elementor-element.elementor-element-0508372 .elementor-toggle-icon{color:#CD2027;}.elementor-7276 .elementor-element.elementor-element-0508372 .elementor-toggle-icon svg{fill:#CD2027;}.elementor-7276 .elementor-element.elementor-element-0508372 .elementor-tab-title.elementor-active a, .elementor-7276 .elementor-element.elementor-element-0508372 .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#A78913;}.elementor-7276 .elementor-element.elementor-element-396ec31 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:5px;}.elementor-7276 .elementor-element.elementor-element-396ec31 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7276 .elementor-element.elementor-element-396ec31{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-b425183 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7276 .elementor-element.elementor-element-b425183 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-354b2f7{text-align:center;}.elementor-7276 .elementor-element.elementor-element-354b2f7 .elementor-heading-title{color:#FFFFFF;}.elementor-7276 .elementor-element.elementor-element-354b2f7 > .elementor-widget-container{padding:02px 0px 02px 0px;background-color:#CD2027;}.elementor-7276 .elementor-element.elementor-element-fd8f94f.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-7276 .elementor-element.elementor-element-fd8f94f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-7276 .elementor-element.elementor-element-fd8f94f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7276 .elementor-element.elementor-element-fd8f94f > .elementor-element-populated, .elementor-7276 .elementor-element.elementor-element-fd8f94f > .elementor-element-populated > .elementor-background-overlay, .elementor-7276 .elementor-element.elementor-element-fd8f94f > .elementor-background-slideshow{border-radius:7px 7px 7px 7px;}.elementor-7276 .elementor-element.elementor-element-fd8f94f > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-fd8f94f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-1e7489a .elementor-icon-wrapper{text-align:center;}.elementor-7276 .elementor-element.elementor-element-1e7489a.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-7276 .elementor-element.elementor-element-1e7489a.elementor-view-framed .elementor-icon, .elementor-7276 .elementor-element.elementor-element-1e7489a.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-7276 .elementor-element.elementor-element-1e7489a.elementor-view-framed .elementor-icon, .elementor-7276 .elementor-element.elementor-element-1e7489a.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-7276 .elementor-element.elementor-element-1e7489a .elementor-icon{font-size:27px;}.elementor-7276 .elementor-element.elementor-element-1e7489a .elementor-icon svg{height:27px;}.elementor-7276 .elementor-element.elementor-element-1e7489a{width:var( --container-widget-width, 31.63% );max-width:31.63%;--container-widget-width:31.63%;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-4134234 .elementor-heading-title{color:#FFFFFF;}.elementor-7276 .elementor-element.elementor-element-4134234{width:var( --container-widget-width, 56.699% );max-width:56.699%;--container-widget-width:56.699%;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-100f0e9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7276 .elementor-element.elementor-element-100f0e9{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-100f0e9, .elementor-7276 .elementor-element.elementor-element-100f0e9 > .elementor-background-overlay{border-radius:5px 5px 5px 5px;}.elementor-7276 .elementor-element.elementor-element-100f0e9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-5f33f01 > .elementor-element-populated{border-style:solid;border-width:0px 1px 0px 0px;border-color:#CCCCCC;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-5f33f01 > .elementor-element-populated, .elementor-7276 .elementor-element.elementor-element-5f33f01 > .elementor-element-populated > .elementor-background-overlay, .elementor-7276 .elementor-element.elementor-element-5f33f01 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-5f33f01 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-e2c5db5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7276 .elementor-element.elementor-element-e2c5db5{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 0px 10px 0px;}.elementor-7276 .elementor-element.elementor-element-e2c5db5, .elementor-7276 .elementor-element.elementor-element-e2c5db5 > .elementor-background-overlay{border-radius:8px 8px 8px 8px;}.elementor-7276 .elementor-element.elementor-element-e2c5db5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-7276 .elementor-element.elementor-element-c050d8f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7276 .elementor-element.elementor-element-c050d8f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7276 .elementor-element.elementor-element-138c906{text-align:center;}.elementor-7276 .elementor-element.elementor-element-fe1b805 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-fe1b805 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-f7da863{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-975e3f3 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7276 .elementor-element.elementor-element-975e3f3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7276 .elementor-element.elementor-element-59bbc87 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7276 .elementor-element.elementor-element-59bbc87{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-69781f4 .elementor-toggle-title, .elementor-7276 .elementor-element.elementor-element-69781f4 .elementor-toggle-icon{color:#CD2027;}.elementor-7276 .elementor-element.elementor-element-69781f4 .elementor-toggle-icon svg{fill:#CD2027;}.elementor-7276 .elementor-element.elementor-element-69781f4 .elementor-tab-title.elementor-active a, .elementor-7276 .elementor-element.elementor-element-69781f4 .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#A78913;}.elementor-7276 .elementor-element.elementor-element-838c5f3{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:600;}@media(min-width:768px){.elementor-7276 .elementor-element.elementor-element-0fa2950{width:100%;}.elementor-7276 .elementor-element.elementor-element-8ac3d09{width:86.784%;}.elementor-7276 .elementor-element.elementor-element-30fab1b{width:13.173%;}.elementor-7276 .elementor-element.elementor-element-d46bc3d{width:86.784%;}.elementor-7276 .elementor-element.elementor-element-a409e36{width:13.173%;}.elementor-7276 .elementor-element.elementor-element-b425183{width:86.784%;}.elementor-7276 .elementor-element.elementor-element-fd8f94f{width:13.173%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7276 .elementor-element.elementor-element-8ac3d09{width:69%;}.elementor-7276 .elementor-element.elementor-element-30fab1b{width:22%;}.elementor-7276 .elementor-element.elementor-element-fb3f247{width:100%;}.elementor-7276 .elementor-element.elementor-element-6289064{width:40%;}.elementor-7276 .elementor-element.elementor-element-105b722{width:40%;}.elementor-7276 .elementor-element.elementor-element-8c3f56d{width:100%;}.elementor-7276 .elementor-element.elementor-element-d46bc3d{width:69%;}.elementor-7276 .elementor-element.elementor-element-a409e36{width:22%;}.elementor-7276 .elementor-element.elementor-element-126dbba{width:100%;}.elementor-7276 .elementor-element.elementor-element-c63d6da{width:40%;}.elementor-7276 .elementor-element.elementor-element-b2d57b3{width:40%;}.elementor-7276 .elementor-element.elementor-element-078ea6d{width:100%;}.elementor-7276 .elementor-element.elementor-element-b425183{width:69%;}.elementor-7276 .elementor-element.elementor-element-fd8f94f{width:22%;}.elementor-7276 .elementor-element.elementor-element-5f33f01{width:100%;}.elementor-7276 .elementor-element.elementor-element-c050d8f{width:40%;}.elementor-7276 .elementor-element.elementor-element-fe1b805{width:40%;}.elementor-7276 .elementor-element.elementor-element-975e3f3{width:100%;}}@media(max-width:1024px){.elementor-7276 .elementor-element.elementor-element-8ac3d09.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7276 .elementor-element.elementor-element-60d849d{width:var( --container-widget-width, 502.896px );max-width:502.896px;--container-widget-width:502.896px;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-30fab1b.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-7276 .elementor-element.elementor-element-03292aa{width:var( --container-widget-width, 50.987px );max-width:50.987px;--container-widget-width:50.987px;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-2482fe2{width:var( --container-widget-width, 97.987px );max-width:97.987px;--container-widget-width:97.987px;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-e465cb8 > .elementor-container{max-width:1600px;}.elementor-bc-flex-widget .elementor-7276 .elementor-element.elementor-element-fb3f247.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7276 .elementor-element.elementor-element-fb3f247.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7276 .elementor-element.elementor-element-fb3f247.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7276 .elementor-element.elementor-element-b863e14 > .elementor-container{max-width:1600px;}.elementor-7276 .elementor-element.elementor-element-f6fdc90{width:var( --container-widget-width, 369px );max-width:369px;--container-widget-width:369px;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-6d52a22{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-d46bc3d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7276 .elementor-element.elementor-element-c7c1316{width:var( --container-widget-width, 502.896px );max-width:502.896px;--container-widget-width:502.896px;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-a409e36.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-7276 .elementor-element.elementor-element-d650916{width:var( --container-widget-width, 50.987px );max-width:50.987px;--container-widget-width:50.987px;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-0b8034f{width:var( --container-widget-width, 97.987px );max-width:97.987px;--container-widget-width:97.987px;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-c9d95c2 > .elementor-container{max-width:1600px;}.elementor-bc-flex-widget .elementor-7276 .elementor-element.elementor-element-126dbba.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7276 .elementor-element.elementor-element-126dbba.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7276 .elementor-element.elementor-element-126dbba.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7276 .elementor-element.elementor-element-01f68db > .elementor-container{max-width:1600px;}.elementor-7276 .elementor-element.elementor-element-d8fb496{width:var( --container-widget-width, 369px );max-width:369px;--container-widget-width:369px;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-944edc9{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-b425183.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7276 .elementor-element.elementor-element-354b2f7{width:var( --container-widget-width, 502.896px );max-width:502.896px;--container-widget-width:502.896px;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-fd8f94f.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-7276 .elementor-element.elementor-element-1e7489a{width:var( --container-widget-width, 50.987px );max-width:50.987px;--container-widget-width:50.987px;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-4134234{width:var( --container-widget-width, 97.987px );max-width:97.987px;--container-widget-width:97.987px;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-100f0e9 > .elementor-container{max-width:1600px;}.elementor-bc-flex-widget .elementor-7276 .elementor-element.elementor-element-5f33f01.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7276 .elementor-element.elementor-element-5f33f01.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7276 .elementor-element.elementor-element-5f33f01.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7276 .elementor-element.elementor-element-e2c5db5 > .elementor-container{max-width:1600px;}.elementor-7276 .elementor-element.elementor-element-f7da863{width:var( --container-widget-width, 369px );max-width:369px;--container-widget-width:369px;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-59bbc87{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-7276 .elementor-element.elementor-element-30fab1b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7276 .elementor-element.elementor-element-6d52a22{width:var( --container-widget-width, 343.086px );max-width:343.086px;--container-widget-width:343.086px;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-a409e36.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7276 .elementor-element.elementor-element-944edc9{width:var( --container-widget-width, 343.086px );max-width:343.086px;--container-widget-width:343.086px;--container-widget-flex-grow:0;}.elementor-7276 .elementor-element.elementor-element-fd8f94f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7276 .elementor-element.elementor-element-59bbc87{width:var( --container-widget-width, 343.086px );max-width:343.086px;--container-widget-width:343.086px;--container-widget-flex-grow:0;}}/* Start custom CSS for column, class: .elementor-element-30fab1b */.columnheight{
    display: flex;
    align-items: center; 
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f6fdc90 */.sire-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}

.sire-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    background: #fff;
}

.sire-table td {
    /* *** Key Change: Reduced vertical padding *** */
    padding: 10px 10px; 
    border: 1px solid #ccc;
    font-size: 15px;
    /* *** Key Change: Added line-height for compactness *** */
    line-height: 1.2; 
    background: #fff !important;
}

.sire-table td:first-child {
    width: 40%;
    background: #fff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d52a22 *//* ======================================= */
/* 1. PEDIGREE TITLE AND TABLE STRUCTURE */
/* ======================================= */
.pedigree-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.pedigree-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.pedigree-table td {
    border: none !important;
    vertical-align: middle;
    background: transparent !important;
    position: relative;
}

.pedigree-table tr {
    position: relative;
}

/* ======================================= */
/* 2. ICONS (SEX SYMBOLS) */
/* ======================================= */
.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;            /* slightly smaller */
    height: 20px;           /* slightly smaller */
    border-radius: 50%;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    margin-right: 6px;
    flex-shrink: 0;
}

.icon.male {
    background: #007bff;
}

.icon.female {
    background: #e83e8c;
}

/* ======================================= */
/* 3. BOX STYLING */
/* ======================================= */

/* LEFT COLUMN (PARENT) */
.left-title {
    width: 33%;
    text-align: center;
}

.pedigree-box-content {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;         /* smaller */
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    background: #fff;
    white-space: nowrap;
    margin: 0 auto;
    font-size: 14px;
}

/* RIGHT COLUMN (GRANDPARENTS) */
.right-block {
    padding-left: 10px;
}

.right-block .parent-row {
    display: flex;
    align-items: center;
    padding: 6px 12px;        /* smaller */
    margin-bottom: 8px;       /* smaller */
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    background: #fff;
    white-space: nowrap;
    font-size: 14px;
}

.right-block .parent-row:last-child {
    margin-bottom: 0;
}

/* ======================================= */
/* 4. RESPONSIVE (NO SCROLL) */
/* ======================================= */

/* REMOVE SCROLL COMPLETELY */
.pedigree-box {
    width: 100%;
    overflow-x: hidden !important;   /* scroll removed */
}

/* Make table fit screen */
.pedigree-table {
    width: 100%;             
    min-width: 100%;         /* forces proper fit */
}

/* Small screens */
@media (max-width: 768px) {
    .pedigree-box-content,
    .right-block .parent-row {
        white-space: normal;
        padding: 5px 8px;
        font-size: 13px;
        max-width: 100%;
    }

    .left-title {
        width: 40%;
    }

    .right-block {
        padding-left: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for toggle, class: .elementor-element-0902dbd *//* ===========================================================
   1) Container
   =========================================================== */
.pedigree-data-container {
    font-family: Arial, sans-serif;
    max-width: 100%;
    border: 1px solid #999;
}

/* ===========================================================
   2) Base table settings
   =========================================================== */
.pedigree-data-container table {
    width: 100%;
    border-collapse: collapse;
}

.pedigree-data-container td,
.pedigree-data-container th {
    border: none;
}

/* ===========================================================
   3) Production Traits Title
   =========================================================== */
.header-production-1{
    text-align: center;
    font-size: 18px;
    background: #a07a1b
}

//* ===========================================================
   4) Traits Header Row
   =========================================================== */
.header-traits th {
    background-color: transparent;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 15px;
    text-align: left;
    border-right: 1px solid #999;
}

.header-traits .traits-col {
    width: 65%;
    border-left: none;
}

.header-traits .within-bv-col {
    text-align: center;
    border-right: none;
}

/* ===========================================================
   5) Data Rows
   =========================================================== */
.data-row td {
    padding: 8px 15px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.data-row .tp-value {
    text-align: center;
    border-left: 1px solid #ddd;
}

.data-row:nth-child(even) {
    background-color: #f9f9f9;
}

/* Highlight rows (gold background) */
.highlight-row {
    background: #c9a500;
}

/* ===========================================================
   6) Remove bottom border from last row
   =========================================================== */
.pedigree-data-container table:last-of-type tr:last-child td {
    border-bottom: none;
}
/*//chart*/
/* ===== Conformation BV Chart ===== */

.conf-trait-table {
  font-family: Arial, sans-serif;
  border: 1px solid #ccc;
}
.conf-production-header{
    color: white;
    font-size: 16px;
}



.conf-traits-scale {
  background: #8fc94d;
  color: #fff;
  font-size: 14px;
}

.conf-traits-scale th {
  padding: 6px;
}

.conf-trait-name,
.conf-bv-value {
  text-align: center;
  font-size: 14px;
  padding: 6px;
}

.conf-bar-wrapper {
  position: relative;
  height: 18px;
  background: #eee;
  overflow: hidden;
}

.conf-bar-wrapper::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 1px;
  background: #999;
}

.conf-bar-fill {
  position: absolute;
  height: 100%;
  background: #6aa84f;
  left: 50%;
  width: 0;
  transition: all 0.4s ease;
}
/*box*/
.traits-box {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;       /* Traits left, image right */
  justify-content: space-between; /* Space between columns */
  align-items: flex-start;
  gap: 20px;                /* space between list and image */
  font-family: Arial, sans-serif;
  background-color: #fff;
}

.traits-list {
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 1;                  /* take available width */
}

.traits-list li {
  margin-bottom: 8px;
  font-size: 14px;
}

.traits-list li .tick {
  margin-right: 5px;
}

.traits-box img {
  height: 200px;
  width: auto;
  border-radius: 10px;
  flex-shrink: 0;           /* prevent shrinking */
}

.traits-list.dam-info {
  margin-top: 10px;
}



/* ---------- Tablet & below (max-width: 1024px) ---------- */
@media (max-width: 1024px) {

  .pedigree-data-container,
  .production-trait-table.bv-chart {
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px;
  }

  .bv-chart .bar-wrapper {
    height: 16px;
  }

  /* Last section: image left, list right (vertical stacking) */
  .traits-box.last-section {
    flex-direction: row;         /* row by default */
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
  }

  .traits-box.last-section img {
    width: 50%;                  /* image takes left part */
    max-width: 150px;
    height: auto;
  }

  .traits-box.last-section .traits-list {
    width: 70%;                  /* list on right side */
  }

  /* Other traits boxes stacked normally */
  .traits-box:not(.last-section) {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
  }
}

/* ---------- Mobile & below (max-width: 768px) ---------- */
@media (max-width: 768px) {

  .pedigree-data-container,
  .production-trait-table.bv-chart {
    width: 100% !important;
    float: none !important;
    margin-bottom: 15px;
  }

  .bv-chart .bar-wrapper {
    height: 12px;
  }

  /* Last section vertical but image on left */
  .traits-box.last-section {
    flex-direction: row;         /* keep row */
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
  }

  .traits-box.last-section img {
    width: 100%;                  /* smaller on mobile */
    max-width: 250px;
    height: auto;
  }

  .traits-box.last-section .traits-list {
    width: 65%;
  }

  /* Other traits boxes stacked normally */
  .traits-box:not(.last-section) {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding: 10px;
  }
}

/* ---------- Extra small mobile (max-width: 480px) ---------- */
@media (max-width: 480px) {

  .traits-box.last-section {
    flex-direction: column;       /* keep image left, list right */
    gap: 8px;
  }

  .traits-box.last-section img {
    width: 90%;
    max-width: 250px;
  }

  .traits-box.last-section .traits-list {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-a409e36 */.columnheight{
    display: flex;
    align-items: center; 
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8fb496 */.sire-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}

.sire-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    background: #fff;
}

.sire-table td {
    /* *** Key Change: Reduced vertical padding *** */
    padding: 10px 10px; 
    border: 1px solid #ccc;
    font-size: 15px;
    /* *** Key Change: Added line-height for compactness *** */
    line-height: 1.2; 
    background: #fff !important;
}

.sire-table td:first-child {
    width: 40%;
    background: #fff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-944edc9 *//* ======================================= */
/* 1. PEDIGREE TITLE AND TABLE STRUCTURE */
/* ======================================= */
.pedigree-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.pedigree-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.pedigree-table td {
    border: none !important;
    vertical-align: middle;
    background: transparent !important;
    position: relative;
}

.pedigree-table tr {
    position: relative;
}

/* ======================================= */
/* 2. ICONS (SEX SYMBOLS) */
/* ======================================= */
.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;            /* slightly smaller */
    height: 20px;           /* slightly smaller */
    border-radius: 50%;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    margin-right: 6px;
    flex-shrink: 0;
}

.icon.male {
    background: #007bff;
}

.icon.female {
    background: #e83e8c;
}

/* ======================================= */
/* 3. BOX STYLING */
/* ======================================= */

/* LEFT COLUMN (PARENT) */
.left-title {
    width: 33%;
    text-align: center;
}

.pedigree-box-content {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;         /* smaller */
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    background: #fff;
    white-space: nowrap;
    margin: 0 auto;
    font-size: 14px;
}

/* RIGHT COLUMN (GRANDPARENTS) */
.right-block {
    padding-left: 10px;
}

.right-block .parent-row {
    display: flex;
    align-items: center;
    padding: 6px 12px;        /* smaller */
    margin-bottom: 8px;       /* smaller */
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    background: #fff;
    white-space: nowrap;
    font-size: 14px;
}

.right-block .parent-row:last-child {
    margin-bottom: 0;
}

/* ======================================= */
/* 4. RESPONSIVE (NO SCROLL) */
/* ======================================= */

/* REMOVE SCROLL COMPLETELY */
.pedigree-box {
    width: 100%;
    overflow-x: hidden !important;   /* scroll removed */
}

/* Make table fit screen */
.pedigree-table {
    width: 100%;             
    min-width: 100%;         /* forces proper fit */
}

/* Small screens */
@media (max-width: 768px) {
    .pedigree-box-content,
    .right-block .parent-row {
        white-space: normal;
        padding: 5px 8px;
        font-size: 13px;
        max-width: 100%;
    }

    .left-title {
        width: 40%;
    }

    .right-block {
        padding-left: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for toggle, class: .elementor-element-0508372 *//* ===========================================================
   1) Container
   =========================================================== */
.pedigree-data-container {
    font-family: Arial, sans-serif;
    max-width: 100%;
    border: 1px solid #999;
}

/* ===========================================================
   2) Base table settings
   =========================================================== */
.pedigree-data-container table {
    width: 100%;
    border-collapse: collapse;
}

.pedigree-data-container td,
.pedigree-data-container th {
    border: none;
}

/* ===========================================================
   3) Production Traits Title
   =========================================================== */
.header-production-2{
    text-align: center;
    font-size: 18px;
    background: #a07a1b
}

//* ===========================================================
   4) Traits Header Row
   =========================================================== */
.header-traits th {
    background-color: transparent;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 15px;
    text-align: left;
    border-right: 1px solid #999;
}

.header-traits .traits-col {
    width: 65%;
    border-left: none;
}

.header-traits .within-bv-col {
    text-align: center;
    border-right: none;
}

/* ===========================================================
   5) Data Rows
   =========================================================== */
.data-row td {
    padding: 8px 15px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.data-row .tp-value {
    text-align: center;
    border-left: 1px solid #ddd;
}

.data-row:nth-child(even) {
    background-color: #f9f9f9;
}

/* Highlight rows (gold background) */
.highlight-row {
    background: #c9a500;
}

/* ===========================================================
   6) Remove bottom border from last row
   =========================================================== */
.pedigree-data-container table:last-of-type tr:last-child td {
    border-bottom: none;
}
/*//chart*/
.bv-chart .bar-wrapper {
  position: relative;
  height: 20px;
  background-color: #eee;
  overflow: hidden;
}
.production-header{
    background: #a07a1b;
    color: white;
    font-size: 16px;
}

.bv-chart .bar-fill {
  position: absolute;
  height: 100%;
  background-color: #6aa84f; /* green */
  left: 0%;
  transition: 0.4s;
}
.traits-3{
    font-size: 14px;
    background: #8fc94d;
    color: white
}
.td{
    text-align: center;
    font-size: 14px
}
/*box*/
.traits-box {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;       /* Traits left, image right */
  justify-content: space-between; /* Space between columns */
  align-items: flex-start;
  gap: 20px;                /* space between list and image */
  font-family: Arial, sans-serif;
  background-color: #fff;
}

.traits-list {
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 1;                  /* take available width */
}

.traits-list li {
  margin-bottom: 8px;
  font-size: 14px;
}

.traits-list li .tick {
  margin-right: 5px;
}

.traits-box img {
  height: 200px;
  width: auto;
  border-radius: 10px;
  flex-shrink: 0;           /* prevent shrinking */
}

.traits-list.dam-info {
  margin-top: 10px;
}



/* ---------- Tablet & below (max-width: 1024px) ---------- */
@media (max-width: 1024px) {

  .pedigree-data-container,
  .production-trait-table.bv-chart {
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px;
  }

  .bv-chart .bar-wrapper {
    height: 16px;
  }

  /* Last section: image left, list right (vertical stacking) */
  .traits-box.last-section {
    flex-direction: row;         /* row by default */
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
  }

  .traits-box.last-section img {
    width: 50%;                  /* image takes left part */
    max-width: 150px;
    height: auto;
  }

  .traits-box.last-section .traits-list {
    width: 70%;                  /* list on right side */
  }

  /* Other traits boxes stacked normally */
  .traits-box:not(.last-section) {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
  }
}

/* ---------- Mobile & below (max-width: 768px) ---------- */
@media (max-width: 768px) {

  .pedigree-data-container,
  .production-trait-table.bv-chart {
    width: 100% !important;
    float: none !important;
    margin-bottom: 15px;
  }

  .bv-chart .bar-wrapper {
    height: 12px;
  }

  /* Last section vertical but image on left */
  .traits-box.last-section {
    flex-direction: row;         /* keep row */
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
  }

  .traits-box.last-section img {
    width: 100%;                  /* smaller on mobile */
    max-width: 250px;
    height: auto;
  }

  .traits-box.last-section .traits-list {
    width: 65%;
  }

  /* Other traits boxes stacked normally */
  .traits-box:not(.last-section) {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding: 10px;
  }
}

/* ---------- Extra small mobile (max-width: 480px) ---------- */
@media (max-width: 480px) {

  .traits-box.last-section {
    flex-direction: column;       /* keep image left, list right */
    gap: 8px;
  }

  .traits-box.last-section img {
    width: 90%;
    max-width: 250px;
  }

  .traits-box.last-section .traits-list {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-fd8f94f */.columnheight{
    display: flex;
    align-items: center; 
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f7da863 */.sire-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}

.sire-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    background: #fff;
}

.sire-table td {
    /* *** Key Change: Reduced vertical padding *** */
    padding: 10px 10px; 
    border: 1px solid #ccc;
    font-size: 15px;
    /* *** Key Change: Added line-height for compactness *** */
    line-height: 1.2; 
    background: #fff !important;
}

.sire-table td:first-child {
    width: 40%;
    background: #fff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59bbc87 *//* ======================================= */
/* 1. PEDIGREE TITLE AND TABLE STRUCTURE */
/* ======================================= */
.pedigree-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.pedigree-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.pedigree-table td {
    border: none !important;
    vertical-align: middle;
    background: transparent !important;
    position: relative;
}

.pedigree-table tr {
    position: relative;
}

/* ======================================= */
/* 2. ICONS (SEX SYMBOLS) */
/* ======================================= */
.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;            /* slightly smaller */
    height: 20px;           /* slightly smaller */
    border-radius: 50%;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    margin-right: 6px;
    flex-shrink: 0;
}

.icon.male {
    background: #007bff;
}

.icon.female {
    background: #e83e8c;
}

/* ======================================= */
/* 3. BOX STYLING */
/* ======================================= */

/* LEFT COLUMN (PARENT) */
.left-title {
    width: 33%;
    text-align: center;
}

.pedigree-box-content {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;         /* smaller */
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    background: #fff;
    white-space: nowrap;
    margin: 0 auto;
    font-size: 14px;
}

/* RIGHT COLUMN (GRANDPARENTS) */
.right-block {
    padding-left: 10px;
}

.right-block .parent-row {
    display: flex;
    align-items: center;
    padding: 6px 12px;        /* smaller */
    margin-bottom: 8px;       /* smaller */
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    background: #fff;
    white-space: nowrap;
    font-size: 14px;
}

.right-block .parent-row:last-child {
    margin-bottom: 0;
}

/* ======================================= */
/* 4. RESPONSIVE (NO SCROLL) */
/* ======================================= */

/* REMOVE SCROLL COMPLETELY */
.pedigree-box {
    width: 100%;
    overflow-x: hidden !important;   /* scroll removed */
}

/* Make table fit screen */
.pedigree-table {
    width: 100%;             
    min-width: 100%;         /* forces proper fit */
}

/* Small screens */
@media (max-width: 768px) {
    .pedigree-box-content,
    .right-block .parent-row {
        white-space: normal;
        padding: 5px 8px;
        font-size: 13px;
        max-width: 100%;
    }

    .left-title {
        width: 40%;
    }

    .right-block {
        padding-left: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for toggle, class: .elementor-element-69781f4 *//* ===========================================================
   1) Container
   =========================================================== */
.pedigree-data-container {
    font-family: Arial, sans-serif;
    max-width: 100%;
    border: 1px solid #999;
}

/* ===========================================================
   2) Base table settings
   =========================================================== */
.pedigree-data-container table {
    width: 100%;
    border-collapse: collapse;
}

.pedigree-data-container td,
.pedigree-data-container th {
    border: none;
}

/* ===========================================================
   3) Production Traits Title
   =========================================================== */
.header-production-3{
    text-align: center;
    font-size: 18px;
    background: #a07a1b
}
//* ===========================================================
   4) Traits Header Row
   =========================================================== */
.header-traits th {
    background-color: transparent;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 15px;
    text-align: left;
    border-right: 1px solid #999;
}

.header-traits .traits-col {
    width: 65%;
    border-left: none;
}

.header-traits .within-bv-col {
    text-align: center;
    border-right: none;
}

/* ===========================================================
   5) Data Rows
   =========================================================== */
.data-row td {
    padding: 8px 15px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.data-row .tp-value {
    text-align: center;
    border-left: 1px solid #ddd;
}

.data-row:nth-child(even) {
    background-color: #f9f9f9;
}

/* Highlight rows (gold background) */
.highlight-row {
    background: #c9a500;
}

/* ===========================================================
   6) Remove bottom border from last row
   =========================================================== */
.pedigree-data-container table:last-of-type tr:last-child td {
    border-bottom: none;
}
/*//chart*/
/* ===== Conformation BV Chart ===== */

.conf-trait-table {
  font-family: Arial, sans-serif;
  border: 1px solid #ccc;
}

.conf-production-header {
  background: #a07a1b;
  width: 
}

.conf-traits-scale {
  background: #8fc94d;
  color: #fff;
  font-size: 14px;
}

.conf-traits-scale th {
  padding: 6px;
}

.conf-trait-name,
.conf-bv-value {
  text-align: center;
  font-size: 14px;
  padding: 6px;
}

.conf-bar-wrapper {
  position: relative;
  height: 18px;
  background: #eee;
  overflow: hidden;
}

.conf-bar-wrapper::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 1px;
  background: #999;
}

.conf-bar-fill {
  position: absolute;
  height: 100%;
  background: #6aa84f;
  left: 50%;
  width: 0;
  transition: all 0.4s ease;
}
/*box*/
.traits-box {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;       /* Traits left, image right */
  justify-content: space-between; /* Space between columns */
  align-items: flex-start;
  gap: 20px;                /* space between list and image */
  font-family: Arial, sans-serif;
  background-color: #fff;
}

.traits-list {
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 1;                  /* take available width */
}

.traits-list li {
  margin-bottom: 8px;
  font-size: 14px;
}

.traits-list li .tick {
  margin-right: 5px;
}

.traits-box img {
  height: 200px;
  width: auto;
  border-radius: 10px;
  flex-shrink: 0;           /* prevent shrinking */
}

.traits-list.dam-info {
  margin-top: 10px;
}



/* ---------- Tablet & below (max-width: 1024px) ---------- */
@media (max-width: 1024px) {

  .pedigree-data-container,
  .production-trait-table.bv-chart {
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px;
  }

  .bv-chart .bar-wrapper {
    height: 16px;
  }

  /* Last section: image left, list right (vertical stacking) */
  .traits-box.last-section {
    flex-direction: row;         /* row by default */
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
  }

  .traits-box.last-section img {
    width: 50%;                  /* image takes left part */
    max-width: 150px;
    height: auto;
  }

  .traits-box.last-section .traits-list {
    width: 70%;                  /* list on right side */
  }

  /* Other traits boxes stacked normally */
  .traits-box:not(.last-section) {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
  }
}

/* ---------- Mobile & below (max-width: 768px) ---------- */
@media (max-width: 768px) {

  .pedigree-data-container,
  .production-trait-table.bv-chart {
    width: 100% !important;
    float: none !important;
    margin-bottom: 15px;
  }

  .bv-chart .bar-wrapper {
    height: 12px;
  }

  /* Last section vertical but image on left */
  .traits-box.last-section {
    flex-direction: row;         /* keep row */
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
  }

  .traits-box.last-section img {
    width: 100%;                  /* smaller on mobile */
    max-width: 250px;
    height: auto;
  }

  .traits-box.last-section .traits-list {
    width: 65%;
  }

  /* Other traits boxes stacked normally */
  .traits-box:not(.last-section) {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding: 10px;
  }
}

/* ---------- Extra small mobile (max-width: 480px) ---------- */
@media (max-width: 480px) {

  .traits-box.last-section {
    flex-direction: column;       /* keep image left, list right */
    gap: 8px;
  }

  .traits-box.last-section img {
    width: 90%;
    max-width: 250px;
  }

  .traits-box.last-section .traits-list {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS */.bull-main-heading h2 {
    line-height: 21px;
}
.bull-main-heading h2 a{
	font-size: 15px;
    line-height: 26px;
  	color:#fff;
	font-weight: 800;
}
table {
    border: 0px !important;
    font-size: 13px !important;
    color: black !important;
}
.table-bordered>tbody>tr>td {
    background-color:#f7f7f7 !important;
}
table td 
{
    border: 0px !important;
    padding: 0px 0px !important;
}
table tr{
     height: 0px !important;
    
}
.tablepicture
{
   border-radius: 15px !important;
}
.text-align-right
{
    text-align: right !important;
}
.elementor-heading-title
{
	padding-left:4px !important;
	padding-bottom:3px !important;
	padding-top:3px !important;
}
h5.elementor-heading-title 
{
	font-size: 15px !important;
    line-height: 26px !important;
    padding-bottom:0px !important;
	padding-top:0px !important;
}/* End custom CSS */